@charset "utf-8";

/* 상단 레이아웃 */
#hd {z-index:10;position:relative;min-width:1020px;padding:0 0 6px;background:url(../img/bg_head.png) repeat-x 0 100%}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;width:1020px;}
#hd_wrapper:after {content:'.';visibility:hidden;display:block;clear:both;height:0;}

#logo {float:left;margin:0;padding:25px 0 0;}
#logo img {vertical-align:top}
#logo h1{font-size:26px}
#logo h1 a{color:#333}

/* 전체 검색 */
#hd_sch {position:absolute;top:21px;right:0;margin:0;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:160px;height:28px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 10px;height:30px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

#tnb_wrapper {border-bottom:1px solid #c3c6ca;background:#3f4254}
#tnb {width:1020px;margin:0 auto;padding:0;text-align:right;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb ul{float:right}
#tnb li {float:left;margin:0;padding:0}
#tnb a {display:inline-block;padding:0;line-height:20px;letter-spacing:-0.03em;background:#f7f7f7}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb a:hover{background:#5184d6;color:#fff}
#tnb a span{display:inline-block;padding:5px 10px;border-right:1px solid #dde4e9;border-left:1px solid #fff;}
#tnb a.first{border-left:1px solid #dde4e9}
#tnb a.first span{border-left:0}
#tnb a.last {background:#5184d6;color:#fff;border-right:1px solid #4376c8}
#tnb a.last span{border:0;padding-left:22px;background:url(../img/star_on.png) no-repeat 7px 50%;font-weight:700}

/* 텍스트 크기 조절 */
#text_size {position:absolute;top:21px;left:340px;margin:0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* gnb js off */
#gnb {float:right;margin:0;padding:26px 34px 0 0;position:relative;}



/* 하단 레이아웃 */
#ft {min-width:1020px;border-top:1px solid #dde4e9;background:#f2f5f9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#ft_catch {position:relative;margin:0 auto;padding:14px 0;width:1020px;text-align:center;}
#ft_catch a{padding:0 12px;border-left:1px solid #ccc;font-weight:700}
#ft_catch a.first{border-left:0}
#ft_catch strong{color:#222}
#ft_catch .gotop {position:absolute;top:5px;right:0;width:24px;text-align:center;color:#444;line-height:100%}
#ft_catch .gotop i{font-size:24px;}
#ft_catch .gotop span{display:block;width:24px;font-family:verdana;font-size:10px;}
#ft_catch .gotop a{padding:0;border:0}

#ft_copy {background:#323440;border-top:1px solid #dde4e9;padding:10px 0}
#ft_copy .ft_wrap {position:relative;margin:0 auto;width:1020px;line-height:160%}
#ft_copy .ft_wrap:after {content:'.';visibility:hidden;display:block;clear:both;height:0;}
#ft_copy .ft_wrap span, #ft_copy .ft_wrap  strong, #ft_copy .ft_wrap  i {color:#b9bed6;padding:0 10px 0 0;font-style:normal;}
#ft_copy .ft_wrap  i {color:#7a7e94;}
#ft_copy .ft_wrap a {color:#b9bed6;padding:0 }
#ft_copy .ft_wrap .ft_banner {position:absolute;bottom:10px;right:0;}
#ft_copy .ft_wrap .ft_banner:after {content:'.';visibility:hidden;display:block;clear:both;height:0;}
#ft_copy .ft_wrap .ft_banner img{vertical-align:middle;margin:0 1px 0 0 }
#ft_copy .ft_wrap .ft_banner a{display:block;float:left}
#ft_copy .ft_wrap .ft_logo{float:left;margin-top:10px; padding:8px 0;border: #5a5d70 solid; border-width: 0 1px 0 0;}
#ft_copy .ft_wrap  .copyright{float:left;padding:10px 0;letter-spacing:0}
#ft_copy .ft_wrap .ft_logo img{vertical-align:top;margin-right:25px}
#ft_copy .ft_wrap strong{color:#fff}
#ft_copy .ft_wrap  .fa{font-size:13px;color:#e9eaed;padding:0 3px 0 0}

