@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:1200px){
    .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-x:hidden}

#header {position:relative;width:100%;z-index:99;}
#header .header_top {position:relative;min-height:6.786rem}
#header .header_top .logo {position:relative;display:block;margin-top:0.4286rem}
#header .header_top .logo a {display:block;width:10.79rem;height:5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;background-image:url(../imgs/common/logo.png)}
#header .header_top .utile {position:absolute;top:2.643rem;right:0;}
#header .header_top .sns_list {display:inline-block;vertical-align:middle;line-height:1.643rem}
#header .header_top .sns_list li {display:inline-block;vertical-align:middle;padding:0 4.5px}
#header .header_top .sns_list li:first-child {padding-left:0;}
#header .header_top .sns_list li:last-child {padding-right:0}
#header .header_top .sns_list li img {width:1.643rem;height:auto;}
#header .header_top .utile_list {display:inline-block;vertical-align:middle;line-height:1.643rem;margin-left:0.8571rem}
#header .header_top .utile_list li {display:inline-block;position:relative;vertical-align:middle;padding:0 0.8571rem}
#header .header_top .utile_list li::after {
    display:block;
    content:"";
    position:absolute;
    top:0.4286rem;
    right:0;
    width:1px;
    height:0.7143rem;
    background-color:#555555;
}
#header .header_top .utile_list li a {font-size:1rem;color:#333333}
#header .header_top .utile_list li:first-child {padding-left:0;}
#header .header_top .utile_list li:last-child:after {display:none;}
#header .header_top .utile_list li:last-child {padding-right:0}
#header #gnb {
    position:absolute;
    width:100%;
    border-top:1px solid #ddd;
    background-color:#fff;
    transition:all 0.3s ease;
}
#header #gnb .gnb_list {position:relative;padding:0;z-index:3;}
#header #gnb .gnb_list .gnb_menu {float:left;position:relative;padding-right:11.6rem;}
#header #gnb .gnb_list .gnb_menu:last-child {padding-right:0}
#header #gnb .gnb_list .gnb_menu .gnb_tit {display:block;position:relative;padding:0.9286rem 0 1.071rem;font-size:1.286rem;color:#333;line-height:1;font-weight:500}
#header #gnb .gnb_list .gnb_menu .lnb {
    position:absolute;
    padding-top:1.571rem;
    transition:all 0.3s ease;
}
#header #gnb .gnb_list .gnb_menu .lnb  ul {
    height:0;
    overflow:hidden;
}

#header #gnb .gnb_list .gnb_menu .lnb .lnb_tit {display:block;position:relative;font-size:1.143rem;color:#333333;font-weight:500;line-height:1;margin-bottom:0.8571rem}
#header #gnb .gnb_list .gnb_menu .lnb ul li:hover .lnb_tit,
#header #gnb .gnb_list .gnb_menu .lnb .lnb_tit:hover {color:#55869e}
#header #gnb .gnb_list .gnb_menu .lnb_3dep a {display:block;position:relative;font-size:1.071rem;line-height:1;color:#555;font-weight:300;}
#header #gnb .gnb_list .gnb_menu .lnb_3dep li {margin-bottom:0.7143rem}
#header #gnb .gnb_list .gnb_menu .lnb_3dep li:last-child {margin-bottom:0.8571rem}
#header #gnb .gnb_list .gnb_menu .lnb_3dep a:hover {color:#85681e;font-weight:500;}

#header #gnb .gnb_bg {position:absolute;top:3.357rem;left:0;width:100%;height:364px;border-top:1px solid #ddd;border-bottom:7px solid #55869e;background-color:#fff;}
#header #gnb.active {
    height:340px;
    border-bottom:7px solid #55869e;
}
#header #gnb.active .gnb_menu .lnb ul {
    height:auto;
    overflow:visible;
}
#header #gnb.active:before {
    display:block;
    content:"";
    position:absolute;
    top:46px;
    left:0;
    width:100%;
    height:1px;
    background-color:#ddd;
}
@media screen and (max-width:1168px){
    #header #gnb .gnb_list .gnb_menu {float:left;position:relative;padding-right:11rem;}
}
@media screen and (max-width:1109px){
    #header #gnb .gnb_list .gnb_menu {float:left;position:relative;padding-right:0;width: 16.6666667%;}
}
@media screen and (max-width:960px){
    #header {position:fixed;top:0;left:0;width:100%;background-color:#fff}
    #header .header_top .utile,
    #header #gnb {display:none;}
    #header {border-bottom:0.2143rem solid #ddd}
}

