@charset "utf-8";


#container{
    width:100%;
    overflow:hidden;
}


/*section1 s*/
#section1{
    height:650px;
}

/*메인슬라이더 s*/
.visual{
    width: 100%; 
    min-width: 1100px; 
    position: relative;
}
.visual li{
    width: 100%; 
    height: 650px;
}

.visual .visual1{
    background: url(../images/slider013.jpg) no-repeat center 0;
}
.visual .visual2{
    background: url(../images/slider012.jpg) no-repeat center 0;
}
.visual .visual3{
    background: url(../images/slider03.jpg) no-repeat center 0;
}

.visual .bx-pager{
    position: absolute; 
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
}
.visual .bx-pager div{
    float: left; 
    margin: 0 5px;
}
.visual .bx-pager div a{
    display: block; 
    width: 55px; 
    height: 5px; 
    background: rgba(255, 255, 255, 0.3); 
    text-indent: -9999px;
}
.visual .bx-pager div .active{
    background:rgba(255, 255, 255, 1);
}

.visual .bx-controls-direction{
    position: absolute; 
    left: 00%; 
    top: 50%; 
    margin-top: -34.5px;
    width: 100%;
}
.visual .bx-controls-direction a{
    display: block;
    text-indent: -9999px; 
    width: 35px;
    height: 69px;
    opacity:0.8;
}
.visual .bx-controls-direction a:hover{
    opacity:1;
}
.visual .bx-controls-direction .bx-prev{
    background: url(../images/img_slide_prev.png) no-repeat; 
    position: absolute; 
    left: 180px;
}
.visual .bx-controls-direction .bx-next{
    background: url(../images/img_slide_next.png) no-repeat; 
    position: absolute; 
    right: 180px;
}

.visual .bx-controls-auto{
    position: absolute; 
    bottom: 20px; 
    left: 20px;
}
.visual .bx-controls-auto a{
    display: block; 
    text-indent: -9999px;
    width: 23px; 
    height: 25px; 
    background: url(img/bx-controls-auto_sprite.png) no-repeat;
}
.visual .bx-controls-auto .bx-stop{background-position: 0 -25px;}
/*메인슬라이더 e*/
/*section1 e*/


/*inquiry s*/
#inquiry{
    padding:60px 0;
}

.b_wrap{
	background: url(../images/main2.png) no-repeat;
}

.b_wrap .board{
    /*float:left;
    width:660px;
    height: 211px;
    padding: 30px;
    border:1px solid #eee;
	background: rgba(255, 255, 255, 0.6);
    margin-right: 30px;
    box-shadow:2px 2px 6px #f1f1f1;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;*/
}
.b_wrap .b_info{
    width:100%;
	margin: 0 auto;
    height: 211px;
    padding: 30px;
    /*border:1px solid #eee;
	background: rgba(255, 255, 255, 0.6);
    box-shadow:2px 2px 6px #f1f1f1;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;*/
}
.b_wrap .b_info{
    margin-right:0;
}
.b_wrap .board:hover,
.b_wrap .b_info:hover{
    box-shadow:4px 4px 10px #ddd;
}

.b_wrap .board > div{
    border-bottom:1px solid #cccccc;
    position: relative;
    padding-bottom: 10px;
}

