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

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

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

br {opacity:0}


.pc_bk {display:block;}

@media screen and (max-width:768px){
	.no_mob {display:none}
	.mob_bk {display:block}
	.pc_bk {display:inline;}
}

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

@media screen and (max-width:1220px){
	.scroll_doc #header_wrap {top:0;}
}


/*PC 탑부분*/
.header_top {position:relative; background:#b08662; color:#fff; z-index:99}
.header_top .hd_cont {position:relative; max-width:1200px; height:60px; margin:0 auto;}

.header_top .top_data {font-size:15px; padding:23px 0 0 285px; font-weight:500}

.header_top .top_rbox {position:absolute; right:0; bottom:17px}
.header_top .top_rbox .top_sns, .header_top .top_rbox .langBox , .header_top .top_rbox .prBtn {display:inline-block; vertical-align:middle;}
.header_top .top_rbox .top_sns li {display:inline-block; vertical-align:middle; margin-left:8px}

.header_top .top_rbox .langBox:before {content:""; display:inline-block; vertical-align:middle; width:1px; height:11px; background:#fff; margin:7px 9px 0 13px}
.header_top .top_rbox .langBox span {display:inline-block; vertical-align:middle;}
.header_top .top_rbox .langBox a {font-size:12px; color:#fff;}
.header_top .top_rbox .langBox .txt {margin:3px 0 0 5px}

.header_top .top_rbox .prBtn {display:inline-block; font-size:14px; line-height:1em; color:#fff; padding:7px 17px; border-radius:50px; background-color:#0f6db0; margin:5px 10px 0 0;}

/*PC 로고*/
.header_top .logo {position:absolute; top:0; left:0; transition:all 0.3s}
.scroll_doc .header_top .logo {top:60px}

.header_top .logo img {transition:all 0.3s}
.scroll_doc .header_top .logo img {height:150px;}


@media screen and (max-width:1220px){
	.header_top {display:none}
}


/*모바일 탑*/
.header_mob {display:none}
.mob_logo {position:absolute; top:0; left:50%; transform:translateX(-50%)}
.mob_logo img {height:100px;}

.tl_lang {display:none; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.tl_lang a {color:#fff; padding:4px 12px; border:2px solid #fff; border-radius:50px;}

@media screen and (max-width:1220px){
	/*모바일 탑*/
	.header_mob {position:relative; display:block; z-index:99; height:80px; background:#080b1d; max-width:100%; padding:0 3%; margin:0 auto;}
	.tl_lang {display:block; left:3%}
}

@media screen and (max-width:1024px){
	.mob_logo img {height:10vw;}
	.header_mob {height:8vw}
	.tl_lang a {padding:0.4vw 1.2vw; border-radius:5vw;}
}

@media screen and (max-width:768px){
	.mob_logo img {height:15vw;}
	.header_mob {height:11vw}
	.tl_lang a {padding:0.6vw 2.2vw; border-radius:6vw;}
}

@media screen and (max-width:480px){
	.mob_logo img {height:20vw;}
	.header_mob {height:14vw}
	.tl_lang a {padding:0.8vw 3.2vw; border-radius:7vw;}
}



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

#header_wrap .head {position:relative; width:100%; height:123px; border-bottom:1px solid #ddd}
.scroll_doc #header_wrap .head {height:80px}

.naviBox {position:relative; max-width:1200px; width:100%;  margin:0 auto; display:block; text-align:left; z-index:18; transition:all 0.4s}
.naviBox .navi {padding-top:9px; margin-left:250px; text-align:left}
.naviBox .navi .mu_1 {position:relative; display:inline-block; margin:0 -2px; width:150px; text-align:center; vertical-align:top; transition:all 0.4s}
.naviBox .navi .tlt a {position:relative; line-height:113px; width:100%; font-size:18px; letter-spacing:0em; transition:all 0.4s}
.naviBox .navi .mu_1:hover .tlt a, .naviBox .navi .mu_1.on .tlt a {color:#25257d; font-weight:700}

.scroll_doc .naviBox .navi {padding-top:0}
.scroll_doc .naviBox .navi .tlt a {line-height:80px}

.naviBox .detail_list {display:none; position:absolute; top:113px; left:50%; transform:translateX(-50%); padding:25px 0; text-align:center; width:100%; z-index:10; overflow: hidden;}
.scroll_doc .naviBox .detail_list {top:80px}


.naviBox .detail_list ul {position:relarive;}
.naviBox .detail_list .mu_2 {padding-bottom:5px;}
.naviBox .detail_list .mu_2:last-child {padding-bottom:0}
.naviBox .detail_list .mu_2 a {color:#222327; font-size:14px; display:block; line-height:1.4em;}
.naviBox .detail_list .mu_2:hover a, .naviBox .detail_list .mu_2.on a {color:#25257d; font-weight:700}


#header_wrap .navi_bg {position:absolute; top:113px; left:0; width:100%; background:rgba(255,255,255,0.9); z-index:0;}


.naviBox .logBox {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:#0d0d0d; margin:0 8px 0 12px}
.naviBox .logBox li:last-child:after {display:none}
.naviBox .logBox a {font-size:12px; color:#0d0d0d}


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

	#header_wrap {background:none}
	#header_wrap .head {height:80px; border-bottom:0}

	#header_wrap .naviBox {position:fixed; top:80px; left:0; width:100%; height:100vh; transform: translate(0, -110%); background:#fff; /*padding-top:100px;*/ z-index: 20; transition: all 0.4s;}
	#header_wrap .naviBox_active {transform: translateY(0%); transition: all 0.4s;}

	.naviBox .navi {margin-left:0; padding-top:0}
	.naviBox .navi .mu_1 {display:block; width:100%; border-bottom:1px solid #ddd; text-align:left;}

	.naviBox .mu_1 .tlt a, .scroll_doc .naviBox .navi .tlt a {display:block; color:#212121; color:#212121; font-size:18px; padding:25px; line-height:1.3em}
	.naviBox .mu_1.on .tlt a, .naviBox .mu_1:hover .tlt a {color:#25257c}
	.naviBox .mu_1 .tlt a:after {content:"\f2c2"; font-size:20px; width:auto; height:auto; background:none; font-family: LineAwesome; position:absolute; top:50%; right:25px; transform:translateY(-50%);}
	.naviBox .mu_1 .tlt.selected a:after, .naviBox .mu_1.on .tlt a:after  {content:"\f28e";}
	.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; border-top: 1px solid #ddd; height:auto; margin-left:0; padding:0; line-height:1.2em; background:#f9f9f9}
	.naviBox .detail_list li, .scroll_doc .naviBox .detail_list li {margin:0}

	.naviBox .mu_2 {border-bottom: 1px solid #ddd;}
	.naviBox .mu_2:last-child {border-bottom:0}
	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a {padding:16px 35px;}
	.naviBox .mu_2 a:before {content:"-"; display:inline-block; margin-right:5px;}
	.naviBox .mu_1 .tlt a {display:block; font-size:18px}
	.naviBox .detail_list a {display:block; font-size:16px}	

	.top_navi_bg {display:none}


	.naviBox .logBox {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 #000; border-radius: 10px; font-size: 16px;}
	.naviBox .logBox li:first-child a {background:#000; color:#fff}
}

@media screen and (max-width:1024px){
	#header_wrap .head {height:8vw}
	#header_wrap .naviBox {top:8vw; /*padding-top:10vw*/}
	.naviBox .mu_1 .tlt a, .scroll_doc .naviBox .navi .tlt a {padding:2.5vw; font-size:1.8vw}
	.naviBox .mu_1 .tlt a:after {font-size:2vw; right:2.5vw;}

	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a {padding:1.6vw 3.5vw;}
	.naviBox .mu_2 a:before {margin-right:0.5vw;}
	.naviBox .detail_list a {font-size:1.6vw}	


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

@media screen and (max-width:768px){
	#header_wrap .head {height:11vw}
	#header_wrap .naviBox {top:11vw; /*padding-top:13vw*/}
	.naviBox .mu_1 .tlt a, .scroll_doc .naviBox .navi .tlt a {padding:3.5vw; font-size:2.8vw}
	.naviBox .mu_1 .tlt a:after {font-size:3vw; right:3.5vw;}

	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a {padding:2.6vw 4.5vw;}
	.naviBox .mu_2 a:before {margin-right:0.7vw;}
	.naviBox .detail_list a {font-size:2.6vw}	


	.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 .head {height:14vw}
	#header_wrap .naviBox {top:14vw; /*padding-top:18vw*/}
	.naviBox .mu_1 .tlt a {padding:4.5vw; font-size:3.8vw}
	.naviBox .mu_1 .tlt a:after {font-size:4vw; right:4.5vw;}

	.naviBox .mu_2 a, .naviBox .detail_list .mu_2 a {padding:3.6vw 5.5vw;}
	.naviBox .mu_2 a:before {margin-right:1vw;}
	.naviBox .detail_list a {font-size:3.6vw}	


	.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; z-index: 9999; transition:all 0.3s ease-in-out;}
.burger span {position:absolute; top: 0; height: 3px;width: 33px; background:#fff; transition: all 0.3s;}

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

.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);}

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

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

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

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

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

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

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

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

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

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

/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#container_wrap {position:relative; display: lock; 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;}
.cont {width:100%}
.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:1024px){
	#contents {padding:12vw 0;}
}

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

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



/*서브이미지*/
.svis_wrap {position:relative; width:100%; height:273px; background-size:cover !important; animation-name: zoominout;animation-duration: 2s; 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_v26.jpg) no-repeat 50% 50%;}
.svis02 {background:#000 url(/share/img/sub/svis01_v26.jpg) no-repeat 50% 50%;}
.svis03 {background:#000 url(/share/img/sub/svis01_v26.jpg) no-repeat 50% 50%;}
.svis04 {background:#000 url(/share/img/sub/svis01_v26.jpg) no-repeat 50% 50%;}
.svis05 {background:#000 url(/share/img/sub/svis01_v26.jpg) no-repeat 50% 50%;}
.svis06 {background:#000 url(/share/img/sub/svis01_v26.jpg) no-repeat 50% 50%;}
.svis07 {background:#000 url(/share/img/sub/svis01_v26.jpg) no-repeat 50% 50%;}
.svis08 {background:#000 url(/share/img/sub/svis01_v26.jpg) no-repeat 50% 50%;}


@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:1024px){
	.svis_wrap {height:27.3vw;}
}

@media screen and (max-width:768px){
	.svis_wrap {height:30vw;}
}

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



.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}


/*이벤트 이미지확대*/
.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:60px; 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; font-size:14px; 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:#25257c; 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:1024px){
	.location {position:relative; width:100%; height:6vw;}
	.location_cont > div {height:6vw;}
	.location_cont .depth01 > a {min-width:25vw; font-size:1.9vw;}
	.location_cont .depth01 > a, .location_cont .home > a {line-height:6vw; padding:0 2.3vw;}
	.location_cont .home > a {font-size:1.4vw; width:6.5vw;}
	.location_cont .depth01 > a .txt {padding-right:3vw;}
	.location_cont .depth02 {top:6vw;}
	.location_cont .depth02 li a {padding:1.3vw 2.3vw; font-size:14px}

	.location_cont .sp_comm {right:2vw; top:2.2vw;}
}

@media screen and (max-width:768px){
	.location_cont {max-width:100%;}
	.location {height:9vw;}
	.location_cont > div {height:9vw;}
	.location_cont .depth01 > a {min-width:30vw; font-size:2.7vw;}
	.location_cont .depth01 > a, .location_cont .home > a {line-height:9vw; padding:0 3.3vw;}
	.location_cont .home > a {font-size:2.4vw; width:9.5vw;}
	.location_cont .depth01 > a .txt {padding-right:4vw;}
	.location_cont .depth02 {top:9vw;}
	.location_cont .depth02 li a {padding:2.3vw 3.3vw; font-size:2.4vw}

	.location_cont .sp_comm {right:3vw; top:3.2vw;}
}

@media screen and (max-width:480px){
	.location {height:11vw;}
	.location_cont > div {height:11vw;}
	.location_cont .depth01 {width:49.8%}
	.location_cont .depth01 > a {font-size:3.7vw; max-width:100%; line-height:11vw}
	.location_cont .home > a {display:none}

	.location_cont .depth01 > a .txt {padding-right:5vw;}
	.location_cont .depth02 {top:11vw;}
	.location_cont .depth02 li a {padding:3.3vw 4.3vw; font-size:3.4vw}
	.location_cont .sp_comm {right:4vw; top:4.2vw;}
}


/*3차*/
.snb_3th {margin-bottom:65px;}
.snb_3th .snb_3th_tabs {display:flex;}
.snb_3th a {display:block; text-align:center; height:60px; line-height:58px; border:1px solid #25257d; color:#25257d; font-size:18px; border-right:0}
.snb_3th li:last-child a {border-right:1px solid #25257d;}
.snb_3th .on a {background: #25257d; color:#fff; font-weight:700}

@media screen and (max-width:1024px){
	/*3차*/
	.snb_3th {margin-bottom:6.5vw;}
	.snb_3th a {height:6vw; line-height:5.8vw; font-size:1.8vw;}
}

@media screen and (max-width:768px){
	/*3차*/
	.snb_3th {margin-bottom:7.5vw;}
	.snb_3th a {height:8vw; line-height:7.6vw; font-size:2.6vw;}
}

@media screen and (max-width:480px){
	/*3차*/
	.snb_3th {margin-bottom:8.5vw;}
	.snb_3th a {height:11vw; line-height:10.5vw; font-size:3.6vw;}
}


@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;}
}

/* --------------------------------------------------푸터 영역-------------------------------------------------- */
#footer_wrap {position:relative; background:#010a16; padding:70px 0; line-height:1.3em}
#footer_wrap .ft_cont {position:relative; max-width:1200px; margin:0 auto; color:#9fa2a8; font-size:14px; letter-spacing:-0.02em; word-break: keep-all}
#footer_wrap .ft_tlt {font-size:20px;}

#footer_wrap .ft_gnb {margin:20px 0 10px;}
#footer_wrap .ft_gnb li {display:inline-block; vertical-align:middlee}
#footer_wrap .ft_gnb li:after {content:"/"; display:inline-block; vertical-align:middle; margin:0 2px 0 5px}
#footer_wrap .ft_gnb li:last-child:after {display:none}
#footer_wrap .ft_gnb a {color:#9fa2a8; font-size:14px}

#footer_wrap .ft_logo {position:absolute; top:0; right:0}
#footer_wrap .login {color:#15161d !important}

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

@media screen and (max-width:1024px){
	#footer_wrap {padding:7vw 0; text-align:center}
	#footer_wrap .ft_cont {font-size:1.4vw;}
	#footer_wrap .ft_tlt {font-size:2vw;}

	#footer_wrap .ft_gnb {margin:2vw 0 1vw;}
	#footer_wrap .ft_gnb li:after {margin:0 0.2vw 0 0.5vw}
	#footer_wrap .ft_gnb a {font-size:1.4vw}


	#footer_wrap .ft_logo {position:relative; top:inherit; right:inherit; margin-bottom:3vw}
	#footer_wrap .ft_logo img {height:13vw}
}

@media screen and (max-width:768px){
	#footer_wrap {padding:8vw 0;}
	#footer_wrap .ft_cont {font-size:2.4vw;}
	#footer_wrap .ft_tlt {font-size:3vw;}

	#footer_wrap .ft_info {line-height:1.5em}

	#footer_wrap .ft_gnb {margin:5vw 0 2vw;}
	#footer_wrap .ft_gnb li:after {margin:0 0.4vw 0 0.7vw}
	#footer_wrap .ft_gnb a {font-size:2.4vw}

	#footer_wrap .ft_logo img {height:16vw}
}

@media screen and (max-width:480px){
	#footer_wrap {padding:9vw 0;}
	#footer_wrap .ft_cont {font-size:3.4vw;}
	#footer_wrap .ft_tlt {font-size:4vw;}

	#footer_wrap .ft_gnb {margin:6vw 0 3vw;}
	#footer_wrap .ft_gnb li:after {margin:0 0.6vw 0 0.9vw}
	#footer_wrap .ft_gnb a {font-size:3.4vw}

	#footer_wrap .ft_logo img {height:19vw}
}