@charset "utf-8";
/* CSS Document **/

/* Common */
* {margin:0; padding:0; font-family:"굴림", Gulim, Verdana, Sans-serif;}
html,body {height:100%;}

/* body 공통 속성 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:13px;line-height:1.267em}
body{position:relative;}
table{border-collapse:collapse}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}

/* 하이퍼링크 초기화 */
a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus {}

/* Layout */
.mT5 {margin-top:5px;}
.mR7 {margin-right:7px;}
.mL7 {margin-left:7px;}
.mL20 {margin-left:20px;}
.mT30 {margin-top:30px;}
.mB60 {margin-bottom:60px;}
.ta_C {text-align:center;}


/* 레이아웃 큰박스 속성 */
#wrap {clear:both; width:100%;}
#header {float:left; width:94%; padding:10px 3%; height:45px; background:#fff;}
#main_contents {float:left; width:94%; padding:15px 3% 20px; background:url(/mobile/images/basic/main/main_bg.gif) center center;}
#contents {float:left; width:100%;}
#footer {clear:both; width:100%; height:80px; padding:26px 0 15px; background:#232323;}

#header h1 {float:left; width:50%;}
#header .btn_allmenu {float:right; margin-top:13px; padding:5px 7px; text-align:right; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: -moz-linear-gradient(top, #fff, #f6f6f6); border:1px solid #c4c4c4; color:#41454c; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#header .btn_allmenu img {vertical-align:middle; margin-right:7px;}

