@charset "utf-8";
@import url('/css/notosans.css');
/* Common */
html, body{width:100%;overflow-x:hidden;}
body,th,td,input,select,textarea,button,h1,h2,h3,h4,h5,h6 {font-family:'Apple SD Gothic Neo','Helvetica Neue','Roboto','Noto Sans KR','Malgun Gothic','dotum','Arial',sans-serif !important;}
body{margin:0 auto; color:#444; line-height:1.6; background-color:#FFF;font-size:14px;line-height:1.6;}

.editerBox ul li{list-style:disc inside;}
.editerBox ol li{list-style:decimal inside;}

@media print{.noprint {display: none}}
.clear { clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; }

a.rollover img { border:0pt none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0pt none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

#wrap_index { margin:0 auto; text-align:left;width: 100%;}
#wrap { margin:0 auto; text-align:left;width: 100%;}
#wrap_pop { margin:10 auto; text-align:left; }
#main_group {margin: 0 auto;position: relative;width: 100%;}
.main_group {margin: 0 auto;position: relative;width: 100%;}
.main_group:after, #main_group:after {content:""; display:block; clear:both;}
.wrap {position: relative;margin:0 auto; padding:0;text-align:left;width:1200px;}
.wrap:after {content:""; display:block; clear:both;}


#footer {margin: 0 auto;position: relative;text-align: left;width:1200px;}
#wrap_index #main{clear: both;display: block;margin: 0 auto;padding:0px;position: relative;text-align: left;width:1200px;}/*overflow: hidden;*/
#wrap #main{clear: both;display: block;margin: 0 auto;padding:0;position: relative;text-align: left;width:100%;max-width:1200px;background-color:#FFF;border-top:1px solid #f5f5f5;}
.main{clear: both;display: block;margin: 0 auto;padding:0px;position: relative;text-align: left;width: 100%;}/*overflow: hidden;*/
.main:after, #main:after, #footer:after {content:""; display:block; clear:both;}

/* print */
#header_print, #main_print, #main_pdf, #footer_print {margin: 0 auto;position: relative;text-align: left;width: 710px;}
#header_print #hd_wrap {position:relative; height:85px; width:100%; margin: 0 auto;}
#header_print #hd_wrap #HLeft {float:left;width:200px;overflow: hidden; padding-top:10px;height:79px;}
#header_print #hd_wrap #HCenter {position: absolute;width:100%;float:left;text-align:center;padding-top:5px;}
#header_print #hd_wrap #HRight {float:right;width:200px; height:79px; overflow: hidden;bottom:0; padding-top:30px;}
#header_print #hd_wrap #HLeft h1{padding-top:3px;padding-left:10px;}
#main_pdf #viewWrap .viewTitle {overflow: hidden; _height:1%; margin:10px 0 10px 0; }
#main_pdf #viewWrap .viewConts{position: relative; overflow: hidden; padding: 10px 0 0; font-size: 10.5pt; line-height: 1.3;}

/* @print menu */
#Pmenu {margin: 0; padding: 0; list-style: none; height: 37px; padding-left: 5px; padding-right: 5px; background: #3b5998; }
#Pmenu li { height:39px;  float: left; display: block; background: none; position: relative;margin: 0 5px;overflow: hidden;}
#Pmenu li a {font-weight: bold; line-height: 39px; text-decoration: none;  color: #FFFFFF; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 1px; }

/* footer */
#footer {display: block;padding:0px 0px 10px 0px;border-top:0px solid #ddd;}
#footer .flogo {position: absolute;top:25px;left:0px;width:240px;text-align:left;}
#footer .flogo img{max-width: 180px;}

#footer .finfos {position: absolute;top:70px;left:10px;width:180px;text-align:left;}
#footer .finfos img{max-width: 180px;}

._incad {position:absolute;right:5px; top:50px;}
._incad img {max-height:35px;}

#footmenu {position:relative;width:100%;max-width:1200px;padding:0;margin:0 auto; text-align:center;border-top:0px solid #ddd;}
#footmenu ul {position: relative;width:100%; margin: 0; padding:0; list-style: none; height: 45px;}
#footmenu li {display: block;list-style:none;display:inline; padding:0; white-space:nowrap;color:#FFF;}
#footmenu li a {display: inline-block;height:45px;line-height:45px;color:#FFF;font-size:0.8rem;font-weight: bold;padding:0 35px;}

#footmenu li a::after {content: "|";float:right;color: rgba(255, 255, 255, .2);margin-right:-35px;}
#footmenu li:last-child a::after {content: "";}

#footaddr {position:relative;float: left;width:820px;padding:20px 0px; margin:0 0 0 240px;overflow: hidden;color: rgba(0, 0, 0, .6);text-align:left;}
#footaddr dl {margin: 0 auto; font-size:.8rem;letter-spacing: -0.05em;}
#footaddr a {color: rgba(0, 0, 0, .9);}
#footaddr dd {line-height: 1.8; font-size:.8rem;}
#footaddr .copy {}
#footaddr .bar {display: inline-block;color:#999;padding:0px 6px 0 6px;font-size:10px;line-height:18px;}

#footaddr dl.copyr {position:relative; margin-top: 17px; padding-bottom: 7px;overflow: hidden; border-bottom:0px dotted #bfbfbf;}
#footaddr dl.copyr dt {float:left;width:20%;text-align:left; overflow: hidden;padding:0;margin:0;border:0;}
#footaddr dl.copyr dt img{max-width: 90%;}
#footaddr dl.copyr dd {float:right; width:79%; margin: 0;padding:0;display: block;font-size:0.75rem;height:24px;line-height:24px;}

#_toplink {background: rgba(0, 0, 0, 0) url("img/_top.gif") no-repeat scroll 0 0;bottom: 50px;display: none;height: 45px;opacity: 0.5;position: fixed;right: 50px;text-indent: -9999px;width: 45px;z-index:999;}

#header{margin: 0 auto;position: relative;text-align: left;width: 100%;z-index:99;}
#hd_wrap {position:relative; height:140px; width:100%;max-width:1200px; margin:0px auto;}
#hd_wrap .Hlogo{width:420px;min-height:60px;margin:0 auto;text-align:center;padding-top:25px;}
#hd_wrap .Hlogo a {border:0;margin:0;font-size:0;display: block;vertical-align:middle;}
#hd_wrap .Hlogo img {max-height:100px;}
#hd_wrap #HLeft {position: absolute;float:left;width:300px;max-height: 80px;padding:0;overflow: hidden;bottom:30px;}
#hd_wrap #HRight {position: absolute;float:right;width:300px;max-height: 80px;padding: 0;overflow: hidden;bottom:30px;right:0;}
#hd_wrap #HLeft img, #hd_wrap #HRight img {height:80px;}

#hd_top {position:relative; width:100%;max-width:1200px; margin:0px auto;overflow: hidden;clear: both;}
#hd_top #HLeft {float:left;width: 45%;overflow: hidden; padding:0;margin:0;}
#hd_top #HRight {float:right;width: 50%;overflow: hidden;padding:0;margin:0;}

#header ul{margin: 0 auto; padding:0; list-style: none;}

.HR_weather {position: relative;float:left;min-width:130px;height: 40px;padding:0;overflow: hidden;}
#weather_scroll {float:left;height:40px;overflow: hidden;padding:0px 0 0px 0%;}
#weather_scroll.scroll-img1 ul {width: 100%;margin: 0;padding:0;list-style: none;}
#weather_scroll.scroll-img1 ul:after {clear: both;content: "";display: block;}
#weather_scroll.scroll-img1 ul li {margin: 0px;padding:0;width:100%;height:40px;}

.all_weather {position:relative;width:100%;height:40px;overflow:hidden;text-align:right;}
.all_weather .icon {float:left;vertical-align:text-bottom;margin-right:3px;margin-top:5px;}
.all_weather .area {float:left;padding:0px 3px 0 0;font-size:0.85rem;line-height:40px;}
.all_weather .temp {float:left;padding:0px 0 0;font-size:0.85rem;line-height:40px;}

#logbox {text-align: left;float: right;height: 40px;padding: 0px 10px 0px;overflow: hidden;margin:0;}
#logbox ul {margin: 0;padding:0;list-style: none;}
#logbox ul li {float:left;padding: 0px 7px 0px 5px;background:url("/images/sub/menu_line.gif") no-repeat scroll right 15px transparent;font-size:12px;}
#logbox ul li.bg_none {background:none repeat scroll 0 0 transparent;padding: 0px 0px 0px 5px;}
#logbox ul li.day {color:#111;font-weight: bold;padding: 0px 7px 0px 0px;line-height:40px;}
#logbox ul li a{color:#111;line-height:40px;height:40px;}

.snsbox {text-align: left;float: right;padding: 0;overflow: hidden;}
.snsbox ul {margin: 0;padding:0;list-style: none;}
.snsbox ul:after {clear: both;content: "";display: block;}
.snsbox li {float:left;padding: 0;width:32px;}
.snsbox li a{display: block;font-size:18px;text-align:center;line-height:40px;color:#111;}
.snsbox li a.youtube:hover{color:#ff0000;}
.snsbox li a.fbook:hover{color:#0033ff;}
.snsbox li a.twitter:hover{color:#00ccff;}
.snsbox li a.insta:hover{color:#9900ff;}
.snsbox li a.rss:hover{color:#ff6633;}

.search_wrap_ico{position: absolute;width:50px;line-height:60px;padding:0;right:0px;top:0;z-index:6;cursor: pointer;text-align:center;}
.search_wrap_ico .fa {font-size:1.25rem;}
.search_wrap {width:100%;top:0px;min-height:60px;position: absolute;display: none; left:0;margin:0; padding: 0;background-color: #F2F2F2;z-index:99;}
.search_wrap::before,.search_wrap::after{box-sizing:border-box}
.search_wrap a.swrap_close{position: absolute;top: 13px;right: 16%;height: 32px;padding: 0 15px;border:0px solid #DDD;}
.search_wrap a.swrap_close:hover{background-color:#444;}
.search_wrap a.swrap_close:before, .search_wrap a.swrap_close:after {content: '';display: block;position: absolute;top: 50%;right: 10px;width: 15px;height: 2px;margin-top: -1px;background-color: #999;transform-origin: 50% 50%;transition: all 0.3s ease-out;}
.search_wrap a.swrap_close:hover:before, .search_wrap a.swrap_close:hover:after {background-color: #FFF;}
.search_wrap a.swrap_close:after {transform: rotate(-45deg);opacity: 1;z-index: 2;}
.search_wrap a.swrap_close:before {transform: rotate(45deg);opacity: 1;z-index: 2;}

.search {margin: 0 auto;position: relative;width:60%;padding-top:10px;}
.search form {}
.hum_tm{position: absolute;width:50px;line-height:60px;padding:0;left:0;top:0;z-index:3;}

.sticky_header {	display: none;padding: 0px;z-index:9999;}
body.sticky-open:after, .sticky-open {display: block;}

.Topmenu_wrap{position:relative;margin:0 auto;width:100%;background-color:#fff;border-bottom:1px solid #ddd;}

#Topmenu_sticky{position:absolute;right:0;bottom:0px;margin:0 auto;}
#Topmenu_sticky>#Tmenu>li>a {font-size:20px;padding: 10px 17px;letter-spacing: -0.05em;color:#444;}
#Topmenu_sticky>#Tmenu>.s>a:after {display: none;}

.Hlogo_sticky {float: left;width:180px;margin:0;padding-top:10px;text-align:center;}
.Hlogo_sticky a {border:0;margin:0;font-size:0;display: block;vertical-align:middle;}
.Hlogo_sticky img {max-height:37px;}

.Topmenu_grp {position:relative;margin:0 auto;width:1200px;text-align:center;}
.Topmenu_grp:after {clear: both;content: "";display: block;}

#Topmenu {position:relative;padding:0;margin:0 auto;text-align:center;}
#Topmenu:after {clear: both;content: "";display: block;}

/* @group core nav menu */
#Tmenu {padding: 0; list-style: none; height: 60px;margin: 0;}
#Tmenu>li {list-style: none; display: inline-block; background: none;z-index: 999; margin: 0 auto;text-align:center;}
#Tmenu li>a {position:relative;display: block;font-size:1.1rem; font-weight:600;letter-spacing: -0.055rem; line-height: 40px; text-decoration: none; color: #111;padding: 10px 20px;}
#Tmenu>li>a:hover, #Tmenu>li>a.hov, #Tmenu>li>a.hovx {border-top:0px solid #e70012;color: #e70012;}
#Tmenu>#selxx>a {color: #e70012;}

#Tmenu>li>a:hover::before, #Tmenu>li>a.hov::before, #Tmenu>li>a.hovx::before {opacity: 1;}
#Tmenu>#selxx>a::before {
    opacity: 1;
}
#Tmenu>li>a::before {
    content: '';
    overflow: hidden;
    position: absolute;
    z-index: 13;
    bottom: -6px;
    left: 50%;
    width: 11px;
    height: 11px;
    background-color: #e70012;
    border-radius: 50%;
    opacity: 0;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .15s;
}

/* @group subnav */
#Tmenu ul {position: absolute; list-style: none;display: none; margin: 0; padding:0;padding-top: 5px;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:0px;}
#Tmenu ul li {float: left;text-align: left; padding:0 2px;margin:0;white-space:nowrap;}
#Tmenu ul li a {display: block; line-height: 26px; padding: 0px 5px;margin:4px 0; color: #000; font-size:0.85rem;font-weight: 400;letter-spacing: 0px;border:none;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov, #Tmenu ul li a.hovx {color: #FFF;border:none;background-color: #e70012;}
#Tmenu ul li a.hot {background-color: #FFF; color: #444;}


.thline_row{border:0px solid #0664a6;padding:0 75px;margin:0;height: 50px;}
.thline_row:after {clear: both;content: "";display: block;}
.thline_tl {float:left;display:block;height: 50px;color:#000;text-align:center;margin-right:10px;}
.thline_tl p {line-height: 50px;color:#000;font-weight: 400;padding:0;margin-bottom:0;letter-spacing: -0.055rem;}
.thline_col1 {position:relative;float:left;width:700px;height: 50px;}
.thline_col3 {float:right;width:300px;height: 50px;}



.scategory-wrap {top:0;width:100%;position: absolute;display: none; left:0;margin:0; padding-bottom: 3px;background-color: #FFF;z-index:99;}
.scategory-wrap::before,.scategory-wrap::after{box-sizing:border-box}
.scategory-wrap h3{color:#111;font-size:1.25rem;padding:0;line-height: 60px;height: 60px;}

.scategory-wrap a.hum_close{position: absolute;top: 13px;left: 0px;height: 30px;padding: 0 15px;border:1px solid #DDD;}
.scategory-wrap a.hum_close:hover{background-color:#444;}
.scategory-wrap a.hum_close:before, .scategory-wrap a.hum_close:after {content: '';display: block;position: absolute;top: 50%;right: 10px;width: 15px;height: 2px;margin-top: -1px;background-color: #999;transform-origin: 50% 50%;transition: all 0.3s ease-out;}
.scategory-wrap a.hum_close:hover:before, .scategory-wrap a.hum_close:hover:after {background-color: #FFF;}
.scategory-wrap a.hum_close:after {transform: rotate(-45deg);opacity: 1;z-index: 2;}
.scategory-wrap a.hum_close:before {transform: rotate(45deg);opacity: 1;z-index: 2;}

#menuMap {clear: both;overflow: hidden;position:relative;margin: 0 auto;padding: 0;border-top:2px solid #444;border-right:1px solid #E3E3E3;border-left:0px solid #E3E3E3;border-bottom:0px solid #E3E3E3;}
#menuMap .atmenu1{width:100%;clear: both;overflow: hidden;position:relative;padding:0px;}

#menuMap .secmap {position:relative;float: left;	text-align:left;width:15%;height:220px;margin-left:0;padding:1% 2.5%;border-bottom:1px solid #E3E3E3;overflow: hidden}
#menuMap .secmap h2 {position:relative;font-size: 16px;line-height: 26px;font-weight: 600;padding: 0 2px 10px 2px;border-bottom:1px solid #444;text-align:center;}
#menuMap .secmap h2 a{color:#5db7e8;letter-spacing:-0.025em;}
/*#menuMap .secmap:first-child:before{content:'';position:absolute;top:0;left:0;width:0px;height:calc(100%);background-color:#e5e5e5;}
#menuMap .secmap:nth-child(5n+1):before{content:'';position:absolute;top:0;left:0;width:0px;height:calc(100%);background-color:#e5e5e5;}*/
#menuMap .secmap:before{content:'';position:absolute;top:0;left:0;width:1px;height:calc(100%);background-color:#e5e5e5;}
#menuMap .secmap:after {clear: both;content: "";display: block;}

#menuMap .listmap {position: relative; list-style: none; margin-top:15px; padding:0;}
#menuMap .listmap:after {clear: both;content: "";display: block;}
#menuMap .listmap li {width:100%;text-align: left; padding:0px;margin:0;white-space:nowrap;border-bottom:0px solid #ecf0f1;}
#menuMap .listmap li a {display: block; height: 24px; line-height: 24px; padding: 0 0 0 1%;margin:0px 0; color: #444; font-size:14px;font-weight: 100;letter-spacing:0;}
#menuMap .listmap li a:before{content:"\A";width:3px;height:3px;border-radius:50%;background: #666666;display:inline-block;margin:3px 5px;}
#menuMap .listmap li a:hover{color: #00417e;text-decoration: underline; text-underline-position:under;}
#menuMap .listmap li:last-child {border-bottom: 0;}

#menuMap .listmap2 {position: relative; list-style: none; margin-top:15px; padding:0;}
#menuMap .listmap2:after {clear: both;content: "";display: block;}
#menuMap .listmap2 li {float: left;width:50%;text-align: left; padding:0px;margin:0;white-space:nowrap;border-bottom:0px solid #ecf0f1;}
#menuMap .listmap2 li a {display: block; height: 24px; line-height: 24px; padding: 0 0 0 1%;margin:0px 0; color: #444; font-size:14px;font-weight: 100;letter-spacing:0;}
#menuMap .listmap2 li a:before{content:"\A";width:3px;height:3px;border-radius:50%;background: #666666;display:inline-block;margin:3px 5px;}
#menuMap .listmap2 li a:hover{color: #00417e;text-decoration: underline; text-underline-position:under;}
#menuMap .listmap2 li:last-child {border-bottom: 0;}


.ham_menu {float: left;width: 34px;height: 20px;margin: 20px 10px;color: inherit;cursor: pointer;position: absolute;left:0;top: 0;transition: color 0.5s;-webkit-tap-highlight-color: transparent;z-index: 999;display: block;}
.ham_menu > span {position: absolute;left: 0;top: 50%;background-color: #444;width: 100%;height: 2px;margin-top: -1px;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;transition: width 0.1s, -webkit-transform 0.5s;transition: transform 0.5s, width 0.1s;transition: transform 0.5s, width 0.1s, -webkit-transform 0.5s;text-indent: -9999px;overflow: hidden;text-align: left;}
.ham_menu::before {background-color: #444;content: "";height: 2px;left: 0;position: absolute;top: 0;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;transition: width 0.1s, -webkit-transform 0.5s;transition: transform 0.5s, width 0.1s;transition: transform 0.5s, width 0.1s, -webkit-transform 0.5s;width: 100%;}
.ham_menu::after {background-color: #444;bottom: 0;content: "";height: 2px;left: 0;position: absolute;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;transition: top 0.1s, width 0.1s, -webkit-transform 0.5s;transition: transform 0.5s, top 0.1s, width 0.1s;transition: transform 0.5s, top 0.1s, width 0.1s, -webkit-transform 0.5s;width: 60%;}

#side-nav{position:fixed;left:0;top:0;z-index:500;width:100%;height:100%;padding:0;}
#side-nav ._fclose{color:#111;position:absolute;right:1em;top:1.2em;font-size:1.5em;}
#side-nav .fbg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}

.navbar-wraper{position:relative;width:350px;max-width:100%;height:100%;padding:0;background:#FFF;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}
.navbar-header{border-bottom:0px solid;border-color:inherit;margin:0;background:inherit;padding:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding:1em;}
.navbar-bottom{border-top:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;margin:0;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.navbar-bottom a{width:25%;color:rgba(0,0,0,.9);box-sizing:border-box;display:block;float:left;padding:10px 0;}

.navbar-search {position: relative;  background:inherit; border-bottom: 1px solid; border-color:#111;padding: 0em;margin:2em 1em;}
.navbar-search form{overflow: hidden;}
.navbar-search ._fd{margin: 0;position: relative;border:0;}
.navbar-search ._leg {height: 0;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 0;}
.navbar-search ._box {background:inherit;overflow: hidden;padding: 6px 80px 4px 10px;box-shadow: none;}
.navbar-search ._keywd {background-color: transparent;border: 0 none;color:inherit;font-size: 15px;font-weight: 400;height: 28px;line-height: 20px;outline: 0 none;padding: 0;vertical-align: top;width: 100%;}
.navbar-search button {vertical-align: middle;background-color: transparent;border: 0 none;cursor: pointer;}
.navbar-search ._button {font-size: 0.75em;height: 34px;line-height: 0;position: absolute;right: 3px;top: 3px;width: 51px;color:#111;font-size:1.3em;}
.navbar-search ._button::-moz-focus-inner {margin: 0;padding: 0;}

.navbar-category{width:100%; list-style: none; display: block;position: relative; margin: 0 auto;text-align:center;border-top:1px solid;border-color:inherit;color: #111;font-size:0.95em; font-weight:600;line-height: 30px; text-decoration: none; padding: 10px 0;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;background: #f5f5f5;}
.navbar-catebox{border-top:1px solid;border-bottom:0px solid;border-color:inherit;min-height:300px;overflow-x: hidden;overflow-y: auto;position: relative;padding:0em 1em 0.5em 1em;}

#navbar-catebox .menu-list .menu-submenu {padding: 10px 15px;border-bottom: 1px solid #ccc;background: #f5f5f5;list-style-position: inside;list-style-type: circle;}
#navbar-catebox .menu-list .menu-submenu a{display: inline-block;position: relative;padding: 6px 0px 6px 0;color: #666;font-size: 0.95rem;line-height: 1.5;letter-spacing: -1px;}
#navbar-catebox .menu-list {display: block;position: relative;width: 100%;margin: 0;padding:0;list-style: none;}
#navbar-catebox .menu-list li.accordion-toggle{font-size: 0.95rem;padding: 0px;text-transform: uppercase;}
#navbar-catebox .menu-list li:first-of-type {border-top: 0;}
.accordion-toggle, .accordion-content {cursor: pointer;font-size: 0.95rem;position: relative;letter-spacing: 1px;}
.accordion-content {display: none;}
.accordion-toggle a.menu-link{display: block;position: relative;padding: 13px 50px 12px 0;border-bottom: 1px solid #ccc;color: #111;font-size: 0.95rem;line-height: 1.6;}
.accordion-toggle a.active{color: #0068d1;font-weight: bold;}
.accordion-toggle a.arrow{position: absolute;top: 0;right: 0;height: 50px;padding: 0 25px;}
.accordion-toggle a.arrow:before, .accordion-toggle a.arrow:after {content: '';display: block;position: absolute;top: 50%;right: 20px;width: 15px;height: 2px;margin-top: -1px;background-color: #999;transform-origin: 50% 50%;transition: all 0.3s ease-out;}
.accordion-toggle a.arrow:before {transform: rotate(-90deg);opacity: 1;z-index: 2;}
.accordion-toggle.active-tab {background: yellowgreen;transition: all 0.3s ease;}
.accordion-toggle a.hov:before {transform: rotate(0deg);}
.accordion-toggle a.hov:after {transform: rotate(180deg);opacity: 0;}

.mainbx {position: relative;width:100%;max-width:1200px;margin:0 auto;padding:0px;border-bottom: 1px solid #DDD;clear: both;}

.mbx_t1 {width:100%;display: block;overflow: hidden;padding-top:15px;}
.mbx_t1:after {clear: both;content: "";display: block;}
.mbx_t1 li {padding-right: 5px;position: relative;width:220px;display: inline;float: left;margin: 0;}
.mbx_t1 li a {cursor: pointer;}
.mbx_t1 li.f {margin-left: 0;padding-left: 0px;}
.mbx_t1 li.e {margin-right: 0;padding-right: 0px;}

.mbx_50 {width:100%;display: block;overflow: hidden;padding:0;}
.mbx_50:after {clear: both;content: "";display: block;}
.mbx_50 dd {padding-right: 1%;position: relative;width:49.5%;display: inline;float: left;margin: 0;}
.mbx_50 dd a {cursor: pointer;}
.mbx_50 dd.f {margin-left: 0;padding-left: 0px;}
.mbx_50 dd.e {margin-right: 0;padding-right: 0px;}


.mbx_t50 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_t50:after {clear: both;content: "";display: block;}
.mbx_t50 li {padding-right: 4%;padding-bottom: 2%;position: relative;display: inline;float: left;margin: 0;width:48%;}
.mbx_t50 li a {cursor: pointer;}
.mbx_t50 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_t50 li.e {margin-right: 0;padding-right:0px;}

.sec_li2 {display: block;overflow: hidden;border:0px solid #DDD;}
.sec_li2:after {clear: both;content: "";display: block;}
.sec_li2 li {padding-right: 3%;padding-bottom: 2%;position: relative;display: inline;float: left;margin: 0;width:48.5%;}
.sec_li2 li a {cursor: pointer;}
.sec_li2 li.f {margin-left: 0px;padding-left: 0px;}
.sec_li2 li.e {margin-right: 0;padding-right:0px;}

.sec_li3 {display: block;overflow: hidden;border:0px solid #DDD;}
.sec_li3:after {clear: both;content: "";display: block;}
.sec_li3 li {padding-right: 1%;padding-bottom: 2%;position: relative;display: inline;float: left;margin: 0;width:32.66%;}
.sec_li3 li a {cursor: pointer;}
.sec_li3 li.f {margin-left: 0px;padding-left: 0px;}
.sec_li3 li.e {margin-right: 0;padding-right:0px;}

.mbx_t3 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_t3:after {clear: both;content: "";display: block;}
.mbx_t3 li {padding-right: 3%;padding-bottom: 2%;position: relative;display: inline;float: left;margin: 0;width:31.25%;}
.mbx_t3 li a {cursor: pointer;}
.mbx_t3 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_t3 li.e {margin-right: 0;padding-right:0px;}

.mbx_t3f {display: block;overflow: hidden;border:0px solid #DDD;margin:0;padding:0;list-style: none;}
.mbx_t3f:after {clear: both;content: "";display: block;}
.mbx_t3f li {margin-right: 3%;padding-bottom: 4%;position: relative;display: inline;float: left;width:31.333%;min-height:20px;}
.mbx_t3f li a {cursor: pointer;}
.mbx_t3f li.f {padding-left: 0px;}
.mbx_t3f li.e {margin-right: 0;padding-right:0px;}

.mbx_f4 {display: block;overflow: hidden;margin:0;padding:0;list-style: none;}
.mbx_f4:after {clear: both;content: "";display: block;}
.mbx_f4 li {padding-right: 2%;padding-bottom: 0%;position: relative;display: inline;float: left;margin: 0;width:25%;}
.mbx_f4 li a {cursor: pointer;}
.mbx_f4 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_f4 li.e {margin-right: 0;padding-right:0px;}

.mbx_t4 {display: block;overflow: hidden;border:0px solid #DDD;margin:0;padding:0;list-style: none;}
.mbx_t4:after {clear: both;content: "";display: block;}
.mbx_t4 li {position: relative;display: inline;float: left;margin: 0;width:25%;padding-right: 1%;padding-bottom: 1%;}
.mbx_t4 li a {cursor: pointer;}
.mbx_t4 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_t4 li.e {margin-right: 0;padding-right:0px;}

.mbx_t2 {line-height: 18px;width: 100%;height: 228px;display: block;overflow: hidden;}
.mbx_t2:after {clear: both;content: "";display: block;}
.mbx_t2 li {display: inline;float: left;margin: 0;padding: 0 10px;position: relative;width:240px;}
.mbx_t2 li a {cursor: pointer;}
.mbx_t2 li.f {margin-left: 0;padding-left: 0px;width:470px;}
.mbx_t2 li.e {margin-right: 0;padding-right: 0px;}


.mbx_f5 {display: block;overflow: hidden;margin:0;padding:0;list-style: none;}
.mbx_f5:after {clear: both;content: "";display: block;}
.mbx_f5 li {padding-right: 1.5%;padding-bottom: 0%;position: relative;display: inline;float: left;margin: 0;width:20%;}
.mbx_f5 li a {cursor: pointer;}
.mbx_f5 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_f5 li.e {margin-right: 0;padding-right:0px;}


.linebx {position: relative;border:1px solid #FFF;background-color:#FFF;padding:9px;margin: 10px auto;clear: both;}
.linebx_d {position: relative;border:1px solid #DDD;background-color:#FFF;padding:4px;margin: 0 auto;clear: both;}

/*메인 컨텐츠 3단 레이아웃*/
#main .contsBox {float:left;width: 660px;overflow: hidden;clear: both;border-top: 0px solid #DDD;}
#main .contsBoxCenter {float:left;overflow: hidden;padding-right:15px;}
#main .contsBoxLeft {float:left;width:220px;overflow: hidden;padding-right:20px;border-right: 0px solid #DBDBDB;}
#main .contsBoxRight {float:right; width:400px; overflow: hidden;}

#main .contsBoxLeft2 {float:left;width:230px;overflow: hidden;padding-right:10px;border-right: 0px solid #DBDBDB;}
#main .contsBoxRight2 {float:right; width:402px; overflow: hidden;padding-right:13px;}
#main .contsRight {float:right; width: 300px; overflow: hidden;padding: 10px 14px;border:1px solid #DDD;background-color:#f1f1f1;}


#main .conts0Box {position: relative;float:left;clear: both;width:100%;padding:0;}
#main .conts0Left {float:left;width: 49%;overflow: hidden;}
#main .conts0Right {position: relative;float:right; width: 49%;padding: 0;border:0px solid #1a1a1a;}

#main .conts1Box {position: relative;float:left;clear: both;width:100%;padding:0%;margin:0%;background-color:#fff;}

#main .conts1Left {position: relative;float:left;width: 850px;}
#main .conts1sLeft {float:left;width:32.5%;padding-right:1.25%;}
#main .conts1sRight {float:right; width: 32.5%;padding-left:0%;}

#main .conts2sLeft {float:left;width:420px;overflow: hidden;padding-right:0%;}
#main .conts2sRight {float:right; width: 300px; overflow: hidden;padding-left:0%; 0;border:0px solid #DDD;background-color:#FFF;}

#main .conts1Right {float:right; width: 300px;padding: 0;border:0;}

#main .contsH1Left {float:left;width:544px;overflow: hidden;}
#main .contsH1Right {float:right; width:533px; height:400px;overflow: hidden;padding: 0;border:0px solid #DDD;}

#main .contsMLeft {float:left;width:500px;overflow: hidden;}
#main .contsMRight {float:right; width:240px; height:300px;overflow: hidden;padding: 0;background-color:#222;}

.conts1Box {position: relative;float:left;clear: both;width:100%;padding:0;margin:0;}
.conts1Left {position: relative;float:left;width: 750px;}
.conts1Right {float:right; width: 300px;padding: 0;border:0;}

.idx1-row {position: relative;float:left;clear: both;padding:0;border:0px solid #DDD;width:100%;}
.idx1-l1-col {float:left;width:49%;padding:0;margin:0;padding-right:1%;}

.idx1-l1-col-left {position: relative;float:left;width:65%;padding:0;}
.idx1-l1-col-right {position: relative;float:right; width: 31%;padding: 0;}

.idx1-r1-col {position: relative;float:right; width: 50%;padding: 0;margin:0;}

.b-line-300::before {content: " ";position: absolute;width: 0;height:100%;left: 350px;top: 0;border-left:1px solid #DDD;}
.b-line-720::before {content: " ";position: absolute;width: 0;height:100%;right: 330px;top: 0;border-left:1px solid #DDD;}

.idx12-row {position: relative;float:left;clear: both;width:100%;padding:0;border:0px solid #dadada;}
.idx12-l1-col {position: relative;float:left;width:47%;padding:0 3% 30px 0;border-bottom:1px solid #dadada;}
.idx12-r1-col {position: relative;float:right; width: 47%;padding: 0 0 30px 3%;border-bottom:1px solid #dadada;}
.b-line-60::before {content: " ";position: absolute;width: 0;height:100%;right: 50%;top: 0;border-left:1px solid #dadada;}

.idx3-row {position: relative;float:left;padding:0;border:0px solid #DDD;}
.idx3-l1-col {float:left;width:250px;padding:15px 15px;}
.idx3-l2-col {float:left; width: 430px;padding:15px 19px 15px 19px;}
.idx3-r1-col {position: relative;float:right; width: 270px;padding: 15px 30px;}
.b-line-330::before {content: " ";position: absolute;width: 0;height:100%;right: 330px;top: 0;border-left:1px solid #DDD;}
.b-line-330::after {content: " ";position: absolute;width: 0;height:100%;left: 280px;top: 0;border-right:1px solid #DDD;}

.idx3-l7-col {position: relative;float:left;width:840px;padding:0;}
.idx3-l7-col:after {clear: both;content: "";display: block;}
.idx3-r3-col {float:right; width: 300px;padding: 0;}
.b-line-7 {width: 100%;}
.b-line-7::after {content: " ";position: absolute;width: 0;height:100%;left: 870px;top: 0;border-right:1px solid #f5f5f5;}

.idx2-l7-col {float:left;width:60%;padding:0;}
.idx2-r3-col {float:right; width: 36%;}


.idx3-l6-col {float:left; width: 46%;padding:2%;}
.idx3-r6-col {position: relative;float:right; width: 50%;padding: 0%;}
.b-line-6 {width: 100%;}
.b-line-6::after {content: " ";position: absolute;width: 0;height:100%;left: 50%;top: 0;border-right:1px solid #DDD;}

.idx2-row {position: relative;float:left;clear: both;width:100%;padding:0;}
.idx2-l3-col {float:left;width:33%;padding:3.5%;}
.idx2-r7-col {float:right; width: 60%;padding:0%;}
.b-line-2::after {content: " ";position: absolute;width: 0;height:100%;left: 40%;top: 0;border-right:1px solid #DDD;}

.idx5-row {position: relative;float:left;clear: both;padding:0;border:1px solid #DDD;}
.idx5-l1-col {position: relative;float:left;width:16%;padding:2%;}
.idx5-l1-col::after {content: " ";position: absolute;width: 0;height:100%;right: 0;top: 0;border-right:1px solid #DDD;}
.idx5-r1-col {position: relative;float:right; width:16%;padding:2%;}



/*서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCtsLeft {float:left;width: 100px;overflow: hidden;background-color:#f7f7f7;padding-right:0px;}
#main #subCtsCenter {float:left;width: 620px; padding: 5px 5px; overflow: hidden;border-left:0px solid #DDD;border-right:1px solid #DDD;background-color:#fff;}
#main #subCtsRight {float:right;width: 300px; padding-top:30px;padding-left:0px;background-color:#fff;}
#main #subCtsRight2 {float:right;width: 300px; min-height:1500px;overflow: hidden;}/*background-color: #EFEFEF; } pdf page*/
#main #subCtsRight3 {float:right;width: 300px; min-height:900px;overflow: hidden;background-color: #EFEFEF;margin:0;border:1px solid #DDD; } /*pdf ho page*/

/*서브메뉴 컨텐츠 2단 레이아웃*/
#main #subCtsLeft2 {float:left;width: 250px;overflow: hidden;background-color:#fff;padding-right:0px;padding-top:30px;}
#main #subCtsMain {float:left;width: 820px; padding-right: 69px; overflow: hidden;border-right:1px solid #f9f9f9;}
#main #subCtsMain2 {float:right;width: 900px;overflow: hidden;border-left:1px #f5f5f5 solid;min-height:580px;padding-top:12px;padding-left:50px;}

/*커뮤니티 서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCommLeft {float:left;width: 90px;overflow: hidden;}
#main #subCommCenter {float:left;width: 640px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCommRight {float:right;width: 200px;overflow: hidden;}

/* 포토갤러리 */
.photo_viewtype2smll {clear:both;overflow:hidden;background:#FFFFCC; margin-bottom:5px; width:240px;}
.photo_viewtype2smll .big_list { float:left; width:232px; padding:4px; overflow:hidden; background:#E88686;}
.photo_viewtype2smll .big_list .photo { position:relative;overflow:hidden; width:232px; height:125px;}
.photo_viewtype2smll .big_list .ptxta { position:relative; width:232px; height:30px;}
.photo_viewtype2smll .big_list .ptxta a {position:absolute; z-index:20;  bottom:5px; left:5px; display:block;color:#000000; font-size:12px;color:#fff; cursor:pointer}

.photo_viewtype2smll ul { float:right; background:#E88686; width:240px; margin:0px; }
.photo_viewtype2smll ul li { display:inline; float:left; width:75px; height:55px; margin:2px;}
.photo_viewtype2smll ul li.f{margin-left:3px;}
.photo_viewtype2smll ul li a { border:2px solid #E88686; display:block;}
.photo_viewtype2smll ul li a:hover { border:2px solid #3366FF;}

/*롤링배너*/
#banner1 {position:relative;border: 0px solid red;width: 100%;height:46px;padding:0;overflow: hidden;font-size: 0;}
#banner1.scroll-img1 ul {width: 200%;margin: 0;height:46px;}
#banner1.scroll-img1 ul li {float:left;display: inline-block;margin: 0;padding:0 27px;}
#banner1.scroll-img1 ul li a {width:120px;overflow: hidden;display: block; border: 0px solid #DDD;padding:5px 2px;background-color:#FFF;}
#banner1.scroll-img1 ul li a img{width:100%;}
#b1-backward{position:absolute;left:-20px;top:15px;z-index:9;}
#b1-forward{position:absolute;right:-20px;top:15px;z-index:9;}
#b1-backward img {width:30px}
#b1-forward img {width:30px;}


/*롤링배너*/
.banner2g{position:relative;width: 100%;margin: 0 auto;padding:0;overflow: hidden;}
.banner2g:after {clear: both;content: "";display: block;}
.banner2g li {list-style: none;float:left;display: inline-block;margin: 0;width:49%;padding:0;margin:0;margin-bottom:2.5%;text-align:center;}
.banner2g li img{max-width:250px;width:100%;}
.banner2g li.n2 {}
.banner2g li:nth-child(even) {
 margin-right:0%;
}
.banner2g li:nth-child(odd) {
margin-right:2%;
}

.banner3g{position:relative;width: 100%;margin: 0 auto;padding:0;overflow: hidden;}
.banner3g:after {clear: both;content: "";display: block;}
.banner3g li {list-style: none;float:left;display: inline-block;margin: 0;width:33.33%;padding:0;margin-bottom:25px;text-align:center;}
.banner3g li img{max-width:250px;width:100%;}
.banner3g li.n2 {}

.banner4g{position:relative;width: 100%;margin: 0 auto;padding:0;overflow: hidden;}
.banner4g:after {clear: both;content: "";display: block;}
.banner4g li {list-style: none;float:left;display: inline-block;margin: 0;min-width:250px;height:60px;padding:0;margin-bottom:10px;}
.banner4g li img{max-width:250px;}
.banner4g li.n2 {padding:0;margin-left:25px;margin-right:26px;}
.banner4g li.n4 {float:right;padding:0;margin-left:0;margin-right:0;}


.banner5g{position:relative;width: 100%;margin: 0 auto;padding:0;overflow: hidden;}
.banner5g:after {clear: both;content: "";display: block;}
.banner5g ul{margin:0;padding:0;height:70px;overflow: hidden;}
.banner5g ul:after {clear: both;content: "";display: block;}
.banner5g li {list-style: none;float:left;display: inline-block;margin: 0;width:20%;padding:0;margin-bottom:1rem;text-align:center;}
.banner5g li.n2 {}
.banner5g li.n4 {}
.banner5g li img{max-width:210px;width:100%;height:70px;}


.scroll-img5 {position:relative;border: 0px solid red;width: 100%;height:313px;overflow: hidden;font-size: 0;background-color:#f1f1f1;}
.scroll-img5 ul {margin: 0;width: 200%;padding-left:5px;}
.scroll-img5 ul:after {clear: both;content: "";display: block;}
.scroll-img5 ul li {float:left;display: inline-block;margin: 0px;padding:10px 5px;width:160px;}
.scroll-img5 ul li a {display: block; border: 1px solid #DDD;}
.scroll-img5 ul li a img{width:100%;}

.scrollboxTp1 {position:relative;width: 100%;height:190px;overflow: hidden;font-size: 0;}
.scrollboxTp1 a {display: block;}
.scrollboxTp1 ul {width: 300%;margin: 0;height:190px;padding-left:0px;}
.scrollboxTp1 ul:after {clear: both;content: "";display: block;}
.scrollboxTp1 ul li {float:left;display: inline-block;margin-right: 5px;padding:0;width:212px;list-style:none;}
.scrollboxTp1-bw{position:absolute;left:0px;top:50px;z-index:9;width:36px;height:66px;}
.scrollboxTp1-fw{position:absolute;right:0px;top:50px;z-index:9;width:36px;height:66px;}

.scrollboxTp2-bw{position:absolute;right:25px;top:0px;z-index:9;width:24px;height:24px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:24px;color:#b7b7b7;cursor: pointer;}
.scrollboxTp2-fw{position:absolute;right:0px;top:0px;z-index:9;width:24px;height:24px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:24px;color:#b7b7b7;cursor: pointer;}
.scrollboxTp2-bw:hover, .scrollboxTp2-fw:hover{background-color:#f5f5f5;}
.scrollboxTp2-bw:hover i, .scrollboxTp2-fw:hover i{color:#000;}

.scroll-img {position:relative;border: 0px solid red;width: 100%;height:80px;overflow: hidden;font-size: 0;background-color:#fff;}
.scroll-img ul {margin: 0;width: 100%;}
.scroll-img ul:after {clear: both;content: "";display: block;}
.scroll-img ul li {float:left;display: inline-block;padding: 0px;margin:10px 1%;width:14.66%;}
.scroll-img ul li a {display: block; border: 1px solid #DDD;}
.scroll-img ul li a img{width:100%;}

#banner2 {position:relative;width: 100%;height:130px;overflow: hidden;font-size: 0;padding:30px 0;margin:0px auto;}
#banner2.scroll-img1 ul {width: 100%;margin: 0;height:130px;}
#banner2.scroll-img1 ul li {float:left;display: inline-block;margin: 0;padding:0 5px 5px 0;}
#banner2.scroll-img1 ul li a {width:250px;height:60px;overflow: hidden;display: block; border: 1px solid #DDD;}
#banner2.scroll-img1 ul li a img{width:100%;height:60px;}
#b2-backward{position:absolute;left:1px;top:25px;z-index:9;}
#b2-forward{position:absolute;right:1px;top:25px;z-index:9;}

#news_scroll {position:relative;width: 100%;height:256px;overflow: hidden;font-size: 0;}
#news_scroll a {display: block;}
#news_scroll.scroll-img1 ul {width: 300%;margin: 0;height:256px;padding-left:0px;}
#news_scroll.scroll-img1 ul:after {clear: both;content: "";display: block;}
#news_scroll.scroll-img1 ul li {float:left;display: inline-block;margin: 0;padding:0;width:356px;list-style:none;}
#news-backward{position:absolute;right:20px;top:10px;z-index:9;width:20px;height:20px;color:#eee;}
#news-forward{position:absolute;right:5px;top:10px;z-index:9;width:20px;height:20px;color:#eee;}
#news-backward:hover{color:#ff9933;}
#news-forward:hover{color:#ff9933;}


.newsG_scroll{position:relative;clear: both;display: block;padding:5px 0 30px 0;margin:0px;}

.newsG_scroll .scroll-img1 {position:relative;width: 100%;height:220px;overflow: hidden;font-size: 0;}
.newsG_scroll a {display: block;}
.newsG_scroll .scroll-img1 ul {width: 300%;margin: 0;height:220px;padding-left:0px;}
.newsG_scroll .scroll-img1 ul:after {clear: both;content: "";display: block;}
.newsG_scroll .scroll-img1 ul li {float:left;display: inline-block;margin-right: 1%;padding:0;width:10.44%;list-style:none;}
.newsG-B{position:absolute;left:0px;bottom:5px;z-index:9;width:24px;height:24px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:24px;color:#b7b7b7;cursor: pointer;border-radius: 3px;}
.newsG-F{position:absolute;left:30px;bottom:5px;z-index:9;width:24px;height:24px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:24px;color:#b7b7b7;cursor: pointer;border-radius: 3px;}
.scrollbox_over:hover{background-color:#66bb6a;}
.scrollbox_over:hover i{color:#FFF;}

#news2_scroll {position:relative;width: 100%;overflow: hidden;font-size: 0;}
#news2_scroll a {display: block;}
#news2_scroll.scroll-img1 ul {width: 100%;margin: 0;padding:0px;}
#news2_scroll.scroll-img1 ul:after {clear: both;content: "";display: block;}
#news2_scroll.scroll-img1 ul li {float:left;display: inline-block;margin:0;padding:0;width:100%;list-style:none;}
#news2-backward{position:absolute;left:0px;bottom:5px;z-index:9;width:24px;height:24px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:24px;color:#b7b7b7;cursor: pointer;border-radius: 3px;}
#news2-forward{position:absolute;left:30px;bottom:5px;z-index:9;width:24px;height:24px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:24px;color:#b7b7b7;cursor: pointer;border-radius: 3px;}
#news2-alllist{position:absolute;left:60px;bottom:5px;z-index:9;padding:0 15px;height:24px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:24px;color:#444;cursor: pointer;border-radius: 3px;}
.scrollbox2_over:hover{background-color:#ff6699;}
.scrollbox2_over:hover i, .scrollbox2_over:hover span{color:#FFF;}

#news3_scroll {position:relative;width: 100%;height:260px;overflow: hidden;font-size: 0;}
#news3_scroll.scroll-img1 ul {width: 200%;margin: 0;height:260px;}
#news3_scroll.scroll-img1 ul li {float:left;display: inline-block;margin-right: 10px;padding:0;width:325px;list-style:none;}
#news3-backward{position:absolute;left:-60px;top:110px;z-index:9;width:60px;height:60px;}
#news3-forward{position:absolute;right:-60px;top:110px;z-index:9;width:60px;height:50px;}

.btn_border {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #fff;
    -webkit-transition: all .45s ease;
    -moz-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
    cursor: pointer;
    vertical-align: top;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #989898;
}
.bbslist2{position:relative;overflow: hidden;padding:0;}
.bbslist2:after {clear: both;content: "";display: block;}
.bbslist2 li {height:30px;line-height: 30px;overflow: hidden; background: url('/images/main/icon_won2.gif') no-repeat 3px 14px; padding-left: 10px;}
.bbslist2 li a{letter-spacing: -1px;color:#444;font-size:13px;}
.bbslist2 li .date{position: absolute; right:1px;font-size:11px;color:#acacac;}

.jebo{border:2px solid #DDD;width:100%;height:60px;line-height:60px;text-align:center;font-weight: bold;background-color:#f9f9f9;}
.jebo a{font-weight: 400;color:#444;font-size:1.2rem;}
.jebo .fa{font-size:1.5rem;}

/*연혁*/
.historyview th {padding:15px 10px 8px 3px;empty-cells:show;}
.historyview td {padding:8px 10px 8px 3px;empty-cells:show;}
.historyview td.his {padding:10px 10px 8px 3px;empty-cells:show;}
.historyview h1 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
}

.historyview h2 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}


/* 기사 미리보기 */
.previewlayer {display:none; position:fixed; _position:absolute; top:0; left:0; background-color:#444; width:100%; height:100%; z-index:9999;}
.previewlayer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#444; opacity:.6; filter:alpha(opacity=60);}
.previewlayer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 0%; left: 0%; width: 100%;min-width:800px; height:100%; min-height:750px; overflow:auto; border: 0px solid #DDD; z-index: 10;}	
.pop-layer .pop-container {padding: 1px;margin:0 auto;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #445; text-align:center;}

a.cbtn {display:inline-block; height:33px; padding:0 14px 0; border:1px solid #444; background-color:#000; font-size:16px; color:#fff; line-height:33px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.tab_r_container {position:relative;clear: both;padding: 0;width: 100%;background: #fff;}

.tab_tl {position:absolute;top:10px;border-bottom:1px solid #E5E5E5;clear:both;	height:21px;_top:1px; margin:0;padding-bottom: 10px;width:50%;}
.tab_tl h3 {position:absolute;left:0; border-bottom:1px solid #234976;	font-weight: bold; height:21px; padding:5px 0  5px 0; _top:-1px; font-size:14px;color:#234976;}


.tab_r_container ul {display:block; zoom:1; *display:inline;list-style: outside none none;width: 100%; height:40px; margin-bottom: 10px;padding-top:10px;}
.tab_r_container ul:after {clear: both;content: "";display: block;}

.tab_r_container ul li {float: right !important;margin: 0;padding: 0;text-align: center;width:25%;background: #f5f5f5;}
.tab_r_container ul li a {display: block;outline: medium none;padding: 4px 0;border:1px solid #ddd;color:#444;font-size:14px;}
.tab_r_container ul li:last-child a{}
.tab_r_container ul li a:hover {text-decoration: none;}
.tab_r_container ul li.active {background: #fff none repeat scroll 0 0;	/*padding-top: 1px; position: relative; top: 1px;*/}
.tab_r_container ul li a.active {font-weight: bold;text-decoration: none;border:1px solid #444;background: #fff none repeat scroll 0 0;}
.tab_r_container .panel-container {zoom:1;margin: 0;padding: 0;}
.tab_r_container .panel-container:after {content:""; display:block; clear:both;}

.tab_g_container {clear: both;padding: 0;width: 100%;background: #fff;}
.tab_g_container ul {display:block; zoom:1; *display:inline;list-style: outside none none;margin: 0;padding: 0;width: 100%;border-top:1px solid #ddd;background: #FFF;}
.tab_g_container ul:after {clear: both;content: "";display: block;}

.tab_g_container ul li {float: left !important;margin: 0;padding: 0;text-align: center;width:33.3333%;}
.tab_g_container ul li a {display: block;outline: medium none;padding: 7px 0;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;font-size:14px;}
.tab_g_container ul li:last-child a{border-right:1px solid #ddd !important;}
.tab_g_container ul li a:hover {text-decoration: none;}
.tab_g_container ul li.active {background: #fff none repeat scroll 0 0;	/*padding-top: 1px; position: relative; top: 1px;*/}
.tab_g_container ul li a.active {font-weight: bold;text-decoration: none;border-bottom:1px solid #FFF;background: #fff none repeat scroll 0 0;color:#28549f;}
.tab_g_container .panel-container {zoom:1;background: #fff none repeat scroll 0 0;margin: 0;padding: 10px 10px 0px 10px;}
.tab_g_container .panel-container:after {content:""; display:block; clear:both;}

.tab_g_container .panel-container ul {display: inline-block; zoom:1; *display:inline;margin: 0;padding: 0;width: 100%;border:none;background: none;}
.tab_g_container .panel-container ul li {margin-top: 5px;padding: 0;text-align: left;height:30px;line-height:25px;width: 100%;border-bottom:1px solid #e5e5e5;}
.tab_g_container .panel-container ul li:first-child {}
.tab_g_container .panel-container ul li a {display: inline-block;outline: medium none;padding: 0;border-left:0;border-bottom:0px solid #ddd;color:#444;font-size:14px;}
.tab_g_container .panel-container ul li a:hover {text-decoration: none;color:#999;}
.tab_g_container .panel-container ul li span {float:right;display: inline-block;padding: 0;border-left:0;color:#777;font-size:12px;}
.tab_g_container .panel-container ul li:last-child a{border-right:0px solid #ddd !important;}

.mailing-form .mailing-form-box{text-align:center;margin:0 auto;padding-bottom:20px;}
.mailing-form .mailing-form-box h3{font-size:2.5rem;text-align:center;margin:0 auto;padding-bottom:0px;}
.mailing-form .mailing-form-box p{font-size:0.9rem;text-align:center;margin:0 auto;padding-bottom:20px;}
.mailing-form .mailing-form-box2{text-align:left;margin:0 auto;display: none;}
.mailing-form #mailing-email, .mailing-form .btn{border:1px solid #ddd;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:white none;height:44px;line-height:40px;outline:0;font-size:16px;padding:4px 20px 0 20px; -webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.mailing-form #mailing-email{width:600px;}
.mailing-form .btn{text-align:center; width:200px;cursor:pointer;}
.mailing-form input[type=checkbox]{vertical-align: middle;margin: 5px;}
.mailing-form input[type=radio]{vertical-align: middle;margin: 5px;}
.mailing-form label{vertical-align: middle;}
.mailing-form .agree{border:1px solid #ddd;padding:5px;margin:10px 0;color:#000;line-height:1.5;}
.mailing-form .agree span{margin-left:10px;}
.mailing-form-ok{text-align:center;margin:0 auto;padding:20px;display: none;}
.mailing-form-ok h3{text-align:center;margin:0 auto;padding:70px 0;font-size:2.2rem;}

.overlay_popup {	display: none;padding: 25px;width: 500px;height: 365px;position: fixed;top: 50%; left: 50%;margin-top: -180px;margin-left: -300px;background-color: #fff;border-radius: 15px;text-align: center;z-index: 11;border:1px solid #EEE;}
body.popup-open:after, .popup-open {display: block;overflow: hidden;}

.overlay_popup .popClose {position:absolute; top:25px; right:25px;}

.mailingpop-form .mailing-pop-box{margin:0 auto;padding:0px;}
.mailingpop-form .mailing-pop-box h3{font-size:2.5rem;text-align:center;margin:0 auto;padding-bottom:10px;}
.mailingpop-form .mailing-pop-box .txt1{font-size:0.9rem;text-align:left;margin:0 auto;padding-bottom:20px;}
.mailingpop-form .mailing-pop-box .txt2{font-size:11px;text-align:left;margin:0 auto;padding:20px 0;}

.mailingpop-form .mailing-pop-box ul {position:relative;display: block;margin:0;padding:0;}
.mailingpop-form .mailing-pop-box ul:after {clear: both;content: "";display: block;}
.mailingpop-form .mailing-pop-box ul li {float:left;padding:0;margin:0;border:0;text-align:left;}

.mailingpop-form #mailing-email, .mailingpop-form .btn{border:1px solid #ddd; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; outline:0; font-size:16px; -webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.mailingpop-form #mailing-email{width:300px;height:40px; line-height:40px;padding:0px 20px;}
.mailingpop-form .btn{text-align:center; width:156px;cursor:pointer;height:42px; line-height:42px;padding:0px 20px;background:#DDD; }

.mailingpop-form input[type=checkbox]{vertical-align: middle;margin: 5px;}
.mailingpop-form input[type=radio]{vertical-align: middle;margin: 5px;}
.mailingpop-form label{vertical-align: middle;}
.mailingpop-form .agree{border:0px solid #ddd;padding:5px;margin:10px 0;color:#000;line-height:1.5;}
.mailingpop-form .agree span{margin-left:10px;}
.mailingpop-form-ok{text-align:center;margin:0 auto;padding:20px;display: none;}
.mailingpop-form-ok h3{text-align:center;margin:0 auto;padding:70px 0;font-size:2.2rem;}

.mfsns {border:0 none;margin:0;padding:0;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.mfsns tr {padding:0;margin:0;}
.mfsns td {padding:0 5px 15px 0;margin:0;line-height:32px;height:32px;}
.mfsns td a{padding:0;margin:0;line-height:32px;height:32px;display: block;}
.mfsns a.icon{font-size:0;}
.mfsns a.icon img{width:32px;}
.mfsns a.snstitle{font-size:12px;}


.popStyle{position:absolute;margin:0;padding:0;z-index:999;border:1px #222 solid;overflow: hidden;background-color:#FFF;}
.popStyle .pfooter{position:absolute;margin:0;padding:2px 2%;bottom:0;left:0;background-color:#222;width:100%;color:#FFF;}
.popStyle .pfooter a{color:#FFF;display: inline-block;font-size:12px;}



/* ---- 에러 페이지 (404 error) ---- */
.error-zone{position:relative;padding:100px 0;text-align:center;}
.error-zone .icon{font-size:5rem;color:#ccc;text-align:center;}
.error-zone .msg{font-size:2rem;line-height:1.5;color:#ccc;text-align:center;}
.error-zone strong{display:block;margin-top:18px;font-weight:600;font-size:1.25rem;color:#666;text-align:center;}
.error-zone .btn-home{margin-top:50px;}
.btn-home{display:inline-block;position:relative;width:170px;height:45px;background:#0068d1;font-size:1rem;color:#fff !important;line-height:45px;text-align:center;}
.btn-home span{display:inline-block;position:relative;height:100%;padding-left:24px;margin-left:-24px;}
.btn-home span:before{content:'';position:absolute;top:17px;left:0;width:13px;height:12px;}
.btn-home:hover{text-decoration:none;}



.skin_ulli{padding:0; list-style: none;}
.ulli {padding:0; list-style: none;}
.ulli0 {padding:0; list-style: none;}

.ulli li {float:left;letter-spacing: -1px;	padding: 2px 2px 0px;}
.ulli0 li {float:left;padding:0;}

/* sub menu*/
#smenuBox1 {position: relative;padding-bottom:10px;margin-bottom:10px;border-bottom:0px solid #DDD;}
#smenuBox1 dl {position: relative;margin:0; padding-left:0px;}
#smenuBox1 dt {margin:0;text-align:left;padding: 0 0 10px 10px;border-bottom:1px solid #DDD;}
#smenuBox1 dt p.tl{font-size:1.8em;font-weight:500;color:#444; padding: 0;margin:0;}
#smenuBox1 dt p.eng{font-size:12px;font-weight:bold;color:#bbb;line-height:22px;height:22px; padding:0;margin:0;}

#smenuBox1 dd {position: relative;vertical-align:middle;padding:0; margin:0;border-bottom:1px solid #ededed;}
#smenuBox1 dd a{line-height:31px; padding:7px 5px 7px 20px;margin-right:10px;color: #444;font-weight: normal;text-decoration:none;display:block;font-size:14px;}
#smenuBox1 dd:hover {background: #fff;}
#smenuBox1 dd:hover a {color: #008cd0; background:url("img/current_ico.png") no-repeat scroll right center transparent;}
#smenuBox1 dd.sel {background: #def0f7;}
#smenuBox1 dd.sel a {font-weight: bold;color: #008cd0;letter-spacing:0;background:url("img/current_ico.png") no-repeat scroll right center transparent;}

#smenuBox1 dd ul {display: none;margin: 0; padding:0; list-style: none;}
#smenuBox1 dd.sel ul {display: block;position: relative;margin: 0; padding: 5px 0; border:0;background-color: #def0f7; list-style: none;}
#smenuBox1 dd.sel ul li {text-align: left; padding-left:20px;margin:0;white-space:nowrap;}
#smenuBox1 dd.sel ul li a {display: block; height: 26px; line-height: 26px; padding: 0px 0px 0px 20px;margin:0; color: #444; text-transform:  uppercase; font-size:12px;font-weight: normal;background-image: none;}
#smenuBox1 dd.sel ul li a:hover {color: #444;background-color:#fff;}
#smenuBox1 dd.sel ul li.sel a {font-weight: bold;color: #fff;background-color:#40c8f4;}


/*sub page Navi*/
#pageNavi{position:relative; border-bottom:#ccc solid 1px;padding-bottom:8px;margin:20px 0 20px 0;height:43px;}
#pageNavi:after {content:""; display:block; clear:both;}
#pageNavi .subTitle {float:left;display:inline-block;border-bottom:1px solid #333;padding-bottom:8px;font-size:1.75rem;font-weight: 500; line-height: 38px;color: #444;height:43px;}
#pageNavi .sitemTitle {float:left;display: block;font-size:1.1rem;line-height: 38px;color: #444;padding-left:15px;height:43px;}
#pageNavi .naviTitle {position:absolute;right:1px;bottom:10px;padding: 0;font-size:0.8rem;color: #aaa;margin:0;}


.pageindex {overflow: hidden;position: relative; padding:10px;display: inline-block;}
.pageindex ul {position: relative;display: block;clear: both;margin: 0 auto;padding:0; list-style: none;}
.pageindex ul:after {content:""; display:block; clear:both;}
.pageindex li {float: left;padding:0;margin:0 2px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.pageindex li a{
	border: 1px solid #FFF;
	border-radius: 0.25rem;
    color: #121a3a;
    display: block;
	padding: 3px 13px;
	min-width:40px;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
}
.pageindex li a:hover{border: 1px solid #DDD;}
.pageindex .sel {}
.pageindex .sel a{font-weight: bold;border: 1px solid #DDD;border-radius: 0.25rem;}
.pageindex .p a,.pageindex .n a{font-weight: 600;font-size:1.1rem;}
.pageindex .p a:hover,.pageindex .n a:hover{border: 1px solid rgba(0,0,0,0);}

.pagination_btn{position:absolute;right:5px;top:3px;z-index:9;padding:0 15px;height:32px;border:1px solid #dcdcdc;text-align:center;vertical-align: middle;line-height:32px;color:#444;cursor: pointer;border-radius: 3px;}
.pagination_btn:hover{background-color:#337ab7;}
.pagination_btn:hover i, .pagination_btn:hover span{color:#FFF;}

.container{position:relative;}
.container:before,.container:after {content: " ";display: table;}
.container:after {clear: both;}

/*bottstrap.css*/
.pagination {
  display: inline-block;
  margin: 3px 0;
  border-radius: 4px;
  padding:0; list-style: none;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}




/*
#snsbox{position: absolute;right:5px;bottom:4px;z-index:9;}
#snsbox li{float:left;padding: 0px 2px;}
#snsbox li a{display: block;font-size:0;}

#sd_wrap {position:relative; height:120px; width:1200px; margin:0px auto;}
#sd_wrap #SLeft {position:relative;float:left;width:200px;height: 100%;padding:0;}
#sd_wrap #SRight {float:right;width: 260px;height: 70px;padding-top: 25px;overflow: hidden;}

#sd_wrap #STmenu {position:relative; width: 40%;margin:0 auto;padding-top: 35px;overflow: hidden;text-align:center;}
#sd_wrap #STmenu h3{font-size:36px;margin:0 auto;padding: 0;text-align:center;color:#000;}
#sd_wrap #STmenu h3 a{color:#111;}
#sd_wrap #STmenu ul {position:relative;display: block; margin:0 auto;padding:0;text-align: center;}
#sd_wrap #STmenu ul:after {clear: both;content: "";display: block;}
#sd_wrap #STmenu ul li{display:inline-block;padding: 5px 7px;text-align:center;}
#sd_wrap #STmenu ul li a{display: block;font-size:16px;text-align:center; color:#3;font-weight: bold;}
#sd_wrap #STmenu ul li a:hover{color:#ff0000;}

#sd_wrap .sTmore{position: absolute;padding:0;left:0;bottom:0;text-align:center;}
#sd_wrap .sTmore a{display: block;vertical-align:middle;font-size:18px;line-height:18px;padding:7px 10px;text-align:center;border:1px solid #ddd;border-radius: 3px;color:#444}

#sd_wrap .sLogo{position: absolute;left:0; top:40px;width:100%;height:55px;margin:0 auto;text-align:center;padding:0px;}
#sd_wrap .sLogo a {border:0;margin:0;font-size:0;display: block;vertical-align:middle;}
#sd_wrap .sLogo img {max-height:45px;}



#TSbox{clear: both;position: relative;width:100%;height:25px;background-color: #f7f7f7;padding:5px 0;overflow: hidden;}
#TSbox .tkbox{position: relative;float:left;overflow: hidden;padding-top:3px;}
#TSbox .ttl{float:left;margin-left:10px;width:110px;overflow: hidden;height: 20px;color:#f13737;font-weight: bold;background:url("img/arrow_r.gif") no-repeat scroll right 8px transparent;}
#TSbox .tconts{float:left;width:500px;overflow: hidden;height: 20px;padding-left:10px;}
#TSbox .ticker {width: 100%;height:20px;top:0px;overflow: hidden;margin:0px;padding:0px;list-style: none;}
#TSbox #ticker_01 {padding: 0;}
#TSbox .ticker li {height: 20px;padding: 0px;margin: 0px 0px;}
#TSbox .ticker li a{line-height: 20px;color:#333;text-decoration: none; font-size:12px;}
#TSbox .ticker li a:hover{color:#0000cc;}

*/