@charset "utf-8";

/*
 * content CSS Document
 * KOWEB
 */
#header{background:#fff;}
#header .gnb > div > li > a{color:#111;}
#header .logo01{display:none !important;}

div#content.sub{min-height:300px; padding-top:115rem; padding-bottom:100rem;}

/* 서브비쥬얼 */
.area_subVisual{position:relative; height:600rem; background: 50% / cover; border-bottom-left-radius:150rem;}
.area_subVisual .wrapper{position:relative; height:100%;}
.area_subVisual .box{position:absolute; margin-top:90rem; left:0; top:50%; transform:translateY(-50%);}
.area_subVisual .box .depth01{display:flex; align-items:center;}
.area_subVisual .box .depth01 a{display:block; margin-right:18rem; height:25rem;}
.area_subVisual .box .depth01 a img{display:block; height:100%; width:auto;}
.area_subVisual .box .depth01 h2{ color:#fff; text-align:center; font-size:var(--font_size50);}

.area_subVisual.about{background-image: url(../images/content/sub_visual01.jpg)}
.area_subVisual.board_gallery{background-image:url(../images/content/sub_visual02.jpg);}
.area_subVisual.process{background-image:url(../images/content/sub_visual03.jpg);}
.area_subVisual.koweb_online_counsel{background-image:url(../images/content/sub_visual04.jpg);}
.area_subVisual.board {background-image:url(../images/content/sub_visual04.jpg);}
.area_subVisual.common{background-image:url(../images/content/sub_visual04.jpg);}

/* lnb */
.lnb{margin-top:15rem; z-index:11; left:0; bottom:0; width:100%;}
.lnb ul{margin:0 auto; width:100%; white-space:nowrap; overflow:auto;}
.lnb ul li{display:inline-block;}
.lnb ul li+li{margin-left:40rem;}
.lnb ul li a{display:block; padding:8rem 0; font-weight:500; font-size:18rem; color:#fff; transition:0.2s; opacity:0.6;}
.lnb ul li:hover a,
.lnb ul li a.on{opacity:1;}
.lnb ul li a.on{border-bottom:2px solid #fff;}
.lnb.hide{display:none !important;}

.sub_title{margin-bottom:100rem;}
.sub_title h2{padding-top:100rem; text-align:center; color:#111; font-size:var(--font_size35);}

@media all and (max-width:1279px){
    div#content.sub{padding-top:80rem; padding-bottom:80rem;}
    .area_subVisual{height:450rem; border-bottom-left-radius:60rem;}
    .area_subVisual .box .depth01 a{height:20rem;}
    .area_subVisual .box .depth01 h2{font-size:40rem;}
    .lnb{margin-top:10rem;}
    .sub_title{margin-bottom:80rem;}
    .sub_title h2{padding-top:80rem; font-size:30rem;}
}
@media all and (max-width:767px){
	div#content.sub{padding-top:65rem; padding-bottom:60rem;}
    .area_subVisual{height:350rem;}
    .area_subVisual .box{margin-top:50rem;}
	.lnb{overflow-x:auto; overflow-y:hidden;}
	.lnb ul{display:table; table-layout:fixed; overflow-y:hidden;}
    .lnb ul li+li{margin-left:30rem;}
	.lnb ul li a{white-space:nowrap; padding:5rem 0;}
    .sub_title{margin-bottom:60rem;}
    .sub_title h2{padding-top:60rem;}
}


/* common */
.area_sub section+section{margin-top:100rem;}
.area_sub .pl20{padding-left:20rem;}
.area_sub p{font-size:var(--font_size18); color:#444;}
.area_sub .line_box{padding:25rem; border:1px solid #ddd; border-radius:10rem;}
.area_sub .mt20{margin-top:20rem;}
.area_sub .mt8{margin-top:8rem;}
.area_sub .txt_list01 > li{position:relative; padding-left:14rem;}
.area_sub li+li{margin-top:8rem;}
.area_sub .txt_list01 > li:before{content:'-'; display:block; position:absolute; top:0; left:0; font-size:var(--font_size18); color:#444;}
.area_sub i.reference{display:block; position:relative; margin-top:20rem; padding-left:35rem; font-size:16rem; color:#aaa;}
.area_sub i.reference:before{content:'※'; display:block; position:absolute; top:0; left:20rem; font-size:16rem; color:#aaa;}
.area_sub .bullet01{position:relative; padding-left:10rem;}
.area_sub .bullet01:before{content:''; display:block; position:absolute; top:11rem; left:0; width:5rem; height:5rem; border-radius:50%; background:#444;}
.area_sub i.c_red{color:#bf0000 !important;}
.area_sub b.c_000{color:#111 !important;}
.area_sub .tab{display:flex; justify-content:center;}
.area_sub .tab a{display:block; width:120rem; height:46rem; line-height:46rem; border-radius:25rem; border:2px solid var(--primary); color:var(--primary); font-size:var(--font_size20); text-align:center; font-weight:500;}
.area_sub .tab a.on{color:#fff; font-weight:bold; background:var(--primary);}
.area_sub .tab a+a{margin-left:15rem;}
@media(max-width:1279px){
    .area_sub section+section{margin-top:80rem;}
}
@media(max-width:767px){
    .area_sub section+section{margin-top:60rem;}
    .area_sub .mt20{margin-top:15rem;}
    .area_sub .line_box{padding:20rem 15rem;}
}


/* 회사소개 _ 인사말 */
.area_greetings .txt_box{margin-top:40rem;}
.area_greetings .sec01 .img_box{overflow:hidden; position:relative;}
.area_greetings .sec01 .img_box img.obj{display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:90%; z-index:-1;}
.area_greetings .sec01 .img_box img.ceo{display:block; margin:auto; max-width:450rem; width:80%;}
.area_greetings .sec01 p{text-align:center;}
.area_greetings .sec01 p+p{margin-top:25rem;}
.area_greetings .sec02{overflow:hidden;}
.area_greetings .sec02 > div{width:46%;}
.area_greetings .sec02 .cont01{float:left;}
.area_greetings .sec02 .cont02{float:right; margin-top:150rem;}
.area_greetings .sec02 .img{display:block; width:100%; overflow:hidden; border-top-left-radius:80rem; border-bottom-right-radius:80rem;}
.area_greetings .sec02 .img img{display:block; width:100%;}
.area_greetings .sec02 h3{margin-bottom:10rem; font-size:var(--font_size25); color:var(--primary);}
.area_greetings .sec03 .bg_box{position:relative; padding:50rem 10rem; background:var(--light); border-radius:10rem; text-align:center;}
.area_greetings .sec03 .bg_box h2{font-size:var(--font_size30); font-weight:normal; color:#66624c;}
.area_greetings .sec03 .bg_box h2 em{font-weight:bold; color:var(--primary);}
.area_greetings .sec03 .bg_box img{position:absolute; width:40rem;}
.area_greetings .sec03 .bg_box img.obj01{top:-13rem; left:20rem;}
.area_greetings .sec03 .bg_box img.obj02{bottom:-13rem; right:20rem;}
@media(max-width:1279px){
    .area_greetings .sec02 > div{width:48%;}
    .area_greetings .sec02 .img{border-top-left-radius:50rem; border-bottom-right-radius:50rem;}
}
@media(max-width:767px){
    .area_greetings .txt_box{margin-top:30rem;}
    .area_greetings .sec01 .img_box img.obj{display:none;}
    .area_greetings .sec01 p+p{margin-top:18rem;}
    .area_greetings .sec01 p > br{display:none;}
    .area_greetings .sec02 > div{width:100%; float:none !important;}
    .area_greetings .sec02 .cont02{margin-top:60rem;}
    .area_greetings .sec03 .bg_box{padding:35rem 10rem;}
}


/* 회사소개 _ 인증서 */
.area_certi h2.sec_tit{position:relative; margin-bottom:30rem; font-size:var(--font_size30); color:#000; font-weight:800;}
.area_certi h2.sec_tit:before{content:''; display:block; margin-bottom:15rem; width:60rem; height:4px; background:#e2dfd0; border-radius:2px;}
.area_certi .certi_list{display:flex; flex-wrap:wrap; margin-left:-40rem;}
.area_certi .certi_list li{padding-left:40rem; margin-bottom:50rem; width:calc(100% / 4);}
.area_certi .certi_list li+li{margin-top:0 !important;}
.area_certi .certi_list li a{display:block; width:100%;}
.area_certi .certi_list li a .img{display:block; width:100%; border:1px solid #ddd;}
.area_certi .certi_list li a .img img{display:block; width:100%;}
.area_certi .certi_list li a em{display:block; margin-top:20rem; font-size:var(--font_size20); font-weight:500; color:#444; text-align:center;}
@media(max-width:1279px){
    .area_certi .certi_list li{width:calc(100% / 3);}
}
@media(max-width:767px){
    .area_certi h2.sec_tit{margin-bottom:20rem;}
    .area_certi .certi_list{margin-left:-20rem;}
    .area_certi .certi_list li{padding-left:20rem; margin-bottom:30rem; width:calc(100% / 2);}
    .area_certi .certi_list li a em{margin-top:15rem;}
}



/* 회사소개 _ 피해보상청구절차 */
.area_damage h2.sec_tit{position:relative; margin-bottom:30rem; font-size:var(--font_size30); color:#000; font-weight:800;}
.area_damage h2.sec_tit:before{content:''; display:block; margin-bottom:15rem; width:60rem; height:4px; background:#e2dfd0; border-radius:2px;}
.area_damage h3.cont_tit{position:relative; margin-bottom:25rem; padding-left:24rem; font-size:var(--font_size24); color:#111;}
.area_damage h3.cont_tit:before{content:''; display:block; position:absolute; top:9rem; left:0; width:16rem; height:16rem; border:4rem solid var(--primary); border-radius:50%; box-sizing:border-box;}
.area_damage h4.tit_st01{position:relative; margin-bottom:10rem; padding-left:18rem; font-size:var(--font_size20); color:#111;}
.area_damage h4.tit_st01:before{content:''; display:block; position:absolute; top:10rem; left:0; width:10rem; height:10rem; border-radius:3rem; background:var(--primary);}
.area_damage .line_box img{display:block; margin:auto; max-width:500rem;  width:100%;}
@media(max-width:767px){
    .area_damage .cont+.cont{margin-top:40rem;}
    .area_damage h2.sec_tit{margin-bottom:20rem;}
    .area_damage h3.cont_tit{margin-bottom:15rem;}
    .area_damage h4.tit_st01:before{top:8rem;}
}


/* 회사소개 _ 개인정보처리방침 */
.area_privacy section > *{margin-top:20rem;}
.area_privacy .sec01 ul li{display:flex;}
.area_privacy .sec01 ul li+li{margin-top:10rem;}
.area_privacy .sec01 ul li em{display:block; font-size:var(--font_size18); color:#111; font-weight:bold; width:80rem;}
.area_privacy .sec01 ul li p{width:calc(100% - 80rem);}
.area_privacy p i{color:#bf0000;}
.area_privacy  i.reference{padding-left:15rem;}
.area_privacy  i.reference:before{left:0;}
.area_privacy h2{margin-top:0; font-size:var(--font_size20); color:#000;}


/* 회사소개 _ 국내결혼중개 표준약관 */
.area_terms .sec02{font-size:0; text-align:center;}
.area_terms .sec02 img{display:block; margin:0 auto 20rem; width:200rem;}
.area_terms .sec02 em{display:inline-block; padding:10rem 0; font-size:var(--font_size18); border-bottom:2px solid var(--primary); border-top:2px solid var(--primary); font-weight:500;}
.area_terms .sec02 em i{display:inline-block; margin-left:10rem; opacity:0.4; vertical-align:middle;}
.area_terms .sec02 em i{display:inline-block; margin-left:10rem; opacity:0.4; vertical-align:middle;}
.area_terms h2{display:block; padding:12rem 15rem; width:100%; text-align:center; font-size:var(--font_size25); color:#000; background:var(--light); border-radius:10rem;}
.area_terms .cont{margin-top:40rem;}
.area_terms p.st01{margin-top:10rem; padding-top:10rem; border-top:1px dashed #ddd;}
.area_terms ul li{display:flex; flex-wrap:wrap;}
.area_terms ul li i{font-size:var(--font_size18); color:#444;}
.area_terms ul.t_list01 > li+li{margin-top:20rem;}
.area_terms ul.t_list01 > li i{width:22rem;}
.area_terms ul.t_list01 > li p{width:calc(100% - 22rem);}
.area_terms ul.t_list02{width:100%; opacity:0.85;}
.area_terms ul.t_list02 > li{margin-top:12rem;}
.area_terms ul.t_list02 > li i{width:18rem;}
.area_terms ul.t_list02 > li p{width:calc(100% - 18rem);}
.area_terms ul.t_list02 > li div{width:100%; margin-top:12rem;}
.area_terms p+ul.t_list02{margin-top:12rem;}
@media(max-width:767px){
    .area_terms .cont{margin-top:30rem;}
    .area_terms h2{font-size:var(--font_size22);}
    .area_terms .sec02 img{width:150rem;}
}


/* 회사소개 _ 오시는 길 */
.area_location{display:flex;}
.area_location .txt_wrap{display:flex; padding:20rem 100rem 20rem 0; flex-direction:column; justify-content:center; width:50%;}
.area_location .txt_wrap .location{display:flex; align-items:flex-start;}
.area_location .txt_wrap .location img{display:block; margin-top:3rem; width:16rem;}
.area_location .txt_wrap .location p{display:block; padding-left:10rem; width:calc(100% - 16rem);}
.area_location .txt_wrap ul{margin-top:80rem; border-top:2px solid #888;}
.area_location .txt_wrap ul li{display:flex; margin-top:0 !important; padding:20rem 0; border-bottom:1px dashed #ddd;}
.area_location .txt_wrap ul li:last-child{border-bottom:1px solid #ddd;}
.area_location .txt_wrap ul li em{font-weight:bold; font-size:var(--font_size18); color:#000; width:140rem;}
.area_location .txt_wrap ul li a{display:block; font-size:var(--font_size18); color:#444; width:calc(100% - 140rem);}
.area_location .map_wrap{width:50%; border-radius:20rem; overflow:hidden;}
.area_location .root_daum_roughmap .wrap_controllers{display:none !important;}
.area_location .map_border{display:none !important;}
.area_location .root_daum_roughmap_landing{width:100% !important; height:100%;}
.area_location .wrap_map{height:100% !important;}
@media(max-width:1279px){
    .area_location .txt_wrap{padding:20rem 80rem 20rem 0;}
}
@media(max-width:767px){
    .area_location{flex-direction:column-reverse;}
    .area_location .txt_wrap{padding:30rem 0 0; width:100%;}
    .area_location .txt_wrap ul{margin-top:30rem;}
    .area_location .txt_wrap ul li{padding:15rem 0;}
    .area_location .map_wrap{width:100%;}
    .area_location .root_daum_roughmap_landing{height:280rem;}
}


/* 가입절차 및 비용 */
.area_process table.table td{padding:20rem 15rem !important; font-size:var(--font_size18); color:#444;}
.area_process table.table td:first-child{background:var(--light); text-align:center !important; color:#000; font-weight:bold;}
.area_process01 .sec02 img{display:block; margin:auto; max-width:800rem; width:100%;}
.area_process02 .sec02 img{display:block; margin:auto; max-width:600rem; width:80%;}
.area_process h2.sec_tit{position:relative; margin-bottom:30rem; font-size:var(--font_size30); color:#000; font-weight:800;}
.area_process h2.sec_tit:before{content:''; display:block; margin-bottom:15rem; width:60rem; height:4px; background:#e2dfd0; border-radius:2px;}
@media(max-width:500px){
    .area_process02 .sec02 img{width:90%;}
}
@media(max-width:767px){
    .area_process h2.sec_tit{margin-bottom:20rem;}
}