@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;}
.in_210{ padding:17px; text-align:center; width:360px; height:40px; border:1px solid #143349; font-size:20px;}
.in_220{ padding:17px; text-align:center; width:235px; height:40px; border:1px solid #143349; font-size:20px;}
.in_250{ padding:15px; text-align:center; width:90px; border:1px solid #143349; font-size:20px;}
.in_240{ padding:14px; text-align:center; width:90px; height:30px; border:1px solid #143349; font-size:20px;}
.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:600px; min-width:320px; margin:0 auto;}
.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 {color:#444; font-size:17px; line-height:180%; margin-bottom:30px; letter-spacing:0px}
.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;}
.sms_wrap{width:98%; 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;height:80px;text-align:center;color:#fff;font-weight:bold; /* margin-bottom:20px; */}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_3{width:538px;height:50px;float:left; text-align:center; padding-bottom:60px }
.sms_wrap .sms_form .sms_txt2 .sms_txt2_4{width:538px;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_form_under {font-size: 15px; width:98%; margin:0 auto; color:#666}
.sms1_wrap{width:100%; overflow:hidden; border:3px solid #000; box-sizing:border-box;}
.sms1_wrap .sms_form{width:538px; 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 .sms_txt2_2{width:340px; height:70px;text-align:right;color:#fff;font-weight:bold;float:left;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_3{width:128px; height:75px;float:left; text-align:right;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_4{width:538px; 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;  }









@media (min-width:50px) and (max-width:500px){
.in_210{ padding:17px; text-align:center; width:80%; border:1px solid #143349; font-size:22px;}
.in_220{ padding:17px; text-align:center; width:70%; border:1px solid #143349; font-size:22px; margin-left:20px;}
.in_250{ padding:10px; text-align:center; width:20%; border:1px solid #143349; font-size:22px;}
.in_240{ padding:10px; text-align:center; width:15%; height:30px; border:1px solid #143349; font-size:22px;}
.sms_wrap{width:98.5%;}
.sms_wrap .sms_form{width:100%; margin:0 auto; text-align:center;}
.sms_wrap .sms_form .sms_txt1{height:auto;margin-bottom:-5px;}
.sms_wrap .sms_form .sms_txt1 img{width:100%;}
.sms_wrap .sms_form .intro_sms img{width:100%;}
.sms_wrap .sms_form .sms_txt2{ width:100%; height:auto;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_1{height:40px; text-align:center; margin-bottom:20px;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_1 img{width:80%; text-align:center;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_2{width:100%;height:50px;text-align:center;color:#fff;font-weight:bold;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_3{width:100%;height:50px;float:left; text-align:center;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_3 input{width:100%;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_4{width:100%;color:#000;font-size:0.6em;text-align:center;line-height:4;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_5{width:100%;color:#fff;font-size:0.6em;text-align:center;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_5 img{text-align:center;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_6{width:100%;color:#fff;font-size:0.6em;text-align:center;}
.sms_wrap .sms_form .sms_txt2 .sms_txt2_6 img{width:90%;}
.sms_wrap .sms_form .sms_txt3{ width:100%; height:auto;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_1{height:70px; text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_1 img{width:80%; text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_2{width:100%;height:70px;text-align:center;color:#fff;font-weight:bold;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_3{width:100%;height:50px;float:left; text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_3 input{width:80%;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_4{width:100%;color:#fff;font-size:0.6em;text-align:center;line-height:4;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_5{width:100%;color:#fff;font-size:0.6em;text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_5 img{text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_6{width:100%;color:#fff;font-size:0.6em;text-align:center;}
.sms_wrap .sms_form .sms_txt3 .sms_txt2_6 img{width:90%;}
.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 .sms_txt2_1{height:80px;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_2{width:60%; height:70px;text-align:center;color:#fff;font-weight:bold;
float:left;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_3{width:30%; height:75px; text-align:center; float:left;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_4{width:100%; 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:95%;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_5{width:100%;color:#fff;font-size:0.8em;text-align:center;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_6{width:100%;}
.sms1_wrap .sms_form .sms_txt2 .sms_txt2_6 img{width:90%;}
.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;}

/*룰렛*/

		/*roul container style sheet*/
		.event_roul_wrap {
			width: 100%;
			max-width: 600px;
			margin: 0 auto;
		}

		.event_roul_wrap .db_container {
			display: none;
		}

		.roulette_container {
			position: relative;
		}

		.event_roul_wrap img {
			display: block;
			width: 100%;
			margin:0 auto;
		}

        /*roul container style sheet*/
        .event_roul_wrap {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
        }

        .event_roul_wrap .db_container {
            display: none;
        }

        .roulette_container {
            position: relative;
        }

        .event_roul_wrap img {
            display: block;
			width: 100%;
			margin:0 auto;
        }

        /*이벤트 룰렛 안의 모든 이미지 블럭요소로 변환*/
        /*roul common style sheet*/
        .roulette_container .roulette {
            position: absolute;
            left: 50%;
            top: 62%;
            transform: translate(-50%, -50%);
        }

        /*룰렛 링*/
        .roulette_container .roulette.roul_outer {
           width: 84%;
        }

        /*룰렛 판*/
        .roulette_container .roulette.roul_inner {
            width: 77%;
        }

        /*룰렛 회전*/
        .roulette_container .roulette .roul_rotate.rotate {
            animation: roul 2s forwards ease-out;
        }

        /*룰렛 화살표*/
        .roulette_container .roulette.roul_arrow {
            width: 8%;
            top: 35%;
        }

        /*룰렛 버튼*/
        .roulette_container .roulette.roul_btn {
            width: 24%;
            cursor: pointer;
        }

        .re_2{
            font-size: 1.15em;
        }
        /*룰렛 키프레임*/
        @keyframes roul {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(1030deg);
            }
        }