/* foot */
#footer {position:relative;padding-bottom:2rem}
#footer .footer_utile {position:relative;border-top:1px solid #aaaaaa;border-bottom:1px solid #ddd;padding:0.8571rem 0}
#footer .footer_utile .inner {overflow:hidden;}
#footer .footer_utile ul {margin:0 -1.214rem}
#footer .footer_utile ul li {float:left;position:relative;padding:0 1.214rem;font-size:1rem;line-height:1;color:#777}
#footer .footer_utile ul li:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:1rem;
    background-color:#aaa;
}
#footer .footer_utile ul li:last-child:after {display:none;}
#footer .footer_cont {margin-top:2rem}
#footer .footer_cont .logo {float:left;position:relative;}
#footer .footer_cont .logo a {display:block;position:relative;width:10.21rem;height:4.786rem;background-image:url(../imgs/common/f_logo.png);background-size:100% auto;background-repeat:no-repeat;background-position:0 0;}
#footer .footer_cont .cont {float:right;position:relative;width:calc(100% - 13.21rem);padding-top:1rem}
#footer .footer_cont .cont address {font-size:1rem;color:#777777}
#footer .footer_cont .cont address span {display:inline-block;position:relative;vertical-align:middle;margin-left:0.7143rem;padding-left:0.7143rem}
#footer .footer_cont .cont address span:before {
    display:block;
    content:"";
    position:absolute;
    top:4px;
    left:0;
    width:1px;
    height:1rem;
    background-color:#aaa;
}
#footer .footer_cont .cont .copy {font-size:1rem;color:#777777;margin-top:0.5rem}
#footer_wrap .footer_utile ul li a {color:#777}
#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;margin-top:1.5rem;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);}
#footer .logo-box {
    position:absolute;
    top:0;
    right:0;
    display:flex;
    flex-direction:row;    
    padding-top:1rem;
}
#footer .logo-box a {display:block;}
#footer .logo-box a img {max-width:7rem;}
@media screen and (max-width:1038px){
    #footer .logo-box {
        position:relative;
        top:auto;
        right:auto;
    }
}
@media screen and (max-width:680px){
    #footer .footer_cont .logo {float:none;}
    #footer .footer_cont .cont {float:none;width:100%}
}

@media screen and (max-width:500px){
    #footer .footer_cont .cont address span {display:block;margin-left:0;padding-left:0}
    #footer .footer_cont .cont address span:before {display:none;}
    #footer .footer_utile ul {margin:0 -0.5rem}
    #footer .footer_utile ul li {padding:0 0.5rem}
}


/* article */
#article {position:relative;}
#main {position:relative;z-index:5}
#main_container,
#sub_container {position:relative;z-index:10;padding-top:47px;border-top:1px solid #ddd}
#sub_container:before {
    display:block;
    content:"";
    position:absolute;
    top:47px;
    right:0;
    width:100%;
    height:0.2143rem;
    background-color:#ddd;
}
#sub_container:after {display:block;content:"";clear:both;}
#main_container {padding-top:47px}
#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:82px;}
    #sub_container:before {display:none}
}


#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;right:0px;width:25.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:33.33333333%;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:25%;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.5rem;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.3rem;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_gnb .t2:after {
    display:block;
    content:"\f2c7";
    position:absolute;
    top:0px;
    font-family: "Ionicons";
    right:15px;    
    transition:all 0.3s ease;
}
#mobile_gnb .mgnb_list .mlnb ul li.active .t2:after {
    content:"\f2f4";
}

.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;right: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;right: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 100% 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:90;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:1408px){
	#quick {display:none}
}

