@charset "utf-8";
/* 2017.07.14 JH Lee */


.wrap{ width:100%; height:auto;}
.center{ width:970px; height:auto; margin:0 auto;}
.pos{ position:relative;}
span.line{ display:inline-block; width:1px; height:10px; background:#5687ba; float:left; margin:16px 10px 0 10px;}
span.color01{ color:#ff563a;}
span.color02{ color:#3ec3ff;}

/* 상단 */
.head{ width:100%; height:auto;}
.head .head_top{ width:100%; height:40px; background:#f5f5f5;}
.head .head_top ul{}
.head .head_top ul li{ font-size:13px; font-weight:bold; letter-spacing:-1px; line-height:40px;}
.head .head_top ul li a{ display:block; color:#5a5a5a;}
.head .head_top ul li a i{ margin:0 5px 0 0; color:#5687ba;}
.head .head_top ul.h_t_menu{}
.head .head_top ul.h_t_menu li{ font-weight:normal; float:left; letter-spacing:normal;}
.head .head_top ul.h_t_menu li a{}

.head .head_menu_box{ width:100%; height:90px; padding:20px 0;}
.head .head_menu_box h1{ margin:0; padding:0;}
.head .head_menu_box ul{ position:relative; z-index:1100; margin:0;}
.head .head_menu_box ul li{ display:inline-block; float:left; position:relative;}
.head .head_menu_box ul li a{ font-weight:bold; color:#1e1c19; font-size:17px; display:inline-block; letter-spacing:-1px; padding:25px 27px 16px 27px;}
.head .head_menu_box ul li dl{ display:none; width:100%; position:absolute; background:#fff; border:1px solid #dbdbdb; border-top:4px solid #1f67b1; margin:0;}
.head .head_menu_box ul li dl dd{}
.head .head_menu_box ul li dl dd a{ padding:0 10px; color:#615f5f; display:block; line-height:40px; font-size:15px;}

.head .head_menu_box ul li:hover a{ color:#1f67b1; text-decoration:none;}
.head .head_menu_box ul li:hover dl{ display:block;}
.head .head_menu_box ul li:hover dl dd{}
.head .head_menu_box ul li:hover dl dd a{ color:#696969;}
.head .head_menu_box ul li:hover dl dd a:hover{ color:#1f67b1; background:#e6edf0;}

/* 메인이미지 */
.main_img_box{ width:100%; height:430px; background:url(../images/main_bg_img01.jpg) top center no-repeat;}
.main_img_box .main_text_box{ width:370px; height:430px; background:rgba(0, 0, 0, 0.5); position:absolute; top:0; right:0; padding:80px 30px 50px 30px;}
.main_img_box .main_text_box h6{ margin:0; color:#fff; font-size:35px; font-weight:bold; text-shadow:1px 1px 1px #000;}
.main_img_box .main_text_box h6 span.span_style01{ font-size:30px; letter-spacing:-3px; display:block; margin:0 0 5px 0;}
.main_img_box .main_text_box p{ margin:30px 0 80px 0; color:#fff; font-weight:bold; letter-spacing:-1.8px; text-shadow:1px 1px 1px #000; font-size:16px; line-height:180%;}

.main_img_box .main_text_box .main_text_bottom{ width:100%; height:auto; position:relative;}

.main_img_box .main_text_box .main_text_bottom ul.roll_btn{ overflow:hidden; margin:0; padding:8px 0 7px 0;}
.main_img_box .main_text_box .main_text_bottom ul.roll_btn li{ width:15px; height:15px; background:#f3f3f3; float:left; border-radius:100px; margin:0 5px 0 0;}
.main_img_box .main_text_box .main_text_bottom ul.roll_btn li a{ width:15px; height:15px; display:block;}
.main_img_box .main_text_box .main_text_bottom ul.roll_btn li.on{ background:#3ec3ff;}
.main_img_box .main_text_box .main_text_bottom ul.roll_btn li:hover{ background:#3ec3ff;}

.main_img_box .main_text_box .main_text_bottom ul.page_btn{ margin:0; position:absolute; top:0; right:0;}
.main_img_box .main_text_box .main_text_bottom ul.page_btn li{ width:30px; height:30px; background:#000; text-align:center; line-height:30px; float:left; margin:0 2px 0 0;}
.main_img_box .main_text_box .main_text_bottom ul.page_btn li:last-child{ margin:0;}
.main_img_box .main_text_box .main_text_bottom ul.page_btn li a{ width:30px; height:30px; display:block; color:#e8e8e8;}

/* 메인 content */
.main_content{ width:100%; height:auto; padding:20px 0 50px 0;}
.main_content .quick_box{ width:100%; height:auto; overflow:hidden;}
.main_content .quick_box ul{ margin:0;}
.main_content .quick_box ul li{ width:225px; height:150px; float:left; position:relative; margin:0 23px 0 0;}
.main_content .quick_box ul li:last-child{ margin:0;}
.main_content .quick_box ul li a{}
.main_content .quick_box ul li a img{ width:100%; height:100%; border-radius:25px;}
.main_content .quick_box ul li a .quick_text{ position:absolute; width:100%; height:100%; top:0; text-align:center; background:rgba(0, 0, 0, 0.5); border-radius:25px; padding:30px 0;}
.main_content .quick_box ul li a .quick_text dl{ margin:0; color:#fff; text-shadow:1px 1px 1px #000;}
.main_content .quick_box ul li a .quick_text dt{ font-size:24px; letter-spacing:-2px; margin:0 0 10px 0;}
.main_content .quick_box ul li a .quick_text dd{ font-size:15px; font-weight:bold; letter-spacing:-1px;}
.main_content .quick_box ul li a:hover .quick_text{ display:none;}

.bbs_all{ width:100%; height:auto; overflow:hidden; margin:20px 0 10px 0;}
.bbs_all .bbs_box{ border:1px solid #cccccc; padding:20px; position:relative;}
.bbs_all .bbs_box h6{ color:#1e1c19; margin:0; font-size:18px; letter-spacing:-0.5px;}
.bbs_all .bbs_box h6 span{ color:#0890ce;}
.bbs_all .bbs_box a.more_btn{ width:17px; height:17px; background:url(../images/more_btn.jpg) no-repeat; display:block; position:absolute; top:21px; right:20px;}
.bbs_all .photo_gallery{ width:615px; height:auto;}
.bbs_all .photo_gallery .photo_list_box{ width:100%; height:auto; overflow:hidden; margin:15px 0 0 0;}
.bbs_all .photo_gallery .photo_list_box dl{ width:111px; height:auto; text-align:center; float:left; margin:0 4.5px 0 0;}
.bbs_all .photo_gallery .photo_list_box dl:last-child{ margin:0;}
.bbs_all .photo_gallery .photo_list_box dl a{ color:#000000;}
.bbs_all .photo_gallery .photo_list_box dl dt{ width:111px; height:100px; border:1px solid #cfcfcf; margin:0 0 5px 0;}
.bbs_all .photo_gallery .photo_list_box dl dt img{ width:100%; height:100%;}
.bbs_all .photo_gallery .photo_list_box dl dd{ font-size:13px; letter-spacing:-1px;}

.bbs_all .notice{ width:345px; height:199px; background:#fafafa;}
.bbs_all .notice ul{ text-align:center; overflow:hidden; margin:0;}
.bbs_all .notice ul li{ width:auto; float:left; font-size:17px; font-weight:bold; letter-spacing:-2px; margin-right:15px; line-height:100%;}
.bbs_all .notice ul li a{ color:#5d5d5d;}
.bbs_all .notice ul li a.bbs_on{ color:#106cb9;}
.bbs_all .notice ul li a:hover{ text-decoration:none; color:#106cb9;}
.bbs_all .notice .bbs_in_box{ border:1px solid #d9d9d9; background:#fff; width:303px; height:auto; overflow:hidden; margin-top:15px; padding:10px; position:absolute; left:20px;}
.bbs_all .notice .bbs_in_box dl{ overflow:hidden; margin:0 0 6px 0; text-align:left; font-size:15px; font-weight:normal;}
.bbs_all .notice .bbs_in_box dl:last-child{ margin:0;}
.bbs_all .notice .bbs_in_box dl dt{ width:200px; float:left; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden; background:url(../images/bbs_dot.jpg) 0 9px no-repeat; padding:0 0 0 10px;}
.bbs_all .notice .bbs_in_box dl dt a{ color:#5a5a5a;}
.bbs_all .notice .bbs_in_box dl dt a:hover{ text-decoration:underline;}
.bbs_all .notice .bbs_in_box dl dd{ width:80px; float:right; text-align:right; letter-spacing:-0.5px; color:#5a5a5a;}

/* 배너모음 */
.banner_all{ width:100%; height:auto; border:1px solid #cccccc; padding:20px; overflow:hidden;}
.banner_all dl.banner_btn{ width:83px; height:auto; overflow:hidden; margin:0;}
.banner_all dl.banner_btn dt{ text-align:center; font-size:17px; letter-spacing:-2px; margin:0 0 5px 0;}
.banner_all dl.banner_btn dd{ width:27px; height:27px; text-align:center; line-height:27px; float:left; border:1px solid #d9d9d9; margin:0 1px 0 0;}
.banner_all dl.banner_btn dd a{ color:#7f7f7f; display:block;}
.banner_all dl.banner_btn dd:last-child{ margin:0;}

.banner_all dl.banner_list{ width:822px; height:auto; overflow:hidden; margin:0;}
.banner_all dl.banner_list dt{ width:150px; height:56px; float:left; margin:0 18px 0 0; border:1px solid #cccccc;}
.banner_all dl.banner_list dt img{ width:100%; height:100%;}
.banner_all dl.banner_list dt:last-child{ margin:0;}
.banner_all dl.banner_list dt a{}

/* 카피라이트 */
.copy_all{ width:100%; height:auto; overflow:hidden;}
.copy_all .copy_top{ width:100%; height:40px; background:#d9d9d9; line-height:40px;}
.copy_all .copy_top ul{ margin:0; overflow:hidden;}
.copy_all .copy_top ul li{ float:left; font-weight:bold; font-size:13px; letter-spacing:-0.5px; margin:0 30px 0 0;}
.copy_all .copy_top ul li a{ color:#333333;}
.copy_all .copy_top ul li a:hover{ text-decoration:none; color:#00468e;}

.copy_all .copy_box{ width:100%; height:auto; background:#e7e7e7; padding:20px 0; overflow:hidden;}
.copy_all .copy_box p{ color:#5a5a5a; margin:0; font-size:14px; letter-spacing:-0.5px; line-height:170%;}
.copy_all .copy_box h5{ margin:10px 0 0 0;}


.tel_info {margin-left:15px; padding-left:15px; border-left:1px solid #c9c9c9;}
.copy_all .copy_box .tel_info_tit {font-size:14px; font-weight:bold; line-height:1.5;}
.copy_all .copy_box .tel_info_txt {font-size:14px; color:#898989; line-height:1.3;}
.copy_all .copy_box .tel_info_tel {font-size:16px; color:#fd5806; font-weight:bold; line-height:1.3; margin-bottom:8px;}


/* 전체 팝업레이어 css */
.popuplayer .popupBox {
    background: #fff;
    padding-bottom: 5px;
    border: 1px solid #969696;
}
.popuplayer .popupBox a {
    display: block;
    padding-bottom: 5px;
}
.popuplayer .popupBox form {
    text-align: right;
    padding-right: 5px;
}
.popuplayer .popupBox form input[type="checkbox"] {
    margin: 0;
}