@charset "utf-8";
/* 공통 */

html, body {height:100%;}
body{position:relative; width:100%;}
#wrap{overflow:hidden; font-family:'Noto Sans KR'; font-weight:400;}

ul,li{list-style:none;}
a,
a:hover,
a:link,
a:active,
a:visited{text-decoration:none; color:#252525;}
p{margin:0;}

.user strong.hidden,
.user #skip{position:absolute; top:0; left:-2000px;}
.user .layout{position:relative; max-width:1320px; padding:0 20px; margin:0 auto; box-sizing:border-box;}


/*공통*/
#slide_map{display: none; position:absolute; top:0; left:0; z-index:100;}
.user #header{
	position:absolute; top:0; left:0; z-index:20; width:100%; min-height:137px; background-color:rgba(0,0,0,0.3);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header:before{content:""; position:relative;}
.user #header h1{position:relative; width:100%; height:75px;}
.user #header:after{content:""; position:absolute; top:75px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.25);}
.user #header h1 a{
	display: block; width:235px; height:100%; margin:0 auto;
	transition:margin 0.3s ease;
	-webkit-transition:margin 0.3s ease;
}
.user #header h1 a img{display: inline-block; padding-top:13px;}
.user #header h1 a img.logoon{display: none;}
.user #header h1 a span{display: inline-block; padding-top:20px; padding-left:10px; font-size:24px; font-weight:700; color:#fff;}

.user #header .menu{
	overflow:hidden; width:100%; height:62px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header .menu ul{/*overflow: hidden;*/ width:100%;}
.user #header .menu ul:after{content:""; display:block; clear:both;}
.user #header .menu ul li{float:left; width:16.66%; border-right:1px solid rgba(255,255,255,0.25); box-sizing:border-box;}
.user #header .menu ul li:first-child{border-left:1px solid rgba(255,255,255,0.25);}
.user #header .menu ul li a{display: block; position:relative; width:100%; height:62px; line-height:62px; font-size:20px; color:#fff; text-align:center;}
.user #header .menu ul li a:before{
	content:""; display:block; position:absolute; left:50%; bottom:0; width:0; height:3px; background-color:#ff8429;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header .menu ul li:hover a{color:#ff8429;}
.user #header .menu ul li:hover a:before{left:0; width:100%;}
.user #header .menu ul li ul{display:block; padding:15px 0px;}
.user #header .menu ul li ul li{float:none; width:100%; height:auto; padding:12px 0; border:none;}
.user #header .menu ul li ul li a{height:auto; font-size:16px;}
.user #header .menu ul li ul li a:before{display:none;}
.user #header .menu ul li ul li,
.user #header .menu ul li ul li:first-child,
.user #header .menu ul li ul li:hover{border:0;}
.user #header .menu ul li:hover ul{background-color: #fff;}
.user #header .menu ul li:hover ul li a{color:#252525;}
.user #header .menu ul li ul li a:hover{color:#ff8429;}
.user #header .menu ul li ul li a{line-height:18px;}
.user #header .menu ul li ul li ul{display:none;}

/*2차메뉴*/
.user #header.on{background-color:transparent; background-image: url(../../images/kor/layout/header_bg.png); background-repeat:repeat;}
.user #header.on:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-bottom:1px solid #ccc;}
.user #header.on:after{background-color:#ccc;}
.user #header.on h1 a img{display: none;}
.user #header.on h1 a img.logoon{display: inline-block;}
.user #header.on h1 a span{color:#252525;}
.user #header.on .menu{height:auto;}
.user #header.on .menu ul li{border-color:#ccc;}
.user #header.on .menu ul li a{color:#252525;}

.user #header.on #global2 ul li a{color:#555;}
.user #header.on #global ul li a{color:rgba(85,85,85,0.8);}

.user #global{position:absolute; top:0; right:20px;}
.user #global2{position:absolute; top:0; left:20px;}
.user #global ul,
.user #global2 ul,{overflow: hidden;}
.user #global ul li{float:left; padding-left:32px; line-height:75px;}
.user #global2 ul li{line-height:75px;}
.user #global ul li a{color:rgba(255,255,255,0.8);}
.user #global2 ul li a{color:#fff;}

.user .site_m{display: none; position:absolute; top:31px; right:20px; width:25px; height:20px; background-image: url(../../images/kor/layout/sitemap.png); background-repeat:no-repeat; background-position:center center;}
.user .site_m a{display: block; width:100%; height:100%;}



.user #footer{width:100%; height:auto;}
.user #footer .ft_top{position:relative; width:100%; height:auto; background-color:rgba(45,45,45,0.9);}
.user #footer .ft_top .moumbox{position:relative; width:100%; height:100%; padding-left:170px; box-sizing:border-box;}
.user #footer .ft_top .moum{position:absolute; top:0; left:0; z-index:30; width:170px; padding:18px 0;}
.user #footer .ft_top strong{display: inline-block; line-height:25px; font-size:17px; font-weight:500; color:#fff; vertical-align:middle;}
.user #footer .ft_top .btns{display: inline-block; width:60px; height:20px;  margin-left:10px; border:1px solid rgba(255,255,255,0.28); vertical-align:middle;}
.user #footer .ft_top .btns ul{overflow: hidden;}
.user #footer .ft_top .btns ul li{float:left; width:20px; border-right:1px solid rgba(255,255,255,0.28); box-sizing:border-box;}
.user #footer .ft_top .btns ul li:nth-child(3),
.user #footer .ft_top .btns ul li:nth-child(4){border-right:0px;}
.user #footer .ft_top .btns ul li a{overflow: hidden; display: block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;}
.user #footer .ft_top .btns ul li:nth-child(1) a{background-image: url(../../images/kor/layout/ft_left.png);}
.user #footer .ft_top .btns ul li:nth-child(2) a{background-image: url(../../images/kor/layout/ft_right.png);}
.user #footer .ft_top .btns ul li:nth-child(3) a{background-image: url(../../images/kor/layout/ft_stop.png);}
.user #footer .ft_top .btns ul li:nth-child(4) a{background-image: url(../../images/kor/layout/ft_play.png);}

