@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css
 * Desc      : page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}
img {max-width: 100%}
.wB_make {position:fixed; height:auto !important;left:0px;top:0px; z-index:999999;}
.wB_make > table {position:relative; }
.wB_make select {height:28px; min-height:28px;}
.wB_make:before {display:block; content:""; width:100%; height:30px; position:fixed; left:0px;top:0px; z-index:999; background:#fff; opacity:0.5;}
/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:0px !important; overflow:hidden; margin:0 auto;  transition: all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:70px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width: 1420px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}
.bg_wrap {background: #f2f2f2}





/* visual */
.main_visual {width: 100%; overflow: hidden; padding: 0px; position: relative; box-sizing: border-box; background-size: cover}


.main_visual .videoDiv {position:relative; height: 854px;}
.main_visual .videoDiv video {position:absolute; left:50%; top:50%; width:130%; height:130%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.main_visual .videoDiv img {max-width:100%; max-height:100%;}


.main_visual_wrap .txt {float: left; width: 50%; box-sizing: border-box; }

.video_wrap {position: relative; padding-bottom:56%;}
.video_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}

.youtube_wrap {position: relative; padding-bottom:57.55%;}
.youtube_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}



/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto; border-radius:30px; overflow: hidden;}
.pop_wrap .x_btn {position: absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #fff; position: relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:150%;  color: #000000; padding:20px 50px 20px 25px; text-align: left; font-weight:600;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}



/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align: center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}



/* ------------------------------------------------------------
 * Name      : mobile_layout.css
 * Desc      : page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

/* 980px 이상 */
@media screen and (min-width:979px) {

    .slide_menu_inner .gnb > ul > li > ul {display: block !important}

}
/* 1024 이상 */
@media screen and (min-width:1024px) {


}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}

}



/* 1220px 이하 */
@media screen and (max-width:1219px) {
  
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}


    #lnb_wrap .lnb .lnbs {width:270px}
    #lnb_wrap .lnbs3 {display: none;}
    #lnb_wrap .lnb .lnbs2 {display: block; margin-left: -1px;}

	#lnb_wrap .ico_home a {height: 60px; line-height: 60px;}
	#lnb_tit {height: 60px; line-height: 60px;}
    .location {display: none;}


}
/* 980px 이하 */
@media screen and (max-width:979px) {
    
 

    .section {font-size: 17px;}

	 .s_tit {font-size: 30px;}
    .m_tit_txt {padding-left: 0px;}

     .inner {padding: 0px 10px;} 
}

/* 768 이하 */
@media screen and (max-width:767px) {
  

    .m_tit {font-size:32px; padding-left: 0px;}

    #lnb_wrap .ico_home {display: none !important;}

    #lnb_wrap .lnb .lnbs {width: 50% !important; box-sizing: border-box;}
	#lnb_tit2 {border: none;}

}
/* 600 이하 */
@media screen and (max-width:599px) {
    .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}



	#w_lnb {display:none;}
	#m_lnb {display:block;}


    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width: 100%; overflow: auto;}



    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}

    .br_box {padding:15px;}



    .big .ez-radio {width:20px;height:20px; background-size: 20px auto}
    .big .ez-hide {width:19px;height:19px;}

    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    .guide_name {padding: 20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display: block; font-size: 0.85em;}
}


/* 480px 이하 */
@media screen and (max-width:479px) {
   

    .m_tit {font-size:24px; padding-bottom: 10px;}
    .m_tit img {height: 20px;}




	.section {font-size: 14px;}



    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }


	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}

}





/* 320px 이하 */
@media screen and (max-width:320px) {

    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}

    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
}