@charset "UTF-8";

.inner {position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.main_inner {position:relative;padding:0 3.429rem;}

#wrap {position:relative;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}

/* head */
#header_wrap {position:relative;z-index:50;width:100%;}
#header_wrap .top_head {position:relative;height:7.214rem;line-height:7.214rem;}
#header_wrap .logo {display:block;position:relative;width:12rem;margin:0 auto}
#header_wrap .logo a {display:block;width:12rem;height:7.214rem;background:url(../imgs/common/logo.png) no-repeat 0 50%;background-size:12rem 5.929rem}
#header_wrap #gnb {position:relative;width:100%;border-top:1px solid #ddd;z-index:15}
#header_wrap #gnb.line {border-bottom:1px solid #ddd}
#header_wrap #gnb .gnb_list {position:relative;margin:0 -3.4rem}
#header_wrap #gnb .gnb_list .gnb_menu {float:left;padding:0 3.4rem;}
#header_wrap #gnb .gnb_list .gnb_menu .gnb_tit {display:block;font-size:1.143rem;line-height:3.071rem;color:#333}
#header_wrap #gnb .gnb_list .gnb_menu:last-child {text-align:right}
#header_wrap #gnb .gnb_list .gnb_menu .gnb_tit:hover,
#header_wrap #gnb .gnb_list .gnb_menu.active .gnb_tit {background:url(../imgs/common/gnb_dot.png) no-repeat 50% 100%}

#header_wrap .utile {position:absolute;top:0;left:0;line-height:7.143rem;z-index:3}
#header_wrap .utile ul {margin:0 -0.6429rem}
#header_wrap .utile li {position:relative;float:left;padding:0 0.6429rem}
#header_wrap .utile li:after {display:block;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:0.9286rem;background-color:#555}
#header_wrap .utile li:last-child:after {display:none}
#header_wrap .utile li {font-size:0.9286rem;color:#222}
#header_wrap .sns {position:absolute;top:0;right:0;line-height:7.143rem;z-index:13}
#header_wrap .sns ul {margin:0 -0.1429rem}
#header_wrap .sns ul li {position:relative;float:left;padding:0 0.1429rem}
#header_wrap .sns ul li a {display:inline-block;width:7.357rem;line-height:2.571rem;border:1px solid #ddd;border-radius:50px;font-size:1rem;color:#333;text-align:center}
#header_wrap .sns ul li span {display:inline-block;padding-left:2.071rem}
#header_wrap .sns ul li a.ico1 span {background:url(../imgs/common/cafe_ico.png) no-repeat 0 50%;background-size:1.5rem auto}
#header_wrap .sns ul li a.ico2 span {background:url(../imgs/common/blog_ico.png) no-repeat 0 50%;background-size:1.5rem auto}
#header_wrap .lnb {display:none;position:absolute;top:3.143rem;left:4.9rem;z-index:10}
#header_wrap .lnb ul {margin:0 -1.071rem}
#header_wrap .lnb ul:after {display:block;content:"";clear:both;}
#header_wrap .lnb ul li {display:inline-block;margin-left:-4px;position:relative;padding:0 1.071rem;line-height:2.786rem;font-size:1.071rem;color:#fefefe}
#header_wrap .lnb ul li:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:4px;
    height:4px;
    background-color:rgba(255,255,255,0.5)
}
#header_wrap .lnb ul li:last-child:after {display:none}
#header_wrap .lnb ul li a {color:#fefefe}
#header_wrap .lnb_bg {display:none;position:absolute;bottom:-2.929rem;left:0;width:100%;height:3rem;border-top:1px solid #55869e;background-color:#55869e;z-index:12}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(1) .lnb {padding-left:0}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(2) .lnb {padding-left:10rem}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(3) .lnb {padding-left:37rem}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(4) .lnb {padding-left:47rem}
#header_wrap #gnb .gnb_list .gnb_menu:nth-child(5) .lnb {padding-left:68rem}

