@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);




.ns-l
{font-family:'NanumSquare'; font-weight:300; transform:skew(-0.1deg);}
.ns-r
{font-family:'NanumSquare'; font-weight:400;transform:skew(-0.1deg);}
.ns-m
{font-family:'NanumSquare'; font-weight:700; transform:skew(-0.1deg);}
.ns-b
{font-family:'NanumSquare'; font-weight:800; transform:skew(-0.1deg);}


.container
{max-width:1200px; width:100%; padding:0px;}



/* NAV */
#head-mn
{max-width:1200px;}
.main-nav > ul > li > a
{font-size:19px; font-family:'NanumSquare'; font-weight:600; color:#2f2f2f; padding:0 80px;}
.main-nav ul li.submenu ul li a
{font-size:14px; font-family:'NanumSquare'; font-weight:400; transform:skew(-0.1deg);}
.main-nav > ul > li:hover > a,
.main-nav > ul > li > a:hover
{color:#eb5822;}

.header_scroll .tlogo img
{max-height:100%;}
.header_scroll .container-mn
{padding:30px 0 25px;}

.section01
{background:url('../img/sec01_bg.jpg') center; padding:100px 0px;}
.section01 .tit
{font-size:42px; color:#2b2b2b; margin:0 0 60px; text-align:center; font-family:'Noto Sans Kr'; font-weight:600;}
.section01 .sec01_icon
{float:left; margin-left:50px; text-align:center;}
.section01 .sec01_icon .sec01_circle
{width:180px; height:180px; background:#e95823; border-radius:50%; display : inline-block; position:relative;}
.section01 .sec01_icon .sec01_circle img
{position:relative; top:47px;}
.section01 .sec01_icon .sec01_circle p
{color:#fff; font-weight:600; width:100%; position:absolute; top:110px; margin:0px;}
.section01 .sec01_icon .sec01_txt
{margin:0px; padding:20px 0; color:#4c4c4c; font-size:16px;}

.section01 .sec01_icon:hover .sec01_circle
{background:#ca5327}
.section01 .sec01_icon:hover .sec01_txt
{color:#333;}

.section02
{background:url('../img/sec02_bg.jpg') center; padding:80px 0px;}
.section02 .sec02_top
{margin:0 0 80px;}

.section02 .sec02_right
{float:right; width:50%; padding-right:40px;}
.section02 .sec02_right .sec02_line
{width:80%; height:2px; background:#ddd; display : inline-block;margin-top:20px !important; float:left}
.section02 .sec02_right h2
{display : inline-block; font-size:49px; float:right; margin:0px;}

.section02 .sec02_left
{float:left; width:50%; padding-left:40px;}
.section02 .sec02_left .sec02_line
{width:80%; height:2px; background:#ddd; display : inline-block;margin-top:20px !important; float:right}
.section02 .sec02_left h2
{display : inline-block; font-size:49px; float:left; margin:0px;}

.section02 .sec02_txt:after
{clear:both; content:''; display:block;}
.section02 .sec02_txt
{display:inline-block; width:100%; margin:30px 0 30px;}
.section02 .sec02_txt p
{color:#414141; font-weight:600; float:left; width:100%;}
.section02 a
{background:#e95823; padding:15px 20px; display : inline-block; width:200px; color:#fff;}
.section02 a img
{float:right; margin-top:3px;}
.section02 a:hover
{background:#ec6635}

.sec02_bottom img
{float:right;}


.section03
{background:url('../img/sec03_bg.jpg'); padding:75px 0px;}
.section03 .sec03_wrap
{width:378px; height:296px; float:left; margin-right:30px;}
.section03 .sec03_wrap:last-child
{margin-right:0px;}

.section03 .inquiry
{background:url('../img/sec03_img01.jpg'); padding: 40px 0 0 30px;}
.section03 .inquiry h2
{font-size:25px; color:#484848; margin:0px;}
.section03 .inquiry p
{margin:0px; line-height:130%; margin:30px 0px 20px; font-size:15px;}
.section03 .inquiry a
{display : inline-block; color:#5a5a5a; border:1px solid #5e5e5e; padding:5px 10px;}
.section03 .inquiry a:visited
{text-decoration:none;}
.section03 .inquiry a:hover
{background:#e95823; border-color:#e95823; color:#fff;}

.section03 .cscenter
{background:#fff; padding:40px 0 0 30px;}
.section03 .cscenter h2
{margin:0px 0 20px;}
.section03 .cscenter ul
{width:70%; display : inline-block; float:right;}
.section03 .cscenter ul .call
{color:#2a445d; font-size:32px;}
.section03 .cscenter ul .fax
{color:#5f6e7c; font-size:24px;}
.section03 .cscenter p
{margin:30px 0px; color:#7a7a7a; font-size:15px;}

.footer
{background:#434343; padding:40px 0px;}
.footer .f_logo
{background:url('../img/f-logo_2.png') no-repeat; width:190px; height:58px; float:left;}
.footer ul
{width:75%; float:right; }
.footer ul li
{transform:skew(-0.1deg)}
.footer ul li span
{font-size:15px; font-family:'NanumSquare'; font-weight:400; color:#cccccc; padding:0px 5px;}
.footer ul li.copy
{margin-top:15px;}
.footer ul li.copy a
{color:#ccc;}




@media screen and (max-width:414px){


    .mob-btn
    {top:30px;}
    .header_scroll .mob-btn
    {top:30px;}
    .header_scroll .tlogo img
    {max-height:100%;}

    .main-nav > ul > li > a
    {padding:10px 20px; font-size:16px; transform:skew(-0.1deg);}
    .main-nav ul li.submenu i
    {right:0px;}
    .main-nav ul li.submenu i:after
    {right:45px;}


    .section01
    {background-size:cover}
    .section01 .sec01_wrap
    {text-align:center;}
    .section01 .sec01_wrap:after
    {clear:both; content:'';display:block;}
    .section01 .sec01_wrap .sec01_icon
    {margin:0px; float:none;}

    .section02
    {padding:80px 10px;}
    .section02 .sec02_top:after
    {clear:both;content:'';display:block;}
    .section02 .sec02_right
    {width:100%; padding-right:0px; padding:20px 0px;}
    .section02 .sec02_right h2
    {margin-right:20px; font-size:36px;}
    .section02 .sec02_right .sec02_line
    {width:60%;}

    .section02 .sec02_txt
    {margin:20px 0px;}
    .section02 .sec02_txt p
    { font-size:16px;}
    .section02 .sec02_txt p br
    {display:none;}

    .section02 .sec02_left
    {width:100%; padding:0px; padding:20px 0px;}
    .section02 .sec02_left h2
    {margin-left:20px; font-size:36px;}
    .section02 .sec02_left .sec02_line
    {width:60%;}


    .section03
    {padding:55px 10px; background-size:cover;}
    .section03 .sec03_wrap
    {width:100%; margin:0 0 30px;}
    .section03 .sec03_wrap .root_daum_roughmap_landing
    {width:100% !important;}
    .section03 .cscenter
    {padding:40px 10px;}

    .footer
    {padding:40px 10px; text-align:center;}
    .footer .f_logo
    {display:inline-block; float:none;}
    .footer ul
    {width:100%; text-align:left; margin:20px 0px;}
    .footer ul li span
    {padding: 0 5px 0 0;}
}