#sVisualA {width:100%; height:330px; margin:0px auto 0px auto; overflow:hidden;position:relative; } .svbg1 {background:url(/img/bg_sub.jpg) center top no-repeat;} .svbg2 {background:url(/img/bg_sub.jpg) center top no-repeat;} .svbg3 {background:url(/img/bg_sub.jpg) center top no-repeat;} .svbg4 {background:url(/img/bg_sub.jpg) center top no-repeat;} .svbg5 {background:url(/img/bg_sub.jpg) center top no-repeat;} #sVisualA .svisTxt {position:absolute;top: 152px;left: 0;margin-left: 0;width: 100%;z-index:9;} #sVisualA .svisTxt h4 {position:relative;font-family: 'Seokbo';margin:0px;padding:0px 0px 0px 0px;color: #fff;font-size: 36px;line-height: 100%;letter-spacing:-1px;font-weight: normal;text-align: center;display:block;} #sVisualA .svisTxt p {font-size: 12px;text-align: center;margin: 15px 0 0;padding:0px;color: rgba(255,255,255,.6);line-height: 100%;letter-spacing: 0;font-weight: 400;text-transform: uppercase;} #sVisualA .locbgA{display:none;position:absolute; bottom:0px; left:0px; width:100%; height:50px; background:#fff; border-bottom:1px solid #e3e3e3;} .lopArea {margin:94px auto 0; width:1200px;} .lopArea:after {content:'';display:block;clear:both;} #locationArea {float:left;} #locationArea a {color:#888;} #locationArea .locaA { display:block;position:relative; } #locationArea .wrap:after {clear:both; content:''; display:block;} #locationArea .home{float:left; margin:0 10px 0 0;} #locationArea .home a{display:inline-block; width:13px; height:22px; text-indent:-99999px; background:url(/img/loca_home.png) center center no-repeat;} #locationArea .home a:hover{background:url(/img/loca_home_over.png) center center no-repeat;} #locationArea .depth1{float:left; margin:0 12px 0;position:relative;} #locationArea .depth1:before{content:'';position:absolute;left:-12px;top:8px;width:4px;height:7px;background:url(/img/loca_arrow.png) center center no-repeat;} #locationArea .depth1 a:hover{color: #0faa9c;} #locationArea .depth2{float:left; margin:0 12px 0;position:relative;} #locationArea .depth2:before{content:'';position:absolute;left:-12px;top:8px;width:4px;height:7px;background:url(/img/loca_arrow.png) center center no-repeat;} #locationArea .depth2 a:hover {color: #0faa9c;} #locationArea .depth3{float:left; margin:0 12px 0;position:relative;} #locationArea .depth3:before{content:'';position:absolute;left:-12px;top:8px;width:4px;height:7px;background:url(/img/loca_arrow.png) center center no-repeat;} #locationArea:after {display:block;visibility:hidden;clear:both;content:""} .subMenuDepth {position:absolute;z-index:11;display:none;right:0px;top:290px !important;width:205px;background:#fff; } .subMenuDepth li {list-style:none;} .subMenuDepth li a {color:rgba(255,255,255,0.6); display:block;background:#6d221b;border-top:#56130d solid 1px;height:44px; line-height:44px;font-size:15px;padding:0px 20px 0 20px;-webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; } .subMenuDepth li:first-child a {} .subMenuDepth li a:hover {background:#853932; color:#fff;} .printArea {float:right;} .printArea .btn_print {background: url(/img/loca_print.png) no-repeat 0 60%;border: none;padding: 0px 0 0 18px;font-size: 14px;color: #888;letter-spacing: -0.5px;} .printArea .btn_print:hover {background: url(/img/loca_print_over.png) no-repeat 0 60%;color: #0faa9c;} #wrapper {width:100%; min-width:1200px; padding:0px 0px 0px 0px; display:block;} #wrapper .swrap {width:1200px; margin:0px auto;display:block;padding-bottom:50px;} #sideA {position: absolute;top: 290px;left: calc(50% - 600px);width: 1200px;padding: 0;background: #fff;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);border-radius: 20px;z-index: 1;} #sideA h2{ color:#000; font-family: 'Noto Sans KR'; font-size:24px; margin:0px; padding:24px 0px; font-weight:400; } #sideA .snb_2dul {display:block;} #sideA ul:after{content:'';display:block;clear:both;} #sideA li{float: left;} #sideA li .snb_2da{display:block;text-align:left;margin:0px;color:#000;margin: 0;font-size: 17px;color: #333;font-weight: 400;text-align: center;border-left: 1px solid #e5e5e5;padding: 30px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #sideA li:first-child .snb_2da {border-left: none;border-radius: 20px 0 0 20px;} #sideA li:last-child .snb_2da {border-radius: 0 20px 20px 0;} #sideA li .snb_2da:hover, #sideA li:first-child .snb_2da:hover {background: #e9f9f8;color: #10a995;} #sideA .snb_2dli .on, #sideA .snb_2dli a:hover.on{color: #10a995;background:#fff;font-weight: 400;text-decoration: underline;text-underline-position: under;text-decoration-thickness: 0px;} #sideA .snb_2dli .on:after, #sideA .snb_2dli a:hover.on:after {} #sideA li .snb_3da{display:block; line-height:30px; font-size:13px; letter-spacing:-1px; color:#505050;} #sideA li .snb_3da:hover {color:#a6112c;} #sideA .on2 {color:#397900 !important;} .li-cnt-2 li {width:50%;} .li-cnt-3 li {width:33.333333%;} .li-cnt-4 li {width:25%;} .li-cnt-5 li {width:20%;} .li-cnt-6 li {width:16.666666%;} #container {position: relative;overflow: hidden;text-align: justify;word-break: keep-all;} #container_title {position:relative; margin:0px 0px;} #container_title .conTit_tt {font-size: 34px;color: #333;line-height: 100%;color: #333;font-weight: 500;letter-spacing: -1px;padding: 50px 0 35px;text-align: center;} h2#container_title {display:none !important;} .scontA {min-height: 400px;overflow: hidden;display: block;line-height: 1.8;color: #222;text-align: justify;word-break: keep-all;} .scontA .ctt_admin {display:none;} .scontA strong {font-weight:400;} .nowb{word-break:keep-all;} .ctt_txt_box {padding:0 30px;} #container .tit01{border: 1px solid #ddd;padding: 20px 30px;line-height: 160%;background: #f9f9f9;} #container .tit02{position:relative; color:#71502d; font-family: 'Noto Sans KR'; font-weight:700;font-size:20px; line-height:160%; letter-spacing:-0.5px; margin-bottom:5px; } #container .tit02 span.po {font-weight:700; color:#f36b1d;} #container .tit02 span.exp {font-size:18px; font-weight:400; } #container .tit03{display:block; margin:0; color:#000; font-weight:700; font-size:17px;line-height:160%; letter-spacing:-0.5px; margin-bottom:5px;} #container .tit04 {display:block; font-weight: 700; color:#344594; margin-bottom:10px;} #container .tit04 span{display:inline-block; padding:0px 10px; background:#8b6c6c; height:30px; line-height:30px; font-size:18px; color:#fff; } #container .tit05{margin-top:50px; margin-bottom:30px; position:relative; color:#313131; font-weight:700;font-size:24px; padding-bottom:5px; line-height:170%; letter-spacing:-1px; word-spacing:5px;} #container .tit06{margin-bottom:30px; position:relative; color:#313131; font-weight:700;font-size:24px; padding-bottom:5px; line-height:170%; letter-spacing:-1px; word-spacing:5px;} #container .tit07{margin-top: 10px;margin-left: 10px;position: relative;color: #313131;font-size: 15px;padding-bottom: 5px;line-height: 170%;letter-spacing: -1px;word-spacing: 5px;} #container .tit08{position:relative; color:#b87739; font-family: 'Noto Sans KR'; font-weight:500;font-size:20px; line-height:160%; letter-spacing:-0.5px; margin-bottom:5px; } #container .tit09{border: 1px solid #ddd;padding:40px;line-height: 160%;background: #fff;} #container .tit10{margin-top:50px; margin-bottom:30px; position:relative; color:#313131; font-weight:700;font-size:24px; padding-bottom:5px; line-height:170%; letter-spacing:-1px; word-spacing:5px;text-align: center;} #container .tit11{margin-top:10px;margin-bottom:10px; position:relative; word-spacing: 5px;font-size: 30px;letter-spacing:-1px;color: #333;line-height: 1.5;font-weight: 500;font-family: 'Noto Serif CJK KR';} #container .tit12{margin-bottom:30px; position:relative; word-spacing: 5px;font-size: 30px;letter-spacing:-1px;color: #333;line-height: 1.5;font-weight: 500;font-family: 'Noto Serif CJK KR';} #container .tit13{margin-top: 10px;position: relative;color: #313131;font-size: 15px;padding-bottom: 5px;line-height: 170%;letter-spacing: -1px;word-spacing: 5px;} #container .titbox {position:relative; width:846px; padding:15px 20px; text-align:center; border:2px solid #dcd5cf ;} .blank {display:inline-block; width:50px;} .blank2 {display:inline-block; width:15px;} .tit_bg {width:890px; height:114px; background:url('/img/tit_bg.png')no-repeat;} .pott {color:#346f00 !important;} .pott1 {color:#b86663 !important;} .pott2 {color:#417c73 !important;} .pott3 {color:#000 !important;} .pott4 {color:#b79432 !important;} .pott5 {color:#cb5469 !important;} .pott6 {color:#ffffff !important;} .pott7 {color:rgba(255,255,255,0.8) !important;} .pott8 {background: url(/img/mark1.png) left center no-repeat;color: #a45101;font-weight: 500;font-size: 1.2em;padding-left: 26px;margin-bottom: 10px;} .pott9 {color:#b79432 !important;text-align: right;} .pott10 {color:#313131 !important;text-align: right;} .pottS {font-size:0.9em !important;} .pottR {font-weight:400 !important;} .pottB{font-weight:500 !important;} .pottSB{font-weight:900 !important;} .fs1 {font-size:18px;} .fs2 {font-size:15.5px;} .fs3 {font-size:24px !important;} .lh170 {line-height:170% !important;} .lets0 {letter-spacing:0px !important;} .lets1 {letter-spacing:-0.1px !important;} .lets5 {letter-spacing:-0.5px !important;} .lets10 {letter-spacing:-1px !important;} .lets15 {letter-spacing:-1.5px !important;} .lets18 {letter-spacing:-1.8px !important;} .lets20 {letter-spacing:-2px !important;} .lets30 {letter-spacing:-3px !important;} #subtab {width:100%; overflow:hidden; margin-bottom:30px; letter-spacing:-0.5px; } #subtab ul{padding:0px; margin:0px;} #subtab ul::after {clear:both; content:""; display:block;} #subtab li{list-style-type:none; float:left;display:block; text-decoration:none; background:#fff; border:1px solid #ccc; margin-left:-1px; cursor: pointer; padding:10px 0px 10px 0px; color:#666 !important; text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subtab li:first-child , #subtab li.el{ margin-left:0px; } #subtab li:hover{ text-decoration:none;background:#f5f5f5 } #subtab li.on {border:1px solid #a38b81; background: #a38b81; color:#fff !important; } #subtab ul.smtab{padding:0px; margin:0px;word-spacing:0px;} #subtab ul.smtab::after {clear:both; content:""; display:block;} #subtab ul.smtab li{list-style-type:none; float:left;display:block; text-decoration:none; background:#bdbbba; border:1px solid #8a8786; margin-left:-1px; cursor: pointer; padding:7px 0px 7px 0px; color:#fff !important; text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subtab ul.smtab li:first-child , #subtab ul.smtab li.el{ margin-left:0px; } #subtab ul.smtab li:hover{ text-decoration:none; color:#121212 !important; } #subtab ul.smtab li.on {border:1px solid #8a8786; background: #8a8786; color:#fff !important; } #subtab2 {width:100%; overflow:hidden; margin-bottom:30px; letter-spacing:-0.5px; word-spacing:0px;} #subtab2 ul{padding:0px; margin:0px;} #subtab2 ul::after {clear:both; content:""; display:block;} #subtab2 li{list-style-type:none; float:left; display:block; text-decoration:none; background:#f4f4f4; border:1px solid #e5e5e5; margin-left:-1px; font-weight:700; padding:8px 0; cursor: pointer; text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subtab2 li:first-child , #subtab2 li:nth-child(6n+1){margin-left:0px;} #subtab2 li:hover{text-decoration:none;background:#fff; color:#417c73 !important; } #subtab2 li.on {border:1px solid #417c73; background: #417c73; color:#fff !important; } .sub_tab {width:100%; overflow:hidden; margin-bottom:30px; letter-spacing:-0.5px; word-spacing:0px;} .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:block; text-decoration:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sub_tab li a {display:block; background:#fff; border:1px solid #ccc; margin-left:-1px; padding:10px 0px 10px 0px; color:#666 !important; text-align:center;overflow:hidden;} .sub_tab li:first-child a, .sub_tab li.el a{ margin-left:0px; } .sub_tab li a:hover{ text-decoration:none;background:#f5f5f5 } .sub_tab li a.on {border:1px solid #e97341; background: #e97341; color:#fff !important; } ul.st_wid2 li{width:50%;} ul.st_wid3 li{width:33.33%;} ul.st_wid4 li{width:25%;} ul.st_wid5 li{width:20%;} ul.st_wid6 li{width:16.66%;} ul.st_wid7 li{width:14.35%;} ul.st_wid8 li {width:12.585%;} ul.st_wid8 li:nth-child(8n+1){ margin-left:0px !important; } ul.st_wid10 li{width:10%;} ul.st_wid10 li:nth-child(10n+1){ margin-left:0px !important; } .sub_tabmenu {width:100%; overflow:hidden; margin-bottom:30px; letter-spacing:-0.5px;text-align: center;} .sub_tabmenu ul{padding:0px; margin:0px;display: inline-block;} .sub_tabmenu ul::after {clear:both; content:""; display:block;} .sub_tabmenu li{list-style-type:none;float:left;display:inlinemargin: 0;padding: 0 30px;position: relative;} .sub_tabmenu li a{display:block;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 17px;color: #333;letter-spacing: -1px;} .sub_tabmenu li:first-child a, .sub_tabmenu li.el a{} .sub_tabmenu li a:hover{ text-decoration:none; background: #fefaf8; color:#000 !important;} .sub_tabmenu li.on a {color: #10a995 !important;text-decoration: underline;text-underline-position: under;font-weight: 400;} .sub_tabmenu li:before {content: '';position: absolute;left: 0;top: 7px;width: 1px;height: 16px;background: #ddd;} .sub_tabmenu li:first-child:before{display:none;} .tabCont {clear:both;margin:40px 0px 0px 0px; letter-spacing:-0.5px;} .flL {float:left; position:relative;} #container dl.fl {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl > dt{float:left; display:block;width:30%; font-size:18px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl > dd{float:right; display:block;width:66%; font-weight:500; margin-left:4%; padding-top:2px; color:#444;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl:after{clear:both; content:''; display:block;} #container dl.fl2 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl2 > dt{float:left; display:block;width:18%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl2 > dd{float:right; display:block;width:78%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl2:after{clear:both; content:''; display:block;} #container dl.fl3 {margin-top:0px; width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl3 > dt{float:left; width:47%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl3 > dd{float:right; width:47%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl3:after{clear:both; content:''; display:block;} #container dl.fl4 {margin-top:0px; width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl4 > dt{float:left; width:46%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl4 > dd{float:right; width:48%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl4:after{clear:both; content:''; display:block;} #container dl.fl5 {margin-top:0px; width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl5 > dt{float:left; width:35%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl5 > dd{float:right; width:59%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl5:after{clear:both; content:''; display:block;} #container dl.fl6 {margin:20px; width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl6 > dt{float:left; width:46%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl6 > dd{float:right; width:48%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl6:after{clear:both; content:''; display:block;} #container dl.fl7 {width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-top:60px;} #container dl.fl7 > dt{float:left; width:30%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl7 > dd{float:right; width:70%;font-size:18px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl7:after{clear:both; content:''; display:block;} #container dl.fl8 {width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-top:60px; } #container dl.fl8 > dt{float:left; width:20%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl8 > dd{float:right; width:80%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl8:after{clear:both; content:''; display:block;} #container dl.fl9 {width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-top:60px; } #container dl.fl9 > dt{float:left; width:60%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl9 > dd{float:right; width:40%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl9:after{clear:both; content:''; display:block;} #container ul.fl0103 {margin-top:20px;} #container ul.fl0103:after {display:block; content:""; clear:both;} #container ul.fl0103 li{list-style:none;float:left; display:inline-block; margin-right:60px; margin-left:60px; padding-left:40px; line-height:26px; font-size:20px; font-weight:700; color:#000;} #container ul.fl0103 li.addr {background:url(/img/ic_addr.png) left center no-repeat;} #container ul.fl0103 li.tel {background:url(/img/ic_tel.png) left center no-repeat;} #container ul.fl0103 li.fax {background:url(/img/ic_fax.png) left center no-repeat;} .lh150 {line-height:150% !important;} .wd50 {position:relative; width:50% !important; float:left !important; clear:none !important;} ul.bul {width:100%; position:relative; clear:both; margin:0;} ul.bul:after{clear:both; content:''; display:block;} ul.bul li{list-style:none;display:block; padding:5px 0px 5px 12px; letter-spacing:0px; line-height:150%; position:relative; } ul.bul li:after{clear:both; content:''; display:block;} ul.bul li:before {content:''; display:block; position:absolute; top:13px; left:0px; width:4px; height:4px; background:#b86663 } ul.bul li .tt {float:left;display:block; width:26%;color:#b86663;font-weight:700; } ul.bul li .txt {float:left;display:block; width:74%;} ul.history {width:100%; position:relative; clear:both; margin:0;} ul.history:after{clear:both; content:''; display:block;} ul.history li{list-style:none;display:block; padding:10px 0px 10px 12px; letter-spacing:0px; line-height:150%; position:relative; border-top:1px solid #e9e9e9; } ul.history li:first-child {border-top:none;} ul.history li:after{clear:both; content:''; display:block;} ul.history li:before {content:''; display:block; position:absolute; top:18px; left:0px; width:4px; height:4px; background:#b13d22 } ul.history li .tt{float:left; width:30%; color:#b86663;font-weight:700;} ul.history li .txt{float:left; width:70%; } .fl50 li{float:left;width:50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fl30 li{float:left;width:33.3%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.bul2 {width:100%; position:relative; clear:both; margin:0; box-sizing: border-box;} ul.bul2 li {list-style:none; display:block; padding:4px 0px 4px 12px; letter-spacing:0px; line-height:185%; position:relative; } ul.bul2 li span.libox {display:inline-block; color:#e97341; font-weight:700; width:80px;} ul.bul2 p span.libox {display:inline-block; color:#e97341; font-weight:700; width:80px;} ul.bul2 li span.libox2 {display:inline-block; color:#e97341; font-weight:700; margin-right:20px;} ul.bul2 li span.libox3 {padding-left:132px;} ul.bul2 li:before {content:''; display:block; position:absolute; top:17px; left:0px; width:4px; height:4px; background:#10a995} ul.bul3 {width:100%; position:relative; clear:both; margin:0; box-sizing: border-box;padding-left: 10px;} ul.bul3 li {list-style:none; display:block; padding:4px 0px 4px 12px; letter-spacing:0px; line-height:185%; position:relative; } ul.bul3 li span.libox {display:inline-block; color:#e97341; font-weight:700; width:80px;} ul.bul3 li span.libox2 {display:inline-block; color:#e97341; font-weight:700; margin-right:20px;} ul.bul3 li:before {content:''; display:block; position:absolute; top:17px; left:0px; width:4px; height:4px; background:#b87739} ul.box {width:100%; position:relative; clear:both; margin:0; padding:10px 0;} ul.box li{list-style:none;display:block; padding:10px 0px; letter-spacing:0px; line-height:160%; position:relative; border-top:1px dotted #e2e2e2;} ul.box li:first-child {border-top:1px solid #ccc;} ul.box li:after{clear:both; content:''; display:block;} ul.box li .tt {position:relative; display:inline-block; margin-right:20px; background:#ed895f; color:#fff; padding:0px 8px;} ul.box li .txt {position:relative;display:inline-block; } ul.box li .tt2 {float:left;display:block; margin-right:20px; background:#ed895f; color:#fff; padding:0px 8px;} ul.box li .txt2 {float:left;display:block; } .box {display:block; overflow:hidden; padding:20px 25px; background:#f7f7f7; position:relative; text-align:center; margin-top:20px;} .box li {line-height:180%; color: #835f00;} .box li.tt { color: #835f00 !important; font-family: 'Noto Sans KR' !important; font-size:20px; margin-bottom:4px;} .nbsp {display:inline-block; margin:0 15px;} ul.fl {display:block;margin:0; padding:0;} ul.fl:after{clear:both; content:''; display:block;} ul.fl li{float:left; width:23%; padding-left:2%; margin:5px 0px; color:#333;} ul.fl2 {display:block;margin:0; padding:0;} ul.fl2:after{clear:both; content:''; display:block;} ul.fl2 li{float:left; width:50%; padding:5px 0px; color:#333; letter-spacing:-1px; border-top:1px dotted #ccc;} ul.fl2 li:first-child, ul.fl2 li:nth-child(2){border-top:none;} ul.fl3 {display:block;margin:0; padding:0;text-align:center;} ul.fl3:after{clear:both; content:''; display:block;} ul.fl3 li{display:inline-block; margin: 0px 15px; } ul.flimg {display:block;margin:0; padding:0;} ul.flimg:after{clear:both; content:''; display:block;} ul.flimg li{position:relative; float:left; width:50%; padding:1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.flimg li img{width:100%; height:auto;} ul.flimg li .exp {position:absolute; bottom:1px; left:1px; background:#35614c; color:#fff; padding:4px 15px;} .tbl01 {margin:0 0 15px 0; border-bottom:1px solid #969696; border-top:2px solid #333;} .tbl01 th {font-weight:700; text-align:left; padding: 14px 5px; color: #333; border-top: 1px solid #e0e0e0; font-weight:normal; padding-left:50px; letter-spacing:-1px;background: #fff;} .tbl01 th.row{border:0;border-top: 1px solid #e0e0e0;background: #ffffff;color: #333;} .tbl01 td { border-top: 1px solid #e0e0e0; vertical-align: middle; padding:12px 5px; font-weight: 400; word-break: break-all;} .tbl02 { margin: 0 0 15px 0;border-bottom: 1px solid #e0e0e0;border-top: 2px solid #12b890;border-right: 1px solid #e0e0e0; } .tbl02 th {text-align:center;border-left: 1px solid #e0e0e0; font-weight:700 !important; padding: 10px 5px; color: #333; border-top: 1px solid #e0e0e0; font-weight:normal; letter-spacing:-1px;background: #f7f7f7;} .tbl02 td {text-align:center; font-weight:400 !important; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; vertical-align: middle; padding:8px 10px; font-size: 15px; font-weight: 300; word-break: break-all;} .tbl03 { margin: 0 0 15px 0;border-bottom: 1px solid #e0e0e0;border-top: 2px solid #12b890;border-right: 1px solid #e0e0e0;} .tbl03 th {border-left: 1px solid #e0e0e0; font-weight:700; padding: 8px 25px; color: #333; border-top: 1px solid #e0e0e0; font-weight:normal; letter-spacing:0px;background: #f7f7f7;} .tbl03 td {border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; vertical-align: middle; padding:8px 15px; font-size: 15px; font-weight: 300; word-break: break-all;} .boxImg {position:relative; width:100%; overflow:hidden; height:280px;} .boxImg img {position:absolute; top:0; left:0; z-index:-1;} .clear {clear:both; position:relative;} .h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;} .h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;} .h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;} .h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;} .h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;} .h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;} .h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;} .h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;} .bd {display:block; border:none; background:#eaeaea; height:1px;margin:40px 0px; padding:0px; font-size:0px; clear:both;} .bd2 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px;margin:30px 0px; padding:0px; font-size:0px; clear:both;} .bd3 {display:block; border:none; border-left:1px solid #99dcd1; width:1px; height:40px; margin:20px auto; padding:0px; font-size:0px; clear:both;} .bd4 {display:block; border:none; border-bottom:1px solid #f0f0f0; height:1px; margin:15px 0px 15px 0px; padding:0px; font-size:0px; clear:both;} .bg {display:block; border:none; height:60px; margin:40px 0px; padding:0px; font-size:0px; clear:both; background:url(/img/01/bg_con.png) center no-repeat;} .bdb {border:1px solid #e5e5e5; box-sizing:border-box;} .box_01{width:43%;float:left;border:1px solid #ddd;padding: 20px 30px;line-height: 100%;background: #f9f9f9;margin:5px;height:320px;} .box_02{width:43%;float:left;border:1px solid #ddd;padding: 20px 30px;line-height: 100%;background: #f9f9f9;margin:5px;height:150px;} .bgn {background:none !important;} .mg0 {margin:0 !important;} .mt0 {margin-top:0 !important;} .mt30 {margin-top:30px !important;} .mt50 {margin-top:50px !important;} .mr0 {margin-right:0 !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mb0 {margin-bottom:0 !important;} .mb5 {margin-bottom:5px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mt5 {margin-top:5px !important;} .mt30 {margin-top:30px !important;} .mr20 {margin-right:20px !important;} .ml30 {margin-left:30px !important;} .ml50 {margin-left:50px !important;} .pd0 {padding:0 !important;} .pt8 {padding-top:8px !important;} .pt0 {padding-top:0 !important;} .pb0 {padding-bottom:0 !important;} .pr0 {padding-right:0 !important;} .pl0 {padding-left:0 !important;} .pl10 {padding-left:10px !important;} .pl30 {padding-left:30px !important;} .pl40 {padding-left:40px !important;} .pl50 {padding-left:50px !important;} .pl100 {padding-left:100px !important;} .pr20 {padding-right:20px !important;} .p30{padding:30px !important;} .flr {position:relative; float:right; display:inline-block;} .libg{padding:20px 30px; overflow:hidden; margin:5px 0; background:#f6f6f6; } .libg2 {display:block; overflow:hidden; padding:30px; border: 2px solid #cedcd0; margin:0 auto;} .libg3{background:#f6f6f6; margin-top:10px; padding:30px 0px 30px 150px; overflow:hidden;} .libg3 span {margin-right:20px; font-family: 'Noto Sans KR'; color:#39897b;} .bcg1{background:#a5a5a5 !important;} .bcg2{background:#f7f7f7 !important;padding:30px; color:#333;} .bdwrap{ border: 1px solid #e5e8ec; border-top: 2px solid #0f9f42; padding:30px;} .wb_keep {word-break:keep-all !important;} #showcase_s1{position:relative;margin-bottom:30px;} #showcase_s1 .showcase-onepage .showcase-content{} #showcase_s1 .showcase-content .mbimg{height:500px;} #showcase_s1 .showcase-arrow-next {position:absolute; top:225px;outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;right:-180px; background:url(/img/prev_next_btn2.png) no-repeat -50px 0px; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase_s1 .showcase-arrow-previous{position:absolute; top:225px; outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;left:-180px; background: url(/img/prev_next_btn2.png) no-repeat 0px 0; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #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_s1 .showcase-thumbnail-container {margin-top:15px;} #showcase_s1 .showcase-thumbnail-restriction{ width:780px !important; height:69px !important; overflow:hidden;} #showcase_s1 .thimg {width:120px; height:69px;} #showcase_s1 .showcase-thumbnail {margin:0px 5px;width:120px; height:69px; overflow:hidden;} #showcase_s1 .showcase-thumbnail-button-backward {position:absolute;background:url(/img/main/prev_next_btn2.png) -5px 8px no-repeat; width:40px; height:69px;margin-right:5px; text-indent:-99999px; font-size:0px; display:block;left:-30px;} #showcase_s1 .showcase-thumbnail-button-forward {position:absolute;background:url(/img/main/prev_next_btn2.png) -50px 8px no-repeat; width:40px; height:69px; text-indent:-99999px; font-size:0px;display:block;right:-30px; } #showcase_s1 .showcase-thumbnail-wrapper .active {border:5px solid #fc6a19;width:110px; height:59px;} #showcase_s1 .showcase-thumbnail-wrapper .active .thimg {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .btnArea {display:block; position:relative; width:100%; height:50px; text-align:center;} .btnArea a.btn_01 {display:inline-block; position:relative; margin:0 5px;padding:0px 100px; height:50px; line-height:50px; font-size:16px; font-weight:700; background:#385a54; color:#fff; border:1px solid ##385a54; } .btnArea a.btn_01:hover {color:#385a54; border:1px solid #385a54; background:#fff;} .btnArea a.btn_02 {display:inline-block; position:relative; margin:0 5px;padding:0px 100px; height:50px; line-height:50px; font-size:16px; font-weight:700; background:#c773a9; color:#fff; border:1px solid #c773a9; } .btnArea a.btn_02:hover {color:#bd4399; border:1px solid #bd4399; background:#fff;} .btnArea a.btnCen {left:50% !important; margin-left:-170px;} input.ed {padding:5px 15px; border:1px solid #c3c3c3;} select.ed {padding:3px 15px; border:1px solid #c8c8c8;} .end{display:inline-block; font-weight:700; padding:8px 25px;border:1px solid #385a54;background:#385a54;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer; font-size:16px;} span.nobox { display: inline-block; margin-right:10px; color: #fff; background: #e2b506; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; } .engmode {word-wrap:keep-all !important; word-break:normal !important; } #ft {margin-top:0px;} .bd_b {display:inline-block; border-bottom:1px solid #b72647; margin-bottom:5px; } .bg_f7 {background:#f7f7f7; } .mbimg {max-width:100%; } a.garam { display:block; color:#f6754f;} a.garam .txt {display:inline-block; text-decoration:underline;} a.bg_link {display:inline-block; background:#e97341; color:#fff; padding:0px 10px;} .boxexpA{background:#417c73 !important;padding:12px 30px 12px 30px; color:#fff !important; margin-top:1px; margin-right:1px; } .boxexpA ul {width:100%; position:relative; clear:both; margin:0;} .boxexpA ul:after{clear:both; content:''; display:block;} .boxexpA ul li{list-style:none;display:block; padding:3px 0px 4px 12px; letter-spacing:0px; line-height:150%; position:relative; } .boxexpA ul li:first-child {border-top:none;} .boxexpA ul li:after{clear:both; content:''; display:block;} .boxexpA ul li:before {content:''; display:block; position:absolute; top:12px; left:0px; width:4px; height:4px; background:#afd3d0 } .boxexpA ul li .tt{float:left; width:25%; color:#afd3d0;font-weight:700;} .boxexpA ul li .txt{float:left; width:75%; } .hj{font-size:13px;} .pt5 {display: inline-block;color: #e97341;font-weight: 700;width: 80px} .system { position:relative; width: 1200px; height:150px; background: url(/img/arow1.png) no-repeat 230px 50px;color:#000;} .system p { display: table-cell; vertical-align: middle; text-align: center; height: 80px;width: 168px;border: 1px solid #d3d3d3;background: #fff;padding: 15px} .system em { display:block; font-weight: normal;} .system span {display: table;width: 340px;height: 45px;background: #ededed;border: 1px solid #d3d3d3;margin: 0px 0px 4px 10px;} .system li {list-style: none;margin:0px 40px 0px 0px;padding: 0px;float:left;} .cdp-btn, a.cdp-btn {background: #333;color: #fff !important;font-size: 0.9em;padding: 2px 15px 3px 15px;margin-left: 10px;} .cp-btn .arr:after, .cdp-btn .arr:after {background-position: 0px -34px;} .cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {content: "";display: block;position: absolute;top: 50%;right: 21px;margin-top: -12px;width: 24px;height: 24px;background: url(/resources/_Img/Common/cbtn_spr.png) no-repeat;transition: right .3s ease} .txt_c {text-align: center;} /*history*/ .history_wrap {position:relative} .history_wrap:after {content:'';position:absolute;top:0;left:50%;display:block;width:1px;height:100%;background:#e0e0e0} .history_wrap .history {position:relative;padding:0 0 30px 0;overflow:hidden} .history_wrap .history i {position:absolute;top:3px;left:50%;display:block;margin-left:-3px;width:8px;height:8px;background:#b87739;z-index: 1;transform: rotate(45deg);} .history_wrap .history dl {position:relative;padding:0 20px;width:50%;box-sizing:border-box} .history_wrap .history dt {margin:0 0 15px 0;font-size:17px;font-weight:700;letter-spacing:-1px;color:#333;line-height: 100%;} .history_wrap .history dd {margin:0 0 15px 0;font-size:15px;font-weight:300;color:#777} .history_wrap .history dd title {display:inline-block;padding:0 5px;margin:0 15px 15px 15px;line-height:24px;font-size:15px;font-weight:300;color:#222;border:1px solid #e9e9e9;text-align:center} .history_wrap .history span {font-size:16px;display:inline-block;margin-left:5px;} .history_wrap .history p {position:relative;margin:0 0 15px 0;font-size:14px;font-weight:300;color:#777;line-height: 160%;word-break: keep-all;} .history_wrap .history strong {font-weight:normal; font-family:'nanumB';color:#444;} .history_wrap .history:nth-child(even) dl {float:right;} .history_wrap .history:nth-child(odd) dl {float:left;} .history_wrap .history:nth-child(odd) dt, .history:nth-child(odd) dd {text-align:right} .history_wrap .history:nth-child(even) dl dd p:after{content:'';display:block;position:absolute;top:11px;left:0;width:7px;height:1px;background:#999;} .history_wrap .history:nth-child(odd) dl dd p:before{content:'';display:block;position:absolute;top:11px;right:0;width:7px;height:1px;background:#999;} .history_wrap .history:nth-child(even) dl dd p{padding-left:14px} .history_wrap .history:nth-child(odd) dl dd p{padding-right:14px} .MainCard {width: 1200px;clear: both;} .MainCardA {float: left;width: 267px;height: 308px;padding: 29px 27px 0;border: 1px solid rgba(0,0,0,.09);background: #12b78f url(/img/donation_bg2.jpg) top left no-repeat;color: #fff;} .Donation_wrap {overflow: hidden;} .MainCard:after {display: table;table-layout: fixed;clear: both;content: "";} .MainCardA .topfont{display: inline-block;width: 70px;background-color: rgba(0,0,0,.16);font-size: 15px;line-height: 30px;text-align: center;color: #fff} .MainCardA_t {display: block;margin-top: 21px;font-size: 27px;line-height: 37px;color: #fff;font-weight: 400;} .MainCardA .more {margin-top: 18px;} .MainCardA .MainCardAreaWrapper_icon__3GwZB {position: absolute;display: block;width: 6px;height: 14px;} .MainCardAreaWrapper_icon__3GwZB {position: absolute;display: block;width: 6px;height: 14px;top: 50%;right: 0;margin-top: -8px;content: "";} .DoubleStatistics_list__1Z2CE {margin: 60px -8px 0;padding: 19px 0 0 8px;border-top: 1px solid rgba(0,0,0,.08); font-size: 16px;} .Donation_wrap {overflow: hidden;} .MainCard:after, {display: table;table-layout: fixed;clear: both;content: "";} .Donation{display: inline-block;margin: 0 0 24px 24px;vertical-align: top;} .list {float: left;position: relative;width: 266px;height: 335px;background-color: #fff;border: 1px solid rgba(0,0,0,.11);/*border-top: 2px solid #12b78f;*/} .list .Donation_title {padding: 21px 20px 0;} .list:after {top: 0;right: 0;bottom: 0;left: 0;content: "";} .list .Donation_img {width: 267px;height: 200px;background-color: #ccc;} .list .Donation_img1 {vertical-align: top;} .list .title {overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;height: 50px;line-height: 25px;word-wrap: break-word;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 19px;letter-spacing: -.5px;color: #333;text-align: center;} .a_btn {display: inline-block;text-align: center;border: solid 1px #12b78f;line-height: 30px; -webkit-transition: none; transition:none;min-width: 109px;} .a_btn:hover {background-color: #12b78f;color: #fff;} .a_btn a {color: #12b78f;font-size: 17px;font-weight: 400;} .MainCardB {float: left;width: 267px;height: 308px;padding: 29px 27px 0;border: 1px solid rgba(0,0,0,.09);background: #a45101 url(/img/donation_bg1.jpg) top left no-repeat;color: #fff;} .Donation_wrap {overflow: hidden;} .MainCard:after {display: table;table-layout: fixed;clear: both;content: "";} .MainCardB .topfont{display: inline-block;width: 70px;background-color: rgba(0,0,0,.16);font-size: 15px;line-height: 30px;text-align: center;color: #fff} .MainCardB_t {display: block;margin-top: 21px;font-size: 27px;line-height: 37px;color: #fff;} .MainCardB .more {margin-top: 18px;} .more {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;max-width: 100%;padding:2px 18px 2px 38px;border: 1px solid hsla(0,0%,100%,.8);font-size: 18px;font-weight: 400;line-height: 35px;color: #fff;background:url(/img/heart.png) 15px 13px no-repeat;} .MainCardB .MainCardAreaWrapper_icon__3GwZB {position: absolute;display: block;width: 6px;height: 14px;} .Donation_btn {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;max-width: 100%;padding: 1px 8px 0;border: 1px solid hsla(0,0%,100%,.8);font-size: 15px;font-weight: 400;line-height: 27px;}