@charset "utf-8";
/* CSS Document */


#wrap{width:100%;}

/*헤더*/
#header{
    width: 100%;
    position: absolute;
    background: rgba(73,122,188,0.8);
    height: 80px;
    z-index: 200;
}
.logo{padding: 21px 23px;}
.logo a{display:block;width:253px;height:35px;background:url(../img/logo.png) no-repeat;text-indent: -9999px;}
#headerin{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.gnb{
    position: absolute;
    top: 0;
    right: 0;
}
.gnb .d1{float: left;position: relative;}
.gnb .d1 .m{
    display: block;
    width: 140px;
    line-height: 80px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.gnb .d1 .m:after{
    content:"";
    display:block;
    width: 62px;
    height: 2px;
    background:#fff;
    position:absolute;
    top: 55px;
    left: 39px;
    opacity:0;
    transition:opacity 0.3s;
}
.gnb .d1 .m:hover:after{opacity:1;}
.gnb .d1 .d2{
    position: absolute;
    top: 80px;
    left: 0;
    /* text-align: center; */
    z-index: 10;
    width: 140px;
    height: 140px;
    display: none;
}
.gnb .d1:last-child .d2{}
.gnb .d1 .d2 ul{
}
.gnb .d1 .d2 li{
    margin-bottom: 8px;
    margin-left: 40px;
}
.gnb .d1 .d2 li a{
    color:#fff;
}
.gnb .d1:hover .m{}
.gnb .d1 .d2 li:hover a{}
.subBg{
    position: absolute;
    top: 80px;
    left:0;
    width: 100%;
     background: rgba(73,122,188,0.8);
    height: 160px;
    display: none;
    }
#headerin .cs{display:none;}

.cs{margin-top:10px;}
/*메인슬라이더*/

.mainSlider{
    width: 100%;
    position: relative;
}
.mainSlider li{
    height: 777px;}
.mainSlider .ms1{background:url(../img/main_visual_01.jpg) no-repeat center 0;}
.mainSlider .ms2{background:url(../img/main_visual_02.jpg) no-repeat center 0;}
.mainSlider .ms3{background:url(../img/main_visual_03.jpg) no-repeat center 0;}



.mainSlider .bx-controls-direction{
    display: none;
}
.mainSlider .bx-pager{position:absolute;bottom: 60px;z-index: 100;width: 100%;text-align: center;}
.mainSlider .bx-pager .bx-pager-item{
    display: inline-block;
    margin: 0 2px;
    }
.mainSlider .bx-pager .bx-pager-item a{
    display:block;
    width: 70px;
    text-indent: -9999px;
    height: 5px;
    background: rgba(255,255,255,0.5);
}
.mainSlider .bx-pager .bx-pager-item .active{background: rgba(255,255,255,0.8);}
.mainSlider .bx-pager .bx-pager-item a:hover{background: rgba(255,255,255,0.8);}











/*메인컨텐츠*/

#content{width:1000px;margin: 25px auto;}
#content:after{
    content:"";
    display:block;
    clear:both;
}
#content > div{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
#content > div:nth-child(3){margin-right:0px;}
#content > div:nth-child(6){margin-right:0px;}
.bBox{
    width: 323px;
    height: 282px;
    position: relative;
}
.bBox h3{
    line-height: 56px;
    padding-left: 21px;
    border-bottom: 1px solid #444;
    font-size: 20px;
}
.bBox more{}
.bBox ul{padding: 20px 15px;}
.bBox li{
    position: relative;
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
}
.bBox li:before{
    content:"";
    display: block;
    width:2px;
    height:2px;
    background:#444;
    position: absolute;
    top: 9px;
    left: 11px;
}
.bBox li a{
    margin-left: 22px;
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.bBox .more{
    font-size: 25px;
    padding: 10px;
    /* background: #ddd; */
    position: absolute;
    top: 8px;
    right: 6px;
}








/*서브*/
#sub_content{
    width:1000px;
    margin: 25px auto 0px;
}
#sub_content:after{
    content:"";
    display:block;
    clear:both;
}
.sub_visual{
	width:100%; height:280px;
	background:url(../img/sub_visual_00.jpg) no-repeat center 0;}
