.simg {background:url(./image/simg1.jpg) center top no-repeat; width:100%; height:150px; overflow:hidden; display:block;} .subContArea{width:100%; margin:0 auto; padding:0px;} #contents{width:1000px; margin:0 auto; text-align:left; position:relative;} /* aside > 좌측 메뉴 */ #sub_aside{float:left; width:170px; font-family:'나눔 고딕', Nanum Gothic; margin-top:30px; margin-right:40px } #sub_aside h1{font-size:32px; font-family:'나눔 고딕', Nanum Gothic; color:#645c59; font-weight:bold; line-height:66px; height:66px; } #sub_aside hr.po1{float:left; margin:0px 0px 10px 0px; padding:0px; width:30px; height:3px;display:block; border:0px; text-align:left;background:#ffcf00;} #sub_aside hr.base{float:left; margin:0px 0px 10px 0px; padding:0px; width:140px; height:3px;display:block; border:0px; text-align:left;background:#b2a9a2;} #sub_aside .aNav {width:170px; } #sub_aside .aNav li {vertical-align:top;margin-bottom:0px; position:relative; } #sub_aside .aNav li .arr{position:absolute; right:10px; top:0px; font-size:10px; } #sub_aside .aNav li a {display:block;height:36px; padding:0px 12px;border-top:1px solid #e5e5e5;font-size:13px;color:#4c4c4c;line-height:36px; letter-spacing:-1px; font-weight:bold; background:#fff;} #sub_aside .aNav li:first-child a {border-top:none;} #sub_aside .aNav li a.on,#sub_aside .aNav li a:hover.on { background:#ffd62b; color:#b25400;} #sub_aside .aNav li a:hover, #sub_aside .aNav li a:hover .arr{ color:#f09f00;} #sub_aside .aNav li a .arr{color:#a1a1a1;} #sub_aside .aNav li a.on .arr{color:#fff;} #sub_aside .aNav li li{border-bottom:0px;padding:0px 0px 0px 0px;} #sub_aside .aNav li ul{background:#f2f2f2;} #sub_aside .aNav li li:first-child{padding:5px 0px 0px 0px;} #sub_aside .aNav li li:last-child{padding:0px 0px 4px 0px;} #sub_aside .aNav li li a{list-style:none;font-size:12px;height:22px; letter-spacing:-1px;line-height:22px;padding:0px 5px 1px 15px;background:none; border-top:none;} #sub_aside .aNav li li a:hover, #sub_aside .aNav li li a.on {color:#cc2633;background:none;padding:0px 5px 1px 15px;} #sub_aside > ul > li.active{color:#4c4c4c;} #sub_aside > ul > li.active span.on{color:#903c39;} /* sub -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #sub_contents{float:left; width:745px; min-height:500px;padding:38px 0px 50px 44px; border-left:1px solid #e2e2e2;} .contents_tit {border-bottom:1px solid #dedede; height:60px;} .contents_tit .sub_Title{float:left;font-size:24px; font-family:'나눔 고딕', Nanum Gothic; color:#333; font-weight:bold; line-height:32px; padding-top:4px} .contents_tit .sub_Title span{color:#b2a9a2; font-size:11px; font-weight:normal; line-height:20px;} .contents_tit .sub_sitemap{float:right; font-size:12px; font-family:'나눔 고딕', Nanum Gothic; line-height:24px; color:#464644; padding-top:3px;} .contents_tit .sub_sitemap img{margin-top:5px; margin-right:5px;} .contents_tit .sub_sitemap span{padding:0 2px;} .contents_tit .sub_sitemap a:last-child {font-weight:bold;} .contents_box{padding:40px 5px 50px 5px; width:735px; text-align:justify; font-size:13px;color:#585858; letter-spacing:-0.5px; font-weight:500; line-height:170%;} .contents_box h2.tt1{margin-bottom:15px; font-weight:normal; font-size:22px;} .contents_box h2 {margin-bottom:15px; font-weight:bold; font-size:18px;} .contents_box h3{margin-bottom:7px; font-weight:bold; font-size:18px; color:#212121;} .contents_box h3.title {font-size:22px; color:#b2a9a2; font-weight:bold; letter-spacing:-1px; margin:0px 0px 10px 0px; line-height:140%;} .contents_box h4{margin-bottom:5px; font-weight:bold; font-size:16px; color:#b25400;} .contents_box hr {display:block; height:34px; margin:0px; padding:0px; border:0px; } .contents_box hr.h5 {display:block; height:5px; margin:0px; padding:0px; border:0px; } .contents_box hr.h25 {display:block; height:25px; margin:0px; padding:0px; border:0px; } .contents_box hr.none { display:block; height:15px; margin:0px; padding:0px; border:none; } .contents_box hr.part { display:block; height:5px; margin:26px 0px 18px 0px; padding:0px; border:none;background:url(./image/sub/bg_hrpart.gif) left center repeat-x; } .contents_box hr.bul {position:absolute; top:2px; left:0px; display:block; height:1px; width:14px; background:#b25400; margin:0px; padding:0px; border:0px; } .link_box{clear:both; width:100%; height:53px; margin-top:36px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; display:inline-block;} .link_box span{margin-left:12px; font-size:13px; font-family:'나눔 고딕', Nanum Gothic; line-height:50px;} .link_box span a{color:#4c4c4c;} .sub_tab {width:100%; overflow:hidden; margin-bottom:30px; } .sub_tab ul{padding:0px; margin:0px;} .sub_tab ul::after {clear:both; content:""; display:block;} .sub_tab li{list-style-type:none; float:left; display:inline;overflow:hidden; } .sub_tab li a{display:block; text-decoration:none;background:#faf9f7; border:1px solid #e2dfdb; margin:0px 0px 1px 1px; padding:12px 0px 12px 0px; font-size:14px; color:#666 !important; font-weight:normal; text-align:center;overflow:hidden; } .sub_tab li:first-child a, .sub_tab li.el a{ margin:0px 0px 1px 0px; } .sub_tab li a:hover{ text-decoration:none;border:1px solid #64645e; } .sub_tab li a.on {border:1px solid #f18317; background:#f3a400; font-size:15px;color:#fff !important; font-weight:bold;} .sub_tab h3 {font-size:24px; color:#268385; font-weight:bold; letter-spacing:-1px; margin:0px 0px 10px 0px;} .sub_tab .exp {margin:5px 0px 10px 0px; font-size:13px; color:#268385; } .tabCont {margin:30px 0px 30px 0px;} .contents_box dl.fl {border-top:1px solid #c5bdb8;border-bottom:1px solid #dddad7; background:#f9f9f9;} .contents_box dl.fl dt{clear:both; float:left; display:inline; width:125px; color:#b25400; padding:10px 0px 0px 10px;font-weight:bold;border-top:1px solid #e3e0dd;} .contents_box dl.fl dd{float:left; display:inline; width:580px;padding:10px 10px 12px 10px; border-top:1px solid #e3e0dd;} .contents_box dl.fl:after{display:block; content:""; clear:both;} .contents_box dl.fl2 { } .contents_box dl.fl2 dt{clear:both; float:left; display:inline; width:125px; color:#b25400; padding:10px 0px 0px 10px;font-weight:bold;} .contents_box dl.fl2 dd{float:left; display:inline; width:600px;padding:10px 0px 12px 0px;} .contents_box dl.fl2:after{display:block; content:""; clear:both;} .contents_box dl.flimg {} .contents_box dl.flimg dt{float:left; display:inline; width:250px; padding:10px 50px 0px 0px;} .contents_box dl.flimg dd{float:left; display:inline; width:425px;padding:15px 0px 12px 0px;} .contents_box dl.flimg:after{display:block; content:""; clear:both;} contents_box dl.flimg1 {} .contents_box dl.flimg1 dt{float:left; display:inline; width:300px; padding:10px 50px 0px 0px;} .contents_box dl.flimg1 dd{float:left; display:inline; width:375px;padding:15px 0px 12px 0px;} .contents_box dl.flimg1:after{display:block; content:""; clear:both;} .contents_box dl.flimg2 {} .contents_box dl.flimg2 dt{float:left; display:inline; width:300px; padding:15px 0px 0px 30px;} .contents_box dl.flimg2 dd{float:left; display:inline; width:390px;padding:10px 0px 12px 0px;} .contents_box dl.flimg2:after{display:block; content:""; clear:both;} .contents_box dl.flimg3 {} .contents_box dl.flimg3 dt{float:left; display:inline; width:340px; padding:10px 0px 0px 60px;} .contents_box dl.flimg3 dd{float:left; display:inline; width:335px;padding:10px 0px 12px 0px;} .contents_box dl.flimg3:after{display:block; content:""; clear:both;} #showcase_s1{position:relative; width:340px; height:410px; overflow:hidden; } #showcase_s1 .showcase-onepage .showcase-content{} #showcase_s1 .showcase-arrow-previous, #showcase_s1 .showcase-arrow-next{width:30px; height:30px; position:absolute; z-index:10; top:190px; background:url('./image/prev_next.png') 0px 0px no-repeat; cursor:pointer;} #showcase_s1 .showcase-arrow-previous{left:0px;background-position:0 -33px;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-o-transition:opacity 0.1s;transition:opacity 0.1s;} #showcase_s1 .showcase-arrow-next{right:0px;background-position:-33px -33px; opacity:0.5;filter:alpha(opacity=50);-webkit-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-o-transition:opacity 0.1s;transition:opacity 0.1s;} #showcase_s1 .showcase-arrow-previous:hover {background-position:0 -33px;opacity:0.9;filter:alpha(opacity=90);-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;} #showcase_s1 .showcase-arrow-next:hover {background-position:-33px -33px;opacity:0.9;filter:alpha(opacity=90);-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;} .contents_box dl.flimg .samimg {width:250px; height:160px; display:block; background:#eae8e6; line-height:160px;text-align:center;} .contents_box dl.flimg2 .samimg {width:210px; height:260px; display:block; background:#f0eeed; line-height:260px;text-align:center;} ul.bul li {background:url(./image/bul_list2.gif) 1px 9px no-repeat; padding-left:9px; margin:3px 0px;} ul.bul2 li {background:url(./image/bul_list.gif) 1px 10px no-repeat; padding-left:9px; margin:8px 0px 6px 0px;} ul.bul2 li strong {margin-right:3px;} table.tbl01 {margin-bottom:8px;} table.tbl01 th{background:#8c7b6f; color:#fff; padding:7px; text-align:center;border-top:1px solid #7c6a5c; border-bottom:1px solid #7c6a5c; border-left:1px solid #7c6a5c; } table.tbl01 th:first-child {border-left:none;} table.tbl01 th.sec{border-bottom:1px solid #837062;border-top:none; border-left:1px solid #837062;background:#9e8e83; color:#fff; padding:8px; text-align:center;} table.tbl01 th.sec:first-child {border-left:none;} table.tbl01 td{border:1px solid #dedede; padding:7px; text-align:center; border-left:1px solid #dedede;} table.tbl01 td:first-child {border-left:none;} table.tbl01 td.sth {background:#f6f6f6; color:#212121; font-weight:700;} table.tbl01 td.sth2 {background:#f9f9f9; color:#353535;} table.tbl01 td.sth3 {background:#fdf6e4; color:#353535; font-weight:700;} table.tbl01 tr.str {background:#fdf6e4; color:#353535; font-weight:700;} table.tbl01 a{color:#4c4c4c; } table.tbl01 td.bl{border-left:1px solid #dedede !important;} ul.none li {list-style-type:none; padding:0px; margin:8px 0px 11px 0px; line-height:150%;background:url(./image/bul_list.gif) 3px 8px no-repeat; padding-left:11px !important;} ul.fl{overflow:hidden;padding:10px 0;border-top:1px solid #b3b3b3;border-bottom:1px solid #e6e6e6;} ul.fl::after {display:block;visibility:hidden;clear:both;content:""} ul.fl li{overflow:hidden;padding:6px 0;} ul.fl li em{display:inline-block;width:145px; color:#6f6755; font-weight:bold; vertical-align:top;} ul.fl li span{display:inline-block;width:590px; color:#212121;} .ready {text-align:center; padding:00px 0px 100px 0px; font-size:20px;color:#555; position:relative; line-height:200%; letter-spacing:-1px;} .ready strong {color:#67739a;font-size:24px; } .ready .btnBack {position:absolute; left:50%; width:200px; height:24px; margin-left:-100px; margin-top:15px; } .ready .btnBack a{display:block; width:200px; height:24px; line-height:24px; font-size:12px; color:#fff; text-align:center; background:#67739a; letter-spacing:0px; } .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mt30 {margin-top:30px !important;} .mr25 {margin-right:25px !important;} .mr35 {margin-right:35px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .prpl10 {padding:0px 10px !important;} .p10 {padding:10px !important;} .p30 {padding:30px !important;} .lh200 {line-height:220%;} .ls1 {letter-spacing:-0.5px;} .ls2 {letter-spacing:-1px;} .ls3 {letter-spacing:-0.7px;} .fs1 {font-size:18px !important;} .fs2{font-size:14px !important; line-height:185%;} .wid181 {width:181px !important;} .btnone {border-top:none !important;} .pott {color:#212121 !important;} .pott1 {color:#2367b4 !important;} .pott2 {color:#09a29b !important;} .pott3 {color:#f15424 !important;} .pott4 {color:#99816f !important;} .pott5 {color:#b25400 !important;} .pott6 {color:#e5a723 !important;} .pos_rel {position:relative; padding:9px 0px 0px 0px;} .bdbox {border:1px solid #dddad7; background:#f9f9f9;} .imgB{margin:10px 0 50px 0;} .t_center{text-align:center;}