.subimg {position:absolute;left:50%; margin-left:-960px; width:1920px; height:320px; display:block; overflow:hidden;z-index:-1;} .subimg .simgTxt{ background:url(/layouts/default/image/simg_txt.png) right 0px no-repeat; position:absolute; top:180px;right:50%; width:500px;height:110px;margin-right:-500px; text-indent:-99999px;z-index:10;} #contents {margin-top:270px; } #sideArea{float:left;width:200px; margin:0px 50px 0px 0px;padding:0px;} #sideArea h2{font-style:none;background:#004d42; padding:0px 0px 0px 36px; height:80px;color:#fff; font-family: 'nanum-square-r'; font-weight:normal; font-size:30px; line-height:80px; letter-spacing:-2px; } #sideArea .smArea {background:url(/layouts/default/image/side_bg.jpg) left bottom no-repeat #004d42;padding:0px 0px 160px 20px;} #sideArea ul.submenu {margin:0px 0px 0px 0px; padding:0px; } #sideArea ul.submenu:after {clear:both; content:''; display:block;} #sideArea ul.submenu li{overflow:hidden;list-style-type:none; padding:0px; } #sideArea ul.submenu li a.st1{display:block;margin:0px; height:48px; padding:0px 10px 0px 18px; line-height:48px; font-size:16px;font-family: 'nanum-square-r'; letter-spacing:0px; color:#fff;} #sideArea ul.submenu li a.st1:hover{ color:#6da099; background:#002e27; } #sideArea ul.submenu li a.st1.on{ color:#fff; background:#b49c70;} #sideArea ul.submenu li a.st2{display:block;margin:1px 0px 1px 0px; height:38px; padding:0px 14px 0px 32px; line-height:38px; font-size:14px;border:1px solid #e5e0db;letter-spacing:-0.5px;letter-spacing:-1px; text-align:left;color:#5e4b45;background:url(/layouts/default/image/i_smbul_off.gif) 16px 19px no-repeat #f1efed;} #sideArea ul.submenu li a.st2:hover{ background:url(/layouts/default/image/i_smbul_off.gif) 16px 19px no-repeat #e5e0db;border:1px solid #e5e0db;} #sideArea ul.submenu li a.st2.on{ color:#fff; background:url(/layouts/default/image/i_smbul_on.gif) 16px 19px no-repeat #7e6f6a; border:1px solid #7e6f6a;} #subContents {float:left;width:850px; overflow:hidden; margin-top:0px; font-size:14px; line-height:200%; letter-spacing:-1px; text-align:justify; } #subContents h2.tit{margin:0px 0 30px 0px; color:#004d42; font-family: 'nanum-square-b'; font-weight:normal; font-size:44px; line-height:50px; text-align:left; letter-spacing:-1px; } #subContents h2.tit span{padding-right:55px; background-color:#fff;} #subContents h3.tit{margin:10px 0 0px 0px; color:#e76700; font-family: 'nanum-square-b'; font-weight:normal; font-size:20px; line-height:34px; text-align:left; letter-spacing:-1px;} #subContents .poTit{margin:10px 0 0px 0px; color:#006a5b; font-family: 'nanum-square-r'; font-weight:normal; font-size:28px; line-height:38px; text-align:justify; letter-spacing:-1px;} #subContents .poTit strong { font-family: 'nanum-square-b' !important; font-weight:normal; } #subContents .poTit2{margin:10px 0 0px 0px; color:#006a5b; font-family: 'nanum-square-r'; font-weight:normal; font-size:21.5px; line-height:30px; text-align:justify; letter-spacing:-1px;} #subContents .poTit3{margin:10px 0 0px 0px; color:#006a5b; font-family: 'nanum-square-r'; font-weight:normal; font-size:18px; line-height:28px; text-align:justify; letter-spacing:-1px;} #subContents h4{ position:relative; padding:5px 0 3px 0px; color:#444444; font-family: 'nanum-square-b'; font-weight:normal; font-size:18px; line-height:24px; text-align:left; letter-spacing:-1px; } #subContents h4 hr.bul { position:absolute; top:0px; left:0px; height:1px; width:30px; background:#fd9dc6; display:block; border:0px; margin:0px; padding:0px;} #subContents h4 hr.bul2 { position:absolute; top:0px; left:0px; height:1px; width:20px; background:#834655; display:block; border:0px; margin:0px; padding:0px;} #subContents h4 span.exp {font-family: 'nanumB'; line-height:30px;font-weight:normal; font-size:15px; line-height:24px; text-align:left; color:#1c8976; } #subContents h5{ position:relative; padding:10px 0 8px 0px; color:#cb5e8b; font-family: 'nanumB'; font-weight:normal; font-size:16px; line-height:24px; text-align:left; letter-spacing:-1px; } #subContents h5.tt{ position:relative; padding:8px 0 0px 0px; color:#cb5e8b; font-family: 'nanumB'; font-weight:normal; font-size:15px; line-height:24px; text-align:left; letter-spacing:-1px; } #subContents h4 span.sp{font-family: 'nanum-square-r' !important;} #contents h3.tit span,#contents h3.tit2 span,#contents h3.tit3 span{padding-right:30px; background-color:#fff;} .sCont {min-height:400px;padding-bottom:50px;} .sub_tab {width:850px; overflow:hidden; margin-bottom:30px; } .sub_tab ul::after {clear:both; content:""; display:block;} .sub_tab > ul { overflow: hidden;padding:0px; margin:0px;} .sub_tab > ul > li { float: left; min-height: 48px; font-size: 16px; font-family:'nanum'; line-height: 16px; text-align: center; background: #faf9f7; border-bottom: 1px solid #8d764a;} .sub_tab > ul > li:first-child a {border-left: 1px solid #b8a5b1;} .sub_tab > ul > li.on { min-height: 46px; background: #fff; z-index: 100; border-bottom: 0;} .sub_tab > ul > li.on a { border-top: 3px solid #8d764a; border-right: 1px solid #8d764a; border-bottom: none; border-left: 1px solid #8d764a;} .sub_tab ul > li a { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;display: block; padding: 16px 0 16px; color: #707070; outline:none; select-dummy: expression(this.hideFocus=true); border-right: 1px solid #b8a5b1; border-top: 1px solid #b8a5b1;} .sub_tab > ul li.on a { margin-left: -1px; padding: 17px 0 14px; color: #7d6841; font-family:'nanumB';} .sub_tab > ul li.on:first-child a {margin-left: 0;} .sub_tab2 {width:850px; overflow:hidden; margin-bottom:30px; } .sub_tab2 ul{padding:0px; margin:0px;} .sub_tab2 ul::after {clear:both; content:""; display:block;} .sub_tab2 li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;} .sub_tab2 li a{display:block; text-decoration:none;background:#faf9f7; border:1px solid #e2dfdb; padding:12px 0px 12px 0px; font-size:16px; color:#666 !important; text-align:center;overflow:hidden; } .sub_tab2 li:first-child , .sub_tab2 li.el{ margin:0px 0px 1px 0px; } .sub_tab2 li a:hover{ text-decoration:none;border:1px solid #187164; } .sub_tab2 li a.on {border:1px solid #b49c70; background:#b49c70; font-size:16px;color:#fff !important;font-family:'nanumB';} .sub_tab_menu {width:850px; overflow:hidden; margin-bottom:30px; } .sub_tab_menu ul{padding:0px; margin:0px;list-style:none; display:table; table-layout:fixed; width:750px; } .sub_tab_menu li{list-style-type:none; display:table-cell;} .sub_tab_menu li a{display:block; text-decoration:none;background:#faf9f7; border:1px solid #e2dfdb; padding:0px; height:48px; line-height:48px; margin:0px 0px 1px 1px; font-size:14px; color:#666 !important; text-align:center;overflow:hidden; } .sub_tab_menu li:first-child a , .sub_tab_menu li.el a{ margin:0px 0px 1px 0px; } .sub_tab_menu li a:hover{ text-decoration:none;border:1px solid #64645e; } .sub_tab_menu li a.on {border:1px solid #7e6f6a; background:#7e6f6a; font-size:16px;color:#fff !important;font-family:'nanumB';} .tabCont {clear:both;margin:40px 0px 30px 0px; letter-spacing:-0.5px;} .litc {padding:12px 25px !important;} .litc2 {width:423px;} .litc3 {width:247px;} .litc4 {width:184px;} .litc8 {width:80px;} .sub_tab_bbs {width:750px; overflow:hidden; margin-bottom:30px; } .sub_tab_bbs ul{padding:0px; margin:0px;} .sub_tab_bbs ul::after {clear:both; content:""; display:block;} .sub_tab_bbs li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;} .sub_tab_bbs li a{display:block; text-decoration:none;background:#f1efed; border:1px solid #e5e0db; padding:8px 30px 8px 30px; font-size:14px; color:#666 !important; text-align:center;overflow:hidden; } .sub_tab_bbs li:first-child , .sub_tab li.el{ margin:0px 0px 1px 0px; } .sub_tab_bbs li a:hover{ text-decoration:none;background:#e5e0db; } .sub_tab_bbs li a.on {border:1px solid #7e6f6a; background:#7e6f6a; font-size:14px;color:#fff !important;font-family:'nanumB';} #contents dl.fl {margin-top:0px; letter-spacing:-0.5px;} #contents dl.fl dt{clear:both; float:left; width:150px;} #contents dl.fl dd{float:left; width:700px;} #contents dl.fl dd.txt01{font-family:'nanumB'; color:#9a007d;} #contents dl.fl dd.txt02{font-family:'nanumB'; color:#212121;} #contents dl.fl:after{clear:both; content:''; display:block;} #contents dl.fl2 {margin-top:0px; letter-spacing:-0.5px;} #contents dl.fl2 dt{clear:both; float:left; width:400px; } #contents dl.fl2 dd{float:left; width:400px; margin-left:50px; text-align:justify;} #contents dl.fl2:after{clear:both; content:''; display:block;} .rigImg {position:absolute; right:0px; top:10px;} #contents dl.fl3 {margin-top:0px; letter-spacing:-0.5px;} #contents dl.fl3 dt{clear:both; float:left;width:150px; } #contents dl.fl3 dd{float:left; width:650px;margin-left:50px;} #contents dl.fl3:after{clear:both; content:''; display:block;} #contents dl.fl4 {margin-top:0px; letter-spacing:-0.5px;} #contents dl.fl4 dt{clear:both; float:left;width:550px; } #contents dl.fl4 dd{float:left; width:240px;margin-left:60px;} #contents dl.fl4:after{clear:both; content:''; display:block;} #contents dl.fl4_1 {margin-top:0px; letter-spacing:-0.5px;} #contents dl.fl4_1 dt{clear:both; float:left;width:450px; } #contents dl.fl4_1 dd{float:left; width:350px;margin-left:50px;} #contents dl.fl4_1:after{clear:both; content:''; display:block;} #contents dl.fl5 {margin-top:0px;} #contents dl.fl5 dt{clear:both; float:left; width:500px;} #contents dl.fl5 dd{float:left; width:280px; margin:25px 35px 0px 35px; text-align:justify; letter-spacing:-0.5px;} #contents dl.fl5:after{clear:both; content:''; display:block;} #contents dl.fl6 {margin-top:0px; letter-spacing:-0.5px;} #contents dl.fl6 dt{clear:both; float:left; width:340px; } #contents dl.fl6 dd{float:left; width:510px;position:relative;} #contents dl.fl6:after{clear:both; content:''; display:block; } #contents dl.fl7 {margin-top:0px;} #contents dl.fl7 dt{clear:both; float:left; width:650px;} #contents dl.fl7 dd{float:left; width:200px; margin:0px; text-align:justify; letter-spacing:-0.5px;} #contents dl.fl7:after{clear:both; content:''; display:block;} .flh2{float:left; display:inline-block; width:460px; margin:0px 0px 0px 40px; padding:0px; } .flh{float:left; display:inline-block; width:460px; margin:0px 40px 0px 0px; padding:0px; } #contents strong { font-weight:normal !important;font-family:'nanumB';} hr {display:block; border:none; height:30px;margin:0px; padding:0px;} hr.h5 {display:block; border:none; height:5px;margin:0px; padding:0px;} hr.h10 {display:block; border:none; height:10px;margin:0px; padding:0px;} hr.h15{display:block; border:none; height:15px;margin:0px; padding:0px;} hr.h20 {display:block; border:none; height:20px;margin:0px; padding:0px;} hr.h50 {display:block; border:none; height:50px;margin:0px; padding:0px;} hr.part {display:block; border:none; height:3px;margin:0px 0px 27px 0px; padding:0px;background:url(/layouts/default/image/bg_parti.png) 0 0px repeat-x;} hr.part2 {display:block; border:none; height:3px;margin:27px 0px 27px 0px; padding:0px;background:url(/layouts/default/image/bg_parti.png) 0 0px repeat-x;} hr.bd {display:block; border:none; background:#e5e0db; height:1px;margin:25px 0px; padding:0px;} hr.bd2 {display:block; border:none; background:#fff; height:1px;margin:25px 0px; padding:0px;opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60);} hr.bd3{display:block; border:none; background:#e5e0db; height:1px;margin:15px 0px; padding:0px;} hr.ttbul {display:block; border:none; background:url(/layouts/default/image/main/mb_bul.jpg) no-repeat left top; height:1px;margin:30px 0px 10px 0px; padding:0px;} .bg_010101 {width:670px; height:260px; padding:60px 40px 0px 40px; font-size:13px;background:url(/layouts/default/image/page/01/0101_i01.jpg) left top no-repeat; text-align:justify; color:#fff;} .bg_010301 {width:690px; height:300px; padding:30px 30px 0px 30px; font-size:13px;background:url(/layouts/default/image/page/01/0103_i01.jpg) left bottom no-repeat #e7ddd1; text-align:justify; color:#212121;} .bg_0201 {background:#f4f3f2; padding:30px 0px 15px 50px; border:1px solid #e5e0db;} .bg_0204 {background:url(/layouts/default/image/page/02/04_i01.jpg) 650px 28px no-repeat;} .bg_0401 {background:#f4f3f2; padding:30px 40px 20px 40px; border:1px solid #e5e0db;} .i_go{position:absolute; right:10px; top:-3px; font-size:14px; height:30px; line-height:26px; padding:0px 20px;font-family:'nanumB'; border-radius: 30px !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; background:#a79a96; color:#fff; text-align:center;} .bgc1{background:#7e6f6a;} .bgc2{background:#92827c;} .pott {color:#e76700 !important;} .pott1 {color:#ffffff !important;} .pott2 {color:#212121 !important;} .pott3 {color:#59a200 !important;} .pott4 {color:#fff699 !important;} .pott5 {color:#1c8976 !important;} .lh1{line-height:170%;} .ls1{letter-spacing:-0.5px !important;} .ls2{letter-spacing:-1.0px !important;} .fs1 {font-size:18px !important; line-height:30px !important; } .fs2 {font-size:15px !important; line-height:170% !important; } .fs3 {font-size:12px !important; line-height:30px !important; } .fs4 {font-size:13px !important; line-height:21px !important; } .fs5 {font-size:22px !important; } .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mr40 {margin-right:40px !important;} .ml20 {margin-left:20px !important;} ol {list-style:none; padding:0px; margin:0px;} ol li {list-style:none; padding:0px 0px 30px 0px;} ul.bul, ul.bul2, ul.bul3,ul.bul_1,ul.none {list-style:none; padding:0px; margin:0px;} ul.bul li {list-style:none; padding:4px 0px 3px 8px; line-height:22px;background:url(/layouts/default/image/bul_li.gif) 0px 13px no-repeat; letter-spacing:-1px;} ul.bul_1 li {list-style:none; padding:4px 0px 3px 10px; line-height:22px;background:url(/layouts/default/image/bul.gif) 0px 15px no-repeat; letter-spacing:-1px;} ul.bul2 li {list-style:none; padding:4px 0px 3px 7px; line-height:22px;background:url(/layouts/default/image/bul3.jpg) 0px 13px no-repeat; } ul.bul3 li {list-style:none; padding:8px 0px 0px 12px; line-height:24px;background:url(/layouts/default/image/bul2.gif) 0px 16px no-repeat;} ul.bul2 li li{background:none;padding:4px 0px 3px 0px; } ul.none li {list-style:none; padding:4px 0px 2px 0px; line-height:22px;background:none; letter-spacing:-1px;} ul.fl {list-style:none; padding:0px; margin:0px;} ul.fl:after{clear:both; content:''; display:block;} ul.fl li{list-style:none; float:left; display:inline-block;margin-left:1px; } ul.fl li a {display:block; text-align:center; background:#fff; color:#212121; padding:6px 8px;} .tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;} .tbl01 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; font-weight:'nanumB'; background:#f5f5f5} .tbl01 td{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;} .btnArea {display:block; position:relative; width:100%; height:80px;} .btnArea a.apBtn {display:block; position:absolute; top:10px; right:0; padding:0px 30px;height:48px; line-height:48px; font-size:18px; font-family:'nanum-square-r'; border-radius: 30px !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; background:#e46744; color:#fff; text-align:center; } .btnArea2 {display:block; position:relative;text-align:right; width:100%; height:40px;} .btnArea2 a.aBtn {display:inline-block; padding:0px 20px; height:30px; background:#9c6e81; border:1px solid #8f6274; margin-left:1px; color:#fff; line-height:30px;} .btnArea2 a.aBtn:hover {background:#af5b7e; border:1px solid #af5b7e;} .btnArea3 {display:block; position:relative; width:100%; margin-top:10px;} .btnArea3 a.aBtn_rem {display:inline-block; padding:0px 10px 0px 48px; height:28px; margin-left:10px; color:#fff; line-height:28px;background:url(/layouts/default/image/page/01/i_johwa.png) no-repeat 9px 5px #787878; } .btnArea3 a.aBtn_rem:hover {background:url(/layouts/default/image/page/01/i_johwa.png) no-repeat 9px 5px #898184;} #showcase_s1{position:relative;} #showcase_s1 .showcase-onepage .showcase-content{} #showcase_s1 .showcase-arrow-next {position:absolute; top:183px;outline:0; width:34px; height:34px; text-indent:-9999px; z-index:99;left:0px; background:url(/layouts/default/image/prev_next_btn2.png) no-repeat 0 0px; cursor:pointer;opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30); } #showcase_s1 .showcase-arrow-previous{position:absolute; top:183px; outline:0; width:34px; height:34px; text-indent:-9999px; z-index:99;right:0px; background: url(/layouts/default/image/prev_next_btn2.png) no-repeat -35px 0; cursor:pointer;opacity:0.3; -moz-opacity:0.2; filter: alpha(opacity=30); } #showcase_s1 .showcase-arrow-next:hover, #showcase_s1 .showcase-arrow-previous:hover { cursor:pointer;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); transition:0.3s; } #showcase_s2{position:relative;} #showcase_s2 .showcase-onepage .showcase-content{} #showcase_s2 .showcase-arrow-next {position:absolute; top:123px;outline:0; width:34px; height:34px; text-indent:-9999px; z-index:99;left:0px; background:url(/layouts/default/image/prev_next_btn2.png) no-repeat 0 0px; cursor:pointer;opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30); } #showcase_s2 .showcase-arrow-previous{position:absolute; top:123px; outline:0; width:34px; height:34px; text-indent:-9999px; z-index:99;right:0px; background: url(/layouts/default/image/prev_next_btn2.png) no-repeat -35px 0; cursor:pointer;opacity:0.3; -moz-opacity:0.2; filter: alpha(opacity=30); } #showcase_s2 .showcase-arrow-next:hover, #showcase_s2 .showcase-arrow-previous:hover { cursor:pointer;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); transition:0.3s; } #showcase_s3{position:relative;} #showcase_s3 .showcase-onepage .showcase-content{} #showcase_s3 .showcase-arrow-next {position:absolute; top:133px;outline:0; width:34px; height:34px; text-indent:-9999px; z-index:99;left:0px; background:url(/layouts/default/image/prev_next_btn2.png) no-repeat 0 0px; cursor:pointer;opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30); } #showcase_s3 .showcase-arrow-previous{position:absolute; top:133px; outline:0; width:34px; height:34px; text-indent:-9999px; z-index:99;right:0px; background: url(/layouts/default/image/prev_next_btn2.png) no-repeat -35px 0; cursor:pointer;opacity:0.3; -moz-opacity:0.2; filter: alpha(opacity=30); } #showcase_s3 .showcase-arrow-next:hover, #showcase_s3 .showcase-arrow-previous:hover { cursor:pointer;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); transition:0.3s; }