/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:88px; 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}

#content {width:100%; max-width:1400px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}

.sub_visual {width: 100%; box-sizing: border-box; overflow: hidden; position: relative; display: table; background-size:cover !important}
.sub_visual .sub_txt {display: table-cell; height:257px; box-sizing: border-box; vertical-align: middle; color: #fff; font-size: 26px; line-height: 130%;}
.sub_visual .sub_txt > h2 {padding-bottom:10px; padding-top:0px;}
.sub_visual .sub_txt .txt1 {font-size:32px; line-height: 140%; font-weight: 100; padding-bottom: 5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;}
.sub_visual .sub_txt .txt_s {font-size:18px; line-height: 140%; font-weight:300; max-width:1200px; margin: 0 auto;}

.sub_wrap .bt_quick {display: none}

#sub_tit {font-size:48px; color: #fff; font-weight:600; max-width:1200px; margin: 0 auto; line-height:130%;}
#sub_tit .txt_s {font-size:36px; display: inline-block; }


#m_lnb {display:none;}

#lnb_wrap {position:relative; z-index:99; height:60px; word-break: keep-all; margin:0 auto; min-height: 10px; background:#fff; box-shadow: none; box-sizing: border-box;}


#lnb_wrap .lnbs1 {display: block;}

#lnb_wrap .lnb { position:relative; z-index:9; max-width: 1200px; margin: 0 auto;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:290px; position:relative; border:1px solid #e8e8e8; border-top:none; }

#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:100%; box-sizing: border-box; width:calc(100% + 2px);  width:-webkit-calc(100% + 2px); border:1px solid #e8e8e8; display:none; background: #fff; box-shadow: 1px 2px 2px #cccccc4d; border-top:none }
#lnb_wrap .lnb .lnbs .copy_menu > li > span {display: none;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .lnbs3 {display: none;}
#lnb_wrap .lnb .lnbs2 {margin-left:0px; }


#lnb_wrap .ico_home {float:left; display: block; position: relative; border: 1px solid #e8e8e8; border-right: none; box-sizing: border-box; border-top:none;}
#lnb_wrap .ico_home a {display:block; width:60px; height:60px; color: #000; line-height: 60px; background:url(../img/common/ico_home.gif) no-repeat center center; font-size:17px; font-weight: 100;}
.lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;}
.lnb .three_depth {padding: 10px;}
.lnb ul li a {display:block; line-height:20px; min-height:20px; padding:15px 0px 15px 25px; border-top:1px solid #ccc; box-sizing:border-box; text-align: left; font-size: 15px; color: #333; font-weight:300;}
.lnb ul li:first-child a { border-top:none;}/* ¼­ºê¸Þ´º ¼¿·ºÆ®Æ® ÆîÃÆÀ»¶§ ÆùÆ®*/
.lnb ul li a:hover {background: #333; color:#fff;}/* ¼­ºê¸Þ´º ¼¿·ºÆ® ¸¶¿ì½º¿À¹ö*/
.lnb .three_depth {border: none;}
.lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}

.lnbs2 > ul > li:first-child > a  { border-top:none;}



#lnb_tit2 {display: block; color: #0068b7}/* 2Â÷¸Þ´º ÆùÆ®»ö»ó */

.lnb_tit {font-size:18px; box-sizing:border-box; padding-right:25px; padding-left:20px; color:#000; font-weight:300; line-height:60px; height:60px; cursor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.lnb_tit:before {content: ''; position: absolute; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; right:10px; top: 50%; transition: all .2s ease-in-out;}
.lnb_tit.on:before {transform: rotate(180deg);}



.title_bar {max-width: 1400px; margin:0px auto 50px auto; padding-top:50px; position: relative;}
.title_bar h2 {font-size:30px; text-align: center; font-weight:600; color:#1b1b1b; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:20px; text-align: center; color:#333333; padding-top: 10px; line-height: 140%; font-weight:300; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.sub_con { max-width: 1200px; margin: 0 auto; font-size:18px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}



.s_tit {font-size:36px; color: #313131; line-height:110%; padding:0px 0px 20px 30px;  position: relative; margin-top:60px; font-weight:700;}
.s_tit > span {display: inline-block; position: relative; z-index: 1}
.s_tit:before {display:block; content: ""; z-index: 0; width:6px; height:29px; background: #0068b7; position: absolute; left: 0px; top:5px;}
.s_tit.br_no {margin-bottom: 0px;}

.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit.tc:after {display: none;}
.s_tit.tc:before {display: none;}
.ss_tit {font-size:24px; position: relative; color: #626262; line-height: 140%; padding:0px 0px 0px 15px; margin-bottom:20px; margin-top: 45px; font-weight: 700;}
.ss_tit:before {display:block; content: ""; z-index: 0; width:4px; height:4px; background: #003876; position: absolute; left: 0px; top:13px; border-radius:100%;}
.ss_tit .small{font-size:0.8em;}
.fnt_sm{font-weight:600; font-size:1em;}
/*.ss_tit:before {display: block; content: ""; width:7px; height:24px; background:#0f7bc6; position: absolute; left: 0px; top:4px;}
.ss_tit > span{font-weight: 300;}*/
.s_titW {max-width: 1400px; margin:0 auto; padding: 50px 0px 5px 0px;}

.sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 10px 0px; line-height:140%; position: relative;}
.sss_tit:before {display: block; content: ""; width:10px; height:10px; background:#144085; border-radius:100%; position: absolute; left: 0px; top:10px;}
.b_txt {font-size:1.2em; color: #333333; font-weight:400; padding:40px 0px 10px 0px; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:30px; width:100%;}
.txt_in ul li .img500{width:500px;}
.txt_in ul li .img1000{width:1000px;}



.div_line {border-top:1px solid #aab7cc; margin-top: 50px; padding: 50px 0px; display: block}

.box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;}
.first_txt {font-size: 2em !important; line-height: 140%; color: #000;}

.t_img_group {overflow: hidden; margin: -10px;}
.t_img_group .t_img {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.img_group {overflow: hidden; margin: -10px;}
.img_group > li {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.img_group > li img{width:100%;}


.table_style1 {clear:both; width:100%; table-layout: fixed}
.table_style1.tl td {text-align: left; padding-left:18px; padding-right:10px;}
.table_style1.tl th {text-align: left; padding-left:18px; padding-right:10px; }
.table_style1 thead tr th {background-color:#eeeeee; color: #313131; padding:14px 2px; border:1px solid #e4e4e4; font-weight: 700; word-break:break-all; text-align: center;}
.table_style1 thead tr:first-child th {border-top:none;}
.table_style1 tbody tr th {background-color: #f4f5f8; border-bottom:1px solid #e4e4e4; padding:10px 0 9px;font-weight: 700; }


.table_style1 tbody tr td {	border:1px solid #e4e4e4; line-height:20px; padding:10px 5px; text-align: left; font-weight:400;  word-wrap: break-word; color: #959595; padding-left:30px;}
.table_style1 tbody tr th {border:1px solid #e4e4e4;}
.table_style1 tbody tr th.tl {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style1 tbody tr td.subject {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style1 tbody tr .left_line {border-left:1px solid #d5d5d5 !important;}
.table_style1 .input {min-height: 40px; line-height: 40px; width: 100%;}

.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding:7px 0px 0px 0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width: 100%; max-width:560px;}
.radio_group > li.etc_li .input {width: calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width: auto !important;}

.input_group {padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.input_group .input {width: auto !important;}


.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}

.bt_close {width:18px; height: 18px; display: inline-block; vertical-align: middle; background: url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent: -9999px; background-size: 10px auto;}

/*atab*/
.atab { margin-bottom:40px; padding-top:0px; border-bottom: 1px solid #e8e8e8; border-top:3px solid #000000; }
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:25%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:60px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center;  box-sizing:border-box; color: #1b1b1b; font-size:1em; font-weight: 400;}
.atab li.on a {color: #0068b7; border-bottom:2px solid #000 !important; }

.btab { margin-bottom:40px; padding-top:0px;}
.btab:after {clear:both; display:block; content:"";}
.btab li {float:left; width:25%; box-sizing:border-box; position:relative; display: table; }
.btab li a {display:table-cell; width: 100%; height:60px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center;  box-sizing:border-box; color: #1b1b1b; font-size:1em; font-weight: 400; border: 1px solid #000000;}
.btab li.on a {color: #fff; background: #000000}



.tab1 > li {width:100% !important}
.tab2 > li {width: 50% !important}
.tab3 > li {width: 33.333% !important}
.tab4 > li {width: 25% !important}
.tab5 > li {width: 20% !important}
.tab6 > li {width: 16.66666% !important}





.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}


/* ------------------------------------------------------------
 * 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;}





/* 1220px ÀÌÇÏ */
@media screen and (max-width:1219px) {
    #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) {
    .sub_con {font-size: 17px;}

    #sub_tit {font-size:38px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}

    .title_bar:before {display: none;}

}

/* 768 ÀÌÇÏ */
@media screen and (max-width:767px) {
	.sub_con {font-size:15px;}

	.sub_visual .sub_txt {padding: 0px 10px;}
    .sub_visual .sub_txt .txt_s {font-size:16px;}

    #sub_tit {font-size:34px;}

    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:26px;}

	.title_bar .s_txt {font-size:17px;}

	.b_txt {padding: 30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}

	.s_tit {font-size:24px; margin-top: 40px; padding-bottom: 15px; padding-left:20px;}
    .s_tit:before {height: 24px; top: 2px;}
    .ss_tit {font-size:21px;}
    .txt_in {padding-left: 20px;}
    .lnb_tit {font-size: 17px;}

    .ico_note {padding-left:20px; background-size:15px auto; background-position:left 4px;}



    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position: relative; padding-bottom: 0px;}
    /*atab*/
    .atab li a {height:50px;}
    .atab li.on {margin-top: 0px;}

    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btab li a {height:50px;}
    .btn-tc > a {margin: 0px;}


    .btab li a {padding:5px 0px; font-size:15px;}


	.ico_note:after {width: 17px; height: 17px; font-size: 14px; line-height: 16px;}
	.ico_note:before {width: 17px; height: 17px;}


	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}

    .t_img_group {margin: 0px;}
    .t_img_group .t_img {width: 100%; padding: 0px;}


}
/* 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) {

    #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;}


    #sub_tit {font-size:22px;}
    .sub_visual .sub_txt .txt_s {font-size: 13px;}
    .sub_visual .sub_txt {height: 150px; }

    .lnb_tit {font-size:14px; padding-right:20px; padding-left:10px; line-height:50px !important; height:50px !important;}
    .lnb ul li a {padding: 5px 0px 5px 10px; font-size: 13px;}
    .lnb .three_depth {padding: 0px;}
    .lnb ul li .three_depth a {padding:4px 10px; font-size: 12px;}

    .s_tit {padding: 0px 0px 10px 15px; font-size:18px; background-position:left 5px; background-size:20px auto; margin-top: 35px; }
	.s_tit img {height: 20px; margin-top: 2px;}
    .s_tit:before {width:4px; height:17px; top:2px;}

    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size: 17px; margin-top:25px; margin-bottom:10px; padding-left: 10px;}
    .ss_tit:before {top:12px; }
	.sss_tit {font-size:17px; margin-top:25px; padding-left: 16px;}
    .sss_tit:before {width: 8px; height: 8px; top: 9px;}
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}

    .txt_in {padding-left:15px;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top: 30px;}



    .sub_visual .sub_txt .cell .sub_tit_s {font-size: 20px; padding-bottom: 20px;}
    .sub_con {font-size:13px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:15px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:1.7em; }
    .title_bar .s_txt {font-size:14px;}
    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}
    .view_tit {padding: 10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}



    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}

    .b_table > dl {font-size: 16px; padding-left:0px;}
    .ul_table > ul > li {font-size: 16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}

    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}

    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}



    .gray_box {padding:5px;}



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

    .down_file > span {background-size:11px auto; padding-left: 16px; }

    .br_box {padding:10px;}

    .tit_ico {height:19px; line-height:18px;}


    .btn-tc {padding:20px 0px; margin-top:20px;}



    .btab li a {font-size:14px; min-width:90px;}





    .gray_wrap {padding-top: 30px; padding-bottom: 30px;}




    .ico_txt {background-size:auto 12px; background-position:0px 4px;  padding-left: 17px; }


    .ico_note {padding-left:18px; background-size:13px auto; }
	.ico_note:before {width:14px; height: 14px; top: 3px;}
	.ico_note:after {width: 14px; height: 14px; font-size:12px; line-height: 14px; top:3px;}



	.atab li a {font-size:1em;}

    .first_txt {font-size: 1.6em !important}

}





/* 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;}
}