.b_wrap .board > div > h4{
    font-size:22px;
    font-weight:600;
    color:#222;
}
.b_wrap .b_info > div > h4{
    color:#eb333a;
    font-size:27px;
    font-weight:800;
}
.b_wrap .b_info > div > h4 span{
    color:#222;
}
.b_wrap .b_info .b_info_bar{
    width:100%;
    height:1px;
    background-color:#cccccc;
    margin:10px 0 0 0;
}
.b_wrap .board > div > p,
.b_wrap .b_info > div > p{
    font-size:14px;
    color:#999;
    margin-bottom: 5px;
}
.b_wrap .b_info h3{
    font-size:30px;
    font-weight:700;
    color:#eb333a;
    margin:10px 0;
}
.b_wrap .b_info .etcinfo{
    font-size:16px;
    color:#444;
}
.b_wrap .board > div > .more_btn{
    position: absolute;
    right: 0;
    top: 15px;
    width:95px;
    height:30px;
    border:1px solid #222;
    border-radius:5px;
    box-sizing:border-box;
    line-height:28px;
    text-align:center;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.b_wrap .board > div > .more_btn:hover{
    border-radius:20px;
    background-color:#eb333a;
    border:1px solid #eb333a;
}
.b_wrap .board > div > .more_btn > a{
    display: block;
    color:#222;
    font-size:14px;
    font-weight:500;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.b_wrap .board > div > .more_btn:hover > a{
    color:#fff;
}

.b_wrap .board ul{
    height:140px;
    overflow:hidden;
}
.b_wrap .board ul li{
    width:100%;
    font-size:15px;
    margin:0 0 10px 0;
}
.b_wrap .board ul li:first-child{
    margin:10px 0 10px 0;
}
.b_wrap .board ul li a{
    display:block;
    width:100%;
    transition:all 0.2s;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
}
.b_wrap .board ul li a:hover{
    opacity:0.7;
}
.b_wrap .board ul li a p{
    float:left;
    color:#666;
}
.b_wrap .board ul li a span{
    float:right;
    color:#aaa;
}
/*inquiry e*/


/*section2 s*/
#section2{
    height:600px;
    background:url(../images/sec2_bg.jpg) no-repeat center 0/cover;
}

#section2 .inner{
    text-align:center;
    padding:55px 0 0 0;
}
#section2 .inner .m_ttl{
    width:65px;
    font-size:24px;
    color:#eb333a;
    font-weight:600;
    padding:0 25px;
    border-left:3px solid #eb333a;
    border-right:3px solid #eb333a;
    margin:0 auto 25px auto;
}

#section2 .inner h3{
    font-size:50px;
    font-weight:300;
    color:#fff;
}
#section2 .inner h3 span{
    color:#eb333a;
    font-weight:700;
}

#section2 .inner .line{
    width:70px;
    height:1px;
    background-color:#fff;
    margin:30px auto;
}

#section2 .inner .m_txt{
    font-size:22px;
    line-height:33px;
    color:#dbdbdb;
    font-weight:300;
    margin:0 0 35px 0;
}
#section2 .inner .m_txt span{
    font-weight:500;
    color:#fff;
}

#section2 .inner .cont{
    width:859px;
    margin:0 auto;
}
#section2 .inner .cont .c1,
#section2 .inner .cont .c3{
    float:left;
    width:175px;
    height:175px;
    border:3px solid #eb333a;
    box-sizing:border-box;
    margin:0 53px 0 0;
    border-radius:50%;
}
#section2 .inner .cont .c2,
#section2 .inner .cont .c4{
    float:left;
    width:175px;
    height:175px;
    border:3px solid #fff;
    box-sizing:border-box;
    margin:0 53px 0 0;
    border-radius:50%;
}
#section2 .inner .cont .c4{
    margin:0;
}

#section2 .inner .cont h4{
    font-size:25px;
    font-weight:600;
    color:#eb333a;
    margin:8px 0 0 0;
}
#section2 .inner .cont .c2 h4,
#section2 .inner .cont .c4 h4{
    color:#fff;
}
#section2 .inner .cont img{
    margin:5px 0 7px 0;
}
#section2 .inner .cont .c1 img{
    margin:9px 0 12px 0;
}
#section2 .inner .cont p{
    font-size:15.5px;
    font-weight:500;
    color:#eb333a;
    line-height:20px;
}
#section2 .inner .cont .c2 p,
#section2 .inner .cont .c4 p{
    color:#fff;
}
/*section2 e*/


/*section3 s*/
#section3{
    height:715px;
    background:url(../images/sec3_bg.jpg) no-repeat center bottom/cover;
}

.p_ttl{
    text-align:center;
}
.p_ttl img{
    padding:70px 0 13px 0;
}
.p_ttl p{
    font-size:16.5px;
    font-weight:500;
    color:#222;
    padding:0 0 50px 0;
}
.p_ttl p span{
    color:#eb333a;
}

.pop_cont .pop_c1,
.pop_cont .pop_c2,
.pop_cont .pop_c3,
.pop_cont .pop_c4{
    position:relative;
    float:left;
    background-color:#fff;
    width:280px;
    height:350px;
    margin:0 26.666px 0 0;
    box-shadow:3px 3px 6px rgba(0,0,0,0.45);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    cursor:pointer;
}
.pop_cont .pop_c4{
    margin:0;
}
.pop_cont .pop_c1:hover,
.pop_cont .pop_c2:hover,
.pop_cont .pop_c3:hover,
.pop_cont .pop_c4:hover{
    box-shadow:5px 5px 15px rgba(0,0,0,0.2);
}

