@charset "utf-8";

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
font-weight: 300;
font-style: normal;
}


@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}



@font-face {
font-family: 'ChosunGs';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGs.woff') format('woff');
font-weight: normal;
font-style: normal;
}

:root{
    
    --mainColor:#f4006f;
    --subColor:#cd005d;
}


.fm_gm{font-family: 'GmarketSansMedium';}
.fm_noto{font-family: 'Noto Sans KR';}

.box1, .wrap{width:1280px; margin: 0 auto; position: relative; max-width: 96%;}
.main_doc{overflow: hidden;}
.doc{font-size:16px; font-family: 'GmarketSansMedium';}

.txt_st{text-decoration: line-through;}

#header{height:auto; font-family: 'GmarketSansMedium'; border-bottom:0; box-shadow: 0 2px 10px rgba(0,0,0,.1);}
#header .h_wrap{height:86px; font-size:16px;}
#header .h_wrap .gnb{margin-right:0;}
#header .h_wrap .gnb .depth1{padding:0; margin:0 38px;}
#header .h_wrap .gnb .depth1 > a{height: 86px; line-height: 86px; font-weight: 400; min-width: inherit; font-size:1.2em; color:#121212;}
#header .h_wrap .gnb .depth1 ul{width:9em; background:#fff; min-width: 160px; border: 1px solid #ddd; margin-top:-2px;}
#header .h_wrap .gnb .depth1 ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .h_wrap .gnb .depth1 ul > .depth2 a{color:#444; border-top: 1px dotted #ddd; font-size:.938em;}
#header .h_wrap .gnb .depth1 ul > .depth2 a:hover { background:#f5f5f5;}
#header .h_wrap .gnb .depth1:hover ul:after{transform: scaleX(1);}

#header .h_wrap .h_tel a{display:block; border:2px solid var(--mainColor); border-radius: 50px;padding: 0 20px; font-size: 1.25em; color: var(--mainColor); font-weight: 600; letter-spacing: .5px; height: 50px; line-height: 50px;}
#header .h_wrap .h_tel a img{margin-right:10px;}

