@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("../font/NanumBarunGothic.css");*/
/* 본고딕 font-family: "Noto Sans KR"; */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(notosanskr.css); 

/* 노토산스 (폰트 사용할곳에font-family: 'Noto Sans KR', serif;추가)*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 배달의 민족 */
@font-face {font-family:"BMDOHYEON"; src:url("../fonts/BMDOHYEON.ttf") }

/* 잉크립퀴드체 */
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* G마켓산스 */

@font-face {
    font-family: 'Gmarket Sans';    
    font-style: normal;    
    font-weight: 300;
    src: url(../fonts/GmarketSansLight.woff) format('woff');
}

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

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

/* 나눔스퀘어 */

@font-face {
    font-family: 'NanumSquare';    
    font-style: lighter;    
    font-weight: 300;
    src: url(../fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquare';    
    font-style: normal;    
    font-weight: 400;
    src: url(../fonts/NanumSquareR.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquare';    
    font-style: bold;    
    font-weight: 700;
    src: url(../fonts/NanumSquareB.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquare';    
    font-style: black;    
    font-weight: 800;
    src: url(../fonts/NanumSquareEB.ttf) format('truetype');
}

/* 나눔명조 */
@font-face {
    font-family: 'NanumMyeongjo';    
    font-style: normal;    
    font-weight: 400;
    src: url(../fonts/NanumMyeongjo.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumMyeongjo';    
    font-style: normal;    
    font-weight: 700;
    src: url(../fonts/NanumMyeongjoBold.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumMyeongjo';    
    font-style: normal;    
    font-weight: 800;
    src: url(../fonts/NanumMyeongjoExtraBold.ttf) format('truetype');
}

/* 라토 */
@font-face {
    font-family: 'lato';    
    font-style: normal;    
    font-weight: 700;
    src: url(../fonts/Lato-Bold.ttf) format('truetype');
}

/* 아리따부리 */

@font-face {
    font-family: 'AritaBuri';    
    font-style: lighter;    
    font-weight: 300;
    src: url(../fonts/Arita-buriL.woff) format('woff');
}

@font-face {
    font-family: 'AritaBuri';    
    font-style: normal;    
    font-weight: 400;
    src: url(../fonts/Arita-buriM.woff) format('woff');
}

@font-face {
    font-family: 'AritaBuri';    
    font-style: bold;    
    font-weight: 700;
    src: url(../fonts/Arita-buriB.woff) format('woff');
}

@font-face {
    font-family: 'AritaBuri';    
    font-style: black;    
    font-weight: 900;
    src: url(../fonts/Arita-buriSB.woff) format('woff');
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* 라토 */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');


/* CSS Document */
*{padding:0;margin:0; box-sizing: border-box;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body{line-height: 1;letter-spacing: -0.04em;}
body,b,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button,select,option{margin:0;padding:0;
font-family: 'Noto Sans KR', "Nanum Gothic", '돋움','dotum',tahoma,'NanumBarunGothic','MalgunGothic','Verdana','Arial','Helvetica','sans-serif'; font-size:24px ;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;-webkit-appearance: none;}
button{border:none;background: none;-webkit-appearance: none;}
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; -webkit-appearance: none; padding: 0 20px 0 10px; 
background:url("../img/ico/item_op_sel.png")no-repeat right 10px center;  vertical-align:middle; border: 1px solid #bbb; outline:none; color: #252525;}
select::-ms-expand { display: none; }
hr,legend {display:none;}
img,fieldset,iframe{border:none;}
img{vertical-align:top; max-width: 100%;}
textarea{font-family:'Noto Sans KR','돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';padding:8px; border:solid 1px #c6c6c6;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
caption {display:none;}
input,select,button{vertical-align:middle; border-radius: 0;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0; }
fieldset{min-width:100%;}
button,
a {color: #252525;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}

br{
    font-family: 'Noto Sans KR';
}

input[type=text]::-ms-clear{display:none;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="button"],
input[type="tel"]{border: 1px solid #dcdcdc;-webkit-appearance: none; -moz-appearance:none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 15px;}
input[type="text"]:hover,input[type="text"]:focus,
input[type="password"]:hover,input[type="password"]:focus,
input[type="email"]:hover,input[type="email"]:focus,
input[type="number"]:hover,input[type="number"]:focus,
input[type="tel"]:hover,input[type="tel"]:focus{border-color: #ccc;}


/* input[type=radio] {display: none;} */
input[type=radio]+label {
    padding-left: 28px;
    background: url(../img/ico/radio.png) left center no-repeat;
    background-size:  auto;
}
input[type=radio]:checked+label {
    background: url(../img/ico/radio_on.png) left center no-repeat;
    background-size:  auto;
}





/* float */

/* .clearfix{*zoom: 1;} */
.clearfix:after{content:'';display:block;clear:both;}
/* ul:after{content:'';display:block;clear:both;} */
/* Common */

.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/*loader*/
#loader{background: #f5f5f5; position: fixed; width: 100%; height: 100%; top: 0; z-index: 999999;}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
img.loading {-webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; margin-left: -70px; margin-top: -70px;}


/*페이징*/
.board_num_list{width:100%;text-align:center;padding:45px 0;}
.board_num_list a{
    display:inline-block;
    height:38px;line-height:36px;
    width: 38px;
    color:#333;
    border: 1px solid #ddd; 
    background: #fafafa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8px;
}
.board_num_list a:hover{text-decoration:none;}
.board_num_list a.prev + a.num{
    margin-left: 0 !important;
}
.board_num_list a.prev_all{
    vertical-align:top;
    overflow:hidden;
    line-height:9999px;
    width:38px;
    background:#fafafa url('../img/btn/list_all_pr.png') center center no-repeat;
    /* margin:0 4px; */
}
.board_num_list a.prev{
    vertical-align:top;
    overflow:hidden;
    line-height:9999px;
    background:#fafafa url('../img/btn/list_pr.png') center center no-repeat;
    margin-right: 18px;
}
.board_num_list a.next_all{
    vertical-align:top;
    overflow:hidden;
    line-height:9999px;
    background:#fafafa url('../img/btn/list_all_ne.png') center center no-repeat;
}
.board_num_list a.next{
    vertical-align:top;
    overflow:hidden;
    line-height:9999px;
    background:#fafafa url('../img/btn/list_ne.png') center center no-repeat;
    margin-left: 18px;
}
.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{}

.board_num_list  a.on {
    border: 1px solid #252525 ;
}

.board_num_list li:first-child a{
    margin-left: 0;
}



/* 달력 */
.ui-datepicker-trigger { display:none; }
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{ display:none; position:relative; margin-top:10px; background:#fff; border:solid 1px #dddddd; border-radius:5px; z-index:99999 !important; }
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all:before {position:absolute; top:-1px; left:20px; content:""; width:8px; height:8px; border-top:solid 1px #ddd; border-radius:0px; border-left:solid 1px #ddd; background-color:#fff; transform:translate(-50%,-50%) rotate(45deg);}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table{width: auto; background:#fff;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th{width:32px; line-height:24px; height:24px;
text-align:center; padding-right:5px;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th span{font-size:10.1px; font-weight:300; color:#999999;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td{text-align:center; color:#666666; font-size:12px;
width:35px; line-height:35px; height:35px; padding-right:0px;  background:#ffffff;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a{ display:block; margin:1px; border-radius:50%;  color:#666666; font-size:12px; font-weight:300;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a:hover { background-color:#ffbf31; color:#fff;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a.ui-state-default.ui-state-active{ border:solid 1px #ffbf31;}
.ui-datepicker-title{display:table; margin:0 auto; margin-top:20px; margin-bottom:20px; }
.ui-datepicker-title span{text-align:center; color:#000000; font-size:15px; font-weight:500;}
.ui-datepicker-title span.ui-datepicker-year { font-weight:300;}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{position:relative;}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev{text-indent:-9999px; position:absolute; 
background:url("../img/btn/calandar_left.png")no-repeat center; width:6px; height:10px; left:10px;top:6px;}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next{text-indent:-9999px; position:absolute; 
background:url("../img/btn/calandar_right.png")no-repeat center; width:6px; height:10px; right:10px;top:6px;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td.ui-datepicker-unselectable.ui-state-disabled
{background:#fff; color:#cecece;}
input.date_form :-ms-input-placeholder { color: #333333; } 
input.date_form::-webkit-input-placeholder { color: #333333; }
input.date_form::-moz-placeholder { color: #333333; }
button.ui-datepicker-trigger {display:none;}
img.ui-datepicker-taigger { margin-left:10px; margin-top:1px;}
.date_form { background:url("../img/ico/ico_calander.png") no-repeat; background-position: 10px center;}
.date_form.date_form3 { background:none;}






*{-webkit-text-size-adjust:none}

/*기본*/
.screen_pc{  }
.screen_tb{ display: none; }
.screen_ph{ display: none; }

#wrap{ width:100%; margin: 0 auto; position:relative; 
    /* height: 100%; */
}
/* #header{ position:relative; } */
#container{ position:relative;}
#footer{ position:relative; }

.layer_bg{position:absolute;left:0;right:0;top:246px;bottom:0;z-index:99;background:rgba(0, 0, 0, 0.8); display:none;text-indent:-9999em;
/* 
IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다. 
컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */}

.mo_layer_bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:77;background:rgba(0, 0, 0, 0.5); display:none;text-indent:-9999em;
/* 
IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다. 
컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */}

/* 탑 버튼 */
.top_btn{position:fixed; bottom:75px; right:280px; z-index:1000;}



@media screen and (max-width: 1875px){
	.top_btn{right:250px;}
}
@media screen and (max-width: 1815px){
	.top_btn{right:150px;}
}
@media screen and (max-width: 1570px){
	.top_btn{right:50px;}
}
@media screen and (max-width: 1375px){
	.top_btn{right:5px;}
}
/* moblie */
@media screen and (max-width: 768px){

	/* .board_num_list{padding: 20px 0;}
	.board_num_list a{display:inline-block;height:22px;line-height:22px;margin:0 2px;color:#333;border: 1px solid #ddd;}
	.board_num_list a:hover{text-decoration:none;}
	.board_num_list a.num{position:relative;width:22px;background:#fff;font-weight:bold; line-height: 22px; font-size: 12px;}
	.board_num_list a.num:hover, .board_num_list a.on{line-height: 20px; background:#5f5f5f;color:#fff; border-color: #5f5f5f;}
	.board_num_list a.prev_all{vertical-align:top;overflow:hidden;line-height:9999px;width:22px;background:#fff url('../img/common/b_prev_all.png') center center no-repeat;margin:0 2px;}
	.board_num_list a.prev{vertical-align:top;overflow:hidden;line-height:9999px;width:22px;background:#fff url('../img/common/b_prev.png') center center no-repeat;margin:0 2px; margin-right: 4px;}
	.board_num_list a.next_all{vertical-align:top;overflow:hidden;line-height:9999px;width:22px;background:#fff url('../img/common/b_next_all.png') center center no-repeat;margin:0 2px;}
	.board_num_list a.next{vertical-align:top;overflow:hidden;line-height:9999px;width:22px;background:#fff url('../img/common/b_next.png') center center no-repeat;margin:0 2px; margin-left: 4px;}
	.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{} */


    .board_num_list a {
        width: 24px;
        height: 24px;
        line-height: 22px;
        font-size: 12px;
   
    }

    .board_num_list a.next {
        margin-left: 12px;
        background-size: 24px auto;
    }
    .board_num_list a.prev_all {
        width: 24px;
        background-size: 24px auto;
    }
    .board_num_list a.prev {
        margin-right: 12px;
        background-size: 24px auto;
    }
    .board_num_list a.next_all{
        background-size: 24px auto;
    }


	/* 탑 버튼 */
	.top_btn{display:none;}
}

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

	.layer_bg { bottom:-372vw }

}

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

	.layer_bg { bottom:-372vw }

}

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

	.layer_bg { bottom:-426vw }

}