.b_sv_box{position: relative; overflow: hidden;}
.b_sv_box figure{position:absolute; left:0; top:0; width:100%; height:100%; z-index: -1; display: flex; align-items: center; justify-content: center; transform:scale(1.1); }
.b_sv_box.on figure{transform:scale(1); transition:5s ease; }
.b_sv_box .b_inner{display: flex; align-items: center; justify-content: center;height:100%;}
.b_sv_box h2 {word-break:keep-all; line-height: 1.3; }
.b_sv_box h2 b{position: relative;}
.b_sv_box h2 b img{position: absolute; top: -13px; right: -50px;}

#b_header #b_gnb > li > a:after{color:#111;}


@media screen and (min-width:2000px){
    .b_sv_box figure img{width:100%; }

}


@media screen and (max-width:720px){
    .b_sv_box h2 b img{width: 22px; top: 0px; right: -30px;}
}



.b_sub_sec{padding:150px 0 130px; }
.b_sub_sec .b_tit_box h2{display: flex; align-items: flex-start;}
.b_sub_sec .b_tit_box p{line-height: 1.4; word-break:keep-all; }


/* 더보기 버튼 */
.b_sub_sec .b_more_btn{display: flex; align-items: center; justify-content: center; width:200px; height:55px; border-radius: 50px; margin:0 auto; }
.b_sub_sec .b_more_btn img{ transition:.3s; width:11px; margin-left: 7px;}
.b_sub_sec .b_more_btn:hover img{transform: rotate(45deg) ; transition:.3s; margin-left:20px;}

@media screen and (max-width:1080px) {
    .b_sub_sec {padding: 100px 0 ;}

    .b_sub_sec .b_tit_box h2 img{width: 22px; margin-left:5px; }
}

@media screen and (max-width:720px) {
    .b_sub_sec {padding: 70px 0 ;}
    .b_sub_sec .b_tit_box h2 {font-size: 40px;}
    .b_sub_sec .b_more_btn{width: 150px; height: 45px;}
    .b_sub_sec .b_more_btn img{width: 9px; margin-left: 4px;}
}



