#sVisualA {width:100%; height:280px; margin:0px auto 0px auto; overflow:hidden;position:relative; text-align:center;color:#fff; background-size:cover; } .svbg1 {background:url(/img/bg_sub1.jpg) center top no-repeat;} .svbg2 {background:url(/img/bg_sub2.jpg) center top no-repeat;} .svbg3 {background:url(/img/bg_sub3.jpg) center top no-repeat;} .svbg4 {background:url(/img/bg_sub4.jpg) center top no-repeat;} .svbg5 {background:url(/img/bg_sub5.jpg) center top no-repeat;} #sVisualA .imgbg {position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; z-index:3;height:310px;background:url(/img/mvisual_shadow.png) left -50px repeat-x; } #sVisualA .svisTxt {position:absolute; top:160px; left:50%; margin-left:-600px; width:1200px; z-index:9; text-align:right;} #sVisualA .svisTxt span {position:relative;margin:0px; padding:0px 0px 0px 0px; color:#fff; font-size:60px; line-height:64px; letter-spacing:-1px; font-weight:900; display:block; } #sVisualA .svisTxt p {font-family: 'AritaBuri'; margin:15px 0px 0px 0px; padding:0px; color:#fff; font-size:24px; line-height:32px; letter-spacing:-0.5px; } #locationArea { position:relative; width:100%; margin:0 auto; height:50px; line-height:50px;overflow:hidden; border-bottom:1px solid #e5e5e5;} #locationArea .locaA { display:block;position:relative; } #locationArea .wrap:after {clear:both; content:''; display:block;} #locationArea .home{display:inline-block; float:left;} #locationArea .home a{display:block; width:54px; height:50px; text-indent:-99999px; background:url(/img/home.png) center center no-repeat;border-left:1px solid #e5e5e5; } #locationArea .depth1{display:inline-block; float:left;border-left:1px solid #e5e5e5;} #locationArea .depth1 a{display:block; height:50px; width:123px; color:#000; padding:0px 60px 0px 20px; font-size:16px; background:url(/img/i_locarr.png) right 15px center no-repeat;} #locationArea .depth2{display:inline-block; float:left;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} #locationArea .depth2 a{display:block; width:210px; height:50px;padding:0px 0px 0px 20px; color:#000; font-size:16px;background:url(/img/i_locarr2.png) right 15px center no-repeat;} #locationArea #depth3{display:inline-block; float:left;border-left:none;border-right:1px solid #e5e5e5;} #locationArea #depth3 a{display:block; width:210px; height:50px;padding:0px 0px 0px 20px; color:#000; font-size:16px;background:url(/img/i_locarr2.png) right 15px center no-repeat;} #locationArea:after {display:block;visibility:hidden;clear:both;content:""} #wrapper {position:relative;width:100%; min-width:1200px; padding:0px 0px 0px 0px; display:block; } #wrapper .swrap { width:1200px; margin:0px auto 0px auto; display:block; padding-bottom:40px;} #sideA {float:left;display:block; width:200px; margin:0px; padding:55px 40px 40px 0px; } #sideA h2{ position:relative; color:#246b9f; font-size:28px; margin:0px; padding:0px 0px 22px 0px; font-weight:900; } #sideA .snb_2dul {display:block; } #sideA li{background:none; list-style-type:none; display:block; overflow:hidden;position:relative; } #sideA li .snb_2da{ display:block;text-align:left; margin:1px 0px; padding:0px 14px; font-size:16px; height:48px; line-height:46px; letter-spacing:-1px;color:#465d6c;font-weight:700; border:1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #sideA li .snb_2da:before {position:absolute; top:0px; left:0px; width:0px; height:48px; display:block; content:''; background:#e5e5e5; z-index:-1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #sideA li .snb_2da:hover:before, #sideA li:first-child .snb_2da:hover:before { width:240px; } #sideA li .snb_2da:hover, #sideA li:first-child .snb_2da:hover{ color:#000; } #sideA .snb_2dli .on, #sideA .snb_2dli a:hover.on{ color:#fff; border:1px solid #2b80bf; font-weight:700; background:#2b80bf; } #sideA .snb_2dli .on:after, #sideA .snb_2dli a:hover.on:after {position:absolute; top:23px; right:15px; display:block; content:''; background:#fff; width:10px; height:2px;} #sideA li .snb_3da{display:none; line-height:30px; font-size:15px; letter-spacing:-1px; color:#505050;} #sideA li .snb_3da:hover {color:#a6112c;} #sideA .on2 {color:#bd0000 !important;} #container { float:right;display:block; width:920px; padding:10px 0px; position:relative;overflow:hidden;} #container_title {position:relative; width:100%; margin:0px 0px; font-weight:900; font-family: 'AritaBuri'; } #container_title .conTit_tt {font-size:30px; line-height:40px; color:#000; padding:30px 0 0px 0px;letter-spacing:-1px; } h2#container_title {display:none !important;} #container_title .titexp {position:absolute;right:0px; top:34px; font-size:16.5px; letter-spacing:0px; font-weight:900; color:#5d7c90; text-align:right; } .scontA { width:100%; padding:20px 0px 40px 0; min-height:400px; overflow:hidden; display:block;line-height:1.7; color:#525252; text-align:justify;} .scontA .ctt_admin {display:none;} .scontA strong {font-weight:700;} .nowb{word-break:keep-all;} .ctt_txt_box {padding:0 30px;} #container .title { color:#2b80bf; font-weight:400;font-size:24px; line-height:160%; margin:5px 0; } #container .tit01{color:#000; font-family: 'AritaBuri'; font-weight:700; font-size:28px; letter-spacing:-1px; line-height:140%; margin:5px 0px 10px 0px;} #container .tit01 span{display:inline-block;position:relative; } #container .tit01 span:after{position:absolute; left:0px; bottom:4px; display:inline-block; background:#666; width:100%; height:1px; content:''; z-index:-1;} #container .tit02{position:relative; color:#000; font-family: 'AritaBuri'; font-weight:900;font-size:26px; line-height:160%; letter-spacing:-1px; } #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:18px;line-height:160%; letter-spacing:-0.5px; word-spacing:1px;} #container .tit04 {display:block;line-height:1.3; font-size:20px; font-weight:700; color:#333; margin-bottom:5px;} #container .tit04 span{display:inline-block; padding:0px 10px; background:#3a95d0; height:30px; line-height:30px; font-size:18px; color:#fff; } #container .tit05{position:relative; color:#000; font-family: 'AritaBuri'; font-weight:900;font-size:22px; line-height:140%; letter-spacing:-1px; } #container .tit06 span{display: block; font-family: 'AritaDotum'; padding:0px 10px; margin-top:5px; margin-right:20px;background:#5493bd; height:30px; line-height:30px; font-size:17px; color:#fff; } #container .tit06 .bg1{background:#2c9c88;} #container .tit06 .bg2{background:#c0a03e;} #container .tit06 .bg3{background:#8484c3;} #container .tit06 .bg4{background:#de838c;} #container .tit06 .bg5{background:#8cb257;} #container .tit06 .bg6{background:#e58b68;} #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;} .bg01{background:#fffeec !important;} .pott {color:#2b80bf !important;} .pott1 {color:#bf6a2b !important;} .pott2 {color:#15a67d !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;} .pottS {font-size:0.9em; } .pottR {font-weight:400;} .pottB{font-weight:700;} .pottSB{font-weight:900;} .ff1{ font-family: 'AritaBuri' !important;} .ff2{ font-family: 'AritaDotum' !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; border-bottom:1px solid #e5e5e5; 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:#fff; border:1px solid #e5e5e5; margin-left:-1px; margin-bottom:-1px; font-weight:700; font-size:0.95em; padding:7px 0; cursor: pointer; color:#666 !important; 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(4n+1) {margin-left:0px;} #subtab2 li:hover{text-decoration:none;background:#fff; color:#f47836 !important; } #subtab2 li.on {border:1px solid #f47836; background: #f47836; 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_wid7 li.el {width:16.66%;} ul.st_wid7 li:nth-child(7n+1){ margin-left:0px !important; } ul.st_wid7 li.el2 {width:16.93%;} 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; } .sub_tabmenu ul{padding:0px; margin:0px;} .sub_tabmenu ul::after {clear:both; content:""; display:block;} .sub_tabmenu li{list-style-type:none; float:left; display:inline-block; position:relative; overflow:hidden; margin:0px 0px 0px 0px; padding-bottom:5px;} .sub_tabmenu li a{display:block; text-decoration:none; border:1px solid #e5e5e5; margin-left:-1px; padding:8px 0px 8px 0px; text-align:center;overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .sub_tabmenu li:first-child a, .sub_tabmenu li.el a{ margin:0px 0px 1px 0px; } .sub_tabmenu li a:hover{ text-decoration:none; background: #fefaf8; color:#000 !important;} .sub_tabmenu li.on a {border:1px solid #f47836; background: #f47836; color:#fff !important;} .sub_tabmenu li.on a:after {position:absolute; top:46px; left:50%; margin-left:-5px; width:9px; height:5px; content:''; display:block; background:url(/img/tab_bul.png) center top no-repeat;} .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%; -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; -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:20%; -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%; font-weight:500; margin-left:2%; padding-top:2px; -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:42%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl4 > dd{float:right; width:52%;-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; display:block;width:25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl5 > dd{float:right; display:block;width:73%; font-weight:500; margin-left:2%; padding-top:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl5:after{clear:both; content:''; display:block;} #container dl.fl6 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl6 > dt{float:left; display:block;width:53%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl6 > dd{float:right; display:block;width:380px; font-weight:500; padding-top:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl6: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;} /* 연혁 */ dl.history {width:100%; overflow:hidden; position:relative; padding:25px 0; border-bottom:1px dashed #e5e5e5; box-sizing:border-box;} dl.history dt {display:block; position:relative; float:left; width:160px; color:#fff;font-weight:900; font-size:20px; } dl.history dt span {display:inline-block;padding:8px 20px;width:130px; background:url(/img/bul_sl.jpg) right 20px top 22px no-repeat #f36b1d; border-radius:10px; !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important;} dl.history dd {display:block; position:relative; float:left; padding-left:80px; width:830px;} dl.history:after {display:block; content:""; clear:both;} dl.history dd > ul > li {list-style:none; margin-bottom:5px; line-height:230%; width:100%;} dl.history dd > ul > li:after {display:block; content:""; clear:both;} dl.history dd > ul > li p {float:left; width:160px; display:inline-block; color:#fb6423; font-size:17px;} dl.history dd > ul > li span {display:inline-block; color:#a0a0a0; font-size:14px; margin-left:30px;} dl.history dd > ul > li ul.bul2{margin-left:160px;} .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:4px 0px 4px 10px; line-height:150%; position:relative; } ul.bul li:before {content:''; display:block; position:absolute; top:14px; left:0px; width:4px; height:4px; background:#df5d15 } ul.bul li:after{clear:both; content:''; display:block;} ul.bul li span.tt{float:left; display:block;width:30%;} ul.bul li span.txt{float:left; display:block;width:70%;} ul.bul li span.tt2{float:left; display:block;width:64%;} ul.bul li span.txt2{float:left; display:block;width:18%; text-align:center;} ul.bul li span.tt3{float:left; display:block;width:20%;} ul.bul li span.txt3{float:left; display:block;width:80%;} .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 li span.libox2 {display:inline-block; color:#e97341; font-weight:700; margin-right:20px;} ul.bul2 li:before {content:''; display:block; position:absolute; top:17px; left:0px; width:4px; height:4px; background:#e97341} 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: 'NotoKrM' !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:15%; padding-left:2%; margin:5px 0px; color:#333;} ul.fl li:first-child, ul.fl li:nth-child(6n+1) {padding-left:0px;} 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; } .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 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;} .tbl02 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; font-family:'NotoKrM'; background:#f5f5f5;font-weight:bold;} .tbl02 td{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;} .tbl03 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;} .tbl03 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#f5f5f5;font-weight: 500;} .tbl03 td{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;} .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;} .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;} .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: 'NotoKrM'; 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;} .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%;} .mbimg2 img {display:block; box-shadow:0px 3px 20px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 20px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 20px rgba(0,0,0,0.3); } 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;} .bg_0102{background:url(/img/01/02_i01.jpg) center top no-repeat #6f5257 !important;padding:160px 30px 50px 30px; color:#fff !important;text-shadow:0px 0px 2px rgba(0,0,0,0.6); } .imgArea {display:block; width:100%; background:#f5f5f5; text-align:center;} #showcase_s1{position:relative; width:660px; margin:0 auto 30px auto} #showcase_s1 .showcase-onepage .showcase-content{} #showcase_s1 .showcase-content .mbimg{height:500px;} #showcase_s1 .showcase-arrow-previous, #showcase_s1 .showcase-arrow-next{width:50px; height:50px; position:absolute; z-index:1; top:50%; margin-top:-25px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);background:url('/img/main/prev_next_btn3.png') 0px 0px no-repeat rgba(0,0,0,0.25); cursor:pointer; } #showcase_s1 .showcase-arrow-previous{left:0px;background-position:0 0;} #showcase_s1 .showcase-arrow-next{right:0px;background-position:-50px 0;} #showcase_s1 .showcase-arrow-previous:hover, #showcase_s1 .showcase-arrow-next:hover {background-color:rgba(0,0,0,0.7); opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #showcase_s1 .showcase-onepage .showcase-content{} #showcase_s1 .showcase-button-wrapper{clear:both; position:absolute;bottom:15px; left:50%; width:660px; margin-left:-50%; text-align:center; z-index:11; line-height:0px; } #showcase_s1 .showcase-button-wrapper span{display:inline-block; width:8px; height:8px; margin:0px 2px; cursor:pointer;border:2px solid rgba(255,255,255,0.5);text-indent:-9999999px; font-size:0px; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;} #showcase_s1 .showcase-button-wrapper span.active{ border:2px solid #fff; background:#fff;} 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:11px 0px 11px 2px; line-height:150%; position:relative; border-top:1px solid #e9e9e9;} ul.history li:first-child {border-top:1px solid #0071bc;} ul.history li:after{clear:both; content:''; display:block;} ul.history li .year{float:left; width:26%; color:#0071bc; font-weight:700; letter-spacing:0px;} ul.history li .txt{float:left; width:74%; } .hj{font-size:0.8em; letter-spacing:-1px;}