@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

input,select,textarea {border:0; padding:0; margin:0;}

img {vertical-align:middle;}

a {
    text-decoration:none;
    color:#000;
}

body {
    font-family: 'Nanum Gothic','Nanum Barun Gothic','dotum', sans-serif;
    font-size:12px;
    line-height: 1.4;
    font-weight:normal;
    overflow-x:hidden;
}

.sn_hidden {
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    font-size:0;
    line-height:0;
}
.clearFix:after {content:''; display:block; clear:both;}
.fLeft {float:left;}
.fRight {float:right;}
.inner_wrap {
    width:1200px;
    margin:0 auto;
}

#wrap {
    position:relative;
    margin:0;
    padding:0;
    word-wrap: break-word;
    word-break: break-all;
    background:#fff;
}
/* ------------- 헤더css ------------- */

.header_wrap {
    width:100%;
    margin:0 auto;
    position:relative;
}
.headerInner {
    position:relative;
    height:140px;
    overflow:hidden;
}
.headerInner>h1 {
    padding-top:30px;
    text-align:center;
}

.headerInner>.sp_wrap {
    display:block;
    position:absolute;
    left:0; bottom:5px;
}

.headerInner>ul.topMenu {
    position:absolute;
    right:0; top:75px;
}
.headerInner>ul.topMenu>li {
    float:left;
    padding:0 10px;
    background:url(../images/inc_img/dot.gif)no-repeat left center;
}
.headerInner>ul.topMenu>li>a {
    display:block;
    font-size:1.2em;
    font-weight:bold;
}

/* ------------- 메인gnb ------------- */
.gnbList>li {
    float:left; width:240px; height:60px;
    box-sizing: border-box;
}

.gnbList>li:last-child {border-right:none;}
.gnbList>li>a:link,
.gnbList>li>a:visited {
    display:block;
    text-align:center;
    line-height:60px;
    font-size:1.5em;
    font-weight:bold;
}

.gnbList>li>a:hover,
.gnbList>li>a:focus {
    background-color:#22bcf2;
    color:#fff;
}

/*  슬라이더  */
.mainSlide_wrap {width:100%;}
.mSlide {width:1920px; margin:0 auto; height:600px; position:relative;}

#bx-pager {
    position:absolute;
    width:1174px;
    height:50px;
    margin-left:-587px;
    left:50%;
    bottom:20px;}
#bx-pager>a {display:block; float:left; margin-left:1px;}

.con01 {text-align:center;}
.con01>h2 {padding:95px 0 40px;}
.con01>p.tx {padding-bottom:80px;}

/* 하단리스트 */

.hpList {}
ul.hpList>li {
    float:left;
    position:relative;
    overflow:hidden;
    text-align:center;
    width:390px;
    margin-right:15px;
}
ul.hpList>li:nth-child(3n) {margin-right:0;}
ul.hpList>li:first-child,ul.hpList>li:nth-child(2),ul.hpList>li:nth-child(3) {margin-bottom:15px;}

