@charset "utf-8";
/* CSS Document */

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/** 공통 **/
.container{position:relative;width: 1260px;margin:0 auto;}
.sub-content .checker{margin: 5px !important;background: url(../images/common/ico-check2.png) center left no-repeat;color: #6a707c;font-size: 18px;}
.sub-content .checker.on{background: url(../images/common/ico-check2_on.png) center left no-repeat;color: #313c4e;}
p.tit{margin:5px 35px; font-size: 15px;}
p.tit.text-right{margin-right:0;}

.btn-arrow{position:relative;padding: 16px 130px 16px 90px !important;}
.btn-arrow:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 90px;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 0;
    background: url(../images/sub/ico-arrow2.png) right center no-repeat;
}

/** swiper **/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/** header **/
header{display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 134px;/* min-height: 768px; *//* padding: 40px 0; */background: #fff;z-index: 999;}
header .top-navi{height: 76px; border-bottom: 1px solid #dadce0;}
header .top-navi .blog{
    position: absolute;
    top: 21px;
    right: 0;
    padding: 11px 20px;
    border-radius: 50px;
    background: #069aff; /* Old browsers */
    background: -moz-linear-gradient(left,  #069aff 0%, #39c9f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #069aff 0%,#39c9f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #069aff 0%,#39c9f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#069aff', endColorstr='#39c9f8',GradientType=1 ); /* IE6-9 */
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.020em;
}
header .top-navi .blog img{
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
/* h1.logo */
h1.brand-logo{/* display: inline-block; */padding: 19px 0;text-align: center;/* text-align: center; */}
h1.brand-logo a{display: inline-block;/* width: 128px; *//* height: 44px; *//* text-align: center; *//* margin: 0 auto; */}
h1.brand-logo a img{}
/* nav	 */
nav#gnb{position:relative;width: 100%;}
nav#gnb:after{
	display:block;
	content:"";
	position:absolute;
	top: 57px;
	left:0;
	width:100%;
	height:2px;
	background: #ec9eee; /* Old browsers */
	background: -moz-linear-gradient(left,  #ec9eee 0%, #4496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ec9eee 0%,#4496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ec9eee 0%,#4496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 ); /* IE6-9 */
}
nav#gnb > ul{
    width: 706px;
    margin: 0 auto;
}
nav#gnb > ul:after{display:block; clear:both; content:"";}
nav#gnb > ul > li{
    display: inline-block;
    float: left;
    position: relative;
    margin: 0 36px;
}
nav#gnb > ul > li span{}
nav#gnb > ul > li span a{
    display: block;
    padding: 18px 0;
    color: #777;
    font-size: 15px;
}
nav#gnb > ul > li.active span a, nav#gnb > ul > li:hover span a, nav#gnb > ul > li:focus span a{color: #2a3354;font-weight: 500;}
nav#gnb > ul > li.active span a:after, nav#gnb > ul > li:hover span a:after, nav#gnb > ul > li:focus span a:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left: 50%;
	width: 100%;
	height:3px;
	margin-left: -50%;
	background: #ec9eee; /* Old browsers */
	background: -moz-linear-gradient(left,  #ec9eee 0%, #4496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ec9eee 0%,#4496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ec9eee 0%,#4496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 ); /* IE6-9 */
}
nav#gnb > ul > li > ul{display:none; position:absolute;top: 57px;left: -36px;width: calc(100% + 76px);padding: 20px 0;text-align: center;z-index: 9999;}
nav#gnb.on > ul > li > ul{display:block;}
nav#gnb > ul > li > ul > li{}
nav#gnb > ul > li > ul > li a{display: inline-block;padding: 8px 0;color:#fff;font-size:15px;text-transform: uppercase;}
nav#gnb > ul > li > ul > li.active a, nav#gnb > ul > li > ul > li a:hover, nav#gnb > ul > li > ul > li a:focus{position:relative; color:#2a3354;font-weight: 500;}
nav#gnb > ul > li > ul > li.active a:after{display:block;content:"";position:absolute;bottom: 3px;left: 50%;width: 100%;height:1px;margin-left: -50%;background:#2a3354;}
nav#gnb .gnb-bg{
	position:absolute;
	top:57px;
	left:0;
	width:100%;
	height:0;
	background: #ec9eee; /* Old browsers */
	background: -moz-linear-gradient(left,  #ec9eee 0%, #4496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ec9eee 0%,#4496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ec9eee 0%,#4496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 ); /* IE6-9 */
	/*transition: all 0.6s;*/
}
nav#gnb:hover .gnb-bg, nav#gnb:focus .gnb-bg{
	animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */
}
nav#gnb.on .gnb-bg{display:block;height: 250px;}
.gnb-bg:after{display:block;content:"";position:absolute;bottom: 0;left: 50%;width: 774px;height: 100%;margin-left: -387px;background: url(../images/common/bg-gnb_on.png) center bottom no-repeat;}

/** content **/
.sub-content{background:#f4f5f9;padding-bottom: 60px;}
.sub-content h3.tit{padding-left: 33px;background:url(../images/common/ico-h3.png) left 7px no-repeat;color:#313c4e;font-size: 20px;font-weight:500;}
.tabgroup2 h3.tit{margin-top: 20px;}
.tabgroup2 div + h3.tit{margin-top:15px}
.sub-content h4.tit{padding-left: 20px;background: url(../images/common/ico-h4.png) left 6px no-repeat;color:#313c4e;font-size: 18px;font-weight:500;letter-spacing: -0.040em;}
.tabgroup2 h4.tit{margin-top: 20px;}
div + h4.tit{margin-top: 20px;}
h3.tit + h4.tit{margin: 5px 0 0 13px;}
/* sub-visual */
.sub-content #visual{height: 239px;padding: 50px 80px 0;background:url(../images/sub/visual.png) top right no-repeat;background-size: cover;}
.sub-content div.text-big{/* margin-top: 50px; */font-size: 30px;font-weight: 600;letter-spacing: 0.020em;}
.sub-content div.text{padding-top: 20px;font-size: 20px;}
.sub-content div.text-md{font-size: 16px;}
/* container */
.sub-content .container{margin: -63px 80px 0;border-radius: 8px;background:#fff;z-index: 999;}
.sub-content #cont-wrap{padding: 100px 150px;}
/* sub-menu */
#sub-menu{border-bottom: 1px solid #ededed;}
#sub-menu ul{text-align: center;}
#sub-menu ul:after{display:block; clear:both; content:"";}
#sub-menu ul li{display: inline-block;margin: 0 30px;}
#sub-menu ul li a{position:relative;display: block;padding: 17px 0;color: #161d2a;font-size: 18px;letter-spacing: -0.040em;}
#sub-menu ul li a:hover, #sub-menu ul li a:focus{color: #f28e00;}
#sub-menu ul li.active{}
#sub-menu ul li.active a{color: #f28e00;font-weight: 500;}
#sub-menu ul li.active a:after{display:block;content:"";position:absolute;bottom: -2px;left:0;width:100%;height:3px;background:#f28e00;}
/* nav : tab */
ul.tabs{}
ul.tabs:after{display:block; clear:both; content:"";}
ul.tabs li{display: inline-block;float:left;margin-left: 20px;}
ul.tabs li + li{margin-left:8px}
ul.tabs li a{display:block;position:relative;padding: 10px 15px;border: 1px solid #313c4e;border-radius: 8px 8px 0 0;background: #313c4e;color: #fff;font-size: 16px;text-align:center;letter-spacing:-0.020em;}
ul.tabs li.on a, ul.tabs li a:hover, ul.tabs li a:focus{border-bottom: 1px solid #fff;background: #fff;color: #313c4e;}
p.tit + ul.tabs{margin-top: 15px;}
section.tabgroup{margin-top: -1px;padding: 50px;border: 1px solid #313c4e;border-radius: 8px 8px 0 0;}
section.tabgroup > div, section.tabgroup2 > div{display: none;}
section.tabgroup > div.on, section.tabgroup2 > div.on{display:block;}
ul.tabs2{position: relative;min-height: 38px;margin: 30px 0 0;}
ul.tabs2:after{display:block;position: absolute;left: 0;bottom: 0;clear:both;content:"";width: 100%;/* margin-bottom: 0px; */border-bottom: 1px solid #d1d2d7;}
ul.tabs2 li{display: inline-block;float:left;width: auto;}
ul.tabs2 li div{;margin: 5px;padding:1px;
	background: -moz-linear-gradient(left,  #3a77d7 1%, #22b24c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3a77d7 1%,#22b24c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3a77d7 1%,#22b24c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a77d7', endColorstr='#22b24c',GradientType=1 ); /* IE6-9 */
}
ul.tabs2 li a{display:block;position:relative;margin-right: 5px;padding: 7px 12px;border: 1px solid #d1d2d7;border-radius: 5px 5px 0 0;background: #f4f5f9;font-size: 15px;text-align:center;letter-spacing:-0.020em;}
ul.tabs2 li:first-child a{margin-left:0;}
ul.tabs2 li.on a, ul.tabs2 li a:hover, ul.tabs2 li a:focus{border: 1px solid #ce7900; /* Old browsers */background: #f28e00;color: #fff;z-index: 999;}
/* page-list */
.page-list{margin: 50px 0 0;font-size:0;text-align:center;}
.page-list li{display:inline-block;vertical-align:middle}
.page-list li a{display:block;width:40px;height:40px;font-size:15px;text-align:center;line-height:40px;font-family:'Lato', 'Noto Sans';color:#909090}
.page-list li.on a, .page-list li a:hover{font-weight:600;color: #236de9;}
.page-list li.first-btn a, .page-list li.prev-btn a, .page-list li.next-btn a, .page-list li.last-btn a{width: 27px;height: 27px;border:1px solid #E6E6E6;background:no-repeat 50% 50% #fff;font-size:0;}
.page-list li.first-btn a:hover, .page-list li.prev-btn a:hover, .page-list li.next-btn a:hover, .page-list li.last-btn a:hover{border-color:#1969B2}
.page-list li.prev-btn a, .page-list li.last-btn a{margin-left:5px}
.page-list li.prev-btn{margin-right:20px}
.page-list li.next-btn{margin-left:20px}
.page-list li.first-btn a{background-image:url(../images/common/ico-page-first.png)}
.page-list li.prev-btn a{background-image:url(../images/common/ico-page-prev.png)}
.page-list li.next-btn a{background-image:url(../images/common/ico-page-next.png)}
.page-list li.last-btn a{background-image:url(../images/common/ico-page-last.png)}
.page-list li.first-btn a:hover{background-image:url(../images/common/ico-page-first_on.png)}
.page-list li.prev-btn a:hover{background-image:url(../images/common/ico-page-prev_on.png)}
.page-list li.next-btn a:hover{background-image:url(../images/common/ico-page-next_on.png)}
.page-list li.last-btn a:hover{background-image:url(../images/common/ico-page-last_on.png)}
/* tooltip */
.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}
.tooltip:hover{background: #313c4e;color: #fff;}
.tooltip .tooltiptext {visibility: hidden;width: 120px;border: 1px solid #509fa9;background-color: #fff;color: #6a707c;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;}

/** footer **/
footer{width: 100%;/* border-top: 1px solid #ededed; */background: #fff;}
footer .container{padding: 70px 0;}
.footer-terms{}
.footer-terms:after{display:block; clear:both; content:"";}
.footer-terms a{display: inline-block;float:left; position:relative; color: #333;font-size: 15px;/* font-weight: 500; */}
.footer-terms a:after{display:block;content:"";position:absolute;top: 5px;left: -23px;width:1px;height: 11px;background: #cecece;}
.footer-terms a + a{margin-left: 46px;}
.footer-terms a:first-child:after{display:none;}
.footer-info{padding: 15px 0 0;color: #767676;font-size: 13px;letter-spacing: 0.020em;text-transform: uppercase;}
.footer-info:after{display:block; clear:both; content:"";}
.footer-info span{display:inline-block;position:relative;padding-left: 26px;line-height: 1.7;}
.footer-info span:first-child, .footer-info .copyright{padding-left:0;}
.footer-info span:after{display:block;content:"\2044";position:absolute;top: -3px;left: 13px;/* width:20px; */color: #ababab;font-size: 15px;}
.footer-info span:first-child:after, .footer-info .copyright:after{display:none;}
.footer-info .copyright{display:block;}
footer .top-btn{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 118px;
    height: 80px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c91fe+0,9b2288+100 */
    padding: 37px 0 0;
    background: #3c91fe; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #3c91fe 0%, #9b2288 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #3c91fe 0%,#9b2288 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #3c91fe 0%,#9b2288 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c91fe', endColorstr='#9b2288',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.040em;
}
footer .top-btn:after{display:block;content:"";position:absolute;bottom: 38px;left:50%;width:12px;height:7px;margin-left: -6px;background:url(../images/common/ico-arrow2.png) 0 0 no-repeat;}

/* hd_pops */
#hd_pop{position:absolute;top: 0;left: 0;z-index: 9999;}
.hd_pops{position: absolute;background: #fff;}
/* modal */
.fade {opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear}
.fade.in {opacity: 1}
.collapse {display: none;visibility: hidden}
.collapse.in {display: block;visibility: visible}
.modal-open {overflow: hidden}

.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
.modal-dialog {position: relative;width: auto;margin: 10px;}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {position: absolute;top: 0;right: 0;left: 0;background-color: #000}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5}
.modal-header {
	min-height: 16.43px;
	padding: 15px;
	/* background: #2a3344; */
	border-radius: 5px 5px 0 0;
    background: #ec9eee;
    background: -moz-linear-gradient(left, #ec9eee 0%, #4496ff 100%);
    background: -webkit-linear-gradient(left, #ec9eee 0%,#4496ff 100%);
    background: linear-gradient(to right, #ec9eee 0%,#4496ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 );
}
.modal-header .close {
	margin-top: -2px;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	filter: alpha(opacity=20);
	opacity: 1;
	background: none;
}
.modal-title {
	margin: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.42857143;
}
.modal-body {position: relative;padding: 15px;font-size: 14px;font-weight: 400;line-height: 170%;}
.modal-body h3{font-weight:500}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5}
.modal-footer .btn-group{margin:0;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}

@media (min-width: 768px){
	.modal-dialog {width: 600px;margin: 30px auto;}
}

@media (max-width: 1279px) {
	.container{width: auto;margin: 0 20px;}
}

@media (max-width: 1023px) {
	.container{width: auto;margin: 0 10px;}

	/* 햄버거 메뉴 */
	.c-hamburger {display: block;position: relative;overflow: hidden;margin: 0;padding: 0;width: 51px;height: 54px;font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;transition: background 0.3s;background-color: rgba(255,255,255,0);}
	.c-hamburger:focus {outline: none;}
	.c-hamburger span {display: block;position: absolute;top: 27px;left: 14px;right: 14px;height: 2px;background: #000;}
	.c-hamburger span::before,  .c-hamburger span::after {position: absolute;display: block;left: 0;width: 100%;height: 2px;background-color: #000;content: "";}
	.c-hamburger span::before {top: -8px;}
	.c-hamburger span::after {bottom: -8px;}
	.c-hamburger--htx {}
	.c-hamburger--htx span {transition: background 0s 0.3s;}
	.c-hamburger--htx span::before,  .c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
	.c-hamburger--htx span::before {transition-property: top, transform;}
	.c-hamburger--htx span::after {transition-property: bottom, transform;}
	.open .c-hamburger--htx {}
	.open .c-hamburger--htx span {background: none;}
	.open .c-hamburger--htx span::before {top: 0;transform: rotate(45deg);background-color: #069aff;}
	.open .c-hamburger--htx span::after {bottom: 0;transform: rotate(-45deg);background-color: #1ba2ff;}
	.open .c-hamburger--htx span::before,  .open .c-hamburger--htx span::after {transition-delay: 0s, 0.3s;}
	
	#header-mobile {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #fff;z-index: 999;}
	#header-mobile .brand-logo {padding: 11px;text-align: left;}
	#header-mobile .brand-logo a {display: block;line-height: 1;}
	#header-mobile .brand-logo a img {/* width: 145px; */}
	#header-mobile .hmnu {position: absolute;top: -3px;right: 0;}
	#header-mobile .hmnu ul li {position: relative;}
	#header-mobile .hmnu ul li a {display: block;width: 40px;height: 50px;line-height: 50px;font-size: 20px;text-align: center;}
	#header-mobile .hmnu ul li a .alarmon {position: absolute;top: 13px;right: 8px;width: 10px;height: 10px;background-color: #F93434;border-radius: 50%;}
	
	.shadow {position: fixed;top: 50px;right: -20px;bottom: 0;width: 20px;z-index: 3000;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;background-color: rgba(42, 51, 68, 0.9);}
	.shadow.open {right: 0;width: 100%}
	
	#m-nav {position: fixed;overflow-y: auto;top: 50px;right: -400px;bottom: 0;width: 400px;z-index: 5000;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
	#m-nav.open {right: 0;width: 100%;}
	#m-gnb > ul {/* border-top: 1px solid #525967; */}
	#m-gnb > ul > li {border-bottom: 1px solid #525967;}
	#m-gnb > ul > li .depth1 a {display: block;height: 50px;line-height: 50px;padding: 0 15px;color: #fff;font-size: 18px;}
	#m-gnb > ul > li.active,  #m-gnb > ul > li.on ul,  #m-gnb > ul > li.on li {display: block;position: relative;}
	#m-gnb > ul > li.on li:after {display: block;content: "";position: absolute;top: 19px;left: 15px;width: 4px;height: 4px;border-radius: 5px;background: #e89eee;}
	#m-gnb > ul > li > ul {display: none;padding: 5px 0;}
	#m-gnb > ul > li > ul > li > a {display: block;height: 40px;line-height: 40px;padding: 0 15px 0 27px;font-size: 16px;}
	#m-gnb > ul > li > ul > li > ul {padding-bottom: 10px;}
	#m-gnb > ul > li > ul > li > ul > li {position: relative;}
	#m-gnb > ul > li > ul > li > ul > li:after {position: absolute;top: 50%;left: 25px;width: 4px;height: 4px;margin-top: -2px;background-color: #71D8FF;border-radius: 50%;content: ''}
	#m-gnb > ul > li > ul > li > ul > li > a {display: block;height: 26px;line-height: 26px;padding: 0 35px;}
	#m-gnb > ul > li.on {margin-top: -1px;background-color: #313c4e;color: #fff;}
	#m-gnb > ul > li.on .depth1 a {background: #ec9eee;background: -moz-linear-gradient(left, #ec9eee 0%, #4496ff 100%);background: -webkit-linear-gradient(left, #ec9eee 0%,#4496ff 100%);background: linear-gradient(to right, #ec9eee 0%,#4496ff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 );color: #fff;}
	#m-gnb > ul > li.on > ul > li > a {color: #fff}
	#m-gnb > ul > li.on > ul > li > ul > li > a {color: #fff}

	/* btn */
    .btn-arrow{display: inline-block !important;padding: 10px 60px 10px 30px !important;}
	.btn-arrow:after{right: 30px;background-size: 11px;}
	
	/** footer **/
	footer .container{padding: 15px 0;}
	.footer-terms a{font-size: 13px;}
	.footer-terms a:after{top: 4px;left: -11px;height: 10px;}
	.footer-terms a + a{margin-left: 22px;}
	.footer-info{width: calc(100% - 65px);padding: 10px 0 0;font-size: 12px;}
	.footer-info span{display: block;padding: 0;}
	.footer-info span:after{display: none;}
	footer .top-btn{width: 50px;height: 40px;padding: 10px 0 0;font-size: 13px;}
	footer .top-btn:after{bottom: 10px;}
}