.right_qk{ position:fixed; top: 50%; right: 1.5em; transform: translateY(-50%); z-index: 50; font-size:16px;}
.right_qk .qk_logo{margin-bottom:15px;}
.right_qk .qk_box{width:130px; border:2px solid #333; border-radius: 10px; background-color: #333; text-align: center; overflow: hidden;}
.right_qk .qk_box .qk_tt{ color: #fff; font-size:1.25em; padding: 7px 0;}
.right_qk .qk_box .qk_in{background-color: #fff; padding: 15px 10px 12px;}
.right_qk .qk_box .qk_in .t_tel{font-size:1.875em; color:#333; font-weight: 600; line-height: 1.1; margin-top:20px;}
.right_qk .qk_box .qk_in .t_btn{display:block; font-size:.875em; font-weight: 300; color:#fff; background-color:var(--mainColor); width:100%; padding: 10px 0 7px; margin-top:15px;}
.right_qk .top_btn{width:65px; height: 65px; border-radius: 50%; background:var(--mainColor); color:#fff; margin:2em auto 0; position: relative; box-shadow: 2px 3px 0 rgb(0 0 0 / 15%); cursor: pointer;}
.right_qk .top_btn:after{content:''; width:1px; height: 2em; background-color:#999; position: absolute; top: -2em; left: 50%;}
.right_qk .top_btn .xi{font-size:1.25em;}
.right_qk .top_btn p{font-size:0.7em; font-weight: 300; margin-top: -5px;}


/*빠른상담*/
.btm_qk{position: fixed; bottom: 0; left: 0; width:100%; background:rgb(24 24 24 / 80%); z-index: 10000; padding: 17px 0; font-size:16px; display:none;}
.btm_qk .in input{height:50px; border:1px solid #ddd; padding: 0 10px 0 50px; border-radius: 3px;}
.btm_qk .in .cs_con{font-weight: 600; font-size:1.815em; color:#fff; margin-right:40px;}
.btm_qk .in .cs_con img{margin-right:15px;}
.btm_qk .in .name_con input{width:230px;}
.btm_qk .in .tel_con input{width:330px;}
.btm_qk .in .name_con,
.btm_qk .in .tel_con{margin-right:13px; position: relative;}
.btm_qk .in .name_con .xi,
.btm_qk .in .tel_con .xi{position:absolute; top: 50%; left:0; transform: translateY(-50%); width:50px; text-align: center; font-size:1.375em; color:#aaa;}
.btm_qk .in .prv_con .label_st:not(.cssbrowser) input ~ span{color:#fff; vertical-align: baseline; font-size:.9em; font-weight: 300;}
.btm_qk .in .prv_con .label_st:not(.cssbrowser) .xi:before{font-size:1.5em; padding-right: 0; vertical-align: sub;}
.btm_qk .in .prv_con .label_st:not(.cssbrowser) input:checked ~ .xi:before{color:#fff;}
.btm_qk .in .prv_con a{color:#fff;}
.btm_qk .in .prv_con a:hover{text-decoration: underline;}
.btm_qk .in .btn_con .in_btn{display:block; height: 50px; line-height: 50px; background-color: var(--mainColor); border:0; border-radius: 3px; width:230px; font-size: 1.125em; color:#fff;}
.scroll .btm_qk{display:block;}

.main #j_footer{margin-top:0;}
#j_footer{background-color:#333; padding: 55px 0; font-size:16px; margin-top:9em;}
#j_footer .f_info{margin-top:12px;}
#j_footer .f_info .f_list{ text-align: center; }
#j_footer .f_info .f_list > li{font-size: 15px; color:#efefef; font-weight: 300; margin: 0 25px 10px;}
#j_footer .f_info .f_list > li .st{font-weight: 400; margin-right:10px;}
#j_footer .f_btn a{display:block; font-size:0.875em; color:#ddd; border:1px solid #bbb; padding: 12px 20px 10px;}
#j_footer .f_btn a:hover{border-color: var(--mainColor); color: var(--mainColor);}
#j_footer .f_copy{font-size:0.875em; color:#aaa; font-weight: 300; margin-top:20px;}
#j_footer .f_copy a{color:#aaa;}


.mainSlider{ position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1,1.1); transition-delay:1s;}
.mainSlider .el .slogan{ position:absolute; top:17vh; left:50%; transform: translateX(-50%); text-align:center; width:96%;}
.mainSlider .el .slogan .t1{display:block; /*transform:translateY(1em); opacity:0;*/ margin-bottom: 40px;}
.mainSlider .el .slogan .t2{ font-size:3.125em; /*transform:translateY(1em); opacity:0;*/ font-weight: 800; color:#111; font-style: italic;}
.mainSlider .el .slogan .t3{ font-size:1.8em; /*transform:translateY(1em); opacity:0;*/ color:#333; line-height: 1.6; margin-top:10px;}
.mainSlider .el .v_img{position:absolute; bottom:0; left: 50%; transform: translateX(-50%); /*opacity:0;*/ width:100%; text-align:center;} 

/*.mainSlider .el.swiper-slide-active .bg{transform:scale(1,1); transition:1.5s;}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.mainSlider .el.swiper-slide-active .v_img{opacity:1; transition:1s; transition-delay:.5s}*/

.mainSlider .main_v_pagen{position:absolute; bottom:0; left: 0; z-index: 10;}
.mainSlider .main_v_pagen > span{flex: 33.33%; background: #333; border-radius: 0; height: 120px; margin: 0 !important; opacity: 1; position: relative; border-right:1px solid rgba(255,255,255,.2);} 
.mainSlider .main_v_pagen > span:last-child{border-right:0;}
.mainSlider .main_v_pagen > span.swiper-pagination-bullet-active{background: var(--mainColor); } 
.mainSlider .main_v_pagen > span.swiper-pagination-bullet-active:before{background:  var(--mainColor); } 
.mainSlider .main_v_pagen > span:after{content:''; width:100%; height:64px; background-image: url("../img/main/pagen_01.png"); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.mainSlider .main_v_pagen > span:before{content:'01'; position: absolute; top:-45px; left: 50%; transform: translateX(-50%); width:98px; height: 94px; line-height: 75px; border-radius: 50%; background:#333; text-align: center; font-size: 1.875em; font-weight: 800; color: #fff}

.mainSlider .main_v_pagen > span:nth-child(2):after{background-image: url("../img/main/pagen_02.png");}
.mainSlider .main_v_pagen > span:nth-child(2):before{content:'02';}
.mainSlider .main_v_pagen > span:nth-child(3):after{background-image: url("../img/main/pagen_04.png");}
.mainSlider .main_v_pagen > span:nth-child(3):before{content:'03';}
/*.mainSlider .main_v_pagen > span:nth-child(4):after{background-image: url("../img/main/pagen_04.png");}
.mainSlider .main_v_pagen > span:nth-child(4):before{content:'04';}*/

.main_tit{color:#222; text-align: center;}
.main_tit .tt{font-size:4.875em; font-weight: 600; margin-top:25px; margin-bottom: 5px; line-height: 1.15; letter-spacing: -1px; word-spacing: -5px;}
.main_tit .tx{font-size:2.375em; line-height: 1.35; word-spacing: -3px;} 

.main_brand{background-image: url("../img/main/main_con01_bg.jpg"); color:#fff; padding:220px 0; position: relative;}
.main_brand .in_img{ position: absolute; top: 50%; right: 2.5em; transform: translateY(-50%);}
.main_brand .in_tt{font-size:3.375em; font-weight: 600;}
.main_brand .in_t1{font-size:2.375em; margin: 20px 0 35px; line-height: 1.4;}
.main_brand .in_t2{font-size:1.35em; opacity: .8; line-height: 1.9;}

.main_3way{background-image:url("../img/main/3way_img.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center; height: 820px; overflow: hidden;}
.main_3way .in_con{background-image:url("../img/main/3way_bg.png"); width:100%; height: 100%; position: relative;}
.main_3way .in_con .in_txt{ position:absolute; top: 7em; left:0; width: 100%; text-align: center;}

.main_menu{overflow: hidden; position: relative;}
.main_menu .menu_top{width:100%; height:156px; background-image:url("../img/main/main_menu_top.png"); position: absolute; top: 0; left: 0; z-index: 10;}
.main_menu .main_tit .tt{font-style: italic;}
.main_menu .menu_bg{background-image:url("../img/main/main_menu_bg.jpg"); background-position: center top; position: relative; padding: 200px 0 150px;}
/*.main_menu .menu_bg:after{content:''; display:block; background-image:url("../img/main/main_menu_bottom.png"); position: absolute; bottom: 0; left: 0; width:100%; height: 332px;}*/
.main_menu .menu_bg .wrap_idx{position:relative; z-index: 10;}
.main_menu .tab_idx{width:734px; margin:60px auto;} 
.main_menu .tab_idx > li{flex:33.33%;} 
.main_menu .tab_idx > li .va_wrap{border:2px solid var(--subColor); margin-left: -1px; padding: 17px 5px 12px} 
.main_menu .tab_idx > li .va_wrap .va{font-size:1.375em;} 
.main_menu .tab_idx > li:first-child .va_wrap{border-radius:50px 0 0 50px;}
.main_menu .tab_idx > li:last-child .va_wrap{border-radius:0 50px 50px 0;}
.main_menu .tab_idx > li.on .va_wrap{background-color:var(--mainColor); color:#fff;}

.main_five{padding: 95px 0;}
.main_five .in_stx{ text-align: center; font-size:1.25em; opacity: .9; margin-top: 30px; padding: 50px 0; border:2px solid #666; border-left:0; border-right:0; margin-bottom:30px;}
.main_five .in_stx .c_point{font-size:1.068em;}
.bus_02_02 .giup_list .list_box {padding:3em 0;}
.bus_02_02 .giup_list .list_box .text_box{flex:50%; padding-left:3em; margin-bottom: auto; margin-top: auto; color:#222;}
.bus_02_02 .giup_list .list_box .text_box .page_tt{font-size:2.5em; font-weight: 600; margin-bottom: 15px;}	
.bus_02_02 .giup_list .list_box .text_box .page_tt i{font-style: italic;}	
.bus_02_02 .giup_list .list_box .text_box .page_tx{font-size:1.125em; color:#444;}	
.bus_02_02 .giup_list .list_box .text_box .page_tx .stt{font-size:1.25em; font-weight: 600;}
.bus_02_02 .giup_list .list_box .t_img{flex:50%;}
.bus_02_02 .giup_list .list_box .t_img .in_img{width:93%; height: 370px; background-color: #aaa;}
.bus_02_02 .giup_list .list_box.rev .text_box{padding-left:0; padding-right: 4em;}
.bus_02_02 .giup_list .list_box.rev .t_img .in_img{ margin-left: auto;}

.main_cost{padding:95px 0; background-color:#f9f9f9; overflow: hidden;}
.main_cost .stt{color:#33201c; font-size:1.75em; margin-top:25px; margin-bottom:35px;}
.main_cost .stt .st{color:#ff1212; font-weight: 600; vertical-align: baseline;}
.main_cost .tbl_info{color:#827a79; font-size:1.35em; text-align: center; margin-top:35px;}

.table_st{table-layout:fixed; margin-bottom:10px; border:4px solid #33201c;}
.table_st th,
.table_st td{ padding:.85em 1em; border:1px solid #ddd}
.table_st th{ font-size:1.35em;}
.table_st td{ font-size:1.325em; color:#444; background-color: #fff; position: relative;}
.table_st .bg_01{ background-color:var(--subColor); color:#fff;}
.table_st .bg_02{ background-color:#efefef; font-weight: 600; font-size:1.375em;}
.table_st .tbl_stk{ position: absolute; top: 0; right: -4em; color: #c72125; border: 3px solid #c72125; background: #fff; height: 58px; line-height: 58px; width:165px; font-size: 1.068em; font-weight: 600; transform: rotate(-5deg);}
.table_st .c_red{vertical-align:inherit!important;}
.tbl_info{display:none;}

.main_step{padding:95px 0;}
.main_step .step_list{margin-right:-40px; margin-top:30px;}
.main_step .step_list > li{width:25%; margin: 10px 0;}
.main_step .step_list > li .in{margin-right:40px; border:4px solid #666; position: relative; padding:40px 10px; text-align: center;}
.main_step .step_list > li:not(:nth-child(4n)) .in:before{content:''; width:40px; height: 1px; border-top:5px dotted #ddd; position: absolute; top: 50%; right:-40px; z-index: -1;}
.main_step .step_list > li:last-child .in{border-color:var(--mainColor);}
.main_step .step_list > li .in .c_point{display:block; margin-bottom: 5px;}
.main_step .step_list > li .in .tx{font-size:1.375em; color:#333; margin-top:25px;}

.main_inq{padding:120px 0 140px; background-image: url(../img/main/main_inq_bg.jpg);}
.main_inq .inq_box{margin-top: 40px;}
.main_inq .main_priv{background-color:#f9f9f9; border:1px solid #ddd; padding: 20px 40px; margin-top:30px;}
.main_inq .main_priv .xi{vertical-align: sub;}
.main_inq .main_priv .priv_btn{font-size:.875em; background: #5c5c5c; color:#fff; font-weight: 300; padding: 8px 18px 6px; border:1px solid #868686}
.main_inq .main_priv .priv_btn:hover{background: #333;}
.main_inq .label_st:not(.cssbrowser) .xi:before{font-size:1.5em;}
.main_inq .label_st:not(.cssbrowser) input ~ span{vertical-align:baseline;}
.main_inq .label_st:not(.cssbrowser) input:checked ~ .xi:before{color:var(--mainColor)}
.main_inq .label_list > li:not(:last-child){margin-right:30px;}
.main_inq .inq_btn{margin-top:60px;}
.main_inq .inq_btn a{color: #fff; background-color: var(--mainColor); border-radius: 5px; padding: 15px 65px; display: inline-block; font-size: 1.25em;}
.board_st.write{ border-top:1px solid #ddd}
.board_st.write tr{ border-bottom:1px solid #ddd;}
.board_st.write th,
.board_st.write td{ height:3em; padding:1.3em 3.5em}
.board_st.write th{font-size:1.125em; text-align:left}


/*================================================================================================================================*/

/*inc*/
.container_title{font-weight:400; padding-top:25px;}
#sub_visual.sub10{background-image:url(../img/main/sub01_top.png)}

/*게시판 스킨 수정*/
#bo_list_total{letter-spacing: .5px; margin-bottom: 1em; font-size:1.068em;}
#bo_list_total .total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.375em; margin-right: 7px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%); color: #666;}
#bo_list_total .c_red{color:var(--mainColor) !important;}
.pg_current{line-height: 28px; font-size: 1.083em; font-weight: 400; background: #c19167; border: 1px solid #c19167;}
.pg_page:hover, .pg_start:hover, .pg_prev:hover, .pg_end:hover, .pg_next:hover{background-color: #ddd;}

/*개인정보처리방침*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{ padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .priv_tt{font-size:1.25em; margin-bottom:15px;}
.agree_box .in_con .agree_wrap{font-size:.875em; color:#444;}
.agree_box .in_con .agree_wrap span{ display: block;}


/*상담문의*/
.main_inq.st_sub{padding:0; background-image: none;}


#bo_btn_top {margin:10px 0}
#bo_btn_top .board_btn_wrap > li{margin-left:3px;}
#bo_btn_top .board_btn_wrap > li .input_st .st_xi{font-size:1.068em; margin-right:7px;}

/*페이징*/
.pg_wrap {float: none; display: block; text-align: center; margin-top: 3em;}
.pg_wrap .pg {text-align:center}
.pg_wrap .pg_page {display:inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; background-color: #fff; color: #333; font-size: 1em; margin: 2px 0; border-radius: var(--bor_r);}
.pg_wrap .pg_current {display:inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; font-size: 1em; background-color: #333; color: #fff; border-radius: var(--bor_r); margin: 2px 0; font-weight: normal;}
.pg_wrap .pg_page.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}
.pg_wrap .pg_page.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}
.pg_wrap .pg_page.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}
.pg_wrap .pg_page.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}


#bo_w .write_div{margin-top:20px;}
#bo_w .bo_w_link,
#bo_w .bo_w_flie{ position:relative; margin-bottom:5px;}
#bo_w .bo_w_link .xi,
#bo_w .bo_w_flie .xi{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width:40px; text-align: center; overflow: hidden; color:#aaa;}
#bo_w .bo_w_link label,
#bo_w .bo_w_flie label{ color:#aaa; font-weight: 300; font-size:.938em;}
#bo_w .bo_w_link .input_st,
#bo_w .bo_w_flie .input_st{padding-left:40px;}
#bo_w .bo_w_flie .file_wr{position:relative;}
.btn_confirm{margin-top:50px;}
.btn_confirm > *{margin:0 1.5px;}

#bo_v_title{text-align: center; border-bottom:1px solid #ddd; border-top:2px solid #333; padding:20px 0; margin-bottom: 20px;}