@charset "utf-8";

/* Noto Sans KR Font */
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: bold;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }


/* 체크박스, 라디오버튼 이미지화 스타일 시작 */
/*
- blue : checkbox_blue_on.png
- skyblue : checkbox_skyblue_on.png
- green : checkbox_green_on.png
- orange : checkbox_orange_on.png
- yellow : checkbox_yellow_on.png
*/
#fregister input[type=checkbox], #fregisterform input[type=checkbox], #bo_w  input[type=checkbox]{ display: none; }
#fregister input[type=checkbox] + label, #fregisterform input[type=checkbox] + label, #bo_w input[type=checkbox] + label{
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    padding-left: 25px;
    background: url('/theme/basic/img/checkbox_off.png') no-repeat 0 1px;
	background-size: 18px;
}
#fregister input[type=checkbox]:checked + label, #fregisterform input[type=checkbox]:checked + label, #bo_w input[type=checkbox]:checked + label{
    background-image: url('/theme/basic/img/checkbox_blue_on.png');
	background-size: 18px;
}
/* 체크박스, 라디오버튼 이미지화 스타일 끝 */



/* 초기화 */
html {overflow-y:scroll;height:100%;}
body {margin:0;padding:0;font-size:10pt;background:#fff;min-width:320px;max-width: 440px;    margin: 0 auto;height:100%;font-family:malgun gothic, sans-serif;word-break:keep-all;line-height:170%;letter-spacing:-0.5px;color:#474747;-webkit-text-size-adjust: 100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:15px;font-family:'Noto Sans KR', malgun gothic, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label{vertical-align:middle;word-break: break-all;}
input, button {margin:0;padding:0;font-size:13px;font-family:malgun gothic, sans-serif;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=number], input[type=image]{font-size:13px;-webkit-appearance:none;padding:5px; -webkit-appearance:none}
input[type="submit"] { cursor: pointer; -webkit-appearance: none;}
textarea, select {font-size:13px;font-family:malgun gothic, sans-serif;line-height:1.5}
textarea {border-radius:0;-webkit-appearance:none;font-family:malgun gothic, sans-serif;padding:5px}
select {margin:0;background:none}
p {margin:0;padding:0;}
/* hr {display:none} */
a {text-decoration:none;color:#666}
a:hover{}
ul,li,dl,dt,dd{list-style:none;padding:0;margin:0}
caption {font-size: 1px; height: 1px; position: relative; text-indent: -9999999999999px; width: 1px;}

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


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999px;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #d2d2d2;background:#fff; max-width:90%; top:100px !important; left:0 !important;}
.hd_pops img{max-width:100%;height:auto;display:block;}
.hd_pops_con {width:100% !important; height:auto !important; display:inline;}
.hd_pops_reject {background:transparent !important; float:left;}
.hd_pops_footer {background:#000;color:#fff;text-align:right}
.hd_pops_footer button {padding:10px;border:0;background:#393939;color:#fff}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select{background:#fff;border-bottom:1px solid #d2d2d2;
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2);
box-shadow: 0 0 5px  rgba(100,100,100,0.2);}
.ts_up {font-size:15px !important}
.ts_up2 {font-size:15px !important}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px !important;border:1px solid #898989;vertical-align:top;padding:0;margin:0;display: inline-block;}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/*단축키일람 */
.cke_sc{text-align:right;display:none}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}


/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #4162ff;color: #fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li{display:inline-block;}
.new_win .win_ul li a{display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}

.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0}
.new_win .win_btn .btn_submit{width:100%;height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}

#ctt_con pre{font-family: auto}

/* 모바일 탭메뉴(셀렉트) */
#bo_cate {display:none;}
#bo_cate_mobile {display:block; margin-bottom:20px !important; text-align:center}
#bo_cate_mobile select {width:100%; padding:10px !important; -webkit-appearance:none; background:url('/theme/basic/img/icnLocaArr.png')  #fff no-repeat  98% center; border-color:#d2d2d2;}

.view-pc {display:none}