@charset "UTF-8";
@import url('font.css');
@import url('default.css');


/*
=====================
1: Base Setting
2: Common Setting
	2-1: Layout
	2-2: Basic
3: Main
4: Contents
5: Mypage
=====================
*/


/* 1: Base Setting
=========================================================================================== */
.hidden {display:none;}
.blind {visibility:hidden;}


.cursor {cursor:pointer;}
.non-cursor {cursor:default;}

.ta-r {text-align:right !important;}
.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}

.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

.clearfix {}
.clearfix:after {content:""; clear:both; display:block;}
.fl-l {float:left;}
.fl-r {float:right;}


.blind {display:none;}
.clear {clear:both; height:0;}


.c-black {color:#000 !important;}
.c-red {color:#aa2626 !important;}
.c-gray {color:#8f8d8d !important;}
.c-green {color:#62b43d !important;}
.c-white {color:#fff !important;}


.pa-b1 {padding-bottom:120px;}
.pa-b2 {padding-bottom:100px;}

.ma-b1 {margin-bottom:120px;}
.ma-b2 {margin-bottom:100px;}


.f-en {font-weight: 900; font-family: 'Roboto', 'Noto Sans KR', sans-serif;}


iframe[name='google_conversion_frame'] {border:0; width:0; height:0; padding:0; margin:0; position:absolute; z-index:-1; visibility:hidden;}

.t-dot-solo {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}


 /* 2: Common Setting
=========================================================================================== */

/* 2-1: Basic
=========================== */
html {width:100%; font-size:62.5%;}
body {width:100%; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#5a5a5a; font-weight: 300; font-size:16px; line-height:1.2; -webkit-text-size-adjust: 100%; }
.inr-c {max-width:1240px; margin:0 auto;}


/*간격*/
.pr-mb0 {margin-bottom: 70px !important;}
.pr-mb1 {margin-bottom: 50px !important;}
.pr-mb2 {margin-bottom: 30px !important;}
.pr-mb3 {margin-bottom: 40px !important;}


/*버튼*/
.btn-bot {margin-top:40px;}
.btn-bot .btn-pk {min-width:110px;}

.btn-line {padding-top: 50px; border-top: 1px solid #ddd; text-align: center; font-size: 0;}
.mbtn_n2 .btn-pk {width: 200px; margin-left: 20px;}
.mbtn_n2 .btn-pk:first-child {margin-left: 0;}

.btn-pk {
	display:inline-block; *display:inline-block; *zoom:1; padding:8px 10px; 
	color:#fff; font-size:14px; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #cdcdcd;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk.bdrs {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.btn-pk.b {min-width:160px; padding:15px 40px; font-size:22px;}
.btn-pk.bb {min-width:160px; padding:10px 40px; font-size:24px; font-weight: 700;}
.btn-pk.n {min-width:100px; padding:9px 15px; font-size:14px; }
.btn-pk.nb {min-width:100px; padding:15px 15px; font-size:16px; }
.btn-pk.s {min-width:40px; padding:5px 10px; font-size:14px; line-height: 1.2; }


/*.btn-pk.color {
	background: rgb(208,97,54);
	background: -moz-linear-gradient(90deg, rgba(208,97,54,1) 0%, rgba(229,28,125,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(208,97,54,1) 0%, rgba(229,28,125,1) 100%);
	background: linear-gradient(90deg, rgba(208,97,54,1) 0%, rgba(229,28,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d06136",endColorstr="#e51c7d",GradientType=1);
	color: #fff;
}*/
.btn-pk.white {border-color: #fff; color: #fff;}
.btn-pk.black {color: #fff; border-color: #000; background-color: #000;}
.btn-pk.black:hover {background-color: #fff; color: #000;}

.btn-pk.gray {color: #fff; border-color: #9a9899; background-color: #9a9899;}
.btn-pk.gray2 {color: #cbcbcb; border-color: #3a3a3a; background-color: #3a3a3a;}
.btn-pk.orange {color: #fff; border-color: #f8982a; background-color: #f8982a;}

.btn-pk.wid1 {width: 120px;}


input.btn-pk {color: #fff; border: 0; height: auto; min-width:200px; font-size: 21px; padding: 15px 30px; cursor:pointer;}





/*탭*/
.tab {}
.tab ul {font-size: 0;}
.tab li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
_::-moz-svg-foreign-content, :root .tab li {float: left;}



.tab.ty1 {}
.tab.ty1 ul {}
.tab.ty1 li {margin-left: 7%;}
.tab.ty1 li:first-child {margin-left: 0;}
.tab.ty1 li a {display: block; font-weight: 700; font-size: 20px; line-height: 1.2; color: #000;}
.tab.ty1 li a span {position: relative; display: inline-block; padding-bottom: 3px;}
.tab.ty1 li a span:after {content:""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #fff; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.tab.ty1 li:hover a span:after,
.tab.ty1 li.on a span:after {background-color: #000; width: 100%; left: 0;}

.tab.ty2 li {
	margin-right: 20px;
	-webkit-transition: opacity .5s ease-out,-webkit-transform .5s ease-out;
    transition: opacity .5s ease-out,-webkit-transform .5s ease-out;
    transition: opacity .5s ease-out,transform .5s ease-out;
    transition: opacity .5s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out
}
.tab.ty2 li a {display: block; width: 170px; text-align: center; color: #fff; background-color: #282828; font-weight: 300; 
	/*
	-webkit-transition: opacity .5s ease-out,-webkit-transform .5s ease-out;
    transition: opacity .5s ease-out,-webkit-transform .5s ease-out;
    transition: opacity .5s ease-out,transform .5s ease-out;
    transition: opacity .5s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out;
	*/
}
.tab.ty2 li a .t1 {line-height: 105px; font-size: 20px; }

.tab.ty2 li:hover a {
	background-color: #fff; color: #000; font-weight: 700; 
    z-index: 0;
	transform: scale(1.2) translateX(0);
	-webkit-transition: -webkit-transform .15s linear;
   -moz-transition: -moz-transform .15s linear;
   -o-transition: -o-transform .15s linear;
   transition: transform .15s linear;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -o-transform-style : preserve-3d;
   -ms-transform-style : preserve-3d;
}
.tab.ty2 li.on a {background-color: #fff; color: #000;font-weight: 700; }


/*
.tab.ty1 {border-bottom: 1px solid #d5d5d5;}
.tab.ty1 ul {border-left: 1px solid #d5d5d5;}
.tab.ty1 li {border: 1px solid #d5d5d5; border-left: 0; margin-bottom: -1px; text-align: center;}
.tab.ty1 li a {display: block; padding: 10px; min-width:110px; font-size: 16px; line-height: 1.2; color: #555555;}
.tab.ty1 li.on {border-bottom-color: #fff;}
.tab.ty1 li.on a {color: #8d3d1d;}
.tab.ty2 {margin-bottom: 40px;}
.tab.ty2 ul {display: flex; width: 100%;}
.tab.ty2 li {flex:1; position: relative;}
.tab.ty2 li a {display: block; padding: 12px 10px; font-size: 24px; color: #1a1a1a; text-align: center;}
.tab.ty2 li.on a {color: #f89828;}
.tab.ty2 li.on a span {position: relative; display: inline-block; line-height: 1;}
.tab.ty2 li.on a span:after {content:""; position: absolute; left: -15px; top: -10px; width: 12px; height: 11px; background-image: url('../images/common/ico_common.png'); background-repeat: no-repeat; background-position: -71px -97px;}

.tab.ty3 {margin-bottom: 35px; border-top: 1px solid #f4f4f4;}
.tab.ty3 ul {display: flex; width: 100%; border-left: 1px solid #f4f4f4;}
.tab.ty3 li {flex:1; position: relative; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.tab.ty3 li a {display: block; padding: 24px 10px; font-size: 16px; color: #000; text-align: center;}
.tab.ty3 li.on {border-bottom-color: #fff;}
.tab.ty3 li.on a {color: #9c84d8;}
.tab.ty3 li.on:after {content:""; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background-color: #9c84d8;}

.tab.ty4 {margin-bottom: 30px;}
.tab.ty4 ul {display: flex; width: 100%;}
.tab.ty4 li {flex:1; position: relative; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9f9f9;}
.tab.ty4 li:first-child {border-left: 0;}
.tab.ty4 li a {display: block; padding: 15px 10px; font-size: 16px; color: #000; text-align: center;}
.tab.ty4 li.on {border-bottom-color: #fff; background-color: #fff; border-left: 1px solid #ddd;}
.tab.ty4 li.on a {color: #9c84d8;}
.tab.ty4 li.on:after {content:""; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background-color: #9c84d8;}
*/

/*IR 기법 아이콘 세트*/
.i-aft{position: relative;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;}
.i-aft:after{content:""; position: absolute; left: 0;top: 50%;display: inline-block;overflow: hidden;width: 0;height: 0;content: '';text-align: left;text-indent: -9999px;background-image: url('../images/common/ico_common.png');background-repeat: no-repeat;*display: inline;*zoom: 1;}
.i-set{display: inline-block;overflow: hidden;text-align: left;vertical-align: middle;text-indent: -9999px;line-height: 0;background-image: url('../images/common/ico_common.png');background-repeat: no-repeat;*display: inline;*zoom: 1;}


.i-aft.i_m1_1 {padding-top: 60px;}
.i-aft.i_m1_1:after {left: 50%; top: 0; margin-left: -16.5px; width: 33px; height: 47px; background-position: -10px -10px;}

.i-set.i_home {width: 14px; height: 14px; background-position: -10px -97px;}



.area_select1 {
	z-index: 10;
	position: relative;
	background-color: #282828;
	color: #fff;
	width: 150px;
	font-size: 14px;
	border-radius: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.selectbox {
	z-index: 10;
	position: relative;
	background-color: #282828;
	color: #fff;
	width: 150px;
	font-size: 14px;
	border-radius: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.selectbox .btn {
	position: relative; z-index: 1; width: 100%;
	height: 40px; line-height: 38px; color: #fff;
	padding-right:30px; text-align: left;
	background-image: url(../images/common/ico_select_w.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-color: #fff \0/IE8+9;
	background-size: 27.5px auto;
	padding-left: 20px; font-size: 14px;
}
.selectbox .lst_select {display: none; position: absolute; left: 0; top: 20px; padding-top: 20px; width: 100%; background-color: #282828; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;}
.selectbox .lst_select ul {border-top: 1px solid #000; padding: 10px 0; height: 105px; overflow-y:auto;}
.selectbox .lst_select li a {display: block; padding: 5px 20px; color: #bebebe;}
.selectbox .lst_select li:hover a,
.selectbox .lst_select li.on a {color: #fff;}
.selectbox.on .btn {background-image: url(../images/common/ico_select_won.png);}
.selectbox.on .lst_select {display: block;}

.selectbox select {
	position: relative; z-index: 1; width: 100%;
	height: 40px; line-height: 1; color: #fff;
	padding-right:30px; text-align: left;
	background-image: url(../images/common/ico_select_w.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-color: #282828;
	background-color: #fff \0/IE8+9;
	background-size: 27.5px auto;
	padding-left: 20px; font-size: 14px;
}
.selectbox select::-ms-expand {display: none;}


/* 2-2: Layout
=========================== */
#wrap {overflow:hidden; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.0325em;}

#header {z-index:102; position:fixed; left: 0; top: 0; width: 100%; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .inr-c {position: relative; max-width:none;}
#header .logo {float: left; margin-left: 40px; display: inline-block; vertical-align: top; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .logo a {display: block; line-height: 130px;}
#header .logo a img {vertical-align: top; margin-top: 30px;}

#header .gnbbox {position: relative; z-index: 1; margin-left: 270px; padding-top: 40px;}
#header .gnb {margin-right: 90px;}
#header .gnb > ul {font-size: 0; text-align: right;}
#header .gnb > ul > li {position: relative; display: inline-block; vertical-align: top; padding-left: 48px;}
#header .gnb > ul > li > a {display: block;  font-size: 17px; line-height: 40px; color: #fff; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .gnb > ul > li:last-child > a {padding-right: 0;}
#header .btn_gnb {display: none;}

#header .depth2 {display: none; position: absolute; right: 50%; margin-right: -80px; padding-top: 10px;}
#header .depth2 ul {position: relative; background-color: #fff; padding: 20px; min-width: 90px; min-height:70px; border-radius: 10px;}
#header .depth2 ul:after {content:""; position: absolute; left: 72%; top: -10px; width: 0px; height: 0px; border-top:20px solid none; border-bottom:20px solid #fff; border-right: 15px solid transparent; border-left: 15px solid  transparent;}
#header .depth2 li {text-align: left;}
#header .depth2 li a {font-size: 16px; color: #000; font-weight: 700; display: block;}

#header .gnb > ul > li.on > a,
#header .gnb > ul > li:hover > a {color: #FFF;}
#header .icon {position: fixed; right: 40px; top: 200px; width: 120px;}
#header .icon a {display: block; margin-bottom: 5px;text-align:right;}

#header .gnb > ul > li.on .depth2 {display: block;}



#header.scroll {top: -100%;}

@-webkit-keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}
@-moz-keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}
@-o-keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}
@keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}



/*footer*/
#footer {background-color:#000;clear:both;}
#footer p {margin-bottom: 5px; font-size: 16px; line-height: 1.5; color: #aaa;}
#footer p strong {color: #fff; margin-right: 10px;}
#footer p span {color: #df2323;}
#footer p.copy {margin-top: 15px;}
#footer .inner {display: flex; padding: 50px 30px 30px;}
#footer .inner > div {position: relative; }
#footer .lft {width: 50%;}
#footer .lft li {display: inline-block; vertical-align: top; margin-right: 35px; margin-bottom: 35px;}
#footer .lft li a {color: #fff; font-weight: 700; font-size: 18px;}
#footer .lft .copy {position: absolute; left: 0; bottom: 20px;}
#footer .lft .copy span {display: block; margin-bottom: 10px;}
#footer .lft .copy span img {height: 50px;}
#footer .rgh {position: relative;}
#footer .rgh .icon {position: absolute; right: 0; top: 0;}
#footer .rgh .icon a {margin-left: 5px;}

.scroll_top {display: none;}





/*타이틀*/
.hd_tit1 {margin-bottom: 35px; color: #707070;}
.hd_tit1 .h {margin-bottom: 20px; font-weight: 700; font-size: 40px; line-height: 1; color: #000; letter-spacing:-0.05em;}
.hd_tit1 .t {font-size: 16px; line-height: 1.5; }
.hd_tit1 .t span{font-size:16px;}
.about {margin-top:130px;}





/*메인*/
.bxMain {overflow:hidden; position: relative; height: 100vh; background-color: #000;}
.bxMain .inner {position: relative; height: 100%;}
.bxMain .video {width: 100%; height: 100%; /*background-image: url(../images/main/top_visual.jpg);*/ background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bxMain .video video {width: 100%; min-height:100%; object-fit: cover;}
.bxMain .hd_tit1 {z-index: 1; position: absolute; left: 50px; top: 170px; text-align: left; color: #fff;}
.bxMain .hd_tit1 .h em {opacity:0.4; color: #fff;}
.bxMain .btn_play {font-size: 0; width: 44px; height: 44px; background-image: url(../images/common/ico_pause.png); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.bxMain .btn_play.on {background-image: url(../images/common/ico_play.png);}
.bxMain .icon {position: absolute; left: 0; top: 50%; width: 100%; margin-top: 3%; transform:translateY(-50%);}


.bxMain2 {position: relative;}
.bxMain2 .txt {position: absolute; left: 0; top: 50%; width: 100%; margin-top: 3%; transform:translateY(-50%);}




.area_main1 {padding: 120px 0; text-align: right;}
.area_main1 .hd_tit1 {text-align: left; margin-bottom: -50px;}
.area_main1 .box {position: relative; display: inline-block; vertical-align: top; max-width:48%;}
.area_main1 .box .img {overflow:hidden;}
.area_main1 .box .img img {transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.area_main1 .box .txt {position: absolute; left: 0; bottom: 0; width: 80%; max-width:440px; padding: 20px 25px 0 0; text-align: left; background-color: #fff; box-sizing:border-box;}
.area_main1 .box .txt .h1 {margin-bottom: 10px; font-weight: 700; color: #000; font-size: 28px; letter-spacing:-0.0325em;}
.area_main1 .box .txt .t1 {font-size:14px;}
.area_main1 .box .txt .t1 span{font-size:12px;}
.area_main1 .box.b1 {float: left; margin-top: 210px;}
.area_main1 .box.b2 {margin-bottom: 90px;}
.area_main1 .box a:hover .img img {transform:scale(1.3);}

.area_main2 {background-color: #000; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100% auto; background-size: 100% auto; background-attachment: fixed;}
.area_main2 .inr-c {position: relative; padding-top: 70px; height: 450px;}
.area_main2 .hd_tit1 {/*position: absolute; top: 70px; left: 0;*/}
.area_main2 .hd_tit1 .h {color: #fff;}
.area_main2 .hd_tit1 .h span.ss {font-weight: 400; font-size: 0.5em; display: block; opacity:0.4;}
.area_main2 .imgs {width: 100%; height: 520px;}
.area_main2 .imgs img {width: 100%;}
.area_main2 .imgs > div {height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100% auto; background-size: 100% auto; background-attachment: fixed;}

.area_main3 {padding: 130px;}
.area_main3 .tab {text-align: right; margin-bottom: 80px;}
.area_main3 .tit {color: #707070; font-size: 16px; text-align: center; margin-bottom: 5px; opacity: 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.area_main3 .img {position: relative; height: 0; padding-bottom: 81.64%; }
.area_main3 .img span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.area_main3 .lst_photo1 ul {overflow:hidden;}
.area_main3 .lst_photo1 li {float: left; width: 16.66%; cursor:pointer;}
.area_main3 .lst_photo1 li .img {
	transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}
.area_main3 .lst_photo1 li:hover .tit {opacity:1;}
.area_main3 .lst_photo1 li:hover .img {-webkit-filter: grayscale(0%); filter: none;}
.area_main3 .btn-bot {margin-top: 105px;}
.area_main3 .btn-pk.nb {width: 100%; max-width:340px;}


/*ie 버벅거림*/
@supports (-ms-ime-align:auto){
	html{overflow: hidden;height: 100%; }
	body{overflow: auto;	height: 100%;	position: relative;}
}

/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	html{overflow: hidden;	height: 100%;   }
	body{overflow: auto;	height: 100%;}

	.area_main3 .lst_photo1 li .img:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity:.5;}
	.area_main3 .lst_photo1 li:hover .img:after {opacity:0;}

	.popup .botm li.on {position: relative;}
	.popup .botm li.on:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity:.5;}
}






/**/
.area_sub1 {padding-top: 120px;text-align: center;}
.area_sub1 .hd_tit1 .h {margin-bottom: 90px;}
.area_sub1 .btn-bot {margin-top: 90px;}
.area_sub1 .btn-pk.nb {width: 100%; max-width:300px}


.area_sub2 {position: relative; background-color: #000; background-position: center bottom; background-repeat: no-repeat;  -webkit-background-size: cover; background-size: cover; padding: 110px 0;}
.area_sub2 .hd_tit1 {text-align: center;}
.area_sub2 .hd_tit1 .h {margin-bottom: 50px; font-size: 36px; color: #FFF;}
.area_sub2 .tab.ty1 {margin-bottom: 60px;}
.area_sub2 .tab.ty1 li:first-child {margin-left: 0;}
.area_sub2 .tab.ty1 li span {color: #8e8e8e;font-size:20px;font-weight:700;line-height:1.2;cursor:pointer}
.area_sub2 .tab.ty1 li span.on {color: #fff;}

.model_menu {text-align:center;font-size:20px;margin:80px 0 50px 0;font-weight:700;line-height:1;color:#FFF;padding-top:80px;height:100px;width:60%;margin:0 auto;}
.model_menu .mana-l {float:left;width:50%;}
.model_menu .mana-r {float:right;width:50%;}
.model_menu a {padding:15px 30px;background-color:#474747;}
.model_menu a:hover {background-color:#000;}


.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  text-align: center;
  height: calc((100%) / 2);

  /* 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;
}

.sliderwrap {min-height:500px;}
.slider {position: relative; height: 500px; padding-bottom: 110px;}
.slider .img {position: absolute; left: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.slider .txt {
	overflow:hidden; position: absolute; right: 0; bottom: -100%; width: 100%; height: 150px; text-align: right; color: #fff; background: url(../images/sub/bg_slider.png) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;
	transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;
	opacity:0;
}
.slider .txt .t1 {margin-bottom: 10px; font-size: 16px; padding-top: 90px; padding-right: 15px;}
.slider .txt .t2 {position: relative; font-size: 12px; text-align: left; margin-left: 40px;}
.slider .txt .t2:after {content:""; position: absolute; left: 80px; top: 50%; width: 80%; height: 1px; background-color: #fff;}

.swiper-slide {overflow:hidden;}
.swiper-slide a {display: block; height: 100%;}
.swiper-slide:hover .txt {opacity:1; bottom: 0;}

.slider .swiper-container {padding-bottom: 110px; height: 500px;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets, 
.slider .swiper-pagination-custom, 
.slider .swiper-pagination-fraction {bottom: 0; }
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px; }
.slider .swiper-pagination-bullet {width: 20px; height: 20px; background-color: #fff; opacity:0.6;}
.slider .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}


.bxMain3 {position: relative; background-color: #000;}
.bxMain3 .swiper-container:after {z-index: 1; content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/sub/bg_slider3.png) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.bxMain3 img {width: 100%; height: 100%;}
.bxMain3 .tabs {z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 40px;}


.bxMain3 .swiper-container-horizontal>.swiper-pagination-bullets, 
.bxMain3 .swiper-pagination-custom, 
.bxMain3 .swiper-pagination-fraction {bottom: auto; top: 150px; text-align: left; width: 1240px; left: 50%; margin-left: -620px;}
.bxMain3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px; }
.bxMain3 .swiper-pagination-bullet {width: 14px; height: 14px; background-color: #fff; opacity:0.6;}
.bxMain3 .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}

.bxMain3.ty2 .slider_txt {z-index: 10; position: absolute; right: 5%; top: 50%; width: 100%; font-size: 167px; font-weight: 700; line-height: 0.8; opacity:.8; text-align: right; transform:translateY(-50%);}
.bxMain3.ty2 .slider_txt span.n1 {color: #fff; display: block;}
.bxMain3.ty2 .slider_txt span.n2 {letter-spacing:-0.07em; }
.bxMain3.ty2 .swiper-container-horizontal>.swiper-pagination-bullets, 
.bxMain3.ty2 .swiper-pagination-custom, 
.bxMain3.ty2 .swiper-pagination-fraction {top: 50%; left: 0; margin-left: 0; text-align: right; width: 94%; margin-top: 180px;}


.subcont {padding: 70px 0; background-color: #000;}
.subcont .head {position: relative; margin-bottom: 20px;}
.subcont .head:after {content:""; clear: both; display: block;}
.subcont .head .rgh {position: absolute; right: 0; bottom: 0;}
.subcont .head .rgh a {color:#FFF;text-decoration:underline;}
.subcont .head .tit1 {display: inline-block; vertical-align: top; color: #fff; font-size: 22px;}
.subcont .head .select1 {padding-left: 20px; background-color: #282828; color: #fff; border-color: #282828; width: 150px; border-radius:100px; background-image: url(../images/common/ico_select_w.png);}


.lst_collection1 {}
.lst_collection1 ul {font-size: 0; width: 103%;}
.lst_collection1 li {position: relative; display: inline-block; vertical-align: top; width: 22%; margin-right: 3%;}
.lst_collection1 .img {position: relative; height: 0; padding-bottom: 95%;}
.lst_collection1 .img span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.lst_collection1 .time {
	position: absolute; right: 10px; top: 10px; font-size: 15px; color: #fff; padding: 5px 10px; background-color: rgba(0,0,0,.7); 
	transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;
	opacity:1;
}
.lst_collection1 .bg {
	opacity:0; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px; background-color: rgba(0,0,0,.3); font-size: 18px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.lst_collection1 li:hover .bg {opacity:1;}
.lst_collection1 li:hover .time {opacity:0;}


.lst_collection2 {}
.lst_collection2 ul {font-size: 0; width: 103%;}
.lst_collection2 li {position: relative; display: inline-block; vertical-align: top; width: 22%; margin-right: 3%;margin-bottom:3%;}
.lst_collection2 .img {position: relative; height: 0; padding-bottom: 95%;}
.lst_collection2 .img span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.lst_collection2 .time {
	position: absolute; right: 10px; top: 10px; font-size: 15px; color: #fff; padding: 5px 10px; background-color: rgba(0,0,0,.7); 
	transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;
	opacity:1;
}
.lst_collection2 .bg {
	opacity:0; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px; background-color: rgba(0,0,0,.3); font-size: 18px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.lst_collection2 li:hover .bg {opacity:1;}
.lst_collection2 li:hover .time {opacity:0;}



/*팝업*/
.layerPopup {display: none; overflow-y:auto; position: fixed; left: 50%; top: 50%; width:1400px; max-height:100vh; margin-left: -700px; z-index: 1001; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); border-top: 3px solid #000; border-bottom: 3px solid #000; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.layerPopup .popup {position: relative;}
.layerPopup .p_head {
	padding: 30px 60px 30px 40px; height: 30px;
	background: rgb(246,164,84);
	background: -moz-linear-gradient(90deg, rgba(246,164,84,1) 0%, rgba(236,110,120,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(246,164,84,1) 0%, rgba(236,110,120,1) 100%);
	background: linear-gradient(90deg, rgba(246,164,84,1) 0%, rgba(236,110,120,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6a454",endColorstr="#ec6e78",GradientType=1);
}
.layerPopup .p_head .tit {font-weight: 100; font-size: 26px; line-height: 1; color: #fff; letter-spacing:-0.0325em; text-align: left;}
.layerPopup .p_cont {padding: 40px;}
.layerPopup .p_cont .area_write {padding: 0;}
.layerPopup .p_cont .area_write .btn-bot {padding-bottom: 0;}
.layerPopup .popup .btn_close {position: absolute; right: 30px; top: 30px; width: 60px; height: 60px; text-align: center;}
.layerPopup .popup .btn_close > span {display: inline-block; vertical-align: middle; font-size: 0;}
.layerPopup .popup .btn_close > span:after {content:""; position: absolute; left: 50%; top: 50%; margin-left: -25px; width: 50px; height: 1px; background-color: #000; transform:rotate(45deg);}
.layerPopup .popup .btn_close > span:before {content:""; position: absolute; left: 50%; top: 50%; margin-left: -25px; width: 50px; height: 1px; background-color: #000; transform:rotate(-45deg);}

.popup_dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); z-index: 1000;}


.popup .imgs {display: table; width: 100%; padding: 30px 10% 0; box-sizing:border-box; table-layout:fixed;}
.popup .imgs > div {position: relative; display: table-cell; vertical-align: middle; width: 50%; text-align: center;}
.popup .imgs .tit1 {font-weight: 700; font-size: 55px; margin-bottom: 30px; color: #000; letter-spacing:-0.0325em;line-height:24px;margin-top:24px;}
.popup .imgs .tit1 span{font-size:18px;color:#707070;}
.popup .imgs li {margin-bottom: 25px;}
.popup .imgs li .h1 {color: #707070; font-size: 20px;}
.popup .imgs li .t1 {font-weight: 700; font-size: 30px; color: #000;}
.popup .imgs li .t2 {margin-top: 5px; font-size: 20px; color: #000;}
.popup .imgs .lft div {position: absolute; left: 0; top: 0; width: 100%; height: 670px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.popup .botm {overflow:hidden; padding: 30px;}
.popup .botm .inner {overflow-y:hidden; overflow-x:auto; width: 100%;}
.popup .botm ul {font-size: 0; white-space:nowrap; width: auto;}
.popup .botm li {display: inline-block; margin-left: 20px; width: 200px; vertical-align: top; cursor:pointer; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup .botm li:first-child {margin-left: 0;}
.popup .botm li.on {-webkit-filter: grayscale(100%); filter: gray;}
.popup .botm li div {height: 0; padding-bottom: 144%; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;}

.popup .tbl {font-size: 14px;opacity: 0.8;}
.popup .tbl table {table-layout:fixed;}
.popup .tbl th {padding: 10px; background-color: #383838; font-weight: 400; border: 1px solid #000;}
.popup .tbl td {padding: 20px; background-color: #1d1d1d; border: 1px solid #000;}
.popup .tbl col.th1 {width: 120px;}
.popup .tbl .inp_txt ,
.popup .tbl .textarea1,
.popup .tbl .select1 {background-color: transparent; border: 1px solid #1d1d1d; color: #fff; background-size: auto 7px;}
.popup .tbl .wid1 {width: 200px;}
.popup .tbl .t {margin-left: 10px; font-size: 12px; color: #9c9c9c;}
.popup .tbl table.view td {padding: 5px; height: 40px;}

.acatable .popup .tbl {width:70%;}
.acatable .popup .tbl_img {width:25%;float:right;}
.acatable .popup .tbl_img img{width:100%;display:block;}


.pop_about {overflow:hidden;}
.pop_about .lft {float: left; width: 43%;}
.pop_about .rgh {float: right; width: 52%; font-size: 13px; line-height: 1.5;}
.pop_about .rgh .h1 {margin-bottom: 20px; font-size: 24px;}
.pop_about .rgh .h1 span {display: block; margin-left: 60px;}
.pop_about .rgh .t1 {color: #a7a7a7;}



.layerPopup.ty2 {position: fixed; top: 50%; padding: 30px; max-width:1000px; margin-left: -475px;background-color:#000; background-position:0; background-repeat:no-repeat; color: #fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layerPopup.ty2 .pop_tit {margin-bottom: 20px; color: #aaaaaa; font-size: 16px;}
.layerPopup.ty2 .pop_tit strong {color: #fff; font-size: 24px;font-family:'Alegreya', serif;letter-spacing:1.2px;}
.layerPopup.ty2 .popup .btn_close {width: 30px; height: 30px;}
.layerPopup.ty2 .popup .btn_close > span:after,
.layerPopup.ty2 .popup .btn_close > span:before {background-color: #fff; width: 30px; margin-left: -15px;}
.layerPopup.ty2 .popup {padding: 80px; border: 1px solid #fff;}
.layerPopup.ty2 .btn-bot {margin-top: 20px;}
.layerPopup.ty2 .mw100p {width: 200px;}

.acatable {}
.acatable.ty2 {color: #fff;}
.acatable.ty2 .pop_tit {margin-bottom: 20px; color: #aaaaaa; font-size: 16px;}
.acatable.ty2 .pop_tit strong {color: #fff; font-size: 24px;}
.acatable.ty2 .popup .btn_close {width: 30px; height: 30px;}
.acatable.ty2 .popup .btn_close > span:after,
.acatable.ty2 .popup .btn_close > span:before {background-color: #fff; width: 30px; margin-left: -15px;}
.acatable.ty2 .popup {padding: 34px 10px;}
.acatable.ty2 .btn-bot {margin-top: 20px;}
.acatable.ty2 .mw100p {width: 200px;}


.layerPopup.ty3 {width: auto; margin-left: 0; border: 3px solid #000; max-width:1200px; max-height:80vh; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.layerPopup.ty3 .popup .img img {width: 100%;}
.layerPopup.ty3 .popup .btn_close {z-index: 10; right: 10px; top: 10px; width: 40px; height: 40px; background-color: #000; border-radius: 50%;}
.layerPopup.ty3 .popup .btn_close > span:after,
.layerPopup.ty3 .popup .btn_close > span:before {background-color: #fff; width: 30px; margin-left: -15px; margin-top: -2px;}

.layerPopup.ty3 .video {position: relative; height: 0; width: 1100px; padding-bottom: 56.5%;}
.layerPopup.ty3 .video iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}




@media (max-width:1280px){
	.layerPopup.ty3 {width: 90%;}
}




/*alert 팝업*/
.popup_alert {display: none;}
.popup_alert .popup {z-index: 1001; overflow:hidden; position: fixed; left: 50%; top: 50%; min-width:370px; max-width:470px; text-align: center; font-size: 15px; line-height: 1.5; border-radius: 20px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.popup_alert .popup .txt {padding: 45px 30px 40px; background-color: #fff;}
.popup_alert .popup .txt .h1 {margin-bottom: 20px; font-weight: 700; font-size: 18px; color: #463c5a;}
.popup_alert .popup .btns {display: table; width: 100%; table-layout:fixed; background-color: #5a32d2;}
.popup_alert .popup .btns a {display: table-cell; vertical-align: top; font-size: 15px; line-height: 60px; font-weight: 700; color: #fff; border-left: 1px solid rgba(255,255,255,.3); box-sizing:border-box;}
.popup_alert .popup .btns a:first-child {border-left: 0;}



/*로케이션*/
#spot {}
#spot.spot {
	display: table; width: 100%; height: 255px; font-weight: 200; font-size: 18px; color: #fff; text-align: center; 
	background: rgb(75,109,181);
	background: -moz-linear-gradient(39deg, rgba(75,109,181,1) 0%, rgba(138,89,210,1) 50%, rgba(183,89,211,1) 100%);
	background: -webkit-linear-gradient(39deg, rgba(75,109,181,1) 0%, rgba(138,89,210,1) 50%, rgba(183,89,211,1) 100%);
	background: linear-gradient(39deg, rgba(75,109,181,1) 0%, rgba(138,89,210,1) 50%, rgba(183,89,211,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b6db5",endColorstr="#b759d3",GradientType=1);
	 background-repeat: no-repeat; background-position: center center; background-size: cover;
}
#spot.spot.s0 {background: #ff9d47;}
#spot.spot.s1 {background-image: url('../images/spot/spot1.jpg');}
#spot.spot.s2 {background-image: url('../images/spot/spot2.jpg');}
#spot.spot.s3 {background-image: url('../images/spot/spot3.jpg');}
#spot.spot.s4 {background-image: url('../images/spot/spot4.jpg');}
#spot.spot.s5 {background-image: url('../images/spot/spot5.jpg');}
#spot.spot.s6 {background-image: url('../images/spot/spot6.jpg');}
#spot.spot > div {display: table-cell; vertical-align: middle;}
#spot .title {margin-bottom: 35px; text-align: center; font-size: 36px; font-weight: 700;}

.path {z-index: 1; position: relative; margin-top: 40px;}
.path > ul {font-size: 0;}
.path > ul > li {position: relative; display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding-right: 20px; text-align: center;}
.path > ul > li span {position: relative; display: inline-block; padding-left: 30px; font-weight: 300; font-size: 16px; line-height: 1; vertical-align: middle; color: #fff;}
_::-moz-svg-foreign-content, :root .path li {float: left;}

.path > ul > li:first-child span {padding-left: 0;}


.path_depth2 {display: none; position: absolute; top: 48px; left: -1px; width: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}
.path_depth2 li {line-height: 40px; border-top: 1px solid #ddd;}
.path_depth2 li a {display: block;}
.path_depth2 li a span {font-size: 14px; line-height: 1.2;}
.path_depth2 li:hover a {background-color: #f9f9f9;}
.path_depth2 li:hover a span {color: #00416e;}




/*아카데미*/
.area_academy1 {}
.area_academy1 .hd_tit1 {text-align: center; color: #fff;}
.area_academy1 .hd_tit1 .h {color: #9c2892;}
.area_academy1 .cont {background-color: #fff; padding: 80px 50px 0; margin-bottom: -100px; text-align: center; line-height: 1.7;}
.area_academy1 .cont .tit {position: relative; display: inline-block; vertical-align: top; padding: 15px 40px; margin-bottom: 70px; font-size: 22px; color: #939393; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.area_academy1 .cont .tit:after {content:""; position: absolute; left: 3%; top: -30%; width: 94%; height: 160%; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
.area_academy1 .cont .tit span:after {content:""; position: absolute; right: 0; bottom: -10px; width: 50%; height: 1px; background-color: #d7d7d7;}
.area_academy1 .cont p.sign {max-width:600px; margin: 0 auto; padding-top: 40px; margin-top: 70px; border-top: 1px solid #d7d7d7;}

.area_academy2 {padding-top: 100px; background-color: #fff;}
.lst_academy1 {padding: 110px 0;}
.lst_academy1 ul {overflow:hidden;}
.lst_academy1 li {float: left; width: 33.33%; font-size: 14px; color: #c4c4c4;}
.lst_academy1 li .txt {height: 400px; padding: 30px; background-color: #232323;}
.lst_academy1 li:nth-child(2) .txt {background-color: #000;}
.lst_academy1 li .h1 {margin-bottom: 25px; font-size: 24px; line-height: 1.1; font-weight: 700; color: #fff;}
.lst_academy1 li .h1 span {display: block; font-weight: 300; font-size: 14px; color: #c4c4c4;}
.lst_academy1 li .t1 {line-height: 1.5;}


.area_academy3 {padding: 80px 0; background-color: #fff;}
.area_academy3 .inr-c {position: relative;}
.area_academy3 .hd_tit1 {position: absolute; left: 0; top: 0;}
.lst_academy2 {text-align: right; font-size: 0;}
.lst_academy2 li {display: inline-block; vertical-align: top; max-width:32%;}
.lst_academy2 li .img { margin-left: 10px; margin-bottom: 10px;}
.lst_academy2 li:first-child .img {margin-top: 51%;}


.area_academy4 {overflow:hidden; padding: 80px 0 130px; background-color: #fff;}
.area_academy4 .lft {float: left;}
.area_academy4 .lft .btn-bot {width: 345px; margin-bottom: 70px;}
.area_academy4 .lft .btn-pk {width: 100%; text-align: left; margin-bottom: 15px; padding-right: 30px; padding-left: 30px; padding-top: 22px; padding-bottom: 22px; }
.area_academy4 .lft .btn-pk span {display: block; padding-right: 20px; background: url(../images/sub/ico_arrow1.png) right center no-repeat;font-size:16px;}
.area_academy4 .lft .btn-pk span strong {color: #fff;font-family:'Alegreya', serif;letter-spacing:1.2px;}
.area_academy4 .lft .t1 {margin-bottom: 15px; font-weight: 700; font-size: 24px; color: #931ccb;}
.area_academy4 .lft .t2 {font-size: 16px; line-height: 1.5;}
.area_academy4 .rgh {float: right; font-size: 0; width: 50%; text-align: right;}
.area_academy4 li {position: relative; display: inline-block; vertical-align: top; margin-left: 3%; margin-bottom: 3%;}
.area_academy4 li span {transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.area_academy4 li span.on {position: absolute; left: 0; top: 0; width: 100%; opacity:0;}

.area_academy4 li.on span.on,
.area_academy4 li:hover span.on {opacity:1;}


.area_academy5 {display:none;}

.area_academy5 {position: relative; padding: 110px 0 50px;min-height:200px;}
.area_academy5 .hd_tit1 {text-align: center; margin-bottom: 60px;}
.area_academy5 .hd_tit1 .h {margin-bottom: 50px;}
.area_academy5 .hd_tit1 .tab.ty1 li a {color: #8e8e8e;}
.area_academy5 .hd_tit1 .tab.ty1 li.on a {color: #fff;}




.bxMain4 {position: relative; display: table; width: 100%; height: 100vh; background-color: #000;}
.bxMain4 > .inner {display: table-cell; vertical-align: middle;}
.bxMain4 .inr-c {position: relative; background-image: url(../images/sub/img_aboutus1.jpg); background-position: right center; background-repeat: no-repeat;}
.bxMain4 .hd_tit1 .h {color: #fff;}
.bxMain4 .t1 {color: #e7e7e7; line-height: 1.5;}
.bxMain4 .icon {position: absolute; right: 40px; top: 115px; width: 50px; text-align: right;}
.bxMain4 .icon a {display: block; margin-bottom: 10px;}


.area_aboutus1 {overflow:hidden; padding: 105px 0; background-color: #fff;}
.area_aboutus1 .lft {float: left; width: 45%;}
.area_aboutus1 .rgh {float: right; width: 45%;}
.area_aboutus1 .t1 {margin-bottom: 25px; font-size: 24px; color: #000;}
.area_aboutus1 .t2 {font-size: 14px; line-height: 1.6;}


.area_aboutus2 .inr-c {padding: 100px 0; background-image: url(../images/sub/img_aboutus3.jpg); background-position: right bottom; background-repeat: no-repeat;}
.area_aboutus2 .hd_tit1 .h {color: #fff;}
.area_aboutus2 .t1 {color: #e7e7e7;}


.area_aboutus3 {overflow:hidden; background-color: #fff;}
.area_aboutus3 .lft {float: left; padding: 115px 0;}
.area_aboutus3 .rgh {float: right; width: 45%;padding:115px 0;}
.area_aboutus3 .rgh .scrollY {height: 630px;}
.area_aboutus3 .rgh ul {padding: 0 0 15px;}
.area_aboutus3 .rgh li {display: table; width: 100%; table-layout:fixed; margin-bottom: 14px; font-size: 15px;}
.area_aboutus3 .rgh li span {display: table-cell; vertical-align: top;}
.area_aboutus3 .rgh li span.h {color: #4e4e4e; width: 140px;}
.area_aboutus3 .rgh li span.t {color: #000;}

.area_aboutus3 .years {padding-left:90px;}
.area_aboutus3 .years li {color:#878787;font-weight:bold;font-size:18px;padding:3px 0;width:100px;text-align:center;}
.area_aboutus3 .years li.on {color:#000;font-size:24px;}


.tbl_blog1 {}
.tbl_blog1 ul {border-top: 2px }
.tbl_blog1 li {padding: 30px; border-bottom: 1px solid #555;}
.tbl_blog1 li a {display: table; width: 100%; table-layout:fixed;}
.tbl_blog1 li a > div {display: table-cell; vertical-align: top;}
.tbl_blog1 li a .thumb {overflow:hidden; position: relative; height: 0; padding-bottom: 15%; width: 20%;}
.tbl_blog1 li a .thumb span {position: absolute; left: 50%; top: 50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }
.tbl_blog1 li a .thumb img {min-width: 100%; min-height: 100%; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.tbl_blog1 li a .info {padding-left: 3%;}
.tbl_blog1 li a .info .h {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #555;}
.tbl_blog1 li a .info .h1 {margin-bottom: 5px; font-weight: 600; font-size: 20px; line-height: 1.2; color: #FFF; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.tbl_blog1 li a .info .t1 {font-size: 16px; line-height: 1.5; color: #b8b8b8;}
.tbl_blog1 li a .info .t1 span {display: inline-block; vertical-align: middle; padding: 0 10px; line-height: 0.8; border-left: 1px solid #555;}
.tbl_blog1 li a .info .t1 span:first-child {border-left: 0; padding-left: 0;}
.tbl_blog1 li a .info .t2 {font-size: 16px; line-height: 1.5; color: #b8b8b8;}
.tbl_blog1 li a .info .t2.t-dotdot {overflow:hidden; height: 74px; margin-bottom: 20px;}

.tbl_blog1 li:hover .thumb img {transform:scale(1.1);}
.hd_stitbox1 {position: relative;
    margin-bottom: 75px;
    text-align: center;}
.hd_stitbox1 .title {    font-weight: 700;
    font-size: 36px;
    color: #FFF;
    line-height: 1;}

.pb200 {padding-top:170px;}

.bbs_view {border-top: 2px solid #FFF; border-bottom: 2px solid #222;} .bbs_view 
.tit {text-align: center; border-bottom: 1px solid #555;} .bbs_view .tit .h1 
{display: table; width: 100%; font-weight: 700; font-size: 28px; color: #FFF; 
line-height: 1.3; border-bottom: 1px solid #555;} .bbs_view .tit .h1 > span 
{display: table-cell; vertical-align: middle; height: 70px; padding: 20px;} 
.bbs_view .tit .t1 {padding: 20px; font-size: 18px; color: #FFF;} .bbs_view .tit 
.t1 span {color: #b8b8b8;} .bbs_view .tit .t1 em {display: inline-block; 
vertical-align: middle; padding-right: 15px; margin-right: 15px; line-height: 
1;} .bbs_view .tit .t1 em:first-child {border-right: 1px solid #ccc;} .bbs_view 
.info {padding: 30px 45px; font-size: 18px; color: #b8b8b8; border-bottom: 1px 
solid #555; white-space:pre-line;} .bbs_view .info img {text-align: center; 
max-width:100%;height:auto;} .bbs_view .botm {overflow:hidden; padding: 20px 
25px;} .bbs_view .botm .lft {float: left; text-align: left; width: 50%;} 
.bbs_view .botm .rgh {float: right; text-align: right; width: 50%;} .bbs_view 
.botm .lft > a {width: 100%; box-sizing:border-box; border-right: 1px solid 
#555;} .bbs_view .botm .rgh > a {width: 100%; box-sizing:border-box;} .bbs_view 
.botm .lft span, .bbs_view .botm .rgh span {display: inline-block; width:80%; 
font-size: 17px; color: #555; line-height: 1.1; overflow:hidden; 
white-space:nowrap; text-overflow: ellipsis; }

.bbs_view .tit_review {background-color: #f8fbfd;}
.bbs_view .tit_review .top {display: table; width: 100%; padding: 20px 40px; box-sizing:border-box;}
.bbs_view .tit_review .top > div {display: table-cell; vertical-align: middle;}
.bbs_view .tit_review .top .thumb {width: 230px;}
.bbs_view .tit_review .top .thumb span {overflow:hidden; display: block; position: relative; height: 0; padding-bottom: 66%;}
.bbs_view .tit_review .top .thumb span img {position: absolute; left: 50%; top: 50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);}
.bbs_view .tit_review .top .txt1 {padding-left: 40px; font-size: 18px; color: #555;}
.bbs_view .tit_review .top .txt1 .h1 {margin-bottom: 10px; font-weight: 700; font-size: 22px; color: #222; line-height: 1.3; }
.bbs_view .tit_review .txt2 {padding: 35px 40px; text-align: center; font-size: 20px; line-height: 1; color: #fff; background-color: #1d549d;}


/*메인팝업*/
.wrap_mainPopup {z-index: 1000; position: fixed; left: 0; top: 0; font-size: 0; width: 100%; height: 100%;  overflow-y:auto;text-align:right;}
.wrap_mainPopup .inner {display: inline-block; padding: 50px 0;}
.mainPopup {overflow:hidden; display: inline-block; vertical-align: top; margin: 5px; border-radius: 5px;margin-right:-10px;}
.mainPopup .botm {overflow:hidden; background-color: #fff; padding: 15px; color: #000; text-align: left;}
.mainPopup .botm button {float: right; color: #000; font-size: 14px;}

@media (max-width:960px){
	.mainPopup {width: 70%;}
	.mainPopup .botm {padding: 10px;}
}



.swiper-button-next, .swiper-button-prev {margin-top: -33px; width: 37px; height: 69px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat;}
.swiper-button-next {right: 90px; background-image: url('../images/common/btn_slider_next.png');}
.swiper-button-prev {left: 90px; background-image: url('../images/common/btn_slider_perv.png');}

/******************************************************************************************/
@media (max-width:1280px){
	.inr-c {margin-left: 4%; margin-right: 4%;}

	#header .logo {margin-left: 0;}
	#header .gnb {margin-right: 0;}

	.tab.ty2 li a {width: 120px;}
	.tab.ty2 li a .t1 {font-size: 15px;}

	.layerPopup.ty3 .video {width: 100%;}

	.hide-pc {display: none;}


	.bxMain3 .swiper-container-horizontal>.swiper-pagination-bullets, .bxMain3 .swiper-pagination-custom, .bxMain3 .swiper-pagination-fraction {width: 92%; margin-left: 0; left: 4%;}
	
	.area_main1 .b3 {margin-top:20px;}
	.area_main1 .box .txt {bottom:-60px;}
}

@media (min-width:961px){
	.view-m {display: none;}
	#header .gnbbox {display: block !important;}

	.area_aboutus3 .years ul {display: block !important;}
	.btn_years {display: none;}
}