.sub_content{width:775px;float:right;position: relative;min-height: 800px;}

.sub_content h3{
    font-size: 28px;
    padding: 35px 20px;
    border-bottom: 1px solid #ccc;
    color: #2d72cd;
}
.sub_content .bread{
    position: absolute;
    top: 42px;
    right: 17px;
    font-size: 13px;
}
.ad{
    font-size: 23px;
    padding: 23px 0px 0px 20px;
}
.tel{
    padding: 10px 0px 19px 20px;
    font-size: 16px;
}


.sub_content .contWrap{padding-bottom:100px;}

/*서브메뉴*/

.sub_menu{
    width: 200px;
    float: left;
}
.sub_menu ul{
    width: 100%;
}
.sub_menu > ul > li{display:none;}
.sub_menu .d1{
    width: 100%;
}
.sub_menu .d1 > a{
    font-size: 24px;
    display: block;
    font-weight: 500;
    padding: 35px 23px;
    background: #2d72cd;
    color: #fff;
}
.sub_menu .d2 li{
}
.sub_menu .d2 li a{
    display:block;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
    background:url(../img/sub_menu_bg.jpg) no-repeat;
}
.sub_menu .d2 li a:hover{background:#fff;}

/*서브 온오프*/

.sub01 .sub_menu .sub_on_01,
.sub02 .sub_menu .sub_on_02,
.sub03 .sub_menu .sub_on_03,
.sub04 .sub_menu .sub_on_04
{display:block;}


.sub.page01 .sub_menu .page_on_01,
.sub.page02 .sub_menu .page_on_02,
.sub.page03 .sub_menu .page_on_03,
.sub.page04 .sub_menu .page_on_04,
.sub.page05 .sub_menu .page_on_05{
    background: #fff !important;}







/*푸터*/

#footer{
    background: #444444;
    padding-bottom: 10px;
}
.footerIn{
    width: 1000px;
    margin: 0 auto;
    position:relative;
}
.f_logo{position:absolute;top: 82px;left: 15px;}
.f_logo img{width: 211px;height:auto;}
.f_menu{
    padding: 20px;
    border-bottom: 1px solid #8b8b8b;
}
.f_menu a{
    color: #fff;
    margin-right: 30px;
    position: relative;
}
.f_menu a:after{
    content:"";
    display: block;
    width: 2px;
    height: 2px;
    background:#fff;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: -18px;
    }
.f_menu a:last-child:after{display:none;}
.f_info{padding: 20px 20px 0px 242px;}
.f_info span{
    color: #aeaeae;
}
.f_info span:nth-child(3):after{display:none;}
.f_info span:nth-child(7):after{display:none;}
.f_info span:after{
    content:"";
    display:inline-block;
    width:1px;
    height: 9px;
    background:#fff;
    margin-left: 9px;
    margin-right: 8px;
}
.copy{
    color: #aeaeae;
    padding-left: 242px;
    padding-bottom: 34px;
}

.f_site{position:absolute;top: 10px;right:0;}

.q_form_wrap {/* padding: 20px; *//* background-color: #f3f3f3; *//* width: 700px; */margin: 20px 0;}
.q_form {width: 100%; padding-top: 5px ;margin: 20px 0;
background-image: url(/images/sub/table_top.jpg);
background-repeat: no-repeat;
background-size: 100% 5px;
}
.q_form table {border-bottom: 1px solid #e4e4e4; }
.q_form td {border-bottom: 1px solid #e4e4e4; padding: 5px 15px; color: #444;word-break: break-all;
background-color: #fff;font-size: 13px;
}
.q_form th {border-bottom: 1px solid #f4f4f4;padding: 5px 15px;text-align: center;background-color: #e1e1e1;color: #343434;word-break: break-all;font-size: 15px;width: 120px;}

.q_form_input input {width: 90%; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px;}

.q_form textarea {width: 90%; padding: 3px 10px; border: 1px solid #ccc; background-color: #fff; min-height: 150px;
resize: none;
}

.q_form_select select  {width: auto; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px; display: block;
box-sizing: content-box;
}

.q_form_list_wrap {
padding: 20px;
background-color: #f3f3f3;
width: 700px;
margin: 20px 0;
}
.q_form_list {width: 100%; padding-top: 5px ;margin: 20px 0;
background-image: url(/images/sub/table_top.jpg);
background-repeat: no-repeat;
background-size: 100% 5px;
}
.q_form_list table {border-bottom: 1px solid #e4e4e4; }
.q_form_list td {border: 1px solid #e4e4e4; padding: 10px 15px; color: #444;word-break: break-all;
background-color: #fff;font-size: 12px;
}
.q_form_list th {border: 1px solid #f4f4f4; padding: 10px 15px;
background-color: #e1e1e1; color: #343434;word-break: break-all; font-size: 12px;
}

.btn_apply_ok {display: inline-block;padding: 5px 10px; background-color: #363636; color: #fff;font-size: 12px; font-weight: bold;}
.btn_apply_end {display: inline-block;padding: 5px 10px; background-color: #aeaeae; color: #fff; font-size: 12px; font-weight: bold;}

.board_wrap {width: 1100px;padding-top: 10px;background-color:#fff;margin: 0 auto;}


.data_view_btn {
    display: inline-block;
    width: 220px;
    height: 45px;
    line-height: 45px;
    /* padding-left: 13px; */
    /* background-image: url(/images/sub/data_view_btn.jpg); */
    /* background-repeat: no-repeat; */
    color: #fff;
    font-size: 12px!important;
    text-align: center;
    background: #c49b68;
}



/*관련사이트*/
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.select .myValue{position:relative;z-index:2;left:0;top: 0px;border:1px solid #bababa;color: #fff;line-height:19px;_line-height:normal;text-align:left;overflow:visible;background: #303030;}
.select .myValue.selected{ font-weight:bold;}
.select .myValue{height: 40px;width:100%;text-indent:5px; *text-indent:0; *padding-left:5px;line-height: 37px;padding-left: 10px;box-sizing: border-box;}
.select .ctrl{position:absolute;top:0;right:0;width:18px;height:19px;/* border:1px solid #bababa; *//* border-left:1px solid #eaeaea; *//* background:#fff; */z-index: 9;}
.select .arrow{position:absolute;/* width:0; *//* height:0; */top: 19px;right: 12px;line-height:0;font-size: 16px;/* border-top: 3px solid #fff; *//* border-left:3px solid #fff; *//* border-right:3px solid #fff; */color: #fff;}
.select ul{bottom: 39px;left:0;width:100%;list-style:none;border:0;border-top:1px solid #bababa;border-bottom:1px solid #bababa;background:#fff;overflow:hidden;}
.select ul.aList{ display:none;}
.select li{position:relative;overflow:hidden;white-space:nowrap;height: 40px;border-left:1px solid #bababa;border-right:1px solid #bababa;}
.select li a{display:block;text-indent:8px; *text-indent:6px;height: 40px;line-height: 40px;color:#767676;background:#fff;text-decoration:none;padding-left: 10px;}
.select li:hover *{ background:#999; color:#fff;}









.tap01{
    margin-top: 20px;
}
.tap01 li{
    display: inline-block;
}
.tap01 .on{
}
.tap01 li a{
    padding: 10px 20px;
    background: #444;
    color: #fff;
    display:block;
    }
.cont{
    border-top: 1px solid #ddd;
    margin-top: 20px;
}
.cont li{
    border-bottom: 1px solid #ddd;
}
.cont li:after{
    content:"";
    display:block;
    clear:both;
}
.cont li .img{
    width: 330px;
    float: left;
}
.cont li .img a{
}
.cont li .img a img{
   width: 330px;
   height: 244px;
}
.cont li .txt{
    float: left;
    padding: 25px;
    line-height: 22px;
    width: 393px;
    height: 176px;
    overflow: hidden;
}
.cont li .txt h4{
    font-size: 18px;
    margin-bottom: 20px;
}
.cont li .txt p{
    margin-bottom: 12px;
}
.cont li .txt p:after{
    content:"";
    display:block;
    clear:both;
}
.cont li .txt p .t{
    width: 80px;
    float: left;
    font-weight: 700;
}
.cont li .txt p .c{
    float: left;
}

.cont li .txt p .hh{
    font-size: 18px;
}