@charset "utf-8";

.sub #_contentBuilder ._objTag, 
.sub #_contentBuilder ._objHtml, 
.sub #_contentBuilder ._objImage, 
.sub #_contentBuilder ._objWidget, 
.sub #_contentBuilder ._objHeading {max-width:1480px; margin-left:auto !important; margin-right:auto !important; height: auto !important; min-height:25px !important; z-index: auto !important;}

@media screen and (max-width:1500px) {
    .sub #_contentBuilder ._objTag,
    .sub #_contentBuilder ._objHtml, 
    .sub #_contentBuilder ._objImage, 
    .sub #_contentBuilder ._objWidget, 
    .sub #_contentBuilder ._objHeading {padding:0 20px;}
}

header .container { display: flex; align-items: center; justify-content: space-between;}
header .head-logo {font-size: 18px; line-height: 25px;}
header .head-logo a {display: inline-block; display: flex; align-items:end; color:#fff;}
header .head-logo strong {font-family: gb; display: block; font-style: italic; margin-left: 20px;}
header .head-logo span {font-family: pm; display: block; line-height: 1;}

header {background: transparent; transition: background .5s; height: 100px; position: fixed; width:100%; z-index: 100;}
header.scrolled {background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.3);}
header .head-logo a {color:#fff; transition: color .5s;}
header .head-gnb .a_1,
header .head-util li a {color:#fff; transition: color .5s;}

@media screen and (max-width:1200px) {
    header.scrolled .head-logo a,
    header.scrolled .head-gnb .a_1,
    header.scrolled .head-util li a {color:#000;}
}

@media screen and (max-width:700px) {
    header {height:80px;}
}

@media screen and (min-width:1200px) {
    header:hover {background: #fff;}
    header:hover .head-logo a,
    header.scrolled .head-logo a,
    header:hover .head-gnb .a_1 {color:#010101;}
    header.scrolled .head-gnb .a_1,
    header:hover .head-util li a,
    header.scrolled .head-util li a {color:#000;}
}

/* [S] GNB */
.head-gnb {flex:1; text-align:right;}
.mobile-util {display: none;}
.btn-gnb-close {display: none;}
.btn-gnb-open {display: none;}
.mobile-logo {display: none;}
/* div_1 */
.head-gnb .div_1 .li_1 {display: inline-block; }
.head-gnb .div_1 .a_1 {font-size: 20px; color:#fff; font-style: italic; font-family: gb; padding:0 30px; height:100px; display: flex; align-items: center; justify-content: center; position: relative;}
.head-gnb .div_1 .a_1 span {display: flex; align-items: center; position: relative; height:100%;}
.head-gnb .div_1 .a_1:hover span::after {content:''; width:100%; height:5px; position: absolute; bottom:0; left:0; background:#00AEC4;}
/* div_2 */
.head-gnb .div_2 {position: absolute; top:100%; left:50%; overflow:hidden; width:100%; max-height:900px; min-height:200px; background:#fff; text-align: left; opacity:0; visibility: hidden; transform: translate(-50%,0); z-index: 110; }
.head-gnb .div_2 .inner {max-width:1620px; width:100%; margin:0 auto ; display: flex; justify-content: space-between; align-items: flex-start; padding:17px 0;}
.head-gnb .div_2 .title {width:450px; text-align:left; padding-top: 60px;}
.head-gnb .div_2 .title strong {position: relative; font-size: 36px; font-family: gb; font-style: italic; color:#fff;}
.head-gnb .div_2 .title p {position: relative; font-size: 24px; font-family: gb; color:#fff; font-style: italic;  display: block; }
.head-gnb .div_2 .navi-bg {display: block; width:600px; height:100%; position: absolute; left:50%; top:0; margin-left:-960px; background: #000; }
.head-gnb .div_2 .navi-bg::before {content:'';  background: url('../../images/common/title-bg1.jpg') no-repeat left center / cover; opacity:.7; position: absolute; top:0; left:0; width:100%; height:100%;}
.head-gnb .div_2.on {opacity:1; visibility: visible; transition: opacity .5s, visibility .5s;}
.head-gnb .ul_2 {overflow:hidden; position: relative; flex-grow: 1; display: flex; flex-wrap:wrap; margin:0 -25px; padding-top:60px; padding-left:50px; padding-bottom:40px;}
.head-gnb .li_2 {width:25%; padding:0 25px; text-align: center;  font-size: 20px; font-family: gb;}
.head-gnb .a_2 {color:#fff; background:#00BAD0; display: block; height:80px; display: flex; align-items: center; justify-content: center; overflow:hidden; position: relative;}
.head-gnb .a_2:hover::after {content:''; width:100%; height:100%; position: absolute; left:0; top:0; background:url('../../images/common/gnb-obj.png') no-repeat right -8px bottom -11px;}
.head-gnb .a_2 span {display: inline-block; position: relative; line-height: 1.2;}
.head-gnb .a_2 span::after {content:''; width:0%; height:1px; background:#fff; position: absolute; left:0; bottom:0; transition: width .5s;}
.head-gnb .a_2:hover span::after {width:100%;}

.head-gnb .div_3 {display: none;}
/* [E] GNB */

/* [S] head-util */
.head-util {position: relative;}
.head-util ul{display: flex;}
.head-util li a {display: inline-block; font-size: 11px; font-family: gm; color:#fff; margin-left: 25px;}
/* [E] head-util */

@media screen and (max-width:1800px) {
    .head-gnb .div_2 .navi-bg {display: none;}
    .head-gnb .div_2 .title {display: none;}
    .head-gnb .ul_2 {padding:40px;}
}

@media screen and (max-width:1500px) {
    .head-gnb {padding-right:0;}
    .head-gnb .li_2 {font-size: 16px;}
    .head-gnb .a_2 {height: 55px;}
}

@media screen and (max-width:1400px) {
    .head-gnb .div_1 .a_1 {font-size: 16px; padding:0 15px;}
}

@media screen and (max-width:1200px) {
    .head-util li {display: none;}
    .head-util .btn-gnb-open {display: block; }
    .head-util .btn-gnb-open button {text-indent: -9999px; display: inline-block; width:60px; height:100px; mask:url('../../images/common/m-menu.png') no-repeat center; -webkit-mask:url('../../images/common/m-menu.png') no-repeat center; background:#fff;}
    header.scrolled .head-util .btn-gnb-open button {background:#000;}
    .mobile-util {display: block; position: relative;}
    /* top */
    .menu-top {display: flex; padding: 10px 30px;}
    .menu-top .mobile-logo {text-align:left; margin-right: 55px; display: block;}
    .menu-top .mobile-logo strong{display: block; font-size: 12px; font-family: gb; color:#fff; font-style: italic; margin-top: 10px;}
    .menu-top .mobile-logo span {display: block; font-size: 12px; font-family: gm; color:#fff; font-style: italic;}
    .mobile-util ul{display: flex; margin-top: 20px;}
    .mobile-util li {padding-left:14px; position: relative; margin-left: 25px;}
    .mobile-util li:first-child {margin-left: 0;}
    .mobile-util li::after {content:''; width:3px; height:3px; background:#fff; position: absolute; left:0; top:13px;}
    .mobile-util li a {display: inline-block; font-size: 11px; font-family: gm; color:#fff;}
    /* gnb */
    .head-gnb {position: fixed; top:0px; right:-100%; z-index: 10000; width:100%; max-width:460px; height:100%; padding:0; background:#22315B; border-radius:30px 0 0 30px; transition:right .3s;}
    .head-gnb.on {right:0;}
    .head-gnb .ul_1 {position: relative; margin-top: 15px; padding-top: 15px;}
    .head-gnb .div_1 .li_1 {width:calc(100% - 61.3% + 25px); text-align:left; display: block; margin-bottom: 10px;}
    .head-gnb .div_1 .a_1 {height:50px; display: block; font-style: normal; color:#fff !important; font-size: 19px; height:50px; padding:0 25px;}
    .head-gnb .div_1 .a_1.on {position: relative; z-index: 111;}
    .head-gnb .div_1 .a_1.on::before {content:''; width:100%; height:100%; background:#009EAC; border-radius:0 30px 30px 0; position: absolute; top:0; left:0;}
    .head-gnb .div_2 {position: absolute; z-index: 110;  min-height:495px; overflow:auto; width:61.3% !important; right:0; left:auto; top:0; max-height:none; height:100%; padding:0; background: #fff; border:0; transform:none; border-radius:30px 0 0 30px;}
    .head-gnb .ul_2 {flex-direction: column; margin:0; padding:0;}
    .head-gnb .li_2 {width:100%; padding:0; }
    .head-gnb .a_2 {background:none; color:#111; justify-content:start; height:48px; padding-left:40px; font-size: 18px; line-height: 50px; letter-spacing: -.05em; font-family: gm;}
    .head-gnb .a_2:hover,
    .head-gnb .a_2._active {color:#EB6328;}
    .head-gnb .div_1 .a_1 span::after {display: none;}
    .head-gnb .div_3 {display: block; max-height:0px; overflow:hidden; transition:max-height .3s; padding-left:40px; text-align:left;}
    .head-gnb .div_3.on {max-height:300px;}
    .head-gnb .li_3 {padding:5px 0;}
    .head-gnb .li_3._active .a_3::before {width:100%;}
    .head-gnb .a_3 {font-family: 'gm'; padding-left:10px; position: relative;}
    .head-gnb .a_3::before {content:''; width:0%; height:1px; background:#00BACF; position: absolute; bottom:0; left:0; transition: width .3s;}
    .head-gnb .a_3:hover::before {width:100%;}
    .head-gnb .a_3::after {content:''; width:3px; height:3px; background:#00BACF; border-radius:50%; position: absolute; left:0; top:7px;}

    .btn-gnb-close {display: block;}
    .btn-gnb-close button {display: block; background:url('../../images/common/menu-close.png') no-repeat center; widtH:60px; height:80px; position: absolute; right:0; top:0; text-indent: -9999px;}
}

@media screen and (max-width:700px) {
    header .head-logo img {width:117px;}
    header .head-logo strong {font-size: 12px;}
    header .head-logo span {font-size: 12px; line-height: 8px;}
    .head-util .btn-gnb-open button {height:80px}
}

.main-content { min-height:400px; position: relative; background: #202E58; overflow: hidden;}

.inner {max-width:1480px; margin:0 auto;}
.wrap_sub_visual {background-color: #f7cbcb;height:200px;text-align:center;}
.container {max-width:1820px; width:100%; margin:0 auto;}

@media screen and (max-width:1800px) {
    .container {padding:0 20px;}
}

@media screen and (max-width:1500px) {
    .inner {padding:0 20px;}
}

.wrap-sub-visual {position: relative; height: 390px; background: url('../../images/common/bg-sub-visual.jpg') no-repeat center / cover;;}
.wrap-sub-visual .sub-info {position: relative; top:43%;}
.wrap-sub-visual .sub-title strong {font-size: 46px; font-family: gb; color:#fff; display: block; line-height: 1;}
.wrap-sub-visual .sub-title em {font-size: 72px; font-family: gb; -webkit-text-stroke:1px #01B9CF; color:transparent; font-style: italic;}
.wrap-sub-visual .sub-title em i {display: inline-block; font-style: italic; -webkit-text-stroke: 1px #EB6328;}

@media screen and (max-width:1200px) {
    .wrap-sub-visual .sub-title strong {font-size: 35px;}
    .wrap-sub-visual .sub-title em {font-size: 60px;}
}

@media screen and (max-width:768px) {
    .wrap-sub-visual {height:250px;}
    .wrap-sub-visual .sub-title {text-align: center;}
    .wrap-sub-visual .sub-title strong {font-size: 25px;}
    .wrap-sub-visual .sub-title em {font-size: 40px;}
}

@media screen and (max-width:500px) {
    .wrap-sub-visual .sub-title em {font-size: 30px; margin-top: 10px; display: block;}
}

/* Sub Subject */
.sub-subject .inner {display: flex; justify-content: center;}
.sub-subject .inner strong {margin: 60px 0 38px 0; font-family: gb; font-size: 50px; line-height: 1.1; color: #323232;}

@media screen and (max-width: 1200px) {
    .sub-subject .inner strong {margin: 35px 0 10px 0; font-size: 36px;}
}

@media screen and (max-width: 768px) {
    .sub-subject .inner strong {margin: 30px 0 35px 0; font-size: 25px;}
}

/* Sub Util */
.sub-util .wrap-sub-navi > ul {display: flex; justify-content: center; align-items: center; position: relative; vertical-align: middle;}
.sub-util .wrap-sub-navi > ul > li {position: relative; display: flex; align-items: center;}
.sub-util .wrap-sub-navi > ul > li > button {width: 45px; height: 45px; border-radius: 15px; text-indent: -99999px; transition: box-shadow .35s;}
.sub-util .wrap-sub-navi > ul > li > button.on,
.sub-util .wrap-sub-navi > ul > li > button:hover {box-shadow: 0 0 10px rgba(0,0,0,.2);}

.sub-util .sub-share {margin-right: 15px; background: url('../../images/common/ic-share.png') no-repeat center center;}
.sub-util .sub-favo {margin-right: 15px; background: url('../../images/common/ic-favorite.png') no-repeat center center;}
.sub-util .sub-print {margin-right: 15px; background: url('../../images/common/ic-print.png') no-repeat center center;}
.sub-util .sub-font {background: url('../../images/common/ic-font.png') no-repeat center center;}

.sub-util .box-sub-favo {opacity: 0; overflow: hidden; position: absolute; left: calc(50% - 125px); top: calc(100% + 18px); z-index: 1; width: 250px; max-height: 0px; background: #fff; border-radius: 10px; transition: .35s;}
.sub-util .box-sub-favo.on {opacity: 1; max-height: 500px;}
.sub-util .box-sub-favo > strong {display: block; border: 1px solid #d2d2d2; border-radius: 10px 10px 0 0; font-family: pm; font-size: 18px; padding: 16px 25px; border-bottom: 1px solid #d6d6d6; color: #000000;}
.sub-util .box-sub-favo ul {padding: 15px 0; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.sub-util .box-sub-favo ul li {position: relative; padding: 2px 25px; transition: all .3s;}
.sub-util .box-sub-favo ul li > a {display: inline-block; font-family: pm; font-size: 15px; vertical-align: middle; color: #666;}
.sub-util .box-sub-favo ul li strong {position: relative; display: inline-block; transition: color .3s;}
.sub-util .box-sub-favo ul li:hover strong {color:#0e3999;}
.sub-util .box-sub-favo ul li strong::after {content: ''; position:absolute; left:0; bottom:0; width: 0%; height: 1px; background: #0e3999; transition:all .3s;} 
.sub-util .box-sub-favo ul li:hover strong::after {width: 100%;}
.sub-util .box-sub-favo ul li a span {display: none;}
.sub-util .box-sub-favo .close {position: absolute; right: 0px; top: 0px; width: 60px; height: 60px; background: url('../../images/common/btn_favo_close.png') no-repeat center center; text-indent: -99999px;}
.sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.sub-util .box-sub-favo .del {display: inline-block; width: 17px; height: 17px; margin: 0 10px 0 0; background: url('../../images/common/favo-del.png') no-repeat center center; text-indent: -99999px; vertical-align: middle;}
.sub-util .box-sub-favo .control {overflow: hidden; border-radius: 0 0 10px 10px; font-size: 0; text-align: center;}
.sub-util .box-sub-favo .control::after {content: ''; display: block; clear: both;}
.sub-util .box-sub-favo .control button {display: inline-block; width: 50%; padding: 16px 20px; font-family: pm; font-size: 16px; color: #fff;}
.sub-util .box-sub-favo .control button.add {background: #1f303e;}
.sub-util .box-sub-favo .control button.reset {background: #4f5f6c;}
.sub-util .box-sub-share {opacity: 0; overflow: hidden; position: absolute; left: 0; top: calc(100% + 20px); z-index: 1; max-height: 0px; transition: .35s}
.sub-util .box-sub-share.on {opacity: 1; max-height: 300px;}
.sub-util .box-sub-share ul button {position: relative; display: block; width: 45px; height: 45px; margin-bottom: 5px; border-radius: 15px; text-indent:-99999px;}
.sub-util .box-sub-share .fb {background: url('../../images/common/ic-util-fb.png') no-repeat center center;}
.sub-util .box-sub-share .tw {background: url('../../images/common/ic-util-tw.png') no-repeat center center;}
.sub-util .box-sub-share .pin {background: url('../../images/common/ico_sns_pin.png') no-repeat center center;}
.sub-util .box-sub-share .insta {background: url('../../images/common/ic-insta.png') no-repeat center center;}
.sub-util .box-sub-share .kakao {background: url('../../images/common/ic-kakao.png') no-repeat center center;}
.sub-util .box-sub-share .naver {background: url('../../images/common/ic-blog.png') no-repeat center center;}
.sub-util .box-sub-share .addr {background: url('../../images/common/ic-copy.png') no-repeat center;}
.sub-util .box-sub-share .whatsapp {background:#30B545 url('../../images/common/ic-noti-app.png') no-repeat center;}
.sub-util .box-sub-share .mail {background:#2c3a4c url('../../images/common/ic-mail.png') no-repeat center;}
.sub-util .box-sub-share .close {background: url('../../images/common/ic-share-close.png') no-repeat center center;}
.sub-util .box-font-share {opacity: 0; overflow: hidden; position: absolute; left: 0; top: calc(100% + 20px); z-index: 1; max-height: 0; transition: .35s}
.sub-util .box-font-share.on {opacity: 1; max-height: 300px;}
.sub-util .box-font-share .font ul {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 5px; padding: 10px 0; background: #fff; border: 1px solid #d2d2d2; border-radius: 10px;}
.sub-util .box-font-share .plus,
.sub-util .box-font-share .minus {position: relative; display: block; width: 30px; height: 30px; background: #fff; border: 1px solid #a9a9a9; border-radius: 3px; text-indent:-99999px;}
.sub-util .box-font-share .plus {background: url('../../images/common/ic-font-plus.png') no-repeat center;}
.sub-util .box-font-share .minus {background: url('../../images/common/ic-font-minus.png') no-repeat center;}
.sub-util .box-font-share .default {position: relative; margin-bottom: 7px; font-family: pb; color: #8c8c8c;}
.sub-util .box-font-share .default::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8c8c8c;  }
.sub-util .box-font-share .close button {width: 45px; height: 45px; background: url('../../images/common/ic-share-close.png') no-repeat center; border-radius: 15px; text-indent: -99999px;}
.sub-util .copy {text-align: center;}
.sub-util .copy button {display: inline-block; width: 38px; height: 38px; margin: 0 auto 0px auto;  text-indent: -99999px;}

.tab-import {margin-bottom: 50px;}

@media screen and (max-width: 768px) {
    .sub-util {display: none;}
    .tab-import {margin-bottom:45px;}
}

@media screen and (min-width:768px) {
    .mobile-navi .sub-util {display: none;}
    .sub-navi {max-width:1480px; width:100%; margin:0 auto;}
    .sub-navi li:not(#pagetitle2),
    .sub-navi #pagetitle2 .inner {display: none;}
    .sub-navi #pagetitle2 .navUl {display: flex; margin-top: -30px; position: relative;}
    .sub-navi #pagetitle2 .navUl a {display: block; flex:1; text-align: center; font-size: 18px; font-family: pm; color:#333; background:#ededed; border-radius:20px 0 20px 20px; height:60px; display: flex; align-items: center; justify-content: center;}
    .sub-navi #pagetitle2 .navUl a._active {background:#00BACF; font-family: pb; color:#fff;}
}

@media screen and (max-width:1500px) {
    .sub-navi {padding:0 20px;}
}

@media screen and (max-width:768px) {
    .wrap-tab {display: none;}
    .mobile-navi {display: flex; justify-content: space-between; align-items: center; padding:0 20px;}
    .mobile-navi ul {display: flex; align-items: center;}
    .sub-navi {padding:0;}
    .sub-navi .inner{padding: 0 15px 0 10px;}
    .sub-navi ul li {background:url('../../images/common/navi-arrow.png') no-repeat right center; position: relative; display: none;}
    .sub-navi ul li.on {display: block;}
    .sub-navi ul li.last {background: none;}
    .sub-navi ul li span {font-family: pm; font-size: 15px; color:#51524F; display: inline-block;}
    .sub-navi ul li.last span { color:#01B1C5; font-size: 15px; font-family: psb;}
    .sub-navi .navUl {visibility: hidden; overflow: hidden; position: absolute; left:-20px; top:calc(100% + 10px); z-index: 11; width:210px; max-height:0; opacity:0;}
    .sub-navi .navUl::-webkit-scrollbar {width:15px;}
    .sub-navi .navUl::-webkit-scrollbar-thumb {background-color: #EC5A4B; border-radius: 10px; border: 3px solid #111;}
    .sub-navi .navUl::-webkit-scrollbar-track {background:#111;  border-radius:10px;}
    .sub-navi .navUl.on {visibility: visible; overflow:hidden; overflow-y:auto; max-height:187px; padding:9px 0; background:#111111; border-radius:5px; opacity:1;}
    .sub-navi .navUl > a {display: block; padding:10px 20px; } 
    .sub-navi .navUl > a > span {display: inline-block; color:#fff !important; position: relative;}
    .sub-navi .navUl > a > span::after {content:''; width:0%; height:1px; background:#fff; position: absolute; left:0; bottom: 0; transition:width .3s;}
    .sub-navi .navUl > a:hover > span::after {width:100%;}
    .mobile-navi .home {display: block; width:20px; height:50px; background:url('../../images/common/navi-home.png') no-repeat center !important; padding-right:5px; text-indent: -9999px;}
    .mobile-navi .sub-util {margin-right:-20px; display: block; position: relative;}
    .mobile-navi .sub-util .sub-share {margin-right: 0; text-indent: -9999px; display: inline-block; width:50px; height:50px;}
    .mobile-navi .sub-util .box-sub-share {z-index: 11;}
    .mobile-navi .box-sub-share .send > ul {flex-direction: column;}
}

/* Tab */
.tab_div .mobile-tab {display: none;}

.tab_div.div_2 { position: relative; z-index: 1; font-size: 0; margin-top: -35px;}
.tab_div .ul_2  {display: flex; align-items: center; height: 60px; font-size: 0;}
.tab_div .ul_2 > li{width: 16.6666%; height: 100%;}
.tab_div .ul_2 {display: flex; justify-content: center; align-items: center;}
.tab_div .ul_2 > li {background:#EDEDED; border-radius:20px 0 20px 20px !important; overflow: hidden;}
.tab_div .ul_2 > li > a {position: relative; display: flex; align-items: center; height: 60px; padding: 0 30px; font-family: pm; font-size: 18px; color: #333; justify-content: center;}
.tab_div .ul_2 > li > a:hover,
.tab_div .ul_2 > li._active > a {color: #fff; background:#00BACF; font-size: 20px;}
.tab_div .ul_2 > li > a:hover:after,
.tab_div .ul_2 > li._active > a:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tab_div .ul_3 {position: relative; display: flex; align-items: center; justify-content: start; margin-top: 20px;}
.tab_div .ul_3::before {content:''; width:100%; height: 1px; background:#A5A5A5; position: absolute; top:50%; left:0;}
.tab_div .ul_3 > li {min-width:205px; border-radius:100px; background: #E9E9E9; text-align: center; margin-right: 10px; position: relative;}
.tab_div .ul_3 > li > a {font-size: 17px; font-family: pm; color:#333; display: block; height:50px; display: flex; align-items: center; justify-content: center; padding:0 20px;}
.tab_div .ul_3 > li._active {background:#EA5539;}
.tab_div .ul_3 > li._active > a {color:#fff; font-family: pb; font-size: 18px;}

@media all and (max-width: 1200px) {
    .tab_div.div_2 {margin-top: -27px;}
    .tab_div .ul_2 {height: 50px;}
    .tab_div .ul_2 > li > a {font-size: 15px; height:50px;}
    .tab_div .ul_2 > li {min-width:auto;}
    .tab_div .ul_2 > li > a {font-size:16px; height:45px;}

    .tab_div .ul_3 {flex-wrap:wrap;}
    .tab_div .ul_3::before {display: none;}
    .tab_div .ul_3 > li {margin-bottom: 10px;}
}

@media all and (max-width: 768px) {
    .tab_div {position: relative; z-index: 10;}
    .tab_div ul {z-index: 10;}
    .tab_div ul li a {display: block; height: auto; padding: 13px 40px; font-size: 16px; text-align: left; line-height: normal;}
    .tab_div ul li a:after {display: none;}
    .tab_div ul li a[target=_blank]  {background-position: 97% center !important;}
    .tab_div ul li a span {display: block; padding: 0 20px;}
    .tab_div ul li a span:before {bottom: -11px;}
    .tab_div ul li:after {display: none;}

    /* div_4 */
    .tab_div .ul_3 {flex-wrap:wrap; margin-top: 0; overflow: hidden; position: absolute; top:calc(100% - 25px); width:100%; height:auto; max-height:0; margin-bottom:30px; border-radius:0 0 25px 25px; transition:all 0.5s ease;}
    .tab_div .ul_3 > li {width:100%; margin-right: 0; border-radius:0; padding:0 30px; margin-bottom: 0;}
    .tab_div .ul_3 > li > a {justify-content: start; color:#000100; font-size: 18px; height:60px; line-height: 60px; font-family: pr; padding:0; border-bottom:1px solid #CBCCC9;}
    .tab_div .ul_3 > li._active > a {font-family: pr; font-size: 18px; border-bottom:0;}
    .tab_div .ul_3 > li:last-child > a {border-bottom:0}
    .tab_div .ul_3 > li:hover {background: #EA5539;}
    .tab_div .ul_3 > li:hover > a {color:#fff; border-bottom:0;}
    .tab_div ul.on {max-height:600px; padding:26px 0 0 0; background:#EA5539;}
    .tab_div .mobile-tab {position: relative; z-index: 20; display: block; width:100%; padding:16px 30px; }
    .tab_div.div_3 .mobile-tab {background:#E85336 url('../../images/common/tab-arrow.png') no-repeat right 30px center; border-radius:100px; font-family:pr; font-size:18px; color:#fff; text-align: left;}
}

footer {position: relative; background: #20232A; color:#fff; padding: 32px 0 40px 0;} 
.sub footer {margin-top: 100px;}
footer .container {max-width:1820px; width:100%; margin:0 auto; position: relative;}
footer .top {display: flex; justify-content: space-between; padding:0 0 22px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
/* etc */
footer .etc {display: flex; margin:0 -15px; align-items: center;}
footer .etc li {font-size: 16px; font-family: gm; padding:0 15px; position: relative;}
footer .etc li::after {content:''; width: 1px; height:11px; background:rgba(255,255,255,0.3); position: absolute; right:0; top:4px;}
footer .etc li:last-child::after {display: none;}
footer .etc li a {color:#fff; position: relative; display: inline-block;}
footer .etc li a::after {content:''; width:0%; height:1px; background:#fff; position: absolute; bottom:0; left:0; transition:width .3s;}
footer .etc li a:hover::after {width:100%;}
footer .etc li.pri a {color: #ffee00;}
footer .etc li.pri a::after {background: #ffee00;}
/* sns */
footer .footer-sns ul {display: flex;}
footer .footer-sns li {width: 45px; height: 45px; background:#3C3D42; display: flex; border-radius:50%; margin-left:5px;}
footer .footer-sns li a {text-indent: -9999px; display: block; width:100%; height:100%; opacity:0.4; transition: opacity .3s;}
footer .footer-sns li a:hover {opacity:1;}
footer .footer-sns .insta {background:url('../../images/common/ic-insta.png') no-repeat center;}
footer .footer-sns .yt {background:url('../../images/common/ic-yt.png') no-repeat center;}
footer .footer-sns .fb {background:url('../../images/common/ic-fb.png') no-repeat center;}
footer .footer-sns .tw {background:url('../../images/common/ic-tw.png') no-repeat center;}
/* bottom */
footer .bottom {display: flex; align-items: end; }
footer .footer-logo {filter:contrast(0); padding-top: 28px;}
/* address */
footer .address {flex:1; margin-left:40px; margin-top: 20px;}
footer .address .ars {font-size: 16px; line-height: 30px; font-family: gl; margin-bottom: 5px;}
footer .address .copy {text-transform: uppercase; font-size: 14px; line-height: 30px; color:rgba(255,255,255,0.4); font-family: gl; line-height: 1.2;}
/* family */
footer .family {position: relative; margin-left: 20px;}
footer .family button {display: flex; align-items: center; justify-content: space-between; font-family: gl; font-size: 18px; line-height: 30px; color:#fff; width:290px; position: relative;  padding: 25px 0; border-bottom:1px solid #fff;}
footer .family button.on::after {transform:rotate(180deg);}
footer .family button::after {content:''; display: block; width:13px; height:8px; background:url('../../images/common/select-arrow.png') no-repeat center; transition:transform .3s;}
footer .family .list {overflow:auto; position: absolute; left:0; bottom:calc(100% + 25px); width:100%; max-height:0px; background:#111; border-radius:10px; transition:.35s; z-index: 5;}
footer .family .list::-webkit-scrollbar {width:15px;}
footer .family .list::-webkit-scrollbar-thumb {background-color: #EC5A4B; border-radius: 10px; border: 3px solid #111;}
footer .family .list::-webkit-scrollbar-track {background:#111;  border-radius:10px;}
footer .family .list.on {max-height:245px;}

footer .family .list a {color:#fff; padding: 5px 10px; font-size: 15px; font-family: gl; display: block;}

@media screen and (max-width:1200px) {
    footer .bottom {flex-wrap:wrap;}
    footer .footer-logo {width:100%;}
    footer .address { margin-left: 0;}
    footer .family {align-self: start;}
    footer .etc li {font-size: 14px;}
}

@media screen and (max-width:768px) {
    footer {padding: 25px 0 40px 0;}
    footer .footer-inner {position: relative;}
    footer .top {flex-wrap:wrap; text-align: center; justify-content: center; padding-top:85px;}
    footer .etc {justify-content: center; margin-bottom: 10px; flex-wrap:wrap;}
    footer .etc li {margin-bottom: 10px; font-size: 13px; padding:0 10px;}
    footer .footer-sns {width:100%;}
    footer .footer-sns ul {justify-content: center;}

    footer .footer-logo {text-align: center; margin-bottom: 15px; padding-top: 20px;}
    footer .address {width:100%; text-align: center; margin:0 auto; margin-bottom: 20px;}
    footer .address .copy {font-size: 12px; line-height: 25px;}
    footer .family {position:absolute; top:0; left:0; width:100%; margin: 0;}
    footer .family-inner {width:100%; position: relative; display:block; margin:0 auto;}
    footer .family button {margin:0 auto; width:100%;}
}