.user #footer .ft_top .menu{
	overflow: hidden; position:relative; width:100%; height:60px;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
.user #footer .ft_top .menu ul{overflow: hidden; position:absolute; top:0; left:0; width:10000px;}
.user #footer .ft_top .menu ul li{float:left; padding-right:46px;}
.user #footer .ft_top .menu ul li:last-child{padding-right:0px;}
.user #footer .ft_top .menu ul li a{
	line-height:60px; font-size:15px; font-weight:300; color:rgba(255,255,255,0.6);
	transition:line-height 0.3s ease;
	-webkit-transition:line-height 0.3s ease;
}
.user #footer .ft_top .menu ul li a:hover{color:#fff;}

.user #footer .ft_bot{position:relative; width:100%; height:auto; background-color:#2d2d2d;}
.user #footer .ft_bot .menu{width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,0.2);}
.user #footer .ft_bot .menu ul{overflow: hidden; padding:19px 0;}
.user #footer .ft_bot .menu ul li{float:left; padding-right:35px;}
.user #footer .ft_bot .menu ul li a{
	font-size:15px; color:#b8b8b8;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user #footer .ft_bot .menu ul li a:hover{text-decoration:underline;}
.user #footer .ft_bot .menu ul li:first-child a{color:#fff;}
.user #footer .ft_bot .info{width:100%; height:auto; padding-top:30px; padding-bottom:46px;}
.user #footer .ft_bot address,
.user #footer .ft_bot address a,
.user #footer .ft_bot .copy{
	line-height:22px; font-size:14px; font-style:normal; color:#cdcdcd;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user #footer .ft_bot address span{padding-right:15px;}





/*메인*/
.user#main #visual{
	position:relative; z-index:0; width:100%; height:716px;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
.user#main #visual ul li{
	opacity:0; position:absolute; top:0; left:0; width:100%; height:716px; background-repeat:no-repeat; background-position:center center; background-size:cover;
	transition:opacity 3s ease, height 0.3s ease;
	-webkit-transition:opacity 3s ease, height 0.3s ease;
}
.user#main #visual.step_01 ul li:nth-child(1),
.user#main #visual.step_02 ul li:nth-child(2),
.user#main #visual.step_03 ul li:nth-child(3),
.user#main #visual.step_04 ul li:nth-child(4),
.user#main #visual.step_05 ul li:nth-child(5),
.user#main #visual.step_06 ul li:nth-child(6),
.user#main #visual.step_07 ul li:nth-child(7),
.user#main #visual.step_08 ul li:nth-child(8),
.user#main #visual.step_09 ul li:nth-child(9),
.user#main #visual.step_10 ul li:nth-child(10),
.user#main #visual.step_11 ul li:nth-child(11),
.user#main #visual.step_12 ul li:nth-child(12){opacity:1;}

.user#main #visual ul li .txts{
	width:100%; margin:250px auto 0 auto; text-align:center;
	transition:margin 0.3s ease;
	-webkit-transition:margin 0.3s ease;
}
.user#main #visual ul li strong{
	display:inline-block; padding-top:30px; padding-right:15px; font-family:'Nanum Myeongjo'; font-size:70px; color:#fff;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #visual ul li p{
	padding-top:13px; font-size:20px; color:#fff; text-align:center;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}

.user#main #visual .slides{
	position:absolute; bottom:70px; left:50%; width:128px; height:34px; margin-left:-64px; padding:5px 20px 0; background-color:rgba(0,0,0,0.2); border-radius:20px; box-sizing:border-box;
	transition:bottom 0.3s ease;
	-webkit-transition:bottom 0.3s ease;
}
.user#main #visual .slides a{overflow: hidden; display:inline-block; background-repeat:no-repeat; background-position:center center; text-indent:-2000px; vertical-align:middle;}
.user#main #visual .slides a.circle{
	width:20px; height:20px; margin-right:2px; background-image: url(../../images/kor/layout/vi_cir.png);
	transition:background-image 0.3s ease;
	-webkit-transition:background-image 0.3s ease;
}

.user#main #visual .slides a.circle:hover{background-image: url(../../images/kor/layout/vi_cir_ov.png);}
.user#main #visual.step_01 .slides a.circle:nth-child(1),
.user#main #visual.step_02 .slides a.circle:nth-child(2),
.user#main #visual.step_03 .slides a.circle:nth-child(3),
.user#main #visual.step_04 .slides a.circle:nth-child(4),
.user#main #visual.step_05 .slides a.circle:nth-child(5),
.user#main #visual.step_06 .slides a.circle:nth-child(6),
.user#main #visual.step_07 .slides a.circle:nth-child(7){background-image: url(../../images/kor/layout/vi_cir_ov.png);}

.user#main #visual .slides a.stop{width:13px; background-image: url(../../images/kor/layout/vi_stop.png);}
.user#main #visual .slides a.play{width:9px; background-image: url(../../images/kor/layout/vi_play.png);}
.user#main #visual .slides a.stop,
.user#main #visual .slides a.play{margin-left:5px;}



.user#main #container{width:100%; height:auto; overflow:hidden;}
.user#main [id*=cont_0] strong.titles{
	display: block; margin-top:50px; margin-bottom:24px; font-size:32px; text-align:center;
	transition:margin 0.3s ease;
	-webkit-transition:margin 0.3s ease;
}
.user#main #cont_01{width:100%; height:auto;}
.user#main #cont_01 .slides{
	position:relative; width:630px; margin:0 auto;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
