@charset "UTF-8";
/* CSS Document  메인 적용시 그래프 css */


.swiper-container{ display:inline-block; width:900px;  height:auto;   }

.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide img { min-width:900px;cursor:pointer; }
.swiper-slide-1 {background-color:#7a8d9b; }
.swiper-slide-2 {background-color:#86858a; }
.swiper-slide-3 {background-color:#95abd0; }
.swiper-slide-4 {background-color:#eaae02; }
.swiper-slide-5 {background-color:#000000; }



.swiper_banner { position:relative; float:right;  z-index:10000; margin-top:-760px }
.swiper_banner li {  margin:0; padding:0; list-style:none;  }
.swiper_banner li:first-child a { padding-top:37px }
.swiper_banner li a { display:block; width:160px; height:80px; background-color:#404040; color:#fff; font-size:21px; text-align:center; padding:35px 0; background-image:url(../images/ico/ico_arrow3.png); background-position:50% 80%; background-repeat:no-repeat; margin-bottom:2px   }
.swiper_banner li a:hover,.swiper_banner .on a { background-image:url(../images/ico/ico_arrow3_on.png); }
.swiper_banner .on .swiper_banner-1{background-color:#7a8d9b; }
.swiper_banner .on .swiper_banner-2{background-color:#86858a; }
.swiper_banner .on .swiper_banner-3{background-color:#95abd0; }
.swiper_banner .on .swiper_banner-4{background-color:#eaae02; }
.swiper_banner .on .swiper_banner-5{background-color:#000000; }




.Banner3nd {
    width: 100%;
    display: block;
    font-size: 0;
}
.Banner3nd li {
    width: calc((100%/3) - 1px);
    line-height: 0;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
}
.Banner3nd li img {max-width:333px;width:100%;}
.Banner3nd .Banner3nd-red  {background: url(/images/main/tab_01_title_bg.png);}
.Banner3nd .Banner3nd-gray {background: url(/images/main/3nd_bg_gray.png);}



/* 메인이미지 버튼 */

.m_title { position:relative; z-index:1; }
.m_title div { position:absolute; top:548px; }
.m_title li { float:left; text-align:center;  width:205px; height:48px; }
.m_title li a { display:inline; width:205px; height:48px; padding:0; text-align:center; color:#fff;    font:bold 16px/48px 'NanumGothic'; text-align:center }
.m_title li a:hover { color:#fff; font-weight:bold; text-decoration:none; }


.tab_new {  float:right; position:absolute;height:18px;  z-index:100; right:-100px; margin-top:-30px}
.tab_new li  {float:left; width:100px; padding:3px 0 0 0; line-height:18px; text-align:center; font-size:11px; background-color:#969696; color:#fff; margin-left:1px}
.tab_new li a { background-color:#969696 }
.tab_new li:hover { background-color:#434343 }

.main_banner_box { display:block; width:100%; margin:0 auto; text-align:center }

.main_box {
    display: inline-block;
    width: 50%;
    background-color: #fff;
    padding: 5px;
    vertical-align: top;
    box-sizing: border-box;
}
.main_box h3 { margin:13px 10px 24px 10px; padding:0; text-align:left; font-weight:600; font-size:21px; color:#4c4c4c }
.main_box h3 span { float:right;  margin:3px 0 0 0; padding:0; font-weight:600;  }
.main_box h3 span a { float:right;  font-size:18px;  background-color:#cccccc; color:#fff; padding:0 3px; margin:0; border:#c5c5c5 solid 1px; line-height:21px; font-family:Tahoma}
.main_box h3 span a:hover { background-color:#666; border:#666 solid 1px; }

.main_box .box_01 { display:block; padding:0; vertical-align:top; text-align:center;}
#.main_box .box_01 span {  margin:0; padding:0; border:0;}
#.main_box .box_01 img {float:left; display:inline-block; /*width:calc(33% - 4px);*/ margin-left:10px; }
#.main_box .box_01 img:hover { opacity:0.8 }


.main_box .box_02 { float:left; display:inline-block; width:calc(100% - 473px); padding:12px 12px 0 12px; margin:12px 0 0 0; border:#d9d9d9 solid 1px; vertical-align:top }
.main_box .box_04   { float:left; display:inline-block; width:435px;padding:0; margin:12px 12px 0 0;  vertical-align:top }
.main_box .box_04 img {width: 100%;} 

.main_box .main_notice { margin:0 10px 18px 10px; }
.main_box .main_notice li { list-style:none; padding:0; text-align:left; }
.main_box .main_notice li a { display:inline-block;  color:#666666; font-size:14px; width:calc(100% - 80px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-box-orient:vertical; -webkit-line-clamp:1; line-height:18px; }
.main_box .main_notice li a:hover { color:#007eff; }
.main_box .main_notice li span { float:right; color:#999; font-size:12px; }

.main_box .box_03 { display:inline-block; width:100%; padding:0; margin:6px 0 0 0;  vertical-align:top;height:115px;background:#202020;}
.main_box .box_03 span { width:100%;max-width:834px;height:115px;display: block;margin: 0 auto;background: url(/images/main/banner_customer.png) center no-repeat #202020;}
.main_box .box_03 img { width:100%;max-width:834px;max-height:115px;}
                                                                 
.ring_l { position:absolute; z-index:100; margin-left:10px; margin-top:-33px; }
.ring_r { position:absolute; z-index:100; margin-left:1170px; margin-top:-33px; }



#maintop { display:block; width:100%;  height:400px; margin:0 auto;  }

.slideshow-wrapper  { margin:0 auto; position:relative;width:100%; height:400px; } /* overflow:hidden; */
.slideshow-wrapper .vi { float:left; position:absolute;width:100%; height:400px; z-index:1;opacity:0;filter:alpha(opacity=0); }
.slideshow-wrapper .bak { float:left; position:absolute;width:100%; height:400px; display:none; }

.slideshow-wrapper .btn { float:left; position:absolute;width:17px; height:0px; margin:0px 0px 0 -61px; z-index:30;}
.slideshow-wrapper .btn .btnbox { float:left; position:relative;width:17px; height:51px; margin-left:0px; }
.slideshow-wrapper .btn .btnbox .bull { float:left; position:relative; width:17px; height:17px; padding-right:0px; background:url(/images/btn01.png) 0 0 no-repeat; margin-left:0px; cursor:pointer; }
.slideshow-wrapper .btn .btnbox .bull.active { float:left; position:relative; width:17px; height:17px; padding-right:0px;  background:url(/images/btn02.png) 0 0 no-repeat; }

/* 메인이미지 버튼 */

.m_title { position:relative; z-index:1; }
.m_title div { position:absolute; top:548px; }
.m_title li { float:left; text-align:center;  width:205px; height:48px; }
.m_title li a { display:inline; width:205px; height:48px; padding:0; text-align:center; color:#fff;  font:bold 16px/48px 'NanumGothic'; text-align:center }
.m_title li a:hover { color:#fff; font-weight:bold; text-decoration:none; }

.today { display:block; position:absolute; margin-top:-10px; padding:2px 10px; left:50%; margin-left:400px; z-index:100; }

.banner_main {
    display: block;
    width: 100%;
    background: url(/images/main/bg_banner_main.png) repeat 0 0;
    text-align: center;
    line-height: 0;
}
.banner_main img {max-width:600px;width:33%;}


.banner_main2 { display:block; width:100%; background:url(../images/main/bg_banner_main2.png) repeat 0 0; text-align:center; margin-bottom:10px;line-height: 0;}
.banner_main2 img {max-width:1407px;width:90%;}



.qna { display:block; margin:0 auto; text-align:center; padding-bottom:20px;clear:both; }
.qna h3 { display:block; text-align:left; margin:0;background-size:100% 100%;padding-bottom: 5px; }
.qna h3 img { width:100%;max-width:1361px; max-height:104px;}
@media all and (max-width:1581px){
    .qna h3 {padding-bottom:0;}
}
.qna span h4 { font-size:36px; font-weight:600; color:#fff; text-align:center;   padding:50px 0 35px 0; margin:0; font-family:Roboto }
.qna span { display:inline-block; font-size:20px; font-weight:600; color:#fff; width:calc(25% - 24px); min-width: 290px;height:220px; padding:0; text-align:center; margin:10px; vertical-align:top;cursor: pointer;background-size:100%;}
.qna span:hover { opacity:0.9; color:#FF0 }
/*
.qna span:nth-of-type(odd) { background:url(../images/main/qna_board_01.png) no-repeat 0 0}
.qna span:nth-of-type(even) { background:url(../images/main/qna_board_02.png) no-repeat 0 0}
*/
.qna_popup { width:800px; min-height:200px; background-color:#fff; padding:20px 20px 20px 50px; border-radius:40px; margin-top:-20px; margin-left:-500px; left:50%;

position:absolute; clear:both; z-index:100; text-align:center; display:none; vertical-align:middle

 }

 /*
.qna_popup p { text-align:left; width:560px; vertical-align:middle }
.qna_popup button { position:absolute; border:0; background:none; margin-left:590px; top:60px; }
.qna_popup .qna_close { float:right; margin-top:-45px; margin-right:-40px; }
*/
 
.QnaPOP{
    display: none;
    float: left;
    background-color: #1a1a1a;
    width: 86%; margin:0 7%;
    border-radius:20px;
    /*border:#a1a1a1 solid 3px;*/
    box-sizing: border-box;
    overflow: hidden;
}
.QnaPOP p { text-align:left; vertical-align:middle; margin:40px 0 40px 40px; font-size:16px; }
.QnaPOP p strong { display:block;  font-size:24px; margin-bottom:10px; color:#fff }
.QnaPOP button { border:0; background:none; float:right ; margin-top:60px;  width:200px; margin-right:-40px;cursor: pointer;}
.QnaPOP .qna_close { float:right; margin-top:15px; margin-right:15px; }
.QnaPOP .qna_text { float:left; width:calc(100% - 370px); color:#e5e5e5;min-height:110px; }
.QnaPOP .BtnAccept{
    background: url(/images/main/btn_button.png);
    width:164px;
    height:120px;
}
/* 반반반 */

.half_box {
    display: block;
/*    width: calc(100% - 20px); */
/*    background-color: #EEE;   */
/*    margin: 10px;             */
/*    border: 1px solid #444;   */
/*    border-radius: 10px;      */
    width:calc(100% - 10px);
    margin: 5px;
    vertical-align: top;
    line-height: 0;
    font-size: 0;
    background: url(/images/main/bg_half.jpg);
}
.half_box .half_box_sub{
/*    border: 2px dotted #444;  */
    padding: 10px;
    margin: 2px;
    border-radius: 10px;
}

.half_box h3 {
    padding: 10px;
    font-size: 21px;
    color: #4c4c4c;
    background: url(/images/main/box_top_bg.png);
    line-height: 1;
    margin: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #42B4EC;
}
.half_box_sub-01 {display: inline-block;width: 360px;}
.half_box_sub-02 {display: inline-block;width: calc(50% - 370px);margin-left:10px;}
.half_box_sub-03 {display: inline-block;width: calc(50% - 10px);margin-left:10px;}
.half_box_in1 {
    display: inline-block;
    width: 100%;
    height: 383px;
    box-sizing: border-box;
    padding: 0;
    vertical-align: top;
    line-height: 1;
    background: url(/images/main/bg_quick_accept.png) bottom right no-repeat;
    border: 5px solid #43b4ec;
    border-radius: 10px;
    overflow: hidden;
    background-color: #2f3535;
}
.half_box_in2 {
    display: inline-block;
    width: 100%;
    height: 383px;
    padding: 0;
    vertical-align: top;
    font-size: 12px;
    border: 5px solid #43b4ec;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFF;
}
#frmQuickLeft{
    width: 200px;
    padding: 20px 0 0 10px;
}
.WoodStack{
    background: url(/images/main/wood_stack_left.png);
    height: 40px;
    position: relative;
    margin-top: 10px;
    margin-right: 20px;
}
.WoodStackRight{
    background: url(/images/main/wood_stack_right.png);
    height: 40px;
    width: 20px;
    display: inline-block;
    float: right;
    margin-right: -20px;
}

/** consult_box_main **/
.consult_box_main { width:100%;  }
.consult_box_main span { display:none; width:100px; text-align:left; margin-right:30px; font-size:16px; }
.consult_box_main input
 { display:inline-block; width:calc(100% - 20px); margin:5px auto; color:#333; line-height:36px; height:25px;  text-align:left;  border:none; padding-left:15px;  
 background-color:#fafafa;  border:#c4c4c4 solid 1px; font-size:12px; font-weight:100 }

.consult_box_main textarea
 { display:inline-block; width:calc(100% - 35px); margin:5px auto; color:#333; line-height:24px;  text-align:left;  border:none; padding:15px;
 background-color:#fafafa; border:#c4c4c4 solid 1px; font-size:12px; font-weight:100 }

.consult_box_main input:focus,
.consult_box_main textarea:focus 
{ background-color:#fff;border:#3393e5 solid 1px; }


.agree_box{margin: 5px 0;}
.agree_box span{
    font-size: 11px;
    color: #FFF;
    vertical-align: text-bottom;
    float: right;
}
.agree_box a{
    display: inline-block;
    background-color: #666;
    font-size: 11px;
    color: #FFF;
    padding: 5px;
}

.btn_box3 { position:relative; width:100%; margin:0 auto; text-align:center }
a.btn_send {display:block; width:100%;  max-width:560px; margin:0 auto; color:#fff; font-size:24px; line-height:50px; border-radius:3px; text-align:center; opacity:1 }

.text_box { display:block;  text-align:left; padding:20px 30px; margin:0; background-color:#fafafa; border:#e3e3e3 solid 1px;}

.tip_box { float:left; padding:10px 0; letter-spacing:-0.03em}

.brown_box {   padding:20px; background-color:#a0856c;  }
.brown_box font {  padding:15px; color:#fff; font-size:24px; line-height:1.5em; }


.full_top { padding-top:40px; }


.main_notice2 { margin:0 10px 0 10px; }
.main_notice2 li { list-style:none; padding:3px 0;}
.main_notice2 li a { display:inline-block;  color:#666666; font-size:14px; width:calc(100% - 140px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-box-orient:vertical; -webkit-line-clamp:1; line-height:17px; }
.main_notice2 li a:hover { color:#007eff; }
.main_notice2 li .AcceptDate { white-space: nowrap;font-weight:bold; }
.main_notice2 li .AcceptAddr { white-space: nowrap;width: 100px;display: inline-block;font-weight:bold;}
.main_notice2 li font { float:left;}
.main_notice2 .AcceptSubject {
    display: inline-block;
    width: calc(100% - 200px);
    margin-right: 10px;
    white-space: nowrap;
    overflow-x: hidden;
    line-height: 26px;
    vertical-align: middle;
    font-weight:bold;
}


/*접수, 진행, 보류, 완료*/
.main_notice2 .b_start  { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#669900; padding:3px 8px 0 7px; margin:6px 5px 0 0}
.main_notice2 .b_work    { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#99cc00; padding:3px 8px 0 7px; margin:6px 5px 0 0}
.main_notice2 .b_hold   { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#cc0000; padding:3px 8px 0 7px; margin:6px 5px 0 0}
.main_notice2 .b_end   { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#515151; padding:3px 8px 0 7px; margin:6px 5px 0 0}


.partner {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: top;
    border: 5px solid #43b4ec;
    border-radius: 10px;
    overflow: hidden;
    height: 383px;
    box-sizing: border-box;
    background-color: #FFF;
}
.partner img { border:#a6a6a6 solid 1px; margin:2px 5px 2px;min-width:130px;max-width:152px;width: calc(20% - 12px);}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



/* 스와이퍼 제작 */
.swiper-container{
    width: 50%;
#    min-width: 700px;
#    max-width: 1060px;
    overflow: hidden;
    float: left;
    height: 760px;
}
.swiper-container .swiper-wrapper{
    white-space: nowrap;
    line-height: 0;
    font-size: 0;
    position: relative;
}
.swiper-container .swiper-slide{
    display: inline-block;
    line-height: 0;
    width: 100%;
    text-align: left;
    min-width: 900px;
}
.swiper-container .swiper-slide img{

}
.BtnFAQ {background-size:420px 220px;}
.BtnFAQ-01{background:url(/images/main/qna_board_img_01.png) no-repeat 50% 0;}
.BtnFAQ-02{background:url(/images/main/qna_board_img_02.png) no-repeat 50% 0;}
.BtnFAQ-03{background:url(/images/main/qna_board_img_03.png) no-repeat 50% 0;}
.BtnFAQ-04{background:url(/images/main/qna_board_img_04.png) no-repeat 50% 0;}
.BtnFAQ-05{background:url(/images/main/qna_board_img_05.png) no-repeat 50% 0;}
.BtnFAQ-06{background:url(/images/main/qna_board_img_06.png) no-repeat 50% 0;}
.BtnFAQ-07{background:url(/images/main/qna_board_img_07.png) no-repeat 50% 0;}
.BtnFAQ-08{background:url(/images/main/qna_board_img_08.png) no-repeat 50% 0;}
.BtnFAQ-09{background:url(/images/main/qna_board_img_09.png) no-repeat 50% 0;}
.BtnFAQ-10{background:url(/images/main/qna_board_img_10.png) no-repeat 50% 0;}
.BtnFAQ-11{background:url(/images/main/qna_board_img_11.png) no-repeat 50% 0;}
.BtnFAQ-12{background:url(/images/main/qna_board_img_12.png) no-repeat 50% 0;}
.BtnFAQ-13{background:url(/images/main/qna_board_img_13.png) no-repeat 50% 0;}
.BtnFAQ-14{background:url(/images/main/qna_board_img_14.png) no-repeat 50% 0;}
.BtnFAQ-15{background:url(/images/main/qna_board_img_15.png) no-repeat 50% 0;}
.BtnFAQ-16{background:url(/images/main/qna_board_img_16.png) no-repeat 50% 0;}
.BtnFAQ-17{background:url(/images/main/qna_board_img_17.png) no-repeat 50% 0;}
.BtnFAQ-18{background:url(/images/main/qna_board_img_18.png) no-repeat 50% 0;}
.BtnFAQ-19{background:url(/images/main/qna_board_img_19.png) no-repeat 50% 0;}
.BtnFAQ-20{background:url(/images/main/qna_board_img_20.png) no-repeat 50% 0;}
.BtnFAQ-21{background:url(/images/main/qna_board_img_21.png) no-repeat 50% 0;}
.BtnFAQ-22{background:url(/images/main/qna_board_img_22.png) no-repeat 50% 0;}
.BtnFAQ-23{background:url(/images/main/qna_board_img_23.png) no-repeat 50% 0;}
.BtnFAQ-24{background:url(/images/main/qna_board_img_24.png) no-repeat 50% 0;}

.MainColorBox{
    width: calc(33% - 3px);
    display: inline-block;
    vertical-align: top;
    border: 1px solid #CCC;
}
.MainColorBox .MainColorBox-Title {display: block;padding: 10px;line-height: 0;}
.MainColorBox .MainColorBox-01-Title {background:url(/images/main/tab_01_title_bg.png) #e14444;}
.MainColorBox .MainColorBox-02-Title {background:url(/images/main/tab_02_title_bg.png) #29a546;}
.MainColorBox .MainColorBox-03-Title {background:url(/images/main/tab_03_title_bg.png) #f7aa57;}
.MainColorBox .MainColorBox-01-Title img {max-width:182px;width:100%;max-height:47px;}
.MainColorBox .MainColorBox-02-Title img {max-width:182px;width:100%;max-height:47px;}
.MainColorBox .MainColorBox-03-Title img {max-width:182px;width:100%;max-height:47px;}
.MainColorBox .MainColorBox-Content {display: block;padding: 20px;}
.MainColorBox .MainColorBox-01-Content {background: url(/images/main/tab_01_bg.png) right bottom no-repeat;}
.MainColorBox .MainColorBox-02-Content {background: url(/images/main/tab_02_bg.png) right bottom no-repeat;}
.MainColorBox .MainColorBox-03-Content {background: url(/images/main/tab_03_bg.png) right bottom no-repeat;}
.MainColorBox .MainColorBox-Text{
    height: 255px;
    display: block;
    text-align: left;
    font-size: 0.9em;
    color: #000;
    box-sizing: border-box;
    padding-top: 10px;
}
.MainColorBox .MainColorBox-Button {
    display: block;
    line-height: 0;
    padding: 10px;
    background-color: #404040;
    width: 60%;
    margin: 0 auto;
    min-width: 80px;
    background: url(/images/main/tab_btn_bg.png) #404040;
}
@media all and (max-width:690px){
#    .MainColorBox .MainColorBox-Title img{width:100%;}
}

@media all and (max-width:1400px){ 
    .swiper-container,.main_box{ width:100%;}
    .half_box_sub-03{ width:100%;margin-left:0;margin-top:10px;}
    .half_box_sub-02{width:calc(100% - 370px); }
}

@media all and (max-width:1000px){ 
.qna span {
    width:calc(50% - 22px);
}
}