@media screen and (max-width:1117px){
    #header_wrap #gnb .gnb_list {position:relative;margin:0 -2.8rem}
    #header_wrap #gnb .gnb_list .gnb_menu {padding:0 2.8rem;}
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(1) .lnb {padding-left:0}
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(2) .lnb {padding-left:10rem}
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(3) .lnb {padding-left:33rem}
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(4) .lnb {padding-left:40rem}
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(5) .lnb {padding-left:59rem}
}
@media screen and (max-width:1095px){
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(6) .lnb {padding-left:30rem}
}
@media screen and (max-width:1182px){
    #header_wrap #gnb .gnb_list {position:relative;margin:0 -2.8rem}
    #header_wrap #gnb .gnb_list .gnb_menu {padding:0 2.8rem;}
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(8) .lnb {padding-left:59rem}
}
@media screen and (max-width:1081px){
    #header_wrap #gnb .gnb_list {position:relative;margin:0 -2.7rem}
    #header_wrap #gnb .gnb_list .gnb_menu {padding:0 2.7rem;}
}
@media screen and (max-width:1069px){
    #header_wrap #gnb .gnb_list .gnb_menu:nth-child(8) .lnb {padding-left:58rem}
}
@media screen and (max-width:1061px){
    #header_wrap #gnb .gnb_list {position:relative;margin:0 -2.5rem}
    #header_wrap #gnb .gnb_list .gnb_menu {padding:0 2.5rem;}
}

@media screen and (max-width:960px){
    #header_wrap .utile,
    #header_wrap .sns,
    #header_wrap #gnb {display:none}
    #header_wrap {position:fixed;background-color:#fff}
}

/* foot */
#footer_wrap {position:relative;padding:3.786rem 0 3.786rem;background-color:#666666;z-index:2}
#footer_wrap .foot_container {position:relative;}
#footer_wrap .f_utile {position:relative;margin:-1.571rem}
#footer_wrap .f_utile li {float:left;position:relative;padding:1.571rem;font-size:1rem;color:rgba(255,255,255,0.7);line-height:1rem}
#footer_wrap .f_utile li:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:1px;
    height:0.9286rem;
    background-color:#fff;
    transform: translateY(-50%);
}
#footer_wrap .f_utile li a {color:rgba(255,255,255,0.7)}
#footer_wrap .f_utile li:last-child:after {display:none}
#footer_wrap address {clear:both;font-size:1rem;color:rgba(255,255,255,0.7);}
#footer_wrap address span {display:inline-block;margin-left:1.357rem}
#footer_wrap .copy {margin-top:0.5714rem;font-size:1rem;color:rgba(255,255,255,0.7);}
@media screen and (max-width:960px){
    #footer_wrap .f_utile {margin:-1rem}
    #footer_wrap .f_utile li {padding:1rem}
}
@media screen and (max-width:500px){
    #footer_wrap address span {display:block;margin-left:0}
}


/* article */
#article {position:relative;}
#main {position:relative;z-index:5}
#main_container,
#sub_container {position:relative;z-index:10;clear: both;}
#sub_container.line {border-top:1px solid #ddd}
@media screen and (max-width:960px){
    #header_wrap.fixed ~ #article {padding-top:7.143rem}
    #main_container,
    #sub_container {padding-top:7.214rem;}
}


#navigation {position:relative;width:100%;background-color:#888;z-index:5;transition: 0.3s ease;}
#navigation .curmb {width:100%;position:relative;}
#navigation .curmb li.c_menu {float:left;position:relative;width:18.71rem;border:1px solid #c4c4c4;border-width:0px 1px 0px;margin-left:-1px}
#navigation .curmb li.c_menu.fst {width:3.714rem;text-align:center;padding-left:0}
#navigation .curmb li.c_menu.fst .home_ico {display:block;width:3.714rem;height:2.857rem;background-repeat:no-repeat;background-position:50% 50%;background-size:1.643rem 1.429rem}
#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:1rem;padding-right:2.857rem;line-height:2.857rem;color:#fff;font-size:1.143rem}
#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}
#navigation .curmb li.c_menu .c_tit:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    right:0.8571rem;
    width:1.286rem;
    height:2.857rem;
    background-repeat:no-repeat;
    background-size:0.8571rem 0.8571rem;
    background-position:50% 50%;
    background-image:url(../imgs/sub/nav_arr.png);
}
#navigation .curmb .sub_crumb {display:none;position:absolute;top:2.857rem;left:0;width:100%;background-color:#888;z-index:3}
#navigation .curmb .sub_crumb ul {width:100%;}
#navigation .curmb .sub_crumb ul li a {display:block;padding-left:1rem;line-height:2.857rem;color:#fff;font-size:1.143rem;border-top:1px solid rgba(255,255,255,0.3);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:#d2fc0d}
#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%}
}

