@charset "utf-8";



.txt_box{top: 34%;left: 11%;}

/*.txt_box {

	color: #fff;

	position: relative;

	top: 34%;

	left: 11%;

	opacity: 0;

	transform: translateY(20px);

	-webkit-transform: translateY(20px);

	transition: all .4s .4s ease-in-out;

	-webkit-transition: all .4s .4s ease-in-out;

	z-index: 99999999999999999999;

}



.txt_box strong{display: block;font-size: 60px;line-height: 80px;font-family: 'Open Sans', 'Noto Sans KR';font-weight: 600;}



.txt_box p {font-size: 20px;line-height: 30px;margin-top: 30px;}



*/

/* object */

.obj_open{position:absolute; top:0px; left:65%; z-index:-1; width:0; height:100%; perspective:400px;display:none;}

.obj_open.show{animation:open 1.5s ease-in-out 0s forwards;}

.obj_open.edge{display:none;}



/* wrap */

body{overflow-y:scroll;}

.area_visual{opacity:0; transform:translateY(5%); transition:opacity 0.6s linear, transform 0.6s linear;}

#wrap.show .area_visual{opacity:1; transform:translateY(0);}



#header{position:absolute;}

#header nav .gnb > li > a{transition:all 0.5s ease;}

#header.active nav .gnb > li > a{color:#fff;}

#header .area_util > ul > li > a{color:#fff;}

#header .area_util a[data-util]:before{background-position-y:-41px;}

#header .area_util .area_lang button{border-bottom:1px solid rgba(255,255,255,0.3); color:#fff;}

#header .area_util .area_lang button:after{border-top:4px solid #fff;}

#header .area_util .area_lang ul{top:32px;}



.area_visual{position:relative; box-sizing:border-box; padding:0px 0px 0 0px;overflow:hidden;}/*메인 비주얼*/

.area_visual .video{position:relative; width:calc(100% - 0%); height:calc(100% - 70px); background:url(../images/main/ms1_vg3.png) no-repeat 50% 0; background-size:cover; text-align:center;}

.area_visual .video video{width:auto; height:100%; margin-right:-100%; margin-left:-100%;}

