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

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr{ 
 font-family: 'Noto Sans KR', sans-serif;
}


html{

overflow-x:hidden;
scroll-behavior:smooth;
word-break:keep-all;
}
body{
	margin:0; padding:0;
	
	

}

p{
	margin:0; padding:0;
}
ul,li{list-style-type: none; padding:0; margin:0;}

a:visited{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
/* common */
.circle{
    width: 7vw;
    height: 7vw;
	border-radius:50%;
	line-height:7vw;
}
.circle2{

width: 20vw;
height: 20vw;
border-radius: 50%;
}
.yellow_0{ color:#f1ed8b; }
.yellow_1{ color:#eee861 ; }
.yellow_0_bg{ background:#f1ed8b;}
.yellow_0_border{ border: 3px solid #f1ed8b;}
.white_0_border{ border: 3px solid #fff;}
.white_0_bg{ background:#fff;}
.white_0{ color:#fff;}
.brown_0{ color:#5e3425;}
.brown_0_bg{background:#5e3425;}
.brown_0_border{border:#5e3425;}
.brown_1_bg{background:#7c4c3c;}
.red_0{color:#ea5150;}
.gray_0{color:#767676;}
.gray_0_bg{background:#767676;}
.gray_0_border{border:#767676;}
.blue{color:#00376b;}

.bold{font-weight:bold;}
.semibold{font-weight:600;}

.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
/* common */


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative; z-index:999;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left;z-index:9999}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0; cursor:pointer;}

@media screen and (max-width:1024px){
.mo_style{ left:0; top:0; position:absolute;border:1px solid #e9e9e9;background:#fff; width:80%;}
.hd_pops{all: unset;}
.hd_pops_con{all: unset; width:100%;  background:#fff}
.hd_pops img{width:100%;}
}