@charset "utf-8";
/* HUMANUILAB Web Standard 1Team KH 121119 */

html,body{background-color:#fff;}
#container{padding-bottom:50px;}
#content{width:100%; margin:0; padding:0;}
.container_bg_area{position:absolute; top:192px; z-index:1; width:100%; height:77px; border-bottom:1px solid #d4d4d4; *zoom:1;}
.container_bg_area:after {display:block; clear:both; content:"";}
.container_bg_area .bg_lft{float:left; width:50%; height:100%;}
.container_bg_area .bg_rgt{float:right; width:49.9%; height:100%;}

.ad_left{top:0;}
.ad_right{top:0;}

/* page_title */
.page_tit_area dl dt p {width:87px; background-position:-237px -42px;}

/* findmap */
.form_findmap * {font-family:'Dotum', serif;}
.form_findmap {position:relative; height:530px; padding:40px 0 0 410px; border:1px solid #000000; border-radius:0px;}
.form_findmap .map {position:absolute; left:96px; top:60px; width:225px; height:359px; background:url(/_design/m1/img/findmap_map_img.gif) no-repeat;}
.form_findmap .map ul {position:relative; width:198px; height:314px;}
.form_findmap .map li {position:absolute; width:15px; height:9px;}
.form_findmap .map li a {display:block; cursor:pointer; width:22px; height:15px; text-align:center; background:rgba(0,0,0,0.0);}
.form_findmap .map li span {display:block; visibility:hidden; font-size:1px; color:#fff;}
.form_findmap .map .area01 {left:60px; top:66px;}		/* 서울 */
.form_findmap .map .area02 {left:84px; top:83px;}		/* 경기 */
.form_findmap .map .area03 {left:56px; top:139px;}		/* 충남 */
.form_findmap .map .area04 {left:85px; top:154px;}		/* 대전 */
.form_findmap .map .area05 {left:108px; top:118px;}		/* 충북 */
.form_findmap .map .area06 {left:70px; top:199px;}		/* 전북 */
.form_findmap .map .area07 {left:52px; top:243px;}		/* 광주 */
.form_findmap .map .area08 {left:55px; top:270px;}		/* 전남 */
.form_findmap .map .area09 {left:142px; top:56px;}		/* 강원 */
.form_findmap .map .area10 {left:164px; top:148px;}	/* 경북 */
.form_findmap .map .area11 {left:154px; top:190px;}	/* 대구 */
.form_findmap .map .area12 {left:196px; top:210px;}	/* 울산  */
.form_findmap .map .area13 {left:132px; top:228px;}	/* 경남 */
.form_findmap .map .area14 {left:181px; top:240px;}	/* 부산 */
.form_findmap .map .area15 {left:36px; top:339px;}		/* 제주 */

.form_findmap .tit {height:30px; line-height:30px; padding-left:30px; font-size:20px; font-weight:bold; letter-spacing:-2px; color:#444; background:url(../img/icon_reading02.png) no-repeat 0 3px;}
.form_findmap .tit b {font-size:20px; color:#000000;}

.form_findmap .select_box { width: 509px; padding-top: 17px; *zoom: 1; z-index: 100;}
.form_findmap .select_box:after { display: block; clear: both; content: "";}
.form_findmap .select_box a { font-size: 12px; color: #3b3736; text-decoration: none;}
.form_findmap .select_box p { position: relative; border: 1px solid #dad9d9;}
.form_findmap .select_box p a { display: block; width: 229px; height: 29px; padding: 0 10px; line-height: 29px;}
.form_findmap .select_box p span { position: absolute; right: 10px; top: 12px; display: block; width: 7px; height: 4px; background: url(/_design/m1/img/etc_icon.png) no-repeat -404px -65px;}
.form_findmap .select_box ul { position: absolute; left: 0; top: 29px; width: 249px; background: #fff; border: 1px solid #dad9d9; border-top: 0; z-index: 100;}
.form_findmap .select_box li a { display: block; height: 20px; padding: 0 10px;}
.form_findmap .sch_place { position: relative; float: left; width: 251px;}
.form_findmap .sch_area { position: relative; float: right; width: 251px;}
.form_findmap .select_box select {height:30px; width:100%;}


.form_findmap .input_box {position:relative; width:509px; padding-top:10px; z-index:90;}
.form_findmap .input_box input {width:487px; height:36px; line-height:36px; padding:0 10px; font-size:14px; color:#333; border:1px solid #ddd; border-radius:3px; background:#ddd;}
.form_findmap .input_box input:hover,
.form_findmap .input_box input:focus {background:#fff;}
.form_findmap .input_box a {position:absolute; right:0; bottom:0; display:block; width:38px; height:38px; text-align:center;}
.form_findmap .input_box a span {display:inline-block; width:18px; height:18px; margin-top:10px; background:url(/_design/m1/img/cscenter_search_bt.png) no-repeat; vertical-align:top; cursor:pointer;}
.form_findmap .input_box a:hover span {background-position:0 -18px;}
.form_findmap .input_box a span span {display:none; visibility:hidden; width:18px; height:18px; font-size:1px;}


.form_findmap .desc {position:relative; margin-top:10px; font-size:12px; color:#606060; z-index:80;}
.form_findmap .desc i {padding-left:10px; font-size:12px; color:#000000; font-style:normal; text-decoration:underline;}

.dont_worry {width:509px; height:100px; margin-top:34px; background:url(/_design/m1/img/etc_icon.png) no-repeat left -499px; z-index: 70;}

.ex_txt {width:509px; margin-top:35px; border-radius:0px; overflow:hidden;}
.ex_txt .t1 {width:429px; padding:15px 0 15px 80px; background:#FEE010 url(../img/question_mark01.png) no-repeat 14px 18px;}
.ex_txt .t1 dt {line-height:18px; font-size:14px; color:#000; font-weight:bold; letter-spacing:-0.03em;}
.ex_txt .t1 p {margin-top:6px; line-height:18px; font-size:12px; color:#000;}
.ex_txt .t1 span {line-height:15px; font-size:11px; color:#000;}
.ex_txt .t2 {width:479px; padding:15px; background:#eee; *zoom:1;}
.ex_txt .t2:after {display:block; clear:both; content:"";}
.ex_txt .t2 dt {float:left; position:relative; margin-right:13px;}
.ex_txt .t2 dt img {border:1px solid #000000;}
.ex_txt .t2 dt span {position:absolute; left:0; top:0; display:block; width:70px; height:22px; line-height:22px; text-align:center; font-size:11px; color:#fff; background:rgba(237,68,68,0.8); .background:#000000;}
.ex_txt .t2 dd {float:left;}
.ex_txt .t2 dd p {padding-top:3px; line-height:20px; font-size:16px; font-weight:bold; color:#000000;}
.ex_txt .t2 dd span {display:block; margin-top:10px; line-height:17px; font-size:11px; letter-spacing:-0.03em; color:#333;}
.ex_txt .t2 dd a {color:#000; text-decoration:underline;}
.ex_txt .t2 dd a:hover {color:#000000;}

.tb_map * {font-family:'Dotum', serif;}
.tb_map {width:100%;}
.tb_map th,
.tb_map td,
.tb_map a {font-size:12px; color:#444; text-align:center;}
.tb_map th {height:59px; border-bottom:2px solid #000;}
.tb_map td {padding:13px 0; border-bottom:1px solid #dad9d9;}
.tb_map td.al {padding-left:10px; text-align:left;}
.tb_map .num {display:inline-block; width:22px; height:18px; color:#fff; font-weight:bold; line-height:18px; background:#aaa; border-radius:0px;}
.tb_map .show {display:inline-block; width:64px; height:18px; line-height:18px; font-size:11px; letter-spacing:-1px; color:#fff; background:#999; border-radius:0px; text-decoration:none; cursor:pointer;}
.tb_map .show:hover {background:#3B3737;}


.paging_area * {font-family:'Dotum', serif !important; font-size:12px !important;}
.paging_area {position:relative; height:41px; margin-top:30px; text-align:center; border-radius:0px; background:#eee;}
.paging_area .total {position:absolute; left:15px; top:0; line-height:40px; font-size:12px; color:#3c3638;}
.paging_area .total b {font-size:15px; color:#000000;}
.paging2 {padding-top:9px; text-align:center; text-align:center;}
.paging2 {margin:0 1px;}
.paging2 a {display:inline-block; min-width:15px; max-width:auto; height:23px !important; line-height:23px; padding:0 5px; margin:0 1px; vertical-align:top; font-size:11px; text-align:center; color:#555; border-radius:0px; border:0 !important; text-decoration:none !important;}
.paging2 a:hover {background:#fff;}
.paging2 .selected {width:auto !important; color:#fff !important; background:#3B3737 !important;}
.paging2 a span {display:inline-block; height:7px; margin-top:8px; vertical-align:top; background:url(/_design/m1/img/paging_arr.png) no-repeat -1000px 0;}
.paging2 .fst {width:8px; background-position:-9px -8px;}
.paging2 .prv {width:4px; background-position:-36px -8px;}
.paging2 .nxt {width:4px; background-position:-60px -8px;}
.paging2 .lst {width:8px; background-position:-83px -8px;}



/* layer popup */
.layer * {font-family:'Dotum', serif}
/*.layer {width: 520px; border:3px solid #000000; border-radius:0px; background:#000000; overflow:hidden;}*/
.layer {width: 495px; border:3px solid #000000; border-radius:0px; background:#000000; overflow:hidden;}
.layer dt {height:40px; line-height:38px; font-size:16px; text-indent:15px; color:#fff;}
.layer dd {position:relative; padding:25px 22px 25px; background:#fff;}
.layer .tit {padding-bottom:18px;}
.layer .tit p {line-height:20px;}
.layer .tit .name {font-size:15px; font-weight:bold; color:#444;}
.layer .tit .add {font-size:12px; color:#666;}
.layer .layer_tab {padding-top:5px; *zoom:1;}
.layer .layer_tab:after {display:block; clear:both; content:"";}
.layer .layer_tab li {float:left; padding-right:3px;}
.layer .layer_tab li a {display:block; width:42px; height:23px; line-height:21px; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; color:#fff; background:#ccc; border-radius:0px;}
.layer .layer_tab li a.on,
.layer .layer_tab li a:hover,
.layer .layer_tab li a:focus {background:#000000;}
.layer .img {height:500px; width:450px!important; margin-top:15px; overflow-y:auto; overflow-x:auto; text-align:center;}
.layer .img img {width:450px;}

.layer button {position:absolute; right:15px; top:-28px; display:block; width:13px; height:13px; background:url(/_design/m1/img/layer_close.png) no-repeat; cursor:pointer;}
.layer button span {display:block; visibility:hidden; width:13px; height:13px; font-size:1px;}