@charset "utf-8";

@-webkit-keyframes objAC1 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(4px);-webkit-transform:translateY(4px);}75% {transform:translateY(4px);-webkit-transform:translateY(4px);}}
@keyframes objAC1 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(4px);-webkit-transform:translateY(4px);}75% {transform:translateY(4px);-webkit-transform:translateY(4px);}}

@-webkit-keyframes objAC2 { 0%,100% {-webkit-transform: rotate(0); transform: rotate(0); }50% {-webkit-transform: rotate(-4deg); transform: rotate(-4deg); }}
@keyframes objAC2 { 0%,100% {-webkit-transform: rotate(0); transform: rotate(0); }50% {-webkit-transform: rotate(-4deg); transform: rotate(-4deg); }}

@-webkit-keyframes objAC3 { 0% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }80% {opacity:0;-webkit-transform:translateY(-10px); transform:translateY(-10px);}100% {opacity:0; }}
@keyframes objAC3 {0% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }80% {opacity:0;-webkit-transform:translateY(-10px); transform:translateY(-10px);}100% {opacity:0; }}

@-webkit-keyframes objAC4 { 0%,100%{transform: translateX(30px) rotateY(0);-webkit-transform: translateX(30px) rotateY(0);}48% {transform: translate(0) rotateY(0); }50% {transform: translate(0) rotateY(180deg);}98% {transform: translateX(30px) rotateY(180deg);-webkit-transform: translateX(30px) rotateY(180deg);}}
@keyframes objAC4 { 0%,100%{transform: translateX(30px) rotateY(0);-webkit-transform: translateX(30px) rotateY(0);}48% {transform: translate(0) rotateY(0); }50% {transform: translate(0) rotateY(180deg);}98% {transform: translateX(30px) rotateY(180deg);-webkit-transform: translateX(30px) rotateY(180deg);}}

@-webkit-keyframes objAC5 { 0%,100% {-webkit-transform: rotate(0); transform: rotate(0); }50% {-webkit-transform: rotate(15deg); transform: rotate(15deg); }}
@keyframes objAC5 { 0%,100% {-webkit-transform: rotate(0); transform: rotate(0); }50% {-webkit-transform: rotate(15deg); transform: rotate(15deg); }}

@-webkit-keyframes objAC6 { 0% {height:0;}90% {height:100%;}}
@keyframes objAC6 { 0% {height:0;}90% {height:100%;}}


