@charset "utf-8";

/* sub_container */
#sub_container{width:100%; position:relative;}

/* sub_visual */
.sub_visual{width:100%;text-align:center;width:100%;}
.sub_visual .web{display:inline-block; height:360px;width:100%; }
.sub_visual .mo{display:none;}

/* sub_content */
.sub_content{width:100%; padding-top:40px;padding-bottom:98px;}
.sub_content.brand{padding-top:0;}
.sub_1000{position:relative;width:1000px;margin:0 auto;}
.sub_content .sub_1000{}
.sub_content .sub_top{width:100%; text-align:center;margin-bottom:45px;}
.sub_content .sub_top .sub_tit_txt{font-size:24px; color:#000; line-height:36px; font-family:'NanumBarunGothic'; position:relative;}
.sub_content .sub_top .sub_tit_txt:before{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; top:0; left:50%; margin-left:-20px;}
.sub_content .sub_top .sub_tit_txt:after{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.sub_content .sub_top h2.title{font-size:52px; color:#000; font-weight:bold; font-family:'NanumBarunGothic'; margin-top:30px;}

/* 브랜드 */
.brand_tab{width:1000px; margin:0 auto; padding-bottom:10px;}
.brand_tab h3{font-size:26px; color:#3e3a39; font-weight:normal; text-align:center; font-family:'NanumBarunGothic'; margin:15px 0 35px;}
.brand_tab ul{width:100%;}
.brand_tab ul li{width:201px; height:52px; float:left; border:1px solid #eaeaea; border-bottom-color:#999; margin-left:-1px; box-sizing:border-box; position:relative; z-index:1;}
.brand_tab ul.cols-03{width:1003px;}
.brand_tab ul.cols-03 li{width:33.33333333333333%;}
.brand_tab ul.cols-05{width:1005px;}
.brand_tab ul.cols-05 li{width:20%;}
.brand_tab ul.cols-06{width:1006px;}
.brand_tab ul.cols-06 li{width:16.666666%;}
.brand_tab ul li a{width:100%; display:block; font-size:14px; color:#3e3a39; text-align:center; line-height:50px;}
.brand_tab ul li.active{border:1px solid #999; border-bottom-color:#fff; z-index:10;}
.brand_tab ul li:hover{border:1px solid #999; border-bottom-color:#fff; z-index:10;}

.brand_list{width:1000px; margin:0 auto; padding-bottom:30px;}
.brand_list ul{width:1020px;}

.brand_list ul li{width:320px; float:left; margin-right:20px;}

.brand_list ul li div{width:100%; box-sizing:border-box; border:1px solid #d2d2d2;}
.brand_list ul li p{font-size:15px; color:#3e3a39; line-height:36px; text-align:center; margin:5px 0 30px}

.ga_list{width:1014px;}
.ga_list:after{content:"";display:block;clear:both;}
.ga_list li{float:left;width:323px;margin-right:15px;margin-bottom:30px;}
.ga_list li .ga_img{position:relative;display:block;width:323px; height:323px; overflow:hidden;}
.ga_list li .ga_cont{padding: 15px 0;}
.ga_list li .ga_subject{display:block;font-size:19px;color:#3e3a39;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.layer_view{position:fixed;width:605px;height:535px;left:50%;margin-left:-303px;top:50%;margin-top:-268px;z-index:100;display:none;}
.layer_view .view_txt{position:absolute;left:0;right:0;bottom:0;padding:22px 30px;background:rgba(0,0,0,0.5);}
.layer_view .view_txt .subject{font-size:19px;color:#fff;}
.layer_view .btn_layer_close{position:absolute;right:0;top:0;}
.layer_view .view_body{position:relative;}
.layer_view .view_body > a{display:block;}
.layer_view .view_body > a.left_btn{position:absolute; top:240px; left:0;}
.layer_view .view_body > a.right_btn{position:absolute; top:240px; right:0;}

.bo_list{margin-top:72px;display:none;}
.bo_list .bo_tit{font-size:28px;margin-bottom:15px;color:#3e3a39;}
.bo_thurm_list{border-top:2px solid #969696;}
.bo_thurm_list li{position:relative;padding:20px 0 20px 307px;border-bottom:1px solid #e7e7e7;}
.bo_thurm_list li:after{content:"";display:block;clear:both;}
.bo_thurm_list li .thurm_img{position:absolute;left:0;top:50%;margin-top:-78px;display:block;width:307px;height:155px;border:1px solid #e7e7e7;}
.bo_thurm_list li .thurm_cont{display:block;margin-left:28px;height:155px;}
.bo_thurm_list li .thurm_cont .subject{display:block;font-size:25px;line-height:200%;color:#012b5d;font-weight:normal;margin-bottom:10px;}
.bo_thurm_list li .thurm_cont .txt{position:relative;display:block;font-size:17px;color:#727272;line-height:24px;padding-left:14px;}
.bo_thurm_list li .thurm_cont .txt:after{position:absolute;left:4px;top:0;content:"·";display:block;}
/* .bo_thurm_list li .thurm_cont .date{display:block;font-size:14px;color:#7b7b7b;line-height:22px;} */

.bo_page{margin: 38px 0;text-align: center;font-size: 0;line-height: 0;}
.bo_page ul{display: inline-block;font-size: 0;line-height: 0;}
.bo_page ul li{display: inline-block;margin: 0 0 0 -1px;border: 1px solid #d7d5d5;font-size: 12px;color: #757575;vertical-align: top;}
.bo_page ul li:first-child{margin-left:0;}
.bo_page ul li a{display: block;width: 33px;padding: 9px 0;font-weight: bold;color: #939393;line-height: 14px;background: #fff;}
.bo_page ul li a.active{padding-bottom: 6px;border-bottom: 3px solid #495164;color: #495164;}

.ta_write {width:100%;border-top:2px solid #444444;}
.ta_write .col01{width:138px;}
.ta_write th{padding:17px 0;border:1px solid #dcdcdc;background:#f8f8f8;font-size:13px;color:#333;text-align:left;padding-left:22px;}
.ta_write th.point label{position:relative;display:inline-block;}
.ta_write th.point label:after{position:absolute;left:-10px;top:50%;margin-top:-8px;content:"*";display:block;color:#f8121a;}
.ta_write td{padding:6px 8px;font-size:15px;border:1px solid #dcdcdc;}
.ta_write td input[type="text"],
.ta_write td input[type="password"],
.ta_write td input[type="file"]{height:27px;}
.ta_write td input.long{width:98%;}
.ta_write td input.join_input04{width:80px;text-align:center;}
.ta_write td input.join_input03{width:100px;text-align:center;}
.ta_write td input.frm_address{width:50%;text-align:left;}
.ta_write td .add-box{padding:3px 0;}
.ta_write td select{height:30px;font-size:13px;}
.ta_write td select.tel{width:100px;}
.ta_write td textarea{height:120px;width:100%;box-sizing:border-box;resize:none;}
.ta_write td .btn_01{display:inline-block;height:30px;background:#fff;padding:0 15px;font-size:12px;border:1px solid #c9c9c9;color:#888;vertical-align:middle;border-radius:2px;}
.ta_write td .btn_01:hover{background:#f6f6f6;}
.ta_write .phnum select{width:80px;}
.ta_write .phnum input{width:80px;}
.ta_write .agree_check td{border-left:none;border-right:none;padding:15px 35px;font-size:13px;}
.ta_write .agree_check .link{display:inline-block;font-size:13px;color:#3d3d3d;margin-right:12px;}

.layer_ok_form{position:fixed;width:400px;left:50%;margin-left:-200px;top:50%;margin-top:-150px;padding:50px 0;border:2px solid #ddd;z-index:100;background-color:#FFF;text-align:center;display:none;}
.layer_ok_form p{font-size:16px;color:#414141;line-height:150%;}
.layer_ok_form p strong{font-size:19px;font-weight:normal;}
.layer_ok_form .btn-style01{width:122px;height:36px;line-height:36px;margin-top:25px;}
.recruit_img{text-align:center;}

.btn-wrap{margin:35px 0;text-align:center;}
.btn-style01{display:inline-block;width:167px;height:48px;line-height:48px;text-align:center;background-color:#f17c7c;color:#fff;font-size:18px;margin:0 5px;}
.btn-style01.can{background-color:#787878;}

/* 물어보세요 */
.sub-visual.two{background:url("../img/sub/sub-visual_img02.png")no-repeat 567px 41px; padding-bottom:84px;}
.sub_gnb{margin-top:60px;}
.sub_gnb ul{overflow:hidden;}
.sub_gnb ul li{width:50%; float:left; text-align:center; height:50px; line-height:50px;}
.sub_gnb ul li a{display:block; font-size:18px; font-weight:400; border:1px solid #cccccc;line-height:48px;background:#f2f2f2;}
.sub_gnb ul li a.active{line-height:50px; background:#009fe3; color:#fff;border:0;}

.question{overflow:hidden;}
.question .seach_form{margin-top:40px;height:40px; line-height:40px; overflow:hidden; position:relative;}
.question .seach_form select{height:40px; line-height:40px; border:1px solid #ddd; border-right:0;width:72px;float:right;
background:url("../img/btn/option_bar_btn.png")no-repeat 86% center;}
.question .seach_form select{-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;/* 화살표 모양의 이미지 */
padding:0 10px;}

/* IE 10, 11의 네이티브 화살표 숨기기 */ .question .seach_form select::-ms-expand { display: none;}
.question .seach_form input{height:38px; line-height:38px; border:1px solid #ddd;width:200px; float:right; padding:0 10px;
padding-right:48px;}
.question .seach_form button{position:absolute; background:0; right:10px; top:8px; background:#fff; width:24px; height:24px;}
.question .seach_form button img{width:24px; position:relative;}
.question .seach_form::after{content: ""; position: absolute; right: 42px; top: 8px; width: 1px; height: 24px; background: #dddddd;}

.wrap_1000{width:1000px; margin:0 auto;}
/* 뉴스 _ 테이블 */
.question .table_box{margin-top:20px;}
.question .table_box table{width:100%; table-layout:fixed; border-top:2px solid #333;}
.question .table_box table colgroup col.number{width:60px;}
.question .table_box table colgroup col.view_number{width:100px;}
.question .table_box table colgroup col.writing_day{width:120px;}
.question .table_box table thead tr{border-bottom:1px solid #a7a7a7;}
.question .table_box table thead tr th{line-height:52px; font-size:16px; font-weight:400;}
.question .table_box table tbody tr{border-bottom:1px solid #dddddd;}
.question .table_box table tbody tr td{line-height:42px; text-align:center; font-size:14px; color:#333; font-weight:400;}
.question .table_box table tbody tr td:nth-of-type(2){text-align:left; padding-left:20px;}
.question .table_box table tbody tr td a{font-size:14px; color:#333;}
.question .table_box table tbody tr.important {background:#f5f5f5;}
.question .table_box table tbody tr.important td:first-of-type ,
.question .table_box table tbody tr.important td:nth-of-type(2) a{font-weight:bold;}

/* 뉴스 게시판  */
.quesiton_list{margin-top:63px;}
.quesiton_list ul{border-top:2px solid #333;}
.quesiton_list ul li{line-height:43px; border-bottom:1px solid #ddd;padding:0 20px;}
.quesiton_list ul li a{color:#333;}
.quesiton_list ul li.tit{text-align:center; font-size:16px; font-weight:500; border-bottom:1px solid #a7a7a7;}
.quesiton_list ul li.img{padding-top:20px; padding-bottom:20px;}
.quesiton_list ul li.img img{vertical-align:middle; width:100%;}
.quesiton_list ul li.day{overflow:hidden; }
.quesiton_list ul li.day .right{float:right; overflow:hidden;}
.quesiton_list ul li.day .right b{display:block; width:42px; font-size:14px; font-weight:500; float:left;}
.quesiton_list ul li.day .right p{display:block; width:50px; font-size:14px; font-weight:300; float:left; color:#666;}
.quesiton_list ul li.day .right p:last-of-type{width:100px;}
.quesiton_list ul li.txt{padding:0 20px 130px; line-height:inherit;}
.quesiton_list ul li.txt p{display:block; font-size:14px; line-height:24px; padding-top:30px; word-break:break-all; font-weight:300;}
.quesiton_list ul li.prev , .quesiton_list ul li.next{overflow:hidden;}
.quesiton_list ul li.prev b{display:block; float:left; width:40px; font-size:14px;}
.quesiton_list ul li.prev p{display:block; float:left; margin-left:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:14px;
font-weight:400;}
.quesiton_list ul li.prev p a{color:#333; display:block;}
.quesiton_list ul li.next b{display:block; float:left; width:40px; font-size:14px;}
.quesiton_list ul li.next p{display:block; float:left; margin-left:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:14px;
font-weight:400;}
.quesiton_list ul li.next p a{color:#333;}
.quesiton_list .btn_box{display:table; margin:0 auto; margin-top:40px;}
.quesiton_list .btn_box b.go_list{width:118px; height:40px; line-height:40px; border:1px solid #dddddd; display:block; text-align:center;}
.quesiton_list .btn_box b.go_list a{display:block; font-size:16px; font-weight:400; color:#333;}

/* office */
.office{margin-top:55px; text-align:center;}
.office h2{font-size:50px; line-height:50px; }
.office b.sub_tit{margin-top:28px; line-height:21px; display:block; font-size:21px; color:#333; padding-bottom:42px; border-bottom:1px solid #cccccc;}
.office p{font-size:16px; line-height:22px; color:#333; font-weight:bold; margin-top:28px;}
.office .office_visual{background:url("/img/sub/office_visual_bg.png")no-repeat center; padding:125px 0 62px; margin-top:40px;}
.office .office_visual b.address{font-size:24px; line-height:30px; color:#fff; position:relative;}
.office .office_visual b.address::after{content:""; position:absolute; left:50%; width:26px; height:36px;  top:-48px;
background:url("/img/ico/where_icon.png")no-repeat center; margin-left:40px;}
.office .office_visual ul{display:table; margin:0 auto; margin-top:28px;}
.office .office_visual ul::after{content:""; display:block; clear:both;}
.office .office_visual ul li{width:258px; line-height:54px; background-color:rgba(0,0,0,0.3); float:left; border:2px solid #fff;
font-size:20px; color:#fff; font-weight:bold;}
.office .office_visual ul li img{vertical-align:middle; margin-right:13px;}
.office .office_visual ul li:last-of-type{margin-left:10px;} 


/* wallpaper 추가 */

/* layout */
#sub-visual {
    position: relative;
    background: url(../wallpaper/img/main.jpg) no-repeat center center;
    background-size: cover;
    width: 100%; height: 360px;
}
#sub-title {padding: 70px 0 140px;}
#sub-content1 {padding-bottom: 190px;}
#sub-content2 {
    background: #dfd8d0;
    width: 100%;
    padding: 90px 0 100px;
}
#sub-content3 {
    background: url(../wallpaper/img/report.jpg) no-repeat center center;
    width: 100%; height: 830px;
}
#sub-content4 {display: block; padding: 200px 0;}
#sub-content6 {padding: 200px 0;}
#sub-content7 {padding-bottom: 300px;}

/* sub-visual */
#sub-visual span {
    position: absolute;
    left: 560px; top: 130px;
    font-size: 36px;
    font-weight: 300;
}

/* sub-title */
#sub-title h1 {
    display: block;
    font-size: 52px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}
#sub-title span {
    color: #3e3a39;
    font-size: 26px;
    text-align: center;
    display:block;
}
.sub-content h2 {
    position: relative;
    font-size: 36px; font-weight: bold;
    display: block; text-align: center;
    padding-bottom: 16px;
}
.sub-content h2:after {
    content: ''; position: absolute;
    left: 50%; bottom: 0;
    transform: translateX(-50%);
    width: 300px; height: 2px;
    background: #be9f73;
}

/* sub-content1 */
#sub-content1 h2 {margin-bottom: 80px;}
.sub-content .adv-cont {overflow: hidden;}
.sub-content .adv-cont .adv-item {
    float: left; width: 300px; 
    margin-right: 50px;
    display: block;
}
.sub-content .adv-cont .adv-item:last-child {margin-right: 0;}
.sub-content .adv-cont .adv-item img {
    display: block;
    margin-bottom: 30px;
}
.sub-content .adv-cont .adv-item em {
    font-size: 20px; font-weight: 900;
    line-height: 1.5;
    display: block;
    padding: 24px 0;
    position: relative;
}
.sub-content .adv-cont .adv-item em:before {
    content: ''; position: absolute;
    left: 0; top: 0;
    width: 46px; height: 2px;
    background: #be9f73;
}
.sub-content .adv-cont .adv-item p {font-size: 16px; line-height: 1.5; font-weight: bold;}

/* sub-content2 */ 
#sub-content2 h2 {margin-bottom: 45px;}
.sub-vdo-img {
    display: block;
    text-align: center;
    cursor: pointer;
}
.layer-wrap {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%; height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8;
}
.layer-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.layer-wrap .sub-vdo {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    z-index: 10;
}

/* sub-content3 */
#sub-content3 h2 {
    color: #fff;
    padding-top: 100px;
}
#sub-content3 .sub-content {
    position: relative;
    width: 100%; height: 830px;
}
.sub-report {
    position: absolute;
    left: 50%; bottom: 90px;
    width: 100%;
    transform:translate(-50%);
    color: #fff;
    text-align: center;
}
.sub-report em {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.sub-report span {
    display: block;
    font-size: 18px;
    font-weight: bold;
}

/* sub-content4 */
#sub-content4 h2 {margin-bottom: 80px;}
.sub-how {text-align: center;}
.sub-how .how-desc {margin-top: 20px;}
.sub-how .how-desc span {
    display: inline-block;
    width: 220px;
    font-size: 18px;
    margin-right: 30px;
    vertical-align: top;
    line-height: 1.33;
    font-weight: 900;
}
.sub-how .how-desc span:last-child {
    margin-right: 0;
}
.sub-labeling {
    position: relative;
    height: 285px;
    background: #f6f2ef;
    margin-top: 40px;

}
.sub-labeling:before {
    content: '';
    position: absolute;
    left: 50%; top: 24px;
    width: 2px; height: 34px;
    background: #be9f73;
}
.sub-labeling em {
    position: relative;
    font-size: 24px;
    font-weight: 900;
    display: block;
    text-align: center;
    padding: 80px 0 20px;
}
.sub-labeling span {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 900;
}

/* sub-content5 */
.sub-layer {
    text-align: center;
    padding-top: 150px;
}

/* sub-content6 */
#sub-content6 h2 {margin-bottom: 80px;}
.sub-color {overflow: hidden;}
.sub-color .color-item {
    float: left;
    width: 150px;
    margin: 0 20px 40px 0;
}
.sub-color .color-item:nth-child(6n) {
    margin-right: 0;
}
.sub-color .color-item img {margin-bottom: 20px;}
.sub-color .color-item span {
    display: block;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}

/* sub-content7 */
#sub-content7 h2 {margin-bottom: 80px;}
.sub-interior {overflow: hidden;}
.sub-interior .interior-item {
    float: left;
    overflow: hidden;
    width: 490px; height: 200px;
    margin: 0 20px 40px 0;
}
.sub-interior .interior-item:nth-child(17) {margin-bottom: 0;}
.sub-interior .interior-item:nth-child(18) {margin-bottom: 0;}
.sub-interior .interior-item:nth-child(2n) {margin-right: 0;}
.sub-interior .interior-item .item-left {
    float: left;
    display: inline-block;
    width: 200px;
}
.sub-interior .interior-item .item-left img {width: 100%; height: 100%;}
.sub-interior .interior-item .item-right {
    float: right;
    display: inline-block;
    width: 270px;
    padding-top: 6px;
}
.sub-interior .interior-item .item-right span {
    display: block;
    font-size: 18px;
    line-height: 1.66;
    font-weight: bold;
}
.sub-interior .interior-item .item-right img {
    height: 120px;
    display: block;
    margin-top: 16px;
}