@charset "utf-8";
/* Noto Sans Korean */
@font-face {font-family:NSK; font-style:normal; font-weight:100; src:local('Noto Sans Thin'), local('NotoSans-Thin'),url(../font/NotoSansKR-Thin-Hestia.eot),url(../font/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Thin-Hestia.woff) format('woff'),url(../font/NotoSansKR-Thin-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:200; src:local('Noto Sans Light'), local('NotoSans-Light'),url(../font/NotoSansKR-Light-Hestia.eot),url(../font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Light-Hestia.woff) format('woff'),url(../font/NotoSansKR-Light-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:300; src:local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),url(../font/NotoSansKR-DemiLight-Hestia.eot),url(../font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),url(../font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:400; src:local('Noto Sans Regular'), local('NotoSans-Regular'),url(../font/NotoSansKR-Regular-Hestia.eot),url(../font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),url(../font/NotoSansKR-Regular-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:500; src:local('Noto Sans Medium'), local('NotoSans-Medium'),url(../font/NotoSansKR-Medium-Hestia.eot),url(../font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),url(../font/NotoSansKR-Medium-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:700; src:local('Noto Sans Bold'), local('NotoSans-Bold'),url(../font/NotoSansKR-Bold-Hestia.eot),url(../font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Bold-Hestia.woff) format('woff'),url(../font/NotoSansKR-Bold-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:900; src:local('Noto Sans Black'), local('NotoSans-Black'),url(../font/NotoSansKR-Black-Hestia.eot),url(../font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Black-Hestia.woff) format('woff'),url(../font/NotoSansKR-Black-Hestia.otf) format('opentype');}

/* 나눔스퀘어 네오 */
@font-face {font-family:NSQ; font-weight: 800; 	font-display: swap;	src: local('NanumSquareNeo Black'), url('../font/NanumSquareNeoTTF-eHv.woff2') format('woff2'), url('../font/NanumSquareNeoTTF-eHv.woff') format('woff');}
@font-face {font-family:NSQ; font-weight: 600; 	font-display: swap; src: local('NanumSquareNeo ExtraBold'), url('../font/NanumSquareNeoTTF-dEb.woff2') format('woff2'), url('../font/NanumSquareNeoTTF-dEb.woff') format('woff');}
@font-face {font-family:NSQ; font-weight: 500; 	font-display: swap;	src: local('NanumSquareNeo Bold'), url('../font/NanumSquareNeoTTF-cBd.woff2') format('woff2'), url('../font/NanumSquareNeoTTF-cBd.woff') format('woff');}
@font-face {font-family:NSQ; font-weight: 300;	font-display: swap;	src: local('NanumSquareNeo SemiBold'), url('../font/NanumSquareNeoTTF-bRg.woff2') format('woff2'), url('../font/NanumSquareNeoTTF-bRg.woff') format('woff');}
@font-face {font-family:NSQ; font-weight: 200;	font-display: swap;	src: local('NanumSquareNeo Medium'), url('../font/NanumSquareNeoTTF-aLt.woff2') format('woff2'), url('../font/NanumSquareNeoTTF-aLt.woff') format('woff');}

/* GmarketSans */
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'), url('../font/GmarketSansBold.woff2') format('woff2'), url('../font/GmarketSansBold.woff') format('woff')}
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500; font-display: swap; src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'), url('../font/GmarketSansMedium.woff2') format('woff2'), url('../font/GmarketSansMedium.woff') format('woff')}
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300; font-display: swap; src: local('Gmarket Sans Light'), local('GmarketSans-Light'), url('../font/GmarketSansLight.woff2') format('woff2'), url('../font/GmarketSansLight.woff') format('woff')}

/* Common */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, 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 {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none;} 
body {line-height:1; -webkit-text-size-adjust:none; font-size:75%; font-family: PTD, Gmarket Sans, '돋움',dotum,AppleGothic,sans-serif; color:#333; /*word-break:break-all*/} /* IOS 6.1.3버전에서의 폰트 사이즈 문제 : -text-size-adjust:none */
article, aside, figure, figure img,
figcaption, hgroup, footer, header, 
nav, section, video, object {display:block;}
li img, dd img {vertical-align:top;} /*IE6에서 여백 브라우저 오류 해결*/
acronym {border:0;} 
em,address{font-style:normal;}

/* form style (기준안은 솔루션 작업에 따라 변경될 수 있음) */
table {/*table-layout:fixed;*/ border-collapse:collapse; border-spacing:0; border:0;} /*table-layout:fixed - 지정된 사이즈로 고정*/
legend, caption {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0;} 
td,th {word-break:break-all;} /* 줄바꿈 처리*/
ins {text-decoration:none;}
del {text-decoration:line-through;}
sub, sup {margin:0; padding:0;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}
input,select,button{vertical-align:middle}
hr {overflow:hidden; position:absolute; left:-9999em; top:0; width:0; height:0; font-size:0; line-height:0; /*visibility:hidden; */} 
/*select {min-width:100px; padding:7px 5px 5px; border:1px solid #e5e5e5; border-radius:0 !important; background:#fff !important; font-size:12px; color:#333; font-family:"맑은 고딕"; vertical-align:middle;}
input[type=text]{height:25px;padding:0 7px;border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;color:#464d61;line-height:2.2em}
input[type=text].readonly{;border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4}
input[type=text]:focus,select:focus{border:1px solid #00a2e2;background:#edf6fb;color:#464d61}
input[type=radio]{*width:13px;*height:13px}
input[type="button"], button {margin:0; padding:0; border:0; border-radius:0 !important; -webkit-border-radius:1px !important; -webkit-appearance:none !important; cursor:pointer; font-family:"맑은 고딕", "돋움", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif;} */
button, input[type="reset"], input[type="button"], input[type="submit"] {line-height:normal; border:none;}
textarea{width:100%; height:120px; padding:5px;border:1px solid #cfcfcf;line-height:140%; box-sizing: border-box}
label {cursor:pointer;}

/* add style */
.row {clear:both;}
.button {vertical-align:middle;}
.hide {display:none;}
.blind {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0;} 
.show {display:block !important;}
.cursor {cursor:pointer;}
.center {text-align:center;}
.bold {font-weight:bold;}
.empty {height:10px;font-size:0;}
.fr {float:right;}
.fl {float:left;}
.aleft {text-align:left !important;}
.noneBg {background:none !important;}

/* link */
a:link,a:visited {color:#4e4e4e;text-decoration:none}
a:active,a:hover,a:focus{color:#868686;}

/* skip navigation */
.skipNavi a {position:absolute; left:0; top:-1000%; width:100%; text-align:center;}

/* add file */
#_upload_file {position:absolute;z-index:1000;height:30px;top:0;left:0; width:90px;cursor:pointer; opacity:0; filter:alpha(opacity=0);} 
#_pop_upload_file2 {position:absolute;z-index:1000;height:30px;top:0;left:155px; width:90px;cursor:pointer; opacity:0; filter:alpha(opacity=0);} 
#_pop_upload_file3 {position:absolute;/*z-index:1000;*/height:30px;top:0;left:155px; width:90px;cursor:pointer; opacity:0; filter:alpha(opacity=0);} 
.upload_inputbox {position:absolute;width:30px;border:1px solid #d2cdc7}


/*파일관련 스타일*/
#file_box_ {position:relative; width:250px; height:30px; overflow:hidden; } 

/*page*/
#list_page {width:100%; margin:30px 0; text-align:center;}
#list_page a{display:inline-block; width:30px; height:30px; line-height:30px; margin:2px 2px; text-align:center; position: relative; border-radius:5px; /*border:1px solid #ddd;*/ color:#4c4c4c; font-size:13px}
#list_page a.img {vertical-align:top !important; }
#list_page a:hover {text-decoration:underline; color:#257ac2; font-weight:500}
#list_page a.current_page{color:#fff; background:#238de7; border-color:#238de6; font-weight:500}
#list_page img {vertical-align:top}

/* 인기검색어 */
.popula_top {background: #eee3ce; position: relative; padding: 16px 0; margin-bottom: 20px;}
.popula_top .btn_move {position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 0; text-indent: -9999px; overflow: hidden; font-size: 0; cursor: pointer;}
.popula_top .btn_prev {left: 30px; background: url(../../images/super/arw_left.png) 50% 50% no-repeat;}
.popula_top .btn_next {right: 30px; background: url(../../images/super/arw_right.png) 50% 50% no-repeat;}
.popula_top .rank {width: 300px; margin: 0 auto;}
.popula_top .rank select {width: 100%; color: #7d4f18; font-weight: bold; border: 1px solid #c8b18f; padding: 4px 20px 3px 20px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background: url(../../images/super/select_arrow.png) 95% 50% no-repeat;
}
.popula_top select::-ms-expand {display: none;}

.popula_wrap:after {content:""; display: block; clear: both;}
.popula_wrap .popula_box {float: left; width: 32%; margin-left: 2%; position: relative;}
.popula_wrap .popula_box:first-child {margin: 0;}
.popula_wrap .popula_box dt {position: absolute; left: 0; top: 20px; width: 100%; text-align: center; font-weight: bold; font-size: 20px; color: #d03a0c; z-index: 1;}
.popula_wrap .popula_box .sm {font-size: 12px; width: 90%; margin: 0 auto; background: #7d4f18; display: block; color: #fff; padding: 8px 0; margin-top: 10px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}
.popula_wrap .popula_box dd {border: 3px solid #eee3ce; padding: 86px 20px 20px 20px;}
.popula_wrap .popula_list li {font-size: 13px; font-weight: bold; line-height: 1.8; margin-top: 7px; padding: 0 4px 7px 4px; border-bottom: 1px dashed #eaeaea;}
.popula_wrap .popula_list .num {display: inline-block; margin-right: 10px; color: #eb2d0e;}
.popula_wrap .popula_box:nth-child(1) dt,
.popula_wrap .popula_box:nth-child(1) .num {color: #eb2d0e;}
.popula_wrap .popula_box:nth-child(2) dt,
.popula_wrap .popula_box:nth-child(2) .num {color: #366f1d;}
.popula_wrap .popula_box:nth-child(3) dt,
.popula_wrap .popula_box:nth-child(3) .num {color: #1a3566;}

/* 인기검색어 추가 JJH 181015 */
.popula .srch_box {width:1100px; padding:10px; margin: 0 0 20px 0; border: 2px solid #c3d8ff}
.popula .srch_date {display: inline-block; position: relative; padding: 2px 6px; border: 1px solid #ddd}
.popula .input_date {border: 0; background: none; height:30px; line-height:30px; cursor: pointer; background: url(../../images/super/btn_date.png) no-repeat 100% 50%;}
.popula .slct_rank {height:30px; padding: 3px; border: 1px solid #ddd; box-sizing: content-box; line-height:30px}
.popula .btn_view {width: 80px; background:#324465; color: #fff; font-weight: 600; line-height:34px; cursor: pointer; border-radius:5px}
.popula .lst_rank {width:1125px; padding: 0 0 4px 0; margin: 0 0 12px 0; border-bottom: 1px solid #ddd}
.popula .lst_rank:after {content:""; display: block; clear: both}
.popula .lst_rank dt {float: left; width: 100px; background: #6b6b6b; text-align: center; font-size: 14px; font-weight: 600; line-height:34px; border-radius:5px; color: #fff}
.popula .lst_rank dd {float: left; position: relative; width: 680px; margin: 0 0 0 10px}
.popula .lst_rank .input_base {width:555px; height:30px; padding: 1px 6px; line-height:30px}
.popula .lst_rank .btns {position: absolute; right: 0; top: 50%; margin: -13px 0 0 0}
.popula .lst_rank .btns button {width: 50px; font-size: 13px; line-height:22px; color: #fff; border-radius:10px}
.popula .lst_rank .btn_edt {background: #207dc7}
.popula .lst_rank .btn_del {background: #4e4e4e}
.popula .popula_wrap p {width: 788px; padding: 18px 6px; border: 1px solid #eee3ce; text-align: center;}

.ui-datepicker .ui-datepicker-prev span {background :url(../../images/board/jquery_calander_prev.png) 50% 50% no-repeat !important;}
.ui-datepicker .ui-datepicker-next span {background :url(../../images/board/jquery_calander_next.png) 50% 50% no-repeat !important;}
.ui-datepicker .ui-datepicker-prev:hover span {background :url(../../images/board/jquery_calander_prev_a.png) 50% 50% no-repeat !important;}
.ui-datepicker .ui-datepicker-next:hover span {background :url(../../images/board/jquery_calander_next_a.png) 50% 50% no-repeat !important;}