.user#main #cont_01 .slides ul{overflow: hidden;}
.user#main #cont_01 .slides ul li{float:left;}
.user#main #cont_01 .slides ul li a{
	display: block; height:30px; line-height:30px; padding:0 30px; border-bottom:2px solid #ccc; font-size:17px; color:#4d4d4d; text-align:center;
	transition:font-size 0.3s ease, padding 0.3s ease;
	-webkit-transition:font-size 0.3s ease, padding 0.3s ease;
}

.user#main #cont_01.slide_01 .slides ul li:first-child a,
.user#main #cont_01.slide_02 .slides ul li:first-child a:hover,
.user#main #cont_01.slide_03 .slides ul li:first-child a:hover,
.user#main #cont_01.slide_04 .slides ul li:first-child a:hover{border-bottom:2px solid #b47e52; color:#b47e52;}
.user#main #cont_01.slide_02 .slides ul li:nth-child(2) a,
.user#main #cont_01.slide_03 .slides ul li:nth-child(2) a:hover,
.user#main #cont_01.slide_01 .slides ul li:nth-child(2) a:hover,
.user#main #cont_01.slide_04 .slides ul li:nth-child(2) a:hover{border-bottom:2px solid #60b452; color:#60b452;}
.user#main #cont_01.slide_03 .slides ul li:nth-child(3) a,
.user#main #cont_01.slide_01 .slides ul li:nth-child(3) a:hover,
.user#main #cont_01.slide_02 .slides ul li:nth-child(3) a:hover,
.user#main #cont_01.slide_04 .slides ul li:nth-child(3) a:hover{border-bottom:2px solid #ff8429; color:#ff8429;}
.user#main #cont_01.slide_04 .slides ul li:nth-child(4) a,
.user#main #cont_01.slide_01 .slides ul li:nth-child(4) a:hover,
.user#main #cont_01.slide_02 .slides ul li:nth-child(4) a:hover,
.user#main #cont_01.slide_03 .slides ul li:nth-child(4) a:hover{border-bottom:2px solid #d9a031; color:#d9a031;}

.user#main #cont_01 .slides .btns{position:absolute; top:0; right:0; float:left; border:1px solid #ccc; box-sizing:border-box;}
.user#main #cont_01 .slides .btns a{overflow: hidden; display: block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;}
.user#main #cont_01 .slides .btns a.stop{background-image: url(../../images/kor/layout/stop_btn.png);}
.user#main #cont_01 .slides .btns a.play{background-image: url(../../images/kor/layout/play_btn.png);}


.user#main #cont_01 .boxs{position:relative; width:100%; height:415px; margin-top:40px;}
.user#main #cont_01 .boxs ul{height:100%;}
.user#main #cont_01 .boxs ul li{
	overflow: hidden; float:left; position:absolute; top:0; width:100%;
	transition:left 0.8s ease 0.3s;
	-webkit-transition:left 0.8s ease 0.3s;
}
.user#main #cont_01.slide_01 .boxs ul li:nth-child(1){left:0;}
.user#main #cont_01.slide_01 .boxs ul li:nth-child(2){
	left:1400px;
	transition:left 0s ease 0.8s;
	-webkit-transition:left 0s ease 0.8s;
}
.user#main #cont_01.slide_01 .boxs ul li:nth-child(3){left:2800px;}
.user#main #cont_01.slide_01 .boxs ul li:nth-child(4){left:-1400px;}


.user#main #cont_01.slide_02 .boxs ul li:nth-child(1){left:-1400px;}
.user#main #cont_01.slide_02 .boxs ul li:nth-child(2){left:0;}
.user#main #cont_01.slide_02 .boxs ul li:nth-child(3){
	left:1400px;
	transition:left 0s ease 0.8s;
	-webkit-transition:left 0s ease 0.8s;
}
.user#main #cont_01.slide_02 .boxs ul li:nth-child(4){left:2800px;}

.user#main #cont_01.slide_03 .boxs ul li:nth-child(1){
	left:2800px;
	transition:left 0s ease 0.8s;
	-webkit-transition:left 0s ease 0.8s;
}
.user#main #cont_01.slide_03 .boxs ul li:nth-child(2){left:-1400px;}
.user#main #cont_01.slide_03 .boxs ul li:nth-child(3){left:0;}
.user#main #cont_01.slide_03 .boxs ul li:nth-child(4){left:1400px;}

.user#main #cont_01.slide_04 .boxs ul li:nth-child(1){
	left:1400px;
	transition:left 0s ease 0.8s;
	-webkit-transition:left 0s ease 0.8s;
}
.user#main #cont_01.slide_04 .boxs ul li:nth-child(2){left:2800px;}
.user#main #cont_01.slide_04 .boxs ul li:nth-child(3){left:-1400px;}
.user#main #cont_01.slide_04 .boxs ul li:nth-child(4){left:0;}

.user#main #cont_01 .boxs ul li .photos{
	display: block; float:left; width:50%; height:375px; background-repeat:no-repeat; background-position:center center; background-size:cover;
	transition:margin-top 0.3s ease, height 0.3s ease;
	-webkit-transition:margin-top 0.3s ease, height 0.3s ease;
}
.user#main #cont_01 .boxs ul li:nth-child(1) .photos{background-image: url(../../images/kor/layout/slide_img1.jpg);}
.user#main #cont_01 .boxs ul li:nth-child(2) .photos{background-image: url(../../images/kor/layout/slide_img2.jpg);}
.user#main #cont_01 .boxs ul li:nth-child(3) .photos{background-image: url(../../images/kor/layout/slide_img3.jpg);}
.user#main #cont_01 .boxs ul li:nth-child(4) .photos{background-image: url(../../images/kor/layout/slide_img4.jpg);}
.user#main #cont_01.slide_01 .boxs ul li:nth-child(1) .photos,
.user#main #cont_01.slide_02 .boxs ul li:nth-child(2) .photos,
.user#main #cont_01.slide_03 .boxs ul li:nth-child(3) .photos,
.user#main #cont_01.slide_04 .boxs ul li:nth-child(4) .photos{
	margin-top:40px;
	transition:margin-top 0.3s ease 0.8s;
	-webkit-transition:margin-top 0.3s ease 0.8s;
}

