@charset "utf-8"; 
/* CSS Document */
audio,canvas,progress,video { display:inline-block; }
article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video {margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;box-sizing:border-box;word-break:break-all;}
a,em,span { display:inline-block; margin:0; padding:0; box-sizing:border-box; }
b,strong { font-weight:600; }
address,cite,dfn,em,i { font-style:normal; }
img { border:none; vertical-align:middle; }
:after,:before { display:none; content:''; }
.clearfix { display:block; }
.clearfix:after { content:""; display:table; clear:both; }
.clear { clear:both; }
.hide { display:none; }
textarea { display:block; overflow:auto; resize:vertical; }
[hidden] { display:none!important; }
@media screen and (max-width:768px) { 
	.skip,caption,legend { overflow:visible; font-size:3px!important; }
}
body { position:relative; line-height:24px; color:#353535; font-size:16px; font-family:'GmarketSans', sans-serif; background-color:#fff; }
a:link { color:#353535; text-decoration:none; }
a:visited { color:#353535; text-decoration:none; }
a:hover { color:#353535; text-decoration:underline; }
a:active { color:#353535; text-decoration:underline; }
a span { cursor:pointer; }
button { cursor:pointer; font-family:'GmarketSans', sans-serif; }
input { font-family:'GmarketSans', sans-serif; }
input[type="submit"] { cursor:pointer; }

/* #intro_header */
/* #main { background:#cadafe url("../images_notice/background.jpg") no-repeat center top; word-break: keep-all; } */
#main { background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%), linear-gradient(90deg, #DEEAFE 0%, #F9E5EE 40%, #FDF7C4 100%);}
#intro_wrapper { position:relative; width:1200px; margin:0 auto; overflow:hidden; clear:both; }
#intro_header {font-family: 'GmarketSans';position:relative;min-height:260px;overflow:hidden;clear:both;z-index:70;background:url("../images_notice/pocheon.png") no-repeat 50% 50px;text-align: center;}
#intro_header h3 {padding-top: 140px;font-family:'Jalnan';font-size:50px;color:#504a4a;line-height:64px;text-align: center;word-break: keep-all; margin-bottom: 26px;}
#intro_header h3 span { color:#e64720; color: #F45B83 ; color: #dd496c;}
#intro_container { position:relative; min-height:500px; overflow:visible; clear:both;font-family: 'GmarketSans' }
#intro_container .text_wrapper{word-break: keep-all; border-radius: 36px;  width:744px; height:528px; background-color: #fff; margin: 0 auto; display: block; text-align: center; padding: 50px 20px;} 
#intro_container .date_wrapper{font-family:'Jalnan' ; text-align: center; border-radius: 36px;  width:770px; height:154px; background-color: #5278e7; background-color: #343434; margin: 0 auto; position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%);}
#intro_container .date_wrapper .title_box{line-height: 44px; font-size: 19px; color: #fff; position: absolute; top: 0; left: 50%; transform: translate(-50%, -20px); border-radius: 36px;  margin: 0 auto; width:228px; height:44px; background-color: #e64720; background-color: #dd496c;}
#intro_container .date_wrapper .date_box{margin-top: 42px; font-size: 19px; color: #fff;}
#intro_container .date_wrapper .date_box .date{font-size: 30px; line-height: 38px; color: #fff;}
#intro_container .date_wrapper .date_box .date em.em_y{color: #ffe300;}
#intro_container .date_wrapper .date_box .date em.small{font-size: 20px;}
#intro_container .date_wrapper .date_box .caution{ font-family:'GmarketSansTTFLight'; font-size: 16px; color: #fff;}
#intro_container p.txt{color:#28348a; color:#434343; font-size: 17px; margin-bottom: 16px;content: ''; word-break: keep-all; }
#intro_container p.txt .caution{font-size: 13px; word-break: keep-all; }
#intro_container p.txt2 {word-break: keep-all; position: relative; color:#111; font-size:18px; line-height:24px;  font-weight: 400px; margin-bottom: 6px;}
#intro_container p.txt2 span.em:before{content: '';}
#intro_container p.txt2 .em:before{display: block;position: absolute;top: 2px;left: 167px;width: 22px;height: 12px;margin: auto 0;background: url(../images_notice/check_new.png) no-repeat 0 0 / contain;}
#intro_container p.txt2 .em.em2:before {left: 154px;}
#intro_container p.txt2 span.em{ color:#28348a; color:#dd496c; font-weight: 600;}
@media all and (max-width:1200px) {
	#intro_wrapper { width:94%; padding:0px 3%; }
	#intro_header h3 { padding-top:148px;}
 }
@media all and (max-width:1000px) {
	#intro_header { background-size: 136x ;}
	#intro_header h3 { padding-top:150px; font-size:44px; line-height:57px; text-align:center; }
	/* #intro_container p.txt { font-size:20px; line-height:24px; word-break:keep-all } */
 }
 @media all and (max-width:768px) {
	 #intro_header h3 { padding-top:150px; margin-bottom: 20px;}
	 #intro_container .date_wrapper{width:684px; }
	 #intro_container .text_wrapper{width:100%; height:545px; } 
	 #intro_container .date_wrapper .title_box {font-size: 17px; width: 204px;}
	 #intro_container p.txt2 .em:before {left: 111px;}
	 #intro_container p.txt2 .em.em2:before {left: 104px;}
 }
@media all and (max-width:600px) {
	#intro_header {background:url("../images_notice/pocheon.png") no-repeat 50% 56px; min-height: 100px;  background-size: 31%;}
	#intro_header h3 { padding-top:130px; font-size:40px; line-height:52px; text-align:center; font-weight:bold; letter-spacing:-1px; }
	 #intro_container .date_wrapper{width:100%; }
	#intro_container .text_wrapper{padding:20px; } 
	#intro_container p.txt { font-size:16px; line-height:24px; text-align:center; }
	#intro_container p.txt2 { font-size:16px;}
	#intro_container p.txt2 .em:before,
	#intro_container p.txt2 .em.em2:before {left: 0px;}
	
	#intro_container .date_wrapper .date_box .date{font-size: 22px; line-height: 35px; color: #fff;}
	#intro_container .date_wrapper .date_box .date em.small{font-size: 16px;}
	#intro_container .date_wrapper .date_box .caution {font-size: 14px;}
 }
@media all and (max-width:425px) {
	#intro_header {background:url("../images_notice/pocheon.png") no-repeat 50% 15px;  background-size: 26%;}
	#intro_header h3 { padding-top:60px; margin-bottom: 12px; font-size:29px; line-height:40px; font-weight:bold; letter-spacing:-1px; }
	/* #intro_container .text_wrapper{width:100%; height: 516px; border-radius: 16px;}  */
	#intro_container .date_wrapper{width:100%; height: 200px; border-radius: 16px; padding: 16px;} 
	#intro_container .date_wrapper .date_box {margin-top: 26px;}
	#intro_container p.txt { font-size:15px; line-height:24px; margin-bottom: 21px; }
	 #intro_container p.txt2 .em:before, 
	 #intro_container p.txt2 .em.em2:before{display: none;}
	#intro_container .date_wrapper .date_box .caution {word-break: keep-all; font-size: 13px; line-height: 24px;}
	#intro_container p.txt2 {font-size: 14px; line-height: 20px;}
	 #intro_container p.txt .caution {font-size: 12px; line-height: 17px;}

 }
 @media all and (max-width:325px) {
	#intro_container .text_wrapper{ height: 668px}
	#intro_container .date_wrapper{height: 218px;}

 }