@charset "UTF-8";

/*@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);*/

/*body{min-width:991px;word-wrap:break-word;word-break:keep-all}*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, textarea, btn, select{margin:0;padding:0;font-family:'Malgun Gothic','Noto Sans Korean','Roboto',AppleGotihc, Helvetica,Arial,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande"}
body, input, textarea, select{line-height:1.4;font-size:16px;color:#111111;font-family:'Malgun Gothic','Noto Sans Korean','Roboto',AppleGotihc, Helvetica,Arial,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande"}
h1, h2, h3, h4, h5, h6, th, strong{font-weight:normal}
input, select, textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/*appearance:none;-moz-appearance:none;-webkit-appearance:none;*/border-radius:0;vertical-align:top;color:#282828}
body{-webkit-text-size-adjust:none;position:relative}
table{border-collapse:collapse}
img, iframe, fieldset{border:0;vertical-align:top}
ul, ol{list-style:none}
em, address{font-style:normal}
caption, legend{font-size:0;line-height:0;width:0;height:0;visibility:hidden;overflow:hidden}
button{cursor:pointer;margin:0;padding:0;background:none;border:0}
a:link { color:#444; text-decoration: none; outline: none; select-dummy: expression(this.hideFocus=true); }
a:visited { color: #444; text-decoration: none; outline: none; select-dummy: expression(this.hideFocus=true); }
a:hover { ... }
a:active { color: #444; background-color: none; outline: none; select-dummy: expression(this.hideFocus=true); }


#COLON .navbar-inverse{
	background-color:#fff;
	border:none;
	border-bottom: 1px solid #e0e0e0;
}


#COLON .navbar-inverse .navbar-toggle .icon-bar{
	background-color:#e0e0e0;
}
#COLON .navbar-inverse .navbar-toggle{
	border:1px solid #e0e0e0;
}
#COLON 

#COLON .navbar-inverse .navbar-nav>li>a{
	color:#3f4244;
	height:60px;
}
#COLON .navbar-nav>li>a{
	color:#3f4244;
	font-size:16px;
	line-height:30px;
	min-width: 90px;
	max-width:100%;
	width:100%;
	border-bottom:1px solid #ededed
}
#COLON .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	color:#bed732;
	background-color:#3d3d3d;
	
	
}
#COLON .dropdown-menu{
	background-color:#bed732;
}
#COLON .dropdown-menu>li>a{
	padding:5px 25px;
	background-color:#bed732;
	border-bottom:1px dotted #fff;
	color:#282828;
}


/* layout */
#header .nav{
  border-bottom: 0px solid #e5e5e5;
}
.nav .mobile_nav_btn{
  display: none;
}
.nav .gnb{
  width: 100%;
  height: 44px;  
  margin-top:20px; 

}
.nav .gnb > li{
  position: relative;
  float:right;
  /*height: 100%;*/
}
.nav .gnb > li > a{
  display: block;
  padding: 11px 30px 10px;
  color: #333;
  font-size: 15px;
}
.nav .gnb > li:hover > a{
  color: #fff;
  background-color: #6b41b8;
  text-decoration:none;
  height: 44px;
  
}
.nav .gnb li:hover a + .sub_menu{
  display: block;
}
.gnb .sub_menu{
  position: absolute;
  top: 44px;
  display: none;
  width: 250px;
  background-color: #fff;
  border: 1px solid #6b41b8;
}
.gnb .sub_menu li a{
  display: block;
  padding: 10px;
  color:#000;
  text-decoration:none;
  border-bottom: 1px solid #f0f0f0;
}
.gnb .sub_menu li a:hover{
  background-color: #eee;
}
#header, #container, #footer{width:100%;min-width:768x}
.headerIn, .footerIn{max-width:1354px;margin:0 auto;text-align:left;position:relative}


