#wrapper {background:#f2f2f2; padding:30px 0px;}
#wrapper .swrap {width:1200px;margin:0px auto 0px auto;display:block;position:relative;background: #fff;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;/* box-sizing: border-box; */}

#sideA {/* position:absolute; *//* top:0px; *//* left:0px; *//* display:block; */width:220px;float: left;padding: 0;/* box-sizing: border-box; */}
#sideA h2{font-family: 'nanum-square-B';font-weight:normal;color:#fff;font-size: 24px;padding: 50px 20px 0;height: 185px;background:#416089;box-sizing: border-box;line-height: 140%;}
#sideA h2 p {font-family: 'NotoKrL';margin-top: 15px;font-size: 15px;opacity: 0.7;line-height: 120%;-moz-opacity:0.5;filter: alpha(opacity=50);}

#sideA .snb_2dul {display:block; font-family:'NotoKrM'; }
#sideA li{background:none;list-style-type:none;display:block;overflow:hidden;padding:0px;}
#sideA li .snb_2da{display:block;text-align:left;margin:0px;padding: 20px 0px 20px 20px;font-size: 17px;letter-spacing:-0.5px;color:#4c4c4c;background:rgba(255,255,255,1.0);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-bottom: 1px solid #ddd;}
#sideA li:first-child .snb_2da {}
#sideA li .snb_2da:hover, #sideA li:first-child .snb_2da:hover {color: #da501b;background: #f5f5f5;}
#sideA .snb_2dli .on, #sideA .snb_2dli a:hover.on{color: #fff !important;background: #60453a url(/img/smarrow.png) calc(100% - 15px) no-repeat;}
#sideA .snb_3dul {display:block; background:#fff; padding:0px 0px 10px 0px;}
#sideA .snb_3dul li {margin-bottom:0px;}
#sideA li .snb_3da{display:block;  line-height:34px; height:34px; font-size:14.5px; padding:0px 0px 0px 22px;  letter-spacing:-0.5px; color:#666;   }
#sideA li .snb_3da:hover {color:#01a5a4;}
#sideA  .on2 {color:#01a5a4 !important;}


#container {float:right;display:block;width: 980px;position:relative;background:#fff;box-sizing: border-box;border: 1px solid #ddd;border-bottom: 0;padding: 183px 0 0;}

#sVisualA {position: absolute;right: 0px;top: 0;width: 980px;height: 185px;}
.svbg1 {background: url(/img/svbg1.jpg) no-repeat;}
.svbg2 {background: url(/img/svbg2.jpg) no-repeat;}
.svbg3 {background: url(/img/svbg3.jpg) no-repeat;}
.svbg4 {background: url(/img/svbg4.jpg) no-repeat;}
.svbg5 {background: url(/img/svbg5.jpg) no-repeat;}
.svbg6 {background: url(/img/svbg6.jpg) no-repeat;}
.svbg7 {background: url(/img/svbg7.jpg) no-repeat;}


#locationA {float: right;display:block;overflow:hidden;text-align:left;}
#locationA .cloc{position: absolute;right: 0;top: 15px;}
#locationA .cloc a{color:#777;}
#locationA .cloc span {display:inline-block;font-family:'NotoKrR';height:16px;line-height: 100%;padding: 0px 12px 0px 13px;background:url(/img/loca_line.jpg) left 3px no-repeat;font-size: 15px;}
#locationA .cloc span.home {width:13px;height:14px; line-height:16px; display:inline-block;padding-bottom:4px; padding-right:0px; text-indent:-999999px; background:url(/img/i_home.png) left 1px no-repeat; }


#container_title {position:relative;margin:0px 0px;font-family: 'nanum-square-r';letter-spacing:-1px;border-bottom:1px solid  #e5e5e5;margin: 40px 50px;padding: 0 0 25px;}
#container_title .conTit_tt {float: left;font-size: 29px;line-height: 100%;color:#31343f;font-family: 'nanum-square-B';}
#container_title:after {content:'';display:block;clear:both;}

h2#container_title {display:none !important;} 

