@charset "utf-8";

/* 팝업레이어 */
#hd_pop {z-index:90009;position:relative;margin:0 auto;width:1000px;height:0}
#hd_pop .sound_only {display:none;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops p {margin:0;}
.hd_pops p img {vertical-align:middle;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.wrapper { position: relative; width: 100%; min-width: 1060px; }
.wrapper > div { position: relative; max-width: 1000px; margin: 0 auto; padding: 0 30px; background: #fff;}
.wrapper > div:after { content: ""; display: block; clear: both;}

#header { z-index: 100;}
#header > div { padding: 0; max-width: 1060px;}
.head_top { position: relative; border-bottom: 1px solid #dedede; padding: 0 30px; padding-top:10px; }
.head_top > div { min-height: 120px;}
.head_top > div h1 { position: absolute; left: 50%; top:0; width: 460px; margin-left: -230px;}
.head_top > div h1 b { display: table-cell; width: 460px; height: 110px; vertical-align: middle; text-align: center;}
.head_top > div:after { content: ""; display: block; clear: both;}
.head_top > div > div { width: 260px; margin: 15px 0 2px;}
.head_top .ht_left { float: left;}
.head_top .ht_left .com_ban { text-align: left !important;}
.head_top .ht_right { float: right;}
.head_top .ht_right .com_ban { text-align: right !important;}

.head_cen { position: relative; z-index: 120;}

.header02 #gnb > li {border-right:1px solid #e4e4e4;}
.header02 #gnb.vertical > li > ul {left:-1px;}

.header03 .head_top {border-bottom:0;}
.header03 .head_cen {border:0;}
.header03 #gnb {border-bottom:0;}
.header03 #gnb > li > a {color:#fff;}
.header03 #gnb > li > a.on, .header03 #gnb > li > a.active { color: #fff;opacity:0.8;}
.header03 #gnb > li:first-child > a {background:none;padding:0 15px;}
.header03 .search_box .btn_all_search { background: url("../img/default/btn_search02.png"); }

.header04 .head_top {border-bottom:0;}
.header04 #gnb {border-bottom:0;}
.header04 #gnb > li > a {position:relative;color:#fff;}
.header04 #gnb > li:first-child > a {background:none;padding:0 15px;}
.header04 #gnb > li > a.on, .header04 #gnb > li > a.active { color: #fff;opacity:0.8;}
.header04 #gnb > li > a:after {content:"";display:block;width:2px;height:15px;background:#eee;position:absolute;top:16px;right:-1px;}
.header04 #gnb > li:last-child a:after {display:none;}
.header04 .search_box .btn_all_search { background: url("../img/default/btn_search02.png"); }

.header05 .head_top {background:#35a2f0;border-bottom:0;}
.header05 .head_cen {background:#005c9e;}
.header05 #gnb {border-bottom:0;}
.header05 #gnb > li:first-child > a {background:none;padding:0 15px;}
.header05 #gnb > li > a {color:#fff;}
.header05 #gnb > li > a.on, .header05 #gnb > li > a.active { color: #fff;opacity:0.8;}
.header05 .search_box .btn_all_search { background: url("../img/default/btn_search02.png"); }

.line_bg { border-top: 1px solid #dedede; background: url("../img/default/bg_line_cen.png") repeat-y 58.53% 0;}
.line_bg > div { padding-top: 20px;}

.top_nav { font-size: 11px; color: #696969;}
.top_nav > div { border-bottom: 1px solid #ededed;}
.top_nav a { color: #808080;}
.top_nav ul:after { content: ""; display: block; clear: both;}
.top_nav ul li { float: left;}
.top_nav .nav_left { float: left;}
.top_nav .nav_left li { padding-left: 8px; margin-right: 8px; background: url("../img/default/icon_bu01.png") no-repeat 0 18px;}
.top_nav .nav_left li a { display: block; height: 40px; line-height: 39px;}
.top_nav .nav_left li a:hover { color: #222;}

.top_nav .nav_right { float: right;}
.top_nav .nav_right:after { content: ""; display: block; clear: both;}
.top_nav .nav_right li { padding-left: 6px; margin-left: 6px; background: url("../img/default/icon_line01.png") no-repeat 0 center;}
.top_nav .nav_right li:first-child { background: none;}
.top_nav .nav_right li a { display: block; height: 40px; line-height: 39px;}
.top_nav .nav_right li a:hover { color: #222;}

.today_txt { float: left; font-size: 15px; text-align: right; color: #363636; font-size: 13px; margin: 11px 4px 0 7px; font-weight:bold; }

#gnb { position: relative; text-align: center; height: 45px; border-bottom: 1px solid #dedede; padding: 0 10px;}
#gnb:after { content: ""; display: block; clear: both;}
#gnb > li { float: left; display: block;}
#gnb > li > a { display: block; height: 45px; line-height: 44px; font-size: 15px; padding: 0 15px; transition: .3s all ease; color: #222; font-weight: bold;}
#gnb > li:first-child { background: url("../icon/icon_line02.png") no-repeat right 17px;}
#gnb > li:first-child > a { padding-left: 40px; padding-right: 21px; background: url("../img/default/icon_all.png") no-repeat 20px center;}

#gnb > li > a.on, #gnb > li > a.active { color: #0c5ba7;}
#gnb > li > ul { position: absolute; left: 0; top: 45px; border-top: 1px solid #dedede; background: url("../img/default/bg_gnb.png") repeat-x 0 0; width: 100%; height: 47px; box-shadow: 2px 2px 4px rgba(0,0,0,.15);}
#gnb > li > ul:after { content: ""; display: block; clear: both;}
#gnb > li > ul li { float: left; display: block; padding: 0 9px; background: url("../img/default/icon_line01.png") no-repeat 0 center;}
#gnb > li > ul li:first-child { background: none; padding-left: 15px;}
#gnb > li > ul li a { display: block; height: 38px; line-height: 39px; border-bottom: 3px solid transparent; color: #808080; font-size: 14px;}
#gnb > li > ul li a:hover, #gnb > li > ul li a.active { color: #0c5ba7; border-color: #0c5ba7;}

#gnb.vertical > li { position: relative;}
#gnb.vertical > li > ul { left: 0; height: inherit; background: #fff; border: 1px solid #dedede; text-align: left; width: 900px;}
#gnb.vertical > li > ul li { float: none; display: block; padding: 0; background:none; text-align: left;}
#gnb.vertical > li > ul li:first-child { padding-left: 0; margin-left: 0;}
#gnb.vertical > li > ul li a { display:block; height: inherit; line-height: 1; border-bottom: 0;}
#gnb.vertical > li > ul li a span { display: inline-block; padding: 10px 30px 12px 15px;}
#gnb.vertical > li > ul li a:hover, #gnb > li > ul li a.active { color: #fff; background: #0c5ba7;}

.weather_box { position:relative; width: 180px; height: 32px; overflow: hidden; margin-left:10px; margin-top: 6px; }
.weather_box.wt01 { margin-right: -3px;}
.weather_box.wt02 { float: left;}
.weather_box .bx-controls { display:none;}
.weather_box > a { position: absolute; bottom: 2px; font-size: 11px; color: #999; z-index: 100;}
.weather_box > a:hover { text-decoration: underline;}
.weather_box.wt01 > a { right: 30px;}
.weather_box.wt02 > a { left: 32px;}
#weather_slides span { margin-top:-10px; }

.search_box { position: absolute; right: 28px; top: 7px; min-width: 33px; height: 31px; margin-right: 5px; overflow: hidden; background: url("../img/default/bg_search_box.png") no-repeat 0 center;}
.search_con { position: absolute; left: 33px; width: 246px; border-bottom: 1px solid #000; background: #fff; z-index: 10;}
.search_con:after { content: ""; display: block; clear: both;}
.search_con input { float: left; border: 0; font-size: 13px; padding: 6px 0 8px; width: 215px;}
.search_con .i_label { top: 6px; font-size: 13px; color: #bbb;}
.search_box .btn_search_close { float: left; display: block; padding: 5px 4px 5px 11px;}
.search_box .btn_search_close > span { display: block; width: 16px; height: 17px; background: url("../img/default/btn_search.png") no-repeat 0 -36px; text-indent: -9999px;}
.search_box .btn_search_close:active > span { background-position: -16px -36px;}
.search_box .btn_all_search { position: absolute; right: 0; top: 0; display: block; width: 33px; height: 18px; text-indent: -9999px; background: url("../img/default/btn_search.png") no-repeat 0 0; margin-top: 6px; z-index: 12; transition: none;}
.search_box .btn_all_search:active { background-position: 0 -18px;}

#container { margin-bottom: 10px; padding-top: 30px;}
.container_solo { clear: both; position: relative; margin: 0 -30px; padding-bottom: 0 !important;}
#container > div { padding-bottom: 20px;}

.page_tit { position:relative; font-size: 26px; padding-bottom: 17px; line-height: 1.2; margin-left: -2px;}
.btn_mobile { position: relative; text-align: center; padding: 20px 0;}
.c_black { color: #363636 !important;}
.t01 { color: #0c5ba7 !important;}
.t02 { color: #f34235 !important;}
.c01 { background-color: #0c5ba7 !important; color: #fff !important;}

#footer > div { max-width: 1000px;}
.foot_wrap { position: relative; padding: 40px 0;}
.foot_wrap:after { content: ""; display: block; clear: both;}
.foot_wrap h6 { position: absolute; left: 0; top: 40px; display: table; margin-right: 40px; margin-left: 10px; margin-top: 5px; text-align: center;}
.foot_wrap h6 b { display: table-cell; vertical-align: middle; text-align: center;}
.foot_wrap > div { padding-left: 176px;}

.foot_con > ul { position: relative;}
.foot_con > ul:after { content: ""; display: block; clear: both;}
.foot_con > ul li { float: left; padding-left: 8px; margin-left: 8px; background: url("../img/default/icon_line01.png") no-repeat 0 center;}
.foot_con > ul li:first-child { background: none; padding-left: 0; margin-left: 0;}
.foot_con > ul li a { display: block; height: 16px; line-height: 14px; font-size: 12px; color: #808080;}
.foot_con > ul li a:hover { color: #222;}
.foot_con > p { font-size: 11px; color: #808080; letter-spacing: 0; margin-top: 5px;}
.foot_con > p * { font-style: normal; font-weight: normal; color: #bbb; margin-right: 10px; letter-spacing: 0;}
.foot_con > b { position: absolute; right: 0; bottom: 40px;}

@font-face {
  font-family: 'icomoon';
  src:url('http://news-box01.netpro.co.kr/theme/wide01/fonts/icomoon.eot');
  src:url('http://news-box01.netpro.co.kr/theme/wide01/fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('http://news-box01.netpro.co.kr/theme/wide01/fonts/icomoon.ttf') format('truetype'),
    url('http://news-box01.netpro.co.kr/theme/wide01/fonts/icomoon.woff') format('woff'),
    url('http://news-box01.netpro.co.kr/theme/wide01/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ics { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.ics:before { font-weight: normal; font-size: inherit;}
.ics00:before { content: "\e900";}
.ics04:before { content: "\e904";}
.ics05:before { content: "\e905";}

/* title_set */
.title_set { position: relative; margin-bottom: 10px;}
.title_set h2 { color: #363636; margin-right: 30px; font-size: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.title_set h2 a { color: #363636;}
.title_set .btn_art_more { position: absolute; display: block; padding-right: 1px;}

/* title_set .ics (더보기 + 버튼 표현)*/
.title_set .ics { display: block; padding-left: 10px; color:#c0c0c0; font-size:12px; }
.title_set .ics:hover { color: #000; }
.title_set .ics:before { display: inline-block; height: 17px; background: url("../img/default/btn_art_more.png") no-repeat 0 0;}
.title_set .ics01:before { content: ""; width: 39px; background-position: 0 0;}
.title_set .ics02:before { content: ""; width: 9px; background-position: -40px 0;}
.title_set .ics03:before { content: ""; width: 17px; background-position: -50px 0;}


/* title_set .ts */
.title_set.ts01 { border-top: 1px solid #848484; border-bottom: 1px solid #dedede; padding: 11px 0 14px;}
.title_set.ts01 .btn_art_more { right: 0; top: 16px;}
.title_set.ts02 { position: relative; border-top: 2px solid #0c5ba7; padding: 7px 0;}
.title_set.ts02 .btn_art_more { right: 0; top: 12px;}
.title_set.ts03 { position: relative; border-bottom: 2px solid #0c5ba7; padding: 7px 0 12px;}
.title_set.ts03 .btn_art_more { right: 0; top: 12px;}
.title_set.ts04 { position: relative; border-left: 4px solid #0c5ba7; padding: 2px 0 7px 10px;}
.title_set.ts04 .btn_art_more { right: 0; top: 7px;}

.title_set.ts05 { position: relative; padding: 2px 0 0;}
.title_set.ts05 h2 a { background: #fff; z-index: 2; position: relative; padding-right: 10px;}
.title_set.ts05 h2:before { position: absolute; left: 0; top: 14px; width: 100%; content: ""; display: block; height: 2px; background: #0c5ba7; z-index: 1;}
.title_set.ts05 .btn_art_more { right: 0; top: 7px; background-color: #fff; z-index: 2;}

.title_set.ts06 { position: relative; padding: 7px 0 11px 10px; background: #0c5ba7; height: 23px;}
.title_set.ts06 h2 { color: #fff !important;}
.title_set.ts06 h2 a, .title_set.ts06 h2 a * { color: #fff !important;}
.title_set.ts06 .btn_art_more { right: 10px; top: 12px;}
.title_set.ts06 h2 .ics { position: absolute; left: 7px; top: 30px; z-index: 1;}
.title_set.ts06 h2 .ics:before { background: none; font-size: 6px; color: #0c5ba7;}

.title_set.ts07 { position: relative; padding: 7px 0 13px 15px; background: #0c5ba7 url("../img/default/bg_tit_line.png") no-repeat 3px 3px; height: 23px; margin-bottom: 5px;}
.title_set.ts07 h2 { color: #fff !important;}
.title_set.ts07 h2 a, .title_set.ts07 h2 a * { color: #fff !important;}
.title_set.ts07 .btn_art_more { right: 8px; top: 13px;}
.title_set.ts07 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.title_set.ts07 h2 .ics:before { background: none; font-size: 6px; color: #0c5ba7;}

.title_set.ts08 .btn_art_more { right: 0; top: 5px;}

.title_set.ts09 { position: relative; padding: 7px 0 10px 10px; background: #f3f3f3; height: 23px; border: 1px solid #dedede; border-top: 0;}
.title_set.ts09:after { position: absolute; left: -1px; top: 0; content: ""; display: block; width: 100%; padding-left: 2px; height: 1px; background: #0c5ba7;}
.title_set.ts09 .btn_art_more { right: 7px; top: 13px;}

.title_set.ts10 { position: relative; border-top: 2px solid #dedede; border-bottom: 1px solid #dedede; padding-top: 1px;}
.title_set.ts10 > div { padding: 7px 0 10px 0; background: #fff; height: 23px; border-top: 1px solid #dedede;}
.title_set.ts10 .btn_art_more { right: 5px; top: 13px;}

.title_set.ts11 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.title_set.ts11 > div { position: relative; border-left: 5px solid #0c5ba7; padding: 2px 0 7px 9px;}
.title_set.ts11 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.3);}
.title_set.ts11 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #004795;}
.title_set.ts11 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts11 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts12 { position: relative;}
.title_set.ts12 > div { position: relative; border-left: 5px solid #0c5ba7; padding: 2px 0 7px 9px;}
.title_set.ts12 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.3);}
.title_set.ts12 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #004795;}
.title_set.ts12 .btn_art_more { right: 7px; top: 8px;}
.title_set.ts12 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts13 { position: relative; border-bottom: 1px solid #dedede;}
.title_set.ts13 > div { margin-bottom: -1px;}
.title_set.ts13 h2 { color: #fff !important; border-left: 5px solid #004795;}
.title_set.ts13 h2 a, .title_set.ts13 h2 a * { color: #fff !important;}
.title_set.ts13 h2 a { position: relative; display: inline-block; padding: 3px 15px 6px 10px; background-color: #0c5ba7; z-index: 1;}
.title_set.ts13 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts13 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts14 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.title_set.ts14 > div { position: relative; border-left: 4px solid #0c5ba7; padding: 2px 0 7px 9px;}
.title_set.ts14 .btn_art_more { right: 7px; top: 8px;}
.title_set.ts14 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts15 { position: relative; border-bottom: 1px solid #dedede;}
.title_set.ts15 > div { margin-bottom: -1px;}
.title_set.ts15 h2 { color: #fff !important;}
.title_set.ts15 h2 a { position: relative;  display: inline-block; border-bottom: 1px solid #0c5ba7; padding: 2px 0 7px; z-index: 1;}
.title_set.ts15 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts15 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts16 { position: relative; border-bottom: 1px solid #0c5ba7;}
.title_set.ts16 > div { margin-bottom: -1px;}
.title_set.ts16 h2 { color: #fff !important;}
.title_set.ts16 h2 a { position: relative; display: inline-block; border-bottom: 4px solid #0c5ba7; padding: 2px 0 7px; z-index: 1;}
.title_set.ts16 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts16 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts17 { position: relative;}
.title_set.ts17:after { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 4px; background: #0c5ba7 url("../img/default/bg_w50.png") repeat 0 0;}
.title_set.ts17 > div { margin-bottom: -1px;}
.title_set.ts17 h2 { color: #fff !important;}
.title_set.ts17 h2 a { position: relative; display: inline-block; padding: 2px 15px 12px 0; z-index: 1;}
.title_set.ts17 h2 a:after { position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 100%; height: 4px; z-index: 2; background: #0c5ba7 url("../img/default/bg_w50_skew.png") no-repeat right 0;}
.title_set.ts17 .btn_art_more { right: 0; top: 7px;}

.title_set.ts18 { position: relative; border-bottom: 1px solid #0c5ba7;}
.title_set.ts18 > div { margin-bottom: -1px; overflow: hidden;}
.title_set.ts18 h2 { color: #fff !important;}
.title_set.ts18 h2 a, .title_set.ts18 h2 a * { color: #fff !important;}
.title_set.ts18 h2 a { position: relative; display: inline-block; padding: 3px 10px 6px 11px; height: 23px; background-color: #0c5ba7; z-index: 1;}
.title_set.ts18 h2 a:after { position: absolute; right: -15px; top: 0; content: ""; display: block; width: 0; height: 0; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 32px solid #0c5ba7;}
.title_set.ts18 .btn_art_more { right: 0; top: 5px;}

.title_set.ts19 { position: relative; padding: 8px 0 10px 23px; background: #fff; height: 25px; line-height: 24px; margin-bottom: 10px; border: 1px solid #dedede;}
.title_set.ts19:after { position: absolute; left: 12px; top: 19px; content: ""; display: block; width: 5px; height: 5px; background: #0c5ba7;}
.title_set.ts19 .btn_art_more { right: 8px; top: 13px;}

.title_set.ts20 { position: relative; padding: 9px 0 9px 15px; background: #0c5ba7 url("../img/default/bg_b_gradient.png") no-repeat right 0; height: 23px; line-height: 22px; margin-bottom: 10px;}
.title_set.ts20:after { position: absolute; left: 0; top: 1px; content: ""; display: block; width: 100%; height: 3px; background: url("../img/default/bg_wline_right.png") repeat right 0;}
.title_set.ts20:before { position: absolute; left: 0; bottom: 1px; co  ntent: ""; display: block; width: 100%; height: 3px; background: url("../img/default/bg_wline_left.png") repeat left 0;}

.title_set.ts20 h2 { color: #fff !important;}
.title_set.ts20 h2 a, .title_set.ts20 h2 a * { color: #fff !important;}
.title_set.ts20 .btn_art_more { right: 8px; top: 12px;}
.title_set.ts20 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.title_set.ts20 h2 .ics:before { background: none; font-size: 6px; color: #0c5ba7;}

.title_set.ts21 { position: relative; padding: 2px 0 0;}
.title_set.ts21 h2 { text-align: center; margin-right: 0;}
.title_set.ts21 h2 a { background: #fff; z-index: 2; position: relative; padding: 0 10px; display: inline-block; height: 22px; line-height: 21px; transition: all .3s ease;}
.title_set.ts21 h2:before { position: absolute; left: 0; top: 13px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.title_set.ts21 h2:after { position: absolute; left: 0; top: 16px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.title_set.ts21 .btn_art_more { right: 0; top: 7px; background-color: #fff; z-index: 2;}
.title_set.ts21 h2:hover > a { color: #000;}
.title_set.ts21 h2:hover:before { border-color: #000;}
.title_set.ts21 h2:hover:after { border-color: #000;}

.title_set.ts22 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 6px;}
.title_set.ts22:after { position: absolute; left: 4px; top: 3px; content: ""; display: block; width: 11px; height: 25px; background: #0c5ba7 url("../img/default/bg_theme22.png") no-repeat 0 0; -ms-transform: skewX(-12deg); -webkit-transform: skewX(-12deg); transform: skewX(-12deg);}
.title_set.ts22 .btn_art_more { right: 0; top: 7px;}

.title_set.ts23 { position: relative; padding: 2px 0 7px 25px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts23:after { position: absolute; left: 3px; top: 7px; content: ""; display: block; width: 15px; height: 15px; background: #0c5ba7 url("../img/default/bg_theme23.png") no-repeat 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.title_set.ts23 .btn_art_more { right: 0; top: 7px;}

.title_set.ts24 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts24:after { position: absolute; left: 1px; top: 5px; content: ""; display: block; width: 18px; height: 18px; background: #0c5ba7 url("../img/default/bg_theme24.png") no-repeat 0 0; border-radius: 9px;}
.title_set.ts24 .btn_art_more { right: 0; top: 7px;}

.title_set.ts25 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts25:after { position: absolute; left: 1px; top: 9px; content: ""; display: block; width: 10px; height: 10px; background: #0c5ba7; border-radius: 5px;}
.title_set.ts25:before { position: absolute; left: 5px; top: 13px; content: ""; display: block; width: 13px; height: 2px; background: #0c5ba7;}
.title_set.ts25 .btn_art_more { right: 0; top: 7px;}

.title_set.ts26 { position: relative; padding: 2px 0 7px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts26 h2 { position: relative; display: inline-block; padding-bottom: 2px;}
.title_set.ts26 h2 a { position: relative; z-index: 10; padding: 0 8px 0 2px;}
.title_set.ts26 h2:after { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: #0c5ba7; z-index: 1;opacity:0.4;}
.title_set.ts26 h2:before { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: url("../img/default/bg_theme26.png") repeat 0 0; z-index: 2;}
.title_set.ts26 .btn_art_more { right: 0; top: 7px;}

/* title_set .tsw */
.title_set.tsw .ics:before { background: url("../img/default/btn_art_more_white.png") no-repeat 0 0;}
.title_set.tsw .ics01:before { content: ""; width: 39px; background-position: 0 0;}
.title_set.tsw .ics02:before { content: ""; width: 9px; background-position: -40px 0;}
.title_set.tsw .ics03:before { content: ""; width: 17px; background-position: -50px 0;}

.title_set h2 a > * { color: #0c5ba7 !important;}

/* box */
.bf32 { position: relative; display: block;}
.bf32:before { content: ""; display: block; padding-top: 66.7%;}
.bf169 { position: relative; display: block;}
.bf169:before { content: ""; display: block; padding-top: 56.3%;}
.bfbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1;}
.bfbox img { width: 100%; height: 100%;}

.btn_top_wrap { position:fixed; left:0; bottom:0; width:100%; height:1; z-index:100;}
.btn_top_wrap div { position:relative; max-width: 1060px; width:100%; margin:0 auto;}
.btn_top { position:absolute; top: -141px; right:-52px; display: block; width: 48px; height: 47px; background: url("../img/default/btn_top.png") no-repeat 0 0; text-indent: -9999px; transition: none;}
.btn_top:hover { background-position: 0 -47px;}

/* Sticky banner */
.top_banner { position: relative; width: 100%; z-index: 1000;}
.banner_wrap { position: relative; width: 1060px; height: 0; margin:0 auto;}
.banner_wrap > div { position: absolute; top: 0; width: 160px;}
.banner_wrap .banner_left { left:-170px; text-align: right;}
.banner_wrap .banner_right { right:-170px; text-align: left;}
.com_ban { text-align: center;}

/* Layout helpers */ 
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

/* end clearfix */
.ui-helper-fix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7);}

/* Dialog */
.ui-dialog { position: relative; padding: 0; background: #fff; border:1px solid #ccc; border-radius: 5px; box-shadow: 0 0 20px #333;}
.ui-corner-all { border-radius: 0 !important;}
.ui-widget-content { border: 0;}

.ui-icon { display: block; width: 16px; height: 16px; background-image: url("../icon/jquery-ui.png");}
.ui-icon-closethick { background-position: -96px -128px; text-indent: -9999px;}

.ui-dialog .ui-dialog-titlebar { padding: .4em .3em .6em 1em; position: relative; background: #444; border:1px solid #333; border-radius: 3px; color: #fff; font-weight: bold;}
.ui-dialog .ui-dialog-title { float: left; margin: 0; font-size: 17px; font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif;}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 10px; top: 7px; width: 18px; margin: 0; padding: 1px; height: 18px; border: 0;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 0; width: 18px; height: 18px; background: url("../img/default/btn_edit_close.png") no-repeat 0 0;}
.ui-dialog .ui-dialog-titlebar-close:hover span { background-position: 0 -18px;}
.ui-dialog .ui-dialog-content { border: 0; padding: 0; background: none; overflow: hidden; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move;}

/* Form SET */
input[type=text], 
input[type=password], 
input[type=number], 
input[type=tel], 
input[type=email] {
  border:1px solid #dedede;
  border-radius:0;
  -webkit-appearance:none;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Droidsans, AppleSDGothic, Arial, sans-serif;
  color: #363636;
  font-size:14px;
  width:100%;
  height:16px;
  padding:9px 7px 11px;
  margin:0;
  line-height: 1 !important;
}

input[type=text]:disabled, 
input[type=password]:disabled, 
input[type=number]:disabled, 
input[type=tel]:disabled, 
input[type=email]:disabled { 
  background: #f3f3f3; 
  color: #bbb !important;
}

button, input[type=button], 
input[type=reset], 
input[type=submit] { 
  cursor:pointer; 
  -webkit-appearance:button; 
  border:none; 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Droidsans, AppleSDGothic, Arial, sans-serif; 
  font-size:15px; 
  margin:0; 
  border-radius:0; 
  outline:0;
}

input[type=file] { 
  border:1px solid #dedede; 
  border-radius:0; 
  -webkit-appearance:none; 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
  color: #363636; 
  font-size:14px; 
  width:100%; 
  height:38px; 
  line-height: 38px; 
  background: #fff !important; 
  margin: 0 !important;
}
.file_wrap { 
  padding-right: 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
input[type=file] { 
  height:20px; 
  line-height: 1.2; 
  padding: 7px 0 9px;
}
}

input[type=radio], 
input[type=checkbox] { 
  position:absolute; 
  top:4px; 
  left:4px; 
  margin:2px !important;
}

textarea { 
  width:100%; 
  border:1px solid #dedede; 
  -webkit-appearance:none; 
  border-radius:0; 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
  color: #363636; 
  font-size:14px; 
  padding:10px 7px; 
  line-height:1.4;
}

/* selectbox */
select { 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
  color: #363636; 
  font-size:15px; 
  margin:0;
}
.slt { display:inline-block; height:36px; overflow:hidden; border:1px solid #dedede; vertical-align:middle; background:#fff url("../bg/bg_select.png") no-repeat right center; font-size:15px;}
.slt > span { display:block; margin-right:-20px;}
.slt select { display:block; background:transparent; width:100%; margin-right:65px; border:0; font-size:14px !important; height:40px; padding: 10px 0; -webkit-appearance:none; vertical-align:middle; margin-top:-3px; padding-left:8px;}
.slt select:checked { background:transparent;}

.select_box { position: relative; display: inline-block; height: 36px; background: #fff url("../img/default/bg_select.png") right center no-repeat; border: 1px solid #dedede; }
.select_box.disabled { background-color: #eee;}
.select_box.disabled label { color: #a9a9a9;}
.select_box label { position: absolute; font-size: 14px; color: #000; top: 8px; left: 9px; z-index: 1; letter-spacing: 0;}
.select_box select { position: relative; width: 100%; height: 36px; line-height: 36px; padding: 10px 0; margin: 0 -1px; opacity: 0; filter: alpha(opacity=0); z-index: 2; -webkit-appearance:none; vertical-align:middle;}
.select_box.bd_sel select { width: 95px;}

/* checkbox radio */
.icheckbox { position:absolute; top:1px; width:20px; height:20px;  background:url("../img/default/btn_chk.png") no-repeat 0 0; cursor:pointer;}
.chk { color:#808080; display:inline-block; margin:0 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.icheckbox.checked { background-position:0 -20px;}
.icheckbox.disabled { background-position:0 -40px;}
.chk_all { position:relative; display:inline-block; cursor:pointer;}

.chk_s .icheckbox { width:14px; height:14px; background:url("../img/default/btn_chk_s.png") no-repeat 0 0;}
.chk_s .chk { margin:1px 5px 5px; padding-left:17px; color: #808080;}
.chk_s .icheckbox.checked { background-position:0 -14px;}
.chk_s .icheckbox.disabled { background-position:0 -28px;}

.iradio { position:absolute; top:1px; width:20px; height:20px; background:url("../img/default/btn_rdo.png") no-repeat 0 0;}
.rdo { color:#808080; display:inline-block; margin:0 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.iradio.checked { background-position:0 -20px;}
.iradio.disabled { background-position:0 -40px;}
.rdo_all { position:relative; display:inline-block; cursor:pointer;}

.rdo_s .iradio { top: 4px; width:14px; height:14px; background:url("../img/default/btn_rdo_s.png") no-repeat 0 0;}
.rdo_s .rdo { margin:1px 5px 5px; padding-left:13px; color: #808080;}
.rdo_s .iradio.checked { background-position:0 -15px;}
.rdo_s .iradio.disabled { background-position:0 -30px;}

/* tooltip */
.tooltip { position: relative;}
.tooltip[title]:hover:after { content: attr(title); padding: 2px 4px 4px; position: absolute; left: 0; top: -23px; z-index: 20; white-space: nowrap; background: #f3f3f3; border: 1px solid #dedede; color: #808080; text-indent: 0 !important; font-size: 11px; line-height: 1; font-weight: normal; box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 60;}

/* paging */
.paging { position: relative; text-align: center; padding: 40px 0 0; font-size: 0; vertical-align: middle;}
.paging .btn_pagenum { display: inline-block; vertical-align: middle;}
.paging .btn_pagenum a { position: relative; display: inline-block; line-height: 1; font-size: 15px; color: #808080; height: 23px; line-height: 20px; margin: 0 12px;}
.paging .btn_pagenum a:after { position: absolute; left: -13px; top: 10px; content: ""; display: block; width: 2px; height: 2px; background: #dedede;}
.paging .btn_pagenum a:first-child:after { display: none;}
.paging .btn_pagenum a:hover { color: #0c5ba7;}
.paging .btn_pagenum a.on { color: #0c5ba7; font-weight: bold;}
.paging a.btn_p { position: relative; display: inline-block; width: 23px; height: 23px; background: url("../img/default/btn_page.png") no-repeat 0 0; text-indent: -9999px; overflow: hidden; vertical-align: middle; transition: none;}
.paging a.btn_p:after { display: none;}
.paging a.btn_p.prev { background-position: 0 0;}
.paging a.btn_p.next { background-position: -23px 0;}
.paging a.btn_p.prev:hover { background-position: 0 -23px;}
.paging a.btn_p.next:hover { background-position: -23px -23px;}

/* path */
.path_wrap { position: relative;}
.path_wrap h3 { font-size: 26px; font-weight: bold; padding-bottom: 17px; line-height: 1.2; border-bottom: 1px solid #dedede;}
.path_wrap ul { position: absolute; top: 16px; right: 1px;}
.path_wrap ul:after { content:""; display:block; clear:both;}
.path_wrap ul li { float: left; color: #808080;}
.path_wrap ul li:before { content: ""; display: inline-block; margin:0 5px; width: 5px; height: 9px; background: url("../img/default/icon_path.png") no-repeat 0 0; vertical-align: middle;}
.path_wrap ul li:first-child:before { display: none;}
.path_wrap ul li a { color: #808080; font-size: 11px; font-family: "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; line-height: 1;}
.path_wrap ul li a:hover { color: #222;}

.btn_allmore { position: absolute; right: 0; top: 18px; background: url("../img/default/icon_path.png") no-repeat right 3px; line-height: 1; font-size: 12px; padding-right: 10px; color: #808080;}
.btn_allmore:hover { color: #222;}


/* reply */
.reply_wrap { position: relative;}
.reply_wrap h4 { font-size: 16px; margin-bottom: 7px;}
.reply_wrap h4 b { font-size: 13px; margin-left: 7px;}
.reply_wrap h4 b span { color: #d4253e;}

.reply_form { position: relative; background: #f3f3f3; padding: 20px 30px 10px; border: 1px solid #ededed; margin-bottom: 30px; margin-top: -1px;}
.reply_form > h5 { font-weight: normal; font-size: 13px; margin-bottom: 10px;}
.reply_form > ul { position: relative; margin: 0 -6px 10px;}
.reply_form > ul:after { content: ""; display: block; clear: both;}
.reply_form > ul li { float: left; width: 50%;}
.reply_form > ul li div { position: relative; padding-right: 16px; margin: 0 6px;}
.reply_form > ul li div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form > ul li div input { padding: 6px 7px 7px;}

.reply_form > dl { position: relative; margin-bottom: 10px;}
.reply_form > dl:after { content: ""; display: block; clear: both;}
.reply_form > dl dt, .reply_form > dl dd { float: left;}
.reply_form > dl dt { font-size: 15px; color: #222; margin-right: 13px; padding-top: 3px;}
.reply_form > dl dd:after { content: ""; display: block; clear: both;}
.reply_form > dl dd span { float: left; display: block;}
.reply_form > dl dd div { float: left; position: relative; padding-right: 16px; margin: 0 6px;}
.reply_form > dl dd div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form > dl dd div input { width: 200px; padding: 6px 7px 7px;}

.reply_form .reply_text { position: relative;}
.reply_form .reply_text > div { position: relative; padding-right: 16px;}
.reply_form .reply_text > div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form .reply_text > div textarea { padding: 6px 7px 7px; height: 60px;}
.reply_form .reply_text > b { display: block; font-size: 11px; color: #4c4c4c; margin-bottom: 22px; padding-top: 5px; letter-spacing: 0;}
.reply_form .reply_text > b span { color: #d4253e; letter-spacing: 0; margin-right: 1px;}
.reply_form > button { position: absolute; right: 30px; bottom: 12px; background: #fff; border: 1px solid #dedede; padding: 3px 18px 6px;}
.reply_form > button:active { color: #999;}

.reply_wrap .pw_input { position: absolute; left: 7px; top: 12px; width: 171px; height: 60px; padding-top: 15px; padding-left: 12px; background: #fff; z-index: 10; border:1px solid #cecece;}
.reply_wrap .pw_input label { display: block; width: 113px; text-align: center; color: #808080; margin: 3px 0 5px; font-size: 11px;}
.reply_wrap .pw_input input { width: 105px; padding: 4px 5px;}
.reply_wrap .pw_input .btn_close_p { position: absolute; right: 10px; top: 15px;}

.reply_wrap .reply_list { position: relative;}
.reply_wrap .reply_list > li { position: relative; padding: 17px 10px 15px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: -1px;}
.reply_wrap .reply_list .reply_top { position: relative; margin-bottom: 12px;}
.reply_wrap .reply_list .reply_top:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_top h5 { float: left; font-size: 14px; color: #222; margin-right: 7px; line-height: 1;}
.reply_wrap .reply_list .reply_top ul { float: left; padding-top: 4px;}
.reply_wrap .reply_list .reply_top ul:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_top ul li { position: relative; float: left; font-size: 11px; color: #bbb; border-left: 1px solid #dedede; height: 10px; line-height: 1; margin-right: 10px; padding-left: 8px;}
.reply_wrap .reply_list .reply_top ul li:first-child { border-left: 0;}
.reply_wrap .reply_list p { font-size: 13px; color: #363636; margin-bottom: 10px;}
.reply_wrap .reply_list .reply_bot { position: relative; margin-top: 15px; min-height: 30px;}
.reply_wrap .reply_list .reply_bot:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_bot a { float: left;}
.reply_wrap .reply_list .reply_bot ul { float: right;}

.reply_wrap .btn_reply_re { position: relative; display: block; border: 1px solid #dedede; height: 28px; line-height: 30px; padding: 0 23px 0 12px;}
.reply_wrap .btn_reply_re:after { position: absolute; right: 8px; top: 13px; content: ""; display: block; width: 5px; height: 3px; background: url("../img/default/btn_reply_collap.png") no-repeat 0 0;}
.reply_wrap .btn_reply_re.on:after { background-position: 0 -3px;}
.reply_wrap .btn_reply_re:hover { background: #f9f9f9;}
.reply_wrap .btn_reply_re span { color: #d4253e;}
.reply_wrap .btn_recom:after { content: ""; display: block; clear: both;}
.reply_wrap .btn_recom li { float: left; margin-left: 10px;}
.reply_wrap .btn_recom li a { position: relative; display: block; border: 1px solid #dedede; height: 28px; line-height: 30px; padding: 0 15px 0 34px; font-size: 12px; font-weight: bold; color: #0c5ba7;}
.reply_wrap .btn_recom li a:hover { background: #f9f9f9;}
.reply_wrap .btn_recom li a:after { position: absolute; left: 10px; top: 6px; content: ""; display: block; width: 16px; height: 16px; background: url("../img/default/btn_recom.png") no-repeat -18px 0;}
.reply_wrap .btn_recom li:first-child a { color: #d4253e;}
.reply_wrap .btn_recom li:first-child a:after { background-position: 0 0;}

.reply_wrap .re_reply_box { margin: 15px -10px -16px;}
.reply_wrap .re_reply_box .reply_top h5 { font-weight: normal; font-size: 13px;}
.reply_wrap .re_reply_box .reply_top ul { padding-top: 3px;}
.reply_wrap .re_reply_box .reply_list > li { padding-left: 30px; background: url("../img/default/icon_re_reply.png") no-repeat 10px 16px;}

/* Mypage TAB menu */
.tab_nav { position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.tab_nav li a { display: block; height: 15px; line-height: 1; padding: 20px 0 21px; background: url(../img/default/bg_tab.png) no-repeat right center; text-align: center; font-size: 15px; color: #363636; font-weight: bold;}
.tab_nav li a:hover { background-color: #f9f9f9;}
.tab_nav li a.on { background-color: #464a50; box-shadow: inset 0 0 5px 5px rgba(0,0,0,.2); color: #fff;}

/* Company */
.company_lnb { position: relative; border-top: 1px solid #dedede; padding-bottom: 60px;}
.company_lnb li { border-bottom: 1px solid #ededed;}
.company_lnb li a { display: block; height: 15px; line-height: 1; padding: 16px 30px 17px 15px; background: #f3f3f3 url("../img/default/bg_com_lnb.png") no-repeat right -49px; font-size: 14px; color: #363636;}
.company_lnb li a:hover { background-color: #f9f9f9;}
.company_lnb li a.on { background-color: #464a50; box-shadow: inset 0 0 5px 5px rgba(0,0,0,.2); color: #fff; background-position: right 0;}

.company_wrap { position: relative;}
.company_wrap > h3 { font-size: 25px; border-bottom: 1px solid #363636; font-weight: normal; line-height: 1; padding-bottom: 15px; letter-spacing: -0.15em; margin-bottom: 35px;}

.company_wrap .btn_dark { background: #808080; color: #fff;}
.company_wrap .file { position:relative; padding-bottom: 10px;}
.company_wrap .file:after { content: ""; display: block; clear: both;}
.company_wrap .file label { width:100px; float:left; padding: 5px 0 0;}
.company_wrap .file .fileadd { float:left; display: block; padding:0 0 0 10px;}
.company_wrap .file .fileadd a { display: block; text-align: center; margin-bottom: 5px;padding: 0 10px; height: 28px; line-height: 26px; font-size: 14px !important; margin-left: 0 !important;}
.company_wrap .file select {border:1px solid #dedede; width:575px; height:200px; font-size:11px; float:left;}

.company_info { position: relative; padding: 35px 0 10px;}
.company_info dl { position: relative; padding-left: 178px; min-height: 30px; margin-bottom: 18px; font-size: 15px; color: #363636;}
.company_info dl dt { position: absolute; left: 0; top: 0; padding-left: 46px; height: 30px; line-height: 28px; font-weight: bold;}
.company_info dl dt:after { position: absolute; left: 0; top: 0; content: ""; display: block; width: 30px; height: 30px; background: url("../img/default/icon_company.png") no-repeat 0 0;}
.company_info dl.ciw01 dt:after { background-position: 0 0;}
.company_info dl.ciw02 dt:after { background-position: -30px 0;}
.company_info dl.ciw03 dt:after { background-position: -60px 0;}
.company_info dl dd { padding-top: 4px;}

#map-canvas { width: 760px; height: 400px;}

.company_form .info_wrap { padding: 15px; background: #f3f3f3;}
.company_form .info_wrap b { color: #f34235; display: block; margin-bottom: 7px; font-size: 15px;}

.company_form .form_box { position: relative; padding: 0 0 16px;}
.company_form .form_box:after { content: ""; display: block; clear: both;}
.company_form .form_box * { font-size: 15px;}

.company_form .form_box dl { position: relative; margin-bottom: 10px;}
.company_form .form_box dl:after { content: ""; display: block; clear: both;}
.company_form .form_box dl dt, .company_form .form_box dl dd { float: left;}
.company_form .form_box dl dt { width: 100px; padding-top: 7px;}
.company_form .form_box dl dt span, .c011_myp .form_box dl dt label { color: #808080;}
.company_form .form_box dl dd { position: relative; width: 660px; font-size: 0;}
.company_form .form_box dl dd > span { position: relative; display: block; margin: 10px 0;}

.company_form .i_label { left: 7px; top: 8px; color: #bbb;}
.company_form .require:after { content:"*"; margin-left: 3px; font-size: 19px; color: #d4253e; vertical-align: middle;}
.company_form .require_txt { position: absolute; right: 0; top: 13px; font-size: 11px;}
.company_form .require_txt b { color: #d4253e; font-size: 15px; margin-right: 3px; line-height: 1;}

.company_form input[type=text], .company_form textarea { width: 644px;}
.company_form textarea { height: 200px;}

.company_form input { vertical-align: middle;}
.company_form .btn_gray { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; background: #dedede; color: #848484 ; vertical-align: middle; margin-left: 5px; font-size: 19px;}
.company_form .btn_gray:hover { background: #bbb;}

.company_form .btn_blue { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 19px;}

.company_form .btn_center { position: relative; text-align: center; padding: 20px 0;}

.company_form .float_list { position: relative;}
.company_form .float_list:after { content: ""; display: block; clear: both;}
.company_form .float_list li { position: relative; float: left;}
.company_form .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.company_form .float_list li:first-child:before { display: none;}

.company_form .float_list li input { width: 64px;}

/* My Plan */
.myplan_wrap { position: relative; padding-top: 40px;}
.myplan_wrap > h2 { position: fixed; top:0; left: 0; width: 100%; font-size: 17px; color: #fff; text-align: center; background: #808080; padding: 10px 0; z-index: 10;}

.myplan_wrap .info_wrap { position: absolute; right: 10px; bottom: 5px; font-weight: normal; font-size: 11px;}
.myplan_wrap .info_wrap b { color: #f34235; margin-right: 4px; font-size: 17px;}

.myplan_wrap .form_box { position: relative; padding: 15px; border-bottom: 1px solid #dedede;}
.myplan_wrap .form_box:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box * { font-size: 15px;}

.myplan_wrap .form_box dl { position: relative; margin-bottom: 10px;}
.myplan_wrap .form_box dl:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box dl dt { position: absolute; left: 0; top: 0; width: 100px; padding-top: 10px;}
.myplan_wrap .form_box dl dd { float: none; position: relative; font-size: 0; margin-left: 100px;}
.myplan_wrap .form_box dl dd > span { position: relative; display: block; padding: 10px 0; min-height: 16px;}
.myplan_wrap .i_wrap { padding: 0 16px 0 0;}
.myplan_wrap.wid140 .form_box dl dt { width: 140px;}
.myplan_wrap.wid140 .form_box dl dd { margin-left: 140px;}

.myplan_wrap input { vertical-align: middle;}
.myplan_wrap textarea { height: 70px;}
.myplan_wrap .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #848484 ; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_gray:hover { background: #bbb;}

.myplan_wrap .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #0c5ba7; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_blue:hover { background: #004795;}

.myplan_wrap .btn_dark { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #808080; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_dark:hover { background: #222;}

.myplan_wrap .btn_center { position: relative; text-align: center; padding: 20px 0;}
.myplan_wrap .btn_center a, .myplan_wrap .btn_center input { width: 85px; padding: 0;}
.myplan_wrap .btn_center .icon_list { position: absolute; left: -5px;}

.myplan_wrap .require:after { content:"*"; margin-left: 3px; font-size: 17px; color: #d4253e; vertical-align: middle;}

.myplan_wrap .float_list { position: relative;}
.myplan_wrap .float_list:after { content: ""; display: block; clear: both;}
.myplan_wrap .float_list li { position: relative; float: left;}
.myplan_wrap .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.myplan_wrap .float_list.f_date li:before { content: "~"; width: 16px;}
.myplan_wrap .float_list li:first-child:before { display: none;}
.myplan_wrap .float_list li input { width: 64px;}
.myplan_wrap .float_list.f_date li input { width: 111px; background: url(../bg/bg_cal.png) no-repeat right 9px;}
.myplan_wrap .i_label { padding: 10px 20px 10px 7px; color: #bbb; line-height: 1.4;}

.chk_list { position: relative; padding: 5px 0 0;}
.chk_list:after { content: ""; display: block; clear: both;}
.chk_list li { float: left; position: relative; margin: 3px 5px;}

.pop_desc { position: relative; padding: 20px 0 17px; margin: 0 15px; font-size: 13px; color: #808080; border-bottom: 1px solid #dedede;}
.pop_desc b { font-weight: normal; color: #222; display: block; margin-bottom: 3px;}
.c_txt { font-style: normal; color: #808080; margin-left: 7px; font-size: 13px !important;}
.pop_desc b.c_red { color: #f34235;}

/* member out */
.member_out h2 { position: relative; font-size: 17px; color: #fff; text-align: center; background: #808080; padding: 10px 0;}

.member_out .column02:after { content: ""; display: block; clear: both;}
.member_out .column02 > dl { float: left; width: 50%;}

.member_out .form_box { position: relative; padding: 15px 60px; border-bottom: 1px solid #dedede;}
.member_out .form_box:after { content: ""; display: block; clear: both;}
.member_out .form_box * { font-size: 15px;}

.member_out .form_box dl { position: relative; margin-bottom: 10px;}
.member_out .form_box dl:after { content: ""; display: block; clear: both;}
.member_out .form_box dl dt { position: absolute; left: 0; top: 0; width: 100px; padding-top: 10px;}
.member_out .form_box dl dt span, .member_out .form_box dl dt label { color: #808080;}
.member_out .form_box dl dd { position: relative; font-size: 0; padding-left: 100px; padding-right: 20px}
.member_out .form_box dl dd > span { position: relative; display: block; margin: 10px 0;}

.member_out input { vertical-align: middle;}
.member_out .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #848484 ; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_gray:hover { background: #bbb;}

.member_out .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #0c5ba7; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_blue:hover { background: #004795;}

.member_out .btn_center { position: relative; text-align: center; padding: 20px 0;}

.member_out .caution_txt { text-align: center; padding: 30px 0 15px;}
.member_out .caution_txt * { font-size: 13px; color: #808080;}
.member_out .caution_txt h6 { font-size: 15px; color: #222; margin-bottom: 10px;}

/* mini popup */
.mini_popup { position:fixed; left: 0; top: 0; min-width: 50px; z-index:1000; box-shadow: 0 20px 20px rgba(0,0,0,.5);}
.mini_popup > a { display: block;}
.mini_popup ul { background: #333; position: relative; margin: 0 !important;}
.mini_popup ul:after { content: ""; display: block; clear: both;}
.mini_popup ul li a { display: block; height: 40px; text-indent: -9999px;}
.mini_popup ul li.mpn01 { float: left; width: 124px; background: url(../img/default/btn_not_open.png) no-repeat 0 0;}
.mini_popup ul li.mpn02 { float: right; width: 39px; background: url(../img/default/btn_mpop_close.png) no-repeat 0 0;}

/* Terms */
.terms_box { position: relative; padding: 15px; font-size: 13px; line-height: 1.4; color: #363636;}
.terms_box * { color: #363636;}
.terms_box h1 { font-size: 15px;}
.terms_box h2 { font-size: 14px;}
.terms_box p { font-size: 13px; text-align: justify; margin-bottom: 15px;}
.terms_box h1, .terms_box h2, .terms_box h3 { margin-bottom: 5px;}
.terms_box ol { margin-bottom: 15px;}
.terms_box li { margin: 3px 0; line-height: 1.4; text-align: justify;}

.terms_con .terms_wrap { position: relative; border-bottom: 1px solid #dedede; padding-top: 15px;}
.terms_con .terms_wrap > h3 { height: 30px; line-height: 31px; background: #f3f3f3; font-size: 15px; padding: 0 10px;}
.terms_con .terms_wrap > span { display: none;}
.terms_con .terms_wrap .terms_box { height: 50px; overflow-y: scroll;padding:20px;min-height:180px;}
.terms_con .terms_wrap .terms_box * { font-size: 12px;}
.terms_con .terms_agree { position: relative; padding: 5px 0; margin-top: 5px;}

.company_wrap .terms_box { padding: 0;}
.company_wrap .terms_box * { color: #363636;}

/* banner image / slide */
.banner_slide { position: relative;}
.banner_slide img { width: 100%;}

.ba_img {text-align:center;margin:0;}

.ba_list .list {margin-bottom:10px;}
.ba_list .list:last-child {margin-bottom:0;}

.bottom_banner {width:100%;position:relative;border-top:1px dashed #666;/*margin:20px 0;*/ margin:20px 0 0 0;padding-top:20px;}
.bottom_banner .bottom_banner_swiper {width:980px;}
.bottom_banner .swiper_btn_l {left:-25px;background:url(http://netpro.co.kr/theme/netpro3/img/slider_l.png) no-repeat;}
.bottom_banner .swiper_btn_r {right:-25px;background:url(http://netpro.co.kr/theme/netpro3/img/slider_r.png) no-repeat;}


/* article-list */
.article-list {display:table;width:100%;letter-spacing:-0.05em}
.article-list::after {content:'';display:table;clear:both}
.article-list .table-cell {display:table-cell;vertical-align:top}
.article-list a:hover {text-decoration:underline;}
.article-list .line-height-3-2x {font-size:14px;display: -webkit-box;max-height: 2.8em;-webkit-line-clamp: 2;line-height: 1.4em;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word;}
.article-list .article-list-header::after {content:'';display:table;clear:both}
.article-list .article-list-header .article-list-header-title {padding:8px 0;line-height:1em}
.article-list .article-list-header .button-group .button {padding:7px}
.article-list .article-list-header .button-group .button.secondary {border:1px solid rgba(0,0,0,.08)}
.article-list .article-list-header .button-group .button.secondary:hover, .article-list .article-list-header .button-group .button.secondary:active, .article-list .article-list-header .button-group .button.secondary:focus {border-color:rgba(0,0,0,.15)}
.article-list .article-list-header .button-group .button {color: #727d92;background-color: #fff!; border: 1px solid #d4d7de;
display: inline-block; vertical-align: middle; margin: 0 0 1rem; padding: .85em 1em; -webkit-appearance: none;transition: background-color .25s ease-out,color .25s ease-out;
font-size: .9rem; line-height: 1; text-align: center; cursor: pointer;}

/* article-list > default */
.article-list .article-list-content {display:table;width:100%;table-layout:fixed}
.article-list .article-list-content::after {content:'';display:table;clear:both}
.article-list .article-list-content .table-row {display:table-row}
.article-list .article-list-content .table-cell {width:100%;padding:8px 0;vertical-align:middle}
.article-list .article-list-content .table-row:nth-child(5n) .table-cell {padding-bottom:25px}
.article-list .article-list-content .table-row:nth-child(5n) + .table-row .table-cell {padding-top:25px;border-top:1px solid rgba(0,0,0,.12)}
.article-list .article-list-content .list-titles {line-height:1.25em;font-size:14px;}
.article-list .article-list-content .list-dated {width:220px;font-size:13px;line-height:1em;color:rgba(0,0,0,.45);letter-spacing:-0.02em;text-align:right}
.article-list .article-list-content .list-image {overflow:hidden;float:left;position:relative;width:180px;height:120px;margin-right:20px;background-size:cover;background-position:center top;background-repeat:no-repeat}
.article-list .article-list-content .list-image:before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.article-list .article-list-content .list-image img {display:none}
.article-list .article-list-content .list-summary {font-size:.9rem;color:#333}
.article-list .article-list-content .list-summary a {color:rgba(0,0,0,.55)}
.article-list .article-list-content .list-section {color:rgba(0,0,0,.45)}
.article-list .article-list-content .list-icons {display:inline-block;margin-left:.5rem}
.article-list .article-list-content .list-icons .label {padding:.15rem .2rem;margin-left:1px}
.article-list .article-list-content .list-icons .label:first-child {margin-left:0}
.article-list .article-list-content .external-link {display:inline-block;margin-left:.5rem;font-size:.688rem;border-bottom:none}
@media \0screen {
	.article-list .article-list-content .list-image img {display:block}
}

/* article-list > sm */
.article-list .article-list-content.type-sm {display:block;width:auto}
.article-list .article-list-content.type-sm .list-block {/*padding:40px 0;*/ padding:20px 0; border-top:1px solid rgba(0,0,0,.08)}
.article-list .article-list-content.type-sm .list-block:first-child {padding-top:0;border-top:none}
.article-list .article-list-content.type-sm .list-block:last-child {padding-bottom:0}
.article-list .article-list-content.type-sm .list-block::after {content:'';display:table;clear:both}
.article-list .article-list-content.type-sm .list-block .list-image {position:relative}
.article-list .article-list-content.type-sm .list-block .list-image a {display:block;position:relative;z-index:1;height:100%;background:transparent}
.article-list .article-list-content.type-sm .list-block .list-titles {display:block;font-size:1.3rem;letter-spacing:-0.08em;text-decoration:none}
.article-list .article-list-content.type-sm .list-block .list-titles a:hover {text-decoration:underline}
.article-list .article-list-content.type-sm .list-block .list-summary {margin-top:.5rem;color:#333}
.article-list .article-list-content.type-sm .list-block .list-summary a {color:#333}
.article-list .article-list-content.type-sm .list-dated {width:auto;margin-top:.625rem;text-align:inherit}
.article-list .article-list-content.type-sm .list-icons {margin-top:.5rem;margin-left:0}

/* article-list > tm */
.article-list .article-list-content.type-tm {display:block;width:auto}
.article-list .article-list-content.type-tm .article-column {float:left;width:31%;min-height:1px;margin-right:3.5%}
.article-list .article-list-content.type-tm .article-column:nth-child(3n) {margin-right:0}
.article-list .article-list-content.type-tm .article-column:nth-child(3n+1) {clear:both}
.article-list .article-list-content.type-tm .list-block {overflow:hidden;position:relative;margin-bottom:2rem;text-align:center}
.article-list .article-list-content.type-tm .list-block .links {display:block;width:100%;min-height:210px;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
.article-list .article-list-content.type-tm .list-block .links::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.25);left:0;right:0;top:0;bottom:0}
.article-list .article-list-content.type-tm .list-block .list-block-content {padding:.8rem}
.article-list .article-list-content.type-tm .list-block .list-block-content::after {content:'';display:table;clear:both}
.article-list .article-list-content.type-tm .list-block .list-image {float:none;position:relative;width:100%;height:145px}
.article-list .article-list-content.type-tm .list-block .list-image::after {content:'';position:absolute;z-index:2;border-top:1px solid rgba(0,0,0,.05);left:0;right:0;bottom:0}
.article-list .article-list-content.type-tm .list-block .list-image::before {visibility:hidden}
.article-list .article-list-content.type-tm .list-titles {display:block;overflow:hidden;max-height:2.8em;font-size:14px;line-height:1.4em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.article-list .article-list-content.type-tm .list-summary {margin-top:.5rem;font-size:14px;color:#888}
.article-list .article-list-content.type-tm .list-dated {overflow:hidden;width:100%;margin-top:12px;line-height:1.3em;text-align:inherit;text-overflow:ellipsis;white-space:nowrap}
.article-list .article-list-content.type-tm .list-block .links:hover .list-titles,.article-list .article-list-content.type-tm .list-block .links:hover .list-summary {text-decoration:underline}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none {text-align:left}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::before,.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::after 
{display:block;font-style:normal;font-weight:normal;line-height:1;font-size:60px;height:34px;color:rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::before {content:'\201C';}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::after {content:'\201D';text-align:right}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none .list-titles {font-size:18px;font-weight:700}
.article-list .article-list-content.type-tm .list-block .links:hover {background:#727d92;color:#fefefe}
.article-list .article-list-content.type-tm .list-block .links:hover .list-summary {color:rgba(255,255,255,.65)}



/* 모바일 버전으로 보기 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center;width:1060px;margin:0 auto;margin-top:10px; margin-bottom:10px;}