/* 서브 */
.sub_content {float:right;position:relative;width:calc(100% - 21.14rem);padding:4.286rem 0;text-align:justify;letter-spacing:0;}
.sub_content .page_title {position:relative;padding-bottom:1.786rem;border-bottom:2px solid #ddd;margin-bottom:3.429rem}
.sub_content .page_title .tit {position:relative;z-index:3;text-align:left;font-size:2.643rem;line-height:2.643rem;color:#333;font-weight:500;}
.sub_content .page_title .curmb {position:absolute;bottom:1.5rem;right:0;width:100%;overflow:hidden;text-align:right;}
.sub_content .page_title .curmb ul {margin:0 -1.214rem}
.sub_content .page_title .curmb ul li {display:inline-block;position:relative;padding:0 1.214rem;font-size:1rem;color:#ddd;line-height:1.143rem;vertical-align:middle;}
.sub_content .page_title .curmb ul li:after {
    display: block;
    content: "";
    position: absolute;
    top:3px;
    right:-5px;
    width:0.5rem;
    height:0.8571rem;
    background:url(../imgs/sub/nav_arr2.png) no-repeat 0 0;
    background-size:100% auto;
}
.sub_content .page_title .curmb ul li:last-child:after {display:none;}
.sub_content .page_title .curmb ul li .img {display:inline-block;width:1.429rem;height:auto}
.sub_content .page_title .curmb ul li .img img {width:100%;height:auto;}
.sub_content.pdt_0 {padding-top:0}
.sub_content.history .page_title {margin-bottom:1.357rem;}
@media screen and (max-width:960px){
    .sub_content {padding:5rem 0}
    .sub_content .page_title {margin-bottom:3rem;padding-bottom:1rem}
    .sub_content .page_title .curmb {position:relative;bottom:initial;margin-top:0.8rem}
    .sub_content .page_title .curmb ul {margin:0 -0.8rem}
    .sub_content .page_title .curmb ul li {padding:0 0.8rem}
    .sub_content .page_title .tit {font-size:2.3rem;line-height:2.3rem}
}


.left_aside {float:left;position:relative;width:19.29rem;padding:4.286rem 0;}
.left_aside .tit {padding-top:0.4286rem;font-size:2.357rem;color:#024f74;font-weight:500;line-height:1;}
.left_aside .snb_list {width:100%;position:relative;margin-top:1.643rem}
.left_aside .snb_list .snb_menu:first-child {border-top:1px solid #ddd;}
.left_aside .snb_list .snb_menu:last-child {border-bottom:1px solid #aaa;}
.left_aside .snb_list .snb_menu {border-bottom:1px solid #dddddd;}
.left_aside .snb_list .snb_menu .snb_tit {display:block;position:relative;padding:1.143rem 1.786rem;font-size:1.286rem;color:#333;font-weight:500;line-height:1;cursor:pointer;}
.left_aside .snb_list .snb_menu .snb_tit:hover,
.left_aside .snb_list .snb_menu.active .snb_tit {background-color:#55869e;color:#fff}
.left_aside .snb_list .snb_menu .snb_tit.t1:after {
    display: block;
    content: "\f2c7";
    position: absolute;
    top: 15px;
    font-family: "Ionicons";
    right: 15px;
    transition: all 0.3s ease;
}
.left_aside .snb_list .snb_menu.active .snb_tit.t1:after {
    content: "\f2f4";
}

.left_aside .snb_list .lnb_3dep {display:none;width:100%;padding:1.071rem;padding-left:2.357rem;padding-right:0}
.left_aside .snb_list .lnb_3dep li {font-size:1.143rem;color:#333;margin-bottom:0.9286rem}
.left_aside .snb_list .lnb_3dep li:last-child {margin-bottom:0}
.left_aside .snb_list .lnb_3dep li a {display:block;position:relative;font-size:1.143rem;line-height:1;color:#333}
.left_aside .snb_list .lnb_3dep li.active a,
.left_aside .snb_list .lnb_3dep li a:hover {font-weight:500;color:#85681e;font-size:1.2rem;}
.left_aside .snb_btn {display:none;}
.left_aside .snb_list .snb_menu.active  .lnb_3dep {display:block}
@media screen and (max-width:1199px){
    .sub_content {width:calc(100% - 210px)} 
    .left_aside {width:190px}
}
@media screen and (max-width:960px){
    #sub_container .inner {padding:0}
    .sub_content {float:none;width:100%;padding:3rem 20px} 
    .left_aside {float:none;width:100%;padding-bottom:0;padding-top:0rem;}
    .left_aside .tit {display:none;}
    .left_aside .snb_btn {display:block;}
    .left_aside .snb_btn {position:relative;display:block;width:100%;padding:1.3rem 1rem;background-color:#55869e;font-size:1.214rem;color:#fff;cursor:pointer;font-weight:700;}
    .left_aside .snb_btn:after {
        display: block;
        content: "";
        position: absolute;
        top:50%;
        right:12px;
        width:11px;
        height:7px;
        background-repeat:no-repeat;
        background-position:0 0;
        background-size:11px 7px;
        transform:translateY(-50%);
        background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUuNDUgOC4yMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUuNDUgOC4yMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggaWQ9IlhNTElEXzE1N18iIGNsYXNzPSJzdDAiIGQ9Ik0wLDAuNWMwLTAuMTMsMC4wNS0wLjI2LDAuMTUtMC4zNWMwLjItMC4yLDAuNTEtMC4yLDAuNzEsMGw2Ljg3LDYuODdsNi44Ny02Ljg3DQoJYzAuMi0wLjIsMC41MS0wLjIsMC43MSwwYzAuMiwwLjIsMC4yLDAuNTEsMCwwLjcxTDguMDgsOC4wOGMtMC4yLDAuMi0wLjUxLDAuMi0wLjcxLDBMMC4xNSwwLjg1QzAuMDUsMC43NiwwLDAuNjMsMCwwLjV6Ii8+DQo8L3N2Zz4NCg==)
    }
    .left_aside .snb_list {display:none;margin-top:0}
    .left_aside .snb_list.mob_tab {display:block;} 
    .left_aside .snb_list .lnb_3dep {padding-left:0}
    .left_aside .snb_list .lnb_3dep li a {padding:0.8rem 0.8rem 0.8rem 1.786rem}
    
}
@media screen and (max-width:854px){
    .sub_content {padding:3rem 15px} 
}

.mt_30 {margin-top:2.143rem}
#hd_pop {
    width: 100%;
    max-width: 1200px;
}
.hd_pops img {max-width:100%}
.pop_movie {position:relative;width:100%;padding-top:56.5%;}
.pop_movie .video-js,
.pop_movie video {position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width:1654px){
	.hd_pops {left:10px !important}
}
@media screen and (max-width:720px){
	.hd_pops .hd_pops_con {width:auto !important;height:auto !important;}
    .hd_pops .hd_pops_con.movie-box {width: 500px !important;}
}
@media screen and (max-width:516px){
    .hd_pops .hd_pops_con.movie-box {width:400px !important;}
}
@media screen and (max-width:412px){
    .hd_pops .hd_pops_con.movie-box {width:300px !important;}
}