@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400&display=swap');
*{margin:0;padding:0;font-family:'노토산스','Noto Sans KR',Gulim,sans-serif;}
body {-webkit-text-size-adjust: 100%;}
img {border:none}
ul,li{ list-style:none;}
.hn {cursor:pointer;}
a { color:#000; text-decoration:none;}
#contents p, span, strong {word-break:break-all; font-family: "Noto Sans KR";}
#header #menu {/*background:url('../common/bg.png') repeat-x; background-size:320px 67px; */ text-align:center; }
#header #menu img {width:600px; height:px;}
#wrap {max-width:640px; min-width:320px; margin:0 auto;overflow:hidden;}

.ball {width:95%; margin:0 auto;}
.ball img {width:100%;}

.next{position:absolute; top:22%; right:23%; font-size:28px; font-weight:bold; color:#01448f;}

.url {color:#ff000c;}
.link {color:#0066ff;font-weight:bold;font-size:18px;}
.news_title {clear:both; margin:0 13px 0px 13px;}
.news_title a {text-decoration:none; color:#333}
.news_title p.main_title {font-size:27px; font-weight:bold; margin-top:30px; line-height:150%}
.news_title p.main_stitle {font-size:14px; color:#0066cc; line-height:150%}
.news_title span {display:block; margin-top:8px; margin-bottom:15px;}
.news_title span.reply_icon  {float:left;}
.news_title span.reply_icon  img {width:52px; height:29px;}
.news_title span.zoomin_zoomout  { float:right;}
.news_title span.zoomin_zoomout  img{width:79px; height:29px;}
.news_detail {clear:right; position:relative; margin:0px 13px 0 13px; padding:0px 0 10px 0;}
.news_detail a {text-decoration:none; }
.news_detail p.conts_detail {line-height: 31px;
    font-size: 19.5px;
    color: #000;
    letter-spacing: -0.5px;
    text-align: justify;
    word-break: break-all;
    padding: 10px 5px;
    padding-bottom: 0;}
.news_detail p.conts_detail_center {color:#0070c0; font-size:17px; line-height:180%; margin-bottom:30px; letter-spacing:0px; text-align:center;}
.news_detail p.conts_detail span {font-weight:bold;}
.news_detail p.con_img_detail {text-align:center; margin-bottom:20px}
.news_detail p.con_img img{width:100%; margin-bottom:10px;}
.request {margin:3%;padding:3%;  background:url('../common/tel_bg.gif') #384aa0 repeat-x; background-size:100% 100%; text-align:center;}
.request .request_wrap{margin:0 auto; width:100%;}
.request .request_wrap p{color:#fff;font-size:2em;text-align:center;width:320px;margin:0 auto;margin-top:40px;}
.request .request_wrap .request_con1{width:320px;margin:0 auto;}
.request .request_wrap .request_con1 .con1{width:195px;float:left;padding-right:8px;}
.request .request_wrap .request_con1 .con2{width:320px;height:50px;color:#fff;font-size:0.9em;text-align:center;}
.request .request_wrap .request_con1 .con2 li{float:left;text-align:left;}
.request .request_wrap .request_con1 .con2 .int{width:30px;}


.tel {width: 95%;margin: 0 auto;}



@media (min-width:800px){



.sms_wrap{width:100%; text-align:center; margin:0 auto; border:3px solid black; }
.sms_wrap dd{font-family:"Noto Sans KR"}
.sms_wrap dd:last-child {margin-bottom:10px}
.sms_wrap .sms_form{width:538px; margin:0 auto; text-align:center;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_1{height:20px;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_2{width:538px; position:absolute;   /* margin-bottom:20px; */}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_3{width:538px; position:absolute; height:50px; text-align:center; padding-bottom:60px }
.sms_wrap .sms_form .sms_txt2 .sms_txt2_4{width:538px; position:absolute; color:black;font-size:0.8em;text-align:center;line-height:4; padding-bottom:20px;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_1{height:60px;;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_2{width:538px;height:70px;text-align:center;color:#fff;font-weight:bold;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_3{width:538px;height:50px;float:left; text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_4{width:538px;color:#fff;font-size:0.8em;text-align:center;line-height:4;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_5{width:538px;color:#fff;font-size:0.8em;text-align:center;}

}@media (max-width:800px){

.sms_wrap{width:100%; text-align:center; margin:0 auto; border:3px solid black; }
.sms_wrap dd{font-family:"Noto Sans KR"}
.sms_wrap dd:last-child {margin-bottom:10px}
.sms_wrap .sms_form{width:90%; margin:0 auto; text-align:center;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_1{height:20px;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_2{width:538px; position:absolute;   /* margin-bottom:20px; */}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_3{width:538px; position:absolute; height:50px; text-align:center; padding-bottom:60px }
.sms_wrap .sms_form .sms_txt2 .sms_txt2_4{width:538px; position:absolute; color:black;font-size:0.8em;text-align:center;line-height:4; padding-bottom:20px;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_1{height:60px;;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_2{width:538px;height:70px;text-align:center;color:#fff;font-weight:bold;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_3{width:538px;height:50px;float:left; text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_4{width:538px;color:#fff;font-size:0.8em;text-align:center;line-height:4;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_5{width:538px;color:#fff;font-size:0.8em;text-align:center;}

.sms_txt2_4 {font-size:10px;padding:10px 0;}
}



.sms_form_under {font-size: 13px;margin:5px 0 20px 0;}
.sms1_wrap{width:100%; overflow:hidden; border:3px solid #000; box-sizing:border-box;}
.sms1_wrap .sms_form{width:100%; margin:0 auto; text-align:center;}
.sms1_wrap .sms_form .sms_txt2 {width:538px; padding-bottom:40px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_1{height:80px;}
.sms1_wrap .sms_form .sms_txt2{position:relative; width:100%;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_2{position:absolute; top:0px; left:150px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_2 input{width:200px; height:23px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_3{position:absolute; top:0; left:370px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_6{position:absolute; top:32px; left:150px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_6 input{width:200px; height:23px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_4{width:100%; padding:100px 0 30px 0; height:63px; color:#fff;font-size:0.8em;text-align:center;line-height:4;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_5{width:538px;color:#fff;font-size:0.8em;text-align:center;}
.reply_wrap * { font-family: "Noto Sans KR"; margin: 0; padding:0; letter-spacing: -0.05em;text-align: justify; word-break: break-all;}
.reply_txt {font-size: 16px; }
/* a {text-decoration: none; color: inherit;} */
.reply_wrap {max-width: 600px; margin: 0 auto;/* text-align: justify; word-break: break-all; */}
.reply_title { padding:0 20px; line-height: 45px; height:45px; background-color:#ebf0f5; display: flex; text-align: center; width:160px;}
.reply_title h3 {display: inline-block; font-size: 17px; color:#333333}
.reply_title span {color:#106dc2; padding-left:10px; font-size: 15px; }
.main_reply { width:100%;  border-top: 1px solid #dae3ec; }

.replace_id  {display: flex; padding-top:20px;}
.replace_id img {height: 26px;}
.reply_txt {padding-top:10px; line-height: 23px; font-weight: 300; }
.reply_txt2 {font-size: 16px; padding-top:10px; line-height: 23px; font-weight: 300; text-align: justify; word-break: break-all;}
.reply_bottom_wrap {padding-top:20px;  border-bottom: 1px solid #dae3ec;}
.reply_bottom {padding-bottom:10px;  display: flex; justify-content: space-between;}
.reply_ri {display: flex;}
.reply_ri span {padding:0 2px; font-size: 17px}
.reply_ri span:nth-child(2) {color:#106dc2;}
.reply_ri span:nth-child(3) {font-size: 10px; padding-top:6px; color:#666666;}


.reply_num {font-size: 13px; color:#6b6b6b;}
.reply_cont {color:#106dc2; font-weight: bold; padding-left:5px; font-size: 16px;}
.medal {display: flex; justify-content: space-between; position: relative; left:20px;}
.medal div span {width:40px; height: 20px; display: inline-block; position: relative;}
.medal_lost{color:#106dc2;}
.medal_best {padding-right: 10px;}
.medal_best span {color:#cf2e5a; height: 20px; }  
.medal div span::before {content: ''; background-image: url(https://orientalmoon.diskn.com/0SVEADYQlr); background-repeat: no-repeat; background-size: cover; position: absolute; right:42px}
.medal_best span::before {top:2px; color:#3671da; height: 20px; width:20px; background-position-x: 0; background-position-y: 2px;  }
.medal_lost span::before  {top:3px; height: 20px; width:20px; background-position-x: -19px; background-position-y: 3px; }
.reply_inner {background-color:#edf1f6; padding:0 20px;  }
		/* input */
		.input_text_wrap{position:relative; width:70%; display:inline-block; font-size:16px; margin:5px 0px;}
			.input_text_wrap label input{width:100%;
    height: 37px;
    border: 1px solid #ccc;
    border-radius: 6%;
    font-size: 15px;
}
			.input_text_wrap label input:focus{border:2px solid #1a73e8;}
				.input_text_wrap label input:invalid:not(:focus)+* {cursor:text;border:0px;-webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
				.input_text_wrap label input:focus + span{color:#1a73e8;}
			.input_text_wrap label span{color:#999; position:absolute; top:22%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s;-webkit-transform:scale(0.75) translateY(-25px); transform:scale(0.75) translateY(-25px); transform-origin:left bottom;}

		/* tel-select */
		.select_wrap{text-align:center; width:70%; display:inline-block;}
			.select_wrap .input_select_wrap{width:30%; float:left; position:relative; margin: 10px 0px;}
				.select_wrap .input_select_wrap select{width:100%; padding:10px 15px; background:none; color:#000; border:2px solid #ddd; border-radius:4px;}
					.select_wrap .input_select_wrap select:-ms-expand{display:none;}
					.select_wrap .input_select_wrap select:focus{border:2px solid #1a73e8; outline:none;}
					.select_wrap .input_select_wrap:after{content:""; position:absolute; z-index:-1; right:10px; top:35%; width:5px; height:5px; border:solid #ccc; border-width:0 0 2px 2px; display:inline-block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
			.select_wrap .input_text_wrap{width:27%;}

		/* tel-input */
		.input_tel_wrap{position:relative; width:23%; display:inline-block; font-size:16px; margin:5px 0px;}
			.input_tel_wrap label input{width:100%; padding:10px 15px !important; color:#000; border:2px solid #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
			.input_tel_wrap label input:focus{border:2px solid #1a73e8;}
				.input_tel_wrap label input:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
				.input_tel_wrap label input:focus + span{color:#1a73e8;}
			.input_tel_wrap label span{color:#999;width: 100%; position:absolute; top:22%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.75) translateY(-25px); transform:scale(0.75) translateY(-25px); transform-origin:left bottom;}
			.input_tel_wrap:first-child{margin: 10px 35px 10px 0px;}
			.input_tel_wrap:last-child{float:right;}



.m_style{width:100%; margin:0 auto;}




@media (min-width:50px) and (max-width:480px){

.m_style{width:100%;}
.ball {width:95%; margin:0 auto;}
.ball img {width:100%;}
.next{position:absolute; top:20%; right:23%; font-size:20px; font-weight:bold; color:#01448f;}

		/* input */
		.input_text_wrap{position:relative; width:70%; display:inline-block; font-size:16px; margin:5px 0px;}
			.input_text_wrap label input{width:100%; color:#000;border:1px solid #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
			.input_text_wrap label input:focus{border:2px solid #1a73e8;}
				.input_text_wrap label input:invalid:not(:focus)+* {cursor:text;border:0px;-webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
				.input_text_wrap label input:focus + span{color:#1a73e8;}
			.input_text_wrap label span{color:#999; position:absolute; top:17%; font-size:12px; left:10px; padding:0px 7px; background:#fff; transition:all 0.15s;-webkit-transform:scale(0.75) translateY(-25px); transform:scale(0.75) translateY(-25px); transform-origin:left bottom;}

		/* tel-select */
		.select_wrap{text-align:center; width:70%; display:inline-block;}
			.select_wrap .input_select_wrap{width:30%; float:left; position:relative; margin: 10px 0px;}
				.select_wrap .input_select_wrap select{width:100%; padding:10px 15px; background:none; color:#000; border:2px solid #ddd; border-radius:4px;}
					.select_wrap .input_select_wrap select:-ms-expand{display:none;}
					.select_wrap .input_select_wrap select:focus{border:2px solid #1a73e8; outline:none;}
					.select_wrap .input_select_wrap:after{content:""; position:absolute; z-index:-1; right:10px; top:35%; width:5px; height:5px; border:solid #ccc; border-width:0 0 2px 2px; display:inline-block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
			.select_wrap .input_text_wrap{width:30%;}

		/* tel-input */
		.input_tel_wrap{position:relative; width:23%; display:inline-block; font-size:16px; margin:5px 0px;}
			.input_tel_wrap label input{width:100%; padding:10px 15px !important; color:#000; border:2px solid #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
			.input_tel_wrap label input:focus{border:2px solid #1a73e8;}
				.input_tel_wrap label input:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
				.input_tel_wrap label input:focus + span{color:#1a73e8;}
			.input_tel_wrap label span{color:#999;width: 100%; position:absolute; top:22%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.75) translateY(-25px); transform:scale(0.75) translateY(-25px); transform-origin:left bottom;}
			.input_tel_wrap:first-child{margin: 10px 35px 10px 0px;}
			.input_tel_wrap:last-child{float:right;}







.sms1_wrap{width:100%;}
.sms1_wrap .sms_form{width:100%; margin:0 auto; text-align:center;}
.sms1_wrap .sms_form .sms_txt1{height:auto; margin-bottom:-5px;}
.sms1_wrap .sms_form .sms_txt1 img{width:100%;}
.sms1_wrap .sms_form .sms_txt2{ width:100%; height:auto;}

.sms1_wrap .sms_form .sms_txt2{position:relative; width:80%; margin:0 auto;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_2{position:absolute; top:0px; left:0;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_2 input{width:160px; height:23px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_3{position:absolute; top:0; left:170px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_6{position:absolute; top:32px; left:0;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_6 input{width:160px; height:23px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_4{width:100%; padding:70px 0 20px 0; height:63px; color:#fff;font-size:0.8em;text-align:center;line-height:4;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_4 input{width:100%;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_5{width:538px;color:#fff;font-size:0.8em;text-align:center;}


.sms1_wrap .sms_form .sms_txt2 .sms_txt2_1{height:80px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_7{width:100%;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_7 img{width:90%;}}
.bottom {clear:both;overflow:hidden;border-top:1px solid #e6e6e5;border-bottom:1px solid #ededea;background-color:#f4f4f1;padding:14px 0 18px 0;}
.bottom_01 {	font-size:11px;font-family:AppleSDGothicNeo-Light;color:#4d4d4c;height:29px;text-align:center;}
.bottom_01 span a:link, .bottom_01 span a:visited, .bottom_01 span a:active, .bottom_01 span a:hover {text-decoration:none; color:#4d4d4c;}
.bottom_01 span {display:inline-block;}
.bottom_txt {padding-top:3px;padding-right:10px;vertical-align:top;}
.bottom_txt_last {padding-top:3px;}
.bottom_line {width:1px;padding-top:4px;padding-right:10px;vertical-align:top;}
.copy_txt1 {font-size:11px;font-family:AppleSDGothicNeo-Light;color:#4d4d4c;text-align:center;padding-top:10px;}
.copy_txt1 em {font-style:normal;padding-left:10px;}
.bottom_version1 {text-align:center;margin-top:4px;}
.copy_txt {display:block;font-size:11px;font-family:AppleSDGothicNeo-Light;color:#989896;padding-top:3px;text-decoration:none;}
.copy_txt em {font-family:AppleSDGothicNeo-Light;font-style:normal;letter-spacing:-1px;}