@charset "utf-8";
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(/pages/basic/font/NotoSansKR-Thin.woff2) format('woff2'),
    url(/pages/basic/font/NotoSansKR-Thin.woff) format('woff'),
    url(/pages/basic/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(/pages/basic/font/NotoSansKR-Light.woff2) format('woff2'),
    url(/pages/basic/font/NotoSansKR-Light.woff) format('woff'),
    url(/pages/basic/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/pages/basic/font/NotoSansKR-Regular.woff2) format('woff2'),
    url(/pages/basic/font/NotoSansKR-Regular.woff) format('woff'),
    url(/pages/basic/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/pages/basic/font/NotoSansKR-Medium.woff2) format('woff2'),
    url(/pages/basic/font/NotoSansKR-Medium.woff) format('woff'),
    url(/pages/basic/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(/pages/basic/font/NotoSansKR-Bold.woff2) format('woff2'),
    url(/pages/basic/font/NotoSansKR-Bold.woff) format('woff'),
    url(/pages/basic/font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(/pages/basic/font/NotoSansKR-Black.woff2) format('woff2'),
    url(/pages/basic/font/NotoSansKR-Black.woff) format('woff'),
    url(/pages/basic/font/NotoSansKR-Black.otf) format('opentype');
}

/* Common Style */
* { margin: 0; padding: 0; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, q, s, samp, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0 none; }
body { position: relative; margin: 0 auto; font-size: 14px;letter-spacing:-.02em;line-height: 170%; font-family:'Noto Sans KR', 'Dotum','Gulim','Tahoma','Verdana',sans-serif;font-weight:400;overflow-x:hidden}
input { font-family: 'Noto Sans KR','Dotum','Gulim','Tahoma','Verdana',sans-serif}
header, h1 { font-size: 100%; }
div, p, span, li, table td {word-break:break-all}
caption,legend { position: absolute; width:0; height: 0; font-size: 0; overflow: hidden; visibility: hidden }
img { border: none; vertical-align: top; /*width: 100%;*/ }
select, input { vertical-align: middle}
hr { display: none; border: 0 none; }
ol, ul, ul li{ list-style: none; }
em { font-style: normal; }
label{cursor:pointer}


/* link Style */
a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { /*outline: 0 none;*/ text-decoration: underline; }

/* table style */
table { width: 100%; border-collapse: collapse; }
table, th, td { border: 0px; border-spacing: 0; border-style: none; }

/* float */
.fl{float:left}
.fr{float:right}

/* text-align */
.txtr{text-align:right !important}
.txtl{text-align:left !important}
.txtc{text-align:center !important}

.hidden {display:none}
.clear{clear:both}

/* input */
.input_type{position:relative;height:35px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font-size:13px;font-family:'Noto Sans KR';line-height:30px;padding:0 3px 0 6px;margin:2px 0;border-radius:0;box-sizing:border-box}



/* select */

#board_search select {

    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background:url('/pages/basic/img/sub/select_arrow.png') no-repeat 98% 50% !Important; /* 화살표 모양의 이미지 */
	padding:0 10px 0 4px !important;
	font-size:14px !important;color:#666;
	min-width:80px;height:40px !Important
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}

#board_search input{height:40px;line-height:40px;box-shadow:none;-webkit-appearance: none;}
.select_type{position:relative;height:35px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font-size:13px;font-family:'Noto Sans KR';line-height:35px;padding:0 3px;margin:2px 0;border-radius:0;box-sizing:border-box}

/* point */
.f_red{color:#de0000 !important;font-weight:500}

/* Skip Menu */
.skipMenu{overflow:hidden;position:relative;z-index:2;width:100%}
.skipMenu a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.skipMenu a:focus,.skipMenu a:hover,.skipMenu a:active{width:auto;height:20px;margin:0;margin:0;padding:8px 0 0 15px;background:#000;font-size:12px;font-weight:bold;line-height:1;color:#fff}

/* font-size:0 */
.hidden{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

.w100{width:100% !Important}
.w95{width:95%}
.wfull_95{width:95%}

/* table */
.table_type1{width:100%;font-size:16px}
.table_type1 thead tr th{border-top:1px solid #333;border-bottom:1px solid #aaa;padding:14px;text-align:center;font-weight:500;background:#2d4965;position:relative;color:#fff}
.table_type1 thead tr th:after{content:'';display:block;position:absolute;right:0;top:15px;width:1px;height:20px;background:#6285a8}
.table_type1 thead tr th:last-child:after{background:none !Important}
.table_type1 tbody tr th{border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.table_type1 tbody tr td{padding:14px 20px;border-bottom:1px solid #ddd;color:#666;font-size:16px}
.table_type1 tr.bg1{background:#f4f8fc}
.table_type1 .m_info{display:none}
.talignc{text-align:center}


/* ul */

.ul_type1 {margin: 0 0 20px 0;}
.ul_type1 li{color: #666;padding-left:7px;font-size:15px;position: relative;margin-bottom:6px;line-height:24px}
.ul_type1 li span{color:#505050;font-weight:700}
.ul_type1 li:last-child{margin-bottom: 0;}
.ul_type1 li:before{content: '';display: block;position: absolute;left:0px;top:11px;width: 3px;height: 3px;background-color: #3b486b;}
.ul_type1 > li > a {border-bottom: 1px dotted #333;color:#e6224c;font-weight:700;margin-left:3px}
.ul_type1 > li > a:hover {border-bottom: 1px solid #e6224c;color:#e6224c}


.ul_type2 {margin: 6px 0 10px 0;overflow:hidden}
.ul_type2 li{color:#666;padding-left: 12px;position: relative;margin-bottom:3px;line-height:25px}
.ul_type2 li span{color: #000;}
.ul_type2 > li > a {border-bottom: 1px dotted #333;color:#e6224c;font-weight:700;margin-left:3px}
.ul_type2 > li > a:hover {border-bottom: 1px solid #e6224c;color:#e6224c}
.ul_type2 li:last-child{margin-bottom: 0}
.ul_type2 li:before{content: '';display: block;position: absolute;left:3px;top:12px;width: 4px;height: 1px;background-color: #757575}

/* tab */
.tab_type1{width:100%;margin:15px 0 30px 0;float:left}
.tab_type1 ul li a{display:inline-block;float:left;text-align:center;border:1px solid #ddd;color:#666;width:33%;height:60px;line-height:58px;font-size:17px;margin-left:-1px}
.tab_type1 ul li a.on{border-bottom:4px solid #009dee;color:#222;font-weight:500}
.tab_type1 ul li a:hover{background:#f8f8f8;color:#222;font-weight:500}
/* h */
.h5_butt{font-size:17px;padding:20px 0 10px;color:#3064ce}


/* pbox */
.p_box{border:1px solid #ddd;padding:35px;}




/* margin */
.mt0{margin-top:0 !important}
.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}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom:0 !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}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.mb85{margin-bottom:85px !important}
.mb90{margin-bottom:90px !important}
.mb95{margin-bottom:95px !important}
.mb100{margin-bottom:100px !important}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !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}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.ml85{margin-left:85px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0 !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}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.mr85{margin-right:85px !important}
.mr90{margin-right:90px !important}
.mr95{margin-right:95px !important}
.mr100{margin-right:100px !important}

/* padding */
.pt0{padding-top:0 !important}
.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}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pt85{padding-top:85px !important}
.pt90{padding-top:90px !important}
.pt95{padding-top:95px !important}
.pt100{padding-top:100px !important}

.pb0{padding-bottom:0 !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}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}
.pb85{padding-bottom:85px !important}
.pb90{padding-bottom:90px !important}
.pb95{padding-bottom:95px !important}
.pb100{padding-bottom:100px !important}

.pl0{padding-left:0 !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}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pl85{padding-left:85px !important}
.pl90{padding-left:90px !important}
.pl95{padding-left:95px !important}
.pl100{padding-left:100px !important}

.pr0{padding-right:0 !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}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}
.pr70{padding-right:70px !important}
.pr75{padding-right:75px !important}
.pr80{padding-right:80px !important}
.pr85{padding-right:85px !important}
.pr90{padding-right:90px !important}
.pr95{padding-right:95px !important}
.pr100{padding-right:100px !important}

/****** Mobile ******/
@media screen and (max-width:690px){
/* table */
	.table_type1{overflow:hidden;overflow-x:scroll;width:100%}
	.table_type1 th,.table_type1 td{white-space:nowrap}
	.table_type1 .m_info{line-height:20px;color:#ac2fad;padding:7px 0;font-weight:500;font-size:15px;display:block}
}