ul.hpList>li>a>img {border:1px solid #c6c6c6;}
.cover {
    position:absolute;
    left:0; top:0; display:none;
}

ul.hpList>li:hover span.cover {
    display: block;
}


ul.proList {margin-bottom:100px;}
ul.proList>li {float:left; width:340px; margin:0 30px;}
ul.proList>li>a {display:block;}
.proList_tx {padding-top:30px; text-align:center;}
.proList_tx>p {font-size:1.4em;}

/* ------------- 메인페이지게시판 영역 ------------- */

.bo_wrap {
    float:left;
    box-sizing: border-box;
    width:570px;
    height:210px;
    overflow:hidden;
    margin: 0 15px 95px;
}

.b_list { width:570px; padding:20px 20px 40px;
box-sizing: border-box;
border:1px solid #ebebeb; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.b_list>li {padding:5px 0; height:15px; line-height:15px; border-bottom:1px solid #ebebeb;}
.b_list>li:last-child {border-bottom:none; padding-bottom:0;}
.b_list>li>img {vertical-align: middle;}
.b_list>li>a:after {content: ''; display:block; clear:both;}
.b_list>li>a {
    font-size:1.1em;
}
.b_list>li>a>span.txmd {margin-left:10px;}
.b_list>li>a>span.txDate {float:right; font-size:0.9em;}
.idx_tx {
    margin-left:10px;
    display: inline-block;
    width: 70px;
    height: 15px;
    line-height: 15px;
    /* font-size: 1em; */
    text-align: center;
    border-radius: 50px;
    background: #3e3e3e;
    color: #fff;
    letter-spacing: -1px;
}

.idx_tx2 {
    background: #22bcf2;
}

/* ------------- 메인하단영역 ------------- */
.bo_box {width:400px; height:200px; float:left; text-align:center; margin-bottom:65px;}

/* ------------- 푸터영역 ------------- */

.footerWrap {width:100%; background-color:#5e5e5e;}

.footer_inner {position:relative; height:125px; box-sizing: border-box; padding:30px 0;}

.footer_inner>p {color:#fff; font-size:1.2em;}
.footer_inner>p.pp {padding-top:15px;}

.fs_wrap {position:absolute; right:50px; top:30px;}
.fs_wrap>h3 {
    box-sizing: border-box;
    width:100px; height:25px; line-height:25px; text-align:center; color:#fff; border:1px solid #fff;}
    
/* header 서브메뉴부분 시작 */
.sn_gnbWrap {
    position:relative;
    /*
    box-sizing: border-box;
    */
    width: 100%;
    /* height:60px; */
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    
}
.pt_subWrapper {
    position:absolute;
    left:0; top:60px;
    width:100%;
    border-top:1px solid #c48a49;
    z-index:600;
   display:none;     /* 서브메뉴 임시로 안보이게 하기 */
    background-color:#000;
    opacity: 0.8;
}
.pt_subWrapper>.sub_menu:after {content:""; clear:both; display:block;}
.pt_subWrapper>.sub_menu {
    width:1200px;
    margin:0 auto;
    background-color:#000;
    position:relative;
    height:200px;
}
.sub_menu>ul {
    position:absolute;
    width:240px;
    box-sizing: border-box;
    height:180px;
    top:10px;
    border-right:1px solid #6d6d6d;
}

.sub_menu>ul.sub01 {left:0px; border-left:1px solid #6d6d6d;}
.sub_menu>ul.sub02 {left:240px;}
.sub_menu>ul.sub03 {left:480px;}
.sub_menu>ul.sub04 {left:720px;}
.sub_menu>ul.sub05 {left:960px;}
.sub_menu>ul>li {
    text-align:center;
    line-height:25px;
    height:25px;
}
.sub_menu>ul>li>a:link,
.sub_menu>ul>li>a:visited {
    box-sizing: border-box;
    display:block;
    color:#fff;
    font-size:1.25em;
}
.sub_menu>ul>li>a:hover,
.sub_menu>ul>li>a:focus {
    color:#6ad8ff;
    font-weight:bold;    
}

/* 퀵메뉴 부분 */


#sn_quick {
    position:absolute;
    width:80px;
    height:500px;
    top:200px;
    left:50%;
    margin-left:600px;
    z-index: 600;
    background:url(/2017/images/inc_img/quick_bg.png);
}

.quickMenu {
    margin-top:90px;
}


#sn_quick>.quickMenu>li {
    height:70px;
    overflow:hidden;
    margin-bottom:2px;
}

#sn_quick>.quickMenu>li>a:link,
#sn_quick>.quickMenu>li>a:visited {
    display:block;
    text-align:center;
    color:#f4f4f4;
    font-weight:bold;
}
#sn_quick>.quickMenu>li>a>span.tx,
#sn_quick>.quickMenu>li>a>span.tx {
    display:block;
    font-size:1em;
}
#sn_quick>.quickMenu>li>a:hover,
#sn_quick>.quickMenu>li>a:focus {
    color:#ffd034;
}

#sn_quick>a.topBtn {
    display:block;
    color:#fff;
    text-align:center;
    font-size:1.25em;
    font-weight:bold;
    margin-top:10px
}