.color_2{color:var(--color_2);}

h1,h2,h3,h4,h5,h6,p,strong,span,li{word-break: keep-all; line-height:1.5;}

.main_section [class^="row"]:not(.row1) {padding:150px 0;}
.main_section .intro.type_1 .title{font-size:60px; color:#111; font-weight:600; line-height:1.2; letter-spacing: -0.02em;}
.main_section .intro.type_1 .title span{line-height:1.2;}
.main_section .intro.type_1 .title + .desc{margin-top:30px;}
.main_section .intro.type_1 .desc{font-size:22px; color:#1d1d1d;}
.main_section .intro.type_1.text_center{text-align:center;}
@media all and (max-width:1280px){
    .main_section .intro.type_1 .title{font-size:50px;}
}
@media all and (max-width:1000px){
    .main_section [class^="row"]:not(.row1) {padding:120px 0;}
    .main_section .intro.type_1 .title{font-size:45px;}
    .main_section .intro.type_1 .title + .desc{margin-top:20px;}
    .main_section .intro.type_1 .desc{font-size:20px;}
}
@media all and (max-width:768px){
    .main_section [class^="row"]:not(.row1) {padding:100px 0;}
    .main_section .intro.type_1 .title{font-size:40px;}
    .main_section .intro.type_1 .desc{font-size:18px;}
}
@media all and (max-width:640px){
    .main_section [class^="row"]:not(.row1) {padding:80px 0;}
    .main_section .intro.type_1 .title{font-size:35px;}
    .main_section .intro.type_1 .title + .desc{margin-top:15px;}
    .main_section .intro.type_1 .desc{font-size:16px;}
}



/*check_subject*/
.check_subject{position:relative; padding-left:55px; font-size:45px; color:#1d1d1d; font-weight:600; letter-spacing: -0.01em;}
.check_subject::before{position:absolute; display:block; width:43px; height:41px; content:""; left:0; top:11px; background:url('/images/main/check_subject.png') no-repeat center center / contain;}
/*list_style1*/
.list_style1 .check_subject + .ul{margin-top:20px; padding-left:55px;}
.list_style1 .li{position:relative; padding-left:15px; font-size:20px;}
.list_style1 .li::before{position:absolute; display:block; width:8px; height:2px; content:""; left:0; top:14px; background:#3d3d3d;}
.list_style1 .li + .li{margin-top:10px;}
@media all and (max-width:1280px){
    .check_subject{font-size:38px; padding-left:50px;}
    .check_subject::before{width:38px; height:36px;}
}
@media all and (max-width:1000px){
    .check_subject{font-size:35px; padding-left:46px;}
    .check_subject::before{width:35px; height:34px;}
    /*list_style1*/
    .list_style1 .check_subject + .ul{margin-top:15px; padding-left:46px;}
    .list_style1 .li{padding-left:15px; font-size:19px;}
    .list_style1 .li::before{top:12px;}
}
@media all and (max-width:768px){
    .check_subject{font-size:30px; padding-left:40px;}
    .check_subject::before{width:30px; height:28px; top:10px;}
    /*list_style1*/
    .list_style1 .check_subject + .ul{padding-left:40px;}
}
@media all and (max-width:640px){
    .check_subject{font-size:25px; padding-left:32px;}
    .check_subject::before{width:25px; height:24px; top:6px;}
    /*list_style1*/
    .list_style1 .check_subject + .ul{margin-top:10px; padding-left:32px;}
    .list_style1 .li{padding-left:13px; font-size:17px;}
    .list_style1 .li::before{width:6px; height:1px; top:10px;}
    .list_style1 .li + .li{margin-top:5px;}
}




/*visual*/
.visual {position: relative; overflow: hidden; height:900px;}
.visual .bg-video {position: absolute; top: 0;left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.visual .wrap {position: relative; z-index: 20; color: #fff;}
.visual .group{padding-top:220px;}
.visual .slogan .m_img{display:none;}
.visual .desc{font-size:28px; color:#fff;}
.visual .desc.n1{margin-top:50px;}
.visual .desc.n2 .m_br{display:none;}
.visual .anchor{display:inline-block; margin-top:50px; padding:17px 40px; border-radius:40px; font-size:28px; font-weight:600; color:#fff; border:2px solid #fff; background-color:rgba(255,255,255,0.2); transition: 0.3s;}
.visual .anchor:hover{background-color:rgba(0,0,0,0.5);}
@media all and (max-width:1280px){
    .visual .group .slogan .pc_img{display:block; width:800px;}
    .visual .desc{font-size:25px;}
    .visual .desc.n1{margin-top:40px;}
    .visual .anchor{margin-top:40px; padding:15px 35px; font-size:25px;}
}
@media all and (max-width:1000px){
    .visual .group .slogan .pc_img{width:600px;}
    .visual .desc{font-size:23px;}
    .visual .desc.n1{margin-top:30px;}
    .visual .anchor{margin-top:30px;}
}
@media all and (max-width:768px){
    .visual{height:600px;}
    .visual .group{padding-top:150px;}
    .visual .group .slogan .pc_img{width:500px;}
    /* .visual .group .slogan .m_img{display:block; width:350px;} */
    .visual .desc{font-size:23px;}
    .visual .desc.n1{margin-top:35px;}
    .visual .anchor{margin-top:35px; padding:12px 35px; font-size:20px;}
}
@media all and (max-width:640px){
    .visual{height:500px;}
    .visual .group{padding-top:120px;}
    .visual .group .slogan .pc_img{width:350px; max-width:100%;}
    .visual .desc{font-size:17px;}
    .visual .desc.n1{margin-top:25px;}
    .visual .desc.n2 .m_br{display:block;}
    .visual .anchor{margin-top:25px; padding:8px 23px; font-size:16px; border-width:1px;}
}



/*about*/
#row2{background-color:#f3f3f3;}
.about .con{margin-top:30px;}
.about .ul{display:flex;}
.about .li{width:33.33%; height:420px;}
.about .li.n1{background:url('/images/main/about_bg_1.jpg') no-repeat center center / cover;}
.about .li.n2{background:url('/images/main/about_bg_2.jpg') no-repeat center center / cover;}
.about .li.n3{background:url('/images/main/about_bg_3.jpg') no-repeat center center / cover;}
.about .li .inner{display:flex; flex-direction: column; justify-content: center; align-items: center; height:100%; padding-left:10px; padding-right:10px;}
.about .li .subject{text-align:center;}
.about .li .subject span{display:inline-block; padding:8px 30px; border-radius:40px; font-size:28px; font-weight:600; color:#fff; border:1px solid #fff;}
.about .li .desc{margin-top:15px; font-size:20px; color:#fff; text-align:center;} 
@media all and (max-width:1000px){
    .about .li{height:300px;}
    .about .li .subject span{padding:7px 20px; font-size:22px;}
    .about .li .desc{font-size:18px;}
    .about .li .desc br{display:none;}
}
@media all and (max-width:768px){
    .about .ul{flex-direction: column;}
    .about .li{width:100%; height:auto; padding-top:40px; padding-bottom:40px;}
}
@media all and (max-width:640px){
    .about .li .inner{padding-left:30px; padding-right:30px;}
    .about .li .subject span{font-size:20px;}
    .about .li .desc{margin-top:10px; font-size:17px;}
}




/*dozen*/
.dozen .group{display:flex; align-items: center; justify-content: space-between;}
.dozen .intro{width:50%; padding-right:30px;}
.dozen .con{width:50%; padding-left:30px;}
.dozen .con .ul{display:flex; flex-wrap: wrap;}
.dozen .con .li{width:25%; padding:5px;}
@media all and (max-width:1000px){
    .dozen .group{flex-direction: column;}
    .dozen .intro{width:100%; padding-right:0; text-align:center;}
    .dozen .con{width:100%; max-width:600px; margin:40px auto 0 auto; padding-left:0;}
}






/*chart*/
#row4{background-color:#f6f8f9;}
.chart .con{margin-top:80px;}
.chart .con .item{display:flex; gap:40px; justify-content: space-between; align-items: center;}
.chart .con .item + .item{margin-top:80px;}
.chart .con .item .image{padding:20px; overflow: hidden; border-radius:30px; background-color:#fff; box-shadow: 16px 16px 40px rgba(73,135,229,0.1); max-width:100%;}
.chart .con .item.n1 .image{width:640px;}
.chart .con .item.n2{flex-direction: row-reverse;}
.chart .con .item.n2 .image{width:720px;}
@media all and (max-width:1280px){
    .chart .con .item{justify-content: center; gap:80px;}
    .chart .con .item.n1 .image{width:500px;}
    .chart .con .item.n2 .image{width:600px;}
}
@media all and (max-width:1000px){
    .chart .intro{text-align:center;}
    .chart .con{margin-top:60px;}
    .chart .con .item{gap:40px;}
    .chart .con .item.n1 .image{width:350px;}
    .chart .con .item.n2 .image{width:400px;}
}
@media all and (max-width:768px){    
    .chart .con .item{flex-direction: column; gap:20px;}
    .chart .con .item.n2{flex-direction: column;}
    .chart .list_style1 .check_subject + .ul{padding-left:10px;}
}
@media all and (max-width:640px){
    .chart .con{margin-top:40px;}
}
@media all and (max-width:400px){
    .chart .con{width:90%; margin-left:auto; margin-right:auto;}
    .chart .con .item .image{width:100% !important; border-radius:20px;}
    /* .chart .con .item{align-items: start;} */
}





/*report*/
.report .intro .title br{display:none;}
.report .intro .desc .m_br{display:none;}
.report .con{display:flex; gap:180px; margin-top:80px; align-items: start; justify-content: center;}
.report .con .image{width:630px;}
.report .con .text{padding-top:50px;}
.report .btn_group{display:block; margin-top:30px; padding-left:55px;}
.report .anchor span{display:inline-block; padding:12px 30px; border-radius:15px; font-size:24px; font-weight:600; color:#fff; background-color:var(--color_2); box-shadow: 10px 10px 20px rgba(0,0,0,0.2); transition: 0.3s;}
.report .anchor span:hover{background-color:rgba(0,0,0,0.9);}
@media all and (max-width:1400px){
    .report .con{gap:100px;}
    .report .con .image{width:550px;}
}
@media all and (max-width:1200px){
    .report .con{gap: 80px;}
    .report .con .image{width:450px;}
}
@media all and (max-width:1000px){
    .report .con{gap: 60px; margin-top:60px;}
    .report .con .image{width:350px;}
    .report .con .text{padding-top:20px;}
    .report .anchor span{padding:10px 25px; border-radius:10px; font-size:20px;}
}
@media all and (max-width:768px){
    .report .con{flex-direction: column; justify-content: center; align-items: center; gap:30px;}
    .report .list_style1 .check_subject + .ul{padding-left:10px;}
    .report .con .text{padding-top:0;}
    .report .btn_group{padding-left:0; padding-right:0; text-align:center;}
}
@media all and (max-width:640px){
    .report .con{gap: 40px; margin-top:40px;}
    .report .intro .title br{display:block;}
    .report .intro .desc .m_br{display:block;}
    .report .btn_group{margin-top:30px;}
    .report .anchor span{font-size:18px;}

}





/*solution*/
#row6{background: linear-gradient(to bottom, #f1f4f6, #d8ebfe);}
.solution .intro .title br{display:none;}
.solution .intro .desc .m_br{display:none;}
.solution .con{display:flex; margin-top:120px;}
.solution .item{position:relative; width:33.33%; padding:0 10px; transition:0.3s;}
.solution .item .inner{position:relative; padding:70px 20px 20px 20px;  background-color:#fff; text-align:center; border-radius:30px; box-shadow: 16px 16px 40px rgba(73,135,229,0.1);}
.solution .item .icon{position:absolute; width:100px; height:100px; left:50%; transform: translateX(-50%); top:-50px;}
.solution .item .subject{font-size:26px; color:var(--color_2); font-weight:600;}
.solution .item .ul{margin-top:20px;}
.solution .item .li{padding:10px 20px; background-color:#f3f3f3; border-radius:5px;}
.solution .item .li + .li{margin-top:10px;}
.solution .item .li span{display:block; position:relative; padding-left:35px; font-size:20px; text-align:left;}
.solution .item .li span::before{position:absolute; display:block; width:25px; height:22px; content:""; left:0; top:5px; background:url('../images/main/check.png') no-repeat center center / contain;}
@media all and (min-width:1025px){
    .solution .item .inner{position:relative;}
    .solution .item .inner::after{position:absolute; display:block; width:100%; height:100%; content:""; left:0; top:0; background:rgba(0,0,0,0.5); border-radius:30px; transition:0.3s;}
    .solution .item .inner::before{position:absolute; display:block; width:100px; height:50px; content:""; left:50%; transform: translateX(-50%); top:-50px; background:rgba(0,0,0,0.5); border-top-left-radius: 50px; border-top-right-radius: 50px; transition:0.3s; z-index: 100;}
    
    .solution .item{scale:0.9;}
    .solution .item.active{scale: 1.1;}
    .solution .item.active .inner::after{background:rgba(0,0,0,0);}
    .solution .item.active .inner::before{background:rgba(0,0,0,0);}
}
@media all and (max-width:1280px){
    .solution .item .li span{padding-left:30px; font-size:18px;}
    .solution .item .li span::before{width:23px; height:21px;}
}
@media all and (max-width:1024px){
    .solution .con{margin-top:100px;}
    .solution .item .inner{padding-top:55px;}
    .solution .item .icon{width:80px; height:80px; top:-40px;}
    .solution .item .subject{font-size:24px;}
}
@media all and (max-width:768px){
    .solution .intro .title br{display:block;}
    .solution .intro .desc .m_br{display:block;}
    .solution .con{margin-top:80px;}
    .solution .con{flex-direction: column; align-items: center;}
    .solution .item{width:350px; max-width:100%;}
    .solution .item + .item{margin-top:60px;}
}
@media all and (max-width:640px){
    .solution .item + .item{margin-top:50px;}
    .solution .item .inner{padding-top:45px;}
    .solution .item .icon{width:60px; height:60px; top:-30px;}
    .solution .item .li span{padding-left:27px; font-size:16px;}
    .solution .item .li span::before{width:20px; height:18px; top:3px;}
}




/*case*/
#row7{padding-top:90px; padding-bottom:90px; background:url('../images/main/case_bg.jpg') no-repeat center center / cover;}
.case .text{width:40%; margin-left:60%;}
.case .text .desc.n1{font-size:25px; color:#fff;}
.case .text .desc.n2{margin-top:30px; font-size:20px; color:#fff;}
@media all and (max-width:1000px){
    .case .text .desc.n1{font-size:20px;}
    .case .text .desc.n2{margin-top:25px; font-size:18px;}
}
@media all and (max-width:768px){
    .case .text{width:100%; padding-right:30px; margin-left:0; text-align:right;}
}
@media all and (max-width:640px){
    .case .text {padding-right:15px;}
    .case .text .desc.n1{font-size:18px;}
    .case .text .desc.n2{margin-top:20px; font-size:16px;}
}




/*promotion*/
#row8{background-color:#f3f3f3;}
.promotion .intro .title.gradation{font-weight:800; background: linear-gradient(to right, #00366d, #005ebf); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.promotion .intro .desc.n1{font-size:30px; font-weight:500;}
.promotion .intro .desc .m_br{display:none;}
.promotion .con{display:flex; margin-top:80px;}
.promotion .item{width:33.33%; padding:0 10px; transition:0.3s;}
.promotion .item .inner{position:relative; padding:120px 20px 40px 20px; border-radius:30px; background-color:#fff; box-shadow: 16px 16px 40px rgba(0,0,0,0.1); text-align:center;}
.promotion .item .label{position:absolute; width:80px; right:30px; top:0px;}
.promotion .item .icon{display:block; width:100px; margin-left:auto; margin-right:auto;}
.promotion .item .subject{margin-top:20px; font-size:32px;font-weight:600; color:#1d1d1d;}
.promotion .item .desc{margin-top:20px; font-size:20px;}
.promotion .btn_group{display:block; margin-top:60px; text-align:center;}
.promotion .anchor span{display:inline-block; padding:12px 30px; border-radius:15px; font-size:28px; font-weight:600; color:#fff; background-color:var(--color_2); box-shadow: 10px 10px 20px rgba(0,0,0,0.2); transition: 0.3s;}
.promotion .anchor span:hover{background-color:rgba(0,0,0,0.9);}
@media all and (min-width:1025px){    
    .promotion .item{scale:0.9;}
    .promotion .item.active{scale: 1.1;}
}
@media all and (max-width:1280px){
    .promotion .intro .desc.n1{font-size:28px;}
    .promotion .item .subject{font-size:30px;}
    .promotion .item .label{width:60px;}
}
@media all and (max-width:1000px){
    .promotion .con{margin-top:60px;}
    .promotion .item .inner{padding-top:80px; border-radius:20px;}
    .promotion .item .subject{font-size:25px;}
    .promotion .item .desc{margin-top:15px; font-size:18px;}
    .promotion .item .desc br{display:none;}
    .promotion .item .label{width:50px; right:20px;}
    .promotion .btn_group{margin-top:40px;}
    .promotion .anchor span{padding:10px 25px; border-radius:10px; font-size:22px;}
}
@media all and (max-width:768px){
    .promotion .con{margin-top:30px;}
    .promotion .con{flex-direction: column; align-items: center;}
    .promotion .item{width:350px; max-width:100%;}
    .promotion .item + .item{margin-top:20px;}
    .promotion .item .desc br{display:block;}
}
@media all and (max-width:640px){
    .promotion .intro .desc.n1{font-size:25px;}
    .promotion .intro .desc .m_br{display:block;}
    .promotion .item .inner{padding:30px 20px 20px 20px;}
    .promotion .item .icon{width:60px;}
    .promotion .item .subject{margin-top:10px; font-size:22px;}
    .promotion .item .desc{margin-top:5px;}
    .promotion .btn_group{margin-top:30px;}
    .promotion .anchor span{font-size:18px;}
}




/*faq*/
.faq .con{margin-top:40px;}
.faq .item + .item{margin-top:20px;}
.faq .item .question{position:relative; padding:20px 60px 20px 30px; background-color:#f3f3f3; border-radius:15px; cursor: pointer; transition:0.3s;}
.faq .item .question::before{position:absolute; display:block; width:23px; height:17px; content:""; right:30px; top:50%; transform:translateY(-50%); background:url('../images/main/faq_arrow.png') no-repeat center center / contain; transition:0.3s;}
.faq .item .question .desc{font-size:25px; color:#1d1d1d; font-weight:500; transition:0.3s;}
.faq .item .answer{display:none; margin-top:20px; padding-left:30px; padding-right:30px;}
.faq .item .answer .desc{font-size:22px;}
.faq .item.on .question{background-color:var(--color_2);}
.faq .item.on .question .desc{color:#fff;}
.faq .item.on .question::before{background:url('../images/main/faq_arrow_on.png') no-repeat center center / contain;}
@media all and (max-width:1280px){
    .faq .item .question .desc{font-size:20px;}
    .faq .item .question::before{width:18px; height:12px;}
    .faq .item .answer .desc{font-size:18px;}
}
@media all and (max-width:640px){
    .faq .con{margin-top:25px;}
    .faq .item + .item{margin-top:10px;}
    .faq .item .question{padding:15px 40px 15px 20px; border-radius:10px;}
    .faq .item .question .desc{font-size:17px;}
    .faq .item .question::before{width:12px; height:8px; right:15px;}
    .faq .item .answer{margin-top:10px;}
    .faq .item .answer .desc{font-size:16px;}
}





/*consulting*/
#row10{background:url('../images/main/consulting_bg.jpg') no-repeat center bottom / cover;}
.consulting .intro .title{color:#002d5c !important; font-weight:800 !important;}
.consulting .intro .desc.n1 strong{font-size:35px;}
.consulting .con{margin-top:60px;}
.consulting .form_box .li{display:block;}
.consulting .form_box .li .subject{width:100%; margin-bottom:7px; font-size:23px;}
.consulting .form_box .li input[type="text"],
.consulting .form_box .li .select{height:70px; font-size:20px; padding-left:25px; padding-right:25px; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.consulting .form_box .li .textarea{font-size:20px; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.consulting .btn_group{display:block; margin-top:60px; text-align:center;}
.consulting .anchor span{display:inline-block; padding:12px 30px; border-radius:15px; font-size:28px; font-weight:600; color:#fff; background-color:var(--color_2); box-shadow: 10px 10px 20px rgba(0,0,0,0.2); transition: 0.3s;}
.consulting .anchor span:hover{background-color:rgba(0,0,0,0.9);}
.consulting .form_box input:focus{outline:1px solid #111;}
.consulting .checkbox_group{margin-top:40px;}
.consulting .checkbox_group .input[type="checkbox"] + .label::after{display:none; position:absolute; display:none; left:0; top:8px; width:18px; height:18px; content:''; border-radius:3px; border:1px solid var(--color_2); background:var(--color_2) url('../images/common/check_input_w.png') no-repeat center center / contain;}
.consulting .checkbox_group .label{font-size:20px;}
.consulting .checkbox_group .more{display:inline-block; height:22px; line-height:18px; font-size:18px; color:#4d4d4d; vertical-align: middle;}
@media all and (max-width:1280px){
    .consulting .intro .desc.n1 strong{font-size:30px;}
}
@media all and (max-width:1000px){
    .consulting .con{margin-top:40px;}
    .consulting .intro .desc.n1 strong{font-size:25px;}
    .consulting .form_box .li .subject{font-size:20px;}
    .consulting .form_box .li input[type="text"],
    .consulting .form_box .li .select{height:50px; border-radius:5px;}
    .consulting .form_box .li .textarea{border-radius:5px;}
    .consulting .btn_group{margin-top:40px;}
    .consulting .anchor span{padding:10px 25px; border-radius:10px; font-size:22px;}
    .consulting .checkbox_group{margin-top:30px;}
    .consulting .checkbox_group .label{font-size:18px;}
    .consulting .checkbox_group .more{height:20px; font-size:16px;}

}
@media all and (max-width:768px){

}
@media all and (max-width:640px){
    .consulting .intro .desc.n1 strong{font-size:20px;}
    .consulting .con{margin-top:20px;}
    .consulting .form_box .li input[type="text"],
    .consulting .form_box .li .select{height:45px; padding-left:10px; padding-right:10px; font-size:16px;}
    .consulting .form_box .li .subject{margin-bottom:3px; font-size:17px;}
    .consulting .form_box .ul.double .li:nth-child(+n+2){margin-top:15px;}
    .consulting .checkbox_group{margin-top:10px;}
    .consulting .checkbox_group .label{font-size:16px;}
    .consulting .checkbox_group .more{height:22px; font-size:14px;}
    .consulting .btn_group{margin-top:30px;}
    .consulting .anchor span{font-size:18px;}

}







.footer .f_logo{width:180px;}
.footer .f_logo img{width:100%; border:none;}




/* 하단 */

#footer{position:relative; z-index:10; width:100%; padding-top:70px; padding-bottom:60px; background-color:#272626}
#footer .wrap{width:100%; max-width:1500px}
#footer .footer_content{position:relative; margin-top:50px; margin-left:70px; margin-right:70px}
@media all and (max-width:1000px){
#footer{padding-top:40px}
#footer .footer_content{margin-top:30px; margin-left:0; margin-right:0}
}

/* 하단로고 */
#footer .logo{width:200px; padding-left:70px;}
@media all and (max-width:1000px){
    #footer .logo{width:140px; padding-left:0;}
}
@media all and (max-width:800px){
    #footer .logo{width:140px; padding-left:0;}
}
@media all and (max-width:640px){
    #footer .logo{width:120px;}
}




/* 하단 정보 */
#footer .info h2{color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .info .address{display:inline-block; margin-top:15px; margin-right:20px; color:#aaa; font-size:15px; line-height:23px; word-break:keep-all}
#footer .info .address span{color:#fff}
#footer .info .info_item{display:inline-block; color:#aaa; font-size:15px; line-height:23px}
#footer .info .info_item span{color:#fff}
#footer .info .group,#footer .info .group+.info_item{margin-top:6px}
#footer .info .group .info_item{margin-right:20px}
#footer .info a{color:#aaa}
@media all and (max-width:1000px){
    #footer .info{width:calc(100% - 350px); padding-right:30px;}
}
@media all and (max-width:800px){
    #footer .info{width:100%; margin-top:30px; padding-right:0; text-align:center}
    #footer .info .address{margin-right:0; font-size:13px; line-height:1.3;}
    #footer .info .info_item{ font-size:13px; line-height:1.3;}
}

/* 하단 바로가기 */
#footer .link{position:absolute; top:-50px; right:0; display:flex; justify-content: space-between; min-width:250px;}
#footer .link h2{color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .link .ul{margin-top:15px; margin-left:3px}
#footer .link .li+.li{margin-top:5px}
#footer .link .anchor{position:relative; display:block; color:#fff; font-size:15px; line-height:1.5; opacity:0.8;}
#footer .link .anchor:hover{text-decoration:underline}
@media all and (max-width:1000px){
    /* #footer .link{position:relative; top:auto; right:auto; max-width:400px; margin-top:30px;} */
    #footer .link{top:0; }
    #footer .link h2{font-size:20px; line-height:22px;}
}
@media all and (max-width:800px){
    #footer .link{position:static; max-width:350px; margin-top:40px; margin-left:auto; margin-right:auto; justify-content: center; gap:40px; text-align:center}
    #footer .link h2{font-size:18px;}
    #footer .link .ul{margin-left:0;}
    #footer .link .anchor{font-size:14px;}
}
@media all and (max-width:450px){
    #footer .link{min-width:100%;}

}

/* 하단 sns */
#footer .sns{position:absolute; top:0; right:0}
#footer .sns h2{color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .sns .ul{margin-top:15px; margin-left:3px}
#footer .sns .li+.li{margin-top:10px}
#footer .sns .anchor{position:relative; padding-left:25px; color:#fff; font-size:15px; line-height:17px}
#footer .sns .anchor::before{display:block; position:absolute; top:0; left:0; width:17px; height:17px; background-image:url(../images/sprite/footer_sns_sprite.png); content:''}
#footer .sns .anchor:hover{text-decoration:underline}
#footer .sns .li:nth-child(1) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 0}
#footer .sns .li:nth-child(2) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 33.33333%}
#footer .sns .li:nth-child(3) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 66.66667%}
#footer .sns .li:nth-child(4) .anchor::before{width:17px; height:17px; background-size:100% 576.47059%; background-position:left 100%}
@media all and (max-width:800px){
#footer .sns{position:static; margin-top:30px; text-align:center}
#footer .sns .ul{display:flex; flex-wrap:wrap; justify-content:center; margin-top:10px; margin-left:40px; margin-right:40px}
#footer .sns .li+.li{margin-top:0}
#footer .sns .li{margin-left:5px; margin-right:5px}
}

/* 하단 copyright */
#footer .copyright{margin-top:60px; color:#a6a6a6; font-size:15px; line-height:21px; word-break:keep-all}
@media all and (max-width:800px){
#footer .copyright{margin-top:20px; text-align:center; font-size:14px; line-height:20px}
#footer .copyright{font-size:13px; line-height:1.3;}
}

/* 하단 고객센터 */
#footer .contactus{position:relative; margin-top:70px; padding-top:46px; padding-bottom:46px; padding-left:70px}
#footer .contactus::before{display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; background:url(../images/common/contactus_bg.jpg) 50% 50%/cover no-repeat; content:''; transform:translateX(-50%)}
#footer .contactus .inner{display:flex; align-items:center; position:relative}
#footer .contactus h2{margin-right:55px; color:#fff; font-family:'Cormorant'; font-size:24px; line-height:26px}
#footer .contactus .li{display:inline-block; margin-right:60px; color:#fff; font-size:18px; line-height:26px}
#footer .contactus .anchor{display:flex; align-items:center; color:#fff; font-size:18px; line-height:26px}
#footer .contactus .anchor::before{display:block; width:38px; height:38px; background:url(../images/common/contactus_icon1.jpg) 50% 50%/100% auto no-repeat; border-radius:3px}
#footer .contactus .anchor span{margin-left:15px}
#footer .contactus a{color:#fff}
@media all and (max-width:1300px){
#footer .contactus{padding-top:35px; padding-bottom:35px}
#footer .contactus .li{margin-right:30px; font-size:16px}
#footer .contactus .anchor{font-size:16px}
#footer .contactus .anchor span{margin-left:10px}
}
@media all and (max-width:1000px){
#footer .contactus{margin-top:40px; padding-top:25px; padding-bottom:25px; padding-left:0}
#footer .contactus .ul{margin-right:40px}
#footer .contactus .li{display:block; margin-right:0}
}
@media all and (max-width:800px){
#footer .contactus .inner{flex-flow:wrap column}
#footer .contactus h2{margin-right:0}
#footer .contactus .ul{margin-top:10px; margin-right:0; text-align:center}
#footer .contactus .li{font-size:15px}
#footer .contactus .anchor{margin-top:20px; font-size:15px}
}

/*하단 브로슈어*/
.f_brochure{position:absolute; height:50px; right:0; bottom:0;}
.f_brochure .anchor{display:flex; justify-content: center; align-items: center; width:250px; height:50px; font-size:15px; color:#00A0E9; border:1px solid #00A0E9; border-radius:30px; transition: 0.2s;}
.f_brochure .anchor:hover{background-color:#00A0E9; color:#fff; font-weight:600;}
@media all and (max-width:1000px){
    .f_brochure{top:-80px;}
    .f_brochure .anchor{width:250px;}
}
@media all and (max-width:800px){
    .f_brochure .anchor{width:160px;}
}




.float_banner{position:fixed; right:30px; bottom:30px; z-index: 100;}
.float_banner img{border:none; width:100px;}
@media screen and (max-width:1000px) {    
    .float_banner{right:20px; bottom:20px;}
    .float_banner img{width:80px;}
}
@media screen and (max-width:640px) {    
    .float_banner{right:10px; bottom:10px;}
    .float_banner img{width:60px;}
}





.req{display:inline-block; margin-left:3px; font-size:13px; font-weight:600; color:#f55;}
.checkbox_group .desc{font-size:15px;}
.checkbox_group .input{display:none;}
.checkbox_group .label{font-size:16px; line-height:35px;}
.checkbox_group .input[type="checkbox"] + .label{position:relative; display:block; margin-top:0px; padding-left:27px;}
.checkbox_group .input[type="checkbox"] + .label::before{position:absolute; display:block; left:0; top:8px; width:18px; height:18px; content:''; border-radius:3px; border:1px solid #ccc; background-color:#fff;}
.checkbox_group .input[type="checkbox"] + .label::after{display:none; position:absolute; display:none; left:0; top:8px; width:18px; height:18px; content:''; border-radius:3px; border:1px solid var(--primary-blue); background:var(--primary-blue) url('../images/common/check_input_w.png') no-repeat center center / contain;}
/* .checkbox_group .input[type="checkbox"]:checked + .label{color:#F8ED8C;} */
.checkbox_group .input[type="checkbox"]:checked + .label::before{display:none;}
.checkbox_group .input[type="checkbox"]:checked + .label::after{display:block;}
.checkbox_group .desc + .check_list{margin-top:15px;}
@media screen and (max-width:1000px) {
    .checkbox_group .desc{font-size:14px;}
}




/*개인정보처리방침 모달*/
#modal_bg{display:none;position:fixed;width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.3);z-index:9999;}
.modal_con{display:none;position:fixed;top:50%; left:50%;transform: translate(-50%,-50%);width:700px; max-width: 60%;min-height: 30%;background:#fff;z-index:9999;}
.modal_con .con{padding: 35px;}
.modal_con .modal_close{display:block; position:absolute;width:35px; height:35px;line-height: 0px;font-size:0px;right:0; top:0;background:rgba(0,0,0,0.5) url('../images/common/popup_close.png') center center no-repeat;background-size:contain;}
@media all and (max-width: 1000px) {
    .modal_con{width:96%;max-width:96%;}
    .modal_con .con{padding:35px 10px 10px 10px;}
}

.agree_txt{display:block;background:#f9f9f9;border:1px solid #ccc;padding:10px;margin-top:10px;height: 300px;overflow: hidden;overflow-y: scroll;line-height:1.4;border-radius:3px;}
.agree_txt h1{font-size:13px;color:#000;}
.agree_txt h2{font-size:13px;color:#555;}
.agree_txt p{font-size:12px;color:#3d3d3d;}
.agree_txt strong{font-size:13px;color:#000;}
.agree_txt .hr_15{height:15px;}