@charset "UTF-8";

#whySMU_layout{ width:100%; height:100%; font-family:nsr; padding:0; margin:0; display:none; position:fixed; top:0; left:0; z-index:9999;}
#whySMU_layout.on{ display:inline-block;}
#whySMU_layout *{ font-family:nsr;}
#video *{ font-family:VideoJS;}

#whySMU_layout .why_top{ width:100%; height:80px; background-color:#fff; position:fixed; top:0; left:0; z-index:9999;}
#whySMU_layout .why_top .logo{ width:179px; height:33px; background:url(/images/kor/why/logo.png) no-repeat center center; text-indent:-9999px; margin:-16px 0 0 -89px; position:absolute; top:50%; left:50%;}
#whySMU_layout .why_close{ width:80px; height:80px; position:absolute; top:0; right:0; z-index:9999;}
#whySMU_layout .why_close a{ width:100%; height:100%; background:url(/images/kor/why/close.png) no-repeat center center #0b53bc; text-indent:-9999px; display:block;}

#whySMU_layout .why_nav{ width:53px; text-align:center; display:inline-block; position:absolute; top:50%; right:20px; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:9999;}
#whySMU_layout .why_nav ul{ width:53px; padding:0; margin:0; display:inline-block;}
#whySMU_layout .why_nav li{ width:23px; height:23px; margin:6px 15px; display:inline-block;}
#whySMU_layout .why_nav li a{ width:13px; height:13px; background:url(/images/kor/why/navi_btn_bg.png) no-repeat 0 -76px; text-indent:-9999px; display:block; margin:5px;}
#whySMU_layout .why_nav li.on a{ width:23px; height:23px; background-position:0 -53px; margin:0;}
#whySMU_layout .why_nav li:first-child,
#whySMU_layout .why_nav li.on:first-child{ width:53px; height:53px; margin:6px 0;}
#whySMU_layout .why_nav li:first-child a,
#whySMU_layout .why_nav li.on:first-child a{ width:53px; height:53px; background-position:0 0; margin:0;}
#whySMU_layout .scroll_event{ height:44px; font-size:14px; color:#fff; line-height:44px; padding:0 24px 0 50px; margin:0; display:inline-block; overflow:hidden; position:absolute; bottom:60px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);  z-index:999;}
#whySMU_layout .scroll_event:after{ width:17px; height:24px; background:url(/images/kor/why/scroll_event_icon.png) no-repeat 0 0; content:""; margin-top:-12px; position:absolute; top:50%; left:24px;}
#whySMU_layout .scroll_event:before{ width:100%; height:100%; background-color:#000; content:""; border-radius:22px; opacity:0.3; position:absolute; left:0; top:0; z-index:-1;}
#whySMU_layout .scroll_event a{ color:#fff;}
#whySMU_layout .scroll_event.on{ width:100px; height:100px; margin-left:-80px; left:100%;}
#whySMU_layout .scroll_event.on a{ width:100px; height:100px; text-indent:-99999px; display:block; position:absolute; z-index:999; left:0; top:0;}
#whySMU_layout .scroll_event.on:after{ width:100px; height:100px; background:url(/images/kor/why/scroll_btn.png) no-repeat center center; content:""; margin:-50px 0 0 -50px; position:absolute; top:50%; left:50%;}
#whySMU_layout .scroll_event.on:before{ width:100%; height:100%; background-color:#000; content:""; border-radius:50px; opacity:0.3; position:absolute; left:0; top:0; z-index:-1;}
#whySMU_layout .scroll_event.on a:focus{ border:1px dotted black;}
#whySMU_layout .why_con{ width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; text-align:center; padding-top:80px; display:none; box-sizing:border-box; overflow:hidden; position:absolute; top:0; left:0;}
#whySMU_layout .why_con.on{ display:inline-block; z-index:99;}
#whySMU_layout .why_con.mov{ display:inline-block; z-index:999;}
#whySMU_layout .conNum{ width:124px; height:306px; position:absolute; top:-306px; z-index:9;}
#whySMU_layout .conNum .num{ width:124px; height:124px; background:url(/images/kor/why/page_info_bg.gif) no-repeat 0 0; font-weight:900; font-size:50px; text-align:center; color:#fff; line-height:48px; margin-top:182px; display:inline-block; position:relative;}
#whySMU_layout .conNum .bar{ width:6px; height:182px; background-color:#000; content:""; opacity:0.3; margin-left:-3px; position:absolute; top:0; left:50%;}
#whySMU_layout .conNum .num span{ width:100%; font-size:14px; line-height:14px; display:inline-block;}
#whySMU_layout .why_con .con_inner{ max-width:1200px; width:100%; margin-left:-600px; margin-top:80px; display:inline-block; position:absolute; top:50%; left:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#why_con0{ background-image:url(/images/kor/why/why_bg0.jpg); z-index:1;}
#why_con1{ background-image:url(/images/kor/why/why_bg1.jpg); z-index:2;}
#why_con2{ background-image:url(/images/kor/why/why_bg2.jpg); z-index:3;}
#why_con3{ background-image:url(/images/kor/why/why_bg3.jpg); z-index:4;}
#why_con4{ background-image:url(/images/kor/why/why_bg4.jpg); z-index:5;}
#why_con5{ background-image:url(/images/kor/why/why_bg5.jpg); z-index:6;}
#why_con6{ z-index:7;}
#why_con7{ background-image:url(/images/kor/why/why_bg7.jpg); z-index:8;}

