@import url("S-Core-Dream-light/s-core-dream.css");

body, h1, h2, h3, h4, h5, h6, li, p,#nav li a, #topbar, input, button, select, textarea, a, .wf-container > *, .widget-title, .dwqa-container, #wpmem_reg, #wpmem_login {

   font-family: "s-core-dream-regular" , sans-serif ;




}



section *{
    padding: 0; margin: 0; list-style: none; text-decoration: none;
    box-sizing: border-box;
}

[class*="col-"]{
    position: relative; float: left;
    box-sizing: border-box;
    border: solid 0px red;

}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.yezak_p1{
    position: relative;
	font-weight:normal;

}

.text_center{
    text-align: center;
}

.width{
	width:100%
}
.pd5{
    padding: 5%;
}

.pd6{
    padding: 6%;
}

.pd6{
    padding: 8%;
}

.back_p{
    position: relative;
    height: 780px;/*80%*/
}

.back_p .back{
    position: absolute;
    width:100%;
}

.back_p .back img{
    width: 100%;
    height: 100%;
}


.top_text_p .subject_p{
    padding-top:10%;
    font-size: 2em;
    color: yellow;
    letter-spacing: -1px;
}

.top_text_p .subject_p span:first-child{
    color:#fff;
    font-weight: 100;
    font-family: "s-core-dream-light" , sans-serif ;
}

.top_text_p p{
    padding-top: 4%;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1em;

	line-height:150%;
}

.top_text_p p span{
    color:yellow;
}

/*--------------------top_text_p-----------------------*/

.content_subject_p{
    font-weight: 600;
    font-size: 1.6em;
    letter-spacing: -2.4px;
    color: #000;
    padding-top: 10%;
        padding-left: 5%;
}
.content_subject_p span:first-child{
    font-family: "s-core-dream-light" , sans-serif ;
}

.content_subject_p span:last-child{
    font-family: "s-core-dream-bold" , sans-serif ;
}

.content_subject_p div{
    margin-top: 2%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width:4%;;
    height: 2px;
    background-color: #000;
}

/*-----------------.content_subject_p-------------------*/

.day{
    position: absolute;
    top:29%;
    margin-left: 1.8%;
    z-index: 1;
}

.day ul{
    font-size: 0.9em;
}

.day ul li{
    text-align: center;
    margin-bottom: 10%;
    padding: 5px;
    font-size: 500;

    background-color: #fff;
    box-shadow: 0 4px 3px rgba(0,0,0,0.4);
    font-family: 'Noto Sans KR', sans-serif !important;
}

/*-----------------day-------------------*/

.content_p1{
    position: relative;
    margin: 9% 0 0 5%;
    width: 97%;
    height: ;
}

.content_p1 .content_s1{
     text-align: center;
}

.content_p1 .content_s1 span{
    position: absolute;
    background-color: #000;
    right: 50%;
    transform: translateX(50%);
    font-size: 1em;
    padding: 1% 5%;
    border-radius: 20px;
    color:#fff;
    margin-top: -2%;
    z-index: 111;
    font-family: 'Noto Sans KR', sans-serif !important;
}


.content_p1 .content_c1{
    position: relative;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    padding: 1% 0;
    background-color: #fff;
    box-shadow: -5px  5px 5px rgba(0,0,0,0.5)
}