.box {clear:both; padding-left:2.4%; width:97.6%; *zoom:1;}
.box:after {content:""; display:block; clear:both;}
.box .box_w {float:left; width:31.1%; margin-top:1.5%; margin-right:1.5%; background:#fff url(/mobile/images/basic/main/box_w_bg.png) bottom right no-repeat; border:1px solid #daeaee; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:1px 1px 1px #9bacb0;}
.box .box_b {float:left; width:31.1%; margin-top:1.5%; margin-right:1.5%; background:#0081c0 url(/mobile/images/basic/main/box_b_bg.png) bottom right no-repeat; border:1px solid #7f8f97; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:1px 1px 1px #758085;}
.box .box_w dt, .box .box_b dt {clear:both; width:100%; padding:5px 0 0; text-align:center;}
.box .box_w dd, .box .box_b dd {clear:both; width:100%; height:30%; margin-bottom:15px; text-align:center;}

#footer .footer_bt { position:absolute; left:50%; margin-left:-37%; width:80%; display:block;}
.footer_bt .ft_btn {clear:both; margin:0 auto; text-align:center;}
.footer_bt .ft_btn span {display:inline-block; padding:3px 10px; background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#393939)); background: -moz-linear-gradient(top, #4b4b4b, #393939); border:1px solid #30302f; color:#c9c9c9; text-shadow:0 0 1px #252525; letter-spacing:-1px;}
.footer_bt .clause {clear:both; padding-top:15px; color:#45484d; text-align:center;}
.footer_bt .clause a {margin:0 5px; font-size:12px; color:#989898;}
.footer_bt .copyright {margin-top:5px; font-size:11px; color:#989898; text-align:center;}

#navi { width:100%; height:40px; background:url(/images/kor01-14-0033/mobile/menu_bar.gif) repeat-x;}
#navi ul li {float:left; background:url(/images/kor01-14-0033/mobile/m_menu_line.gif) right 7px no-repeat; cursor: pointer; display: block; height:40px; line-height: 40px; overflow: hidden; text-align: center; width: 25%;}
#navi ul li.line_off {background:none}
#navi ul li a { font-size: 1.1em; font-weight: bold; color: #fff;}
#navi ul li.on {color: #fff; background:#0352a7}

#sub_menu {position:relative; clear:both;width:100%;height:35px; background:#eeeeee}
#sub_menu li{ float:left; display:block; overflow:hidden; padding:0 1.2em; height:35px; line-height:35px;text-align:center; }
#sub_menu li a{font-size:.9em; font-weight:normal; color:#a1a1a1}
#sub_menu li.on a{color:#000; font-weight:bold}

/* #contents h2 {width:100%; height:35px; padding-top:10px; background:url(/mobile/images/basic/sub/tit_bg.gif) right center repeat-x; font-size:20px; text-align:center; color:#fff; letter-spacing:-1px;} */
#contents h2 {width:100%; height:40px; padding:12px 0 0 10px; font-size:20px; color:#424242; background:none; border-bottom:1px solid #d9d9d9;}

.s_txt {width:94%; padding:30px 3% 0;}
.s_txt dt {font-size:16px; color:#0062aa; font-weight:bold; letter-spacing:-1.5px; line-height:20px;}
.s_txt dd {margin-top:10px; font-size:14px; color:#666; letter-spacing:-1px; line-height:20px;}
.s_txt dd .ls_0 {letter-spacing:0;}
.s_txt2 {width:94%; padding:0 3% 25px;}
.s_txt2 dt {margin-top:20px; padding-left:9px; background:url(/mobile/images/basic/sub/icon_dot.gif) left 5px no-repeat; font-size:14px; color:#71b948; font-weight:bold; letter-spacing:-1px;}
.s_txt2 dd {margin-top:10px; font-size:12px; color:#666; letter-spacing:-1px; line-height:18px;}
.s_txt2 dd .ls_0 {letter-spacing:0;}
.s_img1 {width:100%; height:180px; background:url(/mobile/images/basic/sub/sub1_img.gif) top center no-repeat;}
.s_img2 {width:100%; height:218px; background:url(/mobile/images/basic/sub/sub2_img.gif) top center no-repeat;}
.map {width:94%; padding:30px 3% 0;}
.transfer {width:94%; padding:30px 3% 15px;}
.transfer li {clear:both; width:100%; padding:10px 0; border-top:1px dotted #b2b2b2; *zoom:1;}
.transfer li:after {content:""; display:block; clear:both;}
.transfer li p {float:left; width:80px;}
.transfer li dl {float:right; width:72%; margin-top:5px;}
.transfer li dl dt {font-size:14px; font-weight:bold; color:#71b948;}
.transfer li dl dd {margin-top:5px; font-size:12px; color:#7e7e7e; line-height:18px;}

.i_txt {width:94%; padding:10px 3% 15px;}
.i_txt li {clear:both; width:100%; padding:18px 0 15px; border-top:1px dotted #b2b2b2; *zoom:1;}
.i_txt li:after {content:""; display:block; clear:both;}
.i_txt li.first {border-top:none;}
.i_txt li p {float:left; width:24%; padding-left:2%;}
.i_txt li dl {float:right; width:69%;}
.i_txt li dl dt {font-size:16px; font-weight:bold; color:#0062aa;}
.i_txt li dl dd {margin-top:10px; font-size:14px; color:#666; line-height:20px;}

.s_box {width:68%; height:81px; padding:15px 0 7px 25%; background:url(/mobile/images/basic/sub/sub6_img1.gif) 5% 20px no-repeat; margin:30px 3% 0; border:1px solid #d3d3d3; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:1px 1px 0 #e5e5e5; font-size:14px; color:#666; line-height:25px;}
.s_box dt {clear:both; float:left; padding-left:9px; background:url(/mobile/images/basic/sub/icon_dot2.gif) left 50% no-repeat; font-weight:bold; letter-spacing:-1px;}
.s_box dd {float:left; margin-left:5px;}

.notice {clear:both; width:100%;}
.notice li {width:94%; padding:15px 3% 15px; text-align:center; border-bottom:1px solid #d8d8d8; font-size:14px; color:#666; font-weight:bold;}
.notice li dl {width:100%; background:url(/mobile/images/basic/sub/btn_go.gif) right 10px no-repeat; *zoom:1;}
.notice li dl:after {content:""; display:block; clear:both;}
.notice li dl dt {width:90%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
.notice li dl dd.name {padding-right:10px; border-right:1px solid #ddd; float:left; font-size:12px; color:#959595; font-weight:normal;}
.notice li dl dd.date {padding-left:10px; float:left; font-size:12px; color:#959595; font-weight:normal;}
.btn {width:94%; padding:20px 3% 15px;}
.btn_cancel {float:right; padding:5px 8px; text-align:center; background: webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:12px; color:#333;}
.btn_write {float:right; padding:7px 15px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#319fdf), to(#1585c4)); background: -moz-linear-gradient(top, #319fdf, #1585c4); border:1px solid #1377c1; font-size:14px; color:#fff; font-weight:bold;}

.paging {clear:both; width:94%; padding:40px 3% 15px; text-align:center; color:#888;}
.paging img {vertical-align:middle;}
.paging span {padding:0 1px;}
.paging .on {color:#333; font-weight:bold;}

.search {clear:both; width:94%; padding:20px 3% 60px; text-align:center;}
.search select {height:32px;}
.form_search {height:30px; padding-left:7px;}
.btn_search {margin-left:1px; padding:7px 15px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333;}

.tab {clear:both; width:96%; margin-bottom:10px; border-bottom:1px solid #bcbcbc; padding:30px 3% 0; *zoom:1;}
.tab:after {content:""; display:block; clear:both;}
.tab li {float:left; width:24.3%; padding:9px 0 8px; background:#f2f2f2; border:1px solid #bcbcbc; border-left:none; border-bottom:none; font-size:13px; color:#666; text-align:center;}
.tab li.first {border-left:1px solid #bcbcbc;}
.tab li.selected {background:#fff; color:#000;}

.clause_txt {clear:both; width:90%; padding:30px 5%; font-size:14px; color:#666; line-height:20px;}
.tip {clear:both; width:94%; padding:30px 3%; font-size:12px; color:#999; text-align:center; line-height:20px;}

.login_box {width:80%; margin:30px 5% 0; padding:15px 5%; background:#f0f0f0; border:1px solid #c7cacb; *zoom:1;}
.login_box:after {content:""; display:block; clear:both;}
.input_area {float:left; width:59%; text-align:right;}
.input_area input {width:95%; height:30px; padding-left:5%; background:#fff; border:1px solid #e5e5e5; font-size:14px; color:#666; font-weight:bold;}
.login_btn {width:98px; float:right;}
.login_box .check {clear:both; display:block; padding-top:10px; font-size:14px; color:#767676; letter-spacing:-1px;}
.login_box .check input[type="checkbox"] {vertical-align:-2px; margin-right:5px;}
.login_txt {width:80%; margin:0 5%; padding:10px 5%; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #c7cacb; border-top:none; font-size:12vpx; color:#999; text-align:center;}

/*board*/
.board { padding:15px 0 0 0; background-color:#f1f1f1; }
.board_name { height:35px; padding:0 10px 10px 10px; }
.board_left { float:left; font-weight:bold; padding-top:3px; font-size:1.3em; }
.board_right { float:right; }
.board table { border-collapse:collapse; background-color:#fff; width:100%; }
.board th { border-bottom:1px solid #ababab; border-top:1px solid #ababab;  border-right:1px dotted #ababab; padding:10px 7px 10px 7px; line-height:24px; font-size:1.2em; background-color:#fcfcfc; }
.board td.b { border-bottom:1px solid #ababab; border-top:1px solid #ababab; padding:10px 7px 10px 7px; background-color:#f2f2f2; }
.board td.view { border:0; padding:10px; line-height:24px; font-size:1.2em; }
.board td.view_end { border:0; padding:10px; line-height:24px; font-size:1.2em; border-bottom:2px solid #000; }
.board td { border-bottom:1px solid #ababab; border-top:1px solid #ababab; padding:10px; line-height:24px; font-size:1.2em; }
.board td.viewtitle { border-bottom:2px solid #000; border-top:1px solid #ababab; padding:10px; line-height:24px; font-size:1.2em; }
.board td.right { border:0px; padding:10px 10px 0 10px; line-height:24px; text-align:right; color:#cccccc; }
.board_notice { color:#2892ff; }
.board_write_name { font-size:0.87em; font-weight:bold; color:#737373; }
.board_date { font-family:verdana; font-size:0.85em; color:#959595; }
.pagenate { padding:15px 0 10px 0; text-align:center; }
.pagenate a { padding:3px 6px 5px 6px; xborder:1px solid #cccccc; color:#4a4a4a; font-weight:bold; font-family:verdana; margin:0 2px 0 2px; font-size:0.85em; }
.pagenate a.on { background-color:#2892ff; border:1px solid #0067d1; color:#fff; }
.search { text-align:center; padding-top:10px; padding-bottom:10px; }
.form_search { border:1px solid #cdcdcd; width:120px; height:16px; }
.form_title { border:1px solid #cdcdcd; width:200px; height:20px; font-size:0.9em; }
.form_textarea { border:1px solid #cdcdcd; height:70px; width:100%; font-size:0.9em; }
.btn_layout { text-align:center; padding:10px; }
.coment { background-color:#000; color:#fff; padding:3px; border:0; font-weight:bold; font-size:0.8em }
.form_number {border:1px solid #cdcdcd; width:30px; height:16px; font-size:0.9em; }
.form_mail {border:1px solid #cdcdcd; width:40px; height:16px; font-size:0.9em; }
.form_id {border:1px solid #cdcdcd; width:70px; height:16px; font-size:0.9em; }
.form_pw {border:1px solid #cdcdcd; width:65px; height:16px; font-size:0.9em; }

/*tab*/
.tab_menu { overflow:hidden; width:100%; background:url(../images/bg_tab.gif) repeat-x 0 100% ; font-family:verdana;}
.tab_menu li { _display:inline; float:left; margin-right:-1px; border:1px solid #d4d4d4; color:#333; list-style:none; }
.tab_menu li a { display:block; _float:left; height:20px; padding:9px 10px 0 11px; color:#666; text-decoration:none }
.tab_menu li a:hover { background:#f4f4f4; color:#333 }
.tab_menu li.selected { border-bottom:1px solid #f4f4f4; background:#fff }
.tab_menu li.selected a { color:#333; font-weight:bold; letter-spacing:-1px }

/*btn*/
.btn_list_prev {background:url(../images/btn_prev.gif) no-repeat 0 7px; width:29px; height:36px; padding-top:10px;  border:0;} 
.btn_list_next {background:url(../images/btn_next.gif) no-repeat 0 7px;  width:29px; height:36px; padding-top:10px; border:0;}
.btn_list_first {background:url(../images/btn_prev1.gif) no-repeat 0 7px;  width:34px; height:36px;padding-top:10px; border:0;}
.btn_list_last {background:url(../images/btn_next1.gif) no-repeat 0 7px; width:34px; height:36px; padding-top:10px; border:0; }
.blind {display:none;}

.board_del { padding:20px; text-align:center; background-color:#f2f2f2; height:250px; }