@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');
 }

/*상단 로딩바*/
 .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #FF6600;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;

  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  transition: all .1s;
}
/*상단 로딩바*/

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px;font-family:malgun gothic, sans-serif;background:#fff;word-break:keep-all;line-height:170%;color:#474747;letter-spacing:-0.5px; -webkit-text-size-adjust: none;}
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; line-height:120%; font-family:'Noto Sans KR', malgun gothic, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
caption {font-size: 1px; height: 1px; position: relative; text-indent: -9999999999999px; width: 1px;}
h2{font-size:19px;line-height:170%}
h3{font-size:22px;line-height:120%}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:13px; }
input, button {margin:0;padding:0;font-family:malgun gothic, sans-serif;}
input[type="submit"] { cursor: pointer; -webkit-appearance: none;-webkit-border-radius: 3px;}
button {cursor:pointer}

textarea, select {font-family:malgun gothic, sans-serif;}
select {margin:0; font-size:10pt;padding:5px;border-radius:5px;border:1px solid #d2d2d2;background:#fafafa;color:#474747;height:40px;}
textarea{font-size:13px;}
p {margin:0;padding:0;}
hr {display:none}
a {color:#474747;text-decoration:none}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.placeholdersjs { color: #aaa !important; }


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1100px;height:0;z-index:99999;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}


#top_btn {position:fixed;bottom:50px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#333;background:#ddd;color:#333}


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

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:15px;font-weight:bold;text-align:center;text-decoration:none;line-height:170%}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}


/* 체크박스, 라디오버튼 이미지화 스타일 시작 */
/*
- 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;
}
#variableFiles input[type=checkbox] + label{float:right}

#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;
}
/* 체크박스, 라디오버튼 이미지화 스타일 끝 */


/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:13px;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:13px;line-height:170%}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:13px;color:#3598db;}
.new_win .frm_info{font-size:13px;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:13px;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url("../img/close_btn.gif") no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:13px;float:right}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:15px}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

#ctt_con pre{font-family: auto}


/* Mobile화면으로 */
#device_change {display:block;margin:10px auto;padding:15px 0;border:1px solid #eee;border-radius:20px;background:#fff;color:#000;font-size:14px;text-decoration:none;text-align:center; min-width:1100px;}