/* mobile gnb */
#mobile_gnb {display:none;position:fixed;top:0px;left:0px;width:26.45rem;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:50%;padding:0.09091rem}
#mobile_gnb .utile ul li a {display:block;background-color:#55869e;color:#fff;text-align:center;font-size:1.1rem;line-height:3rem}
#mobile_gnb .sns_list {position:relative;padding:0.6364rem;background-color:#f1f1f1}
#mobile_gnb .sns_list ul {margin:-0.09091rem}
#mobile_gnb .sns_list ul li {float:left;width:20%;padding:0.09091rem}
#mobile_gnb .sns_list ul li img {max-width:2.143rem;height:auto}
#mobile_gnb .sns_list ul li a {display:block;position:relative;text-align:center}
#mobile_gnb .mgnb_list {padding:0 0.6364rem;clear:both}
#mobile_gnb .mgnb_list .mgnb_tit {display:block;position:relative;padding:0 2.182rem 0;font-size:1.43rem;line-height:5rem;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.4545rem;
    width:1rem;
    height:1rem;
    background:url(../imgs/common/m_gnb_dot.png) no-repeat;
    background-size:100% auto;
    transform:translateY(-58%);
}
#mobile_gnb .mgnb_list .mgnb_tit:after{
    right:0.8182rem;
    width:0.9091rem;
    height:0.8182rem;
    background:url(../imgs/common/m_gnb_arr.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit {color:#55869e}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit:after {
    width:0.7273rem;
    height:0.9091rem;
    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:after {
    width:0.9091rem;
    height:0.8182rem;
    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 2.182rem 0;background-color:#55869e;font-size:1.4rem;line-height:4.5rem;color:#fff}
#mobile_gnb .mlnb_tit:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:1.182rem;
    width:0.3636rem;
    height:0.3636rem;
    background-color:#fff;
    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 1.636rem 0;background-color:#999;font-size:1.23rem;line-height:3.5rem;color:#fff}
#mobile_gnb .sub_lnb ul li a:hover,
#mobile_gnb .sub_lnb ul li.active a {font-weight:500}
#mobile_gnb .mgnb_list .mlnb {background-color:#cab172}
#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:500}
.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:25.45rem;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:7.143rem;height:7.143rem;z-index:5;cursor:pointer;color:#333;font-size:30px;line-height:3.857rem;}
.menu_open .menu_btn {display:inline-block;position:relative;width:7.143rem;height:7.143rem;background:url(../imgs/common/m_menu_btn.png) no-repeat 0 50%;background-size:2.455rem 2rem;}
@media screen and (max-width:960px){
    .menu_open,
	#mobile_gnb {display:block;}
}

/* qucik */
#quick {position:fixed;top:235px;right:0;width:7.357rem;border-top:0.3571rem solid #55869e;background-color:rgba(30,29,29,0.7);z-index:99;transition: 0.3s ease;}
#quick.fixed {top:30px}
#quick .quick_tit {text-align:center;color:#fff;font-weight:400;line-height:2.429rem;font-size:1.071rem}
#quick .quick_list {width:100%;}
#quick .quick_list li {position:relative;text-align:center;padding:0 0.8571rem}
#quick .quick_list li a {display:block;padding:1.429rem 0 1.357rem;font-size:0.9286rem;border-bottom:2px dotted rgba(255,255,255,0.5);color:#fff}
#quick .quick_list li img {width:2.786rem;height:auto;}
#quick .quick_list li:last-child a {border-bottom:0}
#quick #qtop_btn {display:block;width:100%;background-color:#55869e;text-align:center;color:#fff;font-weight:500;line-height:1.714rem;font-size:0.9286rem}
#quick #qtop_btn span {display:inline-block;padding-right:1.429rem;background:url(../imgs/common/quick_arr.png) no-repeat 100% 50%;background-size:0.7143rem 0.6429rem}
@media screen and (max-width:1024px){
	#quick {display:none}
}

/* 서브 */
.sub_content {padding:5.714rem 0}
.sub_content .page_title {text-align:center;font-size:2.643rem;line-height:2.643rem;color:#333;border-bottom:1px solid #aaaaaa;font-weight:500;padding-bottom:1.357rem;margin-bottom:5.714rem}
.sub_content.pdt_0 {padding-top:0}
@media screen and (max-width:960px){
    .sub_content {padding:5rem 0}
    .sub_content .page_title {margin-bottom:4.3rem}
}