#why_con1 .conNum{ margin-left:-600px; left:50%;}
#why_con2 .conNum{ margin-right:-600px; right:50%;}
#why_con3 .conNum{ margin-left:-600px; left:50%;}
#why_con4 .conNum{ margin-right:-600px; right:50%;}
#why_con5 .conNum{ margin-left:-600px; left:50%;}
#why_con6 .conNum{ margin-left:-62px; left:50%;}
#why_con7 .conNum{ margin-right:-600px; right:50%;}






.title{ width:100%; font-size:13px; color:#7d7b7a; line-height:16px; letter-spacing:15px; display:inline-block; position:relative;}
.title > strong{ font-size:52px; line-height:60px;}
p{ width:100%; font-size:16px; color:#000; line-height:24px; display:inline-block;}
strong{ width:100%; font-weight:900; font-size:22px; color:#000; line-height:30px; display:inline-block;}
strong + p{ margin-top:10px;}
.br{ width:100%; line-height:inherit; display:inline-block;}


#why_con0 .title{ width:473px; height:403px; letter-spacing:10px; padding:0; margin:0 0 50px 0; display:inline-block; position:relative; z-index:0;}
#why_con0 .title strong{ font-size:60px; color:#fff; line-height:66px; padding:0; margin:100px 0 20px 0;}
#why_con0 .title p{ width:100%; font-size:50px; color:#fff; line-height:54px; padding:0; margin:0; display:inline-block;}
#why_con0 .title .bg_line{ width:473px; height:403px; display:inline-block; overflow:hidden; position:absolute; top:0; left:0; z-index:-1;}
#why_con0 .title .bg_line span{ background:url(/images/kor/why/con1_title_box_line.png) no-repeat; display:inline-block; position:absolute;}
#why_con0 .title .bg_line .top{ width:473px; height:16px; background-position:0 0; top:0; left:-473px;}
#why_con0 .title .bg_line .right{ width:16px; height:387px; background-position:-457px -16px; top:-403px; right:0;}
#why_con0 .title .bg_line .bottom{ width:457px; height:16px; background-position:0 -387px; bottom:1px; left:473px;}
#why_con0 .title .bg_line .left{ width:16px; height:387px; background-position:0 -16px; top:403px; left:0;}
#why_con0 p{ color:#fff;}
#why_con0 p.txt_b{ font-weight:600; font-size:22px; line-height:26px;}
#why_con0 p.txt_b + p{ margin-top:10px; margin-bottom:100px;}


#why_con1 .title{ margin-bottom:130px;}
#why_con1 .title:before{ width:45px; height:4px; background-color:#0b53bc; content:""; margin-left:-22px; position:absolute; bottom:-30px; left:50%;}
#why_con1 .title strong{ letter-spacing:-5px;}
#why_con1 .title strong span{ color:#0b53bc;}
#why_con1 .step_wrap{ width:868px; height:171px; display:inline-block;}
#why_con1 .step_wrap li{ width:168px; height:171px; background:url(/images/kor/why/con1_step_icon.png) no-repeat; float:left; position:relative; bottom:-100px; opacity:0;}
#why_con1 .step_wrap li span{ width:168px; height:171px; font-weight:600; font-size:22px; color:#000; line-height:26px; letter-spacing:-2px; display:table-cell; vertical-align:middle;}
#why_con1 .step_wrap li + li{ margin-left:64px;}
#why_con1 .step_wrap li.n1{ background-position:0 0;}
#why_con1 .step_wrap li.n2{ background-position:-168px 0;}
#why_con1 .step_wrap li.n3{ background-position:-336px 0;}
#why_con1 .step_wrap li.n4{ background-position:-504px 0;}
#why_con1 p{ margin:70px 0 100px 0;}

#why_con1 .step_wrap2{ width:868px; height:171px; display:inline-block;}
#why_con1 .step_wrap2 li{ width:140px; min-height:92px; float:left;padding:20px;border:2px dashed #fff;font-weight:bold;background:rgb(255,255,255,0.4);}
#why_con1 .step_wrap2 li + li{ position:relative;margin-left:42px;}
#why_con1 .step_wrap2 li + li:after{content:"";display:block;position:absolute;left:-33px;top:50%;width:15px;height:25px;margin-top:-13px;background:url(/images/kor/why/con1_arr.png);}

#why_con2 .title{ color:#bfcde3; margin-bottom:130px;}
#why_con2 .title:before{ width:45px; height:4px; background-color:#ffd800; content:""; margin-left:-22px; position:absolute; bottom:-30px; left:50%;}
#why_con2 .title strong{ color:#fff; letter-spacing:-5px; margin-top:15px;}
#why_con2 .title strong span{ color:#ffd800;}
#why_con2 .col_box{ width:100%; height:400px; display:inline-block; box-sizing:border-box; position:relative;}
#why_con2 .col_box li{ width:230px; padding:54px 0 0 0; display:inline-block; box-sizing:border-box; position:absolute; opacity:0;}
#why_con2 .col_box li:before{ background:url(/images/kor/why/con2_box_icon.png) no-repeat; content:""; position:absolute; top:5px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#why_con2 .col_box li.n1:before{ width:35px; height:29px; background-position:0 0;}
#why_con2 .col_box li.n2:before{ width:34px; height:33px; background-position:0 -29px;}
#why_con2 .col_box li.n3:before{ width:38px; height:36px; background-position:0 -62px;}
#why_con2 .col_box li.n4:before{ width:39px; height:31px; background-position:0 -98px;}
#why_con2 .col_box li strong{ font-weight:600; font-size:22px; color:#fff; line-height:28px; letter-spacing:-3px;}
#why_con2 .col_box li p{ color:#fff;}
#why_con2 .col_box li.n1{ top:100px; left:50px;}
#why_con2 .col_box li.n2{ top:100px; right:50px;}
#why_con2 .col_box li.n3{ top:300px; left:50px;}
#why_con2 .col_box li.n4{ top:300px; right:50px;}
#why_con2 .air_icon{ width:702px; height:700px; background:url(/images/kor/why/con2_air_icon.png) no-repeat 0 0; content:""; margin-left:-351px; position:absolute; bottom:-700px; left:50%;}


#why_con3 .title{ color:#d7cfcc; margin-bottom:130px;}
#why_con3 .title:before{ width:45px; height:4px; background-color:#ffd800; content:""; margin-left:-22px; position:absolute; bottom:-30px; left:50%;}
#why_con3 .title strong{ color:#fff; letter-spacing:-5px; margin-top:15px;}
#why_con3 .title strong span{ color:#ffd800;}
#why_con3 .col_box{ width:100%; padding:0 40px; display:inline-block; box-sizing:border-box;}
#why_con3 .col_box li{ width:343px; float:left; position:relative; top:100px; opacity:0;}
#why_con3 .col_box li + li{ margin-left:30px;}
#why_con3 .col_box li .inner{ width:inherit; height:134px; background:url(/images/kor/why/con3_box_bg.png) no-repeat 0 0; display:table-cell; vertical-align:middle;}
#why_con3 .col_box li .inner strong,
#why_con3 .col_box li .inner p,
#why_con3 .col_box li p{ color:#fff;}
#why_con3 .col_box li .inner + p{ margin-top:40px;}


#why_con4 .title{ color:#676a72; text-align:left; margin-bottom:130px;}
#why_con4 .title:before{ width:45px; height:4px; background-color:#0b53bc; content:""; position:absolute; bottom:-30px; left:5px;}
#why_con4 .title strong{ color:#000; letter-spacing:-5px; margin-left:-5px; margin-top:15px;}
#why_con4 .title strong span{ color:#0b53bc;}
#why_con4 .row_box{ width:100%; display:inline-block;}
#why_con4 .row_box li{ width:100%; text-align:left; padding:0 0 0 76px; display:inline-block; position:relative; left:100px; opacity:0;}
#why_con4 .row_box li + li{ margin-top:40px;}
#why_con4 .row_box li:before{ width:58px; height:58px; background:url(/images/kor/why/con4_box_icon.png) no-repeat; content:""; position:absolute; top:10px; left:0;}
#why_con4 .row_box li.n1:before{ background-position:0 0;}
#why_con4 .row_box li.n2:before{ background-position:-58px 0;}
#why_con4 .row_box li.n3:before{ background-position:-116px 0;}
#why_con4 .row_box li strong{ font-size:20px; line-height:26px;}
#why_con4 .row_box li strong em{ font-weight:600; font-size:30px; line-height:36px;}


#why_con5 .title{ color:#d7cfcc; margin-bottom:130px;}
#why_con5 .title:before{ width:45px; height:4px; background-color:#ffd800; content:""; margin-left:-22px; position:absolute; bottom:-30px; left:50%;}
#why_con5 .title strong{ color:#fff; letter-spacing:-5px; margin-top:15px;}
#why_con5 .title strong span{ color:#ffd800;}
#why_con5 .col_box{ width:100%; padding:0 100px; display:inline-block; box-sizing:border-box;}
#why_con5 .col_box li{ width:295px; height:296px; background:url(/images/kor/why/con5_box_bg.png) no-repeat 0 0; float:left; position:relative; top:100px; opacity:0;}
#why_con5 .col_box li + li{ margin-left:38px;}
#why_con5 .col_box li .inner{ width:295px; height:296px; display:table-cell; vertical-align:middle;}
#why_con5 .col_box li .inner strong{ padding-top:60px; position:relative;}
#why_con5 .col_box li .inner strong:before{ background:url(/images/kor/why/con5_box_icon.png) no-repeat; content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#why_con5 .col_box li.n1 .inner strong:before{ width:47px; height:44px; background-position:0 0;}
#why_con5 .col_box li.n2 .inner strong:before{ width:42px; height:45px; background-position:-47px 0;}
#why_con5 .col_box li.n3 .inner strong:before{ width:47px; height:46px; background-position:-89px 0;}
#why_con5 .col_box li .inner strong,
#why_con5 .col_box li .inner p{ color:#fff; letter-spacing:-2px;}


#why_con6 .left_con{ width:50%; height:100%; background:url(/images/kor/why/why_bg6_l.jpg) no-repeat right center; background-size:cover; text-align:center; overflow:hidden; position:absolute; left:0; top:-100%; opacity:1;}
#why_con6 .right_con{ width:50%; height:100%; background:url(/images/kor/why/why_bg6_r.jpg) no-repeat left center; background-size:cover; text-align:center; overflow:hidden; position:absolute; right:0; bottom:-100%; opacity:1;}
#why_con6 .left_con .con_inner{ max-width:600px; height:500px; margin:0; left:auto; right:0;}
#why_con6 .right_con .con_inner{ max-width:600px; height:500px; margin:0; left:0;}
#why_con6 .left_con .con_inner .title,
#why_con6 .right_con .con_inner .title{ width:100%; font-weight:900; font-size:38px; color:#fff; line-height:48px; letter-spacing:-2px; margin-bottom:76px;}
#why_con6 .left_con .con_inner .title:before,
#why_con6 .right_con .con_inner .title:before{ width:45px; height:4px; background-color:#ffd800; content:""; margin-left:-22px; position:absolute; bottom:-30px; left:50%;}
#why_con6 .con_inner strong,
#why_con6 .con_inner p{ color:#fff; letter-spacing:-2px;}
#why_con6 .con_inner p span{ font-weight:600; font-size:18px; color:#ffd800;}


#why_con7 .title{ color:#c6c5c5; text-align:center; margin-bottom:50px;}
#why_con7 .title strong{ color:#fff; letter-spacing:-5px; margin-left:-5px; margin-top:15px;}
#why_con7 .title strong span{ color:#ffd800;}
#why_con7 .video{ width:836px; height:478px; background-color:#eaeaea; display:none; border-top:12px solid #8f8e8c; border-right:14px solid #8f8e8c; border-bottom:12px solid #8f8e8c; border-left:14px solid #8f8e8c;}
#why_con7 .video .video-js{ width:100%; height:100%;}
#why_con7.on .video{ display:inline-block;}

@media(max-width:1240px){
	#whySMU_layout{ width:auto; height:auto; overflow-y:auto; top:80px; left:0; right:0; bottom:0;}
	#whySMU_layout .why_nav,
	#whySMU_layout .scroll_event,
	#whySMU_layout .why_close{ position:fixed;}
	#whySMU_layout .scroll_event{ display:none;}
	#whySMU_layout .why_con{ height:auto; padding:150px 20px 50px 20px; display:inline-block; float:left; position:relative;}
	#whySMU_layout .why_con .con_inner{ width:100%; margin:0; left:0; position:relative; top:auto; transform:none;}
	#why_con1 .conNum{ margin-left:0; left:20px; top:0;}
	#why_con2 .conNum{ margin-right:0; right:20px; top:0;}
	#why_con3 .conNum{ margin-left:0; left:20px; top:0;}
	#why_con4 .conNum{ margin-right:0; right:20px; top:0;}
	#why_con5 .conNum{ margin-left:0; left:20px; top:0;}
	#why_con6 .conNum{ margin-right:0; right:20px; top:0;}
	#why_con7 .conNum{ margin-left:0; left:20px; top:0;}
	#whySMU_layout .conNum{ width:100%; height:124px; text-align:left; margin:0; left:0; right:auto;}
	#whySMU_layout .conNum .bar{ display:none;}
	#whySMU_layout .conNum .num{ margin:0px; border:0;}
	#why_con0 .title .bg_line .left,
	#why_con0 .title .bg_line .right{ top:0;}
	#why_con0 .title .bg_line .top,
	#why_con0 .title .bg_line .bottom{ left:0;}
	#why_con0 p.txt_b + p{ margin-bottom:0;}
	#why_con1 .step_wrap li{ opacity:1; bottom:0;}
	#why_con1 .step_wrap li.n4{ width:171px; background-position:-504px 0;}
	#why_con2 .title{ margin-bottom:80px;}
	#why_con2 .air_icon{ bottom:-300px;}
	#why_con3 .col_box{ padding:0 60px;}
	#why_con2 .col_box li{ opacity:1;}
	#why_con2 .col_box li.n1,
	#why_con2 .col_box li.n2{ top:0;}
	#why_con2 .col_box li.n3,
	#why_con2 .col_box li.n4{ top:200px;;}
	#why_con3 .col_box li{ width:32%; opacity:1; float:left; top:0;}
	#why_con3 .col_box li + li{ margin-left:2%;}
	#why_con3 .col_box li .inner{ width:100%; background-image:none; padding:16px; 10px; display:inline-block; border:2px dashed #fff; border-radius:67px; overflow:hidden;}
	#why_con3 .col_box li .inner:before{ width:100%; height:134px; background-color:#000; content:""; border-radius:67px; opacity:0.2; position:absolute; top:0; left:0; z-index:-1;}
	#why_con4 .title{ margin-bottom:100px;}
	#why_con4 .row_box li{ opacity:1; left:0;}
	#why_con5 .col_box li{ margin:0 10px; display:inline-block; opacity:1; top:0; float:none;}
	#why_con5 .col_box li + li{ margin-left:0;}
	#why_con6.why_con{ padding:0;}
	#why_con6 .left_con{ height:700px; padding:150px 20px 50px 20px; float:left; position:relative; top:0;}
	#why_con6 .right_con{ height:700px; padding:50px 20px; float:left; position:relative; bottom:0;}
	#why_con7 .video{ display:inline-block;}
}
@media(max-width:1000px){
	#why_con1 .step_wrap,
	#why_con1 .step_wrap2{ width:100%; height:auto; text-align:center;}
	#why_con1 .step_wrap li + li{ margin:15px;}
	#why_con1 .step_wrap li{ margin:15px; display:inline-block; float:none; clear:both;}
	#why_con1 p{ margin-top:20px;}
	#why_con1 .step_wrap2 li{ margin-bottom:10px; display:inline-block; vertical-align:top; float:none; clear:both;}
	#why_con2 .air_icon{ width:280px; background-size:100%; margin-left:-140px;}
	#why_con3 .col_box{ text-align:center; padding:0;}
	#why_con3 .col_box li{ width:260px; margin:0 10px 50px 10px; display:inline-block; float:none; clear:both;}
	#why_con3 .col_box li + li{ margin:0 10px 50px 10px;}
	#why_con3 .col_box li .inner + p{ margin-top:20px;}
	#why_con7 .video{ width:80%;}
}
@media(max-width:880px){
	#why_con6 .left_con,
	#why_con6 .right_con{ width:100%; height:auto;}
	#why_con6 .conNum{ left:auto; right:20px;}
	#why_con7 .video{ height:300px;}
	.title strong,
	#why_con6 .left_con .con_inner .title,
	#why_con6 .right_con .con_inner .title{ font-size:36px; line-height:42px;}
}
@media(max-width:780px){
	#why_con2 .air_icon{ display:none;}
	#why_con2 .col_box li{ height:180px; position:relative; top:auto !important; left:auto !important; right:auto !important;}
	#why_con5 .col_box{ padding:0;}
	#why_con5 .col_box li{ width:100%; background-image:none;}
	#why_con5 .col_box li .inner{ width:100%; display:inline-block;}
	.title strong span{ display:inline-block;}
}
@media(max-width:620px){
	#why_con1 .title,
	#why_con3 .title,
	#why_con5 .title{ margin-bottom:80px;}
	#why_con3 .col_box li{ width:100%; margin:0 0 30px 0 !important;}
	#why_con4 .row_box li strong em{ word-break:break-all;}
	#why_con5 .col_box li{ height:200px; margin:0px;}
	#why_con7.on .video{ width:100%; height:220px;}
	#why_con1 .step_wrap2 li{ width:100%; min-height:auto;}
	#why_con1 .step_wrap2 li + li{ margin-left:0; margin-top:42px;}
	#why_con1 .step_wrap2 li + li:after{ left:50%; top:-28px; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
}
@media(max-width:520px){
	#why_con0 .title{ width:100%; height:auto; padding:50px 20px; border:10px solid #1c71d1;}
	#why_con0 .title strong,
	#why_con0 .title p{ font-size:26px; line-height:32px;}
	#why_con0 .title strong{ margin:0;}
	#why_con0 .title .bg_line{ display:none;}
	#why_con0{ padding-top:50px !important;}
}