.user#main #cont_01 .boxs ul li .txts{
	position:relative; display: block; float:left; width:50%; height:375px;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
.user#main #cont_01 .boxs ul li .txts:after{content:""; position:absolute; top:0; right:0; width:224px; height:149px; background-image: url(../../images/kor/layout/slide_bg1.png); background-repeat:no-repeat; background-position:center center; background-size:100%;}
.user#main #cont_01 .boxs ul li:nth-child(1) .txts{background-color:#b47e52;}
.user#main #cont_01 .boxs ul li:nth-child(2) .txts{background-color:#60b452;}
.user#main #cont_01 .boxs ul li:nth-child(3) .txts{background-color:#ff8429;}
.user#main #cont_01 .boxs ul li:nth-child(4) .txts{background-color:#d9a031;}
.user#main #cont_01 .boxs ul li .txts a{position:relative; z-index:10; display: block; padding:60px 50px 0px 60px; width:100%; height:100%; box-sizing:border-box;}
.user#main #cont_01 .boxs ul li .txts a .boxs_ti{display: block; width:100%; padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,0.2);}
.user#main #cont_01 .boxs ul li .txts a strong{font-family:'Nanum Myeongjo'; padding-right:8px; font-size:33px; color:#fff; vertical-align:bottom;}
.user#main #cont_01 .boxs ul li .txts a .engti{
	display: block; padding:27px 0 19px;  line-height:21px; font-size:17px; color:#fff;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #cont_01 .boxs ul li .txts a .pp{
	line-height:25px; font-size:17px; color:#fff;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #cont_01 .boxs ul li .txts a em{position:absolute; top:40px; right:50px; font-size:17px; font-style:normal; font-weight:500; color:#fff;
	transition:top 0.3s ease, right 0.3s ease;
	-webkit-transition:top 0.3s ease, right 0.3s ease;
}
.user#main #cont_01 .boxs ul li .txts a .arrow{
	position:absolute; bottom:47px; right:50px; display: block; width:46px; height:10px; background-image: url(../../images/kor/layout/slide_arrow.png); background-repeat:no-repeat;
	transition:right 0.3s ease;
	-webkit-transition:right 0.3s ease;
}
.user#main #cont_01 .boxs ul li .txts a:hover .arrow{right:40px;}



.user#main #cont_02{overflow: hidden; width:100%; height:auto;}
.user#main #cont_02 .layout{margin-bottom:70px;}
.user#main #cont_02 .layout:after{content:""; display:block; clear:both;}
.user#main #cont_02 .notice{
	position:relative; float:left; width:38%; height:626px; padding:44px 48px; background-color:#fbfbfb; box-sizing:border-box;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
.user#main #cont_02 .notice strong{
	display:block; line-height:36px; font-size:26px; font-weight:700;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #cont_02 .notice ul li{padding:19px 0 25px 0; border-top:1px dashed #d3d3d3;}
.user#main #cont_02 .notice ul li:first-child{padding:23px 0 24px 0; border-top:0px;}
.user#main #cont_02 .notice ul li a{display: block; width:100%; height:100%;}
.user#main #cont_02 .notice ul li a strong{display:inline-block; position:relative; max-width:100%; font-size:20px; font-weight:400;}
.user#main #cont_02 .notice ul li a strong.new span:after{content:"New"; overflow: hidden; position:absolute; top:11px; right:0; width:14px; height:14px; background-image: url(../../images/kor/layout/new.jpg); background-repeat:no-repeat; background-position:center center; text-indent:-2000px;}
.user#main #cont_02 .notice ul li a strong span{overflow: hidden; display: block; padding-right:20px; text-overflow:ellipsis; white-space:nowrap;}
.user#main #cont_02 .notice ul li a p{
	overflow: hidden; display: block; width:100%; height:53px; line-height:26px; font-size:17px; font-weight:300; color:#767676;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #cont_02 .notice ul li .date{display: block; padding-top:17px; font-size:15px; color:#767676;}
.user#main #cont_02 .notice a.more{
	overflow: hidden; position:absolute; top:49px; right:48px; width:27px; height:27px; background-image: url(../../images/kor/layout/notice_more.png); text-indent:-2000px; transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.user#main #cont_02 .notice a:hover strong,
.user#main #cont_02 .notice a:hover p{text-decoration:underline;}
.user#main #cont_02 .notice a.more:hover{transform:rotate(180deg);}

.user#main #cont_02 .sosic{float:left; width:62%; height:626px; margin:70px 0 0 0;}
.user#main #cont_02 .sosic .banner{position:relative; width:100%; z-index:10;}
.user#main #cont_02 .sosic .banner .grid{position:relative; width:100%;}
.user#main #cont_02 .sosic .banner .ban_wrap{}
.user#main #cont_02 .sosic .banner .ban_wrap ul{}
.user#main #cont_02 .sosic .banner .ban_wrap ul li{
	opacity:0; position:absolute; top:0; left:0; z-index:0;
	transition:opacity 0.8s ease;
	-webkit-transition:opacity 0.8s ease;
}
.user#main #cont_02 .sosic .banner .ban_wrap ul li img{width:100%;}
.user#main #cont_02 .sosic .banner .ban_wrap ul li .photos{display: block;}