/* 화면낭독기 사용자용 */
#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:110px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

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

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:10px 35px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}


.mgr05{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}
.mgr35{margin-right:35px !important}
.mgr40{margin-right:40px !important}
.mgr45{margin-right:45px !important}
.mgr50{margin-right:50px !important}

.mgl05{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl35{margin-left:35px !important}
.mgl40{margin-left:40px !important}
.mgl45{margin-left:45px !important}
.mgl50{margin-left:50px !important}

.mgb05{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}
.mgb35{margin-bottom:35px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb55{margin-bottom:55px !important}
.mgb60{margin-bottom:60px !important}
.mgb65{margin-bottom:65px !important}
.mgb70{margin-bottom:70px !important}

.mgt05{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mgt45{margin-top:45px !important}
.mgt50{margin-top:50px !important}

.mgt-05{margin-top:-5px !important}
.mgt-10{margin-top:-10px !important}
.mgt-15{margin-top:-15px !important}
.mgt-20{margin-top:-20px !important}
.mgt-25{margin-top:-25px !important}
.mgt-30{margin-top:-30px !important}
.mgt-35{margin-top:-35px !important}
.mgt-40{margin-top:-40px !important}
.mgt-45{margin-top:-45px !important}
.mgt-50{margin-top:-50px !important}

.pdr05{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr15{padding-right:15px !important}
.pdr20{padding-right:20px !important}
.pdr25{padding-right:25px !important}
.pdr30{padding-right:30px !important}
.pdr35{padding-right:35px !important}
.pdr40{padding-right:40px !important}
.pdr45{padding-right:45px !important}
.pdr50{padding-right:50px !important}

.pdl05{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}
.pdl35{padding-left:35px !important}
.pdl40{padding-left:40px !important}
.pdl45{padding-left:45px !important}
.pdl50{padding-left:50px !important}

.pdb05{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:20px !important}
.pdb25{padding-bottom:25px !important}
.pdb30{padding-bottom:30px !important}
.pdb35{padding-bottom:35px !important}
.pdb40{padding-bottom:40px !important}
.pdb45{padding-bottom:45px !important}
.pdb50{padding-bottom:50px !important}

.pdt05{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}
.pdt35{padding-top:35px !important}
.pdt40{padding-top:40px !important}
.pdt45{padding-top:45px !important}
.pdt50{padding-top:50px !important}

.tac{text-align:center}
.tar{text-align:right}
.tal{text-align:left}
.ftl{float:left}
.ftr{float:right}
.ft_none{float:none;clear:both}
.wd05{width:5%}
.wd10{width:10%}
.wd15{width:15%}
.wd20{width:20%}
.wd25{width:25%}
.wd30{width:30%}
.wd35{width:35%}
.wd40{width:40%}
.wd45{width:45%}
.wd50{width:50%}
.wd55{width:55%}
.wd60{width:60%}
.wd65{width:65%}
.wd70{width:70%}
.wd75{width:75%}
.wd80{width:80%}
.wd85{width:85%}
.wd90{width:90%}
.wd95{width:95%}
.wd100{width:100%}

.dpb{display:block}
.dpinb{display:inline-block}
.ft13{font-size:13px !important}
.ft14{font-size:14px !important}
.ft15{font-size:15px !important}


.pd05{padding:5px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd25{padding:25px !important}
.pd30{padding:30px !important}
.pd35{padding:35px !important}
.pd40{padding:40px !important}
.pd45{padding:45px !important}
.pd50{padding:50px !important}

.mg05{margin:5px !important}
.mg10{margin:10px !important}
.mg15{margin:15px !important}
.mg20{margin:20px !important}
.mg25{margin:25px !important}
.mg30{margin:30px !important}
.mg35{margin:35px !important}
.mg40{margin:40px !important}
.mg45{margin:45px !important}
.mg50{margin:50px !important}

