@charset "utf-8";

#sch{height:291px; background:url(/images/assembly/main/bg.jpg) no-repeat 50% 0; background-size:cover;}
.slogan{padding:52px 0 25px 0; font-size:20px; color:#fff; text-align:center; font-family:"hansuw";}
.slogan strong{display:block; padding:0 0 9px; font-size:32px; font-weight:400;}

#sch fieldset{position:relative; overflow:hidden; display:block; width:83.333%; padding:4px 4px 4px 460px; margin:0 auto; border-radius:72px; box-sizing:border-box; background:linear-gradient(to right, #536df2 0%, #29a6e0 100%);}
#sch .sel:before,
#sch .sel:after{z-index:1; content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:19px; background:#e5e5e5; transform:translateY(-50%);}
#sch .sel:before{right:28px; width:auto; height:auto; border-top:7px solid #000; border-left:6px solid transparent; border-right:6px solid transparent; background:none;}
#sch select,
#sch input[type="text"]{vertical-align:top; height:64px; padding:0 60px 0 35px; border-color:#fff; border:none; font-weight:800; font-size:18px; box-sizing:border-box; transition:0.3s ease;}
#sch .sel{position:absolute; top:4px; left:4px;}
#sch .sel2{left:190px;}
#sch select{border-radius:72px 0 0 72px; width:190px; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none;}
#sch .sel2 select{width:270px; border-radius:0;}
#sch select::-ms-expand{display:none;}
#sch input[type="text"]{width:100%; border-radius:0 72px 72px 0;}
#sch button{position:absolute; right:20px; top:10px; width:50px; height:50px; font-size:0; text-indent:-999px;}
#sch button:before,
#sch button:after{content:''; display:block; position:absolute; top:11px; left:11px; width:22px; height:22px; border:3px solid #29a6e0; border-radius:50%; box-sizing:border-box;}
#sch button:after{left:26px; top:31px; width:12px; height:3px; border:none; border-radius:3px; transform:rotate(45deg); background:#29a6e0;}


@media all and (max-width:1024px){
	.slogan{padding:38px 0 23px 0; font-size:18px;}
	.slogan strong{padding:0 0 6px; font-size:26px;}

	#sch{height:auto; padding:0 0 45px;}
	#sch fieldset{width:90%; padding-left:320px;}
	#sch select{width:120px;}
	#sch select, #sch input[type="text"]{height:57px; padding:0 50px 0 20px; font-size:17px;}
	#sch .sel2{left:120px;}
	#sch .sel2 select{width:200px;}
	#sch .sel:before{right:18px;}
	#sch button{top:7px;}
}
@media all and (max-width:768px){
	.slogan{padding:34px 0 23px 0; font-size:16px;}
	.slogan strong{padding:0 0 3px; font-size:23px;}
	
	#sch{padding:0 0 40px;}
	#sch select, #sch input[type="text"]{height:55px; font-size:16px;}
}
@media all and (max-width:568px){
	.slogan{padding:25px 0 23px 0;}
	.slogan strong{padding:0 0 12px; font-size:22px; word-break:keep-all;}
	.slogan span{display:block;}

	#sch{padding:0 0 35px;}
	#sch fieldset{width:85%; padding:4px 4px 0 4px; border-radius:10px;}
	#sch .sel{position:relative; top:0; left:0; margin:0 0 1px;}
	#sch select,
	#sch .sel2 select{width:100%;}
	#sch .sel1 select{border-radius:10px 10px 0 0;}
	#sch input[type="text"]{margin:0 0 1px; border-radius:0;}
	#sch select, #sch input[type="text"]{height:45px;}
	#sch .sel:after{display:none;}

	#sch button{position:relative; right:0; top:0; width:100%; margin:0; border-radius:0 0 10px 10px;}
	#sch button{height:47px; line-height:48px; padding:0 0 0 40px; font-size:17px; text-indent:0; letter-spacing:-1px; font-weight:500; color:#fff; background:linear-gradient(to right, #536df2 0%, #29a6e0 100%);}
	#sch button:before{top:11px; left:50%; width:18px; height:18px; margin:0 0 0 -30px; border-color:#fff;}
	#sch button:after{left:50%; top:27px; width:10px; margin:0 0 0 -18px; background:#fff;}
}
@media all and (max-width:380px){
	.slogan{padding:22px 0 21px 0; font-size:15px;}
	.slogan strong{padding:0 0 10px; font-size:20px;}
	.slogan span{display:block;}

	#sch{padding:0 0 31px;}
	#sch select, #sch input[type="text"]{height:42px; font-size:15px;}
	#sch button{font-size:16px;}
}

.main_middle{padding:50px 0;}

.sec{float:left; width:48.75%;}
.sec2{float:right;}
.sec h3{position:relative; height:140px; line-height:140px; font-size:28px; font-weight:400; font-family:"hansuw"; color:#fff; background:#1971c2;}
.sec h3 a{display:block; padding:0 0 0 30px; color:#fff; text-decoration:none;}
.sec h3 a:after,
.sec h3:after{content:""; display:block; position:absolute; bottom:0; right:10px; width:190px; height:140px; background:url(/images/assembly/main/bg_tit1.png) no-repeat 100% 100%;}
.sec h3 a:after{opacity:0.75; display:inline-block; position:static; vertical-align:middle; width:33px; height:33px; margin:-2px 0 0 0; background:url(/images/assembly/main/ico_ctrl.png) no-repeat 0 -45px;}
.sec2 h3{background:#1098ad;}
.sec2 h3:after{background-image:url(/images/assembly/main/bg_tit2.png);}
.sec h3 a:hover:after{opacity:1; transform:rotate(90deg); transition:0.25s ease-in-out;}

.sec .con{overflow:hidden; width:100%; padding:34px 29px 34px 29px; border:1px solid #e5e5e5; border-top:none; box-sizing:border-box;}
.sec .con h4{height:44px; font-size:20px; color:#222; font-weight:400; font-family:"hansuw"; border-bottom:1px dashed #bdbdbd;}

.board{position:relative; float:left; width:100%; height:230px; border-bottom:1px dashed #bdbdbd;}
.board1{margin:0 0 33px;}
.board ul{overflow:hidden; width:100%; padding:16px 10px 0 15px; box-sizing:border-box;}
.board li{position:relative; float:left; width:100%; height:33px; padding:0 0 0 14px; box-sizing:border-box;}
.board li:before{top:7px; width:5px; height:5px; border-radius:0; background:#f05952;}
.board li a{position:relative; float:left; width:100%; padding:0 70px 0 0; box-sizing:border-box; color:#4c4c4c;}
.board li .tit{float:left; max-width:98%; padding:0 20px 0 0; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.board li a:focus .tit,
.board li a:hover .tit{text-decoration:underline;}
.board li .new{display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:17px; margin:-5px 0 0 -17px; font-size:11px; font-weight:400; text-align:center; color:#fff; border-radius:50%; background:#f05952; text-transform:uppercase;}
.board li .date{position:absolute; top:0; right:1px; color:#878787; font-size:14px;}
.board .none{padding:3em 0; text-align:center; box-sizing:content-box;}
.board .none:before{display:none;}
.board .more{display:block; position:absolute; top:2px; right:0; color:#666; letter-spacing:-1px; font-weight:400;}

@media all and (max-width:1230px) {
	.main_middle{padding:50px 15px;}
}
@media all and (max-width:1024px) {
	.main_middle{padding:45px 15px 50px;}

	.sec h3{overflow:hidden; height:100px; line-height:100px; font-size:23px;}
	.sec h3:after{right:0; width:150px; height:100%; background-size:contain;}
	.sec .con{padding:30px 29px;}
	.sec .con h4{height:38px;}
	.board{height:216px;}
	.board ul{padding:16px 2px 0;}
	.board li{height:31px; padding:0 0 0 10px;}
	.board .more{top:0; font-size:15px;}
}
@media all and (max-width:768px) {
	.main_middle{padding:40px 10px 45px;}

	.sec h3{height:90px; line-height:90px; font-size:21px;}
	.sec h3:after{right:-10px; width:120px;}
	.sec h3 a{padding:0 0 0 25px;}
	.sec .con h4{height:35px; font-size:19px;}
	.board{height:208px;}
	.board li{height:30px;}
	.board li a{padding:0;}
	.board li .date{display:none;}
	.board .more{font-size:14px;}
}
@media all and (max-width:568px) {
	.main_middle{padding:33px 10px;}

	.sec{width:100%;}
	.sec1{margin:0 0 33px;}
	.sec h3{height:80px; line-height:80px;}
	.sec .con{padding:27px 25px 30px;}
	.board1{margin:0 0 30px;}
	.board li a{padding:0 70px 0 0;}
	.board li .date{display:block;}
	.board li:before{top:6px;}
}
@media all and (max-width:380px) {
	.main_middle{padding:30px 10px;}

	.sec1{margin:0 0 30px;}
	.sec h3{height:75px; line-height:75px; font-size:20px;}
	.sec .con{padding:24px 23px 26px;}
	.sec .con h4{height:33px; font-size:18px;}
	.board{height:202px;}
	.board li{height:29px;}
	.board li .date{font-size:13px;}
}

/* 홍보영상 */
.main_bottom{z-index:1; position:relative; background:#f2f2f6;}
.main_bottom:after{z-index:-1; content:''; display:block; position:absolute; top:0; right:50%; width:50%; height:100%; margin:0 200px 0 0; background:#3d4684 url(/images/assembly/main/bg_cast.jpg) no-repeat; background-size:cover;}
.main_bottom h4{height:57px; line-height:100%; font-size:28px; font-weight:400; font-family:"hansuw";}
.main_bottom .list img{width:100%; height:216px; transition:transform 0.3s ease-in-out;}
.main_bottom .list .sbj{z-index:2; position:relative; width:100%; padding:19px 5px 0 1px; box-sizing:border-box;}
.main_bottom .list .tit{display:block; width:100%; height:42px; line-height:21px; font-size:18px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; box-sizing:border-box;}
.main_bottom .list .date{padding:7px 0 0 0; line-height:100%; font-size:14px;}
.main_bottom .list a:active img,
.main_bottom .list a:hover img,
.main_bottom .list a:focus img{transform:scale(1.1);}

.view{display:block; position:absolute; right:37px; top:55px; width:30px; height:30px; font-size:0; text-indent:-999px; background:url(/images/assembly/main/ico_ctrl.png) no-repeat -124px -42px;}

#promote{z-index:1; position:relative; float:left; width:33.333%; padding:54px 40px 0 0; box-sizing:border-box;}
#promote h4{color:#fff;}
#promote .list_wrap{width:100%;}
#promote .list{display:none;}
#promote .list:first-of-type{display:block;}
#promote .list *{display:block;}
#promote .list a{width:100%; text-decoration:none;}
#promote .list .sbj{color:#fff;}
#promote .list .img{position:relative; overflow:hidden;}
#promote .list .img:before,
#promote .list .img:after{z-index:1; content:''; position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background:url(/images/assembly/main/ico_play.png) no-repeat;}
#promote .list .img:before{top:0; left:0; width:100%; height:100%; margin:0; background:rgba(0,0,0,0.6);}
#promote .list a:hover .img:after{transform:rotate(360deg);  transition:0.6s ease;}
#promote .none{padding:50px 0; color:#fff; text-align:center;}

@media all and (max-width:1230px) {
	.main_bottom:after{right:auto; left:0; margin:0; width:33.8%;}
}
@media all and (max-width:1024px) {
	.main_bottom:after{width:34.3%;}
	.main_bottom .inner{padding-right:0;}
	.main_bottom h4{height:47px; font-size:23px;}
	.main_bottom .list img{height:176px;}
	.main_bottom .list .sbj{padding:16px 2px 3px 1px;}
	.main_bottom .list .tit{font-size:17px;}

	.view{top:42px;}
	
	#promote{padding:45px 40px 0 0;}
}
@media all and (max-width:768px) {
	.view{top:35px;}
	.main_bottom h4{height:44px; font-size:22px;}
	.main_bottom .list img{height:133px;}
	.main_bottom .list .tit{font-size:16px;}

	#promote{padding:40px 35px 0 0;}
}
@media all and (max-width:568px) {
	.main_bottom{background:none;}
	.main_bottom:after{display:none;}
	.main_bottom .inner{padding-right:10px;}
	.main_bottom h4{height:auto; padding:0 0 18px 7px; font-size:21px;}
	.main_bottom .list .sbj{padding:14px 2px 3px 1px;}
	.main_bottom .list .tit{font-size:15px;}
	.main_bottom .list .date{font-size:13px;}

	.view{top:28px; right:10px;}

	#promote{width:100%; margin:0 0 35px; padding:32px 15px; background:#3d4684 url(/images/assembly/main/bg_cast.jpg) no-repeat; background-size:cover;}
	#promote h4{padding-left:1px;}
	#promote .list{display:block; float:left; width:48%;}
	#promote .list + .list{margin:0 0 0 4%;}
}
@media all and (max-width:380px) {
	.main_bottom h4{padding:0 0 16px 7px; font-size:20px;}
	.main_bottom .list img{height:116px;}
	.main_bottom .list .sbj{padding:10px 2px 2px 1px;}
	.main_bottom .list .tit{font-size:14px;}
	
	.view{top:24px;}

	#promote {margin:0 0 32px; padding:29px 15px;}
}

/* 동영상갤러리 */
#movie{position:relative; float:left; width:66.666%; height:473px; padding:54px 0 0 40px; box-sizing:border-box;}
#movie .list_wrap{width:100%;}
#movie .list *{display:block;}
#movie .list {float:left;}
#movie .list a{position:relative; width:360px; margin:0 40px 0 0; text-decoration:none; box-sizing:border-box;}
#movie .list .img{position:relative; overflow:hidden;}
#movie .list .img:after{z-index:1; content:''; opacity:0; position:absolute; top:50%; left:50%; width:24px; height:24px; transform:translate(-50%, -50%) scale(0); transition:0.3s ease; background:url(/images/kr/main/ico_ctrl.png) no-repeat 100% -172px;}
#movie .list .date{color:#888;}
#movie .list a:hover .img:after{opacity:1; transform:translate(-50%, -50%) scale(1);}

#movie .control{position:absolute; right:37px; top:54px;}
#movie .control button{position:relative; float:left; width:25px; height:30px; font-size:0; text-indent:-9999px; background:url(/images/assembly/main/ico_ctrl.png) no-repeat 3px -101px;}
#movie .control .btn_next{background-position:-45px -101px;}
#movie .control .btn_stop{background-position:-20px -101px;}
#movie .control .btn_stop.on{background-position:-128px -101px;}
#movie .view{right:-3px; background-position:-86px -101px;}

@media all and (max-width:1024px) {
	#movie{height:390px; padding:45px 0 0 40px;}
	#movie .list_wrap{width:calc(100% + 5px);}
	#movie .list a{width:calc(100% - 20px); margin:0 20px 0 0;}
	#movie .view{right:15px;}
	#movie .control{top:41px; right:52px;}
}
@media all and (max-width:768px) {
	#movie{height:345px; padding:40px 0 0 35px;}
	#movie .view{right:10px;}
	#movie .control{top:34px; right:47px;}
	#movie .list a{width:calc(100% - 15px); margin:0 15px 0 0;}
}
@media all and (max-width:568px) {
	#movie{width:100%; height:auto; padding:32px 8px; margin:0 0 35px; background:#f2f2f6;}
	#movie .control{top:27px;}
	#movie .list_wrap{width:100%;}
	#movie .list a{width:calc(100% - 14px); margin:0 7px 0;}
}
@media all and (max-width:380px) {
	#movie{padding:29px 8px; margin:0 0 32px;}
	#movie .control{top:23px;}
	#movie .list a{width:calc(100% - 12px); margin:0 6px 0;}
}