.user#main #cont_02 .sosic.popup_01 .banner .ban_wrap ul li:nth-child(1),
.user#main #cont_02 .sosic.popup_02 .banner .ban_wrap ul li:nth-child(2),
.user#main #cont_02 .sosic.popup_03 .banner .ban_wrap ul li:nth-child(3),
.user#main #cont_02 .sosic.popup_04 .banner .ban_wrap ul li:nth-child(4),
.user#main #cont_02 .sosic.popup_05 .banner .ban_wrap ul li:nth-child(5),
.user#main #cont_02 .sosic.popup_06 .banner .ban_wrap ul li:nth-child(6),
.user#main #cont_02 .sosic.popup_07 .banner .ban_wrap ul li:nth-child(7),
.user#main #cont_02 .sosic.popup_08 .banner .ban_wrap ul li:nth-child(8),
.user#main #cont_02 .sosic.popup_09 .banner .ban_wrap ul li:nth-child(9),
.user#main #cont_02 .sosic.popup_10 .banner .ban_wrap ul li:nth-child(10),
.user#main #cont_02 .sosic.popup_11 .banner .ban_wrap ul li:nth-child(11),
.user#main #cont_02 .sosic.popup_12 .banner .ban_wrap ul li:nth-child(12),
.user#main #cont_02 .sosic.popup_13 .banner .ban_wrap ul li:nth-child(13),
.user#main #cont_02 .sosic.popup_14 .banner .ban_wrap ul li:nth-child(14),
.user#main #cont_02 .sosic.popup_15 .banner .ban_wrap ul li:nth-child(15),
.user#main #cont_02 .sosic.popup_16 .banner .ban_wrap ul li:nth-child(16),
.user#main #cont_02 .sosic.popup_17 .banner .ban_wrap ul li:nth-child(17),
.user#main #cont_02 .sosic.popup_18 .banner .ban_wrap ul li:nth-child(18),
.user#main #cont_02 .sosic.popup_19 .banner .ban_wrap ul li:nth-child(19),
.user#main #cont_02 .sosic.popup_20 .banner .ban_wrap ul li:nth-child(20),
.user#main #cont_02 .sosic.popup_21 .banner .ban_wrap ul li:nth-child(21),
.user#main #cont_02 .sosic.popup_22 .banner .ban_wrap ul li:nth-child(22),
.user#main #cont_02 .sosic.popup_23 .banner .ban_wrap ul li:nth-child(23),
.user#main #cont_02 .sosic.popup_24 .banner .ban_wrap ul li:nth-child(24),
.user#main #cont_02 .sosic.popup_25 .banner .ban_wrap ul li:nth-child(25),
.user#main #cont_02 .sosic.popup_26 .banner .ban_wrap ul li:nth-child(26),
.user#main #cont_02 .sosic.popup_27 .banner .ban_wrap ul li:nth-child(27),
.user#main #cont_02 .sosic.popup_28 .banner .ban_wrap ul li:nth-child(28),
.user#main #cont_02 .sosic.popup_29 .banner .ban_wrap ul li:nth-child(29),
.user#main #cont_02 .sosic.popup_30 .banner .ban_wrap ul li:nth-child(30),
.user#main #cont_02 .sosic.popup_31 .banner .ban_wrap ul li:nth-child(31),
.user#main #cont_02 .sosic.popup_32 .banner .ban_wrap ul li:nth-child(32),
.user#main #cont_02 .sosic.popup_33 .banner .ban_wrap ul li:nth-child(33),
.user#main #cont_02 .sosic.popup_34 .banner .ban_wrap ul li:nth-child(34),
.user#main #cont_02 .sosic.popup_35 .banner .ban_wrap ul li:nth-child(35),
.user#main #cont_02 .sosic.popup_36 .banner .ban_wrap ul li:nth-child(36),
.user#main #cont_02 .sosic.popup_37 .banner .ban_wrap ul li:nth-child(37),
.user#main #cont_02 .sosic.popup_38 .banner .ban_wrap ul li:nth-child(38),
.user#main #cont_02 .sosic.popup_39 .banner .ban_wrap ul li:nth-child(39),
.user#main #cont_02 .sosic.popup_40 .banner .ban_wrap ul li:nth-child(40),
.user#main #cont_02 .sosic.popup_41 .banner .ban_wrap ul li:nth-child(41),
.user#main #cont_02 .sosic.popup_42 .banner .ban_wrap ul li:nth-child(42),
.user#main #cont_02 .sosic.popup_43 .banner .ban_wrap ul li:nth-child(43),
.user#main #cont_02 .sosic.popup_44 .banner .ban_wrap ul li:nth-child(44),
.user#main #cont_02 .sosic.popup_45 .banner .ban_wrap ul li:nth-child(45),
.user#main #cont_02 .sosic.popup_46 .banner .ban_wrap ul li:nth-child(46),
.user#main #cont_02 .sosic.popup_47 .banner .ban_wrap ul li:nth-child(47),
.user#main #cont_02 .sosic.popup_48 .banner .ban_wrap ul li:nth-child(48),
.user#main #cont_02 .sosic.popup_49 .banner .ban_wrap ul li:nth-child(49),
.user#main #cont_02 .sosic.popup_50 .banner .ban_wrap ul li:nth-child(50),
.user#main #cont_02 .sosic.popup_51 .banner .ban_wrap ul li:nth-child(51),
.user#main #cont_02 .sosic.popup_52 .banner .ban_wrap ul li:nth-child(52),
.user#main #cont_02 .sosic.popup_53 .banner .ban_wrap ul li:nth-child(53),
.user#main #cont_02 .sosic.popup_54 .banner .ban_wrap ul li:nth-child(54),
.user#main #cont_02 .sosic.popup_55 .banner .ban_wrap ul li:nth-child(55),
.user#main #cont_02 .sosic.popup_56 .banner .ban_wrap ul li:nth-child(56),
.user#main #cont_02 .sosic.popup_57 .banner .ban_wrap ul li:nth-child(57),
.user#main #cont_02 .sosic.popup_58 .banner .ban_wrap ul li:nth-child(58),
.user#main #cont_02 .sosic.popup_59 .banner .ban_wrap ul li:nth-child(59),
.user#main #cont_02 .sosic.popup_60 .banner .ban_wrap ul li:nth-child(60),
.user#main #cont_02 .sosic.popup_61 .banner .ban_wrap ul li:nth-child(61),
.user#main #cont_02 .sosic.popup_62 .banner .ban_wrap ul li:nth-child(62),
.user#main #cont_02 .sosic.popup_63 .banner .ban_wrap ul li:nth-child(63),
.user#main #cont_02 .sosic.popup_64 .banner .ban_wrap ul li:nth-child(64),
.user#main #cont_02 .sosic.popup_65 .banner .ban_wrap ul li:nth-child(65),
.user#main #cont_02 .sosic.popup_66 .banner .ban_wrap ul li:nth-child(66),
.user#main #cont_02 .sosic.popup_67 .banner .ban_wrap ul li:nth-child(67),
.user#main #cont_02 .sosic.popup_68 .banner .ban_wrap ul li:nth-child(68),
.user#main #cont_02 .sosic.popup_69 .banner .ban_wrap ul li:nth-child(69),
.user#main #cont_02 .sosic.popup_70 .banner .ban_wrap ul li:nth-child(70),
.user#main #cont_02 .sosic.popup_71 .banner .ban_wrap ul li:nth-child(71),
.user#main #cont_02 .sosic.popup_72 .banner .ban_wrap ul li:nth-child(72),
.user#main #cont_02 .sosic.popup_73 .banner .ban_wrap ul li:nth-child(73),
.user#main #cont_02 .sosic.popup_74 .banner .ban_wrap ul li:nth-child(74),
.user#main #cont_02 .sosic.popup_75 .banner .ban_wrap ul li:nth-child(75),
.user#main #cont_02 .sosic.popup_76 .banner .ban_wrap ul li:nth-child(76),
.user#main #cont_02 .sosic.popup_77 .banner .ban_wrap ul li:nth-child(77),
.user#main #cont_02 .sosic.popup_78 .banner .ban_wrap ul li:nth-child(78),
.user#main #cont_02 .sosic.popup_79 .banner .ban_wrap ul li:nth-child(79),
.user#main #cont_02 .sosic.popup_80 .banner .ban_wrap ul li:nth-child(80),
.user#main #cont_02 .sosic.popup_81 .banner .ban_wrap ul li:nth-child(81),
.user#main #cont_02 .sosic.popup_82 .banner .ban_wrap ul li:nth-child(82),
.user#main #cont_02 .sosic.popup_83 .banner .ban_wrap ul li:nth-child(83),
.user#main #cont_02 .sosic.popup_84 .banner .ban_wrap ul li:nth-child(84),
.user#main #cont_02 .sosic.popup_85 .banner .ban_wrap ul li:nth-child(85),
.user#main #cont_02 .sosic.popup_86 .banner .ban_wrap ul li:nth-child(86),
.user#main #cont_02 .sosic.popup_87 .banner .ban_wrap ul li:nth-child(87),
.user#main #cont_02 .sosic.popup_88 .banner .ban_wrap ul li:nth-child(88),
.user#main #cont_02 .sosic.popup_89 .banner .ban_wrap ul li:nth-child(89),
.user#main #cont_02 .sosic.popup_90 .banner .ban_wrap ul li:nth-child(90),
.user#main #cont_02 .sosic.popup_91 .banner .ban_wrap ul li:nth-child(91),
.user#main #cont_02 .sosic.popup_92 .banner .ban_wrap ul li:nth-child(92),
.user#main #cont_02 .sosic.popup_93 .banner .ban_wrap ul li:nth-child(93),
.user#main #cont_02 .sosic.popup_94 .banner .ban_wrap ul li:nth-child(94),
.user#main #cont_02 .sosic.popup_95 .banner .ban_wrap ul li:nth-child(95),
.user#main #cont_02 .sosic.popup_96 .banner .ban_wrap ul li:nth-child(96),
.user#main #cont_02 .sosic.popup_97 .banner .ban_wrap ul li:nth-child(97),
.user#main #cont_02 .sosic.popup_98 .banner .ban_wrap ul li:nth-child(98),
.user#main #cont_02 .sosic.popup_99 .banner .ban_wrap ul li:nth-child(99){opacity:1; z-index:100;}

