/* 초기화 */
a:link{color:#555; text-decoration:none;}
a:visited{color:#555; text-decoration:none;}
a:hover{color:#555; text-decoration:none;}
a:focus{text-decoration:none;}
a:active{color:#555; text-decoration:none;}

html,body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,blockquote,pre,button,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,iframe,article,aside,canvas,details,embed,figure,figcaption,header,footer,menu,nav,section,summary,audio,video{box-sizing:border-box;}
a,em,span{display:inline-block;margin:0;padding:0;box-sizing:border-box;}
video, audio{display:block; width:100%;}
iframe, textarea{width:100%; max-height:100%;}
textarea{max-width:100%;}
mark{background-color:transparent; color:inherit;}
[type='checkbox'], [type='radio'], select{cursor:pointer;}
[disabled], [readonly]{cursor:default;}
button, input, optgroup, select, textarea{border-width:0; font-weight:300;}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
select{overflow:visible; background-color:transparent;}
:after,:before{display:none;content:'';}
@media screen and (max-width:768px){
    .skip, caption, legend{overflow:hidden; font-size:0 !important;}
}

/* 레이아웃 공통 */
html, body{position:relative; min-width:1376px; height:100%;}
#wrapper{position:relative; width:100%;}
body{background-color:#fff; color:#555; font-size:16px; line-height:24px; font-weight:200; letter-spacing:-0.03em; font-family: "Noto Sans KR", sans-serif; word-wrap:break-word; -webkit-text-size-adjust:none;}

/* wrap */
.wrap{position:relative; max-width:1376px; margin-right:auto; margin-left:auto;}

/* 상단 */
#header{position:absolute; top:0; left:0; right:0; z-index:30; width:1376px; height:120px; margin:0 auto;}

/* 본문 */
#container{position:relative; z-index:10; width:100%;}
.sub_container_wrap{background-color:#fff;}

/* 하단 */
#footer{position:relative; z-index:20; width:100%;}

/* screen */
#screen{visibility:hidden; overflow:scroll; position:absolute; width:100px; height:100px;}

/* slick */
.slick-slider{position:relative;}
.slick-list{overflow:hidden; position:relative;}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after{display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;}

/* 로고 */
.logo{position:absolute; top:22px; left:0; z-index:30; overflow:hidden;}
.logo_anchor{display:inline-block;}

/* 홈 */
.home{position:relative; z-index:20; background-color:#fff;}

/* gnb */
.gnb{position:absolute; top:43px; right:0;}
.gnb .gnb_item .gnb_anchor{width:150px; height:36px; border-radius:18px; background-color:#4aac80; font-size:15px; color:#fff; line-height:36px; text-align:center; transition:all 0.25s ease-in-out;}
.gnb .gnb_item .gnb_anchor:hover{background-color:#219a65;}

/* 메뉴 */
#lnb{position:relative; }
#lnb .wrap{max-width:1376px; padding-left:320px;}
#lnb ul.menu li{display:inline-block; position:relative; top: 3px;}
#lnb ul.menu li .jq_tm a{display:block; padding: 2px 14px  14px 14px; font-size:15px; font-weight:600; color:#fff; transition:all 0.25s ease-in-out;}
#lnb ul.menu li:hover .jq_tm a{color:#f1e805;}
#lnb ul.menu li div.jq_sm{border-radius:8px;
 position:absolute; left:50%; right:0; top:28px; padding-bottom:15px; display:none; z-index:100; overflow:hidden; width:146px; border:1px solid #1faa00; border-top:5px solid #1faa00; background:#fff; transform:translateX(-50%)}
#lnb ul.menu li div.jq_sm ul{float:left; width:100%; padding:10px 0 0 12px;}
#lnb ul.menu li div.jq_sm li{display:block; letter-spacing:-1px;}
#lnb ul.menu li div.jq_sm li a{display:block; padding:5px; color:#000; font-size:14px; font-weight:400; transition:all 0.25s ease-in-out;}
#lnb ul.menu li div.jq_sm li a:hover{font-weight:500; color:#00a04c;}

/* 하단 */
#footer{position:relative; padding:100px 0 0 0;}
#footer .link{background-color:#f1f1f1;}
#footer .link .wrap{padding:70px 0;}
#footer .link .wrap:before{display:block; position:absolute; bottom:0; right:0; width:314px; height:284px; background:url('../../images/common/link_bg.png') no-repeat right bottom;}
#footer .link .link_text{float:left; margin-right:45px;}
#footer .link .link_text .title{margin-top:5px;font-size:36px; font-weight:700; color:#003d7d; line-height:36px; font-family:'GmarketSans';}
#footer .link .link_text .text{margin-top:20px; font-size:18px; font-weight:500; color:#535353; line-height:29px;}
#footer .link .link_list{overflow:hidden;}
#footer .link .link_item{float:left;}
#footer .link .link_item + .link_item{margin-left:20px;}
#footer .link .link_item a{display:table; position:relative; width:116px; height:116px; border-radius:50%; background-color:#00a04c; color:#fff; font-size:18px; line-height:22px; font-weight:500; text-align:center; transition:all 0.25s ease-in-out;}
#footer .link .link_item a:hover{background-color:#00863f; box-shadow:0 0 8px rgba(0,0,0,0.3);}
#footer .link .link_item a span{display:table-cell; vertical-align:middle;}
#footer .footer_info{overflow:hidden; position:relative; background-color:#003d7d;}
#footer .footer_info .wrap{padding:50px 300px;}
#footer .footer_info .footer_logo{position:absolute; top:0; bottom:0; left:0; height:64px; margin:auto 0;}
#footer .footer_info .footer_logo img{}
#footer .footer_info address{padding-left:80px; border-left:1px solid #326090; border-right:1px solid #326090;}
#footer .footer_info address .text{opacity:0.5; font-size:17px; font-weight:200; line-height:26px; color:#fff;}
#footer .footer_info address .text span{display:inline-block; width:34px;}
#footer .footer_info .footer_link{opacity:0.5; position:absolute; top:50px; right:55px; font-size:17px; font-weight:200; color:#fff; transition:all 0.25s ease-in-out;}
#footer .footer_info .footer_link:hover{opacity:1;}
#footer .btn_top{position:fixed; bottom:30px; right:30px; transition:all 0.25s ease-in-out;}
#footer .btn_top:hover{box-shadow:0 0 8px rgba(0,0,0,0.2);}
