@charset"utf-8";

@import url('../font/font.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');



*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html {height:100%; -webkit-text-size-adjust:none;} /* 방향전환시 폰트 고정 */
body {position:relative; height:100%; font-family:"Montserrat",'NanumSquare','Noto Sans KR', sans-serif; font-weight:400; font-size:16px; color:#222; letter-spacing:0;word-break:keep-all}
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea, button {margin:0; padding:0; border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, object { display:block; padding:0; margin:0}
audio, canvas, video { display:inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display:none; }
section{width:100%; behavior:url(PIE.htc);}

form {margin:0; padding:0}
input {padding:0px;vertical-align:middle; font-family:'Noto Sans KR', sans-serif; outline:none;}
input[type='text'], input[type='number'] {padding:1px; border:1px solid #ccc;}
input[type="text"],input[type='number'],input[type="search"] {-webkit-appearance:none; border-radius:0}
input[type='password'] {padding:1px; border:1px solid #ccc; -webkit-appearance:none;}
input[type='file'] {padding:2px 0 2px 5px; border:1px solid #ccc;}
input[type='checkbox'], input[type~='radio'] {margin:-1px 0px; padding:2px; }
input[type='button'], input[type='submit'], input[type="reset"] {cursor:pointer;-webkit-appearance:none; border-radius:0; font-family:'Noto Sans KR', sans-serif;}
input[type='image'] {margin:0px; padding:0px; cursor:pointer;}
select {padding:1px; vertical-align:middle; border:1px #ccc solid; border-radius:0; font-family:'Noto Sans KR', sans-serif;}
textarea {padding:2px 0 2px 5px; border:1px solid #ccc; background:#fff;}
button {background:transparent; cursor:pointer; vertical-align:middle; margin:0; font-family:'Noto Sans KR', sans-serif;}
textarea, button {-webkit-appearance:none;border-radius:0; font-family:'Noto Sans KR', sans-serif; outline:none;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

h1, h2, h3, h4, h5, h6{font-family:"NanumSquare",'Noto Sans KR', sans-serif;}
ul,li,ol,dl,dd,dt {list-style:none; word-break:keep-all;}
em, address, i, u, cite {font-style:normal;}
caption {display:none; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table {margin:0px; border-collapse:collapse; border-spacing:0; width:100%;/*table-layout:fixed;*/}
td,th {-ms-word-break:break-all;word-break:keep-all; vertical-align:middle;}

img {border:0; line-height:0; vertical-align:top;}
div, p{word-break:keep-all}

a,a:focus{
	outline:none !important;
    outline-width: 0 !important;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
a:link,a:visited,a:hover,a:active, a:focus {color:inherit;}
a {color:inherit; text-decoration:none;}
a img, input.type-image {border:none;}

.hidden {display:none !important;}
.blind {position:absolute !important; left:-10000px; height:1px; width:1px; overflow:hidden;}
legend {position:absolute; left:-9999px;}

/* 텍스트 정렬 설정*/
.hand {cursor:pointer;}
.clear{width:100%;clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.align_l{text-align:left}
.align_c{text-align:center !important}
.align_r{text-align:right}
.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}

.nobg{background:none !important;}
.noline{border:none !important;}
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}

.mb-0{margin-bottom:0 ! important}
.ml_10{margin-left:10px}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px;}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.pt_30{padding-top:30px;}
.pt_50{padding-top:50px;}

.font_red { color:#c31434; }

.bold {font-weight:bold;}


/* overlay */
.overlay {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:499;background-color:#000;opacity:0.8;}

/* 숨김 */
.hide {position:absolute; left:-5000%;}
.hidden {display:none;}




/* 공통 checkbox */
.checkbox{display:inline-block; vertical-align:middle;}
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + label{display:inline-block;position:relative;padding-left:25px;font-size:15px;line-height:16px;font-weight:500;letter-spacing:-1px;vertical-align:middle;cursor:pointer;}
.checkbox input[type="checkbox"] + label:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:16px;height:16px;border:1px solid #fff;border-radius:3px;background-color:#f4f4f4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.checkbox input[type="checkbox"]:checked + label:before{background:#4144d1 url(../images/check-16x16.png) center 50% no-repeat; border:1px solid #4144d1;}
.checkbox input[type="checkbox"]:disabled + label{cursor:default;}
.checkbox + .checkbox{margin-left:25px;}


/* 공통 radio */
.radio{display:inline-block; vertical-align:middle;}
.radio input[type="radio"]{display:none;}
.radio input[type="radio"] + label{display:inline-block;position:relative;padding-left:30px;font-size:15px;line-height:20px;vertical-align:top;cursor:pointer;}
.radio input[type="radio"] + label:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ddd;border-radius:10px;background-color:#f4f4f4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.radio input[type="radio"]:checked + label:before{background-color:#fff; border:7px solid #00b7f3;}
.radio input[type="radio"]:disabled + label{cursor:default;}
.radio + .radio{margin-left:25px;}


/* 공통 select */
select {display:inline-block;width:100%;height:50px;padding:0 20px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#555;font-size:16px;line-height:48px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; vertical-align:middle; -webkit-appearance:none; -moz-appearance:textfield !important; background:#fff url('../images/common/btn_select_arrow.png') right 49% no-repeat; background-size:28px;}


/* 공통 Input Text */
input[type="text"],
input[type="number"] {display:inline-block;width:100%;height:50px;padding:0 20px;border-radius:3px;background:#fff;color:#555;font-size:16px;line-height:48px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
input[type="text"]:disabled{background:#f5f5f5;color:#666}
input[type="text"]::-ms-clear{display: none;}
input[type="password"]{display:inline-block;width:100%;height:50px;padding:0 20px;border-radius:3px;background:#fff;color:#555;font-size:16px;line-height:48px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;letter-spacing:5px;}
input[type="password"]:disabled{background:#f5f5f5;color:#666}
input[type="text"] + input[type="text"] {margin-top:10px;}
.readonly{background:#f5f5f5 !important;color:#666 !important;}

::-webkit-input-placeholder{color:#999999;letter-spacing:0 !important;}
::-moz-placeholder{color:#999999;letter-spacing:0 !important;}
:-ms-input-placeholder{color:#999999 !important;letter-spacing:0 !important;}
:-moz-placeholder{color:#999999;letter-spacing:0 !important;}
.placeholdersjs{color:#999999;letter-spacing:0 !important;}


/* 공통 Button Style */
.btn_wrap {margin-top:30px; text-align:center; font-size:0;}
.btn_wrap button, .btn_wrap a {display:inline-block; min-width:150px;margin:0 5px; cursor:pointer; vertical-align:middle; font-size:15px; font-weight:500; text-align:center; box-sizing:border-box;}
.btn_wrap .btn_confirm {padding:18px 40px; color:#fff; background:#00b7f3;}
.btn_wrap .btn_cancel {padding:18px 40px; color:#888; background:#eee;}

.small_btn {}
.small_btn a {display:inline-block; padding:6px 10px; font-size:14px;}
.small_btn .review_link {color:#fff; background-color:#525f78; border-radius:2px;}
.small_btn .review_edit {color:#333; border:1px #ccc solid; border-radius:2px;}

.btn_mypick {display:inline-block; padding:6px 10px; font-size:14px; color:#fff !important; background-color:#606e89; border-radius:2px;}
.btn_mypick:hover {background-color:#525f78;}
.btn_mypick i {margin-right:3px; color:#fff; font-size:18px; vertical-align:-3px;}


/* 공통 첨부파일 */
.filebox {position:relative; display:inline-block; width:100%; height:50px; padding:0; line-height:48px; color:#fff; vertical-align:middle; cursor:pointer;}
.filebox .upload-name {display:inline-block; width:70%; height:50px; padding:0 20px; color:#555; font-size:15px; vertical-align:top; background-color:#f9f9f9; border-radius:3px 0 0 3px;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.filebox label {position:absolute; top:0; right:0; width:30%; height:50px; display:inline-block; font-size:15px; text-align:center; vertical-align:top; cursor:pointer; background-color:#a5a5a5; border-radius:0 3px 3px 0;}
.filebox + .filebox {margin-top:5px;}
input[type="text"]:disabled {background:#f9f9f9;}


/* board-common:paging */
.paging_wrap{clear:both; display:block; text-align:center; font-size:0; vertical-align:middle;}
.paging_wrap *{vertical-align:middle;}
.paging_wrap a{overflow:hidden; display:inline-block; width:40px; height:40px; margin:0 4px; border:1px #ccc solid;}
.paging_wrap a:before {display:inline-block; font-family:'xeicon'; font-size:20px; line-height:40px;}
.paging_wrap a.first{border:0;}
.paging_wrap a.first:before {content:'\f100'; font-family:'FontAwesome'; font-size:19px;}
.paging_wrap a.prev{border:0;}
.paging_wrap a.prev:before {content:'';}
.paging_wrap a.next{border:0;}
.paging_wrap a.next:before {content:'';}
.paging_wrap a.last{border:0;}
.paging_wrap a.last:before {content:'\f101'; font-family:'FontAwesome'; font-size:19px;}
.paging_wrap .num{display:inline-block; width:40px; height:40px; box-sizing:border-box; font-size:15px; font-weight:400; line-height:40px; vertical-align:middle; color:#777; background-color:#fff;}
.paging_wrap span.num{color:#1a5bb1; border:1px #1a5bb1 solid;}
@media (max-width: 768px){
	.paging_wrap{margin-top:20px;padding-bottom:30px;}
	.paging_wrap a,
	.paging_wrap .num{width:30px; height:30px; line-height:30px;}
}


/* paging */ 
.paging {clear:both; overflow:hidden; margin-top:30px; text-align:center; color:#333;}
.paging a {display:inline-block; padding:0 10px 0 10px; margin:0 2px; line-height:30px !important; font-size:15px; color:#333; font-family:sans-serif; vertical-align:top;}
.paging a:before {display:inline-block; font-family:'xeicon'; font-size:20px; color:#333;}
.paging a.first {padding:0 !important;}
.paging a.first:before {content:'\f100'; font-family:'FontAwesome'; font-size:19px;}
.paging a span {display:none;}
.paging a.prev {padding:0 !important; margin-left:5px;}
.paging a.prev:before {content:'';}
.paging a.next {padding:0 !important; margin-right:5px; margin-left:5px;}
.paging a.next:before {content:'';}
.paging a.end {padding:0 !important;}
.paging a.end:before {content:'\f101'; font-family:'FontAwesome'; font-size:19px;}
.paging a:hover, .paging a:focus{text-decoration:none; color:#222;}
.paging a.this {display:inline-block; font-weight:500; color:#806349; border-bottom:2px #806349 solid;}
@media (max-width: 1024px){
	.paging {margin-bottom:20px;}
}