@charset "utf-8";
/* CSS Document */

body,h1,h2,p { padding:0; margin:0; font-family:"맑은 고딕";}
a { text-decoration:none; color:#000; }
img { border:none;}

/*main*/
#main { padding:0px 15px 0 15px;}
h1 { font-family:"맑은 고딕"; font-size:20px; font-weight:bold; line-height:26px; padding:5px 0 10px 0;}
h2 { font-family:"맑은 고딕"; font-size:17px; font-weight:bold; line-height:24px; padding:0 0 5px 0; color:#F00;}
.body_txt { padding-top:30px; font-family:"맑은 고딕"; font-size:16px; text-align:justify; line-height:24px; word-break:break-all; }
.img_txt { font-family:"맑은 고딕"; font-size:16px; font-weight:bold; color:#F00; text-align:center;padding-bottom:5px;}

/*reply*/
#reply { padding-top:20px; }
.banner_tit { padding:10px 5px; font-family:"맑은 고딕"; font-size:15px; color:#304345; font-weight:bold; background-color:#F6F6F6; border-top:1px solid #A4A4A4; border-bottom:1px solid #A4A4A4; }
.banner_tit02 { background-color:#F6F6F6; font-family:"맑은 고딕"; font-weight:bold; text-align:right; padding-right:5px; border-top:1px solid #A4A4A4; border-bottom:1px solid #A4A4A4; }
.banner_tit02 a { font-weight:bold; }
.banner_box { padding:10px; }
.banner_box02 { padding:10px 5px; }
.banner_txt, .banner_txt a { font-size:15px; line-height:20px; padding-bottom:5px; color:#000; }
.banner_txt02, a { font-size:14px; line-height:18px; text-align:center; padding-padding-bottom:5px; }

.news_tit { font-family:"맑은 고딕"; font-weight:bold; font-size:15px; padding:0 0 10px 5px; font-weight:bold;}
.news_box { padding:5px;}
.news_box td{ font-family:"맑은 고딕"; font-size:14px; padding-bottom:5px;}

/*db*/
.db_txt { font-family:"맑은 고딕"; font-size:15px; font-weight:bold; padding-bottom:10px; padding-left:10px;}

.db_box { border-left:3px solid #000; border-right:3px solid #000; border-bottom:3px solid #000; padding-top:5px;}
.db_box1 { padding:5px 10px; text-align:center; font-family:"맑은 고딕"; font-size:16px; font-weight:bold;}
.db_box2 { padding:5px 10px; text-align:center; font-family:"맑은 고딕"; font-size:16px; font-weight:bold; background:#dedede;}


/*m-index3*/
.menu { overflow:hidden; margin:0; padding:0;}
.menu li { float:left; width:14.25%; list-style:none; text-align:center; border-bottom:2px solid #ddd}
.menu li a { font:bold 16px/42px "맑은 고딕"; height:42px}
.menu li.ov a { height:42px; color:#F00;}
.menu li.ov {border-bottom:2px solid #e00}

.news1 { overflow:hidden; margin:0; padding:0; border-bottom:1px solid #CCC}
.news1 li { float:left; list-style:none; text-align:center; }
.news1 li a { font:bold 12px/30px "맑은 고딕"; height:30px; color:#C00}
.news1 li.ov a { height:30px; color:#F00;}


#db_tb{padding-top:20px; border:5px solid #000; border-top:none; width:100%; }
#db_tb td{padding:10px;}


@charset "utf-8";
html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: 'Noto Sans KR', 'Nanum Barun Gothic', 'Nanum Gothic', HelveticaNeue-Light, 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; }
body { width: 100%; margin: 0; padding: 0; background: #fff }
body, p, pre, form, span, div, table, td, ul, ol, li, dl, dt, dd, input, textarea, label, button { word-wrap: break-word; word-break: break-all; font-size: 16px; font-weight: 400; color: #000 }
b, strong { word-wrap: break-word; word-break: break-all; font-family: inherit; font-weight: 600 !important; }
div, table { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; border: 0px none; }
ul, ol, li, td, dl, dt, dd { margin: 0; padding: 0; list-style: none }
em, i { font-style: normal }
img { border-spacing: 0; border-collapse: collapse; border: none; }
span, div, a, b, strong, label, p, dt, dd { color: inherit; font-size: inherit; font-weight: inherit }
table caption { width: 0px; height: 0px; font-size: 0; visibility: hidden; }
a:link, a:visited { text-decoration: none; cursor: pointer }
a:hover, a:active { text-decoration: none; }
.clearfix { clear: both; }
.layout_fix { width: 100%; max-width: 1034px; margin: 0 auto; position: relative; }
.upper_link { position: absolute; top: 0; right: 0; width: 100%; }
.upper_link img { width: 100% }
.img-responsive { display: block; width: 100%; }
.mauto { margin: 0 auto; }
.blue { color: #0000ff; }
.blue2 { color: #006fd1; }
.blue3 { color: #0b51ca; }
.red { color: #ff0000; }
.red2 { color: #ea0c0c; }
.red3 { color: #e00000; }
.underline { text-decoration: underline; }
.underline2 { display: inline-block; border-bottom: 1px solid #666666; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.oblique { font-style: oblique; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f22 { font-size: 22px; }
.f22f16 { font-size: 22px; }
.c999 { color: #999; }
.help-block ul li { color: red; list-style: none; }
.navbar-brand { padding: 0; }
.navbar-custom { background: #4885d0; }
.bottom_container { position: relative; }
.fixed { width: 100%; height: 80px; padding-top: 3px; text-align: center; position: fixed; bottom: 0; border-top: 3px solid #37578e; background: #d6e6fd; z-index: 1; }
.fixed div { color: #353030; line-height: 15px; }

/*top*/
.header { height: 70px; background: linear-gradient(to right, #00e9ff, #0153ff); }
.top { position: relative; }
.top .back { position: absolute; top: 22px; left: 15px; max-width: 35px; }
.top .logo { margin: 0px auto; display: block; padding-top: 25px; }
.top .search { position: absolute; top: 27px; right: 15px; max-width: 23px; }
.top-navi { padding: 0px 15px; position: relative; border-bottom: 10px solid #efefef; }
.top-navi ul { width: 100%; height: 60px; margin: 0px; padding: 0px; overflow: hidden; font-family: '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; text-align: center; }
.top-navi ul li {	/*float: left;*/
display: inline-block; color: #111; font-size: 20px; line-height: 60px; padding: 0 1%; margin: 0 1%; position: relative; }
.top-navi ul li.on { color: #111; font-weight: bold; }
.top-navi ul li.on::before { content: ''; display: inline-block; width: 100%; height: 2px; background: #333333; position: absolute; bottom: 0px; left: 0; margin-bottom: 0px }

/* 컨텐츠 */
.contents { clear: both }

/*.contents .layout_fix {background:transparent url('images/cm_img/center_bg.gif') left top repeat-y; overflow: hidden}*/
.contents .layout_fix { background: transparent; overflow: hidden }

/* 기사 및 댓글영역 ------------------------------------------------------------------------------------------------------------------------------------------- */
.article_box { width: 100%; max-width: 1140px; float: left; }
.article_title { padding: 30px 0 0 0; margin: 0 0 30px 0; }
.article_title .tit { color: #000; font-size: 23px; line-height: 39px; text-align: justify; }
.article_title .sub_tit { font-size: 16px; line-height: 22px; position: relative; padding-left: 10px; }
.article_title .sub_tit em { margin-left: 14px; display: block; }
.article_title .titlebox2 { border-left: 3px solid #111; margin-top: 25px; }
.paragraph { padding: 0px 0px; }
.paragraph .tit { color: #000; font-size: 22px; line-height: 28px; margin-bottom: 12px; font-weight: bold; }
.paragraph .txt { font-size: 17px; line-height: 26px; color: #000; margin: 13px 0; text-align: justify }
.paragraph .txt p { margin-top: 15px }
.imgbox { margin: 0px 0 30px 0; overflow: hidden }
.imgbox img { float: left }
.article_box .hashtag { overflow: hidden; margin: 0 0 50px 0 }
.article_box .hashtag .tag { float: left; margin-right: 6px; padding: 10px 13px; line-height: 1; color: #666; font-size: 14px; background: #f1f1f1 }
.article_box .hashtag .tag em { color: #aaa }

/* DB폼 */
.db_title { overflow: hidden; }
.db_title img { float: left; width: 100%; }
.counselBox { overflow: hidden; margin: 40px 0 30px 0 }
.Tcounsel { overflow: hidden; padding: 40px 50px 40px 50px; border: 1px solid #eaeaea; box-sizing: border-box; }
.Tcounsel li { position: relative; height: 50px; padding: 15px 0 0 0; overflow: hidden; }
.Tcounsel li:first-child { margin-top: 0; }
.Tcounsel .radio_checkbox { height: 25px; }
.Tcounsel .radio_checkbox .opt { margin-top: -16px }
.Tcounsel .choice { position: absolute; top: 0; left: 0; margin-left: 123px; width: 775px }
.Tcounsel .choice .radio_ch { margin-right: 10px }
.Tcounsel .choice .radio_ch .tx { margin-left: 4px }
.Tcounsel .choice .intxt { height: 50px; font-size: 14px; width: 775px; box-sizing: border-box; color: #000; border: 1px solid #e9e9e9; padding: 0 15px }
.Tcounsel .choice .intxt::placeholder { color: #aaa }
.Tcounsel .agree { margin-left: 119px; overflow: hidden }
.Tcounsel .agree input { float: left; }
.Tcounsel .agree .agree_txt { float: left; margin: 4px 5px; font-family: '돋움', dotum; font-size: 12px; color: #000; line-height: 1 }
.Tcounsel .agree .view_privacy { float: left; margin-top: 4px; font-family: '돋움', dotum; font-size: 12px; color: #aaa; line-height: 1 }
.Tcounsel .agree .view_privacy:hover { color: #333 }
.counselBox .btn_box { margin-top: 20px; }
.counselBox .btn_box button { width: 100%; font-size: 18px; padding: 20px 0 24px 0; cursor: pointer }
.counselBox .btn_box button:hover { opacity: 0.9 }
.counselBox .double .choice { width: 328px !important }
.counselBox .double .choice .intxt { width: 328px !important }
.counselBox .sex_box { overflow: hidden; position: relative; position: absolute; top: 0; right: 0 }
.counselBox .check_box { float: left; position: relative; width: 50px; height: 50px }
.counselBox .check_box input { float: left; margin: 0; width: 50px; height: 50px; -webkit-appearance: none; appearance: none; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); }
.counselBox .check_box .tx { color: #aaa; font-size: 14px; text-align: center }
.counselBox .check_box .tx .shape { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #fff; display: inline-block; float: left; border: 1px solid #e9e9e9; box-sizing: border-box }
.counselBox .check_box .tx em { position: absolute; top: 0; left: 0; color: #aaa; line-height: 46px; width: 100%; text-align: center }
.counselBox .check_box:first-child .shape { border-right: 0 !important; }
.counselBox .check_box input:checked+ .tx em { color: #fff }
.counselBox .check_box input:checked+ .tx .shape { background-color: #373331; border-color: #373331 }

/* 하단 푸터 ------------------------------------------------------------------------------------------------------------------------------------------- */
.footer { background-color: #efefef; padding: 7px 5px 0px;font-size:0.8em;color: #444;font-weight:bold; }
.footer .txt4 {
    font-size: 1em;
    color: #970c0c;
}

.footer .txt3 {
    color: #135f9f;
}

.txt2 {
    font-size: 0.6em;
    color: #666;
}
#footer_lv1 { height:45px; }
.footer_left {
	display:block;float:left;
}
.footer_right {
	display:block;float:right;
}
.footer2 { background-color: #ffffff; color: #bbbbbb; text-align: center; font-size: 10px; padding: 20px 0px; line-height: 16px; }
.footer2 li { display: inline-block; color: #777; font-family: '맑은 고딕', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans KR', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size: 14px; }
.footer2 li::after { content: '|'; color: #ddd; padding: 2px 5px; font-size: 12px; vertical-align: top; }
.footer2 li:last-child::after { content: ''; }
.copyrights { color: #777; font-family: '맑은 고딕', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans KR', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 0px; }

/*comment*/
.comment { margin-top: 40px; }
.comment .line { color: #000; margin-top: 20px; margin-bottom: 20px; padding: 0px 0px 40px; font-size: 13px; border-bottom: 1px dotted #eee; }
.comment .line:last-child { border-bottom: 0px; margin-bottom: 0px; }
.comment .line .black { display: block; padding: 0px; color: #666666;    text-align: left;}
.comment .line .green { display: inline-block; color: #2a2a2a; padding: 0px 0px; font-weight: bold; }
.comment .line p { margin: 5px 0px; }
.number { color: #000000; font-size: 15px; float: right; }
.number .red { color: #ff0000; }
.cimg { float: right; }
.bottom-line { margin-top: 60px; background-color: #d5d5d5; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 12px; }
.top-line { padding: 12px 0px; font-size: 16px; border-bottom: 1px solid #eeeeee; }
.gray { color: #9da3ac; padding-left: 20px; }
.dot { float: right; }
.commentdate { font-size: 11px; color: #acacac; }

/*dbform*/
textarea { font-size: 17px; border: 1px solid #c2c2c2; margin: 0px; background-color: #fff; color: #000; height: 30px; line-height: 30px; }
input::placeholder, textarea::placeholder { color: #cbcbcb; padding-left: 0px; font-size: 13px; line-height: 20px; }
.dbform td { color: #000000; font-size: 16px; }
.titlebox { width: 100%; display: block; padding: 0px; }
.agree { font-size: 13px !important; font-weight: 400; text-align: left; color: #000; line-height: 30px; margin: 5px 0; }
.dbtxt { font-size: 15px; text-align: center; padding: 30px 0 30px; }
.visible-400 { display: none; }
@media screen and (max-width:400px) {
	.visible-400 { display: block; }
	.f22f16 { font-size: 16px; }
}

/*mobile*/
.bottom-type1 { margin-top: -20px !important; }
.bottom-line-bottom { margin-bottom: 40px !important; }

/*web*/
.bottom2 { margin-top: 0px !important; }
.bottom-ad1 { padding: 15px 15px !important; }
.bottom-ad2 { margin-bottom: 0px !important; padding: 1px 15px !important; }
.bottom-ad2 .tit { margin-bottom: 15px !important; }

/*recent*/
#recent { margin: 0px; padding: 0 15px 0 15px;     width: calc( 100% - 30px ); min-width: 320px; overflow: hidden; height: 140px; }
#recent ul li { list-style: none; position: relative; width: 100%; min-width: 320px; display: inline-block; color: #434343; font-size: 14px; }
#recent ul li .recent-img { position: absolute; right: 20px; }