@charset "utf-8";

#mcontainer{ width:100%; padding:0; margin:0; display:inline-block;}
#mcontainer div[id *= con]{ width:100%; height:840px; background-size:cover; font-family:nsr; text-align:center; padding:0; margin:0; display:inline-block; box-sizing:border-box; position:relative; float:left;}
.inner_con{ position:relative;width:1200px; text-align:left; padding:0; margin:0; display:inline-block;}
.con_page{ width:38px; padding:0; margin:-40px 0 0 790px; display:inline-block; position:absolute; top:50%; left:50%;}
.con_page ul,
.con_page ul li{ width:100%; padding:0; margin:0; display:inline-block; box-sizing:border-box;}
.con_page ul li{ height:20px; position:relative; float:left;}
.con_page ul li:before{ width:100%; height:3px; background-color:#fff; content:""; position:absolute; bottom:0; left:0; opacity:0.6;}
.con_page ul li a{ width:100%; height:20px; text-align:left; text-indent:-99999px; display:block;}
.con_page ul li.on{ height:32px; border:3px solid #fff;}
.con_page ul li.on:before{ display:none;}
.con_page ul li.on a{ height:26px; font-size:14px; text-align:center; text-indent:0; color:#fff; line-height:26px;}
.con_page ul li + li.on{ margin-top:19px;}

.br{ width:100%; display:inline-block;}

#con1{ background:url(/images/interior/main/main_2.jpg) no-repeat center top; padding-top:90px !important;}
#con1 .inner_con{ margin-top:152px;}
#con1 .title_wrap,
#con1 .con_wrap{ width:50%; color:#fff; padding:0; margin:0; float:left;}
#con1 .title_wrap .en{ height:20px; font-size:12px; color:#cccccc; line-height:20px; padding:0 11px 0 0; margin:0 0 87px 0; display:inline-block; position:relative; z-index:0;}
#con1 .title_wrap .en:after{ width:10000%; height:20px; background-color:#000; content:""; position:absolute; top:0; right:0; opacity:0.5; z-index:-1;}
#con1 .title_wrap p{ font-size:60px; font-weight:100; line-height:68px; padding:0; margin:0;}
#con1 .title_wrap p span{ line-height:inherit; display:inline-block;}
#con1 .title_wrap p .sSize{ font-size:30px; line-height:34px; padding:0; margin:0 0 19px 0; display:block;}
#con1 .title_wrap p .bold{ font-weight:bold;}
#con1 .con_wrap{ height:326px; padding-top:57px; box-sizing:border-box;}
#con1 .con_wrap h3{ width:317px; height:269px; font-size:24px; font-weight:bold; color:#fff; text-align:center; padding:163px 0 0 0; margin:0 21px 0 0; display:block; box-sizing:border-box; float:left; position:relative;}
#con1 .con_wrap h3:before{ width:344px; height:296px; background:url(/images/smenter/main/con1_icon_img.png) no-repeat center center; content:""; position:absolute; bottom:0; right:0;}
#con1 .con_wrap dl{ width:260px; padding:0; margin:0; display:block; float:left;}
#con1 .con_wrap dl dt,
#con1 .con_wrap dl dd{ padding:0; margin:0; display:block; float:left;}
#con1 .con_wrap dl dt{ width:153px; height:124px;}
#con1 .con_wrap dl dd{ width:84px; height:58px; }
#con1 .con_wrap dl dt + dd{ margin-left:23px;}
#con1 .con_wrap dl dd + dt{ margin-top:21px;}
#con1 .con_wrap dl dd + dd{ margin-top:8px; margin-left:23px;}
#con1 .con_wrap dl dd + dt + dd{ margin-top:21px;}
#con1 .con_wrap dl dt a,
#con1 .con_wrap dl dd a{ width:100%; height:58px; font-size:16px; color:#fff; text-align:center; line-height:58px; display:block; position:relative; z-index:0;}
#con1 .con_wrap dl dt a{ height:124px; font-size:20px; line-height:30px; padding:32px 0;}
#con1 .con_wrap dl dt a:before,
#con1 .con_wrap dl dd a:before{ width:100%; height:100%; background-color:#000; content:""; position:absolute; top:0; left:0; z-index:-1; opacity:}
#con1 .con_wrap dl dt a:before{ opacity:0.3;}
#con1 .con_wrap dl dd a:before{ opacity:0.1;}
#con1 .con_wrap dl dt a:hover:before{ opacity:0.5;}
#con1 .con_wrap dl dd a:hover:before{ opacity:0.3;}
#con1 .notice_wrap{ width:490px; height:18px; color:#fff; padding:0; margin:56px 107px 0 0 ; display:block; float:right;}
#con1 .notice_wrap h3{ width:90px; font-weight:900; font-size:18px; line-height:20px; padding:0; margin:0 15px 0 0; display:block; position:relative; float:left;}
#con1 .notice_wrap h3:before{ width:1px; height:18px; background-color:#fff; content:""; position:absolute; top:0; right:0; opacity:0.3;}
#con1 .notice_wrap ul,
#con1 .notice_wrap ul li{ width:300px; height:18px; line-height:18px; padding:0; margin:0; display:block; float:left;}
#con1 .notice_wrap ul li a{ width:230px; font-size:18px; color:#fff; line-height:18px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#con1 .notice_wrap ul li span{ width:70px; font-size:14px; text-align:right; line-height:18px; display:block; float:right; position:relative;}
#con1 .notice_wrap ul li span:before{ width:1px; height:18px; background-color:#fff; content:""; position:absolute; top:0; left:0; opacity:0.3;}
#con1 .notice_wrap .btn{ line-height:18px; display:inline-block; float:right;}
#con1 .notice_wrap .btn a{ background-color:#fff; font-size:14px; font-style:italic; color:#000; line-height:18px; padding:0 5px; margin:0; display:inline-block;}

#mpop{left:50px}
/* 2020. 8. 12 psc modify ¿ø·¡ ³»¿ë
.slogan_tx{position:absolute;top:-80px;display:block;width:219px;height:70px;text-indent:-9999px;overflow:hidden;background:url(/images/smenter/main/slogan_tx.png) no-repeat;}
#mpop{left:240px;right:auto;}

@media(max-width:1200px){
	#mpop{left:280px;}
}

@media(max-width:640px){
	#mpop{left:50px;top:42px;}
}
*/

#con2{ background:url(/images/smenter/main/con2_bg.jpg) no-repeat center top; padding-top:94px !important;}
#con2:before{ width:315px; height:304px; background:url(/images/smenter/main/con2_icon_img.png) no-repeat center center; content:""; margin-left:510px; position:absolute; top:73px; left:50%;}
#con2 .inner_con h2{ font-size:50px; font-weight:bold; color:#461db1; line-height:60px; margin-bottom:145px; display:inline-block;}
#con2 .inner_con h2 span{ color:#333;}
#con2 .inner_con ul{ width:100%; padding:0; margin:0; display:inline-block;}
#con2 .inner_con ul li{ width:30%; font-size:17px; text-align:center; color:#4a4a4a; line-height:24px; padding:0; margin:0; display:inline-block; box-sizing:border-box; float:left; position:relative;}
#con2 .inner_con ul li:nth-child(2){ margin:0 5%;}
#con2 .inner_con ul li p{ width:100%; height:140px; font-size:20px; text-align:center; color:#fff; line-height:27px; padding:0; margin:0 0 20px 0; display:table; position:relative; z-index:0;}
#con2 .inner_con ul li p:before{ width:140px; height:140px; background-color:#e61e70; content:""; margin-left:-70px; border-radius:70px; position:absolute; top:0; left:50%; z-index:-1;}
#con2 .inner_con ul li p span{ height:140px; line-height:27px; display:table-cell; vertical-align:middle;}
#con2 .inner_con ul li a{ background-color:#333; font-size:14px; font-style:italic; color:#fff; line-height:18px; padding:5px 10px; margin:20px 0 0 0; display:inline-block;}


#con2 .con_page ul li:before{ background-color:#6237cd;}
#con2 .con_page ul li.on{ border-color:#6237cd;}
#con2 .con_page ul li.on a{ color:#4a1db9;}

#con3{ background:url(/images/smenter/main/con3_bg.jpg) no-repeat center top; padding-top:97px !important;}
#con3 h2{ width:100%; font-size:50px; font-weight:bold; color:#333; line-height:60px; margin-bottom:23px; display:inline-block;}
#con3 h2 a{ font-size:17px; line-height:17px; padding-bottom:8px; border-bottom:1px solid #474236; display:inline-block; margin-left:35px; vertical-align:middle;}
#popup1{ float:right;}
#con3 .popup,
#con3 .layout,
#con3 .grap,
#con3 .obj{ padding:0; margin:0; display:block; position:relative;}
#con3 .popup,
#con3 .layout{ width:733px; height:544px;}
#con3 .grap{ width:100%; height:450px; overflow:hidden;}
#con3 .obj{ width:100%; height:450px;}
#con3 .item{ width:100%; height:100%; color:#fff; padding:0; margin:0; display:inline-block; position:relative; float:left;}
#con3 .layout .control{ height:62px; text-align:center; position:relative; top:32px; z-index:1;}
#con3 .layout .control > a{ width:62px; height:62px; background:url(/images/smenter/main/con3_pop1_btn_icon_prev.png) no-repeat center center; text-align:left; text-indent:-99999px; padding:0; margin:0; display:inline-block;}
#con3 .layout .control > a + a{ background-image:url(/images/smenter/main/con3_pop1_btn_icon_next.png); margin-left:28px;}
#con3 .layout .control .paging{ padding:0; margin:0; display:inline-block; position:absolute; top:25px; right:0;}
#con3 .layout .control .paging button{ font-size:17px; text-align:left; color:#333; line-height:17px; padding-bottom:7px; display:none; border-bottom:1px solid #333;}
#con3 .layout .control .paging button.ov{ font-weight:bold; padding-right:16px; display:inline-block;}
#con3 .layout .control .lastNum{ font-size:17px; color:#333; line-height:17px; display:inline-block; position:absolute; top:27px; right:0;}
@media(max-width:1200px){
	.inner_con{ width:100%; padding:0 50px;}
	.con_page{ display:none;}
	
	#con1 .title_wrap{ width:auto; display:inline-block;}
	#con1 .con_wrap{ width:598px; float:right;}
	
	#con2{ height:auto !important;}
	#con2:before{ display:none;}
	#con2 .inner_con{ padding-bottom:50px;}
	#con2 .inner_con h2{ margin-bottom:100px;}
	#con2 .inner_con ul{ text-align:center;}
	#con2 .inner_con ul li{ width:360px; margin:0 20px 100px 20px !important; float:none; clear:both;}
}
@media(max-width:1160px){
	#con1{ height:auto !important;}
	#con1 .inner_con{ margin-top:50px; margin-bottom:50px;}
	#con1 .title_wrap{ width:100%;}
	#con1 .con_wrap{ width:100%; float:left; position:relative;}
	#con1 .con_wrap h3{ position:absolute; top:57px; left:0;}
	#con1 .con_wrap dl{ width:100%; padding-left:338px; box-sizing:border-box;}
	#con1 .con_wrap dl dt,
	#con1 .con_wrap dl dd{ width:50%; box-sizing:border-box;}
	#con1 .con_wrap dl dd{ padding-left:20px;}
	#con1 .con_wrap dl dt + dd{ padding-left:23px; margin-left:0;}
	#con1 .con_wrap dl dd + dd{ padding-left:23px; margin-left:0}
	#con1 .notice_wrap{ margin-right:0;}
}
@media(max-width:833px){
	#con3{ height:auto !important; padding-bottom:97px !important;}
	#con3 .popup,
	#con3 .layout{ width:100%; height:auto; display:inline-block;}
	#con3 .grap{ height:0; padding-bottom:61.3%; display:inline-block; overflow:hidden;}
	#con3{background:none;background-color: #ffd459;}
}
@media(max-width:738px){
	#con1 .title_wrap p .sSize{ font-size:16px; line-height:20px;}
	#con1 .title_wrap p{ font-size:40px; line-height:48px;}
	#con1 .con_wrap{ height:auto; text-align:center; margin-top:50px;}
	#con1 .con_wrap h3,
	#con1 .con_wrap dl{ padding-left:0; margin:0; display:inline-block; float:none; position:relative; top:auto; left:auto;}
	#con1 .con_wrap dl{ margin-top:50px; }
	#con1 .notice_wrap{ width:100%;}
	
	#con2 .inner_con h2{ font-size:40px; line-height:50px;}
	
	#con3 h2{ font-size:40px; line-height:50px;}
}
@media(max-width:570px){
	#con1 .notice_wrap{ height:auto; position:relative;}
	#con1 .notice_wrap h3{ margin-bottom:10px;}
	#con1 .notice_wrap ul,
	#con1 .notice_wrap ul li{ width:100%;}
	#con1 .notice_wrap ul li a{ width:70%;}
	#con1 .notice_wrap .btn{ position:absolute; top:0; right:0;}
	#con2 .inner_con ul li{ width:100%; margin:0 0 100px 0 !important;}
	#con2 .inner_con ul li .br{ width:auto; display:inline;}
}
@media(max-width:400px){
	.inner_con{ padding:0 20px;}
	#con1 .title_wrap p{margin-top:50px;}
	#con1 .title_wrap .en{ margin-bottom:30px;}
	#con1 .con_wrap{ margin-top:0;}
	#con1 .con_wrap h3{ width:100%; padding-left:30px; padding-top:176px;}
	#con1 .con_wrap h3:before{ width:100%; height:0; background-size:100% auto; padding-bottom:86%;}
	#con2 .inner_con h2{ margin-bottom:60px;}
	#con2 .inner_con ul li{ width:100%; margin:0 0 50px 0 !important;}
	#con3 h2 a{ margin-left:0; }
}