@charset "utf-8";
@import url(animated.css);/*애니메이션*/
@import url(common.css);/*공통*/
@import url(graph.css);/*그래프*/

/*아이폰에서 input 라운드 없애기*/
input,button {border-radius:0;-webkit-appearance:none}

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

/*마우스 드래그 배경색*/
::-moz-selection{background:#e4007f; color:#fff}
::selection {background:#e4007f; color:#fff}

#wrap {position:relative; background:#fff; overflow:hidden;}

.is_cont, .is_cont2, .cont {word-break: keep-all}

br {opacity:0}

/*블릿*/
.bul01 {font-size:18px;}
.bul01 > li {margin-bottom:5px; padding-left:15px; line-height:1.3em}
.bul01 > li:before {content:""; display:inline-block; width:8px; height:2px; margin-right:7px; vertical-align: middle; background:#000448; margin-left:-15px;}

.bul02 {font-size:15px;}
.bul02 > li {padding-left:15px; margin-bottom:5px; line-height:1.3em}
.bul02 > li:before {content:""; display:inline-block; width:4px; height:4px; margin-right:7px; vertical-align: middle; background:#000448; margin-left:-15px;}
.bul02 span {font-size:11px; color:#999; padding-right:3px;}

.num_ul > li {margin-bottom:10px; margin-left:22px;}
.num_ul > li .num {width:30px; height:30px; line-height:30px; margin-left:-22px; margin-right:11px; vertical-align:middle; text-align:center; color:#fff; background:#000448; display:inline-block; border-radius:50%}

.bul03 > li {margin-top:5px; padding-left:22px;}
.bul03 > li:before {content:"\2460"; display:inline-block; margin-right:5px; vertical-align: top; margin-left:-20px;}

.bul03_2 {font-size:0.9em; margin-top:5px;}
.bul03_2 > li {margin-bottom:5px;padding-left:4px;}
.bul03_2 > li:before {content:""; display:inline-block; width:4px; height:1px; margin-right:5px; vertical-align: middle; background:#333; margin-left:-10px;}

.ck_bul {font-size:18px; font-weight:600}
.ck_bul li {margin-bottom:10px; padding-left:30px;}
.ck_bul li:last-child {margin-bottom:0}
.ck_bul > li:before {content:""; display:inline-block; width:20px; height:20px; margin-right:14px; vertical-align: middle; background:url(/share/img/sub/ck_bul.png) no-repeat 0 0; margin-left:-30px; background-size:100% 100%;}


@media screen and (max-width:1024px){
	/*블릿*/
	.bul01 {font-size:1.8vw;}
	.bul01 > li {margin-bottom:0.5vw; padding-left:1.5vw;}
	.bul01 > li:before {width:0.8vw; height:0.2vw; margin-right:0.7vw; margin-left:-1.5vw;}

	.bul02 {font-size:1.5vw;}
	.bul02 > li{padding-left:1.5vw; margin-bottom:0.5vw}
	.bul02 > li:before {width:0.4vw; height:0.4vw; margin-right:0.7vw; margin-left:-1.5vw;}
	.bul02 span {font-size:1.1vw; padding-right:0.3vw;}

	.num_ul > li {margin-bottom:1vw; margin-left:2.2vw;}
	.num_ul > li .num {width:3vw; height:3vw; line-height:3vw; margin-left:-2.2vw; margin-right:1.1vw;}

	.bul03 > li {margin-top:0.5vw;padding-left:2.2vw;}
	.bul03 > li:before {margin-right:0.5vw; margin-left:-2vw;}

	.bul03_2 {font-size:0.9em; margin-top:0.5vw;}
	.bul03_2 > li {margin-bottom:0.5vw;padding-left:0.4vw;}
	.bul03_2 > li:before {width:0.4vw; margin-right:0.5vw; margin-left:-1vw;}


	.ck_bul {font-size:1.8vw;}
	.ck_bul li {margin-bottom:1vw; padding-left:3vw;}
	.ck_bul > li:before {width:2vw; height:2vw; margin-right:1.4vw; margin-left:-3vw;}
}

@media screen and (max-width:768px){
	/*블릿*/
	.bul01 {font-size:2.8vw;}
	.bul01 > li {margin-bottom:0.7vw; padding-left:2.5vw;}
	.bul01 > li:before {width:1vw; height:0.4vw; margin-right:0.9vw; margin-left:-1.7vw;}

	.bul02 {font-size:2.5vw;}
	.bul02 > li{padding-left:2.5vw; margin-bottom:0.7vw}
	.bul02 > li:before {width:0.6vw; height:0.6vw; margin-right:0.9vw; margin-left:-1.7vw;}
	.bul02 span {font-size:2.1vw; padding-right:0.5vw;}

	.num_ul > li {margin-bottom:2vw; margin-left:3.2vw;}
	.num_ul > li .num {width:5vw; height:5vw; line-height:5vw; margin-left:-3.2vw; margin-right:2.1vw;}

	.bul03 > li {margin-top:0.7vw;padding-left:3.2vw;}
	.bul03 > li:before {margin-right:0.7vw; margin-left:-2.2vw;}

	.bul03_2 {font-size:0.9em; margin-top:0.7vw;}
	.bul03_2 > li {margin-bottom:0.7vw;padding-left:0.6vw;}
	.bul03_2 > li:before {width:0.6vw; margin-right:0.7vw; margin-left:-1.2vw;}


	.ck_bul {font-size:2.8vw;}
	.ck_bul li {margin-bottom:1vw; padding-left:3.5vw;}
	.ck_bul > li:before {width:3vw; height:3vw; margin-right:2.4vw; margin-left:-4vw;}
}

@media screen and (max-width:480px){
	/*블릿*/
	.bul01 {font-size:3.8vw;}
	.bul01 > li {margin-bottom:1vw; padding-left:3.5vw;}
	.bul01 > li:before {width:1.2vw; height:0.6vw; margin-right:1.1vw; margin-left:-1.9vw;}

	.bul02 {font-size:3.5vw;}
	.bul02 > li{padding-left:3.5vw; margin-bottom:1vw}
	.bul02 > li:before {width:0.8vw; height:0.8vw; margin-right:1.1vw; margin-left:-1.9vw;}
	.bul02 span {font-size:3.1vw; padding-right:0.7vw;}

	.num_ul > li {margin-bottom:3vw; margin-left:4.2vw;}
	.num_ul > li .num {width:7vw; height:7vw; line-height:7vw; margin-left:-4.2vw; margin-right:3.1vw;}

	.bul03 > li {margin-top:0.9vw;padding-left:4.2vw;}
	.bul03 > li:before {margin-right:0.9vw; margin-left:-2.4vw;}

	.bul03_2 {font-size:0.9em; margin-top:0.9vw;}
	.bul03_2 > li {margin-bottom:0.9vw;padding-left:0.8vw;}
	.bul03_2 > li:before {width:0.8vw; margin-right:0.9vw; margin-left:-1.4vw;}


	.ck_bul {font-size:3.8vw;}
	.ck_bul li {margin-bottom:2vw; padding-left:4vw;}
	.ck_bul > li:before {width:4vw; height:4vw; margin-right:3.4vw; margin-left:-5vw;}
}


/* --------------------------------------------------헤더 영역-------------------------------------------------- */
#header_wrap {position:fixed; top:0; left:0; width:100%; padding:0 40px; height:106px; background:#fff; z-index:100; transition:all 0.3s}
.scroll_doc #header_wrap {height:76px}

#header {position:relative; height:100%; display:flex; align-items:center; justify-content:space-between; gap:0px; letter-spacing:-0.03em}

@media screen and (max-width:1420px){
	#header_wrap {padding:0 30px}
}

@media screen and (max-width:1240px){
}

@media screen and (max-width:1024px){
	#header_wrap {padding:0 3%; height:10.6vw;}
	.scroll_doc #header_wrap {height:7.6vw}
}

@media screen and (max-width:768px){
	#header_wrap {height:13.6vw;}
	.scroll_doc #header_wrap {height:10.6vw}
}

@media screen and (max-width:480px){
	#header_wrap {height:16.6vw;}
	.scroll_doc #header_wrap {height:13.6vw}
}


/*로고박스 부분*/
#header .logoBox {display:flex; align-items:flex-end;}
#header .logoBox .logo {height:49px; transition:all 0.3s}
#header .logoBox .logo img {height:100%}

.scroll_doc #header .logoBox .logo {height:39px;}

#header .logoBox .top_data {line-height:1.2em; margin:0 0 -3px 25px; transition:all 0.3s}
.scroll_doc #header .logoBox .top_data {margin-left:20px; font-size:12px}

#header .logoBox .top_applicationBtn a {position:relative; display:inline-block; margin:0 0 -3px 20px; width:190px; height:46px; line-height:46px; background:#000443; color:#fff; border-radius:10px; transition:all 0.3s}
#header .logoBox .top_applicationBtn a:before, #header .logoBox .top_applicationBtn a:after {content:""; display:inline-block; vertical-align:middle; background-size:100% 100% !important}
#header .logoBox .top_applicationBtn a:before {width:23px; height:23px; background:url(/share/img/inc/top_application_icon.png) no-repeat 0 0; position:absolute; top:50%; left:18px; transform:translateY(-50%);}
#header .logoBox .top_applicationBtn a:after {width:8px; height:15px; background:url(/share/img/inc/top_application_arrow.png) no-repeat 0 0; position:absolute; top:50%; right:14px; transform:translateY(-50%);}
#header .logoBox .top_applicationBtn .txt {padding-left:55px;}

.scroll_doc #header .logoBox .top_applicationBtn a {margin-left:15px; width:150px; height:36px; line-height:36px; font-size:12px}
.scroll_doc #header .logoBox .top_applicationBtn a:before {width:17px; height:17px;}
.scroll_doc #header .logoBox .top_applicationBtn a:after {width:5px; height:11px;}
.scroll_doc #header .logoBox .top_applicationBtn .txt {padding-left:45px;}


@media screen and (max-width:1420px){
	#header .logoBox .top_data {margin-left:15px}
	#header .logoBox .top_applicationBtn a {margin-left:15px}
}

@media screen and (max-width:1240px){
}

@media screen and (max-width:1024px){
	#header .logoBox .logo {height:4.9vw;}
	.scroll_doc #header .logoBox .logo {height:3.9vw;}

	#header .logoBox .top_data {margin:0 0 -0.3vw 2.5vw;}
	.scroll_doc #header .logoBox .top_data {margin-left:2vw; font-size:1.2vw}

	#header .logoBox .top_applicationBtn a {margin:0 0 -0.3vw 2vw; width:19vw; height:4.6vw; line-height:4.6vw; border-radius:1vw;}
	#header .logoBox .top_applicationBtn a:before {width:2.1vw; height:2.1vw; left:1.8vw;}
	#header .logoBox .top_applicationBtn a:after {width:0.8vw; height:1.5vw; right:1.4vw;}
	#header .logoBox .top_applicationBtn .txt {padding-left:5vw;}

	.scroll_doc #header .logoBox .top_applicationBtn a {margin-left:1.5vw; width:15vw; height:3.6vw; line-height:3.8vw; font-size:1.2vw}
	.scroll_doc #header .logoBox .top_applicationBtn a:before {width:1.5vw; height:1.5vw;}
	.scroll_doc #header .logoBox .top_applicationBtn a:after {width:0.5vw; height:1.1vw;}
	.scroll_doc #header .logoBox .top_applicationBtn .txt {padding-left:4.5vw;}
}

@media screen and (max-width:768px){
	#header .logoBox .logo {height:6.9vw;}
	.scroll_doc #header .logoBox .logo {height:5.9vw;}

	#header .logoBox .top_data {margin:0 0 -0.5vw 2vw; font-size:2.4vw; line-height:1.1em}
	.scroll_doc #header .logoBox .top_data {margin-left:1.5vw; font-size:2vw}

	#header .logoBox .top_applicationBtn a {margin:0 0 -0.5vw 2vw; width:25vw; height:5.6vw; line-height:5.6vw; border-radius:1.5vw; font-size:2.4vw}
	#header .logoBox .top_applicationBtn a:before {width:2.8vw; height:2.8vw; left:2.3vw;}
	#header .logoBox .top_applicationBtn a:after {width:1vw; height:2.1vw; right:1.9vw;}
	#header .logoBox .top_applicationBtn .txt {padding-left:6.5vw;}

	.scroll_doc #header .logoBox .top_applicationBtn a {margin-left:1.5vw; width:23vw; height:5.6vw; line-height:5.8vw; font-size:2vw}
	.scroll_doc #header .logoBox .top_applicationBtn a:before {width:2.5vw; height:2.5vw;}
	.scroll_doc #header .logoBox .top_applicationBtn a:after {width:0.7vw; height:1.7vw;}
	.scroll_doc #header .logoBox .top_applicationBtn .txt {padding-left:6vw;}
}

@media screen and (max-width:480px){
	#header .logoBox .logo {height:8.9vw;}
	.scroll_doc #header .logoBox .logo {height:7.9vw;}

	#header .logoBox .top_data {margin:0 0 -0.7vw 2vw; font-size:3vw;}
	#header .logoBox .top_data .txt {display:block;}
	.scroll_doc #header .logoBox .top_data {margin-left:1.5vw; font-size:2.5vw}

	#header .logoBox .top_applicationBtn a {margin:0 0 -0.7vw 2vw; width:25vw; height:10vw; line-height:1.3em; border-radius:2vw; font-size:3vw; padding:1vw 0 0 8.8vw; text-align:left;}
	#header .logoBox .top_applicationBtn a:before {width:4.3vw; height:4.3vw; left:2.5vw;}
	#header .logoBox .top_applicationBtn a:after {width:2.2vw; height:3.6vw; right:2.2vw;}
	#header .logoBox .top_applicationBtn .txt {padding:0}
	#header .logoBox .top_applicationBtn .bk {display:block}

	.scroll_doc #header .logoBox .top_applicationBtn a {margin:0 0 -0.7vw 2vw; width:24vw; height:8.6vw; line-height:1.3em; padding:1vw 0 0 8.8vw; font-size:2.5vw}
	.scroll_doc #header .logoBox .top_applicationBtn a:before {width:4vw; height:4vw;}
	.scroll_doc #header .logoBox .top_applicationBtn a:after {width:1.8vw; height:3.2vw;}
	.scroll_doc #header .logoBox .top_applicationBtn .txt {padding-left:0;}
}


/*탑 lang부분*/
#header .top_rbox {display:flex; align-items:center;}
#header .top_rbox .top_link {display:flex; align-items:center;}
#header .top_rbox .top_link li {position:relative; padding:0 18px;}
#header .top_rbox .top_link li:last-child {padding-right:0}
#header .top_rbox .top_link li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:14px; background:#000443; position:absolute; top:50%; right:0; transform:translateY(-50%);}
#header .top_rbox .top_link li:last-child:after {display:none}
#header .top_rbox .top_link a {font-size:18px; color:#000443; font-weight:500;}
#header .top_rbox .top_link .txt2 {display:none;}
#header .top_rbox .top_link .icon {padding-left:18px; display:none;}
#header .top_rbox .top_link .icon img {transition:all 0.3s}

.scroll_doc #header .top_rbox .top_link li {padding:0 12px;}
.scroll_doc #header .top_rbox .top_link li:after {height:10px;}
.scroll_doc #header .top_rbox .top_link li:last-child {padding-right:0}
.scroll_doc #header .top_rbox .top_link a {font-size:14px;}
.scroll_doc #header .top_rbox .top_link .icon {padding-left:12px;}
.scroll_doc #header .top_rbox .top_link .icon img {height:24px;}


@media screen and (max-width:1420px){
	#header .top_rbox .top_link li {padding:0 10px;}
	#header .top_rbox .top_link .icon {padding-left:10px;}
}

@media screen and (max-width:1240px){
	#header .top_rbox .top_link li, #header .top_rbox .top_link .txt {display:none;}
	#header .top_rbox .top_link li:last-child {display:block;}
	#header .top_rbox .top_link .txt2 {display:block;}
	#header .top_rbox .top_link .icon {padding:0}
}

@media screen and (max-width:1024px){
	#header .top_rbox .top_link li {padding:0 1.8vw;}
	#header .top_rbox .top_link a {font-size:1.8vw;}
	#header .top_rbox .top_link .icon {padding-left:1.8vw;}
	#header .top_rbox .top_link .icon img {height:3.4vw}

	.scroll_doc #header .top_rbox .top_link li {padding:0 1.2vw;}
	.scroll_doc #header .top_rbox .top_link li:after {height:1vw;}
	.scroll_doc #header .top_rbox .top_link a {font-size:1.4vw;}
	.scroll_doc #header .top_rbox .top_link .icon {padding-left:1.2vw;}
	.scroll_doc #header .top_rbox .top_link .icon img {height:2.4vw;}
}

@media screen and (max-width:768px){
	#header .top_rbox .top_link li {padding:0 2.3vw;}
	#header .top_rbox .top_link a {font-size:2.8vw;}
	#header .top_rbox .top_link .icon {padding-left:2.3vw;}
	#header .top_rbox .top_link .icon img {height:4.4vw}

	.scroll_doc #header .top_rbox .top_link li {padding:0 1.7vw;}
	.scroll_doc #header .top_rbox .top_link li:after {height:1.5vw;}
	.scroll_doc #header .top_rbox .top_link a {font-size:2.4vw;}
	.scroll_doc #header .top_rbox .top_link .icon {padding-left:1.7vw;}
	.scroll_doc #header .top_rbox .top_link .icon img {height:3.4vw;}
}

@media screen and (max-width:480px){
	#header .top_rbox .top_link li {padding:0 2.8vw;}
	#header .top_rbox .top_link a {font-size:3.8vw;}
	#header .top_rbox .top_link .icon {padding-left:2.8vw;}
	#header .top_rbox .top_link .icon img {height:6vw}

	.scroll_doc #header .top_rbox .top_link li {padding:0 2.2vw;}
	.scroll_doc #header .top_rbox .top_link li:after {height:2vw;}
	.scroll_doc #header .top_rbox .top_link a {font-size:3.4vw;}
	.scroll_doc #header .top_rbox .top_link .icon {padding-left:3vw;}
	.scroll_doc #header .top_rbox .top_link .icon img {height:5vw;}
}


/*네비*/
.naviBox .mu_1 .pc_tlt {display:block !important;}
.naviBox .mu_1 .mob_tlt {display:none !important;}

.naviBox .mu_1 {position:relative; display:inline-block; vertical-align:top}
.naviBox .mu_1 .tlt a {position:relative; display:block; font-size:24px; color:#000443; height:106px; line-height:106px; padding:0 35px; font-weight:700; transition:all 0.3s}
.scroll_doc .naviBox .mu_1 .tlt a {font-size:20px; height:70px; line-height:70px;}

.naviBox .detail_list {display:none; position:absolute; top:106px; left:50%; transform:translateX(-50%); text-align:left; width:120%; margin-left:55px; padding-bottom:25px; z-index:10}
.naviBox .detail_list a {color:#000443}
.naviBox .detail_list .mu_2 {margin-bottom:7px;}
.naviBox .detail_list .mu_2 > a {font-size:22px; font-weight:700}
.naviBox .detail_list .mu_2 > a:hover {border-bottom:1px solid #000443}
.naviBox .detail_list .mu_3Ul {margin-top:8px}
.naviBox .detail_list .mu_3Ul > .mu_3 {margin-bottom:4px}
.naviBox .detail_list .mu_3Ul > .mu_3 > a {font-size:18px;}
.naviBox .detail_list .mu_3Ul > .mu_3 > a:before {content:""; display:inline-block; vertical-align:middle; width:5px; height:2px; background:#000443; margin-right:5px;}

.scroll_doc .naviBox .detail_list {top:70px}
.scroll_doc .naviBox .detail_list .mu_2 > a {font-size:18px;}
.scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 {margin-bottom:0}
.scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 > a {font-size:14px;}

.top_navi_bg {position:absolute; top:105px; left:0; width:100%; background:#fff; z-index:0;}
.scroll_doc .top_navi_bg {top:75px}


.naviBox .logBox {display:none; position:absolute; top:53%; right:0; transform:translateY(-50%);}
.naviBox .logBox li {position:relative; display:inline-block; vertical-align:middle;}
.naviBox .logBox li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:10px; background:#000443; margin:0 8px 0 12px}
.naviBox .logBox li:last-child:after {display:none}
.naviBox .logBox a {font-size:12px; color:#000443}


@media screen and (max-width:1620px){
	.naviBox .mu_1 .tlt a {font-size:22px; padding:0 15px}
	.naviBox .detail_list {margin-left:45px; width:140%}
	.naviBox .detail_list .mu_2 > a {font-size:20px;}
	.naviBox .detail_list .mu_3Ul > .mu_3 > a {font-size:16px;}
}

@media screen and (max-width:1420px){
	.naviBox .mu_1 .tlt a {font-size:20px; padding:0 10px}	
	.naviBox .detail_list {margin-left:35px;}
}

@media screen and (max-width:1240px){
	.naviBox .mu_1 .pc_tlt {display:none !important;}
	.naviBox .mu_1 .mob_tlt {display:block !important;}

	#header_wrap .naviBox {position:fixed; top:106px; left:0; width:100%; height:100vh; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; border-top:1px solid #ddd; background:#fff; padding-top:80px; z-index:20; transition:all 0.3s}
	#header_wrap .naviBox_active {opacity: 1; pointer-events: auto;}
	.scroll_doc #header_wrap .naviBox {top:76px}

	.naviBox .navi {margin-left:0; margin-right:0; padding:0 30px;}
	.naviBox .navi .mu_1 {display:block; width:100%; text-align:left;}

	.naviBox .mu_1 .tlt a, .scroll_doc .naviBox .navi .tlt a {display:block; border-top:1px solid #eee; height:auto; font-size:30px; padding:10px 0; line-height:1.3em}
	.naviBox .mu_1:first-child .tlt a, .scroll_doc .naviBox .navi .mu_1:first-child .tlt a {border-top:0}

	.naviBox .mu_1 .tlt a:after {content:""; width:20px; height:20px; background:url(/share/img/inc/chevron-down.svg) no-repeat 0 0; background-size:100% 100% !important; position:absolute; top:50%; right:0; transform:translateY(-50%);}
	.naviBox .mu_1 .tlt.selected a:after, .naviBox .mu_1.on .tlt a:after  {background:url(/share/img/inc/chevron-up.svg) no-repeat 0 0;}
	.naviBox .mu_1:last-child .tlt a:after {display:block;}

	.naviBox .detail_list, .scroll_doc .naviBox .detail_list  {position:relative; top:inherit; left:inherit; transform:inherit; text-align:left; width:100%; height:auto; margin-left:0; padding:20px 0 20px 20px; line-height:1.2em;}
	.naviBox .detail_list li, .scroll_doc .naviBox .detail_list li {margin:0}


	.naviBox .detail_list .mu_2, .scroll_doc .naviBox .detail_list .mu_2 {margin-bottom:25px;}
	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a, .scroll_doc .naviBox .detail_list .mu_2 > a {display:inline-block; font-size:22px}

	.naviBox .detail_list .mu_3Ul {margin-top:15px}
	.naviBox .detail_list .mu_3Ul > .mu_3, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 {margin-bottom:7px}
	.naviBox .detail_list .mu_3Ul > .mu_3 a, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 > a {font-size:18px}


	.top_navi_bg {display:none}


	.naviBox .logBox {display:block; top:20px; left:25px; right:inherit; transform:inherit; width:100%;}
	.naviBox .logBox li:after {display:none;}
	.naviBox .logBox a {display: inline-block; height: 36px; line-height: 33px; padding: 0 20px; border: 1px solid #000443; border-radius: 10px; font-size: 16px;}
	.naviBox .logBox li:first-child a {background:#000443; color:#fff}
}

@media screen and (max-width:1024px){
	#header_wrap .naviBox {top:10.6vw; padding-top:8vw;}
	.scroll_doc #header_wrap .naviBox {top:7.6vw}

	.naviBox .navi {padding:0 3vw;}

	.naviBox .mu_1 .tlt a, .scroll_doc .naviBox .navi .tlt a {font-size:3vw; padding:1vw 0;}
	.naviBox .mu_1 .tlt a:after {width:2vw; height:2vw;}
	.naviBox .detail_list, .scroll_doc .naviBox .detail_list  {padding:2vw 0 2vw 2vw;}

	.naviBox .detail_list .mu_2, .scroll_doc .naviBox .detail_list .mu_2 {margin-bottom:2.5vw;}
	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a, .scroll_doc .naviBox .detail_list .mu_2 > a {font-size:2.2vw}

	.naviBox .detail_list .mu_3Ul {margin-top:1.5vw}
	.naviBox .detail_list .mu_3Ul > .mu_3, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 {margin-bottom:0.7vw}
	.naviBox .detail_list .mu_3Ul > .mu_3 a, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 > a {font-size:1.8vw}

	.naviBox .logBox {top:2vw; left:2.5vw}
	.naviBox .logBox a {height:3.6vw; line-height:3.3vw; padding: 0 2vw; border-radius:1vw; font-size:1.6vw;}
}

@media screen and (max-width:768px){
	#header_wrap .naviBox {top:13.6vw; padding-top:13vw;}
	.scroll_doc #header_wrap .naviBox {top:10.6vw}

	.naviBox .navi {padding:0 4vw;}

	.naviBox .mu_1 .tlt a, .scroll_doc .naviBox .navi .tlt a {font-size:4vw; padding:2vw 0;}
	.naviBox .mu_1 .tlt a:after {width:3vw; height:3vw;}
	.naviBox .detail_list, .scroll_doc .naviBox .detail_list  {padding:3vw 0 3vw 3vw;}

	.naviBox .detail_list .mu_2, .scroll_doc .naviBox .detail_list .mu_2 {margin-bottom:3.5vw;}
	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a, .scroll_doc .naviBox .detail_list .mu_2 > a {font-size:3.2vw}

	.naviBox .detail_list .mu_3Ul {margin-top:2.5vw}
	.naviBox .detail_list .mu_3Ul > .mu_3, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 {margin-bottom:0.9vw}
	.naviBox .detail_list .mu_3Ul > .mu_3 a, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 > a {font-size:2.8vw}

	.naviBox .logBox {top:3.5vw; left:3.5vw;}
	.naviBox .logBox a {height: 5.6vw; line-height: 5.2vw; padding: 0 3vw; border-radius: 1.5vw; font-size: 2.6vw;}
}

@media screen and (max-width:480px){
	#header_wrap .naviBox {top:16.6vw; padding-top:18vw;}
	.scroll_doc #header_wrap .naviBox {top:13.6vw}

	.naviBox .navi {padding:0 5vw;}

	.naviBox .mu_1 .tlt a, .scroll_doc .naviBox .navi .tlt a {font-size:5vw; padding:3vw 0;}
	.naviBox .mu_1 .tlt a:after {width:4vw; height:4vw;}
	.naviBox .detail_list, .scroll_doc .naviBox .detail_list  {padding:4vw 0 4vw 4vw;}

	.naviBox .detail_list .mu_2, .scroll_doc .naviBox .detail_list .mu_2 {margin-bottom:4.5vw;}
	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a, .scroll_doc .naviBox .detail_list .mu_2 > a {font-size:4.2vw}

	.naviBox .detail_list .mu_3Ul {margin-top:3.5vw}
	.naviBox .detail_list .mu_3Ul > .mu_3, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 {margin-bottom:1.1vw}
	.naviBox .detail_list .mu_3Ul > .mu_3 a, .scroll_doc .naviBox .detail_list .mu_3Ul > .mu_3 > a {font-size:3.8vw}

	.naviBox .logBox {top:5vw; left:4.5vw;}
	.naviBox .logBox a {height: 7.6vw; line-height: 7.2vw; padding: 0 4vw; border-radius: 2vw; font-size: 3.6vw;}
}


/*햄버거*/
.burger {display:none; width:33px; height:25px; /*position:absolute; top: 50%; transform:translateY(-50%); right:0;*/ position:relative; margin-left:18px; z-index: 9999; transition:all 0.3s ease-in-out;}
.burger span {position:absolute; top:0; height:3px; width:33px; background:#202556; transition:all 0.3s;}

.burger span:first-child {top: 0px;}
.burger span:nth-child(2) {top: 11px;}
.burger span:last-child {top: 22px;}

.scroll_doc .burger, .scroll_doc .burger span {width:25px}
.scroll_doc .burger span:first-child {top: 4px;}
.scroll_doc .burger span:nth-child(2) {top: 12px;}
.scroll_doc .burger span:last-child {top: 20px;}

.burger.active {cursor: pointer;}
.burger.active span {top:10px;}
.burger.active span:first-child {transform: rotate(45deg);}
.burger.active span:nth-child(2) {opacity:0}
.burger.active span:last-child {transform: rotate(-45deg);}

.scroll_doc .burger.active span {top:12px;}

@media screen and (max-width:1240px){
	.burger {display:block; right:3%}
}

@media screen and (max-width:1024px){
	.burger {width:3.3vw; height:2.5vw; margin-left:1.8vw}
	.burger span {height: 0.3vw; width: 3.3vw;}

	.burger span:nth-child(2) {top: 1.1vw;}
	.burger span:last-child {top: 2.2vw;}

	.scroll_doc .burger, .scroll_doc .burger span {width:2.5vw}
	.scroll_doc .burger span:first-child {top:0.4vw;}
	.scroll_doc .burger span:nth-child(2) {top:1.2vw;}
	.scroll_doc .burger span:last-child {top:2vw;}

	.burger.active span {top:1vw;}

	.scroll_doc .burger.active span {top:1.2vw;}
}

@media screen and (max-width:768px){
	.burger {width:5vw; height:3.5vw; margin-left:2.3vw}
	.burger span {height: 0.4vw; width: 5vw;}

	.burger span:nth-child(2) {top:1.6vw;}
	.burger span:last-child {top: 3.3vw;}

	.scroll_doc .burger, .scroll_doc .burger span {width:3.3vw}
	.scroll_doc .burger span:first-child {top:0.5vw;}
	.scroll_doc .burger span:nth-child(2) {top:1.6vw;}
	.scroll_doc .burger span:last-child {top:2.7vw;}

	.burger.active span {top:1.5vw;}

	.scroll_doc .burger.active span {top:1.6vw;}
}

@media screen and (max-width:480px){
	.burger {width:6.5vw; height:4.5vw; margin-left:2.8vw}
	.burger span {height: 0.5vw; width: 6.5vw;}

	.burger span:nth-child(2) {top:2vw;}
	.burger span:last-child {top: 4vw;}

	.scroll_doc .burger, .scroll_doc .burger span {width:5vw}
	.scroll_doc .burger span:first-child {top:0.4vw;}
	.scroll_doc .burger span:nth-child(2) {top:2.2vw;}
	.scroll_doc .burger span:last-child {top:4vw;}

	.burger.active span {top:2vw;}

	.scroll_doc .burger.active span {top:2.2vw;}
}


/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#container_wrap {position:relative; display:block; overflow:hidden; padding-top:106px; transition:all 0.3s}
.scroll_doc #container_wrap {padding-top:76px;}

#contents {position: relative;display: block;margin: 0 auto; background: #fff; padding:140px 0;}
.is_cont {position: relative; max-width:1220px; margin: 0 auto; min-height: 40px;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}

@media screen and (max-width:1240px){
	.is_cont {max-width:94%}
}

@media screen and (max-width:1024px){
	#container_wrap {padding-top:10.6vw;}
	.scroll_doc #container_wrap {padding-top:7.6vw;}
	#contents {padding:14vw 0}
}

@media screen and (max-width:768px){
	#container_wrap {padding-top:13.6vw;}
	.scroll_doc #container_wrap {padding-top:10.6vw;}
	#contents {padding:15vw 0}

	.no_txt {display:none}
}

@media screen and (max-width:480px){
	#container_wrap {padding-top:16.6vw;}
	.scroll_doc #container_wrap {padding-top:13.6vw;}
	#contents {padding:16vw 0}
}


/*서브이미지*/
.svis_wrap {position:relative; width:100%; height:315px; background:#000443;}
.svis_area {position:relative; max-width:1220px; height:100%; margin:0 auto; color:#fff}
.svis_wrap .txtBox {position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:42px; font-weight:700; line-height:1.3em; color:#f426b3; z-index:2}
.svis_wrap .imgBox {position:absolute; top:0; right:0; width:100%; max-width:760px; height:100%; background-size:auto 100% !important;}
.svis_wrap .imgBox01 {background:url(/share/img/sub/svis01.jpg) no-repeat 50% 0}
.svis_wrap .imgBox02 {background:url(/share/img/sub/svis02.jpg) no-repeat 50% 0}
.svis_wrap .imgBox03 {background:url(/share/img/sub/svis03.jpg) no-repeat 50% 0}
.svis_wrap .imgBox04, .svis_wrap .imgBox05, .svis_wrap .imgBox06, .svis_wrap .imgBox07, .svis_wrap .imgBox08, .svis_wrap .imgBox09, .svis_wrap .imgBox010 {background:url(/share/img/sub/svis04.jpg) no-repeat 50% 0}


@media screen and (max-width:1240px){
	.svis_wrap .txtBox {left:3%;}
	.svis_wrap .imgBox {max-width:50%;}
}

@media screen and (max-width:1024px){
	.svis_wrap {height:31.5vw;}
	.svis_wrap .txtBox {font-size:4.2vw;}
}

@media screen and (max-width:768px){
	.svis_wrap {height:70vw; overflow:hidden}
	.svis_wrap .txtBox {position:relative; top:inherit; left:inherit; transform:inherit; font-size:5.2vw; padding:5vw 4vw}
	.svis_wrap .imgBox {position:relative; top:inherit; left:inherit; max-width:100%;}
	.svis_wrap .imgBox01, .svis_wrap .imgBox02, .svis_wrap .imgBox03, .svis_wrap .imgBox04, .svis_wrap .imgBox05, .svis_wrap .imgBox06, .svis_wrap .imgBox07, .svis_wrap .imgBox08, .svis_wrap .imgBox09 {background-position:50% 50% !important}
}

@media screen and (max-width:480px){
	.svis_wrap {height:90vw;}
	.svis_wrap .txtBox {font-size:6.2vw; padding:6vw 5vw}
}


/*로케이션*/
.snb_2thBox {position:relative; width:100%; height:55px; line-height:53px; border-bottom:1px solid #dddff3; font-size:18px}
.snb_2thBox .snb_2th {position:relative; max-width:1220px; margin:0 auto; display:flex; align-items:center;}
.snb_2thBox .snb_2th li {color:#000443}
.snb_2thBox .snb_2th .home img {margin-top:-3px}
.snb_2thBox .snb_2th li:after {content: ""; display:inline-block; vertical-align:middle; margin:-2px 10px 0; width:8px; height:15px; background:url(/share/img/inc/loc_arrow.png) no-repeat 0 0; background-size:100% 100%}
.snb_2thBox .snb_2th li:last-child:after {display:none}

@media screen and (max-width:1240px){
	.snb_2thBox .snb_2th {max-width:94%}
}

@media screen and (max-width:1024px){
	.snb_2thBox {height:5.5vw; line-height:5.3vw; font-size:1.8vw}
	.snb_2thBox .snb_2th .home img {margin-top:-0.3vw; height:1.6vw}
	.snb_2thBox .snb_2th li:after {margin:-0.2vw 1vw 0; width:0.8vw; height:1.5vw;}
}

@media screen and (max-width:768px){
	.snb_2thBox {height:8.5vw; line-height:8.3vw; font-size:2.8vw}
	.snb_2thBox .snb_2th .home img {margin-top:-0.5vw; height:2.6vw}
	.snb_2thBox .snb_2th li:after {margin:-0.4vw 1.5vw 0; width:1vw; height:2.5vw;}
}

@media screen and (max-width:480px){
	.snb_2thBox {height:11.5vw; line-height:11.3vw; font-size:3.8vw}
	.snb_2thBox .snb_2th .home img {margin-top:-0.7vw; height:3.6vw}
	.snb_2thBox .snb_2th li:after {margin:-0.6vw 2vw 0; width:1.5vw; height:3.5vw;}
}


/*3차*/
.snb_3th {position:relative; max-width:1220px; /*max-width:100%;*/ margin:0 auto 50px; overflow:hidden; padding-bottom:1px}
.snb_3th li {float:left; text-align:center; width:14%; margin-right:1%;}
.snb_3th li:last-child {margin-right:0}
.snb_3th li a, .snb_3th li button {display:block; color:#7f7f7f; background:#fff; line-height:55px; border:1px solid #d1d1d1; border-radius:50px; font-size:18px}
.snb_3th li a:hover, .snb_3th li.active a, .snb_3th li #bo_cate_on {color:#fff; background:#f426b3; border-color:#f426b3}

.wd_1 li{width:100% !important}
.wd_2 li{width:49% !important}
.wd_3 li{width:32.333% !important}
.wd_4 li{width:24% !important}
.wd_5 li{width:19% !important}
.wd_6 li{width:15.666% !important}
.wd_7 li{width:13.222% !important}
.wd_8 li{width:11.5% !important}
.wd_9 li{width:10.111% !important}
.wd_10 li{width:9% !important}


@media screen and (max-width:1240px){
	.snb_3th {width:100%;}

	.snb_3th li {margin-bottom:1vw}
	.wd_4 li{width:49% !important}
	.wd_5 li{width:32.333% !important}
	.wd_6 li{width:32.333% !important}
	.wd_8 li{width:19% !important}
	.wd_10 li{width:19% !important}
}

@media screen and (max-width:1024px){
	.snb_3th {margin-bottom:6vw}
	.snb_3th li a, .snb_3th li button {line-height:5.5vw; border-radius:5vw; font-size:1.8vw}
}

@media screen and (max-width:768px){
	.snb_3th {margin-bottom:7vw}

	.snb_3th li {width:32.333%;}
	.snb_3th li a, .snb_3th li button {line-height:8.5vw; border-radius:6vw; font-size:2.8vw}

	.wd_8 li{width:32.333% !important}
	.wd_9 li{width:32.333% !important}
}

@media screen and (max-width:480px){
	.snb_3th {margin-bottom:8vw}
	.snb_3th li a, .snb_3th li button {line-height:11.5vw; border-radius:7vw; font-size:3.8vw}
}


/* --------------------------------------------------푸터 영역-------------------------------------------------- */
#footer_wrap .ft_cont {position:relative; max-width:1220px; margin:0 auto; padding:40px 0 80px; color:#000443; letter-spacing:-0.02em; display:flex; align-items:center}
.sub #footer_wrap .ft_cont {border-top:1px solid #000443}

#footer_wrap .ft_info {position:relative; width:100%; text-align:center; margin-left:25px}
#footer_wrap .ft_info {display:flex; align-items:center}
#footer_wrap .ft_info .ft_txtBox {text-align:left; line-height:1.7em;}
#footer_wrap .ft_info .ft_txtBox .line {margin:0 10px 0 12px}

#footer_wrap .ft_snsUl {display:flex; align-items:center; margin-left:auto}
#footer_wrap .ft_snsUl li {margin-right:10px}
#footer_wrap .ft_snsUl li:last-child {margin-right:0}


@media screen and (max-width:1240px){
	#footer_wrap .ft_cont {max-width:94%; line-height:1.5em;}
	#footer_wrap .ft_info {width:70%}
	#footer_wrap .ft_info .ft_bk {display:block}
}

@media screen and (max-width:1024px){
	#footer_wrap .ft_cont {padding:4vw 0 8vw;}

	#footer_wrap .ft_logo img {height:4.9vw}
	#footer_wrap .ft_info {width:55%; margin-left:2.5vw}
	#footer_wrap .ft_info .ft_txtBox .line {margin:0 1vw 0 1.2vw}

	#footer_wrap .ft_snsUl li {margin-right:1vw}
	#footer_wrap .ft_snsUl img {height:6.1vw}
}

@media screen and (max-width:768px){
	#footer_wrap .ft_cont {display:block; padding:5vw 0 9vw; text-align:center;}

	#footer_wrap .ft_logo img {height:3.9vw}
	#footer_wrap .ft_info {width:100%; margin:3vw auto; display:block}
	#footer_wrap .ft_info .ft_bk {display:block}
	#footer_wrap .ft_info .ft_txtBox {text-align:center}
	#footer_wrap .ft_info .ft_txtBox .line {margin:0 1vw 0 1.2vw}

	#footer_wrap .ft_snsUl {margin:0 auto; text-align:center; display:block}
	#footer_wrap .ft_snsUl li {margin-right:1vw; display:inline-block;}
	#footer_wrap .ft_snsUl img {height:5.1vw}
}

@media screen and (max-width:480px){
	#footer_wrap .ft_cont {padding:6vw 0 10vw;}

	#footer_wrap .ft_logo img {height:6.9vw}
	#footer_wrap .ft_info {margin:4vw auto;}
	#footer_wrap .ft_info .ft_txtBox .line {margin:0 2vw 0 2.2vw}

	#footer_wrap .ft_snsUl li {margin-right:2vw;}
	#footer_wrap .ft_snsUl img {height:8.1vw}
}