@charset "utf-8";

@import "base.css?70001090000'";
@import "selectbox.css?70001090000'";

body{min-width:1200px;}
.area{position: relative; text-align: center;}
.areain{width: 1200px; margin: 0 auto; text-align: left; position: relative; } 
.bgGry{background:#f5f5f5; padding:70px 0;}
@-webkit-keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeEffect { from {opacity: 0;}to {opacity: 1;}}
.top{background: url(/images/resource/bg_top.gif?25322162624') repeat-x left top; height: 140px; z-index: 10;}
.top .location{color: #fff; font-size: 12px; padding: 11px 0; font-weight: 400;}
.top .location a{color: #fff; padding: 3px;}
.top .location .sitemap{background: url(/images/resource/ico_sitemap.png?25322162624') no-repeat left 6px; padding-left: 32px;}
.top .location ul{position: absolute; right:0; top:10px;} 
.top .location ul li{display: inline; padding: 0 10px 0 5px;}
.top .gnb{font-weight: 400; position: absolute; right: 0; top: 73px; font-size: 22px;}
ul.gnb {list-style-type: none; margin: 0; padding: 0;}
ul.gnb li {float: left;}
ul.gnb li a {display: inline-block; color: black; text-align: center; padding: 14px 10px; margin: 0 20px; text-decoration: none; font-size:22px;}
ul.gnb li a:hover {border-bottom:5px solid #57377f;}
ul.gnb li a:focus{border-bottom:5px solid #57377f;}
ul.gnb .active{border-bottom:5px solid #57377f;}
ul.gnb li.end a{margin-right: 0!important;}
#menu04.gnbcontent {display: none;  -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; position:relative; top:0; left:0; background: url(/images/resource/bg_sgnb.gif?25322162624') repeat; border-bottom:1px solid #222; z-index: 99; width:100%; height:58px;}
#menu04.gnbcontent ul{position:absolute; right:0;}
#menu04.gnbcontent li:first-child{border-left:1px solid #222;}
#menu04.gnbcontent li{color:#fff; float:left;}
#menu04.gnbcontent li a{color:#fff; padding:20px; border-right:1px solid #222; display:block;}
#menu04.gnbcontent li a:hover,
#menu04.gnbcontent li a:focus,
#menu04.gnbcontent li .on{background:url(/images/resource/bg_ssgnb.gif?25322162624) repeat;}
#autoSearch{width:700px; margin:0 auto; margin-top:5px; display:none;}
#autoSearch dl{display:inline-block; background:#fff!important; border:3px solid #57377f; z-index:99; width:694px;}
#autoSearch dl:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#autoSearch dl dt{clear:both; padding:18px 18px 18px 60px; font-size:17px; float:left; color:#000;}
#autoSearch dl dd{width:525px; float:right;padding:18px 0; font-size:15px; line-height:17px; margin:0 20px 0 20px;}
#autoSearch dl dd strong{color:#57377f;}
#autoSearch dl dd span{margin:0 8px;}
#autoSearch .auto01{background:url(/images/resource/ico_auto01.png?25322162624) no-repeat 18px 12px;}
#autoSearch .auto02{background:url(/images/resource/ico_auto02.png?25322162624) no-repeat 18px 12px;}
#autoSearch .auto03{background:url(/images/resource/ico_auto03.png?25322162624) no-repeat 18px 12px;}
#autoSearch .auto04{background:url(/images/resource/ico_auto04.png?25322162624) no-repeat 18px 12px;}
#autoSearch .aRight{margin-top:-10px;}
#autoSearch2{width:790px; margin:0 auto; margin-top:5px; display:none; position:absolute; left:85px; top:330px; z-index:9999;}
#autoSearch2 dl{display:inline-block; background:#fff!important; border:3px solid #57377f; z-index:99; width:784px;}
#autoSearch2 dl:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#autoSearch2 dl dt{clear:both; padding:18px 18px 18px 60px; font-size:17px; float:left; color:#000;}
#autoSearch2 dl dd{width:600px; float:right;padding:18px 0; font-size:15px; line-height:17px; margin:0 20px 0 20px;}
#autoSearch2 dl dd strong{color:#57377f;}
#autoSearch2 dl dd span{margin:0 8px;}
#autoSearch2 .auto01{background:url(/images/resource/ico_auto01.gif?25322162624) no-repeat 18px 12px;}
#autoSearch2 .auto02{background:url(/images/resource/ico_auto02.gif?25322162624) no-repeat 18px 12px;}
#autoSearch2 .auto03{background:url(/images/resource/ico_auto03.gif?25322162624) no-repeat 18px 12px;}
#autoSearch2 .auto04{background:url(/images/resource/ico_auto04.gif?25322162624) no-repeat 18px 12px;}
#autoSearch2 .aRight{margin-top:-10px;}
.visual{min-width:1200px; height: 120px; color: #fff; background:#333; z-index:99;}
.visual .areain{width:700px; position:relative; margin:0 auto; padding:30px 0; overflow:hidden;}
.visual .title{background:#57377f; width:150px; line-height:16px; font-size:18px; color:#fff; position:relative; top:-1px; display:inline-block; padding:20px 0 23px 0; text-align:center;}
.visual input[type=text]{padding:20px 10px; margin-left:-5px;width:467px; border:0; line-height:16px;}
.visual input[type=submit]{border:0; background: url(/images/resource/btn_search.png?25322162624) no-repeat 15px 15px;  font-size:0; width:58px; height:59px; cursor:pointer; position: absolute; right:5px;}
.visual fieldset{background:#fff; overflow:hidden; height:58px;}
.ctitle{height:100px; display:block; text-align:center; }
.ctitle h2{font-size:40px; text-align:center; line-height:60px; font-weight:400;}
.ctitle .history{font-weight: 400; font-size: 14px; color:#999;}
.ctitle .history span{margin:0 10px;}
.ctitle.etc{height:120px; background:url(/images/resource/bg_ctitle.gif?25322162624) no-repeat center bottom;}
#contents{padding:70px 0 80px 0; display: inline-block; text-align:left;}
.check{position:relative; margin-top:10px; text-align:left; cursor:pointer; overflow:hidden;}
.check input.form-inputPop{position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5; width:20px; height:20px;}
.check i{float:left; display:block; width:20px; height:20px; background:url(/images/resource/btn_checkbox.png?25322162624)no-repeat left top; z-index:3;}
.check label{float:left; margin-left:10px; cursor:pointer;}
.check input.form-inputPop:checked+i{background-position:left bottom;}
.check input.form-inputPop:checked+i+label{color:#56397d;}
.radio{position:relative; margin-top:10px; text-align:left; cursor:pointer; overflow:hidden;}
.radio input.form-inputPop{position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5; width:20px; height:20px;}
.radio i{float:left; display:block; width:20px; height:20px; background:url(/images/resource/btn_radio.png?25322162624)no-repeat left top; background: z-index:3;}
.radio label{float:left; margin-left:10px; cursor:pointer; margin-top:-6px;}
.radio input.form-inputPop:checked+i{background-position:left bottom;}
.sbHolder{z-index:99; text-align:left;}
.none{opacity:0; height:0; transition:0.4s;}
h4{font-size:22px; margin-bottom:15px;}
.footer{background: #333 url(/images/resource/bg_footer.gif?25322162624) repeat-x left 59px; color: #fff; clear: both;}
.footer ul li{float:left;}
.footer ul li a{color: #fff;border-left: 1px solid #555; font-size: 16px; padding: 21px 0; display: block; width:298px; text-align:center;}
.footer ul li.end{border-right: 1px solid #555;}
.footer address{clear: both; text-align: center; color: #666; padding: 40px 0; line-height: 25px; font-size: 14px;}
.footer address strong{color: #fff; font-size: 16px; font-weight: 400; line-height: 30px;}
.rpoint{color:#ef726f; font-weight:400;}
.areaExtra{scrollbar-arrow-color:#00ada8;
        scrollbar-Track-Color:#e5e5e5; 
        scrollbar-base-color:#e5e5e5;
        scrollbar-Face-Color:#00ada8;
        scrollbar-3dLight-Color:#e5e5e5;         
        scrollbar-DarkShadow-Color:#e5e5e5;
        scrollbar-Highlight-Color:#e5e5e5;
        scrollbar-Shadow-Color:#e5e5e5}
.areaExtra div{ scrollbar-arrow-color:#c1c1c1;
        scrollbar-Track-Color:#e5e5e5; 
        scrollbar-base-color:#e5e5e5;
        scrollbar-Face-Color:#c1c1c1;
        scrollbar-3dLight-Color:#e5e5e5;         
        scrollbar-DarkShadow-Color:#e5e5e5;
        scrollbar-Highlight-Color:#e5e5e5;
        scrollbar-Shadow-Color:#e5e5e5}
.areaExtra::-webkit-scrollbar {width:29px; height:29px; }
.areaExtra::-webkit-scrollbar-button:start:decrement{ width:29px;height:29px; background:url(/images/resource/scroll_pre.gif?25322162624) no-repeat  #e5e5e5;}
.areaExtra::-webkit-scrollbar-button:end:increment{width:29px;height:29px; background:url(/images/resource/scroll_next.gif?25322162624) no-repeat  #e5e5e5;}
.areaExtra::-webkit-scrollbar-track{    background:#e5e5e5;}
.areaExtra::-webkit-scrollbar-thumb{ background:#00ada8; }

.boardView{width:100%; clear:both; margin:0 0 40px 0;}
.boardView th{border:1px solid #000; padding:15px; font-size:18px; font-weight:400;}
.boardView td{border-bottom:1px solid #ddd; padding:15px 0 15px 35px; font-weight:400; text-align:center; color:#555;}
.boardView .end th,.boardView .end td{border-bottom:1px solid #000;}
.boardView tbody th{border:0; border-bottom:1px solid #ddd; font-size:16px; text-align:left; padding-left:40px;}
.boardView tbody th span{background:url(/static/images/contents/bu_th.png'/>) no-repeat left 5px; display:inline-block;  padding-left:20px;}