@charset "utf-8";

/*20180424 main_area*/
.main_con01 {width:100%; max-width: 1200px; margin:140px auto 80px; background: #fff;}
.main_con02 {width:100%; max-width: 1200px; margin:0 auto; background: #fff;}
.main_con03 {width:100%; max-width: 1200px; margin:75px auto 0; background: #fff;}
.main_con04 {width:100%; background: #fafafa; padding:50px 0 ; box-sizing: border-box; margin-top:90px;}
.main_con04 > .w1200 {width:100%; max-width: 1200px; margin:0 auto;}

.main_con01 {overflow:hidden; }
.main_con01 .left {float:left; width:400px; background:#0450b4; padding:80px 0 0 90px;box-sizing: border-box; height: 390px; position:relative;}
.main_con01 .left .inner {width:100%;height:310px;}
.main_con01 .left .inner p.tit {font-size:30px; line-height: 1; letter-spacing: -0.05em; font-weight: bold; color:#fff;}
.main_con01 .left .inner p.desc {font-size:18px; line-height: 1; letter-spacing: -0.025em; font-weight: 400; color:#fff; margin-top:15px;}
.main_con01 .left .inner img {margin:50px 0 ;}
.main_con01 .left .inner a {display: block; width:100px; border:1px solid #fff; text-align: center; line-height: 30px; color:#fff; font-size:14px; margin-top:120px;}

.main_con01 .left .bx-controls-direction{position:absolute;bottom:30px;right:30px;}
.main_con01 .left .bx-controls-direction > a{display:inline-block;width:35px;height:35px;text-indent:-999999px;}
.main_con01 .left .bx-controls-direction .bx-prev{background:url(/komef201809/img/slider-prev.jpg);}
.main_con01 .left .bx-controls-direction .bx-next{background:url(/komef201809/img/slider-next.jpg);margin-left:10px;}

.main_con01 .right {float:left; width:800px; height: 390px; position:relative;}
/*.main_con01 .right .inner {position:absolute; left:65px; top:95px;}*/
/*.main_con01 .right .inner p.tit {width:180px; line-height: 30px; font-size:15px; color:#fff; font-weight:500; letter-spacing: -0.025em; color:#fff; background: #e6a822; text-align: center;}*/
/*.main_con01 .right .inner p.tit02 {font-size:30px; line-height: 30px; letter-spacing: -0.05em; font-weight: 500; color:#222; margin:10px 0;}*/
/*.main_con01 .right .inner p.tit02 span {color:#e6a822; font-size:32px; font-weight: bold; margin-top:10px; display: block;}*/

.main_con02 {overflow:hidden;}
.main_con02 > div {float:left; width:33.3333%; text-align: center; color:#fff; padding-top:80px; box-sizing: border-box; position:relative;}
.main_con02 > .box01 {background: url("/komef201809/img/main_2_bg01.jpg") no-repeat center top; background-size: 100% 100%; height:280px;}
.main_con02 > .box02 {background: url("/komef201809/img/main_2_bg02.jpg") no-repeat center top; background-size: 100% 100%; height:280px;}
.main_con02 > .box03 {background: url("/komef201809/img/main_2_bg03.jpg") no-repeat center top; background-size: 100% 100%; height:280px;}

.main_con02 > div > p.tit {font-size:28px; line-height: 1; letter-spacing: -0.05em; color:#fff; font-weight: bold; margin-bottom:20px;}
.main_con02 > div > p.desc {font-size:18px; line-height: 1.4; letter-spacing: -0.025em; color:#fff; font-weight: 300;}
.main_con02 > div > a {position:absolute; bottom:50px; left:50%; transform: translate(-50% ,0); -webkit-transform: translate(-50% ,0); -moz-transform: translate(-50% ,0); -o-transform: translate(-50% ,0);-ms-transform: translate(-50% ,0);}
.main_con02 > div > a {display: block; width:100px; border:1px solid #fff; text-align: center; line-height: 30px; color:#fff; font-size:15px;}
.main_con02 > div.box03 > p:last-of-type {position:absolute; bottom:60px; left:50%; transform: translate(-50% ,0); -webkit-transform: translate(-50% ,0); -moz-transform: translate(-50% ,0); -o-transform: translate(-50% ,0);-ms-transform: translate(-50% ,0);}
.main_con02 > div.box03 > p:last-of-type {display: block; width:100%; text-align: center; line-height: 30px; color:#fff; font-size:15px;}

.main_con03 {overflow:hidden;}
.main_con03 > div {float:left; width:560px; height: 220px; position:relative;}
.main_con03 > div > div.tab.list{height:220px;}
.main_con03 > div.left {margin-right:80px;}
.main_con03 > div .tab_com {height:47px; width:100%; overflow: hidden;}
.main_con03 > div .tab_com ul {width:260px;  overflow:hidden; float:left; margin:0;}
.main_con03 > div .tab_com ul li {float:left; width:50%; border:1px solid #ebeaea; box-sizing:border-box;}
.main_con03 > div .tab_com ul li a {font-size:16px; line-height:45px; text-align: center;display: block; color:#666; font-weight: 200; width:100%; height: 100%;}
.main_con03 > div .tab_com ul li.tab_on {background: #f8f8f8;}
.main_con03 > div .tab_com ul li.tab_on a { color:#222; font-weight: bold; }
.main_con03 > div .tab_com > a {float:right; margin-top:10px; margin-right:5px;}
.main_con03 > div .tab_com ul.spec_wid {width:310px;}
.main_con03 > div .tab_com ul.spec_wid li {width:130px;}
.main_con03 > div .tab_com ul.spec_wid li:last-of-type {width:180px;}
.main_con03 > div .b_cov {width:100%;}
.main_con03 > div .b_cov ul {width:100%; margin:35px 0;}
.main_con03 > div .b_cov ul li {width:100%; overflow: hidden;}
.main_con03 > div .b_cov ul li b {display: inline-block; width:2%; color:#222;}
.main_con03 > div .b_cov ul li p {display: inline-block; width:75%; font-size:16px; line-height: 38px; color:#222; font-weight: 300;}
.main_con03 > div .b_cov ul li span {display: inline-block; width:20%; text-align:right; font-size:15px; line-height: 38px; color:#666; }

.main_con04 {max-width:2000px;margin:70px auto 0;}
.main_con04 .w1200 {overflow:hidden;}
.main_con04 .w1200 > div {width:100%;}
.main_con04 .w1200 > div > .tab_box {overflow:hidden; width:100%;}
.main_con04 .w1200 > div > .tab_box > p {float:left; vertical-align: middle;}
.main_con04 .w1200 > div > .tab_box > p.tit{font-size:28px; line-height: 1; letter-spacing: -0.05em; color:#0056b8; font-weight: bold;}
.main_con04 .w1200 > div > .tab_box > p.desc{font-size:18px; line-height: 20px; letter-spacing: -0.025em; color:#222; font-weight: 300; margin:10px 20px 0;}
.main_con04 .w1200 > div > .tab_box > a {display: block; float:right;}
.main_con04 .w1200 > div > .cov_box {width:100%; overflow:hidden; margin-top:25px;}
.main_con04 .w1200 > div > .cov_box > div {float:left; width:290px; margin-right:10px; font-size:0; height:375px;}
.main_con04 .w1200 > div > .cov_box > div:last-of-type {margin-right:0;}
.main_con04 .w1200 > div > .cov_box p.tit {background: #0056b8; width:100%; padding:20px 0;}
.main_con04 .w1200 > div > .cov_box p.tit span {display: block; width:80%; margin:0 auto; font-size:16px; line-height: 38px; color:#fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_con04 .w1200 > div > .cov_box img{cursor:pointer;width:100%;}

.main_con04 .w1200 > div > .board04_cov{}
.main_con04 .w1200 > div > .board04_cov ul{overflow:hidden;}
.main_con04 .w1200 > div > .board04_cov li{width:48%;float:left;margin-bottom: 15px;overflow:hidden;background-color: #fff;padding:20px;box-sizing:border-box;}
.main_con04 .w1200 > div > .board04_cov li:nth-of-type(2n){margin-left: 4%;}
.main_con04 .w1200 > div > .board04_cov li a{display:block;font-size:16px;}
.main_con04 .w1200 > div > .board04_cov .title{float:left;color:#222;font-weight: bold;}
.main_con04 .w1200 > div > .board04_cov .date{float:right;color:#666;}



/*메인 퀵메뉴*/
.mainQuick{width:954px;height:126px;position: relative;z-index:1;margin:-41px auto 0;background-color:#fff;box-shadow: 0px 7px 24px rgba(0,1,1,0.05);}
.mainQuick>li{width:159px;height:126px;float:left;}
.mainQuick>li>a{display:block;width:100%;height:100%;}


/*메인비주얼*/
/* main_visual */
#main_visual{width:100%; height:589px;position:relative; min-width:1200px; max-width:2000px; margin:0 auto;overflow:hidden;}
#main_visual .bxslide{width:100%; height:589px;}
#main_visual .bxslide li {position:relative; height:589px; overflow:hidden;}
#main_visual .bxslide li img{height:589px; display:block; margin:0;position:relative;}
#main_visual .bxslide li div {position:absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); height:100px;}
#main_visual .bxslide li div p.sub {font-size:26px; line-height: 24px; letter-spacing: -0.05em; color:#fff; text-align: center; font-weight: bold;}
#main_visual .bxslide li div p.tit {font-size:62px; line-height: 100px; letter-spacing: -0.025em; color:#fff; text-align: center; font-weight: bold;}
#main_visual .bxslide li div p.desc {font-size:20px; line-height: 24px; letter-spacing: -0.025em; color:#fff; text-align: center; font-weight: 400;}

/* #main_visual .bxslide li p{font-size:26px; color:#fff; line-height:36px; text-align:left; background:#003065; padding:30px 0 40px 150px;} */
#main_visual .bx-pager{position:absolute; bottom:12%; left:50%; width:80px; margin-left:-26.5px; font-size:0;}
#main_visual .bx-pager > div{display:inline-block; width:16px; height:16px; margin-right:14px; vertical-align: middle;}
#main_visual .bx-pager > div:last-of-type{margin-right:0;}
#main_visual .bx-pager > div a{display:block; width:16px; height:16px; border-radius:2px; box-sizing:border-box; font-size:0; background:url("/komef201809/img/pager_off.png") no-repeat center top; margin-top:3px;}
#main_visual .bx-pager > div a.active{background: url("/komef201809/img/pager_on.png") no-repeat center top; width:16px; height:16px; margin-top:0px;}
#main_visual .bx-wrapper{position:relative;}


/* Tab + List */
.tab.list{height:160px}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;font-size:12px;*zoom:1}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px}
.tab.list li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;color:#666;font-weight:200;line-height:45px;font-size:18px;}
.tab.list li a span{display:inline-block;letter-spacing:-1px;cursor:pointer}
.tab.list li ul{width:100%;position:absolute;top:80px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;position:relative;color:#222;letter-spacing:0;font-size:16px;line-height:38px;}
.tab.list li li b{font-weight:bold;margin-right:5px;}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#222 !important;font-weight:normal;background:transparent;line-height:38px;color:#222;font-size:16px;}
.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#222 !important;text-decoration:underline}
.tab.list li li time,
.tab.list li li .time{position:absolute;top:0;right:0;line-height:38px;color:#666;font-size:15px;}
.tab.list li li.more{position:absolute;top:-75px;right:0;border:0 !important;background:transparent}
.tab.list li.active a{border:1px solid #ccc;border-bottom:1px solid #fff;background:#f8f8f8;color:#333}
.tab.list li.active a span{font-weight:bold}
.tab.list li.active ul li a{background:transparent;}
.tab.list.jx{height:auto}
.tab.list.jx ul{border:0}
.tab.list.jx li{float:none;position:relative}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #ebeaea !important;background:#f8f8f8 !important}
.tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list.jx li li.more{top:7px;right:15px}

.tab.list > ul > li > a{padding:0 20px;}


/* 메인 슬라이더 하나로 변경 */
.bxslider2 > a{height:390px;}
.bxslider2 > a > img{width:100%;height:100%;}
.main_con01 .right{width:1200px;}
.main_con01 .right .bx-controls-direction{position:absolute;bottom:50%;right:0;width:100%;text-align:left;}
.main_con01 .right .bx-controls-direction a{display:block;width:35px;height:35px;position:absolute;top:0;color:#ffffff;text-align: center;line-height: 35px;font-size:35px;text-shadow:1px 1px 5px rgba(4, 82, 183, 0.2);}


.main_con01 .right .bx-controls-direction .bx-prev{left:10px;}
.main_con01 .right .bx-controls-direction .bx-next {right:10px;}