.content_p1 .content_c1 .content_c2{
    position: relative;
    float: left;
    margin-top: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_p1 .content_c1 .content_c2 div{
    float: left;
    margin-top: 10%;
	padding-left:5px;

}
.c-active {background:#fffc00 !important; }

.content_p1 .content_c1 .content_c2 div p{
    font-family: 'Noto Sans KR', sans-serif !important;
}

.content_p1 .content_c1 .content_c2 div p:first-child{
    font-size: 0.8em; text-align: left; line-height: 100%;
}

.content_p1 .content_c1 .content_c2 figure{
    width: 50%;float: left;

}

.content_p1 .content_c1 .content_c2 figure img{
    width: 100%;
}
/*------------------.content_p1------------------*/

.content_p2{
    position: relative;
    margin: 5% 0 0 5%;
    width: 97%;
    height: ;
}

.content_s2{
    position: relative;
}

.content_s2 > span{
    position: absolute;
    background-color: #000;
    right: 50%;
    font-size: 1em;
    transform: translateX(50%);
    padding: 1% 5%;
    border-radius: 20px;
    color:#fff;
    margin-top: -2%;
    z-index: 111;
    font-family: 'Noto Sans KR', sans-serif !important;
}

.content_p2 .content_c1{
    position: relative;
    width: 70%;
    left: 50%;
    padding: 5% 0;
    transform: translateX(-50%);
    padding: 2% 0;
    background-color: #fff;
    box-shadow: -5px  5px 5px rgba(0,0,0,0.5)
}

.content_p2 .content_c2 ul{
    margin-top: 8%;
    position: relative;
    font-family: 'Noto Sans KR', sans-serif !important;
}

.content_p2 .content_c2 ul li:before{
    content: ""; display: block; clear: both;
    width:5px;
    height: 5px;
    background-color: #000;
    float: left;
    margin: 10% 0  0 20%
}

.content_p2 .content_c2 ul li{
    padding: 9%;
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 500;
    float: right;
    width: 100%;
}


.content_p2 .content_c2 ul li span:first-child{
	padding-right:18%;
}

.content_p2 .content_c2 .safe{
     margin-top: 13%;
    position: relative;
}


.content_p2 .content_c2 .safe img{
    width: 100%;
}

.content_p2 .content_c2 .ok{
    position: absolute; left: 0;
    z-index: 2; width:11%;
}

.content_p2 .content_c2 .ok:nth-of-type(1){
    margin-top: 6%
}

.content_p2 .content_c2 .ok:nth-of-type(2){
    margin-top: 17%
}

.content_p2 .content_c2 .ok:nth-of-type(3){
    margin-top: 30%;
}

.content_p2 .content_c2 .ok img{
   width:100%;
}

.content_p3{
    border: solid 0;
	padding:1.5% 0;
	background-color:#565151;
	width:84%;
	margin:4.2% 0 0 10.5%;
}

.content_p3 > p{
    text-align: center;
    margin: 0;

    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 1em;
    color: #fff;
}

.content_p3 > p span{
    color: yellow;
}


.close2{
	position:absolute;
	right:3%;
}

@media only screen and (max-width:500px){
   .yezak_p1{
    position: relative;

}

.close2{
	position:absolute;
	right:3%;
	padding:0;
	margin:0;
	background-color:#000;
}


.width{
	width:auto;
}

.text_center{
    text-align: center;
}

.pd5{
    padding: 5%;
}

.pd6{
    padding: 6%;
}

.pd6{
    padding: 8%;
}

.back_p{
    position: relative;
    width: 100%;
    height: 700px;/*80%*/
}

.back_p .back{
    position: absolute;
    width:100%;
}

.back_p .back img{
    width: 100%;
    height: 100%;
}


.top_text_p .subject_p{
    padding-top:10.7%;
        padding-left: 3%;
    font-size: 1.1em;
    color: yellow;
    letter-spacing: -1px;
}

.top_text_p .subject_p span:first-child{
    color:#fff;
    font-weight: 100;
    font-family: "s-core-dream-light" , sans-serif ;
	padding-right:3px;
}

.top_text_p p{
    padding-top: 5%;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 0.6em;
    padding-left: 5%;
}

.top_text_p p span{
    color:yellow;
}



/*--------------------top_text_p-----------------------*/

.content_subject_p{
    font-weight: 600;
    font-size: 1em;
    letter-spacing: -1.3px;
    color: #000;
    padding-top: 8%;
        padding-left: 5%;
}
.content_subject_p span:first-child{
    font-family: "s-core-dream-light" , sans-serif ;
}

.content_subject_p span:last-child{
    font-family: "s-core-dream-bold" , sans-serif ;
}

.content_subject_p div{
    margin-top: 2%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width:4%;;
    height: 2px;
    background-color: #000;
}


/*-----------------.content_subject_p-------------------*/

.day{
    position: absolute;
    top:19%;
    margin-left: 1.8%;
    z-index: 1;
}

.day ul{
    font-size: 0.5em;
}

.day ul li{
    text-align: center;
    margin-bottom: 10%;
    padding: 2px 3px;
    font-size: 500;
	line-height:120%;
    font-weight: bold;
    background-color: #fff;
    box-shadow: 0 4px 3px rgba(0,0,0,0.4);
    font-family: 'Noto Sans KR', sans-serif !important;
}

/*-----------------day-------------------*/

.content_p1{
    position: relative;
    margin: 9% 0 0 5%;
    width: 97%;
    height: ;
}

.content_p1 .content_s1{
     text-align: center;
}

.content_p1 .content_s1 span{
    position: absolute;
    background-color: #000;
    right: 50%;
    transform: translateX(50%);
    font-size: 0.5em;
    padding: 1% 5%;
    border-radius: 20px;
    color:#fff;
    margin-top: -2%;
    z-index: 111;
    font-family: 'Noto Sans KR', sans-serif !important;
}


.content_p1 .content_c1{
    position: relative;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    padding: 1% 0;
    background-color: #fff;
    box-shadow: -5px  5px 5px rgba(0,0,0,0.5)
}

.content_p1 .content_c1 .content_c2{
    position: relative;
    float: left;
    margin-top: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_p1 .content_c1 .content_c2 div{
    float: left;
    margin-top: 10%;
	margin-left:5%;
	padding-left:5px;

}


.content_p1 .content_c1 .content_c2 div p{
    font-family: 'Noto Sans KR', sans-serif !important;
}

.content_p1 .content_c1 .content_c2 div p:first-child{
    font-size: 0.5em; text-align: left; line-height: 100%;
}

.content_p1 .content_c1 .content_c2 div p:last-child{
    font-size: 0.7em; text-align: left; line-height: 130%;
}

.content_p1 .content_c1 .content_c2 figure{
    width: 35%;float: left;

}

.content_p1 .content_c1 .content_c2 figure img{
    width: 100%;
}
/*------------------.content_p1------------------*/

.content_p2{
    position: relative;
    margin: 6.5% 0 0 5%;
    width: 97%;
    height: ;
}

.content_s2{
    position: relative;
}

.content_s2 > span{
    position: absolute;
    background-color: #000;
    right: 50%;
    font-size: 0.5em;
    transform: translateX(50%);
    padding: 1% 5%;
    border-radius: 20px;
    color:#fff;
    margin-top: -2%;
    z-index: 111;
    font-family: 'Noto Sans KR', sans-serif !important;
}

.content_p2 .content_c1{
    position: relative;
    width: 70%;
    left: 50%;
    padding: 5% 0;
    transform: translateX(-50%);
    padding: 2% 0;
    background-color: #fff;
    box-shadow: -5px  5px 5px rgba(0,0,0,0.5)
}

.content_p2 .content_c2 ul{
    margin-top: 5.5%;
	left: 0%;
    position: relative;
    font-family: 'Noto Sans KR', sans-serif !important;
}

.content_p2 .content_c2 ul li:before{
    content: ""; display: block; clear: both;
    width:3px;
    height: 3px;
    background-color: #000;
    float: left;
    margin: 10% 0  0 20%
}

.content_p2 .content_c2 ul li{
    padding: 8%;
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 500;
	font-size:0.5em;
    float: right;
    width: 100%;
}

.content_p2 .content_c2 .safe{
     margin-top: 12%;
    position: relative;
}


.content_p2 .content_c2 .safe img{
    width: 100%;
}

.content_p2 .content_c2 .ok{
    position: absolute; left: 0; top:-7%;
    z-index: 2; width:12%;
}

.content_p2 .content_c2 .ok:nth-of-type(1){
    margin-top: 7%
}

.content_p2 .content_c2 .ok:nth-of-type(2){
    margin-top: 20%
}

.content_p2 .content_c2 .ok:nth-of-type(3){
    margin-top: 31%;
}


.content_p2 .content_c2 .ok img{
	width:100%;
}

.content_p3{
    border: solid 0;
	margin:6.2% 0 0 10.5%;
	padding:1.5% 0;
	background-color:#565151;
	width:84%;

}

.content_p3 > p{
    text-align: center;
    margin: 0;
    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 0.65em;
    color: #fff;
}

.content_p3 > p span{
    color: yellow;
}
}