.user#main #cont_02 .sosic .banner .slides{overflow: hidden; position:absolute; bottom:0; right:0; z-index:100;}
.user#main #cont_02 .sosic .banner .slides .pages{float:left; width:92px; height:48px; padding:10px 18px; background-color:rgba(255,255,255,0.6); box-sizing:border-box;}
.user#main #cont_02 .sosic .banner .slides .pages span{
	font-size:15px; font-weight:600; color:#5d5d5d;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #cont_02 .sosic .banner .slides .pages .bold{
	font-size:18px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #cont_02 .sosic .banner .slides .pages img{padding:5px 4px 0;}
.user#main #cont_02 .sosic .banner .slides ul{
	float:left; height:48px;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
.user#main #cont_02 .sosic .banner .slides ul li{
	position:static; float:left; width:48px; height:48px; background-color:rgba(22,14,13,0.8); border-right:1px solid #7f7f7f;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
.user#main #cont_02 .sosic .banner .slides ul li:nth-child(3),
.user#main #cont_02 .sosic .banner .slides ul li:last-child{border-right:0px;}
.user#main #cont_02 .sosic .banner .slides ul li a{overflow: hidden; display: block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;}
.user#main #cont_02 .sosic .banner .slides ul li:nth-child(1) a{background-image: url(../../images/kor/layout/popup_left.png);}
.user#main #cont_02 .sosic .banner .slides ul li:nth-child(2) a{background-image: url(../../images/kor/layout/popup_right.png);}
.user#main #cont_02 .sosic .banner .slides ul li:nth-child(3) a{background-image: url(../../images/kor/layout/popup_stop.png);}
.user#main #cont_02 .sosic .banner .slides ul li:nth-child(4) a{background-image: url(../../images/kor/layout/popup_play.png);}