a:focus,
button:focus {border:1px solid #000;}
.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

.layout{position:relative;margin:0 auto;width:100%;max-width: 1420px;}
.clear {clear:none;}
.clear:after,
.layout:after{display:block;visibility:hidden;clear:both;content:""}
.c_ir {background-image: url(/images/kor/common/ico_ir.png);}

#top_layout{display:block;position: relative;z-index: 21;width:100%;text-align:center;background: #fff;}
#top_layout.on {z-index: 99999;}
#top_layout .top_wrap {height: 100%;padding: 0 40px 0 55px;}
#top_layout .top_wrap #logo {display: inline-block;float: left;position: relative;z-index: 11;padding: 25px 0 0;vertical-align: top;}
#top_layout .top_wrap #logo a {display:block;width: 125px;height: 42px;background-image:url(/images/kor/common/logo.png);background-image:url(/images/kor/common/logo.svg);background-size:100% auto;background-repeat:no-repeat;vertical-align: top;}
#top_layout .top_wrap #logo a span {display:block;width:100%;height:100%;font-size:0;vertical-align: top;}
#top_layout .top_wrap .utile_wrap {display: inline-block;float: right;height: 90px;vertical-align: top;}
#top_layout .top_wrap .utile_wrap li {float:left;position: relative;z-index: 11;height: 100%;margin: 0 0 0 25px;vertical-align: top;}
#top_layout .top_wrap .utile_wrap li.lang {width:140px;height: auto;margin: 25px 0 0;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang {position:relative;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang button {}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > button {display:block;width:100%;line-height: 38px;padding: 0 20px;color: #000;font-size: 15px;text-align:center;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > button:after {display:inline-block;margin: -3px 0 0 10px;width: 7px;height: 7px;border: solid #585858;border-width: 0 2px 2px 0;content:'';vertical-align:middle;transform: rotate(45deg);-webkit-transform:rotate(45deg);}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang.on > button {opacity:0;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div {display:none;position:absolute;top: 36px;z-index: 3;width:100%;padding: 15px 10px 6px;border-radius: 0 0 20px 20px;border: 5px solid transparent;border-top: 0;background: #fff;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang.on > div {display:block;border-color: #d9e1f1;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div > button{display:block;position:absolute;top: -47px;left: -5px;width: 140px;height: 50px;line-height: 50px;padding: 0 20px;border: 5px solid #d9e1f1;border-radius: 15px 15px 0 0;border-bottom:none;background: #fff;color: #2f68c2;font-size: 15px;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div > button:before {display:block; position:absolute; content:''; left:10px; right:10px; bottom:0; width:auto; height:1px; border-bottom: 1px dashed #ddd;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div > button:after {display:inline-block;margin: 0 0 0 10px;width: 7px;height: 7px;border: solid #2f68c2;border-width: 2px 0 0 2px;content:'';vertical-align:middle;transform: rotate(45deg);}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner {
}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span {display:block;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span a {display:block;width:100%;margin: 5px 0;color: #000;font-size: 14px;text-align: left;transition: all 0.3s;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span:last-child a {padding:1px 3px; background:#2f68c2; color:#fff; border-radius:14px;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span a:hover,
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span a:focus {text-decoration:underline;}
#top_layout .top_wrap .utile_wrap li.pc {}
#top_layout .top_wrap .utile_wrap li.mo {display:none;}
#top_layout .top_wrap .utile_wrap li.pc a ,
#top_layout .top_wrap .utile_wrap li.mo button {display:block; width:22px; height:100%; background:url(/images/kor/common/menu.png)no-repeat center; font-size:0;}

#top_layout.on + .gnb_bg,
#top_layout.mymenu_on + .gnb_bg {display: block;z-index: 9998;}
#top_layout + .gnb_bg{display: none;position: fixed;top: 44px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.modal-open #top_layout .top_wrap #logo{z-index:-1;}

#gnb_layout{display: block !important;overflow:hidden;position:absolute;top: 90px;left: 0;width: 100%;min-height:90px;transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;}
#gnb_layout:after{top:110px}
#gnb_layout.open{}
#gnb_layout.open:after{position: absolute;top: 90px;bottom: 0;right:0;width: 100%;height:auto;border-top: 1px solid #eee;background: #fff url(/images/kor/common/gnb_bg.jpg)no-repeat left bottom;content:"";}
#gnb_layout.open:before{display:block;content:'';}
#gnb {position: absolute;top:0px;left: 0;width: 100%;height: 90px;z-index:2;}
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;height: 100%;text-align: right;}
#gnb_layout .depth1_ul{display:inline-block;position: absolute;right: 50%;width: 100%;max-width: 1420px;height:100%;padding-right: 165px;margin-right: -710px;text-align: right;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;height:100%;margin: 0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 20px;text-align:center;}
#gnb_layout .depth1_ul>li>a.current{}
#gnb_layout .depth1_ul>li>a.current span {font-weight: 700;color: #2f68c2;}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block}
#gnb_layout .depth1_ul>li>a span{display: inline-block;position: relative;height: 100%;line-height: 90px;padding: 0 10px;font-size: 20px;font-weight: 700;color: #404751;vertical-align: middle;}
#gnb_layout .depth1_ul>li>a[target="_blank"] span:after {display:inline-block;width: 12px;height: 11px;margin: -2px 0 0 5px;background: url(/images/kor/common/target.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul>li>a span:before{display:block;opacity:0;position:absolute;left:50%;bottom: 0;width: 0;height: 3px;content:'';background: #2f68c2;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul>li>a.current span:before {left: 0;width:100%;opacity: 1;}
#gnb_layout .depth1_ul > li .item{display: none;position:absolute;top: 90px;left: 0;z-index: 100;width: 100%;min-height: 400px;margin: 0;padding-left: 265px;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title {position:absolute;top:0;left: 0;height:100%;padding: 65px 20px 0 0;width: 265px;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;z-index: 1;margin: 0 0 15px;font-size: 30px;font-weight: bold;font-family: 'score';color: #303030;line-height: 1.3;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:before {display:block;position:absolute;top: -35px;left: -40px;z-index: -1;content:'';width:63px;height:55px;background:url(/images/kor/common/gnb_tit.png)no-repeat;}
#gnb_layout .depth1_ul > li .item .gnb-title strong span { display: block; position: absolute; left: 6px; bottom: -6px; z-index: -1; width: 100%; font-size: 42px;font-weight: 700;color: #ebf3f9;line-height: 1.1;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;position: relative;z-index: 1;width:100%;padding:0;margin:0;font-size:16px;color: #303030;line-height: 1.4;}
#gnb_layout .depth1_ul > li .item .gnb-depth {position:relative;height:100%;min-height: 243px;}
#gnb_layout .depth1_ul > li .item .depth2_ul{float:left;overflow: hidden;position: relative;top: 0;height: 100% !important;min-height: 400px;width: 100%;padding: 5px 0 10px;text-align:  left;}
#gnb_layout .depth1_ul > li .item .depth2_ul:before {display:block;position:absolute;left:0;top:1px;content:'';width:260px;height:100%;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;background:#f5f7fb;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block;position:relative;margin: 0;padding: 10px 0 8px;border-bottom: 1px dashed #ddd;text-align: left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li:last-child {border:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li:after {display:block; clear:both; visibility:hidden; content:''; }
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;float: left;position: relative;width: 260px;padding: 0 0 0 15px;vertical-align: top;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display: block;position: relative;padding: 6px 49px 6px 20px;border-radius: 50px;color: #2f68c2;font-size: 16px;font-weight: 700;vertical-align: top;transition: all 0.3s;-webkit-transition: all 0.3s;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span:before {display:block;opacity: 0;position:absolute;right: 0;top: 0;content:'';width: 50px;height: 100%;border-radius: 20px 5px 20px 20px;background: #407ee0 url(/images/kor/common/check.png)no-repeat center;transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"] span:before {opacity:1;background:url(/images/kor/common/target.png)no-repeat center;transition: all 0.3s;-webkit-transition: all 0.3s;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on[target="_blank"] span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:hover span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:focus span:before {background:#407ee0 url(/images/kor/common/target2.png)no-repeat center;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span {width: calc(100% + 15px);background: #2f68c2;color: #fff;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span:before {opacity:1;}

#gnb_layout .depth3_ul {float: left;position: relative;width: calc(100% - 260px);padding: 0 0 0 25px;}
#gnb_layout .depth3_ul > li {display: inline-block;position:relative;margin: 5px 0;}
#gnb_layout .depth3_ul > li > a {display:block;position:relative;width:100%;}
#gnb_layout .depth3_ul > li > a > span {display: block;position: relative;padding: 0 30px 0 5px;font-size:15px;color: #303030;}
#gnb_layout .depth3_ul > li > a > span:before {display:block;position:absolute;z-index: 1;content:'';right: 10px;top: 50%;width: 4px;height: 4px;margin-top: -2px;border-radius: 50%;background: #d8d8d8;transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnb_layout .depth3_ul > li > a > span:after {display:block;position:absolute;left:0;bottom: -2px;opacity:0;content:'';width:100%;height:1px;background:#407ee0;}
#gnb_layout .depth3_ul > li > a:hover > span:before,
#gnb_layout .depth3_ul > li > a:focus > span:before,
#gnb_layout .depth3_ul > li > a:hover > span:after,
#gnb_layout .depth3_ul > li > a:focus > span:after {opacity: 1;background: #407ee0;}
#gnb_layout .depth3_ul > li > a[target="_blank"] > span:before {display:inline-block;opacity: 1;top: 4.5px;right: 12px;width: 11px;height: 12px;margin: 0;border-radius: 0;background:url(/images/kor/common/target.png)no-repeat;content:'';vertical-align:middle;}
#gnb_layout .depth3_ul > li > a:hover > span,
#gnb_layout .depth3_ul > li > a:focus > span {color:#2f68c2;}


#gnb_layout .depth1_ul > li.n3 .item {padding:0;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul {}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul:after {display:block;position:absolute;left:50%;top:1px;z-index:-1;content:'';width:260px;height:100%;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;background:#f5f7fb;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li > a {padding:0 15px;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li > a span {font-size:15px;}
#gnb_layout .depth1_ul > li.n3 .item .gnb-title {display:none;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li {float:left; width:50%;padding:5px 0;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_1 {min-height:94px;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_2,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_3,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_6,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_7,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_14,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_15 {min-height:47px;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_4,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_5,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_8,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_9,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_10,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_11,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_12,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_13,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_16,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_17 {min-height:71px;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_18 {border:none;}
#gnb_layout .depth1_ul > li.n3 .depth3_ul {padding: 4px 0 0 25px;}
#gnb_layout .depth1_ul > li.n3 .depth3_ul > li {margin:2px 0}
#gnb_layout .depth1_ul > li.n3 .depth3_ul > li > a > span {font-size:14px;}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li > a.on span,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li > a:focus span {width:100%;}

 
#gnb_layout .depth1_ul > li.n7 .item {min-height:auto; padding:0;}
#gnb_layout .depth1_ul > li.n7 .item .gnb-title {display:none;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul {overflow: visible;height: auto !important;min-height: 220px;padding: 50px 20px 30px;text-align:center;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul:before {display:none;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li {float: left;width: 7%;position: static;padding: 0;border: none;text-align: center;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a {display: block;position: relative;left: auto;top: auto;width:100%;padding:0;border-bottom: none;background: transparent;text-align: center;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:before {display:block;content:'';opacity: 1;position:static;width:76px;height:76px;margin: 0 auto 15px;border-radius: 30px;background:#f5f5f5 url(/images/kor/common/gnb_ico_ir.png);transition:border 0.3s;-webkit-transition:border 0.3s;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(1) > a:before {background-position:0 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(2) > a:before {background-position:-76px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(3) > a:before {background-position:-152px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(4) > a:before {background-position:-228px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(5) > a:before {background-position:-304px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(6) > a:before {background-position:-380px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(7) > a:before {background-position:-456px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(8) > a:before {background-position:-532px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(9) > a:before {background-position:-608px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(10) > a:before {background-position:-684px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(11) > a:before {background-position:-760px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(12) > a:before {background-position:-836px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(13) > a:before {background-position:-912px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(14) > a:before {background-position:-981px 0;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(1) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(1) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(1) > a:focus:before {background-position:0 -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(2) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(2) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(2) > a:focus:before {background-position:-76px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(3) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(3) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(3) > a:focus:before {background-position:-152px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(4) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(4) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(4) > a:focus:before {background-position:-228px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(5) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(5) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(5) > a:focus:before {background-position:-304px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(6) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(6) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(6) > a:focus:before {background-position:-380px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(7) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(7) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(7) > a:focus:before {background-position:-456px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(8) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(8) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(8) > a:focus:before {background-position:-532px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(9) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(9) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(9) > a:focus:before {background-position:-608px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(10) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(10) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(10) > a:focus:before {background-position:-684px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(11) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(11) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(11) > a:focus:before {background-position:-760px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(12) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(12) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(12) > a:focus:before {background-position:-836px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(13) > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(13) > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li:nth-child(13) > a:focus:before {background-position:-912px -76px;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a.on:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:hover:before,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:focus:before{background-color:#407ee0;    box-shadow: 0 10px 20px rgba(219,83,79,0.2);}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:after {display:block;opacity:0;position:absolute;z-index: 1;bottom: -20px;content:'';width:100%;height:1px;background:#407ee0;transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a.on:after,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:focus:after {opacity:1;}

#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a > span{padding: 0;font-size: 16px;color: #404751;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a.on > span,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:hover > span,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:focus > span {width: 100%;color: #2f68c2;background: none;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a span:before {display:none; }
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a span:after {display:inline-block; opacity:0; content:'';width:0;height:9px;background: url(/images/kor/common/check2.png)no-repeat;vertical-align: middle; transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a.on span:after,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:hover span:after,
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul > li > a:focus span:after {opacity:1;width:13px;margin: -4px 0 0 7px;}
#gnb_layout .depth1_ul > li.n7 .item > ul > li > a + .depth3_ul {display:none;position: absolute;left: 0;top: 185px;width: 100%;padding: 15px 0;border: none;border-top: 1px dashed #ddd;}
#gnb_layout .depth1_ul > li.n7 .item > ul > li > a.on + .depth3_ul,
#gnb_layout .depth1_ul > li.n7 .item > ul > li > a:hover + .depth3_ul,
#gnb_layout .depth1_ul > li.n7 .item > ul > li > a:focus + .depth3_ul{display:block;border-bottom: 1px dashed #ddd;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a:before {display:none;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li {margin: 5px 0;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a {padding:0;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a > span {display:block;position: relative;padding: 0 20px 0 7px;font-size:15px;color: #303030;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a:hover > span,
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a:focus > span {color: #2f68c2;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a > span:before {display:block;position:absolute;z-index: 1;content:'';right: 3px;top: 14.5px;width: 4px;height: 4px;border-radius: 50%;background: #d8d8d8;transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a:hover > span:before,
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a:focus > span:before {background-color:#407ee0;}
#gnb_layout .depth1_ul > li.n7 .depth3_ul > li > a > span:after {display:block;position:absolute;left:0;bottom: -21px;content:'';width:100%;height:1px;background:#407ee0; transition:all 0.3s; -webkit-transition:all 0.3s;}

#body_layout {display: block;width: 100%;}

#top_layout.mymenu_on {z-index: 9999;}
#mymenu {}
#mymenu > button {display:block;position:absolute;top: 94px;right:50%;z-index: 10;width:130px;height:38px;line-height: 38px;padding: 0;margin:25px -710px 0 0;border-radius: 20px 20px 0 20px;background:#2f68c2;color:#fff;font-size: 15px;}
#mymenu > button span {display:inline-block;width:18px;height:18px;line-height: 1;margin: -2px 7px 0 0;vertical-align: middle;}
#mymenu  > div {display:none;}
#mymenu.on  > div {display:block;position:absolute;z-index: 99999;left:0;top: 161px;width:100%;background: #2f68c2;}
#mymenu .myinner {padding:60px 0 0;}
#mymenu .myinner .modal__body {overflow: hidden;display: block;left: 0;top: 0;width: 100% !important;height: 100%;margin: auto;padding: 0;background: none;box-shadow: none;transform: none;}
#mymenu .myinner .modal__content {position: static;padding: 0;}
#mymenu .myinner .modal__backdrop {display:none;}
#mymenu .myinner .title {}
#mymenu .myinner .title > span {display:inline-block;position:relative; margin-right:-30px;}
#mymenu .myinner .title > span:before {display:block; position:absolute; top:-2px; right:-50px; content:''; width:45px; height:55px; background:url(/images/kor/common/mymenu_title_obj.png)no-repeat;}
#mymenu .myinner .title > strong {display:block; line-height:1; margin:3px 0 30px;font-family: 'score';font-size: 32px;font-weight: bold;color: #fff;}
#mymenu .myinner .title > strong em {font-style:italic;}
#mymenu .myinner .title > strong span {color:#ffe1e4;}
#mymenu .myinner .title > p {position:relative; line-height:1;}
#mymenu .myinner .title > p:before {display:block; position:absolute; content:''; left:0; top:40%; width:100%; height:1px; background:#fff;}
#mymenu .myinner .title > p span {display:inline-block; position:relative; z-index:1; margin:0;padding: 0 25px;background: #2f68c2;font-size:16px;color:#fff;}
#mymenu .myinner .mymenulist {margin:55px 0 0;}
#mymenu .myinner .mymenulist ul {margin:0 -10px;}
#mymenu .myinner .mymenulist ul li {float:left;position: relative;width:calc(16.66% - 20px);height:110px;margin:0 10px 20px;border-radius: 10px;border:3px solid #6791d2;background: url(/images/kor/common/plus.png)no-repeat center;}
#mymenu .myinner .mymenulist ul li > a,
#mymenu .myinner .mymenulist ul li > .linkbtn {display:block;width: 100%;height:100%;border-radius: 10px;font-size: 0;}
#mymenu .myinner .mymenulist ul li .mbox {position:absolute;right: -3px;bottom: -3px;width: calc(100% + 6px);height: 90px;border-radius: 10px;background:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
#mymenu .myinner .mymenulist ul li.on .mbox { transform:translate(-10px,-10px)}
#mymenu .myinner .mymenulist ul li .mbox > a {display:block; width:100%; height:100%;text-align:left;}
#mymenu .myinner .mymenulist ul li .mbox .menubox {width:100%;height:100%;padding: 35px 25px 0;}
#mymenu .myinner .mymenulist ul li .mbox .menubox > span {display:block;overflow: hidden;font-size: 14px;color: #3f68b8;text-overflow: ellipsis;white-space: nowrap;}
#mymenu .myinner .mymenulist ul li .mbox .menubox strong {display: block;position:relative;margin: 4px 0 0;}
#mymenu .myinner .mymenulist ul li .mbox .menubox strong:after {display:block;position:absolute;content:'';left:0;bottom: 1px;width:0;height:10px;border-radius:20px;background:#e4ebf7;transition:all 0.3s;-webkit-transition:all 0.3s;}
#mymenu .myinner .mymenulist ul li .mbox a:hover .menubox strong:after,
#mymenu .myinner .mymenulist ul li .mbox a:focus .menubox strong:after {width:100%;}
#mymenu .myinner .mymenulist ul li .mbox .menubox strong span {display: block;overflow: hidden;position:relative;z-index:1;line-height: 1.3;font-size: 17px;font-weight: normal;color: #222;text-overflow: ellipsis;white-space: nowrap;}
#mymenu .myinner .mymenulist ul li .mbox .menuclose {position:absolute;right: 7px;top: 7px;width: 23px;height: 23px;border-radius: 5px;background: #e6edf8;font-size: 0;}
#mymenu .myinner .mymenulist ul li .mbox .menuclose:before,
#mymenu .myinner .mymenulist ul li .mbox .menuclose:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#mymenu .myinner .mymenulist ul li .mbox .menuclose:before {width:11px;height: 1px;background: #4e73b9;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#mymenu .myinner .mymenulist ul li .mbox .menuclose:after {width: 1px;height:11px;background: #4e73b9;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#mymenu .myinner .typemenu {height:80px;background:#255db5; }
#mymenu .myinner .typemenu .group {position:relative;padding-left:175px;text-align: left;}
#mymenu .myinner .typemenu .tit {position:absolute; left:0; top:0; line-height:80px;font-family:"score"; font-size:21px; color:#fff;}
#mymenu .myinner .typemenu .tit span {display:inline-block; line-height:80px;font-family:"score"; font-size:21px; font-weight:bold; color:#fff;}
#mymenu .myinner .typemenu .tit:before {display:block; position:absolute; content:''; left:147px; top:50%; width:12px; height:1px; background:rgba(255,255,255,.5);}
#mymenu .myinner .typemenu #my_wrap {}
#mymenu .myinner .typemenu #my_wrap .menu_wrap {float:left;width:345px;}
#mymenu .myinner .typemenu #my_wrap .menu_wrap li {float:left;position:relative;padding:22.5px 0 0;}
#mymenu .myinner .typemenu #my_wrap .menu_wrap li:after {display:block;position:absolute;right:0;top: 38.5px;content:'';width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.3);}
#mymenu .myinner .typemenu #my_wrap .menu_wrap li:last-child:after {display:none;}
#mymenu .myinner .typemenu #my_wrap .menu_wrap li a {display:block;position:relative;z-index: 1;width:90px;height:35px;line-height: 35px;border-radius:10px;color:#ccd8f0;font-size:16px;text-align: center;}
#mymenu .myinner .typemenu #my_wrap .menu_wrap li a:after {display:block; opacity:0; position:absolute; content:''; left:-3px; right:-3px; top:0;width:auto; height:100%; border-radius:10px; background:#224c9d;}
#mymenu .myinner .typemenu #my_wrap .menu_wrap li a.ov:after {opacity:1;z-index:-1;}

#mymenu .myinner .typemenu #my_wrap .con_wrap {float:left;width:calc(100% - 345px);}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con {position:relative;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con ul {text-align:center;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li {display:inline-block;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li a {display:block;position: relative;line-height: 80px;padding: 0 13px;font-size:16px;color:#fff;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li a:after {display:block;position:absolute;right:-3px;top: 35px;content:'';width:1px;height:10px;background:rgba(255,255,255,.3);}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li:last-child a:after {display:none;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li a span {display: inline-block;line-height: 1;font-size:16px;color:#fff;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj {position:absolute;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj:before,
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj:after {display:block; position:absolute; content:''; }
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj1 {top: -15px;left: -73px;width:123px;height:106px;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj1:before {left:0;bottom:0;z-index: 1;width:72px;height:97px;background:url(/images/kor/common/tab_obj1-1.png)no-repeat;animation: objAC1 4s both infinite;-webkit-animation: objAC1 4s both infinite ;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj1:after {right:0; top:0; width:80px; height:75px; background:url(/images/kor/common/tab_obj1-2.png)no-repeat;    animation: objAC1 4s both infinite 1s;-webkit-animation: objAC1 4s both infinite 1s; }
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj2 {left: -73px; bottom:0;width:102px; height:84px;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj2:before {right:0;bottom:0;width:50px;height: 57px;background: url(/images/kor/common/tab_obj2-3.png)no-repeat left bottom;animation: objAC6 3s both infinite;-webkit-animation: objAC6 3s both infinite;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj2:after {right: 25px;top: 0;width:20px;height:29px;background:url(/images/kor/common/tab_obj2-2.png)no-repeat;animation: objAC5 2s both infinite;-webkit-animation: objAC5 2s both infinite;transform-origin: bottom;-webkit-transform-origin: bottom;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj2 .obj {position:absolute; top: 0;left:0; z-index:2; width:100%;height:100%;background:url(/images/kor/common/tab_obj2-1.png)no-repeat}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj3{left: -73px;width:103px;height:83px;background:url(/images/kor/common/mm_obj1-1.png)no-repeat;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj3:before {left: 24px;top: 0;width:14px;height:21px;background:url(/images/kor/common/mm_obj1-2.png)no-repeat;animation: objAC3 3.5s both infinite;-webkit-animation: objAC3 3.5s both infinite;}
#mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj3:after {right: 0;bottom:0;width:27px;height:22px;background:url(/images/kor/common/mm_obj1-3.png)no-repeat;transform: translateX(40px);-webkit-transform: translateX(40px);animation: objAC4 8s both infinite;-webkit-animation: objAC4 8s both infinite;}



#mymenu .clickClose {position: absolute;right: 50%;top: -75px;width:130px;height:75px;margin-right: -710px;padding: 10px 0 0;border-radius: 20px 20px 0 0;background: #2f68c2;color: #fff;font-size:0; }
#mymenu .clickClose span {display:block; position:relative; width:50px; height:50px; margin:0 auto;}
#mymenu .clickClose span:before,
#mymenu .clickClose span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#mymenu .clickClose span:before {width:80%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#mymenu .clickClose span:after {width: 2px;height:80%;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}


#ajaxLayer {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background: rgba(0,0,0,.85);}
#mymenu_pop {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background: rgba(0,0,0,.85);}
.my_pop {position:absolute;width:1020px;height:auto;top:10%;bottom:10%;left:50%;margin-left:-510px;border-radius: 10px;background: #fff;text-align: left;}
.my_pop .modal_btn {position:absolute; right:40px; top:35px;}
.my_pop .modal_btn button {display:block; width:30px; height:30px; font-size:0;}
.my_pop .modal_btn button:before,
.my_pop .modal_btn button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.my_pop .modal_btn button:before {width:100%;height:2px;background: #555;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.my_pop .modal_btn button:after {width: 2px;height:100%;background: #555;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.my_pop .mypop_inner {overflow-y:auto; position:relative; height:100%; }
.my_pop .mypop_inner .top_box {padding: 55px 30px 25px;box-shadow: 0 3px 10px rgba(117,117,117,.1);}
.my_pop .mypop_inner .top_box .titlepop {text-align:center;}
.my_pop .mypop_inner .top_box .titlepop strong {display:inline-block; font-size:28px; font-weight:normal; font-family:'score'; color:#222;}
.my_pop .mypop_inner .top_box .titlepop strong:before {display:inline-block; content:''; width:25px; height:34px; margin:0 10px 0 0; background:url(/images/kor/common/mymenu_ir.png)no-repeat; }
.my_pop .mypop_inner .top_box .titlepop strong span {display:inline-block; font-size:28px; font-weight:bold;  font-family:'score'; color:#222;}
.my_pop .mypop_inner .top_box .titlepop p {line-height: 34px;margin:10px 0 0;font-size:16px;color:#666;}
.my_pop .mypop_inner .top_box .titlepop p button {display:inline-block;height:30px;line-height: 30px;padding:0 13px;margin-left:10px;border:1px solid #ddd;border-radius:30px;font-size:13px;color:#666;vertical-align:middle;}
.my_pop .mypop_inner .top_box .titlepop p button i {margin:0 5px 0 0;}
.my_pop .mypop_inner .top_box .plusmenu {margin:20px 0 0; }
.my_pop .mypop_inner .top_box .plusmenu .leftbox {float:left;overflow-y: auto;width:calc(100% - 110px);min-height: 130px;padding: 15px 20px;border-radius:10px;background:#e6edf8;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul {margin:0 -5px;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li {float:left;width: calc(33.33% - 10px);margin: 5px 5px;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li.nodatalist {width:calc(100% - 10px);line-height: 90px;text-align:center;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button {display:block;overflow:hidden;position:relative;width:100%;height:40px;line-height:40px;padding: 0 45px 0 15px;border-radius:5px;background:#fff;text-overflow: ellipsis;text-align: left;white-space: nowrap;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li span {display:inline-block;line-height:40px;font-size:14px;color: #6786c5;vertical-align: top;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li span:after {display:inline-block; content:''; width:1px; height:10px; margin:0 10px; background:#ddd;  }
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li em {display:block; position:absolute; right:15px; top:8px;  width:24px; height:24px; border:1px solid #e6edf8; border-radius:3px; transition:all 0.3s; -webkit-transition:all 0.3s;font-size: 0;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li em:before,
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li em:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li em:before {width:11px;height:1px;background: #5477ba;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li em:after {width: 1px;height:11px;background: #5477ba;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button em{font-size: 0;overflow: hidden;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button:hover em,
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button:focus em {border:1px solid #7e96bf; background:#7e96bf; }
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button:hover em:before,
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button:focus em:before,
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button:hover em:after,
.my_pop .mypop_inner .top_box .plusmenu .leftbox ul li button:focus em:after {background:#fff;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox p {margin: 0;font-size:16px;color:#555;text-align: center;}
.my_pop .mypop_inner .top_box .plusmenu .leftbox p span {display:inline-block;width: 17px;height: 17px;line-height: 18px;margin: -3px 5px 0 0;border: 1px solid #255db5;border-radius: 3px;background: #255db5; color:#fff; font-size:11px; text-align:center;vertical-align: middle;}

.my_pop .mypop_inner .top_box .plusmenu .rightbox {float:right; width:95px; }
.my_pop .mypop_inner .top_box .plusmenu .rightbox a,
.my_pop .mypop_inner .top_box .plusmenu .rightbox button {display:block;width:95px;height: 130px;padding: 45px 0 0;border-radius:10px;background:#255db5;color:#fff;text-align:center;font-size: 16px;}
.my_pop .mypop_inner .top_box .plusmenu .rightbox button {padding:0;}
.my_pop .mypop_inner .top_box .plusmenu .rightbox a span,
.my_pop .mypop_inner .top_box .plusmenu .rightbox button span {display:block;width:16px;height:16px;margin: 0 auto 10px;background:url(/images/kor/common/mymenu_ir.png)no-repeat 0 -39px;}
.my_pop .mypop_inner .btmbox {padding: 25px 30px;}
.my_pop .mypop_inner .btmbox .innerb {}
.my_pop .mypop_inner .btmbox .innerb .selectbox {display: inline-block;min-width: 300px;height:50px;line-height:40px;padding: 0 10px 0 20px;border:5px solid #d9e1f1;border-radius:10px;}
.my_pop .mypop_inner .btmbox .innerb .selectbox label {display:inline-block;margin:0;color:#6786c5;font-size: 14px;}
.my_pop .mypop_inner .btmbox .innerb .selectbox label:after {display:inline-block; content:''; width:1px; height:10px; margin:0 10px; background:#ddd;  }
.my_pop .mypop_inner .btmbox .innerb .selectbox select {min-width: 120px;height:40px;border: none;padding: 0 24px 0 5px;color: #255db5;font-size: 16px;font-weight: bold;}
.my_pop .mypop_inner .btmbox .innerb .selectbox .sitebtn {display: inline-block;line-height: 1.1;margin: -3px 0 0;padding: 6px 10px;border-radius: 5px;background: #255db5;color: #fff;font-weight: bold;font-size: 14px;vertical-align: middle;}
.my_pop .mypop_inner .btmbox .innerb .checkbox {margin: 0;padding: 0;}
.my_pop .mypop_inner .btmbox .innerb .checkbox .titp {margin: 25px 0 10px;font-size:17px;font-weight: bold;color:#444;}
.my_pop .mypop_inner .btmbox .innerb .checkbox .titp:before {display:inline-block;content:'';width:15px;height:13px;margin: 0 5px 0 0;background:url(/images/kor/common/mymenu_ir.png)no-repeat -19px -39px;}
.my_pop .mypop_inner .btmbox .innerb .checkbox .box {padding: 15px 25px;border-radius: 10px;background:#f8f8f8;}

.my_pop .mypop_inner .btmbox .innerb .checkbox .box label {float: left;overflow: hidden;width: 33.33%;margin: 5px 0;font-weight:normal;font-size: 16px;color: #444;text-overflow: ellipsis;white-space: nowrap;}
.my_pop .mypop_inner .btmbox .innerb .checkbox .box label input {position:absolute; z-index:-1; }
.my_pop .mypop_inner .btmbox .innerb .checkbox .box label input + span {display:inline-block;width: 17px;height: 17px;line-height: 18px;margin: -3px 5px 0 0;border: 1px solid #255db5;border-radius: 3px;background: #fff;font-size:0;text-align:center;vertical-align: middle;transition: border 0.3s;-webkit-transition: border 0.3s;}
.my_pop .mypop_inner .btmbox .innerb .checkbox .box label input:checked + span {border:1px solid #255db5; background:#255db5; color:#fff; font-size:11px;  }
.my_pop .mypop_inner .btmbox .innerb .checkbox .box label:hover span,
.my_pop .mypop_inner .btmbox .innerb .checkbox .box label:focus span {border:1px solid #255db5;}

.my_pop .mypop_inner .btmbox .innerb .menubox {display:none;}
.my_pop .mypop_inner .btmbox .innerb .menubox.on {display:block;}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul {}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul > li {}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul > li .th_1st {margin: 25px 0 10px;font-size:17px;font-weight: bold;color:#444;}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul > li .th_1st:before {display:inline-block;content:'';width:15px;height:13px;margin: 0 5px 0 0;background:url(/images/kor/common/mymenu_ir.png)no-repeat -19px -39px;}

.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item {padding: 15px 25px;border-radius: 10px;background:#f8f8f8;}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul {}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul:after {display:block; clear:both; visibility:hidden; content:''; }
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul li {float: left;width: 33.33%;margin: 7px 0;}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul li label {display:block; position:relative;padding-left: 20px;margin: 0;}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul li label input {position:absolute;left:0;top: 2px;width:15px;height:15px;margin: 0;}
.my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul li label span {display:block;overflow: hidden;line-height: 1.1;font-weight:normal;font-size: 16px;color: #444;text-overflow: ellipsis;white-space: nowrap;}

@media(max-width:1919px){
    #gnb_layout.open:after {background-size:300px auto; }
    #gnb_layout .depth1_ul {right:0;max-width: 100%;margin:0;padding-right: 400px;}
    #gnb_layout .depth1_ul > li .item {padding: 0 40px 0 325px;}
    #gnb_layout .depth1_ul > li .item .gnb-title {left: 55px;}
    #gnb_layout .depth1_ul > li .item .gnb-title strong:before {display:none;}
    
    #mymenu > button {right:240px; margin:25px 0 0; }
    #mymenu .clickClose{ right:240px; margin:0;}


}

@media(max-width:1499px){
    .layout {max-width:100%; padding:0 40px;}
    #top_layout .top_wrap .utile_wrap li {margin: 0 0 0 12px;}


    #gnb_layout .depth1_ul {padding-right: 380px;}
    #gnb_layout .depth1_ul>li>a {padding:0 15px;}
    #gnb_layout .depth1_ul>li>a span {padding: 0 5px;font-size: 18px;}
    #gnb_layout .depth1_ul > li .item {padding: 0 40px 0 280px;}
    #gnb_layout .depth1_ul > li .item .gnb-title {width:240px;}


    #mymenu > button,
    #mymenu .clickClose {right:220px;}
    #mymenu .myinner .mymenulist ul li {width:calc(25% - 20px);}
    #mymenu .myinner .typemenu {height:auto;}
    #mymenu .myinner .typemenu .group {padding:0;text-align: center;}
    #mymenu .myinner .typemenu .tit {display:inline-block;position: relative;left: auto;top: auto;line-height: 75px;margin-right: 55px;vertical-align: top;}
    #mymenu .myinner .typemenu .tit span {line-height:75px;}
    #mymenu .myinner .typemenu #my_wrap .menu_wrap {display:inline-block;float:none;width: auto;}
    #mymenu .myinner .typemenu #my_wrap .menu_wrap li {padding: 18px 0 0;}
    #mymenu .myinner .typemenu #my_wrap .menu_wrap li:after {right: -4px;top: 35px;}
    #mymenu .myinner .typemenu #my_wrap .menu_wrap li a:after {right: 50%;top: auto;left: auto;bottom: -29px;width: 26px;height:26px;margin-right: -13px;background:url(/images/kor/common/arr_ov.png)no-repeat;}

    #mymenu .myinner .typemenu #my_wrap .con_wrap {float:none;position: relative;width:100%;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap:before {display:block;position:absolute;left:-40px;right:-40px;top:0;content:'';width:auto;height:1px;background: #437bd4;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj1,
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj2,
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj3 {left:auto;right:50%;top: -84px;margin-right:-350px;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj1 {top:-100px;}
}
@media(max-width:1340px){
    #gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_6,
    #gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li.n3_7 {min-height:71px;}
}
@media(max-width:1279px){
    #top_layout .top_wrap {padding:0 40px}
    #top_layout .top_wrap .utile_wrap li.lang,
    #top_layout .top_wrap .utile_wrap li.pc {display:none;}
    #top_layout .top_wrap .utile_wrap li.mo {display:block;}

    #gnb_layout {display:none !important;}

    #mymenu > button,
    #mymenu .clickClose {right:100px;}
}

@media(max-width:1200px){
    .my_pop {left:0; top:0; bottom:0; right:0;width:auto; margin:0; border-radius:0;}
}

@media(max-width:1023px){
    .layout {padding:0 35px;}
    
    #top_layout {height:150px;}
    #top_layout .top_wrap #logo {float: none;position:absolute;top: 83px;left: 50%;padding: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    #top_layout .top_wrap .utile_wrap {height: 38px;margin: 30px 0 0;}

    #top_layout .top_wrap {padding:0 35px} 
    #mymenu > button {top:42px;right: 85px;margin: 30px 0 0;}
    #mymenu.on > div {overflow: hidden;position:fixed;left:0;top:0;width:100%;height:100%;}
    #mymenu .myinner {overflow-y: auto;height:100%;padding: 60px 0 220px;}
    #mymenu .myinner .typemenu {position:absolute;left:0;bottom:0;z-index: 99;width:100%;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap:before {left:-35px; right:-35px;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con ul {padding: 22px 0;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li {margin: 10px 0 6px;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li a {line-height:1.3;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con ul li a:after {top: 5px;}
    #mymenu .myinner .mymenulist ul li {width:calc(33.33% - 20px);}
    #mymenu .clickClose {right: 10px;top: 10px;z-index:999;width: 50px;height: 50px;margin: 0;padding: 0;border-radius: 0;}
    #mymenu .clickClose span {width:40px; height:40px;}

    .my_pop .mypop_inner .top_box .plusmenu .leftbox ul li {width:calc(50% - 10px);}

}

@media(max-width:767px){
    .layout {padding:0 20px;}
    #top_layout {height: 170px;}
    #top_layout .top_wrap {padding:0 20px;}
    #top_layout .top_wrap #logo {top: 100px;}

    #mymenu > button {right:54px;border-radius: 20px;}
    #mymenu .myinner {padding:60px 0 300px;}
    #mymenu .myinner .mymenulist {margin:40px 0 0;}
    #mymenu .myinner .mymenulist ul li {width:calc(50% - 20px);}
    #mymenu .myinner .title > strong { line-height:1.3;font-size:28px;}
    #mymenu .myinner .typemenu .tit {display: block;line-height:1.3;margin: 0;padding: 15px 0 0;}
    #mymenu .myinner .typemenu .tit:before {display:none;}
    #mymenu .myinner .typemenu .tit span {line-height:1.3;}
    #mymenu .myinner .typemenu #my_wrap .menu_wrap li {padding: 0;}
    #mymenu .myinner .typemenu #my_wrap .menu_wrap li:after {top: 17px;}
    #mymenu .myinner .typemenu #my_wrap .menu_wrap li a:after {bottom:-23px;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap:before {left:-20px; right:-20px;}
    #mymenu .myinner .typemenu #my_wrap .con_wrap .con .yuobj {display:none;}
    .my_pop .mypop_inner .top_box {padding:55px 20px 25px;}
    .my_pop .mypop_inner .top_box .plusmenu .leftbox ul li {width:calc(100% - 10px);}
    .my_pop .mypop_inner .btmbox {padding:25px 20px;}
    .my_pop .mypop_inner .btmbox .innerb .checkbox .box label {width:50%;}
    .my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul li {width:50%;}
}


@media(max-width:580px){
    #mymenu .myinner .title > p {display:none;}
    #mymenu .myinner .title > span {display:block;margin: 0;}
    #mymenu .myinner .title > span:before {display:none;}
    #mymenu .myinner .mymenulist ul li {width:calc(100% - 20px);}
    .my_pop .mypop_inner .top_box .titlepop strong,
    .my_pop .mypop_inner .top_box .titlepop strong span {font-size:22px;}
    .my_pop .mypop_inner .top_box .plusmenu .leftbox {float:none;width:100%;max-height: 200px;}
    .my_pop .mypop_inner .top_box .plusmenu .rightbox {float:none; width:100%; }
    .my_pop .mypop_inner .top_box .plusmenu .rightbox a,
    .my_pop .mypop_inner .top_box .plusmenu .rightbox button {width:100%;height: 50px;line-height: 50px;margin:10px 0 0;padding: 0;}
    .my_pop .mypop_inner .top_box .plusmenu .rightbox a span,
    .my_pop .mypop_inner .top_box .plusmenu .rightbox button span {display:none;}
    .my_pop .mypop_inner .btmbox .innerb .checkbox .box label {width:100%;}
    .my_pop .mypop_inner .btmbox .innerb .selectbox {width:100%;min-width: 100%;}
    .my_pop .mypop_inner .btmbox .innerb .selectbox label {display:none;}
    .my_pop .mypop_inner .btmbox .innerb .selectbox select {width:calc(100% - 60px);}
    .my_pop .mypop_inner .btmbox .innerb .menubox .depth1_ul .item ul li {float:none;width:100%;}
    .my_pop .modal_btn {right:10px; top:10px;}


}

/* mobile menu */
#mobile-menu{overflow: visible;padding:0 !important;}
#mobile-menu .modal-dialog {float:right;width: 320px;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content{position: static;height: 100%;padding: 0;background:#fff;padding: 105px 0 0;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;width: 100%;height: 45px;padding: 0 10px;background: #3e4651;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile {height:100%;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li {display:inline-block;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.home a {display:block;line-height: 45px;font-size:14px;color:#fff;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.home a span {display:inline-block;width:40px;height: 34px;margin: 1px 10px 0 0;background: url(/template/A/images/tnb_obj.png)no-repeat center bottom;vertical-align: middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang {float: right;position:relative;width: 120px;vertical-align: top;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang:before {display:block;position:absolute;left: -10px;top: 13px;content:'';width:1px;height:20px;background:#787e86;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang {position:relative;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > button {display:block;width: 100%;height: 45px;line-height: 45px;padding: 0 20px;color: #fff;font-size: 14px;text-align: left;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang.on > button {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > button:after {display:block;position:absolute;right: 20px;top: 20px;width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;content:'';transform: rotate(45deg);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div {display:none;position:absolute;top: 45px;z-index: 3;width:100%;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang.on > div {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div > button{display:block;position:absolute;top: -45px;left:0;width: 100%;height: 45px;line-height: 45px;padding: 0 20px;color: #fff;font-size: 14px;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div > button:after {display:block;position:absolute;right: 20px;top: 23px;width: 5px;height: 5px;border: solid #fff;border-width: 1px 0 0 1px;content:'';transform: rotate(45deg);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner {}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span a {display:block;width:100%;height: 40px;line-height: 40px;background: #3e4651;color:#fff;border-bottom: 1px dashed #6a7179;font-size:14px;text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span:last-child a {border:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span a:hover,
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span a:focus {background:#18252f;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 {height: 60px;padding:0 10px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li {float: left;height:100%;margin: 0 10px;vertical-align: top;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li a {display:block; width:100%; height:100%; font-size:0;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n1 a {width:16px;background:url(/images/kor/common/h.png)no-repeat center;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n2 {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n2 a {width:20px;background: url(/images/kor/common/login.png)no-repeat center 52%;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n3 {padding: 12.5px 0 0;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n3 .form_inner {position:relative;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n3 .form_inner input[type="text"]{width: 190px;height:35px;line-height: 35px;padding: 0 10px;border:1px solid #e5e8eb;border-radius: 50px;text-align: right;font-size: 15px;color: #000;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n3 .form_inner .submit {position:absolute;left:5px;top: 5px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n3 .form_inner .submit input[type="submit"]{width:25px; height:25px; border:none; border-radius:50%;background:#00a8e5 url(/images/kor/common/search2.png)no-repeat center; font-size:0;}

#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;border-top: 1px solid #e5e5e5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden;height:100%;background: #fff;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;padding: 13px 25px;border-bottom: 1px solid #e5e5e5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {display:block;content:'';position:absolute;right: 22px;top: 15px;width:23px;height:23px;border-radius:50%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {display:block;position:absolute;z-index:2;right: 30px;top: 20.5px;width: 5px;height: 5px;border-width:1px;border-style: solid;border-color: #cecece;border-width: 0 2px 2px 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov {background:#2f68c2; }
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {top: 21.5px;border-width: 2px 0 0 2px;border-color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov  span {color:#fff; }
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a em {display: inline-block;color: #404751;font-size: 15px;font-weight: bold;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;width: 100%;padding: 10px;border-bottom: 1px solid #e5e5e5;background: #f5f7fb;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;width: 100%;padding: 5px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;position: relative;width: 100%;border-radius: 20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {display:block;position:absolute;z-index:2;right: 21px;top: 14px;width: 5px;height: 5px;border-width:1px;border-style: solid;border-color: #cecece;border-width: 2px 2px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.ov:before {border-color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov {background:#2f68c2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a span,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span {position:relative; color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a span:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span:before {display:block;position:absolute;right: 0;top: 0;content:'';width: 45px;height:100%;border-radius: 18px 5px 18px 18px;background: #407ee0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:after {content: '';position: absolute;z-index: 2;top: 0;bottom: 0;margin: auto;border: none;transform: none;-webkit-transform: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:before {right: 17px;width: 12px;height: 2px;background: #c7c8cb;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:after {right: 22px;width: 2px;height: 12px;background: #c7c8cb;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep.ov:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.dep:before {background:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep.ov:after{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.dep:after {background:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display:block;line-height:1.4;padding: 8px 45px 7px 25px;color: #2f68c2;font-size: 14px;font-weight: bold;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;padding: 20px 0 3px;margin: -15px 0 0;border: 1px solid #2f68c2;border-radius: 0 0 15px 15px;background: #fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;margin: 12px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li a:after {display:block;position:absolute;left: 25px;top: 10px;width: 2px;height: 2px;border-radius: 50%;background: #404751;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;padding-left: 33px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a.ov span {color:#3174dd;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a.ov:after {background:#3174dd;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display:block;font-size: 14px;color: #404751;}
#mobile-menu .mobile-close {position:absolute;top: -41px;right: 25px;}
#mobile-menu .mobile-close span {display:block;position:relative;width: 21px;height: 21px;font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-radius: 50px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width:100%;height: 3px;background: #2f3236;}
#mobile-menu .mobile-close span:after {width: 3px;height:100%;background: #2f3236;}
.modal-backdrop.in{opacity: .8;z-index: 12;}
.modal-open,
.modal-open #body_layout {overflow:hidden;height:100%;}
.modal-open #op_layout {z-index:1;}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a[target="_blank"]:after{right: 28px;width: 11px;height: 12px;background:url(/images/kor/common/target.png)no-repeat center;border: none;transform: none;-webkit-transform: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"]:before {top: 11px;right: 20px;width: 11px;height: 12px;background:url(/images/kor/common/target.png)no-repeat center;border: none;transform: none;-webkit-transform: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after {display:inline-block; content:''; width: 11px;height: 12px; margin:-1px 0 0 5px; background:url(/images/kor/common/target.png)no-repeat center;vertical-align:middle;  }

/*모바일 로고 위치 변경*/
@media(max-width:767px){
	#top_layout{height:125px;}
	#top_layout .top_wrap #logo{top: 61px; left:90px;}
    #mymenu > button{margin: 24px 0 0}
    #top_layout .top_wrap .utile_wrap{margin: 27px 0 0;}
}

/* 공식누리집 */
#nuri {background-color: #eef0f3;position: relative;z-index: 10;}
#nuri .inner {max-width: 1400px;margin: 0 auto}
#nuri .top {padding: 10px 50px;border-bottom: 1px solid rgba(0,0,0,0.1);}
#nuri .flag_wrap {display: flex;align-items: center;position: relative;}
#nuri .flag_wrap .flag_in {display: flex;align-items: center;margin: 0;font-size: 14px;}
#nuri .flag_wrap .flag_in img {margin-right: 10px;width: 22px;}
#nuri .flag_wrap .star{position:absolute; right:0; top:-3px}

@media (max-width: 767px) {
    #nuri .top {padding: 10px 10px;}
    #nuri .flag_wrap .flag_in {font-size: 13px;}
    #nuri .flag_wrap .star{display:none;}
}