.pop_cont .p_img{
    width:100%;
    height:237px;
    overflow:hidden;
}
.pop_cont .p_img img{
    width:100%;
    height:100%;
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
}
.pop_cont .pop_c1:hover .p_img img,
.pop_cont .pop_c2:hover .p_img img,
.pop_cont .pop_c3:hover .p_img img,
.pop_cont .pop_c4:hover .p_img img{
    transform:scale(1.07);
}

.pop_cont .p_txt{
    text-align:center;
    padding:40px 0 0 0;
    font-size:22.5px;
    color:#222;
    font-weight:400;
}
.pop_cont .p_txt span{
    font-weight:600;
}

.pop_cont .p_btn{
    text-align:center;
    width:45px;
    height:45px;
    border-radius:45px;
    background-color:#eb333a;
    color:#fff;
    line-height:45px;
    font-size:17px;
    font-weight:300;
    overflow:hidden;
    position:absolute;
    top:215px;
    left:50%;
    transform:translateX(-50%);
    transition:all 0.7s;
    -webkit-transition:all 0.7s;
    -moz-transition:all 0.7s;
}
.pop_cont .p_btn span{
    font-weight:600;
}
.pop_cont .pop_c1:hover .p_btn,
.pop_cont .pop_c2:hover .p_btn,
.pop_cont .pop_c3:hover .p_btn,
.pop_cont .pop_c4:hover .p_btn{
    width:155px;
}
/*section3 e*/


/*section4 s*/
#section4{
    margin:-40px 0 0 0;
    padding:0 0 75px 0;
}
#section4 .pop_cont .pop_c1,
#section4 .pop_cont .pop_c2,
#section4 .pop_cont .pop_c3,
#section4 .pop_cont .pop_c4{
    background-color:#fefefe;
}
/*section4 e*/


/*section5 s*/
#section5{
    height:715px;
    background:url(../images/sec5_bg.jpg) no-repeat center 0/cover;
}
#section5 .pop_cont .pop_c1,
#section5 .pop_cont .pop_c2,
#section5 .pop_cont .pop_c3,
#section5 .pop_cont .pop_c4{
    background-color:#fefefe;
}

#section5 .p_ttl img{
    padding:120px 0 13px 0;
}
/*section5 e*/


/*section6 s*/
#section6{
    margin:-40px 0 0 0;
    padding:0 0 75px 0;
}

#section6 .pop_cont .pop_c1,
#section6 .pop_cont .pop_c2,
#section6 .pop_cont .pop_c3,
#section6 .pop_cont .pop_c4{
    background-color:#fefefe;
}
/*section6 e*/


/*section7 s*/
#section7{
    height:715px;
    background:url(../images/sec7_bg.jpg) no-repeat center top/cover;
}

#section7 .pop_cont .pop_c1,
#section7 .pop_cont .pop_c2,
#section7 .pop_cont .pop_c3,
#section7 .pop_cont .pop_c4{
    background-color:#fefefe;
}

#section7 .p_ttl img{
    padding:110px 0 13px 0;
}
#section7 .p_ttl p{
    color:rgba(255,255,255,0.85);
}
/*section7 e*/


/*section8 s*/
#section8{
    padding:0 0 80px 0;
}

#section8 .mail_ttl{
    width:190px;
    margin:0 auto;
    font-size:33px;
    font-weight:600;
    color:#222;
    padding:0 45px;
    border-left:5px solid #eb333a;
    border-right:5px solid #eb333a;
}
#section8 .mail_ttl span{
    color:#eb333a;
}

#section8 .m_line{
    width:100%;
    height:1px;
    background-color:#ccc;
    margin:40px 0 50px 0;
}

#section8 .m_name,
#section8 .m_call,
#section8 .m_request{
    padding:0 70px;
    margin:0 0 45px 0;
}
#section8 p{
    float:left;
    font-size:19px;
    color:#222;
    width:150px;
    font-weight:500;
    margin:15px 0 0 0;
}

#section8 input{
    float:left;
}
#section8 .m_name input{
    width:300px;
    height:55px;
    font-size:14px;
    padding:0 20px;
    box-sizing:border-box;
    border:1px solid #d1d1d1;
    border-radius:8px;
    background-color:#fdfdfd;
}