.user#main #cont_02 .sosic .contact{padding-bottom:69px;}
.user#main #cont_02 .sosic .contact a{
	position:relative; z-index:10; display: block; width:50%; height:115px; padding:0px 55px; line-height:115px; background-image:url(../../images/kor/layout/contact_bg.jpg); background-repeat:repeat; font-size:23px; font-weight:600; color:#fff; box-sizing:border-box;
	transition:padding 0.3s ease, font-size 0.3s ease;
	-webkit-transition:padding 0.3s ease, font-size 0.3s ease;
}
.user#main #cont_02 .sosic .contact a:nth-child(1){border-bottom:1px solid rgba(255,255,255,0.2);}
.user#main #cont_02 .sosic .contact a img{padding-right:30px; vertical-align:middle;}
.user#main #cont_02 .sosic .contact:after{content:""; display:block; position:absolute; bottom:0; right:21px; z-index:0; width:45%; height:100%; background:url(../../images/kor/layout/banner_photo.jpg) no-repeat right bottom; background-size:100% auto;}

.user#main #cont_02 .sosic .contact a:hover img{animation:contact 1s;}

@keyframes contact{
	0%{padding-top:10px;}
	30%{padding-top:0;}
	60%{padding-top:10px;}
	100%{padding-top:0;}
}

.user#main #cont_03{
	width:100%; height:auto; padding:70px 0; background-color: #f4f4f4; background-image: url(../../images/kor/layout/cont3_bg.png); background-repeat:no-repeat; background-position:top center;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
.user#main #cont_03 ul{overflow: hidden;}
.user#main #cont_03 ul li{
	float:left; width:33.33%; height:280px; box-sizing:border-box;
	transition:height 0.3s ease, width 0.3s ease;
	-webkit-transition:height 0.3s ease, width 0.3s ease;
}
.user#main #cont_03 ul li:nth-child(1){padding-right:19px;}
.user#main #cont_03 ul li:nth-child(2){padding:0 9px;}
.user#main #cont_03 ul li:nth-child(3){padding-left:19px;}
.user#main #cont_03 ul li a{
	position:relative; display: block; width:100%; height:100%; padding:43px 48px; background-color:#fff; border:1px solid #ccc; box-sizing:border-box;
	transition:border 0.3s ease;
	-webkit-transition:border 0.3s ease;
}
.user#main #cont_03 ul li a strong{
	display: block; position:relative; padding-bottom:28px; line-height:28px; font-size:23px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.user#main #cont_03 ul li a strong:after{content:""; display: block; position:absolute; bottom:0; left:0; width:36px; height:1px; background-color: #cccccc;}
.user#main #cont_03 ul li a .txts{display: block; padding-top:27px; line-height:23px; font-size:15px; color:#797979;}
.user#main #cont_03 ul li a .btns{
	position:absolute; bottom:30px; left:48px; display: block; width:150px; height:48px; padding:0 18px; line-height:46px; background-image: url(../../images/kor/layout/cont3_arrow.png); background-repeat:no-repeat; background-position:85px 0px; border:1px solid #ccc; font-size:15px; box-sizing:border-box;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}

.user#main #cont_03 ul li a .icons{
	position:absolute; top:30px; right:30px; width:72px; height:72px; background-repeat:no-repeat;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user#main #cont_03 ul li:nth-child(1) a .icons{background-image: url(../../images/kor/layout/box_icon1.png);}
.user#main #cont_03 ul li:nth-child(2) a .icons{background-image: url(../../images/kor/layout/box_icon2.png);}
.user#main #cont_03 ul li:nth-child(3) a .icons{background-image: url(../../images/kor/layout/box_icon3.png);}

.user#main #cont_03 ul li a:hover{border:1px solid #ff8429;}
.user#main #cont_03 ul li a:hover .btns{background-color: #ff8429; background-image: url(../../images/kor/layout/cont3_arrow_ov.png); border:1px solid #ff8429; color:#fff;}
.user#main #cont_03 ul li:nth-child(1) a:hover .icons{background-image: url(../../images/kor/layout/box_icon1_ov.png);}
.user#main #cont_03 ul li:nth-child(2) a:hover .icons{background-image: url(../../images/kor/layout/box_icon2_ov.png);}
.user#main #cont_03 ul li:nth-child(3) a:hover .icons{background-image: url(../../images/kor/layout/box_icon3_ov.png);}







