@charset "UTF-8";

.inner {position:relative;width:100%;max-width:1200px;margin:0 auto}
.main_inner {position:relative;padding:0 3.429rem;}
@media screen and (max-width:1279px){
    .inner {padding:0 30px}
}
@media screen and (max-width:960px){
    .inner,
    .main_inner {padding:0 20px}
}
@media screen and (max-width:854px){
    .inner,
    .main_inner {padding:0 15px}
}
#wrap {position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden;}

/* head */
#header_wrap {position:absolute;top:0;left:0;z-index:50;width:100%}
#header_wrap .logo {display:block;float:left;position:relative;line-height:3.45rem}
#header_wrap .logo a {
    display:block;
    width:10.1rem;
    height:3.45rem;
    background:url(../imgs/common/logo.svg) no-repeat 0 50%;
    background-size:10.1rem 1.85rem;
}
#header_wrap #gnb {float:right;position:relative;}
#header_wrap #gnb .gnb_list {position:relative;margin:0 -3.375rem}
#header_wrap #gnb .gnb_list .gnb_menu {float:left;}
#header_wrap #gnb .gnb_list .gnb_menu .gnb_tit {
    display:block;
    position:relative;
    padding:0 3.375rem;
    font-size:0.9rem;
    line-height:3.45rem;
    color:#fff;
}
#header_wrap #gnb .gnb_list .gnb_menu:last-child .gnb_tit:after {display:none;}
#header_wrap .head {position:relative;width:100%;max-width:1920px;margin:0 auto}
#header_wrap .head_inner {position:relative;}
#header_wrap.fixed {position:fixed;}
#header_wrap.fixed .head {background:url(../imgs/common/head_sub_bg.png) repeat 0 0}
#header_wrap .head {background:url(../imgs/common/head_sub_bg.png) repeat 0 0}
#header_wrap .lnb {display:none;position:absolute;top:3.45rem;height:1.8rem;padding:0 1.65rem;background-color:#716003;border-radius:50px;z-index:3}
#header_wrap .lnb ul {margin:-0.75rem}
#header_wrap .lnb ul li {float:left;position:relative;padding:0.75rem;font-size:0.75rem;color:#fff;line-height:1.8rem}
#header_wrap .lnb ul li a {color:#fff;}
#header_wrap .lnb ul li a:hover {color:#d3ff05;}
#header_wrap .lnb ul li:last-child:after {display:none;}
#header_wrap .lnb ul li:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:5px;
    height:5px;
    background-color:rgba(255,255,255,0.5);
    transform:translateY(-50%);
}
#header_wrap .lnb ul li:last-child:after {display:none;}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(1) .lnb {left:-157px;;width:28.55rem}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(2) .lnb {left:160px;width:19.25rem}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(3) .lnb {right:0;width:21.65rem}
@media screen and (max-width:1024px){
    #header_wrap .logo {float:none;width:10.8rem;margin:0 auto}
    #header_wrap #gnb {display:none;}
}


/* foot */
#footer_wrap {position:relative;padding:2.25rem 0;background-color:#666}
#footer_wrap .foot_container {position:relative;}
#footer_wrap .f_logo {float:left;position:relative;}
#footer_wrap .f_logo a {display:block;width:10.8rem;height:2.15rem;background:url(../imgs/common/logo.png) no-repeat 0 50%;background-size:10.8rem 2.15rem;opacity: 0.5;}
#footer_wrap .foot_cont {float:right;position:relative;width:calc(100% - 14rem);font-size:0.75rem;line-height:1.25rem;color:#ddd}
@media screen and (max-width:800px){
    #footer_wrap .f_logo {float:none}
    #footer_wrap .foot_cont {float:none;width:100%;margin-top:0.5rem}
}


/* article */
#article {position:relative;padding-top:3.45rem;}
#main {position:relative;z-index:5}

/* 서브 */
#sub_container {position:relative;}