#section8 .m_call input{
    width:280px;
    height:55px;
    font-size:14px;
    padding:0 20px;
    box-sizing:border-box;
    border:1px solid #d1d1d1;
    border-radius:8px;
    background-color:#fdfdfd;
    margin:0 30px 0 0;
}
#section8 .m_call input:last-child{
    margin:0;
}

#section8 .m_request textarea{
    float:left;
    resize:none;
    width:900px;
    height:415px;
    font-size:14px;
    padding:0 20px;
    box-sizing:border-box;
    border:1px solid #d1d1d1;
    border-radius:8px;
    background-color:#fdfdfd;
    line-height:25px;
}

button{
    display: block;
    border-radius: 10px;
    background-color: #eb333a;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight:600;
    padding: 17px;
    width: 350px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0 auto;
}

button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 3px;
  right: -20px;
  transition: 0.5s;
}

button:hover span {
  padding-right: 25px;
}

button:hover span:after {
  opacity: 1;
  right: 0;
}

input::placeholder {
  color: #ccc;
}
/*section8 e*/


/*pop_bg s*/
#pop_bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    display:none;
    z-index:888;
}
#pop_bg.On{
    display:block;
}
/*pop_bg e*/

/*광고페이지 하단 버튼*/
.sub_qm{
    padding:50px 120px;
	background-color:#fff;
}
.sub_qm .sq1,
.sub_qm .sq2{
    width:80%;
    margin: 0 auto;
}

.sub_qm .sq1 a,
.sub_qm .sq2 a{
    display:block;
}

.sub_qm .sq1 a img,
.sub_qm .sq2 a img{
    width:100%;
}



/*팝업이미지 모아놓기 s*/
#popup_wrap{
    width:100%;
    margin:0 auto;
    position:fixed;
    z-index:999;
    top:50%;
    transform:translateY(-50%) scale(0.65);
    height:auto;
    opacity:0;
    transition:all 0.8s;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
}
#popup_wrap.On{
    opacity:1;
    transform:translateY(-50%) scale(1);
}

#popup_wrap #close_btn{
    width:1090px;
    margin:0 auto;
    text-align:center;
    font-size:15px;
    color:#fff;
    padding:8px 10px;
    background-color:rgba(235,51,58,0.6);
    cursor:pointer;
    display:none;
    transition:all 0.2s;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
}
#popup_wrap #close_btn:hover{
    background-color:rgba(235,51,58,1);
}
#popup_wrap #close_btn.On{
    display:block;
}

#popup_wrap #pop1_1,
#popup_wrap #pop1_2,
#popup_wrap #pop1_3,
#popup_wrap #pop1_4,
#popup_wrap #pop2_1,
#popup_wrap #pop2_2,
#popup_wrap #pop2_3,
#popup_wrap #pop2_4,
#popup_wrap #pop3_1,
#popup_wrap #pop3_2,
#popup_wrap #pop3_3,
#popup_wrap #pop3_4,
#popup_wrap #pop4_1,
#popup_wrap #pop4_2,
#popup_wrap #pop4_3,
#popup_wrap #pop4_4,
#popup_wrap #pop5_1,
#popup_wrap #pop5_2,
#popup_wrap #pop5_3,
#popup_wrap #pop5_4{
    width:1110px;
    margin:0 auto;
    overflow-y:scroll;
    overflow-x: hidden;
/*    height:760px;*/
    height:80vh;
    box-shadow:5px 5px 10px rgba(0,0,0,0.2);
    display:none;
}
#popup_wrap #pop1_1.On,
#popup_wrap #pop1_2.On,
#popup_wrap #pop1_3.On,
#popup_wrap #pop1_4.On,
#popup_wrap #pop2_1.On,
#popup_wrap #pop2_2.On,
#popup_wrap #pop2_3.On,
#popup_wrap #pop2_4.On,
#popup_wrap #pop3_1.On,
#popup_wrap #pop3_2.On,
#popup_wrap #pop3_3.On,
#popup_wrap #pop3_4.On,
#popup_wrap #pop4_1.On,
#popup_wrap #pop4_2.On,
#popup_wrap #pop4_3.On,
#popup_wrap #pop4_4.On,
#popup_wrap #pop5_1.On,
#popup_wrap #pop5_2.On,
#popup_wrap #pop5_3.On,
#popup_wrap #pop5_4.On{
    display:block;
}
/*팝업이미지 모아놓기 e*/