@charset "utf-8";
/* 20200306 _ 슬로건 추가 시작*/
#coronaSloganPopUp{position:absolute;top:135px;right:125px;z-index:10;}
#coronaSloganPopUp .coronaSloganClose{display:block;position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-9999em;background:url(/images/koem/common/img_coronaSlogan_close.png) center no-repeat; filter:brightness(0%);}
/* 20210908 _ css추가 */
#coronaSloganPopUp a{display:block;}
/* 20210908 _ css끝 */
@media (max-width:960px){
	#coronaSloganPopUp{display:none;}
}
/* 20200306 _ 슬로건 추가 끝*/



.mainAside{position:fixed;top:0;bottom:0;width:57px;z-index:9;transition-duration:0.2s;}
.mainAside .btn_pageMove{display:block;margin-top:55px;padding-top:80px;text-align:center;text-indent:-9999em;}
.mainAside .btn_pageMove > img{display:none;}
.mainAside .title{display:block;margin:100px auto 140px;width:24px;height:130px;background-color:transparent;background-image:url(/images/koem/main/img_mainAside_all.png);background-repeat:no-repeat;text-indent:-9999em;}
.mainAside .btn_pageNext{background:url(/images/koem/main/img_mainAsideTitle1.png) no-repeat center top;}
.mainAside .btn_pageNext.action,
.mainAside .btn_pageNext:hover{transition-duration:0.4s;}
.mainAside .btn_pageNext.action:after,
.mainAside .btn_pageNext:hover:after{background-position:-92px -203px;transition-duration:0s !important;}
.mainAside .btn_pageMove .dotArea{position:relative;;width:68px;height:64px;overflow:hidden;transition-duration:0.2s;text-indent:-9999em;}
.mainAside .btn_pageNext:hover .dotArea{margin-left:-20px;width:78px;}
.mainAside .btn_pageNext .dotArea{margin-left:-10px;background:#07a7e3;}
.mainAside .btn_pageNext .dotArea:after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:0;width:auto;height:auto;background:#0c397f url(/images/koem/main/img_mainArrowRight.gif) no-repeat center center;}
.mainAside .btn_pageMove .dotArea span{display:none;}
.mainAside.scroll .btn_pageNext{background:url(/images/koem/main/img_mainAsideTitle1_on.png) no-repeat center top;}

.mainAside2 {z-index:9; position:fixed; left:inherit; top:30%;}
.mainAside2 a {display:block;}

@media (max-width:1360px){
	.govBanner{display:none;}
	.mainAside .btn_pageMove{display:block;margin-top:250px;padding-top:80px;text-align:center;text-indent:-9999em;}
}
.coronaBanner {margin-left:-60px; margin-top:30px; width:118px; height:118px;}
.govBanner {margin-left:-58px; margin-top:100px; width:115px; height:100px;}
.closeGovBanner {display:block; position:absolute; right:1px; top:100px; width:20px; height:20px; text-indent:-9999em; background:url(/images/koem/common/img_coronaSlogan_close.png) center no-repeat; filter : brightness(0%); cursor:pointer;}
.closeCoronaBanner {display:block; position:absolute; right:4px; top:635px; width:20px; height:20px; text-indent:-9999em; background:url(/images/koem/common/img_coronaSlogan_close.png) center no-repeat; filter : brightness(0%); cursor:pointer;}

#page2 .mainAside{right:inherit;left:0;border-right:1px solid rgba(250,250,250,0.25);}
#page2 .mainAside .btn_pagePrev{background:url(/images/koem/main/img_mainAsideTitle2.png) no-repeat center top;}
#page2 .mainAside .btn_pagePrev:hover .dotArea{margin-right:-20px;width:78px;}
#page2 .mainAside .btn_pagePrev .dotArea{margin-right:-10px;background:#162b58;}
#page2 .mainAside .btn_pagePrev .dotArea:after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:0;width:auto;height:auto;background:#0c397f url(/images/koem/main/img_mainArrowLeft.gif) no-repeat center center;}

.mainAside .snsLink{padding-top:30px;}
.mainAside .snsLink a:hover{opacity:0.7;transition-duration:0.3s;}
.mainAside .snsLink a:after{display:block;content:'';position:absolute;bottom:-14px;left:50%;margin-left:-12px;width:24px;border-top:1px solid rgba(250,250,250,0.25);}
.mainAside .snsLink .icon5:after{display:none;}

.mainBanner{clear:both;padding:34px 0;}
.mainBanner .rolling{margin:0 40px;}
.mainBanner .slick-list{margin-left:-1px;}
.mainBanner .slick-slide{margin-right:6px;}
.mainBanner .slick-slide img{display:inline-block;margin:0 auto;max-width:100%;width:auto;max-height:100%;}
.mainBanner .slick-slide a{display:block;position:relative;margin:0 auto;width:206px;height:64px;background:#fff;border:1px solid #dcdcdc;text-align:center;line-height:64px;}
.mainBanner .slick-slide a:after{display:block;content:'';position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border:2px #005cb9 solid;opacity:0;transition-duration:0.2s;}
.mainBanner .slick-slide a:hover:after{opacity:1;}
.mainBanner .rolling .slick-arrow{display:block;position:absolute;top:50%;margin-top:-17px;width:35px;height:35px;text-indent:-999px;border:0px none;overflow:hidden;}
.mainBanner .rolling .slick-prev{left:-40px;background:#fff url(/images/koem/common/icon_common_all.png) no-repeat 0 -150px;;}
.mainBanner .rolling .slick-next{right:-40px;background:#fff url(/images/koem/common/icon_common_all.png) no-repeat 0 -200px;;}

body #page1{left:0;transition-duration:1s;}
body #page2{left:100%;transition-duration:1s;}
body #page1 .mainAside{opacity:1;z-index:9;transition-duration:1s;}
body #page2 .mainAside{opacity:0;z-index:-1;transition-duration:1s;}
body.viewPage2 #page1{left:-100%;}
body.viewPage2 #page2{left:0;}
body.viewPage2 #page1 .mainAside{opacity:0;z-index:-1;width:1px;}
body.viewPage2 #page2 .mainAside{opacity:1;z-index:99;}

#page1 .mainAside.scroll{background:rgba(255,255,255,0.5);border-left:1px solid rgba(100,100,100,0.2);}
#page2 .mainAside{border-right:1px solid rgba(100,100,100,0.2);}
#page2 .mainAside.scroll{background:rgba(255,255,255,0.5);border-left:1px solid rgba(100,100,100,0.2);}


#page1{position:absolute;top:0;left:0;width:100%;background:#fff;z-index:2;overflow-x:hidden;}
#page1 .mainVisual{position:relative;height:993px;overflow:hidden;z-index:1;}
#page1 .mainVisual ul{display:block;}
#page1 .mainVisual ul li{display:block;height:993px;text-align:center;}
#page1 .mainVisual ul li p{display:block;margin:260px auto 0;max-width:1580px;height:122px;text-align:center;}
/* 20220107 수정
#page1 .mainVisual ul li p span{display:inline-block;vertical-align:middle;height:61px;background-image:url(/images/koem/main/img_visualSlogan.png);text-indent:-9999em;opacity:0;}
#page1 .mainVisual ul li p .slogan1{width:260px;background-position:0 0;}
#page1 .mainVisual ul li p .slogan2{width:312px;background-position:-260px 0;}
#page1 .mainVisual ul li p .slogan3{width:247px;background-position:-572px 0;}
#page1 .mainVisual ul li p .slogan4{display:block;margin:0 auto;width:324px;background-position:-247px -61px;}
#page1 .mainVisual.active ul li p span{opacity:1;}
#page1 .mainVisual.active ul li p .slogan1{transition:all 2s 0.5s;}
#page1 .mainVisual.active ul li p .slogan2{transition:all 2s 0.8s;}
#page1 .mainVisual.active ul li p .slogan3{transition:all 2s 1.2s;}
#page1 .mainVisual.active ul li p .slogan4{transition:all 2s 1.5s;} */
#page1 .mainVisual ul li p span{display:inline-block;vertical-align:middle;height:59px;background-image:url(/images/koem/main/img_visualSlogan.png);background-repeat:no-repeat;text-indent:-9999em;opacity:0;}
#page1 .mainVisual ul li p .slogan1{width:293px;background-position:0 0;}
#page1 .mainVisual ul li p .slogan2{width:336px;background-position:-293px 0;}
#page1 .mainVisual ul li p .slogan3{display:block;margin:0 auto;width:553px;background-position:-44px -60px;}
#page1 .mainVisual.active ul li p span{opacity:1;}
#page1 .mainVisual.active ul li p .slogan1{transition:all 2s 0.5s;}
#page1 .mainVisual.active ul li p .slogan2{transition:all 2s 1s;}
#page1 .mainVisual.active ul li p .slogan3{transition:all 2s 1.5s;}

#page1 .mainVisual ul li .desc{display:block;padding-top:25px;font-size:19px;color:#fff;line-height:150%;opacity:0;}
#page1 .mainVisual.active ul li .desc{opacity:1;transition:all 6s;}
#page1 .mainVisual #slider1 li.bg1{background:url(/images/koem/main/page1_visual1.jpg) no-repeat center top;}
#page1 .mainVisual #slider1 li.bg2{background:url(/images/koem/main/page1_visual2.jpg) no-repeat center top;}
#page1 .mainVisual #slider1 li.bg3{background:url(/images/koem/main/page1_visual3.jpg) no-repeat center top;}
#page1 .mainVisual .slick-prev{display:block;position:absolute;top:520px;left:50%;margin-left:-360px;width:320px;height:0;background:none;border:0px none;border-top:1px rgba(255,255,255,0.3) solid;text-indent:-9999em;outline:none;z-index:101;}
#page1 .mainVisual .slick-prev:after{display:block;content:'';position:absolute;bottom:0px;left:0;width:58px;height:23px;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat -155px 0;border-bottom:1px rgba(255,255,255,0.8) solid;transition-duration:0.3s;}
#page1 .mainVisual .slick-prev:hover:after{left:-30px;}
#page1 .mainVisual .slick-prev:focus:after{box-shadow:1px 1px 3px rgba(0,0,0,1);}
#page1 .mainVisual .slick-next{display:block;position:absolute;top:520px;left:50%;margin-left:40px;width:320px;height:0;background:none;border:0px none;border-top:1px rgba(255,255,255,0.3) solid;text-indent:-9999em;outline:none;z-index:101;}
#page1 .mainVisual .slick-next:after{display:block;content:'';position:absolute;bottom:0px;right:0;width:58px;height:23px;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat -120px -23px;border-bottom:1px rgba(255,255,255,0.8) solid;transition-duration:0.3s;}
#page1 .mainVisual .slick-next:hover:after{right:-30px;}
#page1 .mainVisual .slick-next:focus:after{box-shadow:1px 1px 3px rgba(0,0,0,1);}
#page1 .mainVisual .btn_mainVisualStop{display:block;position:absolute;top:520px;left:50%;margin:-42px 0 0 -18px;width:37px;height:37px;border:0px none;text-indent:-9999em;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat -141px -95px;z-index:101;}
#page1 .mainVisual .btn_mainVisualStop:hover{background:none;}
#page1 .mainVisual .btn_mainVisualStop:after{display:block;content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat -183px -95px;transition-duration:0.3s;opacity:0;}
#page1 .mainVisual .btn_mainVisualStop:hover:after{opacity:1;}
#page1 .mainVisual .btn_mainVisualPlay{display:none;position:absolute;top:520px;left:50%;margin:-42px 0 0 -18px;width:37px;height:37px;border:0px none;text-indent:-9999em;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat -94px -95px;z-index:101;}
#page1 .mainVisual .btn_mainVisualPlay:hover{background:none;}
#page1 .mainVisual .btn_mainVisualPlay:after{display:block;content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat -183px -50px;transition-duration:0.3s;opacity:0;}
#page1 .mainVisual .btn_mainVisualPlay:hover:after{opacity:1;}
#page1 .btn_scroll{display:block;position:absolute;top:820px;left:50%;margin-left:-53px;width:106px;height:25px;text-indent:-9999em;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat 0 -60px;z-index:101;}
#page1 .btn_scroll:after{display:block;content:'';position:absolute;top:-60px;left:50%;margin-left:-16px;width:32px;height:52px;background:url(/images/koem/main/img_mainVisual_all.png) no-repeat -36px 0;animation:mover 1s infinite alternate;}
@keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-10px); }}
#page1 .mainAside{right:0;left:inherit;border-left:1px solid rgba(250,250,250,0.25);}
#page1 .content{position:relative;overflow:hidden;}
#page2{position:absolute;top:0;left:100%;width:100%;background:#fff;z-index:1;overflow-x:hidden;}

#page2 .content{position:relative;z-index:2;}

.mainBusiness{position:relative;padding:50px 0;overflow:hidden;}
.mainBusiness h2{margin-bottom:60px;font-size:42px;color:#0a0a0a;text-align:center;}
.mainBusiness ul{display:block;margin:0 -8px;}
.mainBusiness ul:after{display:block;content:'';clear:both;}
.mainBusiness ul li{display:block;float:left;padding:0 8px;width:12%;box-sizing:border-box;transition-duration:0.6s;}
.mainBusiness ul li .overBox{display:block;position:relative;height:513px;box-sizing:border-box;overflow:hidden;}
.mainBusiness ul li .overBox:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);opacity:1;transition-duration:2s;}
.mainBusiness ul li .overBox:after{display:block;content:'';position:absolute;top:205px;left:220px;width:185px;border-top:1px #172b59 solid;transition-duration:1s;opacity:0;}
.mainBusiness ul li.item1 .overBox{background:url(/images/koem/main/page1_section1_all.jpg) no-repeat 0 0;}
.mainBusiness ul li.item2 .overBox{background:url(/images/koem/main/page1_section1_all.jpg) no-repeat 0 -513px;}
.mainBusiness ul li.item3 .overBox{background:url(/images/koem/main/page1_section1_all.jpg) no-repeat 0 -1026px;}
.mainBusiness ul li.item4 .overBox{background:url(/images/koem/main/page1_section1_all.jpg) no-repeat 0 -1539px;}
.mainBusiness ul li.item5 .overBox{background:url(/images/koem/main/page1_section1_all.jpg) no-repeat -200px -2052px;}
.mainBusiness ul li .overBox b{display:block;position:absolute;top:50%;left:0;margin-top:-36px;width:190px;font-size:23px;line-height:36px;color:#fff;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,0.2);opacity:1;transition-duration:0.5s;}
.mainBusiness ul li .overBox div{width:350px;line-height:140%;text-align:left;opacity:0;word-break:keep-all;}
.mainBusiness ul li .overBox .title{display:block;margin:0 0 25px 0;font-size:30px;font-weight:bold;color:#014a99;}
.mainBusiness ul li .overBox .ment{display:block;margin-bottom:50px;height:120px;font-size:18px;color:#444;line-height:140%;}
.mainBusiness ul li .overBox .desc{display:block;margin-bottom:40px;font-size:15px;color:#666;line-height:140%;}
.mainBusiness ul li .overBox .btnDetail{display:none;position:relative;width:160px;height:34px;background:#172b59;color:#fff;line-height:34px;text-indent:20px;font-size:15px;}
.mainBusiness ul li .overBox .btnDetail:after{display:block;content:'';position:absolute;top:0;right:10px;width:34px;height:34px;background:url(/images/koem/common/icon_common_all.png) no-repeat -50px -150px;}
.mainBusiness ul li.active{width:52%;}
.mainBusiness ul li.active .overBox{padding:35px 40px 0 440px;text-decoration:none;}
.mainBusiness ul li.active .overBox:before{opacity:0;transition-duration:0s;}
.mainBusiness ul li.active .overBox:after{left:320px;opacity:1;}
.mainBusiness ul li.active .overBox b{opacity:0;}
.mainBusiness ul li.active .overBox div{opacity:1;}
.mainBusiness ul li.active .overBox .btnDetail{display:block;}
.mainBusiness ul li.active .overBox .btnDetail:focus {text-decoration:underline;}
.mainBusiness ul li.item5.active .overBox{background:url(/images/koem/main/page1_section1_all.jpg) no-repeat 0 -2052px;}

.mainAbout{clear:both;position:relative;box-sizing:border-box;overflow:hidden;height:676px;background:url(/images/koem/main/bg_page1_section2_sky.jpg) no-repeat left bottom;background-size:cover;}
.mainAbout .inner{padding-top:230px;z-index:2;}
.mainAbout:after{display:block;content:'';position:absolute;bottom:-200px;right:0;width:742px;height:554px;background:url(/images/koem/main/bg_page1_section2_building.png) no-repeat;background-size:cover;z-index:1;opacity:0.2;transition-delay:0.5s;transition-duration:0.8s;}
.mainAbout.active:after{bottom:0;opacity:1;}
.mainAbout h2{position:relative;margin-bottom:60px;font-size:42px;color:#0a0a0a;text-align:center;}
.mainAbout ul{position:relative;margin:0 auto;width:1220px;}
.mainAbout ul:after{display:block;content:'';clear:both;}
.mainAbout ul li{float:left;position:relative;padding:40px 30px 30px 30px;width:25%;height:233px;background-image:url(/images/koem/main/page1_section2_bgAll.jpg);box-sizing:border-box;letter-spacing:-.5px;transition-duration:0.2s;z-index:1;}
.mainAbout ul li:hover{margin-top:-10px;}
.mainAbout ul li.bg1{background-position:0 0;}
.mainAbout ul li.bg1:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.2);z-index:-1;}
.mainAbout ul li.bg2{background-position:-305px 0;}
.mainAbout ul li.bg3{background-position:-610px 0;}
.mainAbout ul li.bg4{background-position:-915px 0;}
.mainAbout ul li b{display:block;margin-bottom:20px;font-size:21px;color:#fff;font-weight:normal;}
.mainAbout ul li p{color:#fff;line-height:145%;}
.mainAbout ul li.bg2 b,
.mainAbout ul li.bg3 b,
.mainAbout ul li.bg2 p,
.mainAbout ul li.bg3 p{color:#000;}
.mainAbout ul li a{display:block;position:absolute;right:30px;bottom:30px;width:36px;height:37px;background:url(/images/koem/common/icon_common_all.png) no-repeat 0 -250px;text-indent:-9999em;}
.mainAbout ul li.bg3 a{background-position:0 -300px;}

.botSection{padding:55px 0;border-bottom:1px solid #f0f0f0;}
.botSection:after{display:block;content:'';clear:both;}
.botSection .title{display:block;position:absolute;left:0;top:50%;margin-top:-14px;padding-left:15px;font-size:24px;color:#0a0a0a;}
.botSection ul{margin-left:250px;}
.botSection ul:after{display:block;content:'';clear:both;}
.botSection ul li{float:left;position:relative;width:16.6666%;transition-duration:0.2s;}
.botSection ul li:hover{margin-top:-10px;text-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.botSection ul li span{display:block;margin:0 auto 18px;height:76px;background-color:transparent;background-image:url(/images/koem/main/icon_page1_botSection1_all.png);}
.botSection ul li .icon1{width:79px;background-position:0 0;}
.botSection ul li .icon2{width:85px;background-position:-89px 0;}
.botSection ul li .icon3{width:80px;background-position:-184px 0;}
.botSection ul li .icon4{width:67px;background-position:-272px 0;}
.botSection ul li .icon5{width:76px;background-position:-349px 0;}
.botSection ul li .icon6{width:76px;background-position:-433px 0;}
.botSection ul li:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-47px;height:94px;border-right:1px solid #f0f0f0;}
.botSection ul li a{display:block;text-align:center;font-size:16px;color:#4f4f4f;}

.mainBarNotice{position:relative;margin:20px 0;height:100px;border:1px solid #ededed;background:#f3f3f3;}
.mainBarNotice b{display:block;position:absolute;left:60px;top:50%;margin-top:-25px;padding-left:75px;width:250px;height:50px;font-size:23px;color:#005cb9;line-height:50px;box-sizing:border-box;}
.mainBarNotice b:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-25px;width:50px;height:50px;background:url(/images/koem/common/icon_common_all.png) no-repeat -100px -50px;}
.mainBarNotice b:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-11px;height:22px;border-right:1px solid #ccc;}
.mainBarNotice li{padding:0 250px 0 345px;box-sizing:border-box;}
.mainBarNotice li:after{display:block;content:'';clear:both;}
.mainBarNotice li a{display:block;position:relative;padding-left:15px;height:100px;line-height:100px;font-size:17px;color:#1d1d1d;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mainBarNotice li a:hover{text-decoration:underline;}
.mainBarNotice li a:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-2px;height:4px;width:4px;background:#000;}
.mainBarNotice .bx-controls{position:absolute;right:70px;top:50%;bottom:inherit;left:inherit;margin-top:-16.5px;}
.mainBarNotice .bx-controls-direction a{display:inline-block;vertical-align:middle;width:29px;height:29px;border-radius:14.5px;border:1px solid #fff;text-indent:-9999em;}
.mainBarNotice .bx-controls-direction a:hover{border:1px solid #4a5e88;transition-duration:0.5s;}
.mainBarNotice .bx-controls-direction .bx-prev{background:url(/images/koem/common/icon_common_all.png) no-repeat 0 0;}
.mainBarNotice .bx-controls-direction .bx-next{margin-left:70px;background:url(/images/koem/common/icon_common_all.png) no-repeat 0 -50px;}
.mainBarNotice .bx-pager{position:absolute;right:53px;top:6px;font-size:14px;color:#6e6e6e;}
.mainBarNotice .bx-pager strong{display:inline-block;vertical-align:inherit;font-size:19px;color:#0a2f87;}

.mainNotice{position:relative;}
.mainNotice .tabBar{display:table !important;margin-bottom:30px;height:45px;border:0px none;text-align:center;}
.mainNotice .tabBar > li {margin:0;padding:2px}
.mainNotice .tabBar > li > a{position:relative;padding:0 20px;min-width:auto;border:0px none;line-height:45px;font-size:24px;color:#484848;}
.mainNotice .tabBar > li > a:before{display:block;content:'';position:absolute;top:0;left:50%;margin-left:-45px;width:0;border-top:2px solid #005cb9;opacity:0;transition-duration:0.5s;}
.mainNotice .tabBar > li.active > a{background:#fff;color:#005cb9;}
.mainNotice .tabBar > li.active > a:focus{box-shadow:initial;}
.mainNotice .tabBar > li.active > a:before{width:90px;opacity:1;transition-duration:0.5s;}
.mainNotice .tabBar > li > a:hover:before{width:90px;opacity:1;transition-duration:0.5s;}
.mainNotice .tabBar > li a:after{display:block;content:'';position:absolute;right:1px;top:50%;margin-top:-9px;height:18px;border-right:1px solid #dcdcdc;}
.mainNotice .tabBar > li:last-child a:after{border:0px none;}

.mainNotice .tabPage ul:after{display:block;content:'';clear:both;}
.mainNotice .tabPage ul li{float:left;margin-right:-1px;width:316px;border:1px solid #e5e5e5;box-sizing:border-box;}
.mainNotice .tabPage ul li a{display:block;position:relative;padding:40px 20px 20px;box-sizing:border-box;outline:0;}
.mainNotice .tabPage ul li a:before,
.mainNotice .tabPage ul li a:after{display:block;content:'';position:absolute;width:0;height:0;border:3px solid transparent;box-sizing:inherit;}
.mainNotice .tabPage ul li a:before{top:0;left:0;}
.mainNotice .tabPage ul li a:after{bottom:0;right:0;}
.mainNotice .tabPage ul li a:hover:before,
.mainNotice .tabPage ul li a:hover:after,
.mainNotice .tabPage ul li a:focus:before,
.mainNotice .tabPage ul li a:focus:after{width:100%;height:100%;}
.mainNotice .tabPage ul li a:hover:before,
.mainNotice .tabPage ul li a:focus:before{border-top-color:#005cb9;border-right-color:#005cb9;transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.mainNotice .tabPage ul li a:hover:after,
.mainNotice .tabPage ul li a:focus:after{border-bottom-color:#005cb9;border-left-color:#005cb9;transition:border-color 0.2s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.mainNotice .tabPage ul li .title{display:block;display:-webkit-box;margin-bottom:20px;height:52px;line-height:26px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:18px;color:#181818;}
.mainNotice .tabPage ul li .date{display:block;margin-bottom:32px;color:#7a7a7a;}
.mainNotice .tabPage ul li .txt{display:block;display:-webkit-box;height:70px;line-height:23px;font-size:15px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
.mainNotice .tabPage ul li .img{display:block;width:270px;height:160px;}
.mainNotice .tabPage ul li .img img{max-width:100%;width:100%;height:100%;}
.mainNotice .btnMore{display:block;position:absolute;top:5px;right:0;width:36px;height:36px;border:1px solid #d8dade;border-radius:18px;background:url(/images/koem/common/icon_common_all.png) no-repeat 0 -100px;text-indent:-9999em;}
.mainNotice .btnMore:hover{border:1px solid #4a5e88;transition-duration:0.5s;}
.mainNotice .slick-arrow{display:none !important;width:56px;height:56px;background-color:transparent;background-image:url(/images/koem/common/icon_common_all.png);border:0px none;}
.mainNotice .slick-prev{left:1% !important;background-position:-44px -200px;}
.mainNotice .slick-next{background-position:-44px -256px;}

.mainKoemSns{padding:70px 0 80px;}
.mainKoemSns .rolling{max-height:260px;overflow-y:hidden;}
.mainKoemSns .slick-list{overflow:inherit;}
.mainKoemSns h2{margin-bottom:10px;font-size:42px;color:#000;text-align:center;font-weight:normal;letter-spacing:-1px;}
.mainKoemSns a{display:block;position:relative;text-align:right;transition-duration:0.2s;}
.mainKoemSns a:focus,
.mainKoemSns a:hover{margin-top:-20px;}
.mainKoemSns a.blogCon{padding:25px;width:259px;height:260px;background:#e2e2e2;box-sizing:border-box;text-align:left;}
.mainKoemSns a.blogCon .title{display:block;display:-webkit-box;margin-bottom:40px;height:66px;line-height:33px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:25px;color:#262626;}
.mainKoemSns a.blogCon .txt{display:block;display:-webkit-box;margin-bottom:15px;height:42px;line-height:21px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-.5px;}
.mainKoemSns a.blogCon .date{display:block;}
.mainKoemSns span.sns{display:block;position:absolute;right:20px;bottom:20px;width:33px;height:34px;background-color:transparent;background-image:url(/images/koem/common/icon_common_all.png);text-indent:-9999em;text-align:left;}
.mainKoemSns .icon1{background-position:0 -400px;}
.mainKoemSns .icon2{background-position:-40px -400px;}
.mainKoemSns .icon3{background-position:-80px -400px;}
.mainKoemSns .icon4{background-position:-120px -400px;}
.mainKoemSns .icon5{background-position:-160px -400px;}
.mainKoemSns span.sns.icon6{background:url(/images/koem/common/icon_youtubeNew.png) center center no-repeat;}
.mainKoemSns .slick-slide{margin-right:20px;}
.mainKoemSns .slick-slide img{margin:0 auto;width:259px;height:260px;}
.mainKoemSns .slick-arrow{display:block;right:inherit !important;left:50% !important;width:56px;height:56px;background-color:transparent;background-image:url(/images/koem/common/icon_common_all.png);border:0px none;text-align:left;}
.mainKoemSns .slick-arrow:hover{opacity:0.85;}
.mainKoemSns .slick-prev{margin-left:-818px;background-position:-44px -200px;}
.mainKoemSns .slick-next{margin-left:762px;background-position:-44px -256px;}
.mainKoemSns .slick-track {padding:30px 0;}

.mainBotArea{padding:75px 0 70px;background:#d3e0ee;}
.mainBotArea:after{display:block;content:'';clear:both;}
.mainBotArea .inner > div{float:left;height: 415px;box-sizing:border-box;letter-spacing:-.5px;}
.mainBotArea .inner > div h2{font-weight:normal;}
.mainBotArea .item1{position:relative;padding:45px 30px;width:440px;z-index:0;}
.mainBotArea .item1 .videoOver{display:block;position:absolute;top:0;right:0;left:0;bottom:0;background:url(/images/koem/main/bg_videoPlay.jpg) no-repeat center center;background-size: 100% 100%;text-indent:-9999em;z-index:-1;}
.mainBotArea .item1 .videoOver:after{display:block;content:'';position:absolute;bottom:40px;left:40px;right:40px;height:11px;background:url(/images/koem/main/icon_videoPlay_bar.png) no-repeat;}
.mainBotArea .item1 .videoOver a{display:block;position:relative;height:100%;}
.mainBotArea .item1 .videoOver a:before{display:block;content:'';position:absolute;top:50%;left:50%;margin:-55px 0 0 -44.5px;width:89px;height:90px;background:url(/images/koem/main/icon_videoPlay_play.png) no-repeat;transition-duration:0.2s;}
.mainBotArea .item1 .videoOver a:hover:after{opacity:1;}
.mainBotArea .item1 .videoOver a:hover:before{background:url(/images/koem/main/icon_videoPlay_play_on.png) no-repeat;}
.mainBotArea .item1 h2{color:#fff;font-size:24px;}
.mainBotArea .item1 .btnMore{display:block;position:absolute;right:30px;top:40px;width:36px;height:36px;background:url(/images/koem/main/icon_mainBotArea_all.png) no-repeat 0 0;text-indent:-9999em;}
.mainBotArea .item2{padding:45px 30px;width:420px;background:#fff;border-right:1px solid #e7e7e7;}
.mainBotArea .item2 h2{margin-bottom:22px;font-size:24px;color:#131313;}
.mainBotArea .item2 p{margin-bottom:50px;color:#797979;line-height:150%;}
.mainBotArea .item2 ul:after{display:block;content:'';clear:both;}
.mainBotArea .item2 ul li{float:left;padding:0 10px;width:50%;box-sizing:border-box;}
.mainBotArea .item2 ul li a{display:block;position:relative;padding-left:12px;height:50px;line-height:50px;border-bottom:1px solid #d5d5d5;font-size:16px;color:#1a1a1a;}
.mainBotArea .item2 ul li a:after{display:block;content:'';position:absolute;left:3px;top:50%;margin-top:-1.5px;width:3px;height:3px;background:#0a2f87;}
.mainBotArea .item3{width:270px;background:#fff;}
.mainBotArea .item3 ul{display:block;}
.mainBotArea .item3 ul li{display:block;position:relative;}
.mainBotArea .item3 ul li a{display:block;padding:45px 30px;height:202px;box-sizing:border-box;}
.mainBotArea .item3 ul li:after{display:block;content:'';position:absolute;bottom:30px;right:30px;width:80px;height:80px;background-color:transparent;background-image:url(/images/koem/main/bg_mainBotArea_item3.png);background-repeat:no-repeat;}
.mainBotArea .item3 ul li.item3_1{border-bottom:1px #e7e7e7 solid;}
.mainBotArea .item3 ul li.item3_1:after{background-position:0 0;}
.mainBotArea .item3 ul li.item3_2:after{background-position:0 -80px;}
.mainBotArea .item3 ul li b{display:block;margin-bottom:22px;font-size:20px;color:#131313;font-weight:normal;}
.mainBotArea .item3 ul li span{display:block;margin-bottom:50px;color:#797979;line-height:150%;}
.mainBotArea .item4{position:relative;padding:45px 30px;width:450px;background:#0a2f87;}
.mainBotArea .item4 h2{margin-bottom:15px;padding-bottom:20px;border-bottom:1px solid #546eab;color:#fff;font-size:24px;}
.mainBotArea .item4 ul{}
.mainBotArea .item4 ul li a{width:392px;height:259px;overflow:hidden;}
.mainBotArea .item4 ul li a img{display:block;width:100%;height:259px;}
.mainBotArea .item4 ul li a:focus{outline:none;}
.mainBotArea .item4 ul li a:focus img{width:98%;border:solid 2px red}
.mainBotArea .item4 .bx-wrapper{position:static;}
.mainBotArea .item4 .bx-controls{position:absolute;right:30px;top:50px;bottom:inherit;left:inherit;}
.mainBotArea .item4 .bx-controls a{background-color:transparent;background-image:url(/images/koem/main/icon_mainBotArea_all.png);}
.mainBotArea .item4 .bx-controls-direction a{display:inline-block;vertical-align:middle;width:8px;height:13px;text-indent:-9999em;}
.mainBotArea .item4 .bx-controls-direction .bx-prev{background-position:-86px 0;}
.mainBotArea .item4 .bx-controls-direction .bx-next{margin-left:40px;background-position:-124px 0;}
.mainBotArea .item4 .bx-controls-auto a{display:block;position:absolute;right:25px;top:3px;width:7px;height:13px;text-indent:-9999em;}
.mainBotArea .item4 .bx-controls-auto .bx-stop{background-position:-112px 0;}
.mainBotArea .item4 .bx-controls-auto .bx-start{background-position:-99px 0;}
.mainBotArea .item4 .bx-stop.active,
.mainBotArea .item4 .bx-start.active{display:none;}
.mainBotArea .item5{clear:both;float:none !important;padding-top:45px;height:auto !important;text-align:center;}
.mainBotArea .item5 p{display:inline-block;vertical-align:middle;padding:0 70px;line-height:40px;font-size:22px;color:#181818;}
.mainBotArea .item5 p .call{display:inline-block;vertical-align:middle;margin-left:25px;padding-left:53px;background:url(/images/koem/common/icon_common_all.png) no-repeat -100px 0;font-weight:bold;font-size:30px;}

#ocean{position:absolute;bottom:0;left:0;right:0;height:400px;z-index:100;}
#ocean.stop{display:none;}
.wave{position:absolute;bottom:0;background:#7ecef4;opacity:0.5;display:inline-block;height:35%;width:10px;position:absolute;z-index:5 !important;animation-name:dostuff;animation-duration:2.74159s;animation-iteration-count:infinite;transition-timing-function:ease-in-out;}
.wave_middle{position:absolute;bottom:0;background:#0068b7;opacity:0.5;display:inline-block;height:22%;width:10px;position:absolute;z-index:5 !important;animation-name:dostuff_mid;animation-duration:4s;animation-iteration-count:infinite;transition-timing-function:ease-in-out;}
.wave_bottom{position:absolute;bottom:0;background:#fff;opacity:1;display:inline-block;height:17%;width:10px;position:absolute;z-index:5 !important;animation-name:dostuff_bot;animation-duration:3s;animation-iteration-count:infinite;transition-timing-function:ease-in-out;}
#oceanEnd{display:none;position:absolute;left:0;right:0;bottom:0;height:0px;background:url(/images/koem/main/bg_waveEnd.png) no-repeat center top;background-size:cover;opacity:0.5;transition-duration:0.8s;}
#oceanEnd.active{height:240px;opacity:1;}

.photoZoom{top:2100px !important;margin-left:-420px;padding:20px 50px 70px;width:840px;box-sizing:border-box;box-shadow:2px 2px 6px rgba(0,0,0,0.3);}
.photoZoom .modalTitle{position:static;padding:0;height:auto;background:#fff;}
.photoZoom .modalTitle b{display:block;padding:20px 0;border-bottom:1px solid #cfcfcf;font-size:30px;color:#181818;text-align:center;}
.photoZoom .modalTitle .btn_modalClose{right:-62px;width:60px;height:60px;background:url(/images/koem/sub/btn_modalClose.gif) no-repeat;}
.photoZoom .modalContent{padding:30px 34px;text-align:center;}
.photoZoom .modalContent img{max-width:100%;}

#wrap.main{overflow-y:hidden !important;}
.mainAside .btn_pageMove .dotArea span{opacity:1 !important;transition-duration:0s !important;}
#ocean{display:none;}
#oceanEnd{display:none !important;}

#popup .slick-slide > a{display:block;}

@keyframes dostuff { 0% {height:35%;} 50% {height:40%;} 100% {height:35%;} } 
@keyframes dostuff_mid { 0% {height:22%;} 50% {height:36%;} 100% {height:22%;} } 
@keyframes dostuff_bot { 0% {height:17%;} 50% {height:27%;} 100% {height:17%;} }
/* ======================================== 반응형 ======================================== */
@media all and (max-width:1840px){
	.mainNotice .slick-arrow{display:block !important;margin-left:0 !important;}
	.mainNotice .slick-prev{left:6% !important;}
	.mainNotice .slick-next{left:inherit !important;right:6% !important;}	
	.mainNotice .slick-next{left:inherit;right:1%;}
	.mainKoemSns .slick-arrow{margin-left:0 !important;}
	.mainKoemSns .slick-prev{left:6% !important;}
	.mainKoemSns .slick-next{left:inherit !important;right:6% !important;}	
	.mainKoemSns .slick-next{left:inherit;right:1%;}
	.mainBotArea .item3 ul li:after{}	
}

@media all and (min-width:961px) and (max-width:1840px){
	#page1 .inner{padding-left:10px;padding-right:68px;}
	#page2 .inner{padding-left:68px;padding-right:10px;}
	#page2 .header h1{left:80px;}
	
	.mainBusiness ul li{transition-duration:0.2s;}
	.mainBusiness ul li.active .overBox{padding-left:55%;padding-right:20px;background-size:48% 2565px !important;}
	.mainBusiness ul li .overBox b{width:100%;font-size:20px;}
	.mainBusiness ul li .overBox div{width:auto;word-break:break-word;}
	.mainBusiness ul li .overBox .title{margin-bottom:15px;font-size:22px;line-height:120%;}
	.mainBusiness ul li .overBox .ment{font-size:16px;}
	.mainBusiness ul li.active .overBox:after{left:40%;}
	.mainBusiness ul li .overBox .desc{font-size:14px;}
	.mainAbout{background-position:center top;}
	.mainAbout ul li{padding:30px 2% 10px;}
	.mainAbout ul li.bg3 p br{display:none;}
	.mainAbout .inner:after{right:-30%;}
	.botSection ul{margin-left:220px;}
	.botSection ul li a{font-size:14px;}
	.mainNotice{margin:0 -10px 0 -68px;}
	.mainBotArea .item1,
	.mainBotArea .item2,
	.mainBotArea .item4{padding-left:20px;padding-right:20px;width:28%;}
	.mainBotArea .item1 .videoOver{background-size:100% 100%;}
	.mainBotArea .item3{width:16%;}
	.mainBotArea .item3 ul li a{padding:20px;}
	.mainBotArea .item3 ul li b{margin-bottom:20px;font-size:20px;}
	.mainBotArea .item3 ul li:after{bottom:10px;right:10px;}
	.mainBotArea .item4 ul li a{width:auto;}
	
	.mainNotice .tabBar{padding-top:20px;}
	.mainNotice .tabBar > li{display:inline-block;float:none;width:auto;border-top:0px none;}
	.mainNotice .btnMore{top:20px;right:60px;}
	.botSection .title{left:68px;}
}
@media all and (max-width:1400px){
	.mainAbout ul{width:1000px;}
	.mainBotArea .item3 ul li span br{display:none;}
    .mainBotArea .item2 p{margin-bottom:25px;}
}

/* Mobile */
@media all and (max-width:960px){	
	.mainAside{width:50px;}
	.mainAside .btn_pageMove{}
	#page1 .mainAside .btn_pageMove{width:50px;}
	#page2 .mainAside .btn_pageMove{width:50px;}
	.mainAside .btn_pageMove .dotArea{margin-top:5px;height:50px;}	
	.mainAside .btn_pageMove{margin-top:180px;}
	.mainAside .btn_pageMove .dotArea,
	.mainAside .btn_pageMove:hover .dotArea{margin:0 !important;width:50px !important;}	
	.mainAside .snsLink{display:none;}

	.mainAside2 {display:none;}
	.closeCoronaBanner{top:345px; right:0px;}	

	.mainBanner{display:none;}
	#oceanEnd.active{height:100px;}
	#page1 .mainVisual{height:500px;}
	#page1 .mainVisual ul li{height:500px;background-size:auto 500px !important;}
	#page1 .mainVisual ul li p{margin-top:110px;height:95px;background:url(/images/koem/main/img_visualSlogan.png) no-repeat center top;background-size:500px auto;}
	#page1 .mainVisual ul li p span{display:block !important;position:absolute !important;top:-9999px !important;}
	#page1 .mainVisual ul li .desc{font-size:16px;}
	#page1 .mainVisual.active ul li .desc{transition:none;}
	#page1 .mainVisual .slick-prev{top:inherit;bottom:135px;margin-left:-260px;width:220px;}
	#page1 .mainVisual .slick-next{top:inherit;bottom:135px;width:220px;}
	#page1 .mainVisual .btn_mainVisualStop{top:inherit;bottom:120px;}
	#page1 .mainVisual .btn_mainVisualPlay{top:inherit;bottom:120px;}
	#page1 .btn_scroll{display:none;}
	#page2 .header h1{left:8%;}
	
	.mainBusiness h2{margin-bottom:30px;font-size:26px;}
	.mainBusiness ul{margin:-5px 0;}
	.mainBusiness ul li{float:none;padding:5px 0;width:auto;}
	.mainBusiness ul li .overBox{height:100px;background-size:100% 2000px !important;}
	.mainBusiness ul li .overBox b{margin-top:-18px;font-size:18px;}
	.mainBusiness ul li .overBox b br{display:none;}
	.mainBusiness ul li .overBox div{width:auto;}
	.mainBusiness ul li.item1 .overBox{background-position:0 -150px !important;}
	.mainBusiness ul li.item2 .overBox{background-position:0 -550px !important;}
	.mainBusiness ul li.item3 .overBox{background-position:0 -950px !important;}
	.mainBusiness ul li.item4 .overBox{background-position:0 -1350px !important;}
	.mainBusiness ul li.item5 .overBox{background-position:0 -1750px !important;}
	.mainBusiness ul li.active{width:auto;}
	.mainBusiness ul li.active .overBox{padding:250px 0 0;height:auto;}
	.mainBusiness ul li.active .overBox div{padding:32px 10px 30px 45px;background:#fff;}
	.mainBusiness ul li .overBox .title{margin-bottom:10px;font-size:25px;}
	.mainBusiness ul li .overBox .ment{margin-bottom:15px;height:auto;font-size:15px;}
	.mainBusiness ul li .overBox .desc{font-size:13px;}
	.mainBusiness ul li.active .overBox:after{top:200px;left:23px;width:1px;height:225px;background:#172b59;transition-duration:inherit;}
	
	.mainAbout{height:auto;}
	.mainAbout .inner{padding:120px 0 40px;}
	.mainAbout:after{right:inherit;left:40%;}
	.mainAbout h2{margin-bottom:40px;font-size:26px;}
	.mainAbout ul{margin:0 auto;width:610px;}
	.mainAbout ul li{padding:25px;width:305px;height:210px;}
	.mainAbout ul li:hover{margin-top:0;}
	.mainAbout ul li b{margin-bottom:10px;font-size:16px;}
	.mainAbout ul li p{font-size:12px;}
	.mainAbout ul li p br{display:none;}
	.mainAbout ul li a{right:20px;bottom:15px;}
	
	.botSection{padding:45px 0;border-bottom:0px none;}
	.botSection .title{position:static;margin-bottom:35px;text-align:center;}
	.botSection ul{margin:0;}
	.botSection ul li{height:120px;margin-bottom:20px;padding:0 1%;width:33.3333%;box-sizing:border-box;}
	.botSection ul li:hover{margin-top:0;}
	.botSection ul li:after{margin-top:-30px;height:60px;}
	.botSection ul li.icon1:after,
	.botSection ul li.icon4:after{display:none;}
	.botSection ul li a{font-size:14px;word-break:keep-all;line-height:135%;}
	.botSection ul li:first-child:after,
	.botSection ul li:nth-child(4):after{display:none;}
	
	.mainBarNotice{margin-top:80px;padding:15px 20px;height:auto;}
	.mainBarNotice li{padding:10px;}
	.mainBarNotice b{top:-55px;left:0;margin-top:0;padding-left:60px;width:auto;font-size:20px;}
	.mainBarNotice b:after{display:none;}
	.mainBarNotice li a{height:auto;line-height:130%;}
	.mainBarNotice .bx-controls{right:0;top:-50px;}
	.mainBarNotice .bx-controls-direction a{border:1px solid #e2e3e7;}
	
	.mainNotice{margin:0 -5%;}
	.mainNotice .tabBar{padding-top:20px;}
	.mainNotice .tabBar > li{display:inline-block;float:none;width:auto;border-top:0px none;}
	.mainNotice .tabBar > li > a{padding:0 10px;font-size:18px;}
	.mainNotice .tabBar > li.active > a:before{margin-left:-30px;width:60px;}
	.mainNotice .tabPage ul li{width:240px;}
	.mainNotice .tabPage ul li .img{width:100%;}
	.mainNotice .tabPage ul li a{padding-top:20px;}
	.mainNotice .btnMore{top:25px;right:55px;}
	
	.mainKoemSns{padding:50px 0;}
	.mainKoemSns h2{margin-bottom:30px;font-size:26px;}
	.mainKoemSns a:hover{margin-top:0;}
	
	.mainBotArea{padding:50px 0 30px;}
	.mainBotArea .inner > div{padding:20px 3% !important;width:50%;height:360px;}
	.mainBotArea .item1 .videoOver{background-size:cover;}	
	.mainBotArea .inner > div h2{margin-bottom:12px;font-size:20px;}
	.mainBotArea .item1 .btnMore{top:20px;}
	.mainBotArea .item2 ul li{padding:0 5px;}
	.mainBotArea .item2 ul li a{font-size:13px;}
	.mainBotArea .inner > div.item3{padding:0 !important;}
	.mainBotArea .inner > div.item3 a{padding:20px 120px 20px 5%;word-break:keep-all;}
	.mainBotArea .item3 ul li a{height:180px;}
	.mainBotArea .item4 ul li a{width:100%;height:235px;}
	.mainBotArea .item4 .bx-controls{top:25px;}
	.mainBotArea .item5 p{margin-bottom:5px;padding:0 2%;font-size:18px;}
	.mainBotArea .item5 p .call{font-size:20px;}
	.mainBotArea .item5{width:auto !important;}
	
	.mainBusiness ul li .overBox b{padding-left:30px;text-align:left;}
	
	#page2 .footerInfo{background:#141720 url(/images/koem/common/bg_footGnb_mo2.gif) no-repeat center top;background-size:100% auto;}
	
	.photoZoom{top:1800px !important;left:0;margin:0;width:100%;}
	.btnPopZone{display:none;}	
}

@media all and (max-width:639px){
	.main .inner{padding:0 30px;}	
	#page1 .mainVisual{height:400px;}
	#page1 .mainVisual ul li{height:400px;background-size:auto 400px !important;}
	#page1 .mainVisual ul li p{margin-top:140px;height:60px;background-size:300px auto;}
	#page1 .mainVisual ul li .desc{display:none;}
	#page1 .mainVisual .bx-controls{top:300px;background:url(/images/koem/main/page1_controls_mo.png) no-repeat center center}
	#page1 .mainVisual .slick-prev,
	#page1 .mainVisual .slick-next{bottom:145px;width:108px;}
	#page1 .mainVisual .slick-prev{margin-left:-150px;}
	#page1 .mainVisual .slick-next{margin-left:42px;}
	#page1 .mainVisual .btn_mainVisualStop,
	#page1 .mainVisual .btn_mainVisualPlay{bottom:133px;margin-left:-14.5px;width:29px;height:29px;background-image:url(/images/koem/main/icon_mainCommon_mobile.png);}
	#page1 .mainVisual .btn_mainVisualStop{background-position:0 0;}
	#page1 .mainVisual .btn_mainVisualPlay{background-position:-34px 0;}
	#page1 .mainVisual .slick-prev:after,
	#page1 .mainVisual .slick-next:after{width:36px;height:15px;border-bottom:0px none;background-image:url(/images/koem/main/icon_mainCommon_mobile.png);}
	#page1 .mainVisual .slick-prev:after{background-position:-69px 0;}
	#page1 .mainVisual .slick-next:after{background-position:-112px 0;}
	.mainAside .btn_pageMove{display:block;margin-top:0;padding-top:0;height:50px;}
	.mainAside.active .btn_pageMove{height:40px;}
	.mainAside .btn_pageNext .dotArea:after{top:2px;left:5%;right:5%;margin:0;width:100%;background-position:-102px -203px;}
	#page2 .mainAside .btn_pagePrev .dotArea:after{top:2px;left:5%;right:5%;margin:0;width:100%;background-position:-45px -203px;}
	.mainAside .btn_pageNext:hover .dotArea{margin-left:0;width:100%;}
	#page2 .mainAside .btn_pagePrev:hover .dotArea{margin-right:0;width:100%;}
	.mainAside .dotArea{display:none !important;}
	#oceanEnd.active{height:70px;}
	
	.mainAside{top:inherit;bottom:20px;border:0px none;width:50px;height:50px;}
	.mainAside.active{bottom:25px;width:99px;height:40px;}
	.mainAside a{margin-top:0 !important;padding-top:0;}
	.mainAside .btn_pageMove{background-image:url(/images/koem/main/icon_mainCommon_mobile.png) !important;}
	.mainAside .btn_pageNext{background-position:0 -37px;}
	.mainAside .btn_pagePrev{background-position:-165px -37px !important;}
	.mainAside.scroll .btn_pageNext{background:url(/images/koem/main/icon_mainCommon_mobile.png) no-repeat 0px -37px;}
	.mainAside.active .btn_pageNext{width:99px !important;background-position:-58px -37px;}
	.mainAside.scroll .btn_pagePrev{background:url(/images/koem/main/icon_mainCommon_mobile.png) no-repeat -165px -37px;}
	.mainAside.active .btn_pagePrev{width:99px !important;background-position:-223px -37px !important;}
	.mainAside .btn_pageNext.action, 
	.mainAside .btn_pageNext:hover{transition-duration:inherit;}
	#page1 .mainAside.scroll,
	#page2 .mainAside.scroll{background:inherit;border:0px none !important;}
	#page1 .mainAside{right:10px;transition-duration:inherit !important;border-left:0px none;}
	#page2 .mainAside{left:10px;transition-duration:inherit !important;border-right:0px none;}
	.mainAside .btn_pageMove > img{width:90%;}
	
	.mainBusiness ul li .overBox{height:80px;}
	.mainBusiness ul li.active .overBox{padding:200px 0 0;}
	.mainBusiness ul li.active .overBox div{padding:30px 10px 30px 40px;}
	.mainBusiness ul li.active .overBox:after{left:20px;bottom:30px;height:auto;}
	
	.mainAbout .inner{padding:100px 30px 70px;}
	.mainAbout:after{opacity:1 !important;transition-duration:inherit;transition-delay:inherit;}
	.mainAbout h2{margin-bottom:20px;font-size:24px;font-weight:normal;}
	.mainAbout ul{margin:0;width:auto;}
	.mainAbout ul li{padding:15px;width:50%;height:180px;transition-duration:inherit;}
	.mainAbout ul li a{right:15px;bottom:15px;}
	.mainAbout ul li p{line-height:130%;}	
	
	.mainBusiness{padding-bottom:0;}
	.mainBusiness h2{margin-bottom:20px;font-weight:normal;font-size:24px;}
	.mainBusiness ul li .overBox .title{font-size:24px;}
	.mainBusiness ul li .overBox .desc{margin-bottom:20px;}
	
	.botSection{padding:55px 0 25px;}
	.botSection .title{font-weight:normal;}
	.botSection ul li:after{top:0;margin-top:0;}
	.botSection ul li span{height:58px;background-image:url(/images/koem/main/icon_mainCommon_mobile.png);}
	.botSection ul li .icon1{width:59px;background-position:0 -92px;}
	.botSection ul li .icon2{width:62px;background-position:-66px -90px;}
	.botSection ul li .icon3{width:60px;background-position:-140px -92px;}
	.botSection ul li .icon4{width:47px;background-position:-209px -92px;}
	.botSection ul li .icon5{width:56px;background-position:-263px -92px;}
	.botSection ul li .icon6{width:57px;background-position:-327px -92px;}
	
	.mainBarNotice{margin-bottom:0;padding:10px;}
	.mainBarNotice b{padding-left:45px;font-size:18px;}
	.mainBarNotice b:before{transform:scale(0.7)}
	.mainBarNotice li a{font-size:14px;}
	.mainBarNotice .bx-controls{top:-35px;right:-10px;;}
	.mainBarNotice .bx-pager{top:2px;right:35px;font-size:13px;line-height:20px;}
	.mainBarNotice .bx-pager strong{font-size:13px;}
	.mainBarNotice .bx-controls-direction .bx-next{margin-left:50px;}
	.mainBarNotice .bx-controls-direction a{width:23px;height:23px;border:0px none;border-radius:0;background-image:url(/images/koem/main/icon_mainCommon_mobile.png) !important;}
	.mainBarNotice .bx-controls-direction .bx-prev{background-position:-156px 0;}
	.mainBarNotice .bx-controls-direction .bx-next{width:24px;background-position:-185px 0;}
	
	.mainNotice{margin:0 -30px;}
	.mainNotice .tabBar{margin-bottom:20px;height:35px;}
	.mainNotice .tabBar > li > a{height:35px;line-height:35px;}	
	.mainNotice .tabBar > li a:after{margin-top:-7.5px;height:15px;}
	.mainNotice .tabBar > li.active > a:before{margin-left:-45%;width:90%;}	
	.mainNotice .btnMore{top:27px;right:30px;width:25px;height:25px;border:0px none;background:url(/images/koem/main/icon_mainCommon_mobile.png) no-repeat -214px 0;}
	.mainNotice .slick-arrow{margin-top:-15px !important;width:31px;height:31px;background-image:url(/images/koem/main/icon_mainCommon_mobile.png);}
	.mainNotice .slick-prev{left:2px !important;background-position:-276px 0;}
	.mainNotice .slick-next{right:2px !important;background-position:-315px 0;}
	
	.mainKoemSns{padding-top:42px;}
	.mainKoemSns h2{margin-bottom:20px;font-size:24px;}
	.mainKoemSns .slick-arrow{margin-top:-15px !important;width:31px;height:31px;background-image:url(/images/koem/main/icon_mainCommon_mobile.png);}
	.mainKoemSns .slick-prev{left:2px !important;background-position:-276px 0;}
	.mainKoemSns .slick-next{right:2px !important;background-position:-315px 0;}
	.mainKoemSns .slick-slide img,
	.mainKoemSns a.blogCon{width:203px;height:203px;}
	.mainKoemSns a.blogCon .title{margin-bottom:20px;height:50px;line-height:25px;font-size:18px;}
	.mainKoemSns span.sns{right:15px;bottom:15px;}
	
	.mainBotArea .inner > div{float:none;padding:25px 8% 20px !important;width:auto;}
	.mainBotArea .item1{height:290px !important;border-bottom:1px #e7e7e7 solid;}
	.mainBotArea .item1 .btnMore{top:25px;right:30px;width:25px;height:25px;background:url(/images/koem/main/icon_mainCommon_mobile.png) no-repeat -245px 0;}
	.mainBotArea .item1 .videoOver a:before{margin:-35px 0 0 -35.5px;width:70px;height:71px;background-size:71px auto;}
	.mainBotArea .item1 .videoOver:after{display:none;}
	.mainBotArea .inner > div.item2{padding-bottom:15px !important;}
	.mainBotArea .item2{margin-bottom:10px;height:auto !important;border-right:0px none;}
	.mainBotArea .item2 p{margin-bottom:15px;font-size:13px;}
	.mainBotArea .item2 ul li a{height:40px;line-height:40px;}
	.mainBotArea .item3 h2,
	.mainBotArea .item3 p{color:#fff;}
	.mainBotArea .inner > div.item3{margin-bottom:10px;height:auto;}
	.mainBotArea .inner > div.item3 a{padding:25px 8%;height:126px;}
	.mainBotArea .item3 ul li b{margin-bottom:12px;font-size:20px;font-weight:normal;}
	.mainBotArea .item3 ul li span{margin-bottom:0;padding-right:80px;font-size:13px;}
	.mainBotArea .item3 ul li:after{right:8%;bottom:27px;width:65px;height:65px;background-size:65px auto;}
	.mainBotArea .item3 ul li.item3_2:after{background-position:0 -60px;}
	.mainBotArea .inner > div.item4{padding:25px 4% 20px !important;height:auto !important;}
	.mainBotArea .item4 h2{padding-left:4%;}
	.mainBotArea .inner > div.item5{padding:25px 0 !important;}
	.mainBotArea .item5 p{margin-bottom:0;padding:0;font-size:15px;letter-spacing:-1px;}
	.mainBotArea .item5 p .call{margin-left:5px;padding-left:33px;background:url(/images/koem/main/icon_mainCommon_mobile.png) no-repeat -354px 0;font-size:17px;line-height:28px;}
	.photoZoom{padding:10px 3% 30px;}
	.photoZoom .modalTitle b{font-size:25px;}
	.footer{margin-top:0;}
	
}

@media all and (min-width:640px) and (max-width:960px){
	.mainBusiness ul li .overBox{height:100px;background-size:cover;background-position:center bottom;}
	.mainBusiness ul li.item5.active .overBox{background-position:left -150px;}
}

.mainAbout ul li.bg4 b,
.mainAbout ul li.bg4 p{color:#000;}
.mainAbout ul li.bg2 a,
.mainAbout ul li.bg4 a{background-position:0 -300px;}

.mainBotArea .item3 ul li:after{bottom:35px;right:20px;width:56px;height:56px;background-size:56px auto;}
.mainBotArea .item3 ul li.item3_2:after{background-position:0 -55px;}
.mainBotArea .item3 ul li.item3_3:after{background-image:url(/images/koem/main/bg_mainBotArea_item3_add.png);}
.mainBotArea .item3 ul li.item3_2{border-bottom:1px #e7e7e7 solid;}
.mainBotArea .item3 ul li a{height:135px;padding:20px;}
.mainBotArea .item3 ul li b{font-size:17px !important;}
.mainBotArea .item3 ul li span{padding-right:50px;margin-bottom:0;}

@media (max-width: 1840px) and (min-width: 961px){
.mainBotArea .item2 ul li a{font-size:13px;}
.mainBotArea .item3 ul li b{margin-bottom:10px;}
}

@media (max-width: 960px){
.mainBotArea .inner > div.item3 a{padding-right:60px;}
.mainBotArea .item3 ul li a{height:120px;}
.mainBotArea .item3 ul li span{padding-right:0;}
}

.mainKoemSns .rolling{margin:0 -5px;padding:0 65px;max-height:360px;}
.mainKoemSns .slick-slide{margin:0 5px;}
.mainKoemSns .slick-slide img{width:360px;height:360px;}
.mainKoemSns .slick-prev{margin-left:-790px;}
.mainKoemSns .slick-next{margin-left:734px;}
.mainKoemSns span.sns{right:50%;margin-right:-45%;}
.mainKoemSns span.sns.icon6{background:url(/images/koem/common/icon_youtubeNew.png) center center no-repeat;}
@media all and (max-width:1700px){
	.mainKoemSns .rolling{padding:0;}
	.mainKoemSns .slick-prev{left:2% !important;}
	.mainKoemSns .slick-next{right:2% !important;}
}
@media all and (max-width:1360px){
	.mainKoemSns .rolling{max-height:270px;}
	.mainKoemSns .slick-slide img{width:270px;height:270px;}
	.mainKoemSns .slick-slide .sns_banner {width:270px; 140px;}
}
@media (max-width:960px){
	.mainKoemSns .rolling{max-height:230px;}
	.mainKoemSns .slick-slide img{width:230px;height:230px;}
	.mainKoemSns .slick-slide .sns_banner {width:230px; 120px;}
	.mainKoemSns span.sns{margin-right:-40%;}
}
@media (max-width:768px){
	.mainKoemSns .rolling{max-height:200px;}
	.mainKoemSns .slick-slide img{width:200px;height:200px;}
	.mainKoemSns .slick-slide .sns_banner {width:200px; 104px;}
}
@media (max-width:640px){
	.mainKoemSns .rolling{max-height:230px;}
	.mainKoemSns .slick-slide img{width:230px;height:230px;}
	.mainKoemSns .slick-slide .sns_banner {width:230px; 120px;}
}
@media (max-width:480px){
	.mainKoemSns .rolling{max-height:200px;}
	.mainKoemSns .slick-slide img{width:200px;height:200px;}
	.mainKoemSns .slick-slide .sns_banner {width:200px; 104px;}
}
@media (max-width:460px){
	.mainKoemSns .rolling{margin:0;max-height:290px;}
	.mainKoemSns .slick-slide img{width:290px;height:290px;}
	.mainKoemSns .slick-slide .sns_banner {width:290px; 151px;}
	.main .mainKoemSns .inner{padding:0;}
}

.mainKoemSns .slick-slide .sns_banner {width:360px; height:187px}

/* 231130 추가 */
.mainBoard {display:flex;margin:0 -20px;padding:70px 0 50px;}
.mainBoard > div {position:relative;width:33.33%;padding:0 40px;box-sizing:border-box;}
.mainBoard > div + div {border-left:1px solid #ededed;}
.mainBoard .title {line-height:38px;font-size:24px;font-weight:400;margin-bottom:20px;}
.mainBoard .btn-more {position:absolute;top:0;right:40px;display:inline-block;width:38px;height:38px;border:1px solid #ddd;border-radius:50%;text-indent:-9999px;overflow:hidden;}
.mainBoard .btn-more:before,
.mainBoard .btn-more:after {content:'';position:absolute;top:50%;left:50%;display:inline-block;width:19px;height:1px;background-color:#111;margin-left:-10px;}
.mainBoard .btn-more:after {transform:rotate(90deg);}
.mainBoard .list-board {list-style:none;}
.mainBoard .list-board > li {position:relative;display:flex;padding-left:7px;line-height:16px;}
.mainBoard .list-board > li:before {content:'';position:absolute;top:7px;left:0;display:inline-block;width:3px;height:3px;background-color:#0A2F87;}
.mainBoard .list-board > li + li {margin-top:20px;}
.mainBoard .list-board > li a {width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mainBoard .list-board > li a:hover,
.mainBoard .list-board > li a:focus {color:#0A2F87;}
.mainBoard .list-board > li .date {width:100px;text-align:right;color:#797979;font-size:14px;}
@media screen and (max-width:960px){
	.mainBoard {flex-wrap:wrap;}
	.mainBoard > div {width:100%;padding:0 20px;}
	.mainBoard > div + div {margin-top:20px;padding-top:20px;border-top:1px solid #eee;border-left:0;}
	.mainBoard .title {line-height:25px;font-size:18px;margin-bottom:16px;}
	.mainBoard .btn-more {right:20px;width:25px;height:25px;}
	.mainBoard .btn-more:before,
	.mainBoard .btn-more:after {width:11px;margin-left:-6px;}
	.mainBoard > div + div .btn-more {top:20px;}
	.mainBoard .date {font-size:12px;}
	.mainBoard .list-board > li + li {margin-top:10px;}
}