/* mobile gnb */
#mobile_gnb {display:none;position:fixed;top:0px;left:0px;width:280px;height:100%;margin:0;padding-top:0px;background-color:#fff;overflow:hidden;overflow-y:auto;z-index:999}
#mobile_gnb {transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
#mobile_gnb .utile {position:relative;padding:0.6364rem;background-color:#f1f1f1}
#mobile_gnb .utile ul {margin:-0.09091rem}
#mobile_gnb .utile ul li {float:left;position:relative;width:33.333333333333%;padding:0.09091rem}
#mobile_gnb .utile ul li a {display:block;background-color:rgba(5,150,209,1);color:#fff;text-align:center;font-size:1.1rem;line-height:3rem}
#mobile_gnb .mgnb_list {padding:0;clear:both}
#mobile_gnb .mgnb_list .mgnb_tit {display:block;position:relative;padding:0 2rem 0;font-size:1rem;line-height:3rem;border-bottom:1px solid #ddd;font-weight:500}
#mobile_gnb .mgnb_list .mgnb_tit:before,
#mobile_gnb .mgnb_list .mgnb_tit:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
#mobile_gnb .mgnb_list .mgnb_tit:before{
    top:50%;
    left:0.55rem;  
    width:15px;
    height:15px;
    background:url(../imgs/common/m_gnb_dot.png) no-repeat;
    background-size:100% auto;
    transform:translateY(-50%);
}
#mobile_gnb .mgnb_list .mgnb_tit:after{
    right:0.8182rem;
    width:13px;
    height:15px;
    background:url(../imgs/common/m_gnb_arr.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit {color:#6b9f10;background:#fffdeb;}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit:after {
    width:0.95rem;
    height:1.05rem;
    background:url(../imgs/common/m_gnb_arr_on.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit.tit2 {color:#6b9f10}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit.tit2:after {
    width:1.05rem;
    height:0.95rem;
    background:url(../imgs/common/m_gnb_arr_on2.png) no-repeat;
    background-size:100% auto;
}

#mobile_gnb .mlnb_tit {display:block;width:100%;position:relative;padding:0 2rem 0;background-color:#888;font-size:0.9rem;line-height:2.8rem;color:#fff;border-bottom: 1px dashed #aaa;}
#mobile_gnb li:last-child .mlnb_tit {border-bottom:none;}

#mobile_gnb .mlnb_tit:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:1.182rem;
    width:0.3636rem;
    height:0.3636rem;
    background-color:#ccc;
    transform:translateY(-50%);
}
#mobile_gnb .sub_lnb ul li a {border-bottom:1px dotted #fff}
#mobile_gnb .sub_lnb ul li:last-child a {border-bottom:0}
#mobile_gnb .sub_lnb ul li a {display:block;width:100%;position:relative;padding:0 2.182rem 0;background-color:#999;font-size:1.2rem;line-height:3.3rem;color:#fff}
#mobile_gnb .sub_lnb ul li a:hover,
#mobile_gnb .sub_lnb ul li.active a {font-weight:700}
#mobile_gnb .mgnb_list .mlnb {background-color:#666}
#mobile_gnb .mgnb_list .mlnb {display:none}
#mobile_gnb .mgnb_list .sub_lnb {display:none}
#mobile_gnb .mgnb_list .mlnb ul li.active .sub_lnb {display:block}
#mobile_gnb .mgnb_list .mlnb ul li.active .mlnb_tit {font-weight:700}

.mobile_open #mobile_gnb {transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);}
.menu_overlay {display:none;position:fixed;top:0;bottom:0;display:none;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:99}
.mobile_open .menu_overlay {display:block}
.menu_overlay button {color:#fff;display:block;font-size:40px;position:absolute;left:280px;width:50px;height:50px;z-index:100;cursor:pointer;background-color:transparent;border:0;line-height: 48px;}
.menu_open {display:none;position:absolute;top:0;left:0;width:3.45rem;height:3.45rem;;z-index:5;cursor:pointer;color:#333;font-size:30px;line-height:3.857rem;}
.menu_open .menu_btn {display:inline-block;position:relative;width:3.45rem;;height:3.45rem;background:url(../imgs/common/m_menu_btn.png) no-repeat 0 47%;background-size:1.35rem auto;}
@media screen and (max-width:1024px){
    .menu_open,
	#mobile_gnb {display:block;}
}

/* qucik */
#quick {position:fixed;top:204px;right:0;width:5rem;background-color:#8cc63f;z-index:99;transition: 0.3s ease;}
#quick.fixed {top:30px}
#quick .quick_tit {text-align:center;color:#fff;font-weight:400;line-height:1.7rem;font-size:0.75rem}
#quick .quick_list {width:100%;}
#quick .quick_list li {position:relative;}
#quick .quick_list li a {display:block}
#quick .quick_list li img {max-width:100%;}
#quick #qtop_btn {display:block;width:100%;text-align:center;color:#fff;font-weight:500;line-height:1.7rem;font-size:0.75rem}
#quick #qtop_btn span {display:inline-block;padding-right:0.8rem;background:url(../imgs/common/quick_dot.png) no-repeat 100% 50%;background-size:0.4rem 0.35rem}
@media screen and (max-width:1024px){
	#quick {display:none}
}


/* 서브 비주얼 */
#sub_visual {width:100%;}
#sub_visual .sub_visual_inner {display:table;width:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#sub_visual .sub_visual_inner.bg1 {background-image:url(../imgs/sub/sub_vs_bg1.jpg)}
#sub_visual .sub_visual_inner.bg2 {background-image:url(../imgs/sub/sub_vs_bg2.jpg)}
#sub_visual .sub_visual_inner.bg3 {background-image:url(../imgs/sub/sub_vs_bg3.jpg)}
#sub_visual .sub_visual_inner.bg4 {background-image:url(../imgs/sub/sub_vs_bg4.jpg)}
#sub_visual .sub_visual_inner.bg5 {background-image:url(../imgs/sub/sub_vs_bg5.jpg)}
#sub_visual .sub_visual_inner .cont {display:table-cell;width:100%;height:8.5rem;vertical-align:middle;text-align:center;}
#sub_visual .sub_visual_inner .cont .tit {font-size:30px;color:#fff;line-height:30px;text-shadow:0px 7px 9px rgba(30,30,30,0.75);}

/* 네비게이션 */
#navigation {position:relative;width:100%;background-color:#fff;z-index:5;transition: 0.3s ease;border-bottom:1px solid #ddd}
#navigation .curmb {width:100%;position:relative;}
#navigation .curmb li.c_menu {float:left;position:relative;width:11rem;border:1px solid #ddd;border-width:0px 1px 0px;margin-left:-1px}
#navigation .curmb li.c_menu.fst {width:2.3rem;text-align:center;padding-left:0}
#navigation .curmb li.c_menu.fst .home_ico {display:block;width:2.3rem;height:2rem;background-repeat:no-repeat;background-position:50% 50%;background-size:1.1rem 0.9rem}
#navigation .curmb li.c_menu.fst .home_ico {background-image:url(../imgs/sub/home_ico.png)}
#navigation .curmb li.c_menu .c_tit {display:block;position:relative;padding-left:0.75rem;padding-right:1.25rem;line-height:2rem;color:#333;font-size:0.8rem}
#navigation .curmb li.c_menu .c_tit {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;background-color:transparent;text-align:left;font-family: "Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움";}
#navigation .curmb li.c_menu .c_tit:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1.25rem;
    height:2rem;
    background-repeat:no-repeat;
    background-size:0.45rem 0.35rem;
    background-position:0 50%;
    background-image:url(../imgs/sub/nav_arr.png);
}
#navigation .curmb .sub_crumb {display:none;position:absolute;top:2rem;left:-1px;width:101%;background-color:#fff;z-index:3;border:1px solid #ddd;border-width:0 1px 1px;}
#navigation .curmb .sub_crumb ul {width:100%;}
#navigation .curmb .sub_crumb ul li a {display:block;padding-left:0.75rem;line-height:2rem;color:#333;font-size:0.8rem;border-top:1px solid #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#navigation .curmb .sub_crumb ul li a:hover,
#navigation .curmb .sub_crumb ul li.on a {color:#6b9f10}
#navigation .curmb li.c_menu:hover .sub_crumb {display:block}
@media screen and (max-width:760px){
    #navigation .curmb li.c_menu.fst {display:none}
    #navigation .curmb li.c_menu {width:33.33333333%}
}

#sub_content {padding:4.3rem 0 4.3rem}
@media screen and (max-width:960px){
    #sub_content {padding:3rem 0 3rem}
}