/*서브*/
.user#sub #visual{position:relative; width:100%; height:340px;}
.user#sub #visual .vi_slide ul{
	overflow: hidden; position:absolute; top:0; left:0; width:600%;
	transition:left 1s ease;
	-webkit-transition:left 1s ease;
}
.user#sub #visual.step_01 .vi_slide ul{left:0;}
.user#sub #visual.step_02 .vi_slide ul{left:-100%;}
.user#sub #visual.step_03 .vi_slide ul{left:-200%;}
.user#sub #visual.step_04 .vi_slide ul{left:-300%;}
.user#sub #visual.step_05 .vi_slide ul{left:-400%;}
.user#sub #visual.step_06 .vi_slide ul{left:-500%;}
.user#sub #visual .vi_slide ul li{float:left; width:16.66%; height:340px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.user#sub #visual .vi_slide ul li .vi_txt{
	display: block; margin-top:200px; font-family:'Nanum Myeongjo'; font-size:50px; text-align:center; color:#fff;
	transition:margin-top 0.3s ease, font-size 0.3s ease;
	-webkit-transition:margin-top 0.3s ease, font-size 0.3s ease;
}

#sub.user #remote{position:absolute; bottom:-30px; left:0; z-index:12; width:100%;}
#sub.user #remote .layout{overflow:visible;}
#sub.user #remote .js_menu.select{width:auto; margin:0; background-color:#ff8429; border:none;}
#sub.user #remote .js_menu.select .home{
	overflow:hidden; float:left; width:58px; height:60px; text-indent:-1000px; background-color:rgba(255,255,255,0.15); background-image:url(../../images/kor/layout/icon_home.png); background-repeat:no-repeat; background-position:center center;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user #remote .js_menu.select .home:hover{background-color:#e56100;}
#sub.user #remote .js_menu.select .js_menu_select{float:left;position:relative; min-width:210px; border-right:1px solid rgba(255,255,255,0.2);}
#sub.user #remote .js_menu.select .js_menu_select.two{ display: none;}
#sub.user #remote .js_menu.select .js_menu_select.two.last{ display: block;}
#sub.user #remote .js_menu.select .js_menu_select.last{min-width:200px;}
#sub.user #remote .js_menu.select .js_menu_select strong{display:block; height:60px;}
#sub.user #remote .js_menu.select .js_menu_select strong a{display:block; line-height:60px; padding:0px 45px 0px 20px; text-decoration:none; text-align:left; font-weight:normal; font-size:16px; color:#fff; background-image:url(../../images/kor/layout/bul_navi.png); background-repeat:no-repeat; background-position:right center;}
#sub.user #remote .js_menu.select .js_menu_select strong a[href^="#"]{padding-right:20px; background:none;}
#sub.user #remote .js_menu.select .js_menu_select.last strong a{}
#sub.user #remote .js_menu.select .js_menu_select ul{display:none; position:absolute; left:-1px; top:-1px; z-index:12; width:100%; border:1px solid #5e6b72; background:#fff;}
#sub.user #remote .js_menu.select .js_menu_select ul li{line-height:20px; border-top:1px solid #e9e9e9;}
#sub.user #remote .js_menu.select .js_menu_select ul li a{display:block; padding:18px 0px; margin:0 18px; text-decoration:none; font-weight:normal; font-size:16px; background-repeat:no-repeat; background-position:right center;}
#sub.user #remote .js_menu.select .js_menu_select ul li a:link,
#sub.user #remote .js_menu.select .js_menu_select ul li a:visited,
#sub.user #remote .js_menu.select .js_menu_select ul li a:active{color:#555; background-color:#fff;}
#sub.user #remote .js_menu.select .js_menu_select ul li a:hover{color:#555; background-color:#fff; background-image:url(../../images/kor/layout/remote_side_bul.gif);}

#sub.user #remote .gongu_btn,
#sub.user #remote .print_btn{display:block; position:absolute; top:0; z-index:30; width:20px; height:60px;}
#sub.user #remote .gongu_btn{right:84px;}
#sub.user #remote .print_btn{right:40px;}
#sub.user #remote .gongu_btn .gongu,
#sub.user #remote .print_btn .print{overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px;}
#sub.user #remote .gongu_btn .gongu:before,
#sub.user #remote .print_btn .print:before{
	opacity:0.7; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user #remote .gongu_btn .gongu:before{background-image:url(../../images/kor/layout/icon_gongu.png);}
#sub.user #remote .print_btn .print:before{background-image:url(../../images/kor/layout/icon_print.png);}
#sub.user #remote .gongu_btn .gongu:hover:before,
#sub.user #remote .print_btn .print:hover:before{opacity:1;}

#sub.user #remote .gongu_btn .sharebox{
	display:none; position:absolute; left:50%; top:80px; width:146px; height:50px; margin-left:-72px; padding:9px 32px; background-color:#fff; border:1px solid #ccc; box-sizing:border-box;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#sub.user #remote .gongu_btn .sharebox:before{content:""; display:block; position:absolute; top:-13px; left:50%; width:26px; height:26px; margin-left:-13px; background-image: url(../../images/kor/layout/sns_box.png); background-repeat:no-repeat;}
#sub.user #remote .gongu_btn .sharebox a{overflow:hidden; float:left; display:block; width:30px; height:30px; padding:0; text-indent:-1000px; background-position:left center; background-repeat:no-repeat;}
#sub.user #remote .gongu_btn .sharebox a.f{background-image:url(../../images/kor/layout/icon_f.png); padding-right:20px;}
#sub.user #remote .gongu_btn .sharebox a.t{background-image:url(../../images/kor/layout/icon_t.png);}



#sub.user #remote .gongu_btn.share_on .sharebox{display:block;}
#sub.user #remote .gongu_btn.share_on .gongu:before{background-image: url(../../images/kor/layout/sns_close.png);}

#sub.user #container{margin-top:30px;}
#sub.user #container #ct_wrap{width:100%; min-height:400px; padding:47px 0 100px 0;}

#txt{width:100%;}
#txt h3{
	position:relative; margin-bottom:50px; padding-bottom:19px; text-align:center; font-weight:700; font-size:34px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#txt h3:after{content:""; position:absolute; bottom:0; left:50%; width:70px; height:3px; margin-left:-35px; background-color:#cccccc;}