/* header */
#header{text-align:center;border-bottom:0px solid #e0e0e0;position:relative;z-index:9}
#header .headerIn:after{content:'';display:block;clear:both}
#header .logo{margin:2px 19px 2px 0;float:left}
#header .logo a{display:block;height:18px}
#gnb{float:left;height:66px;position:relative;z-index:999}
#gnb:before{content:'';display:block;position:absolute;top:0;left:0;height:60px;border-left:0px solid #f0f0f0}
.gnbDimm{display:none;position:absolute;top:67px;left:0;width:100%;height:250px;background:#444026;opacity:0.8}
.gnbMenu{height:60px;float:left;position:relative;border-left:1px solid rgba(232,232,232,0.1);line-height:1.3;font-family:'Noto Sans Korean'; font-weight:400}

.gnbMenu > li{float:left;width:135px;position:relative;border-right:1px solid rgba(232,232,232,0.1); z-index:999}
.gnbMenu > li:before{content:'';display:block;position:absolute;top:0;right:-1px;height:60px;border-right:1px solid #f0f0f0}
.gnbMenu > li > a{display:table-cell;height:60px;vertical-align:middle;min-width:125px;color:#3f4244;font-size:16px;text-align:center;text-decoration: none; outline: none; }
.gnbMenu > li .depth{height:320px;padding:10px 0;margin-top:1px;box-sizing:border-box}
.gnbMenu > li .depth a{display:block;padding:3px 5px;color:#fff;font-size:13px; font-weight:400;text-decoration: none; outline: none; select-dummy: expression(this.hideFocus=true);}
.gnbMenu > li.on{background:#bed732}
.gnbMenu > li.on:before{border-right-color:#bed732}
.gnbMenu > li.on:after{content:'';display:block;position:absolute;top:0;right:-21px;width:20px;height:60px}
.gnbMenu > li.on > a{}
.gnbMenu > li.on .depth a{color:#282828}
.utilMenu{float:left;width:100px;box-sizing:border-box;font-size:12px;padding:5px 0 5px 11px;line-height:20px;position:relative}
.utilMenu .contact,
.utilMenu .langBox{display:block;padding-right:17px;text-align:right;text-decoration: none; outline: none; select-dummy: expression(this.hideFocus=true);}
.utilMenu .langBox{background-position:right -15px}
.utilMenu .contact:hover,
.utilMenu .langBox:hover,
.utilMenu .langBox.on{color:#282828;font-family:'Noto Sans Korean'}
.utilMenu .langList{position:absolute;top:67px;left:0;width:100%;background:#fff;border:3px solid #bed732}
.utilMenu .langList:before{content:'';display:block;width:22px;height:11px;position:absolute;top:-14px;right:10px;}
.utilMenu .langList li+li{border-top:1px solid #ececec}
.utilMenu .langList li a{display:block;padding:14px 0;text-align:center;color:#282828}
/* content */
#container{overflow:hidden}
#container:after{content:'';display:block;clear:both}
#content{width:100%;min-height:200px;margin:0 auto;padding-bottom:80px;position:relative}
.conTitle{width:1000px;margin:0 auto -2px;padding:26px 0;overflow:hidden;border-bottom:2px solid #bed732}
.conTitle h1{float:left;line-height:1;color:#282828;font-size:28px;font-family:'NotoSans-Medium'}
.conTitle .navi{float:right;margin-top:5px;font-size:14px}
.conTitle .navi span:after{content:'';display:inline-block;width:10px;height:1px;margin:-2px 8px 0;background:#c8c8bb;vertical-align:middle}
.conTitle .navi .here{color:#282828;font-family:'NotoSans-Medium'}
.conDetail{width:1000px;margin:0 auto;position:relative}
.sTitle{display:inline-block;margin:38px 0 20px;line-height:1;font-size:22px;color:#282828;font-family:'NotoSans-Medium'}
.sTitle:first-child{margin-top:48px}
.sText{display:inline-block;position:relative;top:-3px;font-size:15px;margin-left:10px}
.sText .link{font-family:'NotoSans-Medium';color:#282828;border-bottom:1px solid #282828}
.sideText{display:block;text-align:right;margin:-29px 0 9px 0;font-size:14px;color:#767676;font-family:'Noto Sans Korean'}
.tblTxt{display:block;margin-top:-41px;margin-bottom:20px;text-align:right;font-size:15px;color:#282828}
.tblTxt2{display:block;margin-top:-41px;margin-bottom:20px;text-align:right;font-size:18px}
.txtLimit{display:block;margin-top:-41px;margin-bottom:20px;text-align:right;font-size:18px}
.txtLimit span{color:#00bac8;font-family:'Noto Sans Korean'}

.conVisual{display:table;width:100%;height:320px;text-align:center}
.conVisual .visualText{display:table-cell;vertical-align:middle;color:#fff}
.conVisual .visualText .tit{display:block;font-size:36px;line-height:1.2;margin-bottom:10px}



/* 메인 */

body.main{min-width:100%}
body.main #content{min-height:inherit;padding-bottom:0}
body.main #content .tit{color:#111;line-height:1; font-size:16px}
body.main #content .imgArea{display:block;height:100%;text-align:center;}
body.main #content .imgArea img{width:100%}

[class*=btnView]{display:inline-block;min-width:104px;padding:0 18px;font-size:14px;font-family:'NotoSans-Medium';line-height:38px;text-align:center;position:relative}
.btnView1{border:1px solid #282828;color:#282828}
.btnView2{border:1px solid #fff;color:#fff}
.btnView2:after{background-position:0 -8px}
.btnView3{border:1px solid #fff;color:#fff;background:rgba(0,0,0,0.25);text-align:center}
.btnView3:after{background-position:0 -8px}
.mainVisual{float:left;width:100%;max-height:839px;overflow:hidden;position:relative; margin:0}
.mainVisual .visualList{height:100%}
.mainVisual .visualList li{position:absolute;left:100%;width:100%;height:100%}
.mainVisual .visualList li:first-child{left:0}
.mainVisual .visualList .mask{position:absolute;top:0;left:0;width:100%;height:100%;}
.mainVisual .visualList .txtArea{position:absolute;top:130px;left:0;width:100%;padding:0 54px;box-sizing:border-box}
.mainVisual .visualList .txtArea .tit:after{content:'';display:block;width:29px;height:1px;margin:27px auto 0;background:#282828}
.mainVisual .visualList .txtArea .txt{font-size:40px;font-family:'Noto Sans Korean';color:#393a3b;line-height:1.2}
.mainVisual .visualList .txtArea .btnView1{margin-top:53px;font-family:'Noto Sans Korean'; font-weight:300}
.mainVisual .visualList .txtArea.wtxt .tit{color:#fff!important}
.mainVisual .visualList .txtArea.wtxt .tit:after{background:#fff}
.mainVisual .visualList .txtArea.wtxt .txt{color:#fff}
.mainVisual .visualList .txtArea.wtxt .btnView1{border:1px solid #fff;color:#fff;font-family:'Noto Sans Korean'; font-weight:200}
.mainVisual .visualList .txtArea.wtxt .btnView1:after{background-position:0 -8px}
.mainVisual .visualCtrl{position:absolute;bottom:76px;left:0;width:100%;text-align:center}
.mainVisual .visualCtrl a{display:inline-block;width:9px;height:9px;margin:0 3px;overflow:hidden;text-indent:-999px;background:rgba(255,255,255,0.3);border-radius:50% 50%}
.mainVisual .visualCtrl a.on{background:rgba(255,255,255,1)}
.mainVisual .btnSlide{top:auto;left:auto;bottom:0;right:0}
.mainVisual .tit2{font-family:sans-serif; font-weight:900; font-size:56px; line-height:1; letter-spacing:-0.05em}
.mainMiddle{float:left;width:100%;box-sizing:border-box;overflow:hidden;position:relative}
.mainBanner{width:100%;overflow:hidden;position:relative}
.mainBanner .txtArea{position:absolute;bottom:104px;left:35px}
.mainBanner .txtArea .desc1{font-size:45px;line-height:1;color:#bed732}
.mainBanner .txtArea .desc2{margin-top:5px;color:#fff}
.mainBanner .btnView2{position:absolute;/* bottom:74px; */bottom:35px;left:35px;font-family:'Noto Sans Korean'; font-weight:300}
.mainInfo{width:100%;height:320px;overflow:hidden}
.mainInfo .ctrl{position:absolute;top:15px;right:15px}
.mainInfo .ctrl .arrow{display:block;width:32px;height:32px;overflow:hidden;text-indent:-999px;}
.mainInfo .ctrl .arrow.prev{background-position:0 0}
.mainInfo .ctrl .arrow.next{background-position:0 -32px;margin-top:-1px}
.mainInfo .ctrl .arrow.end{opacity:0.3!important}
.mainInfo .link{color:#282828;font-family:'Noto Sans Korean'}
.mainInfo .date{display:block;margin-top:4px;font-size:14px;color:#a1a1a1}
.mainInfo .new{vertical-align:middle;margin-top:-4px;display:inline-block;margin-left:8px;width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.mainInfo .news li{position:relative;}
.mainInfo .news .link{display:inline-block;overflow:hidden;height:21px;margin-right:60px;word-break:break-all;}
.mainInfo .news .link.over{margin-right:70px;}
.mainInfo .news .link.over:after{content:'...';display:inline-block;position:absolute;top:8px;right:60px;}
.mainInfo .news .link+.new{margin-left:-52px;}
.mainInfo .infoNews{padding:15px 26px;box-sizing:border-box;height:160px;background:#fff;position:relative}
.mainInfo .infoNews .newsList{margin-top:10px;height:70px;overflow:hidden}
.mainInfo .infoNews .newsList li{}
.mainInfo .infoRecuit{padding:26px;box-sizing:border-box;height:160px;background:#f1f2e2;position:relative}
.mainInfo .infoRecuit .recuitList{margin-top:21px;height:68px;overflow:hidden}
.mainInfo .infoRecuit .recuitList li{}
.mainSide{width:320px;position:absolute;top:0;right:0}
.mainOnair{width:100%;overflow:hidden;position:relative; background:#fff}
.mainOnair .tit{position:absolute;bottom:0; padding-bottom:20px;left:0; padding-left:35px; }
.mainOnair .time{display:block;position:absolute;top:13px;right:0;border-radius:15px 0 0 15px;padding:0 15px 0 32px;font-size:18px;font-family:'Noto Sans Korean';line-height:30px}
.mainOnair .txtArea{position:absolute;bottom:0;color:#fff;width:100%;box-sizing:border-box;padding:15px;font-size:14px}
.mainOnair .txtArea:before{content:'';display:block;width:100%;height:143px;position:absolute;bottom:0;left:0;}
.mainOnair .txtArea a{color:#fff;position:relative}
.mainSNS{width:100%;height:160px;overflow:hidden;position:relative;background:#bed732;}
.mainSNS .snsLink{display:block;position:absolute;top:50%;margin-top:-90px;}
.mainLink{width:100%;height:320px;overflow:hidden;}
.mainLink .linkbox{display:block;float:left;width:50%;height:160px;box-sizing:border-box;text-align:center;padding:65px 0;font-size:20px;line-height:1.1;position:relative}
.mainLink .link1{background:#ff688b;color:#fff}
.mainLink .link2{background:#fff;color:#282828}
.mainLink .link3{background:#fff;color:#606060; border-bottom:1px solid #ededed}
.mainLink .link4{background:#00bac8;color:#fff}
.mainVisual h3{text-shadow: 2px 1px rgba(255,255,255, 0.3);}
.mainVisual h4{text-shadow: 2px 1px rgba(255,255,255, 0.3);}

.snsDimm{display:none;position:absolute;top:0;left:0;width:100%;height:960px;background:rgba(0,0,0,0.7)}
.snsNowWrap{position:absolute;top:0;right:-640px;width:640px;z-index:2}
.snsNowWrap .snsMove{display:none;position:absolute;bottom:320px;left:-320px;width:320px;height:160px;background:#bed732}
.snsNowWrap .snsMove .snsLink{display:block;height:160px;vertical-align:middle}
.snsNowWrap .snsMove .link1{width:210px;height:160px;float:left;overflow:hidden;position:relative;}
.snsNowWrap .snsMove .link1 img{position:absolute;right:0;top:50%;margin-top:-160px}
.snsNowWrap .snsMove .link2{width:110px;display:table-cell;box-sizing:border-box;text-align:left;color:#fff;line-height:1.2;font-size:18px;font-family:'Noto Sans Korean'}
.snsNowWrap .snsMove .link2:after{content:'';display:block;width:21px;height:8px;margin:12px 0 0 0;overflow:hidden;}
.snsNowWrap .snsArea{width:100%;max-height:960px;overflow-y:auto}
.snsNowWrap .snsArea:after{content:'';display:block;clear:both}
.snsNowWrap .snsArea .snsBox{display:block;width:50%;height:320px;box-sizing:border-box;float:left;background:#fff;position:relative}
.snsNowWrap .snsArea .snsBox.bg, .snsNowWrap .snsArea .snsBox.bg .snsIcon{background:#f1f2e2!important}
.snsNowWrap .snsArea .snsBox .snsImg{display:block;height:215px;overflow:hidden}
.snsNowWrap .snsArea .snsBox .snsImg img{width:100%;min-height:215px}
.snsNowWrap .snsArea .snsBox .snsTxt{display:block;color:#282828;line-height:1.5}
.snsNowWrap .snsArea .snsBox .date{position:absolute;bottom:10px;right:13px;color:#767676;font-size:14px}
.snsNowWrap .snsArea .snsPhoto .snsIcon{display:block;position:absolute;left:50%;margin:-28px 0 0 -28px;padding:8px;border-radius:50% 50%;background:#fff}
.snsNowWrap .snsArea .snsPhoto .snsTxt{overflow:hidden;height:42px;padding:30px 22px 0;font-size:14px}
.snsNowWrap .snsArea .snsText{padding:25px 22px}
.snsNowWrap .snsArea .snsText .snsIcon{display:block;text-align:center}
.snsNowWrap .snsArea .snsText .txtTit{display:block;color:#2b2b2b;text-align:center;margin:5px 0 20px}
.snsNowWrap .snsArea .snsText .txtTit:after{content:'';display:block;width:19px;height:1px;background:#3c3c3c;margin:15px auto 0}




/* footer */
#footer{text-align:center;border-top:0px solid #e0e0e0;}
#footer .footerIn:after{content:'';display:block;clear:both; padding:0 0px}
#footer .logo{display:block;float:left;width:102px;height:18px;padding:20px 0px;overflow:hidden;text-indent:-999px;}
.policyList{float:right;padding:21px 0px 23px 0px;font-size:14px}
.policyList li{display:inline-block;padding-left:12px;margin-left:4px}
.policyList li:first-child{padding-left:0;margin-left:0;background:none}
.policyList li a{color:#282828; font-weight:400}
.cpr{float:left;padding:21px 0px 23px 0px;font-size:14px; font-weight:300}
.fmilySite{width:150px;position:absolute;top:17px;right:0;font-size:14px;z-index:9}
.fmilySite .fmsBox{display:block;width:100%;padding:3px 30px 3px 10px;box-sizing:border-box;border:1px solid #878787;}
.fmilySite .fmsBox.on{border-color:#bed732;background-position:right -15px}
.fmilySite .fmsList{position:absolute;bottom:45px;right:0;width:330px;border:3px solid #bed732;background:#fff}
.fmilySite .fmsList:after{content:'';display:block;width:22px;height:11px;position:absolute;bottom:-13px;right:10px;}
.fmilySite .fmsList .tit{display:block;color:#282828;margin-top:-1px;padding:10px 13px;font-size:18px;border-top:1px solid #bed732;font-family:'NotoSans-Medium';position:relative}
.fmilySite .fmsList .fms{border-top:1px solid #ececec;overflow:hidden}
.fmilySite .fmsList .fms li{float:left;width:33.3%;border-bottom:1px solid #ececec;position:relative;padding:15px 10px 15px 17px;box-sizing:border-box}
.fmilySite .fmsList .fms li:before{content:'';display:block;width:2px;height:2px;background:#282828;position:absolute;top:23px;left:10px}
.fmilySite .fmsList .fms li a{font-size:14px;color:#282828;font-family:'Noto Sans Korean'}
.fmilySite .fmsList .fms li.sel a{padding-right:20px}