@charset "utf-8";
/* CSS Document */
/* new_com2zoa design : kdy 230809 */

/* Common */
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix:after {content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/* Layout */
#wrap{width: 100%; min-width: 320px}

/* Mainheader */
.header_top .qmu_top.qmu_hm{margin-right: 7px}
.header_top .qmu_top.qmu_hm a{display: inline-block; background:url(../images/main/newc_home_icon.png) no-repeat top 7px center; width: 32px; height: 32px; border-radius: 50%; transition:.3s; border:1px solid rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; box-sizing: border-box}


/* 공통 span 색깔 */
span.col_rd{color:#f74b22}
span.col_br{color:#0b71da}
span.col_br02{color:#0093d8}

/* Visual*/
.visual {position:relative}
.visual_wrap{background:url(../images/main/main_vs_bg.png) no-repeat center center;position: relative;  margin: 0 auto; height: 822px}
.visual_wrap .slick-arrow{width: 20px; height: 36px; position:absolute; top:337px; font-size:0; text-indent:-9999px; z-index: 2; transition: 0.3s}
.visual_wrap .slick-prev.slick-arrow {background:url(../images/main/mslide_l_btn.png) no-repeat; left:-40px}
.visual_wrap .slick-prev.slick-arrow:hover{background:url(../images/main/mslide_l_btn_a.png) no-repeat}
.visual_wrap .slick-next.slick-arrow {background:url(../images/main/mslide_r_btn.png) no-repeat; right:-40px}
.visual_wrap .slick-next.slick-arrow:hover{background:url(../images/main/mslide_r_btn_a.png) no-repeat}
.visual_wrap .slick-dots li button, .visual_wrap .btn_visual li button{border:none; background:none; font-size:0}
.visual .visual_item_lst{max-width:1200px;margin:0 auto;height:593px; padding-top: 131px; box-sizing: border-box; position:relative}
.visual_wrap .visual_item{display:block !important; width: 100%; position:relative}
.visual_wrap .visual_item > a{position: relative; display:block !important}
.visual_wrap .visual_item > a:focus-visible{outline:2px solid #000}
.visual_wrap .visual_item span.vbg_txt{height:0; width:0; line-height:0; font-size:0;text-indent:-9999999px}
.visual_wrap .visual_item .vs_img_bx{position:absolute; top:27px; left:-126px; z-index: -1}

/*비주얼 텍스트*/
.vs_txt_bx{position:absolute; top:82px; right:34px; display: flex; flex-direction: column; align-items: center}
.vs_txt_bx .main_vs_tit{width: 438px; min-height: 82px; line-height: 82px; text-align: center; background:rgba(0,0,0,0.3); font-size: 50px; font-weight: 800; color:#fff}
.vs_txt_bx .main_vs_tit span{color:#45d1ff}
.vs_txt_bx .main_vs_txt{font-weight: 400; color:#fff; font-size: 17px; margin-top: 23px; line-height: 160%}

/*비주얼 파란 박스 텍스트*/
.price_bx{min-height: 201px; position:absolute;  width: 100%; z-index: 1; margin-top: 40px; bottom:0}
.price_bx .price_lst{display: flex; height: 201px}
.price_bx .price_lst li{display: flex; flex-direction: column; align-items: center; justify-content: center; width:calc(100% / 3); position: relative}
.price_bx .price_lst li::after{content:''; display:inline-block; background:rgba(255,255,255,0.5); width: 1px; height: 157px; position:absolute; right:0}
.price_bx .price_lst li:last-child::after{display: none}
.price_bx .price_big_txt{font-size: 40px; color:#fff; font-weight: 800; margin:23px 0 15px}
.price_bx .price_sm_txt{color:#fff; font-size: 18px}
.price_bx .price_lst2 li {width:calc(100% / 2)}

/*비주얼 버튼 리스트*/
.vs_btn_lst{display: flex;align-items: center; margin-top: 33px}
.vs_btn_lst li{background:#fff; border-radius:50%; font-size: 18px; font-weight: 700; color:#252626; margin-right: 20px; position: relative}
.vs_btn_lst li::after{content:''; display: inline-block; border-radius: 50%; width: 175px; height: 175px; z-index: -1; border:1px solid rgba(255,255,255,0.3); box-sizing: border-box; background-color:transparent; position: absolute;top:50%; left:50%; transform: translate(-50%,-50%);  opacity: 0}
.vs_btn_lst li a{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 155px; height: 155px}
.vs_btn_lst li a::before,.vs_btn_lst li a::after{content:''; display: block}
.vs_btn_lst li a::before{margin-bottom: 16px}
.vs_btn_lst li a::after{margin-top: 17px}
.vs_btn_lst li a::after{background:url(../images/main/nc_btn_arrow.png) no-repeat; width: 26px; height: 10px}
.vs_btn_lst li:first-child a::before{background:url(../images/main/nc_btn_icon01.png) no-repeat; width: 36px; height: 37px}
.vs_btn_lst li:nth-of-type(2) a::before{background:url(../images/main/nc_btn_icon02.png) no-repeat; width: 43px; height: 37px}
.vs_btn_lst li:nth-of-type(2) a span{color:#0b71da}
.vs_btn_lst li:last-child a::before{background:url(../images/main/nc_btn_icon03.png) no-repeat; width: 41px; height: 40px}
.vs_btn_lst li:last-child a span{color:#f74b22}
.vs_btn_lst li:last-child{margin-right: 0}

/*비주얼 버튼 hover*/
.vs_btn_lst li:hover::after{animation: circle_ani 0.5s forwards}
.vs_btn_lst li:hover{background:#1772c5}
.vs_btn_lst li:hover a{color:#fff}
.vs_btn_lst li:hover a::after{background:url(../images/main/nc_btn_arrow_a.png) no-repeat}
.vs_btn_lst li:first-child a:hover::before{background:url(../images/main/nc_btn_icon01_a.png) no-repeat}
.vs_btn_lst li:nth-of-type(2) a:hover::before{background:url(../images/main/nc_btn_icon02_a.png) no-repeat}
.vs_btn_lst li:nth-of-type(3) a:hover::before{background:url(../images/main/nc_btn_icon03_a.png) no-repeat}
.vs_btn_lst li:nth-of-type(2) a:hover span,.vs_btn_lst li:nth-of-type(3) a:hover span{color:#fff}

/*비주얼 버튼 hover 애니메이션*/
@keyframes circle_ani{
    0% {
        transform: scale(0) translate(-100%,-100%);
        opacity: 0;
        border:1px solid #fff;
    }
    100% {
        transform: scale(1) translate(-50%,-50%);
        opacity:0.3;
        border:1px solid #fff;
    }
}
/*재생,일시정지*/
.visual_wrap .btn_visual{position: absolute; left:50%; bottom:317px; margin:0 0 0 -583px}
.visual_wrap .btn_visual li{position: absolute; left:0; bottom:0}
.visual_wrap .btn_visual li.blind{display:none}
.visual_wrap .btn_visual button{width:16px; height:16px; margin: 0 0 0 4px; cursor:pointer}
.visual_wrap .btn_visual button.vbtn_pause{background:url(../images/main/vbtn_pause.png) 0 0 no-repeat}
.visual_wrap .btn_visual button.vbtn_pause.play{background:url(../images/main/vbtn_play.png) 0 0 no-repeat}
/*비주얼 이동 블릿*/
.slick-dots {position: absolute; left:50%; bottom:320px; margin:0 0 0 -630px}
.slick-dots li {display:block; float: left; margin: 0 5px 0 0; border:2px solid #e0e0e0; border-radius:50%; box-sizing: border-box}
.slick-dots li button{display:block; width:8px; height:8px;cursor:pointer}
.slick-dots li.slick-active {display:block; width: 12px; height: 12px; background:#cfcfcf; border:none; border-radius:50px}

/********************************************* Layout **********************************************/
/***Content  Common***/    
.content_area{max-width: 1200px; margin:0 auto}
.conline.conline01{background:url(../images/main/coline01_bg.gif) no-repeat center center; margin:40px auto 40px; box-sizing: border-box; position:relative}
.conline01 .col_tit{color:#fff; font-size: 22px; margin-bottom: 21px}
.conline01 .col_tit span{color:#fb9941; font-weight: 700}
.conline01 .col_txt{color:#fff; font-size: 24px; font-weight: 500}
.conline01 .col_txt span{font-weight: 800}
.conline01 .col_txt br{display: none}
.conline01 .col_ser_time li{display: flex; align-items: center; color:#fff; font-size: 16px}
.conline01 .col_ser_time li span{width: 83px; height: 22px; line-height: 22px; display: inline-block; border-radius: 11px; box-sizing: border-box; border:1px solid rgba(255,255,255,0.3);text-align: center; margin-right: 6px}
.conline01 .col_ser_time li:first-child{font-size: 45px; color:#ff9812; font-weight: 700; margin-bottom: 17px}
.conline01 .col_ser_time li:first-child span{background:#fff; width: 124px; height: 33px; border-radius: 16.5px; color:#282828; line-height: 32px; font-size: 18px;  margin-right: 18px}
.conline01 .col_ser_time li:nth-of-type(2){margin-bottom: 6px}
.conline01 .col_ser_btn a{display: block; background:#fff; width: 287px; height: 61px; line-height: 61px; box-sizing: border-box; font-size: 18px; font-weight: 700;position: relative; position:absolute; bottom:64px; right:66px;overflow: hidden}
.conline01 .col_ser_btn a::before{content:''; display: inline-block; background:url(../images/main/nc_btn_arrow.png) no-repeat; width: 26px; height: 10px; position: absolute; top:25px; right:24px; z-index: 2}
.conline01 .col_ser_btn a::after{ content: "";height: 100%;top: 0; position: absolute;left:-1px;margin-left: -100%; transition: all 0.4s; z-index:-10}
.conline01 .col_ser_btn a span{display:block; padding-left: 55px; background:url(../images/main/ser_appli_icon.png) no-repeat left 12px center}

/* Footer */
#footwrap{position:relative; background:#343536; box-sizing: border-box; border-top:1px solid #4a4b4c; border-bottom:1px solid #4a4b4c}
.address dl.add_num{margin-bottom: 5px; font-weight: 500; color:#e6e6e6}
.address dl.add_num dt{display: inline-block; padding: 0 20px; margin-bottom: 7px; border-radius: 50px; background:#202225}
#footwrap .add .address p.copy{font-size: 13px}
#footwrap .add .address p.copy br{display: none}
#footwrap .footer_quick_bx{position: absolute; bottom:0; right:0}
#footwrap .footer_quick_bx a{position: relative; width: 265px; height: 50px; line-height: 50px; display: block; border-radius: 10px 10px 0 0; background:url(../images/main/main_quick_icon.png) no-repeat left 18px center #4d4f50; color:#bbbbbb; padding-left: 59px; box-sizing: border-box;font-size: 16px; font-weight:700; transition: .2s}
#footwrap .footer_quick_bx a span{display: inline-block; background:#343536; color:#bbbbbb; font-weight: 800; width: 34px; height: 34px; border-radius: 50%; line-height: 34px; text-align: center; position: absolute; top:8px; right:8px}
#footwrap .footer_quick_bx a:hover{background:url(../images/main/main_quick_icon_a.png) no-repeat left 18px center #ff9812; color:#fff}
#footwrap .footer_quick_bx a:hover span{background:#fff; color:#343536}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.skip_navi .pc_skip{display:none}
/*Mainheader */
.header_top{position: absolute; top:0; left:0; width: 100%; height: 55px; min-width: 320px; margin: 0; z-index:100; border-bottom:1px solid rgba(255,255,255,0.4)}
.header_top .header_box{position: relative; height:46px; margin:12px 10px 0}
.logo_top a{display: block; position: absolute; top:4px; left: 7px; width:124px; height: 37px;  background: url(../images/main/logo_m.png) no-repeat left top}
.logo_top img{display: none}

/* Mobile Menu */
.header_top .qmenu .mb_non{display: none}
.header_top .qmu_btnbox{float: right}
.header_top .qmu_btnbox > p{float: left; margin-right: 7px}
.header_top .qmu_btnbox > p.qmu_log {background:url(../images/main/newc_log_icon.png) no-repeat center center}
.header_top .qmu_btnbox > p.qmu_log span {overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.header_top .qmu_btnbox > p.qmu_cs {background:url(../images/main/newc_customer_icon.png) no-repeat center center}
.header_top .qmu_btnbox > p:last-child{margin-right: 0}
.header_top .qmu_btnbox > p:last-child a{background:url(../images/main/gnb_mbicon.png) no-repeat center center}
.header_top .qmu_btnbox > p a{display: inline-block; width: 32px; height: 32px; border-radius: 50%;border:1px solid rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; box-sizing: border-box}
.header_top .qmu_popup{background: #00f}

/*Fixed*/
.fixed .header_top{position: fixed;background: rgba(0, 0, 0, 0.7);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transition: 0.6s}
    
/* GNB */
.mobile_bg{z-index: 500 !important}
#gnb {display: none; position:fixed; top:0; right:0;  width:100%; height:100%; min-height:100%; background:#242e3f; z-index:1000; overflow-y:auto; box-sizing:border-box}
#gnb p.mb_gnbtit{display: block; height:56px; line-height: 58px; padding-left: 32px; background:url(../images/main/gnb_mbicon.gif) no-repeat left 18px center #161c26; font-size:20px; font-weight:800;color:#fff; box-sizing: border-box; position:relative}
#gnb p.mb_gnbtit::after{content:''; display: inline-block; width: 100%; height: 1px; position:absolute; left:50%; transform:translateX(-50%); bottom:0; z-index: 1}
#gnb p.mb_gnbtit span{padding-left:12px}
/*GNB_상단*/
#gnb .allbtnclose .closebtn {display:block; width: 56px; height: 56px; font-size:0; line-height:0; text-indent:-9999px; overflow: hidden; position:absolute; top:0; right:0; background: url(../images/main/btn_menu_close.gif) no-repeat center center #323a48}
/*GNB_메뉴버튼*/
#gnb .mbl_area{padding: 10px 5px; background:#4aaa43}
#gnb .mbl_area li {width:49%; height: 35px; line-height: 35px; border-radius: 50px}
#gnb .mbl_area li:first-child{float: left; background:url(../images/main/icon_login.gif) no-repeat 15px center #fff}
#gnb .mbl_area li:last-child{float: right;  background:url(../images/main/icon_join.gif) no-repeat 15px center #fff}
#gnb .mbl_area li a {display:block; color:#000; font-size: 14px; font-weight:600; text-align: center}
#gnb .mbl_area li a span{padding-left: 20px}
/*GNB_메뉴타이틀*/
#gnb .gnb_list{}
#gnb .gnb_list .depth1 > h2 a{display:block; line-height: 68px; min-height: 68px; font-size:18px; font-weight:500; padding:0 0 0 15px; margin:0; width:auto; background:url(../images/main/bg_mn.gif) no-repeat right 16px center; border-bottom:1px solid #505865; color:#000; box-sizing: border-box; color:#fff}
#gnb .gnb_list .depth1 > h2 a[target=_blank] span{display:inline-block; padding-right:15px}
#gnb .gnb_list .act > h2 a {position: relative; border-bottom:1px solid #505865; background:url(../images/main/bg_mn.gif) no-repeat right 16px center #1f4589; color:#fff}
/*GNB_메뉴세부*/
#gnb .gnb_list .depth1 .navi_sub {display:none; position: relative; width: auto; padding:5px 10px;border-radius:0; background:#ececec; box-sizing: border-box}
#gnb .gnb_list .depth1 .navi_sub ul > li{padding-left:7px; background:url(../images/main/gnb_lstblt.gif) no-repeat left 11px; border-bottom: 1px solid #ccc}
#gnb .gnb_list .depth1 .navi_sub ul > li:last-child{border-bottom: none}
#gnb .gnb_list .depth1 .navi_sub ul > li > a {line-height:180%; display:block; padding:3px 0 3px 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden; font-weight: 600}
#gnb .gnb_list .depth1 .navi_sub ul > li > a {line-height:180%; display:block; padding:3px 0 3px 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden; font-weight: 600}
#gnb .gnb_list .depth1 .navi_sub ul > li > a[target=_blank] span{display:inline-block; padding-right:15px}
#gnb .gnb_list .depth1 .navi_sub ul > li:hover > a {color:#1f4589; font-weight:700}

/* Visual */
.visual .visual_wrap {position: relative;  margin: 0 auto; height:611px; background:url(../images/main/main_vs_mbg.png) no-repeat top center}
.visual .visual_item{width:auto; height:611px; margin: 0 auto}
.visual .visual_item_lst{height: auto; padding-top: 92px}

/*비주얼 이동 화살표-mobile*/
.visual_wrap .btn_visual{display: none; bottom:470px; left:57px; margin:0}
.visual_wrap .slick-arrow{top:300px}
.visual_wrap .slick-prev.slick-arrow{left:10px}
.visual_wrap .slick-next.slick-arrow{right:10px}

/*visual 텍스트*/
.vs_txt_bx{position:static}
.vs_txt_bx .main_vs_tit{min-width:auto; width: 83%; margin:0 auto; min-height: 57px; line-height: 57px; font-size: 28px}
.vs_txt_bx .main_vs_txt{font-size: 13px; text-align: center; margin-top: 19px; margin-left: 0}
.visual_wrap .visual_item .vs_img_bx{left:50%; transform:translateX(-50%); top:15px}
.visual_wrap .visual_item .vs_img_bx img{transform:scale(0.45)}
.price_bx{display: none}
.vs_btn_lst{flex-direction: column; position:absolute; bottom:92px; width: 100%; margin-top: 0; z-index: 2}
.vs_btn_lst li{width: 100%; font-size: 15px}
.vs_btn_lst li{border-radius: 0; margin-right: 0; box-sizing: border-box; border-bottom:1px solid rgba(208,208,208,0.5)}
.vs_btn_lst li a{width: 100%; height: 58px; line-height: 58px; display: block; padding-left: 46px; box-sizing: border-box; position: relative}
.vs_btn_lst li a::before, .vs_btn_lst li a::after{margin:0; position:absolute}
.vs_btn_lst li a::before{top:10px; left:4px; transform:scale(0.6)}
.vs_btn_lst li a::after{top:24px; right:16px}

/*비주얼 버튼 */
.vs_btn_lst li::after{display: none;}

/**/
.conline01 .col_ser_time li:first-child{font-size: 38px}
    
/* Poplayer */
.main_openpop .popup_open{display:none}
.main_openpop{ position: absolute; top:83px; right:0; width: 100%; z-index:200}
.main_openpop .popup_on{display:none;width: 100%; height: 285px; margin: 0 auto; text-align: center; background:rgba(255,255,255,0.9); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1)}
.qmu_popup a, .openact > a{position: absolute; top:-34px; left:7px; display: block; width:82px; height:23px}
.qmu_popup a{ background:url(../images/main/btn_layerpop_m.png) 0 0 no-repeat}
.openact>a{background:url(../images/main/btn_layerpop_m_a.png) 0 0 no-repeat}
    
/* Footer */
#footwrap{padding:0 4px 0; border-top:1px solid #6f6f6f; border-bottom:0}
#footwrap .foot_area{position:relative}
#footwrap .foot_menu .foot_mlst{position: relative; width: 320px; margin: 0 auto}
#footwrap .foot_menu .mb_menu{margin:0 auto; padding-left: 35px}
#footwrap .foot_menu .mb_menu li {float: left; padding:11px 10px; height: 31px; line-height: 31px; background:url(../images/main/foot_bar.gif) no-repeat left center}
#footwrap .foot_menu .mb_menu li:first-child {background:none}
#footwrap .foot_menu .mb_menu li a {display:block; color:#fff; font-size: 14px; font-weight: 400}
#footwrap .foot_menu p.foot_home{position: absolute; top:6px; left:-32px}
#footwrap .foot_menu p.foot_home a{display:block;  padding:5px 0; width: 31px; height: 31px; line-height: 31px; background:url(../images/main/foot_home.gif) no-repeat left center}
#footwrap .foot_menu p.foot_home a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
/*PC버튼*/
#footwrap .pc_menu {margin: 0 0 15px; background:#575b61; border-radius:5px; text-align:center; font-weight: 500; border: 1px solid #42474d} 
#footwrap .pc_menu  li a{display: block; padding: 10px 0; color:#fff}
#footwrap .pc_menu  li.li_1{float: left; display:block; width:50%}
#footwrap .pc_menu  li.li_1 a{border-right:1px solid #7a7f86}
#footwrap .pc_menu  li.li_2{float: right; display:block; width:50%}
#footwrap .pc_menu  li.li_3{display:block; width: 100%}
#footwrap .pc_menu  li.li_3 a{margin-top: 34px; padding: 10px 0; border-top:1px solid #7a7f86; color:#2795da}
#footwrap .pc_menu  li.li_4, #footwrap .foot_menu .pc_menu  li.li_5{display: none}
/*주소*/
#footwrap .add .address{width:auto; line-height:160%; color:#fff; text-align: center; font-weight: 400; font-size: 14px; padding-top: 28px; padding-bottom: 40px; font-weight: 300}
#footwrap .add .address::after{content:''; display: inline-block; background:url(../images/main/foot_logo.gif) no-repeat; width: 127px; height: 31px;
margin-bottom: 25px}
#footwrap .add .address span.add_txt{margin-bottom: 10px; color:#fff}
#footwrap .add_area .add_ceo{display: inline}
/*#footwrap .address br{display: none}*/
#footwrap .add .address p.copy{padding: 0 0 27px; line-height: 140%; color:#9d9d9d; font-weight: 400}
#footwrap .count_box{display:none}
#footwrap .btn_admin{display:none}
#footwrap .add .address p.copy br{display: block}   
/* Footer 대표사이트 바로가기 버튼 */
#footwrap .footer_quick_bx{right:auto; width: 100%; left:50%; transform: translateX(-50%)}
#footwrap .footer_quick_bx a{width: 90%; height: 45px; line-height: 45px; padding-left: 52px; text-align: left; margin:0 auto; font-size: 15px}
#footwrap .footer_quick_bx a span{font-size: 15px}
/********************************************* Layout **********************************************/

/***Content  Common***/   
.mb_none{display: none}
.content_area{position: relative; margin:10px auto 0}
.conline01{margin:0 10px}
.conline02{margin:0 10px}
.conline03{padding:10px 10px 0}
.conline.conline01{margin:0 auto; background:url(../images/main/coline01_mbg.gif) no-repeat center center;  height: auto; margin-top: -10px; box-sizing: border-box; padding:40px 0 40px}
.conline01 .colline_txtbx{text-align: center}
.conline01 .col_tit{font-size: 18px}
.conline01 .col_txt{font-size: 18px}
.conline01 .col_txt .pc_none{display: none}
.conline01 .col_ser_time{margin-top: 22px; width:375px; margin:20px auto 20px}
.conline01 .col_ser_btn{position:relative; width: 80%; margin:0 auto}
.conline01 .col_ser_btn a{width:100%; position:static; height: 53px; line-height: 53px; font-size: 16px}
.conline01 .col_ser_btn a:hover{color:#4d4d4d}
.conline01 .col_ser_btn a::before{top:20px}
.conline01 .col_ser_btn a::after{top:19px}  

}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
.skip_navi .mb_skip{display:none}
#wrap {min-width: 1280px}
#content{position: relative}
.btn_top_pc{position: absolute; top:35px; right:50%; margin-right: -670px}
    
/* Main */
.headerwrap {position: relative; width: 100%; height: 110px; margin: 0 auto}
.headerwrap::before{content:''; display: inline-block; width: 100%; height: 1px; background:#8b8b8c; position:absolute; top:55px; left:50%; transform:translateX(-50%)}
.logo_top {position:absolute; top:10px; left:4px} 

/* Mainheader */
.header_top{position: relative; width: 1200px; margin: 0 auto; padding-top:56px}
.header_top .qmenu .pc_none{display: none}
.header_top .qmenu_tb{position: absolute; top:0; right:0; height: 35px}
.header_top .qmu_btnbox{padding: 0 0 0 10px; margin-top: 12px}
.header_top .qmu_btnbox p{float: left}
.header_top .qmu_top{height: 35px; line-height: 35px}
.header_top .qmu_top a{display: block; color:#474747; font-size: 15px; font-weight: 600; color:#000;box-sizing: border-box}
.header_top .qmu_top a span{display: inline-block}
.header_top .qmu_top a:hover{color:#15a736} 
.header_top .qmu_top.qmu_cs{transition: all .3s}
.header_top .qmu_top.qmu_cs a{background:url(../images/main/newc_customer_icon.png) no-repeat left 8px center; width: 98px; height: 32px; border-radius: 16px;  color:#fff; padding-left: 34px; font-size: 14px; font-family: PTD; font-weight: 500;display: flex; align-items: center;transition:.3s; border:1px solid rgba(255,255,255,0.7)}
.header_top .qmu_top.qmu_cs a span{letter-spacing: -0.5px}
.header_top .qmu_top.qmu_cs a span.hidden{overflow: auto; text-indent: inherit; height: auto; width: auto; font-size:14px; line-height: normal; font-weight: 700}
.header_top .qmu_top.qmu_hm a:hover{background:url(../images/main/newc_home_icon.png) no-repeat top 7px center #1b69b1; border:1px solid #1b69b1}
.header_top .qmu_top.qmu_cs a:hover{background:url(../images/main/newc_customer_icon.png) no-repeat left 8px center #7eb007; font-weight: 700; border:1px solid #7eb007}
.header_top .qmu_search{margin: 4px 5px 4px 8px}
.header_top .qmu_site{margin: 4px 0}
.header_top .qmu_search img, .header_top .qmu_site img{display: block; width: 15px; height: 16px}
/*로그인*/
.header_top .qmu_top.qmu_log {margin-right:7px}
.header_top .qmu_top.qmu_log a {background:url(../images/main/newc_log_icon.png) no-repeat left 8px center; min-width:84px; height: 32px; border-radius: 16px;  color:#fff; padding-left:30px; padding-right:10px; font-size: 14px; font-family: PTD; font-weight: 500;display: flex; align-items: center;transition:.3s; border:1px solid rgba(255,255,255,0.7)}
.header_top .qmu_top.qmu_log a:hover {background:url(../images/main/newc_log_icon.png) no-repeat left 8px center #14aee1; border:1px solid #14aee1}

/* GNB */
#gnb .allbtnclose, #gnb .mbl_area, #gnb .navi_sub {display: none}
#gnb .mb_gnbtit, #gnb p.gnb_mbtxt{display: none}
#gnb .depth1 {position: relative; float: left; width:calc(100% / 7);text-align: center; z-index: 1000; text-align: center}
#gnb .depth1 h2 a{display: inline-block; text-align: center; font-weight:500;  font-size:19px; color: #fff; font-weight: 500; padding:28px 0}
#gnb .depth1 h2 a::before{display: inline-block; content:''; transition: 0.5s; left:50%; transform: translateX(-50%)}
#gnb .navi_sub{position: absolute; left:50%; top:60px; width:200px; margin-left:-105px; padding:8px 5px 5px; border-radius: 5px; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); border-top:5px solid #14aee1; border-bottom:5px solid #14aee1; background: #fff}
#gnb .navi_sub::after{content: ""; display: block; clear: both; position: absolute; top:-10px; left:50%; margin-left: -8px; width:15px; height:8px; border-radius:50px; z-index:1}
#gnb .navi_sub li{border-bottom: 1px solid #ccc}
#gnb .navi_sub li:last-child{border-bottom:none}
#gnb .navi_sub a {display: block; line-height: 140%; padding:5px; margin: 5px 0; border-radius: 50px; text-align: center; font-size:16px; color:#000; font-weight: 500}
#gnb .navi_sub li:first-child a{margin-top: 0}
#gnb .navi_sub li:last-child a{margin-bottom: 0; border:none}
/*GNB-hover*/
#gnb .depth1.active .navi_sub{display: block; z-index: 30}
#gnb .depth1.active h2 > a{color: #fff}
#gnb .depth1.active h2 > a::before{content:''; display: inline-block; width: 100%; height: 3px; background:#14aee1; position:absolute; top:-1px}
#gnb .navi_sub li:hover a, #gnb .depth1.active .navi_sub .depth2 > li.active a{background:#14aee1; color:#fff; font-weight:700}

/* Visual */ 
.visual{margin-bottom: 0; position: relative}
.visual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.visual .visual_item{display: block; width:100%; height:696px}
/********************************************* Layout **********************************************/
/***Content  Common***/
.conline01 .colline_txtbx{padding:53px 0 52px 72px}
.conline01 .col_ser_time{margin-top: 32px}
.conline01 .col_ser_btn a:hover{background: center #fff; color:#fff; z-index: 1}
.conline01 .col_ser_btn a:hover::before{background:url(../images/main/nc_btn_arrow_a.png) no-repeat}
.conline01 .col_ser_btn a:hover::after{left:0; margin-left: 0; background:#ff9812; width: 100%;position: absolute;  z-index: -10}
.conline01 .col_ser_btn a:hover span{background:url(../images/main/ser_appli_icon_a.png) no-repeat left 12px center} 
    
/* Banner */
#main_banner{ margin:0 0 25px}
.banner_wrap{width: 1200px; margin: 0 auto}
.banner_wrap .ban_area{margin: -25px 0 0 150px}
    
/* Footer */
#footwrap .add_area{position: relative; width: 1200px; margin: 0 auto; min-height: 134px;background:url(../images/main/foot_logo.gif) left 25px center no-repeat; box-sizing: border-box;border-left: 1px solid #5d5d5e}
#footwrap .add_area::before{content:'';display: inline-block; position: absolute; width: 1px; height: 100%; background:rgba(255,255,255,0.2); left:174px}
#footwrap .add_area .add{font-size: 13px; line-height: 120%;  padding: 30px 20px 37px 196px; text-align: left; font-weight: 400}  
#footwrap .add_area .add_txt{color:#fff; font-size: 14px; display: inline-block}
#footwrap .add_area .add_txt .pc_none{display: none}
#footwrap .add_area .add_txt:last-child{margin-top: 3px}
#footwrap .add_area .add_ceo{margin-left: 12px}
#footwrap .add_area .copy{margin:10px 0 0; color:#7b7b7b; font-size: 13px; font-weight: 400}
}

/* LOWSET FIX */
@media only screen and (min-width:1025px) and (max-width:1247px) {
#mainheader{position: relative; margin: 0 auto}
#mainheader .headerwrap{position: absolute; top:0; left:0}
}

@media only screen and (min-width:1247px) {
/* Menu FIX */
.top_bar_fix{position:absolute; top:0; left:0; width:100%; z-index:1000; transition: 0.6s}
.fixed{position:fixed; top:0; left:0; width:100%; height: 131px; padding-left:0; background:rgba(0, 0, 0, 0.7); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.6s}
.fixed .headerwrap{height: 131px; background:none}
.fixed .header_top .header_box::after{display: none}
.fixed .logo_top{}
.fixed .gnb_box{border-radius: 0; background:none; box-shadow:none}
.fixed ul.gnb_list{margin:0 auto; padding: 0}
}

/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
@media only screen and (min-width:1025px) and (max-width:1870px) {
}
/********* TABLET LAYOUT[중간사이즈 조정 끝] *********/

@media only screen and (max-width:500px) {
/*visual*/
.visual .visual_wrap{height: 556px}
.visual_wrap .visual_item .vs_img_bx img{transform:scale(0.55)}

/***Content***/  
.content_area{margin:63px auto 0}
.conline.conline01{padding:31px 0 30px;box-sizing: border-box}
.conline01 .col_txt{line-height: 150%}
.conline01 .col_txt br{display: block}
.conline01 .col_ser_time{width: auto}
.conline01 .col_txt .pc_none{display: block} 
.conline01 .col_ser_time li{flex-direction: column; margin-top: 10px; font-size: 15px}
.conline01 .col_ser_time li:first-child{margin-bottom:22px}
.conline01 .col_ser_time li:first-child span{margin-right: 0; font-size: 16px; width: 101px; height: 29px}
.conline01 .col_ser_time li span{margin-right: 0; margin-bottom: 8px}
}

@media only screen and (max-width:410px) {
/*비주얼 이동 화살표-mobile*/
.visual_wrap .btn_visual{display: none; bottom:470px; left:57px; margin:0}
.visual_wrap .slick-arrow{transform: scale(0.7); top:305px}
.visual_wrap .slick-prev.slick-arrow{left:2px}
.visual_wrap .slick-next.slick-arrow{right:2px}
}

@media only screen and (max-width:360px) {
/*visual*/    
.visual_wrap .visual_item .vs_img_bx img{transform:scale(0.45)}

/*footer*/
#footwrap .add .address span.add_txt{letter-spacing: -1px;}
}