@charset "utf-8";
@import 'font.css';

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; border:0; padding:0;}
body { font-family: 'Noto Sans KR', sans-serif; font-size: 0.9rem; font-weight: 400; color:#464646; line-height:1.6; word-break:break-all;}
ol, ul {list-style:none; }
button, p, a, input, li { font-family: 'Noto Sans KR', sans-serif; font-size: 0.95rem; font-weight: 400; }
.hidden, legend{line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
caption{overflow:hidden; position:relative; line-height:1px; font-size:1px; text-indent:-30000px;}
p {margin:0;}
strong{font-weight:600;}
address {font-style:normal;}
em{ font-style:normal}



/***** align *****/
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.ft_left{float:left;}
.ft_right{float:right;}
.clearfix {clear:both; display:block; height:0; }
.clearfix:after{content:""; display: block; clear:both;}


/***** table *****/
.content_table {margin:0 0 0 0; padding:0; border-collapse:collapse; font-size:13px; width:100%;}
.content_table th {font-weight:600; background:#fbfbfb; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:8px 6px; text-align:center; font-size:14px; color:#464646;}
.content_table td {font-weight:normal; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#444; text-align:center; padding:8px 6px; background:#fff; word-wrap:break-word; line-height:18px; color:#464646;}
.content_table td a {display:inline-block; margin:0 auto;}
.content_table .t_end {border-left:none;}
.content_table .th_top {border-top:2px solid #6b6b6b;}
.content_table .td_top {border-top:2px solid #6b6b6b;}
.content_table .point {background:#f5f5f5; color:#3f3f3f;}
.content_table .left {text-align:left; padding-left:10px;}
.content_table .right {text-align:right;}

.select_rive {float:left; margin-right:10px; padding-right:10px; background:url(../../images/common/select_rive_bul.jpg) no-repeat right 50%;}

/***** border_top *****/
.border_info {min-height:22px; border:1px dotted #ccc; padding:10px 15px; margin:0 0 15px 0;}
.border_info p {margin:0;}
.border_info strong {display:inline-block; padding:0 0 0 20px; background:url(../../images/common/icon_info.jpg) no-repeat left 50%;}

/***** paginate *****/
.paginate {padding:0; text-align:center; line-height:normal; white-space:nowrap; margin:25px 0 30px 0; width:100%;}
.paginate * {position:relative; display:inline-block; margin:0 2px; text-decoration:none; line-height:normal; vertical-align:top;}
.paginate a {display:inline-block; color:#505050; border:1px solid #dedede; width:30px; height:30px; line-height:30px; text-decoration:none;}
.paginate a.first {margin-right:5px;}
.paginate a.last {margin-left:5px;}
.paginate a:hover, .paginate a:active, .paginate a:focus{background:#e96142; border:1px solid #d14c2e; color:#fff;}
.paginate strong {color:#fff; background:#e96142; border:1px solid #d14c2e; display:inline-block; width:30px; height:30px; line-height:30px;}
.paginate .dire {border:1px solid #dedede; margin:0 2px;}
.paginate .dire:hover,.paginate .dire:active,.paginate .dire:focus {background:#efefec; border:1px solid #dedede;}

.paginate_list {width:100%; border-bottom:1px solid #898989; border-top:1px solid #898989; margin:30px 0 0 0;}
.paginate_list li {border-top:1px solid #e4e4e4; background:#fbfbfb; padding:10px 0; position:relative;}
.paginate_list li:first-child {border-top:0px;}
.paginate_list li span {display:inline-block; vertical-align:top;}
.paginate_list li span.prev {padding:0 10px 0 25px; background:url(../../images/kor/board/page_bul.gif) no-repeat 10px 8px; width:40px; position:absolute; font-weight:600;}
.paginate_list li span.next {padding:0 10px 0 25px; background:url(../../images/kor/board/page_bul.gif) no-repeat 10px -35px; width:40px; position:absolute; font-weight:600;}
.paginate_list li span.subject {margin-left:75px; width:68%; background:url(../../images/kor/board/page_bul2.gif) no-repeat left 5px; padding:0 15px;}
.paginate_list li span.subject a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; display:block;}

/***** link *****/
a:link {text-decoration:none; color:#5a5a5a;}
a:visited {text-decoration:none; color:#5a5a5a;}
a:hover {color:#1e1e1e; text-decoration:underline;}
a:active {color:#1e1e1e; text-decoration:underline;}
a:focus {color:#1e1e1e; text-decoration:underline;}


/***** form *****/
input[type="text"] {height:24px; padding:0 5px; line-height:24px; border:1px solid #dbdbdb; vertical-align:middle; font:normal 13px '나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; color:#464646;} 
input[type="submit"] {font:normal 0.875em '나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
textarea {font:normal 0.875em '나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; color:#464646; border:1px solid #dbdbdb; padding:5px;}
input[type="file"] {cursor:pointer;}
select {font:normal 13px '나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; color:#464646; border:1px solid #dbdbdb; padding:5px; cursor:pointer;}


/***** heading *****/
h2,h3,h4,h5,h6 {font-weight:600;}

/*h4 {font-size:1.313em; line-height:1.25em; color:#333333; margin:40px 0 10px 0; background:url(../../images/kor/common/h4_bul.gif) no-repeat left 6px; padding:0 0 0 17px;}
h4.first {margin:0 0 10px 0;}

h5{font-size:15px; line-height:22px; color:#333333; margin:0 0 40px 0; background:url(../../images/kor/common/bg-h5.gif) no-repeat 0 center; padding:0 0 0 13px;}
h6{font-size:14px; line-height:20px; color:#d83d00; font-weight:600; margin:0 0 20px 0;}
*/
p a[target="_blank"] {background:url(../../images/kor/common/blank_ico.gif) no-repeat 100% 50%; padding:0 15px 0 0; color:#258ccc;}


/***** list *****/
.h4_ul {margin:0 0 0 0;}
.h4_ul li {margin:0 0 30px 0; padding:0 0 0 0; font-size:18px; color:#3e830b; line-height:20px; letter-spacing:0px; font-weight:600;}

.h5_ul{margin:0 0 0 3px; padding:0;}
.h5_ul li{font-size:16px; line-height:22px; margin:0 0 20px 0; font-weight:600; background:url(../../images/kor/common/h5_bul.gif) no-repeat 2px 8px; padding:0 0 0 13px;}
.h5_ul li p {margin:5px 0 10px 0; font-size:13px; font-weight:normal; color:#464646; padding:0; line-height:20px;}

.h5_ol{margin:0 0 0 0; padding:0;}
.h5_ol li{font-size:16px; line-height:20px; color:#464646; margin:0 0 20px 0; font-weight:600; background:none; padding:0 0 0 0;}
.h5_ol li p {margin:5px 0 10px 0; font-size:13px; font-weight:normal; color:#464646; padding:0; line-height:20px;}

.h6_ul {margin:5px 0 20px 0; padding:0;}
.h6_ul li {font-size:14px; line-height:20px; color:#d83d00; font-weight:600; margin:0 0 7px 0; background:none; padding:0; /*background:url(../../images/kor/common/h6_bul.gif) no-repeat 0px 5px; padding:0 0 0 10px;*/}
.h6_ul li p {font-size:13px; font-weight:normal; color:#464646; }

.h6_ol{margin:5px 0 20px 0; padding:0;}
.h6_ol li{font-size:14px; line-height:20px; color:#d83d00; font-weight:600; margin:0 0 7px 0; background:none; padding:0 0 0 0;}
.h6_ol li p{margin:5px 0 10px 0; font-size:13px; font-weight:normal; color:#444; padding:0; line-height:20px;}

.h7_ul{margin:5px 0 20px 0px; padding:0;}
.h7_ul li{color:#464646 !important; background:url(../../images/kor/common/h7_bul.gif) no-repeat left 8px !important; padding:0 0 0 10px !important; font-weight:normal !important; font-size:13px !important; margin:0 0 4px 0 !important; line-height:20px;}
.h7_ul li a[target="_blank"] {background:url(../../images/kor/common/blank_ico.gif) no-repeat 90% 50%; padding:0 30px 0 0; text-decoration:underline; color:#258ccc;}

.h7_ol{margin:5px 0 10px 0; padding:0;}
.h7_ol li{color:#464646; background:none; padding:0 0 0 0; font-weight:normal; font-size:13px; margin:0 0 4px 0; line-height:20px;}
.h7_ol li a[target="_blank"] {background:url(../../images/kor/common/blank_ico.gif) no-repeat 100% 50%; padding:0 15px 0 0; text-decoration:underline; color:#258ccc;}


/***** padding *****/
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}


/***** margin *****/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}


/***** color *****/
.color_sky {color:#04adbf !important;}
.color_org {color:#d83d00 !important;}
.color_blue {color:#09C !important;}
.color_blue2 {color:#0066a6 !important;}
.color_green {color:#56b145 !important;}


/***** skip *****/
.skip {position:absolute; width:100%; margin:0 auto; z-index:999;}
.skip a {display:block; height:1px; margin-bottom:-1px; overflow:hidden; white-space:nowrap; width:1px;}
.skip dt{ width:1px; height:1px; font-size:0px; visibility:hidden; float:left; position:absolute; text-indent:-9999px;}
.skip dd{float:left;}
.skip a:focus, .skip a:active {height:18px; width:130px; padding:5px; color:#333; text-align:center; font-weight:600; margin:0;}

@media all and (max-width:480px){
/* paginate */
.paginate {padding:0; text-align:center; line-height:normal; white-space:nowrap; margin:25px 0 10px 0; width:100%;}
.paginate * {position:relative; display:inline-block; margin:0 2px; text-decoration:none; line-height:normal; vertical-align:top;}
.paginate a {display:inline-block; color:#505050; border:1px solid #dedede; width:22px; height:22px; line-height:22px; text-decoration:none;}
.paginate a.first {margin-right:3px;}
.paginate a.last {margin-left:3px;}.paginate a:hover, .paginate a:active, .paginate a:focus{background:#e96142; border:1px solid #d14c2e; color:#fff;}
.paginate strong {color:#fff; background:#e96142; border:1px solid #d14c2e; display:inline-block; width:22px; height:22px; line-height:22px;}
.paginate .dire {border:1px solid #dedede; margin:0 1px;}
.paginate .dire img {width:22px; height:auto; vertical-align:bottom;}
.paginate .dire:hover,.paginate .dire:active,.paginate .dire:focus {background:#efefec; border:1px solid #dedede;}
}


.respond-reactive-img{display:block; margin:0 auto}