@charset "utf-8";

/*상단 로딩바*/
/*.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; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
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;}

/* 팝업레이어 */
#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_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}


/* 텍스트 크기 조절 */
#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}


/* 새창 기본 스타일 */
.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}

#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%}

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


/*  Sub Middle Menu */
/* 서브메뉴-현재위치 메뉴 */
.submenuwrapper{width:100%; background:#027d50;    }
.submenuwrap{position:relative;width:1100px;min-width:1100px; height:50px;  margin:0 auto;  ; z-index:9998;}
.submenulocation{position:relative; margin:0 auto;}
.submenu{position:relative;}
.submenu > li{ float:left;font-size:16px;display:inline-block; height: 50px;line-height: 50px;padding: 0 20px;}
.submenu > li a{color:#fff}
.locationhome{border:1px solid #fff; border-top:0; border-bottom:0; width:150px;}
.locationhome i{color:#fff;}
.locationdepth1{font-size:14px; color:#fff; width:215px; border-right:1px solid #fff; text-align:left;}
.locationdepth2{ font-size:14px; width:250px; border-right:1px solid #fff; position:relative; text-align:left;}
.locationdepth2>a{overflow:hidden; max-width:185px; color:#126c32;}
.locationdepth2>a.on{color:#ffff00; display:block; font-weight:600;}
.locationdepth2>a span{position:absolute; right:15px;}
.locationdepthdrop2{position:absolute; width:255px;  left:-2px; top:50px;  }
.locationdepthdrop2 li{width:99%; padding:0px;border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca;  background:#fff; }
.locationdepthdrop2 li a{ font-size:13px; color:#666; padding-left:10px;}
.locationdepthdrop2 li a:hover{color:#000;}



.h1{font-size:24px;}
.h2{font-size:20px;}
.h2:before{vertical-align:0px;}
.h3{font-size:17px;}
.h3:before{vertical-align:0px;}


/* 불릿기호 리스트 */
.ul1{}
.ul1 > li{padding-left:20px; margin:5px 0;background:url("/theme/basic/img/pub/ul1_li.png") 10px 10px no-repeat;}
.ul1 li ul li strong{margin:10px 0 5px;}

.ul2{}
.ul2 li{position:relative; padding-left:10px; margin:5px 0;background:url("/theme/basic/img/pub/ul2_li.png") 0px 10px no-repeat;}

.ul3{}
.ul3 li{position:relative; padding-left:10px; margin:5px 0;}