@charset "utf-8";
/*나눔고딕웹폰트로드(폰트 사용할곳에font-family:'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';추가)*/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/*나눔바른고딕웹폰트로드(폰트 사용할곳에font-family:'NanumBarunGothic';추가)
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*코펍바탕체 font-family: 'KoPub Batang', 'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';*/ 
/* @import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css); */
/*코펍바탕체 font-family: 'KoPub Batang', 'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';*/ 
@import url(../font/notosans.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@font-face {
    font-family: 'paybooc';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'paybooc';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gmarket Sans';    
    font-style: normal;    
    font-weight: 700;
    src: url(../font/GmarketSansLight.otf) format('opentype');
}

@font-face {
    font-family: 'Gmarket Sans';    
    font-style: normal;    
    font-weight: 500;
    src: url(../font/GmarketSansMedium.otf) format('opentype');
}

@font-face {
    font-family: 'Gmarket Sans';    
    font-style: normal;    
    font-weight: 700;
    src: url(../font/GmarketSansBold.otf) format('opentype');
}



/* CSS Document */
*{padding:0;margin:0;}
html,body{width:100%;height:100%;}
html{overflow-y:auto;}
body,p,b,strong,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;
font-family:'Noto Sans KR','돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif'; font-size:15px; letter-spacing:-0.5px;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{position:relative;border:none;}
hr,legend {display:none;}
img,fieldset,iframe {border:none;}
img{vertical-align:top;}
textarea{font-family:'Noto Sans KR',"Nanum Gothic",'돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';}
caption {display:none;}
input,select,button{vertical-align:middle;}
button{margin:0;padding:0;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;}
a{text-decoration:none; color:#666;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
.blind {display:block;overflow:hidden;top:-1000em;position:absolute;}

/* #skipnavi a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/2.4 arial,sans-serif;text-align:center}
#skipnavi a:hover,#skipnavi a:active,#skipnavi a:focus{top:0} */
#skipnavi {position:relative;width:100%;top:-1px;left:0;z-index:10000;}
#skipnavi ul li {position:absolute;top:-1px;left:0;width:100%;}
#skipnavi a, #skipnavi a:link {display:block;width:100%;height:1px;margin:0 0 -1px 0;font-size:1em;text-decoration:none;overflow:hidden;}
#skipnavi a:active,
#skipnavi a:focus,
#skipnavi a:hover {width:100%;height:20px;padding:14px 0 6px 0;font-weight:bold;color:#fff;text-align:center;background:#000;}

/* float */
.clearfix{*zoom: 1;}
.clearfix:after{content:''; display:block; clear:both;}
.f_left{float:left;}
.f_right{float:right;}

/* Form */
.label em img{vertical-align:0;}
.label em img{vertical-align:middle;}
.inpField{background-color:#fefefe; border:1px solid #ddd;padding:3px 5px;}
.btn{background-color:#fff; border:1px solid #ccc;padding:3px 5px; border-right-color:#aaa;border-bottom-color:#aaa;}
.lh65{line-height:65px; !important;}
.lh_1{line-height:1em; !important;}
.padd_5_0{padding:5px 0;}

/*width*/
.w20{width:20px;}
.w40{width:40px;}
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w160{width: 160px;}
.w180{width: 180px;}
.w200{width: 200px;}

/*margin & padding*/
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb21{margin-bottom: 21px;}
.mb30{margin-bottom: 30px;}
.mb42{margin-bottom: 42px;}
.mb50{margin-bottom: 50px;}
.mb63{margin-bottom: 63px;}

/*text-align*/
.ta_center{text-align: center;}
.ta_left{text-align: left;}
.ta_right{text-align: right;}

/*hide-text*/
.hide-text{text-indent: 100%; white-space: nowrap; overflow: hidden;    display: none;}

/*기본*/
body{background-color:#f3f3f3;}
#wrap{width:100%; }
#header{position:relative;}
#container{position:relative;*zoom:1;
    min-height: calc(100% - 330px); background-color: #fff;}
.cuckoo_container {
    background: #fcfcfe;
    padding: 1px 0 ;
}
#container:after{display:block;clear:both;content:'';}
#footer{position:relative;}

/*공통부분*/
input[type=text], input[type=password] {background:#fff; border:1px solid #c9c9c9; height:20px; line-height: 20px; padding:0 5px 0 5px;}
input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus {border:1px solid #909090;}
input[type=checkbox], input[type=radio] {margin-top:-1px; margin-bottom:1px;}
textarea{border:1px solid #c9c9c9; padding:5px;}
select{border:1px solid #c9c9c9; height:22px; padding:2px 2px 2px 6px; vertical-align:middle;}
/*.moblie_none{display:block }*/
.moblie_block{display:none !important;}

/*페이징*/
.board_num_list{width:100%;text-align:center;margin:10px 0;}
.board_num_list a{display:inline-block;height:23px;line-height:23px;margin:0 2px;font-family:'나눔고딕', 'Nanum Gothic', '굴림', 'Gulim', 'sans-serif', 'Tahoma';}
.board_num_list a:hover{text-decoration:none;}
.board_num_list a.num{padding:0 6px;background:#fff;border:1px solid #e2e2e2;font-weight:bold;}
.board_num_list a.num:hover, .board_num_list a.on{background:#5f5f5f;color:#fff;border:1px solid #5f5f5f;}
.board_num_list a.prev_all{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../img/common/b_prev_all.png') 8px 7px no-repeat;}
.board_num_list a.prev{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../img/common/b_prev.png') 8px 7px no-repeat;}
.board_num_list a.next_all{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../img/common/b_next_all.png') 8px 7px no-repeat;}
.board_num_list a.next{vertical-align:top;overflow:hidden;line-height:9999px;width:23px;border:1px solid #e2e2e2;font-weight:bold;background:#fff url('../img/common/b_next.png') 8px 7px no-repeat;}
.board_num_list a.prev_all:hover,.board_num_list a.prev:hover,.board_num_list a.next:hover,.board_num_list a.next_all:hover{/*border:1px solid #5f5f5f;*/ background-color: #f3f3f3;}

/* 팝업 */
.popup_layer02{position:absolute;left:50%;top:10%;z-index:100;}
.popup_layer02 .popup_img{border:3px solid #231815;}
.popup_layer02 .popup_img img{display:block;width:calc(100%) !important;height:auto !important;}
.popup_layer02 .popup_close{position:absolute;right:-44px;top:0;}
.popup_layer02 .popup_footer{padding:8px 3px;background-color:#000;}
.popup_layer02 .popup_footer span{float:left;color:#fff;margin-left:5px;}
.popup_layer02 .popup_footer span label{color:#fff;line-height:24px;}
.popup_layer02 .popup_footer button {float:right;margin-right:5px;padding:5px 10px;border:0;background:#fff;color:#333}
.popup_layer02 .popup_footer button strong{color:#333;}

/**side_bar**/
.side_bar {position:fixed; bottom:45%; right:10px; z-index:99; display: none;}
.side_bar > a{display:none;}
/* .side_bar li a img{width:80px;} */
.side_bar .num{display:none;position:absolute;top:0;right:11px;max-width:312px;height:75px;}
.side_bar a:hover .num{display:block;}
.side_bar span.only_m {display: none !important;}
.side_bar li.only_m {display: none !important;}

/* side_bar new */
.side_bar li + li {
    margin-top:10px;
}
.side_bar li a {
    position:relative;
    display:table;
    width:72px;
    height:72px;
    margin:0 auto;
    border-radius:50%;
    box-shadow: 0px 2px 1.96px 0.04px rgba(0, 0, 0, 0.1);
}
.side_bar li a .only_w {
    display:table-cell;
    font-size:19px;
    font-weight:400;
    color:#fff;
    vertical-align:middle;
    transform: rotate(0.09deg);
}
.side_bar .inquiry_bar .only_w {
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#00c118;
    text-align:center;
    line-height:1;
} 
.side_bar .company_bar .only_w {
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#1ac4eb;
    text-align:center;
    line-height:1;
} 
.side_bar li a img {
    width:auto;
    max-width:100%;
}
/* 
.only_works{
    background: #fff;
} */

.only_mo{
    display: none;
}

.only_t{
    display: none;
}

.quick_link {
    position:fixed; top:165px; right:20px; z-index:101;
    width: 150px;
    height: auto;

}
#bora-message-check{
    top: 110px !important;
    right: 20px !important;
}

.quick_link .qk_wrap{
    border-radius: 16px;
    overflow: hidden;
}

.quick_link.active{
    width: 78px;
    height: 74px;
    bottom:45%;
}

.quick_link.active .quick_linktop .txt{
    display: none;
}

.quick_link.active .q_linklist{
    display: none;
}

.quick_link .quick_linktop{
    display: block;
   width: 100%;
   height: 74px;
   display: flex;
   justify-content: center;
   align-items: center;
    background: #0ec624;
    transition: all 0.5s;
}

.quick_link .quick_linktop .ico{
    display: inline-block;
width: 38px;
height: 32px;
background: #0ec624 url('../img/ico/quick_menuiconew.png') no-repeat center center;
}

.quick_link .quick_linktop .txt{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-left: 4px;
}

.quick_link .q_linklist{
    display: block;
    background: #fff;

    box-sizing: border-box;
    border-radius: 0 0 16px 16px;
}
.quick_link .q_linklist li.kakao {
    background:#fff200 ;
    border: 1px solid #f5e800;
}
.quick_link .q_linklist li.kakao a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.quick_link .q_linklist li.kakao .ico {
    display: block;
    width: 31px; height: 28px;
    background: url(../img/ico/kakao_btn.png) no-repeat center ;
    margin-right: 8px;
}
.quick_link .q_linklist li.kakao .txt {
    color: #3b1e1e;
    font-size: 16px;
    font-weight: 500;

}
.quick_link .q_linklist li{
    width: 100%;
    min-height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: solid 1px #eee;
}

.quick_link .q_linklist li + li{
    /* border-top: solid 1px #eee; */
    border-top: none;
}

.quick_link .quibttn{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 20px auto 0;
    background: #f7f7f7 url('../img/btn/closebtn_14x14.png') no-repeat center center;
}

.quick_link.active .quibttn{
    background-image: url('../img/btn/arrow_20x11.png');
}

@media screen and (max-width: 1710px){
	.side_bar{right:10px;}
}
@media screen and (max-width: 1140px){
	/* .side_bar{right:35px;}
} */

@media screen and (max-width: 1040px){
	/* .side_bar{right:20px;} */
}

@media screen and (max-width: 850px){

 
}

/* mobile */
@media screen and (max-width: 768px){
	.moblie_none{display:none !important;}
	.moblie_block{display:block !important;}
	.popup_layer02{width:calc(100% - 30px) !important; left:15px !important; top:unset !important;bottom:10px !important;}
    .popup_layer02 .popup_img, .popup_layer02 .popup_footer{width:100% !important;}
    .quick_link{
        height: auto;
    }
	.side_bar{bottom: 15%;}
	.side_bar li a img{width:70px;}
}

@media screen and (max-width: 700px){

    .side_bar{
        display: block;
    }
    .side_bar span.only_w {display: none !important;}
    .side_bar span.only_m {display: block !important;}
    
.side_bar li.only_m {display: inline-block !important;}

.quick_link .qk_wrap{
    display: none;
}
.quick_link .quibttn{
    display: none;
}

    .side_bar {
        position:fixed;
        bottom:0;
        right:0;
        z-index:99;
        background-color: #2aca59;
        width: 100vw;
        padding: 10px 0;
    }
    .side_bar ul {
        width: 100%;
        margin: 0 auto;
        font-size:0;
    }
    .side_bar li {
        float: none;
        display: inline-block;
		width:25%;
    }
    .side_bar li + li { 
        margin-top:0;
    }
    .side_bar li.cen {
		margin: 0;
        /* margin: 0 25%; */
    }
    .side_bar > a{display:none;}
    .side_bar li a{position:relative;display:block; width:auto; height:auto; border-radius:0; box-shadow:none;}
    .side_bar li a span {text-align: center;}
    .side_bar li a.inquiry_on {
        text-align: center;
    }
    .side_bar li a span.only_m {
        display:inline-block;
    }

    .side_bar li a span.only_m img { 
	   width: 26px;
    }
    .side_bar li a span.only_m span {
        color:#fff; 
        font-size:14px;
        font-weight:400; 
        display:block;
        margin-top: 5px;
    }
    
    .side_bar .num{display:none;position:absolute;top:0;right:11px;max-width:312px;height:75px;}
    .side_bar a:hover .num{display:block;}

    #footer {
        padding:37px 0 90px !important;
    }
}