.area_visual .video button{position:absolute; bottom:-50px; left:50px; z-index:10; width:108px; height:100px; background:#fff; box-shadow:5px 15px 15px rgba(0,0,0,0.15); font-size:13px; font-weight:300; letter-spacing:1.5px; text-align:center;}

.area_visual .video button span{position:relative;}

.area_visual .video .btn_play{display:none;}

.area_visual .video button:before{content:''; display:block; width:32px; height:30px; margin:0 auto 12px; background-image:url(../images/common/sp_com.png); background-repeat:no-repeat;}

.area_visual .video .btn_stop:before{background-position:-46px -41px;}

.area_visual .video .btn_play:before{background-position:-46px -71px;}

.area_visual .video button:focus{outline:none;}

.area_visual .link{

	position: absolute;

	top: 0px;

	right: 0px;

	width: 70px;

	height: 100%;

	background: ;

	transition: all 0.8s cubic-bezier(0, 0.15, 0.44, 0.89);

}

.area_visual .link:after{content:''; opacity:0; display:block; position:absolute; bottom:0px; left:0px; z-index:1; width:100%; height:100%; background:url(../images/main/bg_link.png) no-repeat 0 100%; transition:all 0.6s ease 0.3s;}

.area_visual .link em{display:block; position:absolute; top:25%; left:100px; z-index:10; font-family:'AritaBuri', Sans-serif; font-size:50px; font-weight:200; color:#fff; transform:translateY(-70%);}

.area_visual .link em i{

	display: block;

	margin-bottom: 20px;

	font-size: 60px;

	font-weight: 400;

}

.area_visual #shooting{display:block; opacity:0; visibility:hidden; overflow:hidden; position:absolute; bottom:0px; left:0px; z-index:1; width:100%; height:100%; transition:opacity 0.5s linear 0s;}

.area_visual .btn_open{position:absolute; top:50%; left:-50px; z-index:20; width:100px; height:100px; box-sizing:border-box; padding-top:30px; background:#27272f; font-size:13px; color:#fff; font-weight:300; letter-spacing:1.5px; box-shadow:0px 15px 15px rgba(0,0,0,0.15); transform:translateY(-70%);}

.area_visual .btn_open:before,

.area_visual .btn_open:after{content:''; display:block; position:absolute; left:50%; width:14px; height:1px; margin-left:-7px; background:#fff; border-radius:10px; transition:all 0.5s ease;}

.area_visual .btn_open:before{top:30px; transform:rotate(-35deg);}

.area_visual .btn_open:after{top:38px; transform:rotate(35deg);}

.area_visual .btn_open:focus{outline:none;}

.area_visual .btn_open:hover:before{transform:rotate(35deg);}

.area_visual .btn_open:hover:after{transform:rotate(-35deg);} 

.area_visual .obj_dokdo{

	position: absolute;

	bottom: 0px;

	right: 0px;

	z-index: 3;

	width: 100%;

	height: 364px;

	background: url(../images/main/img_dokdo.png) no-repeat 50% 0;

	transition: all 0.3s ease;

}

.area_visual .obj_dokdo:before{content:''; display:block; position:absolute; top:50px; right:80px; width:557px; height:231px; background:url(../images/main/img_cloud.png) no-repeat 50% 0; background-size:100%; transition:all 5s ease; animation:ani 3s infinite alternate; perspective:400px; -webkit-animation:ani 4s infinite alternate;}



.area_visual .obj_insam{

	position: absolute;

	bottom: 0px;

	right: 0px;

	z-index: 3;

	width: 100%;

	height: 600px; background-color:000000;

	background: url(../images/main/img_insam.png) no-repeat 50% 0;

	transition: all 0.3s ease;

}

.area_visual .obj_insam:before{content:''; display:block; position:absolute; top:50px; right:80px; width:557px; height:231px; background:url() no-repeat 50% 0; background-size:100%; transition:all 5s ease; animation:ani 3s infinite alternate; perspective:400px; -webkit-animation:ani 4s infinite alternate;}





.area_visual em[data-visual-title]{opacity:0; visibility:hidden; transition:all 0.5s ease;}

.area_visual em[data-visual-title].active{opacity:1; visibility:visible;}

.area_visual em[data-visual-title] .wordAni{opacity:0; display:block; transition:all 0.5s ease;}

.area_visual em[data-visual-title].active .wordAni.active{opacity:1;}

.area_visual .area_link_open{opacity:0; visibility:hidden; position:absolute; top:50%; left:45%; z-index:20; transform:translateY(-70%); transition:all 0.3s ease 0s;}

.area_visual .area_link_open ul:after{content:''; display:block; clear:both;}

.area_visual .area_link_open ul li{

	opacity: 0;

	float: left;

	width: 100%;

	text-align: center;

	transform: translateX(-10px);

	transition: opacity 0.6s ease, transform 0.6s ease 0.3s;

}

.area_visual .area_link_open ul li a{opacity:1; display:inline-block; margin:40px 0;}

.area_visual .area_link_open ul li a span{display:block; font-weight:300; color:#fff;}

.area_visual .area_link_open ul li img{width:48px; height:49px; margin:0 auto;}

.area_visual .area_link_open ul li a:hover{opacity:0.5;}

.area_visual.active .link{width:80%;}

.area_visual.active #shooting{opacity:1; visibility:visible; transition-delay:0.5s;}

.area_visual.active .btn_open:before{transform:rotate(35deg);}

.area_visual.active .btn_open:after{transform:rotate(-35deg);} 

.area_visual.active .btn_open:hover:before{transform:rotate(-35deg);}

.area_visual.active .btn_open:hover:after{transform:rotate(35deg);} 

.area_visual.active .link:after{opacity:1;}

.area_visual.active .area_link_open{opacity:1; visibility:visible; transition-duration:0.8s; transition-delay:0.3s;}

.area_visual.active .area_link_open ul li{opacity:1; transform:translateX(0);}

.area_visual.active .area_link_open ul li:nth-of-type(1){transition-delay:0.1s;}

.area_visual.active .area_link_open ul li:nth-of-type(2){transition-delay:0.2s;}

.area_visual.active .area_link_open ul li:nth-of-type(3){transition-delay:0.3s;}

.area_visual.active .area_link_open ul li:nth-of-type(4){transition-delay:0.4s;}

.area_visual.active .area_link_open ul li:nth-of-type(5){transition-delay:0.5s;}

.area_visual.active .area_link_open ul li:nth-of-type(6){transition-delay:0.6s;}

.area_visual.active .area_link_open ul li:nth-of-type(7){transition-delay:0.7s;}

.area_visual.active .area_link_open ul li:nth-of-type(8){transition-delay:0.8s;}

.area_visual.active .area_link_open ul li:nth-of-type(9){transition-delay:0.9s;}

.area_visual.active .area_link_open ul li:nth-of-type(10){transition-delay:1.0s;}





#content{padding:0 70px;padding-top:25px;}

#content .inr{max-width:1400px; position:relative; margin:0 auto;}

#content .title em{display:inline-block; font-size:15px; color:#404040; letter-spacing:0.2px; font-weight:900;}

#content .title em:before{content:''; display:block; width:100%; height:1px; margin-bottom:5px; background:#404040;}

#content .title h2{margin-top:20px; font-size:28px; color:#333; font-weight:500; letter-spacing:-1px;}

#content .title p{margin-top:40px; color:#8b8b8b; font-weight:300;}

#content .btn_more{display:block; position:relative; width:25px; height:25px; text-indent:100%; overflow:hidden; white-space:nowrap;}

#content .btn_more:before,

#content .btn_more:after{content:''; display:block; position:absolute; background:#bebed3;}

#content .btn_more:before{left:0px; top:50%; width:100%; height:1px;}

#content .btn_more:after{top:0px; left:50%; width:1px; height:100%;}



.area_notice{position:relative;border:1px solid #e7e7e7}

.area_notice:before,

.area_notice:after{content:''; display:block; position:absolute; top:0px; z-index:-1; width:50%; height:100%;}

.area_notice:before{left:0px; background:#f4f4f9;}

.area_notice:after{right:0px; background:#f9fafa;}

.area_notice .area_tab_main{position:relative; width:calc(100% - 300px); box-sizing:border-box; margin-left:300px; padding:70px 10px 70px 40px; background:#f9fafa;border-left:1px solid #e7e7e7}

.area_notice .title{position:absolute; top:70px; left:0px;}

.area_notice .btn_more{position:absolute; left:-340px; bottom:0;}

.area_notice .list{display:none;}

.area_notice .area_tab_main:after{content:''; display:block; position:absolute; right:0px; top:0px; width:100%; height:100%; background:#f9fafa; transition:width 1s ease 0s;}

.area_notice .area_tab_main button{position:absolute; left:-107px; width:107px; height:50px; line-height:50px; box-sizing:border-box; padding:0 10px 0 15px; background:transparent; border-bottom:1px solid #e1e1e1; text-align:left; transition:all 0.3s ease;}

.area_notice .area_tab_main button:nth-of-type(1){top:calc(0px + 70px);}

.area_notice .area_tab_main button:nth-of-type(2){top:calc(70px + 70px);}

.area_notice .area_tab_main button:nth-of-type(3){top:calc(140px + 70px);}

.area_notice .area_tab_main button.on{left:-87px; width:120px; background:#f37510; color:#fff; box-shadow:0 15px 15px rgba(65,71,143,0.2);}

.area_notice .area_tab_main button:focus{outline:none;}

.area_notice .area_tab_main .list:after{content:''; display:block; clear:both;}

.area_notice .area_tab_main .list li{float:left; width:calc(100% / 3); height:225px; margin-left:-0.1%; box-sizing:border-box; padding-left:40px;}

.area_notice .area_tab_main .list li a{display:block; position:relative; height:100%;}

.area_notice .area_tab_main .list li a em{display:block; height:3.2em; font-size:18px; color:#1f1f1f; font-weight:900; letter-spacing:-0.5px; line-height:1.6em; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:keep-all;}

.area_notice .area_tab_main .list li a em i{transition:all 0.3s ease;}

.area_notice .area_tab_main .list li a:hover em i{/*box-shadow:0 -10px 0 rgba(246,191,209,0.7) inset;*/}

.area_notice .area_tab_main .list li a span{display:block; height:4.8em; line-height:1.6em; margin-top:15px; color:#666; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis;}

.area_notice .area_tab_main .list li a > i{display:block; position:absolute; bottom:0px; left:0; color:#9a9a9a; font-weight:300;}

.area_notice .area_tab_main .list li.none{float:none; width:100%; height:225px; text-align:center;}

.area_notice .area_tab_main .list li.none span{display:inline-block; vertical-align:middle; font-weight:300; font-size:16px;}

.area_notice .area_tab_main .list li.none:after{content:''; display:inline-block; height:100%; vertical-align:middle;}

.area_notice .area_tab_main.active:after{width:0px;}



.area_middle{position:relative;border:1px solid #e7e7e7; }

.area_middle:after{content:''; display:block; position:absolute; top:100px; right:0px; z-index:-1; width:50%; height:100%; background:;}

.area_middle .inr:after{content:''; display:block; clear:both;}

.area_middle article{float:left; position:relative; width:50%; box-sizing:border-box;}

.area_middle article:after{content:''; display:block; position:absolute; top:0px; right:0px; z-index:50; width:100%; height:100%; background:; transition:all 1s ease 0s;}

.area_middle .area_event{padding:65px 65px 65px 0;}

.area_middle .area_banner{padding:65px 0 65px 50px;}

.area_middle .area_banner:after{background: !important;}

.area_event .title{position:absolute; top:65px; left:0px;}

.area_banner .title{position:absolute; top:65px; left:50px;}

.area_event .list{margin-left:150px;}

.area_event .list:after{content:''; display:block; clear:both;}

.area_event .list li{float:left; width:50%; height:287px; box-sizing:border-box; padding-left:35px;}

.area_event .list li a{display:block; position:relative; height:100%; box-sizing:border-box; padding:15px; border:1px solid #e1e1e1; transition:all 0.3s ease;background:}

.area_event .list li a > *{transition:all 0.3s ease;}

.area_event .list li a > i{position:absolute; top:0px; left:0px; padding:10px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font-size:18px; color:#7d7fa2;}

.area_event .list li a em{display:block; height:1.2em; line-height:1.2em; margin-top:70px; color:#333; font-size:16px; letter-spacing:-0.1px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:keep-all;}

.area_event .list li a span{display:block; height:2.2em; line-height:1.4em; margin-top:20px; color:#666; letter-spacing:-0.5px; font-weight:300; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis;}

.area_event .list li a:after{content:''; display:block; position:absolute; right:30px; bottom:30px; width:21px; height:6px; background:url(../images/common/sp_com.png) no-repeat 0 -29px;}

.area_event .list li a:hover{background:#f37510; border-color:#f37510; box-shadow:5px 15px 15px rgba(65,71,143,0.2);}

.area_event .list li a:hover > i{border-color:#2b317d; color:#c2c6f3;}

.area_event .list li a:hover em{color:#fff;}

.area_event .list li a:hover span{color:#c2c6f3;}

.area_event .list li a:hover:after{background-position:0 -36px;}

.area_event .list li.none{width:100%; height:287px; text-align:center;}

.area_event .list li.none span{vertical-align:middle; color:#888;}

.area_event .list li.none:after{content:''; display:inline-block; height:100%; vertical-align:middle;}

.area_event .btn_more{position:absolute !important; bottom:65px; left:0px;}

.area_banner .bx-wrapper{margin-left:140px;}

.area_banner .list:after{content:''; display:block; clear:both;}

.area_banner .list li{float:left; padding-left:0px;}

.area_banner .bx-controls-direction{position:absolute; bottom:65px; left:10px; transition:left 0.5s ease 0s;}

.area_banner .bx-controls-direction a{display:inline-block; position:relative; width:80px; height:66px; box-sizing:border-box; background:#f37510; text-indent:100%; overflow:hidden; white-space:nowrap; box-shadow:0 15px 15px rgba(216,67,81,0.2); transition:all 0.5s ease;}

.area_banner .bx-controls-direction a.bx-next{border-left:1px solid rgba(229,79,93,0.5);}

.area_banner .bx-controls-direction a:before{content:''; display:block; position:absolute; top:50%; left:50%; width:32px; height:6px; margin:-3px 0 0 -16px; background:url(../images/common/sp_com.png) no-repeat -23px -25px;}

.area_banner .bx-controls-direction a.bx-next:before{background-position:-23px -33px;}

.area_banner .bx-controls-direction a:hover{background:#ce6a1b;}

.area_middle.active article:after{width:0px;}

.area_middle.active .area_banner:after{transition-delay:0.5s;}

.area_middle.active .bx-controls-direction{left:0px; transition-delay:1s;}



.area_bottom:after{content:''; display:block; clear:both;}

.area_bottom .area_live,

.area_bottom .box{float:left; width:49.6%; height:525px; border:1px solid #e7e7e7}

.area_bottom .box{position:relative; background:url(../images/main/bg_road.gif) repeat-x 100% 100%;}

.area_live{position:relative; background:url(../images/main/bg_live.jpg) no-repeat 100% 0;}

.area_live h2{

	margin-bottom: 50px;

	color: #fff;

	font-weight: 900;

	text-align: center;

	letter-spacing: 1px;

}

.area_live h2:before{content:''; display:block; width:38px; height:50px; margin:0 auto 10px; background:url(../images/common/sp_com.png) no-repeat 0 -49px;} 

.area_live .play{

	width: 370px;

	height: 100%;

	box-sizing: border-box;

	padding: 65px 33px;

	background: #f37510;

}

.area_live .play p{margin-top:40px; color:#fff; text-align:center; font-weight:300;}

.area_live .play .jw-error{height:169px !important; background:url(../images/main/img_live01.jpg) no-repeat 50% 0;}

.area_live .play .jw-error .jw-title{display:none !important;}

.area_live .info{position:absolute; bottom:1px; right:1px; width:240px; box-sizing:border-box; padding:50px 33px; background:#fff;}

.area_live .info .order{display:none;}

.area_live .info em{font-size:23px; color:#f37510;}

.area_live .info p{margin-top:20px; color:#666; line-height:1.4em; font-weight:300; letter-spacing:-0.5px;}

.area_live .info p span{color:#f37510;}

.area_bottom .box:after{content:''; display:block; clear:both;}

.area_bottom .box > article{float:left; position:relative; height:100%;}



.area_ebook{width:345px;}

.area_ebook .btn_more{position:absolute !important; top:50px; right:30px;}

.area_ebook .title{height:calc(100% - 188px); box-sizing:border-box; padding:50px 50px 0;}

.area_ebook .info{

	position: relative;

	height: 188px;

	background: #f37510;

}

.area_ebook .info .img{display:block; overflow:hidden; position:absolute; top:-170px; left:50%; width:164px; height:219px; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; box-shadow:0 15px 15px rgba(0,0,0,0.15); transform:translateX(-50%);}

.area_ebook .info .img:after{content:'Detail View'; display:block; position:absolute; top:100%; left:0px; width:100%; height:100%; box-sizing:border-box; padding-top:60%; background:rgba(0,0,0,0.3); color:#fff; font-size:14px; text-align:center; font-weight:300; letter-spacing:1px; transition:all 0.5s cubic-bezier(0, 0.4, 0.32, 0.97);}

.area_ebook .info > a:hover .img:after{top:0px;text-align:center;}

.area_ebook .info > a{display:block; padding:20px 20px 0;}

.area_ebook .info > a i{display:block; font-size:16px; color:#fff; }

.area_ebook .info > a em{display:block; padding-top:40px; font-size:20px; letter-spacing:-1px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.area_ebook .info > a:after{content:''; display:block; position:absolute; top:20px; right:20px; width:28px; height:9px; background:url() no-repeat -64px -30px;}

.area_ebook .info .link{position:absolute; bottom:0px; left:0px; width:100%; height:50px;}

.area_ebook .info .link:after{content:''; display:block; clear:both;}

.area_ebook .info .link > a{float:left; width:50%; height:100%; line-height:50px; box-sizing:border-box; border-top:1px solid #e95563; color:#fff; font-weight:300; text-align:center; transition:all 0.5s ease;}

.area_ebook .info .link > a:nth-of-type(1){border-right:1px solid #e95563;}

.area_ebook .info .link > a:hover{background:#c03441;}



.area_road{position:relative; width:calc(100% - 345px); box-sizing:border-box; padding:50px 0 0 50px;}

.area_road h2{font-size:23px; color:#27272f; font-weight:500; letter-spacing:-1px;}

.area_road p{margin-top:20px; font-size:16px; color:#666; line-height:1.5em; font-weight:300; letter-spacing:-0.5px;}

.area_road:after{content:''; display:block; position:absolute; bottom:175px; left:20px; width:232px; height:98px; background:url(../images/main/img_road01.png) no-repeat 50% 0;}

.area_road .tel{display:block; position:absolute; bottom:50px; left:50px; font-size:16px; color:#fff;}

.area_road .tel a{display:block; margin-top:5px; font-size:20px; font-weight:600; color:#fff;}

.area_road > a{display:block; position:absolute; top:50%; left:50px; z-index:10; width:100px; height:66px; background:#27272f; text-indent:100%; overflow:hidden; white-space:nowrap; box-shadow:5px 15px 15px rgba(0,0,0,0.15); transform:translateY(-50%); transition:right 0.5s ease 0s;}

.area_road > a:before{content:''; display:block; position:absolute; top:50%; left:50%; width:28px; height:9px; margin:-4.5px 0 0 -14px; background:url(../images/common/sp_com.png) no-repeat -64px -30px; transform:translateX(0px); transition:all 0.5s ease 0s;}

.area_road > a:hover:before{transform:translateX(15px);}



.area_logo{position:relative; max-width:1400px; margin:40px auto;}

.area_logo .list:after{content:''; display:block; clear:both;}

.area_logo .list li{float:left;}

.area_logo .list li img{width:100%; max-width:180px;}

.area_logo .bx-wrapper{margin-left:210px;}

.area_logo .bx-controls{position:absolute; top:50%; left:0px; width:150px; height:6px; margin-top:-3px;}

.area_logo .bx-controls a[class^="bx-"]{display:inline-block; background-image:url(../images/common/sp_com.png); background-repeat:no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}

.area_logo .bx-controls-direction a[class^="bx-"]{width:32px; height:6px; vertical-align:top;}

.area_logo .bx-controls-direction a.bx-prev{background-position:-244px -2px;}

.area_logo .bx-controls-direction a.bx-next{margin-left:86px; background-position:-244px -10px;}

.area_logo .bx-controls-auto a[class^="bx-"]{position:absolute; top:50%; left:50%; width:12px; height:14px; margin:-6px 0 0 -7px;}

.area_logo .bx-controls-auto a.bx-stop{background-position:-276px 0px;}

.area_logo .bx-controls-auto a.bx-start{background-position:-288px 0px;}



.area_bottom .area_live:before,

.area_bottom .box:before{content:''; display:block; position:absolute; top:0px; right:0px; z-index:50; width:100%; height:100%; background:#fff; transition:all 1s ease 0s;}

.area_bottom.active .area_live:before{width:0px;}

.area_bottom.active .box:before{width:0px; transition-delay:0.5s;}

.area_bottom.active .area_road > a{right:0px; transition-delay:1.3s;}





@keyframes open{

	0%{left:0; width:0;}

	48%{left:0; width:100%;}

	50%{left:0; width:100%;}

	100%{left:65%; width:35%;}

}

@keyframes openMob{

	0%{left:0; width:0;}

	48%{left:0; width:100%;}

	100%{left:0; width:100%;}

}

@keyframes openEdge{

	0%{left:0; width:0;}

	48%{left:0; width:100%; transform:translateX(0);}

	100%{left:0; transform:translateX(-100%);}

}

@-webit-keyframes ani{

   0%{-webkit-transform:translate(0,0);}

   100%{-webkit-transform:translate(0,5px);}

}  

@keyframes ani{

   0%{transform:translate(0,0);}

   100%{transform:translate(0,5px);}

}  



@media all and (min-width:2000px){

	#wrap.show .area_visual{overflow:hidden;}

	.area_visual .video video{width:100%; height:auto;}

	

}



@media all and (max-width:1580px){

	#content{padding:0px;}

	.area_visual .video button{display:none;}

	.area_visual .link em{font-size:40px;}

	.area_visual .link em i{font-size:70px;}

	.area_visual.active .link{width:75%;}

}



@media all and (max-width:1450px){

	.area_visual .area_link_open{left:50%;}

	.area_visual .obj_dokdo{right:-100px; width:100%; background-position:50% 100%; background-size:100%;}

	.area_visual .obj_dokdo:before{width:446px; height:185px;}

	#content .inr{box-sizing:border-box; padding:0 15px;}

	.area_notice .title{left:15px;}

	.area_logo{box-sizing:border-box; padding:0 15px;}

	.area_logo .bx-controls{left:15px;}

}



@media all and (max-width:1360px){

	#header .area_util > ul > li > a{color:#666;}

	#header .area_util a[data-util]:before{background-position-y:-67px;}

	#header .area_util .area_lang button{border-bottom:1px solid #444; color:#666;}

	#header .area_util .area_lang button:after{border-top:4px solid #666;}

	#header .area_util .area_lang ul{top:33px;}

	

	.obj_open,

	.area_visual .link{top:0px; height:calc(100% - 0px);}

	.area_visual{overflow:hidden; padding-top:0px;}

	.area_visual.active .link{width:85%;}

	.area_visual .link em,

	.area_visual .btn_open{transform:translateY(-0);}

	.area_visual .area_link_open{transform:translateY(-0);}

	

	.area_middle .area_event{width:60%;}

	.area_middle .area_banner{width:40%;}

	.area_middle:after{width:40%;}

	

	.area_road{padding-right:15px; padding-left:35px;}

	.area_road p{word-break:keep-all;}

	.area_road p br{display:none;}

	.area_road .tel{left:35px;}

}



@media all and (max-width:1200px){

	.obj_open.show{animation:openMob 1s ease 0s forwards;}

	



	.area_visual .video{background:url(../images/main/ms1_vg3.png) no-repeat 50% 0;}

	.area_visual .link{position:relative; top:auto; right:auto; width:100%; height:100%;}

	.area_visual .btn_open{opacity:0; visibility:hidden;}

	.area_visual .area_link_open{padding-right:20px;}

	.area_visual .obj_dokdo:before{top:auto; bottom:90px; width:390px; height:162px;}

	.area_visual .shooting{height:80%;}

	.area_visual *[data-visual-title="01"]{display:none;}

	.area_visual.active .link{width:100%;}

	

	.area_bottom .area_live{display:none;}

	.area_bottom .box{float:none; width:100%;}

	.area_ebook{width:50%;}

	.area_ebook .title{padding-left:15px;}

	.area_road{width:50%; padding-left:50px;}

	.area_road .tel{left:50px;}

	.area_road p{word-break:break-all;}

	.area_road p br{display:block;}

}



@media all and (max-width:1100px){

	.area_visual .link em{position:relative; top:auto; left:auto; transform:translateY(0);}

	.area_visual .area_link_open{position:relative; top:auto; left:auto; padding-top:50px; padding-right:0px; transform:translateY(0);}

	.area_visual .area_link_open ul li{width:calc(100% / 7);}

	.area_visual .area_link_open ul li a{margin:40px 0 20px;}

	.area_visual em[data-visual-title] .wordAni{display:inline-block;}

	.area_visual em[data-visual-title] .wordAni:nth-of-type(1){margin-right:20px;}

	.area_visual .obj_dokdo:before{right:30px;}

	.area_visual.active .link{width:100%; box-sizing:border-box; padding:100px 50px 0;}

	

	.area_event .list li{padding-left:20px;}

	.area_middle .area_event{padding-right:45px;}

}



@media all and (max-width:1024px){

	.area_visual{min-height:0px;}

	

	.area_notice .area_tab_main{min-height:416px;}

	.area_notice .area_tab_main .list li{float:none; width:100%; height:auto; margin-top:10px; padding-top:10px; border-top:1px dashed #e1e1e1;}

	.area_notice .area_tab_main .list li:first-child{margin-top:0px; padding-top:0px; border-top-width:0px;}

	.area_notice .area_tab_main .list li a em{display:block !important; height:auto; white-space:nowrap;}

	.area_notice .area_tab_main .list li a span{display:block !important; height:auto; margin-top:5px; white-space:nowrap;}

	.area_notice .area_tab_main .list li a > i{position:static;}

	

	.area_middle:after{display:none;}

	.area_middle .inr{padding:0px !important;}

	.area_middle article{float:none; width:100% !important;}

	.area_middle .area_banner{padding-left:100px; padding-right:15px; background:;}

	.area_middle .area_event{padding-right:15px; padding-left:15px;}

	.area_event .title{left:15px;}

	.area_event .btn_more{left:15px;}

	.area_event .list{margin-left:205px;}

	.area_banner .title{left:15px;}

	.area_banner .bx-controls-direction{left:15px !important;}

}



@media all and (max-width:950px){

	.area_visual .obj_dokdo:before{right:0px; bottom:40px;}

}



@media all and (max-width:850px){

	.area_visual .area_link_open ul li{width:calc(100% / 6);}

}



@media all and (max-width:768px){

	.area_visual .obj_dokdo:before{right:-40px;}

	.area_visual .area_link_open ul li{width:calc(100% / 5);}

	.area_visual.active .link{padding:100px 30px 0px;}

	

	.area_notice .area_tab_main{width:calc(100% - 250px); margin-left:250px;}

	.area_notice .btn_more{left:-290px;}

	

	.area_road p{word-break:keep-all;}

	.area_road p br + br{display:none;}

}



@media all and (max-width:610px){

	.area_visual.active .link{padding:50px 30px 0px;}

	.area_visual .area_link_open{padding-top:10px;}

	.area_visual .area_link_open ul li{width:calc(100% / 4);}

	.area_visual .obj_dokdo:before{right:0px; width:234px; height:97px;}

	

	.area_notice:before,

	.area_notice:after{display:none;}

	.area_notice .title,

	.area_notice .btn_more{display:none;}

	.area_notice .inr{padding:0px !important;}

	.area_notice .area_tab_main{width:100%; min-height:351px; margin-left:0px; padding:40px 15px 40px 160px;}

	.area_notice .area_tab_main button{left:0px;}

	.area_notice .area_tab_main button.on{left:10px;}

	

	.area_event .list{margin-left:160px;}

	.area_event .list li{float:none; width:auto; height:auto; margin-top:10px;}

	.area_event .list li:first-child{margin-top:0px;}

	.area_event .list li a span{margin-top:10px;}

	.area_middle .area_event{padding:40px 15px;}

	.area_middle .area_banner{padding:40px 15px 40px 55px;}

	.area_banner .bx-controls-direction a{width:80px;}

	

	.area_bottom .box{height:auto;}

	.area_bottom .box > article{float:none; height:500px;}

	.area_ebook{width:100%; height:auto;}

	.area_ebook .btn_more{right:15px;}

	.area_road{width:100%; height:auto; padding-left:15px;}

	.area_road p{word-break:break-all;}

	.area_road p br{display:block;}

	.area_road .tel{left:15px;}

	

	.area_logo .bx-wrapper{margin-left:0px;}

	.area_logo .bx-controls{display:none; top:auto; bottom:-20px;}

}



@media all and (max-width:530px){

	.area_visual .link em i{font-size:60px;}

	.area_visual .link em{font-size:30px;}

	.area_visual .area_link_open ul li a{margin:20px 0 10px; font-size:13px;}

	.area_visual.active .link{padding:50px 20px 0px;}

}



@media all and (max-width:500px){

	.area_visual{padding-left:0px;}

}



@media all and (max-width:420px){

	#content .title h2{margin-top:10px;}

	

	.area_visual{padding-top:0px;}

	.obj_open{top:65px; height:calc(100% - 65px);}

	.area_visual .area_link_open ul li{width:calc(100% / 3);}

	.area_visual .link em i{font-size:55px;}

	.area_visual .link em{font-size:25px;}

	.area_visual .obj_dokdo:before{width:164px; height:68px;}

	

	.area_notice .area_tab_main button{width:90px;}

	.area_notice .area_tab_main button.on{width:110px;}

	.area_notice .area_tab_main{padding-left:100px;}

	

	.area_event .title{position:static;}

	.area_event .title p{display:none;}

	.area_event .list{margin-left:0px;}

	.area_event .list li{padding-left:0px;}

	.area_event .list li:first-child{margin-top:10px;}

	.area_event .btn_more{top:60px; right:15px; bottom:auto; left:auto;}

	.area_middle .area_banner{padding-left:15px;}

	.area_banner .title{position:static;}

	.area_banner .list li img{width:100%;}

	.area_banner .bx-wrapper{margin-top:20px; margin-left:0px;}

	.area_banner .bx-controls-direction{top:40px; right:15px !important; bottom:auto; left:auto !important;}

}



@media all and (max-width:375px){

	.area_visual{height:auto !important;}

	.area_visual.active .link{padding-bottom:60px;}

	

	.area_notice .area_tab_main .list li a em{font-size:16px;}

}