@charset "utf-8";
@import url(animated.css);/*애니메이션*/
@import url(common2.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:#00297a; color:#fff}
::selection {background:#00297a; color:#fff}

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

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

br {opacity:0}


/* --------------------------------------------------헤더 영역-------------------------------------------------- */
#header_wrap{position:relative;width:100%;background:#fff;border-bottom:1px solid #ececec;z-index:500;transition:background .3s,box-shadow .3s,transform .3s;}

.scroll_doc #header_wrap{animation:headerDown .35s ease;}

@keyframes headerDown{
	from{
		transform:translateY(-100%);
	}
	to{
		transform:translateY(0);
	}
}

.scroll_doc #header_wrap{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.08);}

.header_mob{display:none;}

.header_inner{position:relative;max-width:1200px;height:110px;margin:0 auto;padding:0;display:flex;align-items:center;}

.logo{flex:0 0 auto;width:210px;}
.logo a{display:block;}
.logo img{display:block;width:190px;height:auto;}

.head{flex:1;margin-left:40px;margin-right:40px;}

.top_rbox{flex:0 0 250px;display:flex;justify-content:flex-end;align-items:center;}

.top_link{display:flex;align-items:center;gap:36px;}

.top_link li{position:relative;}
.top_link li:not(:last-child)::after{content:"";position:absolute;right:-18px;top:50%;width:1px;height:10px;background:#ddd;transform:translateY(-50%);}

.top_link a{font-size:14px;color:#666;transition:.2s;}
.top_link a:hover{color:#d3222a;}

.navi{display:flex;justify-content:center;align-items:center;height:110px;}

.navi>.mu_1{position:relative;}
.navi>.mu_1>.tlt>a{display:flex;align-items:center;justify-content:center;height:110px;padding:0 30px;color:#203a83;font-size:20px;font-weight:700;transition:.25s;white-space:nowrap;}
.navi>.mu_1:hover>.tlt>a{color:#d3222a;}
.navi>.mu_1:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;width:1px;height:16px;background:#203a83;transform:translateY(-50%);}

/*PC Dropdown*/
.detail_list{display:none;position:absolute;left:50%;top:110px;transform:translateX(-50%);width:240px;background:#fff;border:1px solid #ececec;border-width:0 1px 1px 1px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.12);z-index:100;}

.mu_1:hover>.detail_list{display:block;}

.detail_list ul{padding:0;}
.detail_list li{margin:0;}

.detail_list a{display:block;padding:12px 22px;font-size:15px;color:#555;transition:.2s;}
.detail_list a:hover{background:#f5f8fd;color:#d3222a;}

.navi>.mu_1>.tlt>a{position:relative;}
.navi>.mu_1>.tlt>a::before{content:"";position:absolute;left:50%;bottom:22px;width:0;height:3px;background:#d3222a;border-radius:3px;transform:translateX(-50%);transition:.25s;}
.navi>.mu_1:hover>.tlt>a::before{width:32px;}


/*MOBILE*/
@media screen and (max-width:1200px){
	#header_wrap{border-bottom:0;}

	/* PC 헤더 */
	.logo, .top_rbox{display:none;}

	.header_inner{position:static;display:block;height:0;max-width:100%;margin:0;padding:0;overflow:visible;}

	/* 상단 모바일 바 */
	.header_mob{display:flex;align-items:center;justify-content:center;position:relative;height:70px;background:#fff;border-bottom:1px solid #e5e5e5;z-index:10002;}

	.mob_logo img{height:34px;width:auto;}

	.tl_lang{position:absolute;left:18px;top:50%;transform:translateY(-50%);}
	.tl_lang a{display:block;padding:5px 12px;border:1px solid #214c9e;border-radius:20px;color:#214c9e;font-size:12px;font-weight:600;}

	/* 햄버거 */
	.burger{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:22px;cursor:pointer;z-index:10003;}

	.burger span{position:absolute;left:0;width:100%;height:2px;background:#214c9e;transition:.3s;}
	.burger span:nth-child(1){top:0;}
	.burger span:nth-child(2){top:10px;}
	.burger span:nth-child(3){bottom:0;}

	.burger.active span:nth-child(1){transform:rotate(45deg);top:10px;}
	.burger.active span:nth-child(2){opacity:0;}
	.burger.active span:nth-child(3){transform:rotate(-45deg);bottom:10px;}

	/* 메뉴 */
	.head{position:fixed;top:70px;left:auto;right:-100%;width:340px;max-width:90%;height:calc(100vh - 70px);margin:0;background:#fff;overflow-y:auto;transition:right .3s;z-index:10001;}
	.head.head_active{right:0;}

	.navi{display:block;height:auto;}

	.navi>.mu_1{border-bottom:1px solid #ececec;}
	.navi>.mu_1::after{display:none;}
	.navi>.mu_1>.tlt>a{display:block;padding:20px 24px;height:auto;color:#222;font-size:18px;font-weight:700;}
	.navi>.mu_1>.tlt>a::before{display:none;}

	.detail_list{display:none;position:static;width:100%;transform:none;border:0;box-shadow:none;background:#f7f7f7;}
	.detail_list li{border-top:1px solid #ececec;}
	.detail_list a{display:block;padding:14px 38px;color:#666;font-size:15px;}

	.detail_list[style]{display:block;}
}


/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#container_wrap {position: relative;display: block; overflow: hidden;}

#contents {position: relative;display: block;margin: 0 auto; background: #fff; padding:120px 0;}
.is_cont {position: relative; max-width:1200px; 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:1220px){
	.is_cont {max-width:94%}
}

@media screen and (max-width:768px){
	#contents {padding:80px 0}
	.no_txt {display:none}
}

@media screen and (max-width:480px){
	#contents {padding:50px 0}
}


/*서브이미지*/
.svis_wrap {position:relative; width:100%; height:289px; background-size:cover; animation-name: zoominout;animation-duration: 3s; animation-iteration-count: 1; animation-timing-function: linear;}
.svis_area {position:relative; max-width:1200px; height:100%; margin:0 auto; color:#fff;}

.svis01 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis02 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis03 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis04 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis05 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis06 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis07 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis08 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}

.svis_wrap .txtBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%}
.svis_wrap .txtBox .svis_tlt {font-size:50px; color:#fff; font-weight:700; line-height:1.6em}
.svis_wrap .txtBox .svis_txt {font-size:18px; color:#fff;}


@keyframes zoominout {
	0% {transform: scale3d(1.2, 1.2, 1);}
	100% {transform: scale3d(1, 1, 1);}
}

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

@media screen and (max-width:768px){
	.svis_wrap {height:35vw}
	.svis_wrap .txtBox .svis_tlt {font-size:40px;}
	.svis_wrap .txtBox .svis_txt {font-size:14px;}
}

@media screen and (max-width:480px){
	.svis_wrap {height:42vw}

	.svis_wrap .txtBox .svis_tlt {font-size:30px;}
	.svis_wrap .txtBox .svis_txt {font-size:11px;}
}


/*3차*/
.snb_3th {position:relative; max-width:1200px; margin:0 auto 70px; overflow:hidden; padding-bottom:1px}
.snb_3th li {float:left; text-align:center; width:14.28%; margin:0 -1px -1px 0}
.snb_3th li a, .snb_3th li button {display:block; color:#7f7f7f; background:#fff; line-height:55px; border:1px solid #d1d1d1;}
.snb_3th li a:hover, .snb_3th li.active a, .snb_3th li #bo_cate_on {color:#fff; background:#00297a; border-color:#00297a}

.wd_1 li{width:100% !important}
.wd_2 li{width:50% !important}
.wd_3 li{width:33.333% !important}
.wd_4 li{width:25% !important}
.wd_5 li{width:20% !important}
.wd_6 li{width:16.666% !important}
.wd_7 li{width:14.222% !important}
.wd_8 li{width:12.5% !important}
.wd_9 li{width:11.111% !important}
.wd_10 li{width:10% !important}


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

	.wd_4 li{width:50% !important}
	.wd_5 li{width:33.333% !important}
	.wd_6 li{width:33.333% !important}
	.wd_8 li{width:20% !important}
	.wd_10 li{width:20% !important}
}

@media screen and (max-width:768px){
	.snb_3th {margin:0 auto 50px;}
	.snb_3th li {width:33.333%;}
	.snb_3th li a, .snb_3th li button {line-height:45px;}

	.wd_8 li{width:33.333% !important}
}

@media screen and (max-width:480px){
	.snb_3th {margin:0 auto 40px;}
	.snb_3th li a, .snb_3th li button {line-height:40px;}
}

/*이벤트 이미지확대*/
.sample_image {overflow: hidden;}
.sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.sample_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}


/*로케이션*/
.location {position:relative; width:100%; height:60px; border-bottom:1px solid #a6acb1; background:#fff; z-index:20}
.location_cont {position:relative; max-width:1200px; margin:0 auto;}
.location_cont a {display:inline-block; color:#373737;}
.location_cont > div {position:relative; float:left; height:60px; border-left:1px solid #a6acb1}
.location_cont > div:last-child {border-right:1px solid rgba(0,0,0,0.15)}
.location_cont .depth01 > a {min-width:250px; font-size:19px;}
.location_cont .depth01 > a, .location_cont .home > a {display:block; height:100%; line-height:65px; padding:0 23px;}
.location_cont .home > a {position:relative; font-size:14px; width:65px; color:#373737; font-weight:700; text-align:center}
.location_cont .home > a i {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.location_cont .depth01 > a .txt {padding-right:30px;}
.location_cont .depth02 {display:none; position:absolute; top:60px; left:0; background:#fff; border:1px solid rgba(0,0,0,0.15); border-top:0; width:100%;}
.location_cont .depth02 li a {display:block; padding:13px 23px; border-bottom:1px solid rgba(0,0,0,0.15);}
.location_cont .depth02 li:last-child a {border-bottom:0}
.location_cont .depth02 li:hover a {background:#00297a; color:#fff}

.location_cont .sp_comm {position:absolute; right:20px; top:22px;}

.location_cont .dp_txt .off {display:block;}
.location_cont .dp_txt .on {display:none;}
.location_cont .dp_txt.active .off {display:none;}
.location_cont .dp_txt.active .on {display:block;}


@media screen and (max-width:768px){
	.location_cont {max-width:100%;}
	.location, .location_cont > div {height:50px;}
	.location_cont .depth01 > a {min-width:150px; font-size:15px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.location_cont .depth01 > a, .location_cont .home > a {line-height:50px; padding:0 15px;}
	.location_cont .home > a {width:50px;}

	.location_cont .depth02 {top:50px;}

	.location_cont .sp_comm {right:15px; top:18px;}

	.location_cont .depth02 li a {padding:10px 15px}
}

@media screen and (max-width:480px){
	.location_cont .depth01 {width:49.8%}
	.location_cont .depth01 > a {font-size:14px; max-width:100%;}
	.location_cont .home > a {display:none}
}


@media screen and (max-width:1220px){
	/*영상 풀버전*/
	.video-container {margin: 0; padding-bottom: 57%;  max-width: 100%;  height: 0;  position: relative; overflow: hidden;} 
	.video-container iframe, 
	.video-container object,
	.video-container embed { margin: 0;  padding: 0;    width: 100%;   height: 100%; position: absolute; top: 0;  left:0;}
}


/* --------------------------------------------------MEDIA PARTNER 배너 영역-------------------------------------------------- */
.bannerBox {background:#E2F3FB; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:18px 0;}
.banner_cont {max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:40px;}
.banner_tlt {font-size:18px; font-weight:500; letter-spacing:0.18em; color:#21224d; white-space:nowrap;}
.banner_img {flex:1 1 auto; text-align:right;}

.banner_img img {display:inline-block; max-width:100%; height:auto; border-radius:4px; box-shadow:0 4px 10px rgba(0,0,0,0.08);}

@media screen and (max-width:1220px){
	.banner_cont {max-width:94%; gap:24px;}
	.banner_tlt {font-size:16px;}
}

@media screen and (max-width:768px){
	.banner_cont {flex-direction:column; align-items:flex-start; gap:10px;}
	.banner_tlt {font-size:14px;}
	.banner_img {width:100%; text-align:left;}
	.banner_img img {width:100%; max-width:none;}
}

@media screen and (max-width:480px){
	.bannerBox {padding:12px 0;}
	.banner_tlt {font-size:13px; letter-spacing:0.14em;}
}

/* --------------------------------------------------후원로고 롤링 영역(new)-------------------------------------------------- */
.partner_wrap{width:100%;overflow:hidden;background:#fff;padding:42px 0;box-sizing:border-box;}

.partner_track{display:flex;align-items:center;width:max-content;animation:partnerRolling 40s linear infinite;}

.partner_group{display:flex;align-items:center;flex-shrink:0;}
.partner_group + .partner_group{padding-left:100px;}

.partner_item{display:flex;align-items:center;flex-shrink:0;margin-right:80px;}
.partner_item:last-child{margin-right:0;}
.partner_item strong{flex-shrink:0;margin-right:36px;font-size:18px;font-weight:500;color:#203a83;white-space:nowrap;}

.partner_item img{display:block;width:auto;height:50px;margin-right:30px;}
.partner_item img:last-child{margin-right:0;}

.partner_wrap:hover .partner_track{animation-play-state:paused;} /* Hover 시 정지 */

@keyframes partnerRolling{
	from{transform:translateX(0);}
	to{transform:translateX(-50%);}
}

@media (max-width:768px){
	.partner_wrap{padding:28px 0;}

	.partner_track{animation-duration:32s;}

	.partner_group + .partner_group{padding-left:70px;}

	.partner_item{margin-right:55px;}
	.partner_item strong{font-size:15px;margin-right:24px;}

	.partner_item img{height:38px;margin-right:20px;}
}

@media (max-width:480px){
	.partner_wrap{padding:20px 0;}

	.partner_track{animation-duration:28s;}

	.partner_group + .partner_group{padding-left:50px;}

	.partner_item{margin-right:35px;}
	.partner_item strong{font-size:14px;margin-right:18px;}

	.partner_item img{height:30px;margin-right:15px;}
}


/* --------------------------------------------------후원로고 영역-------------------------------------------------- */
.host_logoBox {background:#E2F3FB; padding:35px 0 20px;}
.host_logo_cont {position:relative; max-width:1200px; margin:0 auto; color:#21224d; overflow:hidden}

.host_logo_cont > div {display:inline-block; margin-bottom:10px;}
.host_logo_cont > div .tlt {padding-top:10px; margin-right:30px; font-size:18px;}
.host_logo_cont > div li {display:inline-block; margin-right:40px;}
.host_logo_cont > div li:last-child {margin-right:0}
.host_logo_cont > div .tlt, .host_logo_cont > div ul {display:inline-block}

.host_logo_cont .host_logo_l {margin-right:50px}


@media screen and (max-width:1220px){
	.host_logo_cont {max-width:94%}
	.host_logo_cont > div .tlt {margin-right:20px; font-size:16px;}
	.host_logo_cont > div li {margin-right:30px;}
	.host_logo_cont .host_logo_l {margin-right:40px}
	.host_logo_cont img {height:40px;}
}

@media screen and (max-width:1024px){
	.host_logo_cont > div li {margin-right:20px;}
	.host_logo_cont .host_logo_l {margin-right:30px}
	.host_logo_cont img {height:35px;}
}

@media screen and (max-width:768px){
	.host_logoBox {padding:20px 0 10px;}
	.host_logo_cont > div .tlt {margin-right:10px; font-size:14px;}
	.host_logo_cont > div li {margin-right:15px;}
	.host_logo_cont .host_logo_l {margin-right:20px}
	.host_logo_cont img {height:25px;}
}

@media screen and (max-width:480px){
	.host_logoBox {padding:15px 0 5px}
	.host_logo_cont > div .tlt {margin-right:5px; font-size:13px;}
	.host_logo_cont > div li {margin-right:5px;}
	.host_logo_cont .host_logo_l {margin-right:18px}
	.host_logo_cont img {height:22px;}
}


/* --------------------------------------------------Top Button-------------------------------------------------- */
.btn_top{
	position:fixed;right:30px;bottom:30px;z-index:999;

	width:58px;height:58px;border-radius:50%;background:#203a83;color:#fff;text-decoration:none;

	display:flex;flex-direction:column;justify-content:center;align-items:center;

	box-shadow:0 8px 20px rgba(0,0,0,.15);

	opacity:0;visibility:hidden;transform:translateY(20px);

	transition:.3s;
}

.btn_top.show{opacity:1;visibility:visible;transform:translateY(0);}
.btn_top:hover{background:#3daaf2;}

.btn_top i{font-size:15px;margin-bottom:2px;}
.btn_top span{font-size:11px;font-weight:600;line-height:1;}

@media (max-width:768px){
	.btn_top{right:20px;bottom:20px;width:52px;height:52px;}
}

@media (max-width:480px){
	.btn_top{right:15px;bottom:15px;width:44px;height:44px;}

	.btn_top i{margin:0;font-size:14px;}
	.btn_top span{display:none;}
}


/* --------------------------------------------------푸터 영역-------------------------------------------------- */
#footer_wrap {background:#15161d; padding:30px 0 60px;}
#footer_wrap .ft_cont {position:relative; max-width:1200px; margin:0 auto; color:#b3b3b3; font-size:14px; letter-spacing:-0.02em; word-break: keep-all}
#footer_wrap .login {color:#15161d !important}

.ft_gnb ul {position:relative; margin:5px auto 15px; font-size:16px;}
.ft_gnb li {display:inline-block;}
.ft_gnb li:after {content:"/"; display:inline-block; color:#fff; vertical-align:top; margin:0 7px 0 11px;}
.ft_gnb li:last-child:after {display:none}
.ft_gnb a {color:#fff}

@media screen and (max-width:1220px){
	#footer_wrap .ft_cont {max-width:94%; line-height:1.5em;}
}

@media screen and (max-width:768px){
	#footer_wrap .ft_cont {font-size:12px}

	#footer_wrap .ft_no {display:block; text-indent:-9999px}
	.ft_gnb ul {font-size:13px;}
}


/* --------------------------------------------------중문브로슈어 퀵영역-------------------------------------------------- */
.q_pam {position:fixed; bottom:140px; right:-200px; border-radius:15px; transition:all 0.3s; z-index:10}
.scroll_doc .q_pam {right:30px;}
.q_pam:hover {box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.2);}

.q_pam.close {display:none}
.q_pam_cont {padding:20px 10px 38px; width:163px; background:#15a5dc; border-radius:15px; cursor:pointer; box-sizing:border-box; transition:all 0.2s;}

.q_pam a {position:absolute; bottom:12px; left:0; width:100%; color:#fff; font-size:12px; opacity:.7; text-decoration:underline;}
.q_pam .q_pam_close {position:absolute; top:-12px; right:12px; width:23px; height:23px; line-height:20px; background:#fff; border-radius:50%; cursor:pointer; box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.2); z-index:12}
.q_pam .q_pam_close:hover {animation: rotat2 0.5s;animation-timing-function: ease-out;}

@keyframes rotat2
{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

@media screen and (max-width:1420px){
	.scroll_doc .q_pam {right:10px}
	.q_pam_cont {width:123px;}
	.q_pam_cont img {height:100px}
}

@media screen and (max-width:1220px){
	.scroll_doc .q_pam {right:5px}
	.q_pam_cont {width:93px;}
	.q_pam_cont img {height:75px}

	.q_pam a {font-size:11px; line-height:1em}
	.q_pam a span {/*display:block;*/}
}

@media screen and (max-width:1024px){
	.q_pam_cont {width:103px; padding:20px 10px 30px; }
	.q_pam_cont img {height:75px}

	.q_pam a {bottom:10px; font-size:10px; line-height:1.3em}
}

@media screen and (max-width:768px){
	.q_pam {bottom:70px;}
}