.b_sv_about{height:850px; }
.b_sv_about .b_txt_box{color:#fff; text-align: center;}
.b_sv_about p{margin-top: 75px; line-height: 1.5; word-break:keep-all;}


@media screen and (max-width:1080px) {
    .b_sv_about{height:650px; }
    .b_sv_about figure img{height:100%; }
}

@media screen and (max-width:720px) {
    .b_sv_about{height:550px; }
    .b_sv_about h2{font-size: 30px;}
    .b_sv_about p{margin-top: 35px; font-size: 15px;}


}


.about_01 .b_tit_box{display: flex; justify-content: flex-end;}
.about_01 .b_tit_box h2 img{margin-left:10px; }
.about_01 .b_tit_box p{line-height: 1.4; margin-top: 50px;}
.about_01 .b_list_box{display: flex; width:100%; justify-content: space-between;}
.about_01 .b_list_box li{width:32%; }
.about_01 .b_list_box li:nth-child(2){margin-top:85px; }
.about_01 .b_list_box li:nth-child(3){margin-top:170px; }
.about_01 .b_list_box li .b_txt_box {margin-bottom: 40px;}
.about_01 .b_list_box li .b_txt_box h3{position: relative; width:fit-content;margin-bottom: 25px;}
.about_01 .b_list_box li .b_txt_box h3 b{position:absolute; right: -32px; top: -25px;-webkit-text-stroke: 0.05em; font-style: italic; opacity:.05; }
.about_01 .b_list_box li .b_txt_box p{color:#888888; word-break:keep-all; padding-right:20px; line-height:1.5; }
.about_01 .b_list_box li .b_img_box img{display: block; max-width:100%; }



@media screen and (max-width:900px) {
    .about_01 .b_list_box{flex-wrap: wrap;}
    .about_01 .b_list_box li{width:100%; margin-bottom:70px; }
    .about_01 .b_cont_box{margin-top: 70px; ;}
    .about_01 .b_list_box li:nth-child(2), .about_01 .b_list_box li:nth-child(3) {margin-top: 0px; }
    .about_01 .b_list_box li:nth-child(3) {margin-bottom: 0px;}
    .about_01 .b_list_box li .b_txt_box {margin-bottom: 20px;}
    .about_01 .b_list_box li .b_img_box img{width:100%;}
    
}

@media screen and (max-width:720px) {
    .about_01 .b_tit_box{justify-content: flex-start;}
    .about_01 .b_tit_box p{margin-top: 25px;}
    .about_01 .b_list_box li .b_txt_box h3 b{right: -17px; top: -13px; opacity: .08;}
}


.about_02{width:100%; padding:0; }
.about_02 .b_svc_list{display: flex; width:100%; height:720px; }
.about_02 .b_svc_list li{height:100%; width:16.666%; position: relative; transition:.45s ease;}
.about_02 .b_svc_list li figure{position:absolute; left:0; top:0; width:100%; height:100%; z-index: -1;}
.about_02 .b_svc_list li figure::after{content: ''; width:100%; height:100%; position:absolute; left:0; top:0; background-color: rgba(0,0,0,.6); }
.about_02 .b_svc_list li:nth-child(1) figure{background: url(/img/sub_page/about/service_01.jpg) no-repeat center / cover; }
.about_02 .b_svc_list li:nth-child(2) figure{background: url(/img/sub_page/about/service_02.jpg) no-repeat center / cover ; }
.about_02 .b_svc_list li:nth-child(3) figure{background: url(/img/sub_page/about/service_03.jpg) no-repeat center / cover ; }
.about_02 .b_svc_list li:nth-child(4) figure{background: url(/img/sub_page/about/service_04.jpg) no-repeat center / cover ; }
.about_02 .b_svc_list li .b_svc_tit{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; }
.about_02 .b_svc_list li .b_cont_box{height:100%; display: flex; align-items: center; flex-direction: column; justify-content: center; opacity:0; transform:translateY(30px); padding: 0 20px;}
.about_02 .b_svc_list .b_txt_box{color:#fff; text-align: center; margin-bottom: 55px;}
.about_02 .b_svc_list .b_txt_box h4{margin:35px 0 45px; }
.about_02 .b_svc_list .b_txt_box p{line-height: 1.3;}

/* hover */
.about_02 .b_svc_list li.on{width:50%; transition:.45s ease;}
.about_02 .b_svc_list li.on .b_cont_box{opacity:1; transform:translateY(0px); transition:.45s ease; transition-delay: .2s;}
.about_02 .b_svc_list li.on .b_svc_tit{opacity:0; transition:.3s; }
.about_02 .b_svc_list li.on figure::after{background-color: rgba(228,13,58,.7); }

.about_02 .b_more_btn{background-color: #fff; color:#e40d3a; }


@media screen and (max-width:1280px) {
    .about_02 .b_svc_list{height: 550px;}
    .about_02 .b_svc_list .b_txt_box{margin-bottom: 40px;}
    .about_02 .b_svc_list .b_txt_box h4{font-size:35px; margin: 25px 0 35px;}
    .about_02 .b_svc_list li .b_svc_tit{font-size:30px; }
}

@media screen and (max-width:1080px) {
    .about_02 .b_svc_list .b_txt_box h4{font-size:30px; }
    .about_02 .b_svc_list li .b_svc_tit{font-size:25px; }

}

@media screen and (max-width:930px) {
    .about_02 .b_svc_list{height:unset; flex-direction: column;}
    .about_02 .b_svc_list li{height:150px; width:100%; }
    .about_02 .b_svc_list li.on{width:unset; height:400px; }
    .about_02 .b_svc_list .b_txt_box h4{margin: 15px 0 25px;}

}

@media screen and (max-width:530px) {
    .about_02 .b_svc_list li{height:120px; }
    .about_02 .b_svc_list .b_txt_box {margin-bottom: 20px;}
    .about_02 .b_svc_list .b_txt_box h4 {font-size: 25px; margin: 10px 0 20px;}

    .about_02 .b_svc_list li.on{height:320px; }
}






.about_03 {background-color: #fbfbfb;}
.about_03 .b_tit_box{text-align: center; margin-bottom: 75px;}
.about_03 .b_tit_box .b_txt_box{display: flex; flex-direction: column; align-items: center;}
.about_03 .b_tit_box h2{margin-bottom: 35px;}
.about_03 .b_step_list {display: flex; flex-wrap: wrap; }
.about_03 .b_step_list li{width:16.666%; position: relative; }
.about_03 .b_step_list li::after{content:''; width:100%; height:1px; background-color: #d0d0d0; position:absolute; left:0; top:4.5px; }
.about_03 .b_step_list li:first-child:before{content:'';  width:1px; height:21px; background-color: #d0d0d0; position:absolute; left:0; top:-5px; }
.about_03 .b_step_list li:last-child:before{content:'';  width:1px; height:21px; background-color: #d0d0d0; position:absolute; right:0; top:-5px; }
.about_03 .b_step_list li .b_circle{display: block; width:10px; aspect-ratio: 1/1; border-radius: 50%; background-color:#e40d3a; margin:0 auto; position: relative; z-index: 5;}
.about_03 .b_step_list li .b_txt_box{text-align: center; margin-top: 20px; padding:0 7px;}
.about_03 .b_step_list li .step_num{ color:#e40d3a; }
.about_03 .b_step_list li .b_cont{word-break: keep-all; line-height: 1.4;}
.about_03 .b_step_list li .b_txt_box p{margin:15px 0; }



@media screen and (max-width:1250px) {
    .about_03 .b_step_list li .b_cont br{display: none;}
}

@media screen and (max-width:1080px) {
    .about_03 .b_step_list li .b_circle{width:8px; }
    .about_03 .b_step_list li::after{top:3.5px; }
    .about_03 .b_step_list li:first-child:before, .about_03 .b_step_list li:last-child:before{height:15px; top:-4px; }
}

@media screen and (max-width:930px) {
    .about_03 .b_step_list li {width: 33.333%; margin-bottom: 50px;}
    .about_03 .b_step_list li .b_cont br{display: block;}

}

@media screen and (max-width:720px) {
    .about_03{padding-bottom:50px; }
    .about_03 .b_tit_box h2 {margin-bottom: 20px;}
    .about_03 .b_tit_box{margin-bottom: 50px;}
}

@media screen and (max-width:630px) {
    .about_03 .b_step_list li {width: 50%; margin-bottom: 40px;}

}




.about_04 .b_tit_box{margin-bottom: 75px;}
.about_04 .b_tit_box h2{margin-bottom: 35px;}
.about_04 .b_bene_list {display: flex; flex-wrap: wrap;}
.about_04 .b_bene_list li{width: 25%; display: flex; align-items: center; margin-bottom: 50px; }
.about_04 .b_bene_list .b_icon_box{width: 100px; aspect-ratio: 1/1; border-radius: 50%; background-color: #fafafa; display: flex; align-items: center; justify-content: center;}
.about_04 .b_bene_list .b_icon_box img{display: block; max-width: 100%;}
.about_04 .b_bene_list .b_txt_box {padding-left: 5%; padding-right: 10px;}
.about_04 .b_bene_list .b_txt_box strong{display: block; margin-bottom: 15px; word-break: keep-all;}
.about_04 .b_bene_list .b_txt_box span{word-break: keep-all;}

@media screen and (max-width:1080px) {
    .about_04 .b_bene_list li{width: 33.333%; align-items: flex-start;}
    .about_04 .b_bene_list .b_icon_box{width: 80px;}
    .about_04 .b_bene_list .b_icon_box img{width: 46px;}
}

@media screen and (max-width:840px) {
    .about_04 .b_bene_list li{width: 50%; margin-bottom: 30px; }
}

@media screen and (max-width:720px) {
    .about_04 .b_tit_box h2 {margin-bottom: 20px;}
    .about_04 .b_tit_box{margin-bottom: 50px;}
    .about_04 .b_bene_list .b_icon_box{width: 65px;}
    .about_04 .b_bene_list .b_icon_box img{width: 34px;}
}

@media screen and (max-width:630px) {
    .about_04 .b_bene_list li{flex-direction: column;}
    .about_04 .b_bene_list .b_icon_box{margin-bottom: 10px;}
    .about_04 .b_bene_list .b_txt_box strong{margin-bottom: 5px;}

}



.about_history{padding-bottom: 250px; overflow: hidden;}
.about_history .b_tit_box h2{justify-content: center;}
.about_history .b_tit_box p{text-align: center; margin-top: 35px;}
.about_history .b_cont_box{margin-top: 135px; position: relative; opacity:0; }
.about_history .b_cont_box:after{content:''; width:110%; height:400px; background-color:#fff; position:absolute; left:-5%; top:50%; transform:translateY(-50%);  }
/*.about_history.on .b_cont_box:after{left:-103%; transition:1s ease; }*/
.about_history.on .b_cont_box{opacity:1; transition:.5s; transition-delay:.2s;}
.about_history.on .b_cont_box:after{animation-name:about_motion; animation-duration: .8s; animation-timing-function: ease-out; animation-fill-mode:both ; animation-delay:.4s;}

@keyframes about_motion { 
	0%{ 
		 width:110%;
	}
	100%{ 
		 width:0;
	}
}


.about_history .b_htr_list {display: flex; }
.about_history .b_htr_list li{letter-spacing: -1.6px; position: relative; width: 6.666%; display: flex; justify-content: center; height:200px; align-items: center;}
.about_history .b_htr_list li::before{content:''; width:100% ; height:3px; background-color: #7d7d7d; position: absolute; left:50%; top:50%; transform:translateY(-50%); z-index: -1; bottom:0;}
.about_history .b_htr_list li.b_start::before{display: none;}
.about_history .b_htr_list li.b_color_box h5{-webkit-text-stroke: 0.015em; color: #e40d3a;}
.about_history .b_htr_list .b_circle{width:13px; aspect-ratio: 1/1; border-radius: 50%; background-color: #212121; display: block; position: relative;  }
.about_history .b_htr_list .b_circle::after{content:''; width:0px ; height:100px; border: 1px dashed #b5b5b5; position: absolute; left:50%; transform:translateX(-50%); z-index: -1; bottom:0;}
.about_history .b_htr_list li.b_color_box .b_circle::after{border: 1px dashed #e40d3a; }
.about_history .b_htr_list li.b_color_box .b_circle{width:18px; border:3px solid #e40d3a; background-color: #fff;}
.about_history .b_htr_list li:nth-child(2n) .b_circle::after{bottom:unset; top:0;}
.about_history .b_htr_list li.b_color_box .b_circle::before{content:''; width:0 ; aspect-ratio:1/1; background-color: #e40d3a; opacity:.2; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index: -1; border-radius: 50%; animation-name: pink_circle; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; }

.about_history .b_htr_list .b_txt_box{position:absolute; left:50%; transform:translateX(-50%); width:100%; bottom:205px; text-align: center;}
.about_history .b_htr_list li.b_color_box .b_txt_box{width: 120%;}
.about_history .b_htr_list li:nth-child(2n) .b_txt_box{top:205px; bottom:unset;}


@keyframes pink_circle {
    0%{
        width:0;
        opacity:.8;
    }
    50%{

    }
    100%{
        width:42px ; 
        opacity:0;
    }
}

@media screen and (max-width:1080px) {
    .about_history {padding-bottom: 100px; padding-top:70px}
    .about_history .b_htr_list {flex-wrap: wrap;}
    .about_history .b_htr_list li{width: 12.5%; margin-bottom: 100px;}
    .about_history .b_htr_list li::before{height: 2px;}
    .about_history .b_htr_list li:nth-child(9)::before{transform: translate(-50%,-50%); width:500%;}
    .about_history .b_htr_list .b_circle{width: 8px;}

		.about_history .b_cont_box:after{height: 743px;}
}

@media screen and (max-width:720px) {
    .about_history {padding-bottom: 30px; padding-top:30px}
    .about_history .b_tit_box p{margin-top: 20px;}
    .about_history .b_cont_box {margin-top: 110px;}
    .about_history .b_htr_list li{height: 100px; margin-bottom: 127px;}
    .about_history .b_htr_list li.b_color_box .b_circle{width: 15px;}
    .about_history .b_htr_list .b_circle::after{height: 70px;}
    .about_history .b_htr_list .b_txt_box{bottom: 125px;}
    .about_history .b_htr_list li:nth-child(2n) .b_txt_box{top: 125px;}

		.about_history .b_cont_box:after{height: 593px;}
}

@media screen and (max-width:460px) {
    .about_history .b_htr_list li.b_color_box h5{font-size: 20px;}
}



/* 비즈니스 > 웹사이트 */
.b_website_01 {margin-top:150px; position: relative; padding:0; overflow: hidden;}
.b_website_01 > figure{position:absolute; left: 50%; top:0; z-index: -1; width:50%; height: 615px; overflow: hidden;}
.b_website_01 > figure img{position:absolute; left: 50%; top:50%; transform:translate(-50%, -50%);  }
.b_website_01 .b_top_box{display: flex; align-items: center; height: 615px; margin-bottom: 100px;;}
.b_website_01 .b_top_box .b_tit_box{width:50%; }
.b_website_01 .b_top_box .b_tit_box h2{margin-bottom: 35px; justify-content: flex-start;}
.b_website_01 .b_top_box .b_tit_box b{display: flex; align-items: flex-start;}
.b_website_01 .b_top_box .b_tit_box b img{margin-left: 7px;}
.b_website_01 .b_top_box .b_tit_box p{word-break: keep-all;}
.b_website_01 .b_top_box .b_img_box{display: none;}
.b_website_01 .b_more_btn{color:#e40d3a; border:1px solid #e40d3a; margin:0; margin-top:95px;}
.b_website_01 .b_bot_box{display: flex; flex-wrap: wrap;}
.b_website_01 .b_bot_box .b_info_box {width: 50%;}
.b_website_01 .b_bot_box .b_desc_info{padding-right: 10%}
.b_website_01 .b_bot_box .b_svc_info {padding-left:10%; }
.b_website_01 .b_bot_box p{word-break: keep-all;}
.b_website_01 .b_bot_box h3{color:#e40d3a; margin-bottom: 18px;}
.b_website_01 .b_bot_box .b_info_box p{line-height: 1.5; color: #555555;} 
.b_website_01 .b_bot_box .b_svc_info span{display: block; position: relative; padding-left:12px;}
.b_website_01 .b_bot_box .b_svc_info span::after{content: ''; width:3px; height: 3px; border-radius: 50% ; position:absolute; left:0; top:50%; transform:translateY(-50%);background-color: #212121; }


.b_website_02 h2{text-align: center; word-break: keep-all;}
.b_website_02 .b_cont_box{margin-top: 85px;}
.b_website_02 .b_plan_box {width: 100%; box-shadow: 0 0 45px rgba(46,46,46,0.08);}
.b_website_02 .b_plan_box tr{position: relative;}
.b_website_02 .b_plan_box tr::after{content:''; position: absolute; width:1px ; height:100%; right:0; top:0; background-color: #e5e5e5; z-index: 1;}
.b_website_02 .b_plan_box th{height:70px; display: flex; align-items: center;  text-align: left; padding:0 20px; font-weight: 600;}
.b_website_02 .b_plan_box td{height:70px; display: flex; align-items: center;justify-content: center;text-align: center; font-weight: 500; }
.b_website_02 .b_plan_box th .b_add_txt{font-size: 0.938rem; color: #e40d3a; word-break: keep-all;}
.b_website_02 .b_plan_box th span{word-break: keep-all;}
.b_website_02 .b_cont_box .b_plan_box tbody{display: flex;}
.b_website_02 .b_cont_box .b_plan_box tr{display: flex; flex-direction: column; }
.b_website_02 .b_plan_box .b_head{background-color: #000; color:#fff; position: relative; z-index: 5;}
.b_website_02 .b_plan_box th.b_head{border-radius:20px 0 0 0 }
.b_website_02 .b_plan_box td.b_last_head{border-radius: 0 20px 0 0 }
.b_website_02 .b_plan_box .b_bg_color{background-color:#f9f9f9 ;}
.b_website_02 .b_plan_box .b_title{width:20%; }
.b_website_02 .b_plan_box .b_plan{width:20%; }
.b_website_02 .b_plan_box .b_plan span{position: relative ; z-index: 10; word-break: keep-all;}
.b_website_02 .b_plan_box .b_plan span img{width:20px;}
.b_website_02 .b_plan_box .b_price{color:#666}
.b_website_02 .b_plan_box .b_price b{color: #e40d3a; display: block; letter-spacing: -0.3px; -webkit-text-stroke: 0.02em;}
.b_website_02 .b_plan_box .b_plan .b_head::after {content:''; width:100%; height:70px; position:absolute; left:0; bottom:0; background-color: #000; z-index: 5; border-radius: 20px 20px 0 0; }
.b_website_02 .b_plan_box .b_plan:hover .b_head::after{height:85px; background-color: #e40d3a; transition: height .3s;}
.b_website_02 .b_plan_box .b_plan::after {content:''; width:100%; height:100%; position:absolute; left:0; bottom:0; border:2px solid #e40d3a; z-index: 5;  background-color: transparent; box-sizing: border-box; opacity:0; }
.b_website_02 .b_plan_box .b_plan:hover::after{opacity:1; transition:opacity .3s;}


.b_website_03 .b_tit_box h2{text-align: center; justify-content:center;}
.b_website_03 .b_btn_list {margin-top:45px}
.b_website_03 .b_btn_list ul{display: flex; height:60px; border:1px solid #d8d8d8; border-radius:10px; max-width: 880px; width:100%; ; margin:0 auto; overflow: hidden;} 
.b_website_03 .b_btn_list ul li{width:25%; height:100%; display: flex; align-items: center; justify-content: center; color: #8f8f8f; border-radius:10px; cursor: pointer;}
.b_website_03 .b_btn_list ul li:hover{background-color: #000; color:#fff; transition:.3s;  }
.b_website_03 .b_cont_box{margin-top: 75px;}
.b_website_03 .b_type_list > li{border-radius: 70px; background-color: #fafafa; display: flex; align-items: center; justify-content: space-between ; margin-bottom: 50px;}
.b_website_03 .b_type_list > li:last-child{margin-bottom: 0px;}
.b_website_03 .b_type_list > li:nth-child(2n){flex-direction: row-reverse;}
.b_website_03 .b_type_list > li .b_txt_box {width: 43%; padding-right: 7%;}
.b_website_03 .b_type_list > li:nth-child(2n) .b_txt_box{padding-left: 3%;} 
.b_website_03 .b_type_list > li .b_img_box {width: 57%; display: flex; justify-content: center;}
.b_website_03 .b_type_list > li .b_img_box img{max-width: 100%;}
.b_website_03 .b_type_list .b_cont_txt span{color: #e40d3a}
.b_website_03 .b_type_list .b_cont_txt h6{margin:20px 0 60px; }
.b_website_03 .b_type_list .b_cont_txt p{line-height: 1.7; word-break: keep-all;}
.b_website_03 .b_type_list .b_link_list {margin-top:40px; display: flex;}
.b_website_03 .b_type_list .b_link_list li{margin-right:10px; display: flex; }
.b_website_03 .b_type_list .b_link_list .b_more_btn{height:50px; width:unset; margin:0; padding:0 20px; }
.b_website_03 .b_type_list .b_link_list .b_go_port{border:1px solid #e40d3a; color:#e40d3a; transition:.3s;}
.b_website_03 .b_type_list .b_link_list .b_more_btn span{transition:margin-bottom .2s;}
.b_website_03 .b_type_list .b_link_list .b_more_btn:hover span{margin-bottom:7px; transition:margin-bottom .2s;}
.b_website_03 .b_type_list .b_link_list .b_inq_btn{background-color:  #e40d3a; color:#fff;}


@media screen and (max-width:1080px) {
    .b_website_01 > figure{height: 450px;}
    .b_website_01 > figure img{height:100%; }
    .b_website_01 .b_top_box{height: 450px;}

    .b_website_03 .b_type_list > li {border-radius: 50px;}
    .b_website_03 .b_type_list .b_cont_txt h6 {margin: 20px 0 30px;}
    .b_website_03 .b_type_list .b_link_list{margin-top: 25px;}
    .b_website_03 .b_type_list > li .b_txt_box{padding: 30px 2% 30px 0;}
    .b_website_03 .b_type_list > li .b_img_box{padding: 20px;}
    .b_website_03 .b_type_list > li .b_img_box img{max-width: 400px; width: 100%;}
    .b_website_03 .b_type_list .b_link_list .b_more_btn{height: 40px;}
}

@media screen and (max-width:1024px) {
    .b_website_02 .b_cont_box{overflow-x: scroll; padding-top: 30px; margin-top: 55px}
    .b_website_02 .b_plan_box{width: 1024px;}
    .b_website_02 .b_plan_box th .b_add_txt{display: block;}
}

@media screen and (max-width:720px) {
    .b_website_01 > figure{display: none;}
    .b_website_01 .b_top_box{flex-direction: column;height: unset; margin-bottom: 50px;}
    .b_website_01 .b_top_box .b_tit_box {width: 100%; margin-bottom: 50px;}
    .b_website_01 .b_top_box .b_img_box{display: block; transform: scale(1.1);}
    .b_website_01 .b_top_box .b_img_box figure img{width: 100%;}
    .b_website_01 .b_more_btn{margin-top: 40px;}
    .b_website_01 .b_bot_box .b_info_box{width: 100%;}
    .b_website_01 .b_bot_box .b_desc_info{padding-right: 0; margin-bottom: 30px;}
    .b_website_01 .b_bot_box .b_svc_info{padding-left: 0;}

    .b_website_02 .b_cont_box{margin-top: 45px;}
    .b_website_02 .b_plan_box th{height: 55px;}
    .b_website_02 .b_plan_box td{height: 55px;}
    .b_website_02 .b_plan_box .b_plan .b_head::after{height: 55px;}
    .b_website_02 .b_plan_box .b_plan:hover .b_head::after{height:65px;}

    .b_website_03 .b_tit_box h2{font-size: 20px;}
    .b_website_03 .b_btn_list ul{height: 45px; border-radius: 5px; box-sizing: border-box;}
    .b_website_03 .b_btn_list ul li{border-radius: 5px;}
    .b_website_03 .b_cont_box {margin-top: 50px;}
    .b_website_03 .b_type_list > li {border-radius: 35px; flex-direction: column; margin-bottom: 20px;}
    .b_website_03 .b_type_list > li:nth-child(2n){flex-direction: column;}
    .b_website_03 .b_type_list > li .b_img_box{width: 100%;}
    .b_website_03 .b_type_list > li .b_txt_box{width: 100%; padding: 0 25px 25px 25px;}
    .b_website_03 .b_type_list .b_cont_txt h6{margin: 12px 0;}
    .b_website_03 .b_type_list .b_link_list {margin-top: 15px;}
    .b_website_03 .b_type_list .b_link_list li{margin-right: 5px;}
    .b_website_03 .b_type_list .b_link_list .b_more_btn {height: 35px;}
}



/* 유지보수 / 공통테이블 */
.b_sub_sec .b_tit_box h2{justify-content: center;}
.b_svc_sec .b_tit_box h2 b{display: flex; align-items: flex-start;}
.b_svc_sec .b_tit_box h2 b img{margin-left: 7px;}
.b_svc_sec .b_tit_box p{margin-top: 35px; text-align: center; }
.b_svc_sec .b_sec_tit {text-align: center; margin-bottom: 50px;}

.about_04 .b_tit_box h2{justify-content: flex-start;}

.b_repair_02{background-color: #fafafa;}

.b_svc_sec .b_plan_box{width: 100%; box-shadow: 0 0 45px rgba(46,46,46,0.08); border-radius:20px; overflow: hidden;}
.b_svc_sec .b_plan_box th{height:70px; text-align: left; padding:0 20px; font-weight: 600;}
.b_svc_sec .b_plan_box td{height:70px; text-align: center; font-weight: 500; padding:0 20px; width: 20%; text-align: center; }
.b_svc_sec .b_plan_box th span{word-break: keep-all;}
.b_svc_sec .b_plan_box .b_head{background-color: #000; color:#fff; position: relative; z-index: 5; }
.b_svc_sec .b_plan_box .b_bg_color{background-color:#f9f9f9 ;}
.b_svc_sec .b_plan_box .b_title{width:100%; }
.b_svc_sec .b_plan_box .b_plan{width:100%; }
.b_svc_sec .b_plan_box .b_plan span{position: relative ; z-index: 10; word-break: keep-all;}
.b_svc_sec .b_plan_box .b_plan span img{width:20px;}
.b_svc_sec .b_plan_box .b_price{color:#666}
.b_svc_sec .b_plan_box .b_price b{color: #e40d3a; /*display: block;*/ letter-spacing: -0.3px; -webkit-text-stroke: 0.02em;}
.b_svc_sec .b_plan_box .b_add_txt{font-size: 0.938rem; color: #e40d3a; word-break: keep-all; display: block;}
.b_svc_sec .b_alert_txt{color:#888; margin-top:20px; line-height: 1.5; word-break: keep-all;}

/* input radio style */
.b_svc_sec [type="radio"]{appearance: none; width:19px; height:19px; border-radius: 3px; background-color: #f1f1f1; vertical-align: middle;}
.b_svc_sec [type="radio"]:checked{background-color: #e40d3a; position: relative;}
.b_svc_sec [type="radio"]:checked:after{content:''; width:12px; height:10px; background: url(/img/icon/b_chk_icon.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }


@media screen and (max-width:1080px) {
    .b_svc_01{margin-top:80px;}
}

@media screen and (max-width:1024px) {
    .b_svc_sec .b_cont_box{overflow-x: scroll; }
    .b_svc_sec .b_plan_box{width: 900px;}

}

@media screen and (max-width:720px) {
    .b_svc_01{margin-top:70px;}
    .b_svc_sec .b_tit_box p{margin-top: 20px;}
    .b_svc_sec .b_sec_tit{margin-bottom: 25px;}
    .b_svc_sec .b_plan_box{border-radius: 10px;}
    .b_svc_sec .b_plan_box th{height: 55px;}
    .b_svc_sec .b_plan_box td{height: 55px;}
    .b_svc_sec [type="radio"]{width: 15px; height:15px;}
}

@media screen and (max-width:440px) {
    .b_repair_01 .b_tit_box p br{display: none;}
}


.b_repair_03 .b_plan_box .b_title{width:20%; }
.b_repair_03 .b_plan_box .b_plan_01{width:40%; }



/* 웹호스팅 */
.b_hosting_02{background-color: #fafafa;}
.b_hosting_03 .b_plan_box .b_plan{width:80%;}
.b_hosting_03 .b_plan_box td{justify-content: flex-start; padding:0 30px;}
.b_hosting_03 .b_plan_box td label{margin-right:60px; display: flex; align-items: center; }
.b_hosting_03 .b_plan_box td label:last-child{margin-right: 0;}
.b_hosting_03 .b_plan_box td label input{margin-right:5px;}
.b_hosting_03 .b_plan_box .b_price b{display:inline}
.b_hosting_03 .b_plan_box tbody{display: flex; }
.b_hosting_03 .b_plan_box tr{display: flex; flex-direction: column;}
.b_hosting_03 .b_plan_box .b_title{width:20%; }
.b_hosting_03 .b_plan_box td{display: flex; align-items: center; justify-content: flex-start; width:100%;}

@media screen and (max-width:1024px) {
    .b_hosting_03 .b_cont_box{overflow-x: unset; }
    .b_hosting_03 .b_plan_box{width: 100%;}
}

@media screen and (max-width:720px) {
    .b_hosting_03 .b_plan_box th{padding: 0 10px;}
    .b_hosting_03 .b_plan_box td{padding: 0 10px; flex-wrap: wrap;}
    .b_hosting_03 .b_plan_box td label {margin-right: 20px;}
    .b_hosting_03 .b_cont_box .b_plan_box tr.b_title{width: 85px;}
}


.b_webmail_02{background-color: #fafafa;}
.b_ssl_02{background-color: #fafafa;}
.b_domain_02{background-color: #fafafa;}
.b_ssl_02 .b_plan_box td.b_head{border-right:0; }
.b_ssl_02 .b_plan_box td{border-right:1px solid #eaeaea; }
.b_ssl_02 .b_plan_box td:last-child{border-right:0; }

.b_domain_02 .b_plan_box td{width:25%; padding:0;  }

.b_domain_03 .domain_srh{margin-left:15px; background-color: rgba(255,255,255,.3); display: block; padding:5px 10px; border-radius: 4px;  transition:background-color .1s; word-break: keep-all;}
.b_domain_03 .domain_srh:hover{background-color: rgba(255,255,255,.2); transition:background-color .1s;  }
.b_domain_03 .b_plan_box td .b_input{height:40px; background-color: #fff; border:1px solid #ececec; display: block; width:50%; border-radius: 5px; outline:0; padding: 0 10px;}
.b_domain_03 .total_domain_price{margin-left: 30px; position: relative;}
.b_domain_03 .total_domain_price::after{content:''; width:1px; height:80%; background-color:#d9d9d9; position:absolute; left:-15px; top:50%; transform:translateY(-50%); }
.b_domain_03 .b_plan_box td span{word-break: keep-all; text-align: left;}
.b_domain_03 .domain_btn{color:#e40d3a; display: flex; align-items: center; justify-content: center; max-width:350px; width:100%; height:75px; border:1px solid #e40d3a ; border-radius: 50px; transition:background-color .3s; margin:0 auto; margin-top: 80px;}
.b_domain_03 .domain_btn img{margin-left: 12px; transition:margin-left .3s, transform .3s;}
.b_domain_03 .domain_btn:hover{background-color: #e40d3a; color:#fff; transition:background-color .3s;}
.b_domain_03 .domain_btn:hover img{filter: brightness(0) invert(1); margin-left: 30px;  transform:rotate(45deg); transition:margin-left .3s, transform .3s;}


@media screen and (max-width:1024px) {
    .b_domain_02 .b_cont_box {overflow-x: unset;}
    .b_domain_02 .b_plan_box{width:100%; }
}

@media screen and (max-width:930px) {
    .b_domain_03 .b_plan_box td{padding: 0 10px;}
    .b_domain_03 .b_plan_box td.b_head:first-child{flex-direction: column; justify-content: center; align-items: flex-start;}
    .b_domain_03 .domain_srh{margin-left:0; padding:3px 12px; border-radius: 2px; margin-top: 5px;}
}
@media screen and (max-width:720px) {
    .b_domain_03 .b_cont_box .b_plan_box tr.b_title {width: 90px;}
    .b_domain_03 .b_plan_box td .b_input{width:100%; }
    .b_domain_03 .domain_btn {max-width: 200px; height: 60px;}
    .b_domain_03 .domain_btn img{width: 12px; margin-left: 7px;}
}




/* 포트폴리오 리스트페이지 */
.b_sv_port {padding-top:170px;}
.b_sv_port .b_inner{flex-direction: column; align-items: flex-start; }
.b_sv_port .b_tit_box{display: flex; justify-content: space-between; align-items: flex-end; width:100%; }
.b_sv_port .b_srh_area {max-width: 400px; width: 100%;}
.b_sv_port .b_srh_area fieldset{border:0; width: 100%;}
.b_sv_port .b_srh_area .b_srh_box {width:100%; background-color: #f9f9f9; border-radius: 50px; height:60px; display: flex; padding-left:20px; overflow: hidden;}
.b_sv_port .b_srh_area .b_srh_box input{border:0; outline:0; display: block; background-color: #f9f9f9; width:calc(100% - 65px) }
.b_sv_port .b_srh_area .b_srh_box .b_srh_btn{width:65px;}
.b_sv_port .b_cate_box{margin-top:70px;}
.b_sv_port .b_cate_box .b_cate_list{display: flex; flex-wrap: wrap; }
.b_sv_port .b_cate_box .b_cate_list li {padding-right:45px;}
.b_sv_port .b_cate_box .b_cate_list li a{display: block; word-break: keep-all; line-height: 1.5; }
.b_sv_port .b_cate_box .b_cate_list li.on a{color:#e40d3a; }
.b_sv_port .b_rec_box{display: flex; margin-top: 50px;}
.b_sv_port .b_rec_box h5{width:100px; word-break: keep-all; line-height: 1.5;}
.b_sv_port .b_rec_list {display: flex; flex-wrap: wrap; }
.b_sv_port .b_rec_list li {padding-right:20px;}
.b_sv_port .b_rec_list li a{font-weight: 500; display: block; padding:0 7px; word-break: keep-all; line-height: 1.5; transition:color .2s;}
.b_sv_port .b_rec_list:hover li a{color:#b6b6b6 ; transition:color .2s;}
.b_sv_port .b_rec_list:hover li a:hover{ color:#e40d3a; transition:color .2s;}


@media screen and (max-width:1280px){
    .b_sv_port .b_rec_list li {padding-right: 10px;}
}

@media screen and (max-width:1080px){
    .b_sv_port .b_srh_area{max-width: 300px;}
    .b_sv_port .b_srh_area .b_srh_box{height: 45px;}
    .b_sv_port .b_srh_area .b_srh_box .b_srh_btn img{width:19px;}
}

@media screen and (max-width:980px){
    .b_sv_port .b_tit_box{flex-direction: column; align-items: center;}
    .b_sv_port .b_srh_area{margin-top: 50px;}
    .b_sv_port .b_cate_box .b_cate_list{justify-content: center;}
    .b_sv_port .b_cate_box .b_cate_list li{padding:0 20px;}
    .b_sv_port .b_rec_box{flex-direction: column; align-items: center;}
    .b_sv_port .b_rec_box h5{width:unset; margin-bottom: 10px;}
    .b_sv_port .b_rec_list{justify-content: center;}
    .b_sv_port .b_rec_list li{padding:0 5px;}
    .b_sv_port .b_rec_list li a{padding:0 3px;}
}

@media screen and (max-width:720px){
    .b_sv_port .b_cate_box .b_cate_list li{padding:0 10px;}
}





.portfolio_01 {}
.portfolio_01 .b_port_list{display: flex; align-items: flex-start; flex-wrap:wrap; width: 92%; margin: 0 auto;}
.portfolio_01 .b_port_list li{width: 31%; margin-right:3.5%; margin-bottom:100px; position: relative;}
.portfolio_01 .b_port_list li:nth-child(3n){margin-right:0; }
.portfolio_01 .b_port_list li > a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.portfolio_01 .b_port_list li .b_img_box {position: relative; /*transition:box-shadow .45s;*/ overflow: hidden;}
.portfolio_01 .b_port_list li .b_img_box img{display: block; width: 100%;transition:transform .5s;}
.portfolio_01 .b_port_list li .b_txt_box span{display:block; margin:20px 0 5px; color:#888; transition: .2s; }
.portfolio_01 .b_port_list li .b_txt_box h5{display: flex; align-items: flex-start; transition: .2s; }
.portfolio_01 .b_port_list li .b_txt_box img{margin-left:30px; margin-top:5px; opacity:0; transform:translate(-5px, 5px); transition: .45s; }
.portfolio_01 .b_port_list li:hover .b_img_box {box-shadow: 5px 5px 40px rgba(156,23,51,.27); transition: .45s;}
.portfolio_01 .b_port_list li:hover .b_img_box img{transform:scale(1.05); transition:transform .5s;}
.portfolio_01 .b_port_list li .b_img_box::after {content:''; width:0; height:4px; background-color: #e40d3a; position:absolute; right:0; bottom:0; transition:width .45s; }
.portfolio_01 .b_port_list li:hover .b_img_box::after {width:100%; left:0;}
.portfolio_01 .b_port_list li:hover .b_txt_box img{transform:translate(0, 0); opacity:1; }
.portfolio_01 .b_port_list li:hover .b_txt_box h5{color:#e40d3a; transition: .2s; }
.portfolio_01 .b_port_list li:hover .b_txt_box span{color:#333; transition: .2s; }
.portfolio_01 .b_port_list li .b_img_box > a:before{content:''; width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0; z-index:10; transition: .45s;}
.portfolio_01 .b_port_list li:hover .b_img_box > a:before{opacity:.6; transition: .45s; }




@media screen and (max-width:1080px){
    .portfolio_01 .b_port_list li .b_txt_box h5{font-size: 20px;}

	 .portfolio_01 .b_port_list{width:100%; }
}

@media screen and (max-width:870px){
    .portfolio_01 .b_port_list li{width: 48.5%; margin-bottom: 50px; margin-right: 3%;}
    .portfolio_01 .b_port_list li:nth-child(3n){margin-right:3%; }
    .portfolio_01 .b_port_list li:nth-child(2n){margin-right:0; }
}

@media screen and (max-width:720px){
    .portfolio_01 .b_port_list li .b_txt_box img{width:11px;}
}


/* 포트폴리오 뷰페이지 */
.port_view .b_sv_title{position: relative ; height:720px; }
.port_view .b_sv_title figure{position:absolute; left:0; top:0; width:100%; height:100%; z-index: -1; display: flex; align-items: center; justify-content: center; overflow: hidden; background-size: cover;}
.port_view .b_sv_title figure img{display: block; margin:0 auto; }
.port_view .b_sv_title .b_inner{display: flex; justify-content: center; text-align: center; height:100%;}
.port_view .b_sv_title .b_txt_box{padding-top: 190px; color:#fff; }
.port_view .b_sv_title .b_svc_subject{color: #e40d3a}
.port_view .b_sv_title .b_port_subject{margin:35px 0; }
.port_view .b_info_box {margin-top:-270px; padding-bottom: 150px;}
.port_view .b_info_box .b_thum_box{display: flex; align-items: flex-end; position: relative ; justify-content: center;}
.port_view .b_info_box .b_thum_img{border-radius: 30px; border: 3px solid #222222; overflow: hidden; box-shadow: 0 0 45px rgba(46,46,46,0.35);}
.port_view .b_info_box .b_thum_mo{margin-left: -85px; margin-bottom: -30px;}
.port_view .b_info_box .b_thum_img img{display: block; max-width:100%; width: auto; height: auto;}
.port_view .b_info_box .b_txt_box{display: flex; max-width: 1330px; margin:0 auto; margin-top: 190px; padding:0; }
.port_view .b_info_box .b_txt_box > div{width:50%}
.port_view .b_info_box .b_txt_box p{color:#e40d3a;}
.port_view .b_info_box .b_txt_box .b_left_box ul li{display: flex; margin-bottom: 15px;}
.port_view .b_info_box .b_txt_box .b_left_box ul li p{width:120px;}
.port_view .b_info_box .b_txt_box .b_right_box p{margin-bottom: 18px;}
.port_view .b_info_box .b_txt_box span{line-height: 1.5; color: #555555; word-break: keep-all;}
.port_view .b_info_box .b_txt_box .b_left_box .b_more_btn{border:1px solid #e40d3a; margin:0; margin-top: 45px;}
.port_view .b_info_box .b_txt_box .b_left_box .b_more_btn span{color:#e40d3a;}

.b_detail_box .b_detail_img img{width: 100%; display: block; margin: 0 auto;height: auto;}


@media screen and (min-width:1930px){
    .port_view .b_sv_title figure img{width: 100%;}
}


@media screen and (max-width:1080px) {
    .port_view .b_sv_title{height: 520px;}
    .port_view .b_sv_title .b_txt_box{padding-top: 130px;}
    .port_view .b_sv_title .b_port_subject {margin: 20px 0;}
    .port_view .b_info_box{margin-top: -160px;}
    .port_view .b_info_box .b_thum_img{border-radius: 20px}
    .port_view .b_info_box .b_txt_box{margin-top: 120px;}
}


@media screen and (max-width:720px) {
    .port_view .b_sv_title{height: 420px;}
    .port_view .b_sv_title figure img{height:100%;}
    .port_view .b_info_box {margin-top: -80px;}
    .port_view .b_info_box .b_thum_img{border-radius: 10px; border: 2px solid #222222; }
    .port_view .b_info_box .b_txt_box {margin-top: 90px; flex-direction: column-reverse;}
    .port_view .b_info_box .b_txt_box > div {width: 100%;}
    .port_view .b_info_box .b_txt_box .b_right_box{margin-bottom: 15px;}
    .port_view .b_info_box .b_txt_box .b_right_box p{margin-bottom: 10px;}
    .port_view .b_more_btn{width: 150px; height: 45px;}
    .port_view .b_more_btn img{width: 9px; margin-left: 4px;}
}


@media screen and (max-width:460px) {
    .port_view .b_sv_title {height: 380px;}
    .port_view .b_info_box {margin-top: -102px; padding-bottom: 80px;}
}





/*231107 수정*/
.about_05 .b_tit_box{margin-bottom: 50px;}
.about_05 .b_tit_box p{margin-top: 35px;}
.about_05 .b_tit_box h2{justify-content:flex-start; }
.about_05 .b_map_box {border-radius:40px; overflow:hidden; }
.about_05 .b_map_box .root_daum_roughmap_landing{width:100%; }
.about_05 .b_map_box .root_daum_roughmap .wrap_map{height: 500px;}
.about_05 .b_map_box .root_daum_roughmap .wrap_controllers{display:none}
.about_05 .b_cont_box .b_txt_box {margin-top:20px; display:flex; justify-content:space-between; align-items:flex-start;}
.about_05 .b_cont_box .b_txt_box .b_adr_list li{display:flex; margin-bottom:10px; align-items:center;}
.about_05 .b_cont_box .b_txt_box .b_adr_list li h3{width:120px; }

.about_05 .b_cont_box .b_txt_box .b_link_list{display:flex; align-items:center;} 
.about_05 .b_cont_box .b_txt_box .b_link_list li:first-child{margin-right:10px; }
.about_05 .b_cont_box .b_txt_box .b_link_list a{display:flex; align-items:center; justify-content:center; height: 50px; width: 145px; color:#e40d3a; border:1px solid #e40d3a; border-radius:50px; }
.about_05 .b_cont_box .b_txt_box .b_link_list img{margin-left:8px; width: 11px; transition: .2s;}
.about_05 .b_cont_box .b_txt_box .b_link_list li:hover img{margin-left:20px; transform: rotate(45deg); transition: .2s;}


.about_05 .b_cont_box .b_img_box {display:flex; align-items:center; justify-content:center; width:100%; overflow:hidden; position:relative; border-radius:40px; }
.about_05 .b_cont_box .b_img_box img{width:100%; opacity:1; display:block; }
.about_05 .b_cont_box .b_img_box:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:10;  }
.about_05.on .b_cont_box .b_img_box:after{animation-name:color_motion; animation-duration: .8s; animation-timing-function: ease-in-out; animation-delay:.2s; animation-fill-mode: both ;}
.about_05 .b_cont_box .b_img_box img.mo_ver{display:none;}


@keyframes color_motion { 
	0%{ 
		 width:100%;
	}
	100%{ 
		 width:0;
		 opacity:1;
	}
}



@media screen and (max-width:1080px) {
	 .about_05 .b_cont_box .b_img_box{height:300px; border-radius:20px; }
	 .about_05 .b_cont_box .b_img_box img{height: 100%; width: auto;}

	 .about_05 .b_cont_box .b_txt_box .b_adr_list li h3 {width: 90px;}
	 .about_05 .b_cont_box .b_txt_box .b_link_list a{height: 40px;}
}

@media screen and (max-width:900px) {
	 .about_05 .b_cont_box .b_txt_box{flex-direction:column; }
	 .about_05 .b_cont_box .b_txt_box .b_link_list{margin-top:10px;}
}




@media screen and (max-width:720px) {
	.about_01 .b_tit_box h2 {justify-content: flex-start;}
	.about_05 .b_tit_box p{margin-top: 25px;}
	.about_05 .b_map_box {border-radius:20px; }

	.about_05 .b_map_box .root_daum_roughmap .wrap_map{height: 320px;}
	.about_05 .b_cont_box .b_txt_box ul li h3{width:80px; }

	.about_05 .b_cont_box .b_img_box{height:unset; border-radius:10px;}
	.about_05 .b_cont_box .b_img_box img.pc_ver{display:none;}
	.about_05 .b_cont_box .b_img_box img.mo_ver{display:block; max-width: 100%;}


}




.scroll_top{width:100%; height:1px; background-color:transparent;}







.br_1280o{display: none;}
@media screen and (max-width:1280px) {
    .br_1280o{display: block;}

}








.portfolio_01 .b_port_list li .s-check{z-index:15; }