.scontA {padding: 0 50px 65px;min-height: 240px;overflow:hidden;display:block;line-height:180%;font-size:16px;color:#555;letter-spacing:-0.5px;text-align:justify;}
.scontA strong {font-weight:normal; font-family:'NotoKrM';} 



#container .tit01{position:relative; color:#2d3c4f; font-weight:normal; font-family:'nanum-square-b'; font-size:30px; padding-bottom:5px; line-height:normal; letter-spacing:-1px;}
#container .tit01 span {display:block; margin:7px 0; color:#bccce1; font-size:24px; font-family:'nanum-square-r';}
#container .tit02{margin:0; color:#da501b; font-weight:normal; font-family:'nanum-square-b'; font-size:20px; padding-bottom:5px; line-height:170%;}
#container .tit03{ margin:0; color:#1b1b1b; font-weight:normal; font-family:'NotoKrM'; font-size:18px; padding-bottom:10px; line-height:170%; letter-spacing:-0.5px;}
#container .tit04{display:block; margin:0; color:#2d3c4f; font-weight:normal; font-family:'nanum-square-b'; font-size:25px; letter-spacing:-0.5px; padding-bottom:10px;}
#container .tit05{display:block; margin:0; color:#395954; font-weight:normal; font-family:'NotoKrM'; font-size:16.5px; padding:8px 30px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-bottom:none; background:#f4f4f4;}
#container .tit06{display:block;margin:0;font-size: 32px;font-weight:normal;font-family: 'nanum-square-B';line-height: 100%;text-align: center;padding: 10px 0 45px;color: #333;}
#container .tit06 p{display: block;font-size: 17px;font-family: 'nanum-square-B';margin: 0 0 10px;color: #5e7491;line-height: 100%;}
#container .tit06 span {display: block;font-size: 17px;font-family: 'nanum-square-B';margin: 12px 0 -10px;color: #5e7491;line-height: 100%;}


#container div.titA {position:relative; width:100%; display:block; overflow:hidden;}
div.titA .titbox {position:absolute; top:0; width:710px; padding:30px 30px 30px 140px; background:url(/img/tit_bg.jpg)no-repeat;}
div.titA .tit01 {color:#fff !important;}

#container .titbox2 {position:relative;display:block;overflow:hidden;border:3px solid #f6f4f7;padding: 17px 25px;}
#container .titbox3 {position:relative;display:block;overflow:hidden;background:url(/img/stbg1.jpg) no-repeat;padding: 3% 5%;color:#fff;font-family:'nanum-square-r';font-size:16.5px;}
#container .titbox4 {position:relative; display:block; overflow:hidden; background:#f6f4f7; padding:8px 20px; margin:5px 0;}




.pott {color: #da501b !important;}
.pott1 {color:#d87a35 !important;}
.pott2 {color:#01926d !important;}
.pott3 {color:#000 !important;}
.pott4 {color:#805e45 !important;}
.pottS {font-size:13.5px; color:#757575;}
.pottB {font-weight:normal; font-family: 'NotoKrM' !important;}
.pottSB {font-family: 'nanum-square-b' !important;}

.fs1 {font-size:18px;}
.fs2 {font-size:15px !important;}

.lets0 {letter-spacing:0px;}
.lets1 {letter-spacing:-0.1px;}
.lets5 {letter-spacing:-0.5px;}
.lets10 {letter-spacing:-1px;}
.lets15 {letter-spacing:-1.5px;}
.lets20 {letter-spacing:-1.5px;}

.sub_tab {width: 878px;overflow:hidden;margin-bottom:30px;letter-spacing:-1px;}
.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; margin:0px 0px 1px 1px;}
.sub_tab li a{display:block; text-decoration:none;background:#fff; border:1px solid #e5e5e5;  padding:8px 0px 8px 0px;  font-size:16.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tab li:first-child , .sub_tab  li.el{  margin:0px 0px 1px 0px;   }
.sub_tab li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tab li a.on {border: 1px solid #416089;background: #416089;color:#fff !important;font-family: 'NotoKrM';}

.sub_tab2 {width:878px; overflow:hidden; margin-top:10px; margin-bottom:30px; letter-spacing:-0.5px;}
.sub_tab2 ul {margin-bottom:1px; padding-left:1px; zoom:1}
.sub_tab2 ul:after {display:block; visibility:hidden; clear:both; content:""}
.sub_tab2 li {float:left; margin-bottom:-1px;}
.sub_tab2 li a {display:block;position:relative;margin-left:-1px;padding:15px 0 14px 0; border:1px solid #e5e5e5; border-bottom: 1px solid #2d3c4f; background:#f1f3f5;color:#9297a1;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
.sub_tab2 a:focus, .sub_tab a:hover, .sub_tab a:active, .sub_tab  li.el{text-decoration:none; color:#333;}
.sub_tab2 li a.on {z-index:2; border:1px solid #2d3c4f; background:#fff; color:#2d3c4f; font-family: 'NotoKrM'; border-bottom:0;}

.sub_tab3 {}
.sub_tab3 ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;-ms-grid-rows: 1fr 1fr;grid-template-rows: 1fr 1fr;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.sub_tab3 ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.sub_tab3 ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}
.sub_tab3 ul > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 3;}
.sub_tab3 ul > *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 4;}
.sub_tab3 ul > *:nth-child(5) {-ms-grid-row: 2;-ms-grid-column: 1;}
.sub_tab3 ul > *:nth-child(6) {-ms-grid-row: 2;-ms-grid-column: 2;}
.sub_tab3 ul > *:nth-child(7) {-ms-grid-row: 2;-ms-grid-column: 3;}
.sub_tab3 ul > *:nth-child(8) {-ms-grid-row: 2;-ms-grid-column: 4;}
.sub_tab3 ul li {border: 1px solid #ddd;border-left: 0;border-top: 0;}
.sub_tab3 ul li a {display: block;width: 100%;text-align: center;line-height: 100%;padding: 20px 0;}
.sub_tab3 ul li a.on {background: #416089;color: #fff;}

.sub_tabmenu {width:860px; overflow:hidden; margin:0px auto 40px auto; letter-spacing:-1px; }
.sub_tabmenu ul{width:860px; display:table; padding:0px; margin:0px;}
.sub_tabmenu li{list-style-type:none; display:table-cell;overflow:hidden;padding-right:1px;  }
.sub_tabmenu li a{display:block; text-decoration:none;background:#fff; border:1px solid #e5e5e5;  padding:8px 0px 8px 0px;  font-size:16.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tabmenu li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tabmenu li.on a {border:1px solid #01a5a4; background:#01a5a4;  color:#fff !important; font-family: 'NotoKrM'; }

.sub_tab_jk {width:860px; overflow:hidden; margin-bottom:30px; letter-spacing:-1px; }
.sub_tab_jk ul{padding:0px; margin:0px;}
.sub_tab_jk ul::after {clear:both; content:""; display:block;}
.sub_tab_jk li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;}
.sub_tab_jk li a{display:block; text-decoration:none;background:#fff; border:1px solid #e5e5e5;  padding:6px 0px 6px 0px;  font-size:14.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tab_jk li:first-child , .sub_tab_jk  li.el{margin:0px 0px 1px 0px;   }
.sub_tab_jk li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tab_jk li a.on {border:1px solid #01a5a4; background:#01a5a4; color:#fff !important; font-family: 'NotoKrM'; }


.sub_tab_s {width:860px; overflow:hidden; margin-bottom:30px; letter-spacing:-1px; }
.sub_tab_s ul{padding:0px; margin:0px;}
.sub_tab_s ul::after {clear:both; content:""; display:block;}
.sub_tab_s li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;}
.sub_tab_s li a{display:block; text-decoration:none;background:#f5f5f5; border:1px solid #e5e5e5;  padding:6px 0px 6px 0px;  font-size:14.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tab_s li:first-child , .sub_tab_s  li.el{  margin:0px 0px 1px 0px;   }
.sub_tab_s li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tab_s li a.on {border:1px solid #805e45; background:#805e45; color:#fff !important; font-family: 'NotoKrM'; }

.tabCont {clear:both;margin:40px 0px 0px 0px; letter-spacing:-0.5px;}

.litc2 {width:437px;}
.litc3 {width: 289px;}
.litc4 {width:212px;}
.litc5 {width:169px;}
.litc6 {width:140px;}
.litc7 {width:127px;}
.litc8 {width:104px;}
.litc9 {width:92px;}

#container dl.fl {position:relative; margin-top:0px; width:100%; clear:both; overflow:hidden;}
#container dl.fl > dt{float:left; width:530px;}
#container dl.fl > dd{float:right;width: 308px;margin-left:40px;margin-top:5px;}
#container dl.fl:after{clear:both; content:''; display:block;}

#container dl.fl2 {position:relative;display:block;}
#container dl.fl2 > dt{float:left;width: 20%;}
#container dl.fl2 > dd{float:left;width: 78%;margin-left: 2%;}
#container dl.fl2:after{clear:both; content:''; display:block;}

#container dl.fl3 {position:relative; display:block; padding:20px; border:2px solid #e5e5e5; float:left; width:380px; margin-left:30px;}
#container dl.fl3 > dt {position:relative; float:left; margin-right:30px;}
#container dl.fl3 > dd {position:relative; float:left; width:230px;}
#container dl.fl3:after{clear:both; content:''; display:block;}

#container dl.fl4 {position:relative;display:block;}
#container dl.fl4 > dt{float:left;width: 49%;}
#container dl.fl4 > dd{float:left;width: 49%;margin-left: 2%;}
#container dl.fl4:after{clear:both; content:''; display:block;}




.bgbox {background:#f5f5f5; border:1px solid #e5e5e5; padding:20px 40px; width:100%; -webkit-box-sizing:border-box;box-sizing:border-box;}

ul.bul {width:100%; position:relative; clear:both; margin:0; line-height:165%;}
ul.bul li {padding: 2px 0 2px 10px;position: relative;}
ul.bul li:after {content:'';position: absolute;left: 0;top: 12px;width: 4px;height: 4px;background: #545454;border-radius: 50%;}
ul.bul li.nobul:after {display:none;}
ul.bul li span.libox {display:inline-block; width:180px; color:#d87a35; font-family:'NotoKrM';}
ul.bul li span.libox2 {display:inline-block; width:90px; color:#d87a35; font-family:'NotoKrM';}

ul.bul li span.liextt {float:left; width:94px;}
ul.bul li span.liexp {float:left; width:750px;}


ul.bul2 {width:100%; position:relative; clear:both; margin:0; line-height:165%;}
ul.bul2 li {padding: 2px 0 2px 10px;position: relative;}
ul.bul2 li:after {content:'';position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #fff;border-radius: 50%;}
ul.bul2 li span.libox {display:inline-block;width: 86px;font-family:'NotoKrM';}
ul.bul2 li span.libox2 {display:inline-block; width:90px; color:#d87a35; font-family:'NotoKrM';}



ul.lifl {position:relative; clear:both; margin:0 auto; overflow:hidden;}
ul.lifl li {padding:1px 0;display:block;}
ul.lifl li span {display:inline-block; width:160px;}


ul.libg{border:1px solid #e8e8e8; padding:30px 40px; overflow:hidden; margin:5px 0; }
ul.libg li{padding-bottom:4px; display:block;}
ul.libg span {display:inline-block; width:100px; font-family: 'NotoKrM'; color:#333;}

ul.libg2 li:after {display:block; content:""; clear:both;}
ul.libg2 li {list-style:none; padding:0px; padding:10px 0; border-bottom: 1px dashed #e0e0e0; line-height:170% !important;}
ul.libg2 li .li_tit {float:left; width:100px; display:inline; color:#333; font-family: 'NotoKrM';}
ul.libg2 li .li_txt {float:left;  display:inline;  } 



.bgg {background:#f5f5f5;}

.tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl01 th{padding:5px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; font-family:'NotoKrM'; background:#f5f5f5}
.tbl01 td{padding:5px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; line-height:160%;}
.tbl01 td.txt_l {text-align:left; padding:5px 15px;}
.tbl01 td.color_y {background:#fff6e8;}





.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;}
.h25 {display:block; border:none; height:25px;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;}
.h100 {display:block; border:none; height:100px;margin:0px; padding:0px; font-size:0px;}

.bd {display:block; border:none; background:#eaeaea; height:1px;margin:35px 0px; padding:0px; font-size:0px; clear:both;}
.bd2 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:15px 0px; padding:0px; font-size:0px; clear:both;}
.bd3 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:15px 0px; padding:0px; font-size:0px; clear:both; opacity:0.2;}
.bd4 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:7px 0px 10px 0px; padding:0px; font-size:0px; clear:both;}
.bd5 {display:block; border:none; background:#eaeaea; height:1px;margin:10px 0px 15px; 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;}
.bdn {border:none !important;}
.bgn {background:none !important;}
.w100 {width:100%;}
.w280 {width:280px;}
.mw100 {max-width:100%;}
.mh100 {max-height:100%;}

.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mt30 {margin-top:30px !important;}
.mr5 {margin-right:5px !important;}
.mr20 {margin-right:20px !important;}
.ml30 {margin-left:30px !important;}
.ml50 {margin-left:50px !important;}
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pr0 {padding-right:0 !important;}
.pl0 {padding-left:0 !important;}
.pr20 {padding-right:20px !important;}


.txt_r {text-align:right;}
.txt_c {text-align:center;}


.btnArea {display:block; position:relative; width:100%; height:44px; text-align:center;}
.btnArea a.btn_01 {display:inline-block; width:220px; height:44px; line-height:44px; font-size:16px; font-family:'NotoKrM'; background:#e77c44; color:#fff; } 
.btnArea a.btn_01:hover {background:#f0f0f0 !important; color:#e77c44; }

.prepare {text-align: center;padding: 60px 0;}
.prepare span {display: block;width: 52px;height: 52px;margin: 0 auto;background: url(/img/prepare.png) no-repeat;}
.prepare strong {display: block;font-size: 30px;color: #333;font-weight: 500;letter-spacing: -1px;margin: 22px 0 20px;}

.mbimg {background: #E6E2DF;height: 460px;}