@charset "utf-8";
@import url('reset.css');
@import url('main.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap');

/* header */
.logo_w{position:fixed;top:5%;left:4%;z-index:999}
.vol_b{position:fixed;top:55%;left:3%;/*writing-mode: vertical-lr;*/transform-origin:left top 0px; transform: translateY(-100%) rotate(-90deg) translateY(100%);font-family: 'Roboto', sans-serif;color:#464545;font-size:12px;font-weight:300;letter-spacing:0.1em;z-index:999}
.vol_b span{font-family: 'Noto Sans KR', sans-serif;font-weight:300;font-size:12px;letter-spacing:0.1em;}
.btn_side {position:fixed; top:5%; right:4%; z-index:9999;color:#fff;background:#404040;font-family: 'Work Sans', sans-serif;padding:18px 32px 18px 10px;letter-spacing:0.2em;font-size:18px;font-weight:300;line-height:100%}

/*콘텐츠*/
.contents{overflow:hidden;padding:0; margin:0}
/*상단 제목*/
.contents h2{width:100%; text-align:center; position:absolute; top:5%; color:#000;font-family: 'Noto Sans KR', sans-serif;font-weight:500;font-size:19px;letter-spacing:0.1em;}
.contents h3{overflow:hidden;width:100%; text-align:center;color:#080808;font-family: 'Noto Serif KR', serif;font-weight:300;font-size:48px;line-height:150%}
.contents h3 span{overflow:hidden;width:100%; text-align:center;color:#080808;font-family: 'Nanum Myeongjo', serif;font-weight:400;font-size:48px;letter-spacing:-0.1em}
.contents h3 .red{/*text-decoration:underline;*/font-weight:700;color:#080808;letter-spacing:-0.05em;}
/*아이콘*/
.icon01{margin:6.5% auto 3% auto;width:38px}
.icon02{margin:6.5% auto 4% auto;width:27px}
/*발문*/
.balmoon{width:60%;margin:3% auto 6% auto;color:#1b1b1b;font-size:22px;font-weight:500;line-height:180%;text-align:justify}
.balmoon span{color:#02755b;font-weight:500;}
.toptitle{overflow:hidden;width:100%; text-align:center;color:#1b1b1b;font-size:22px;font-weight:300;margin-top:3%}
/*이미지*/
.img01{overflow:hidden;width:100%;}
.img02{overflow:hidden;width:60%;margin:5% auto 3% auto}
.img03{overflow:hidden;width:60%;margin:5% auto 7% auto}
.img04{overflow:hidden;width:100%;margin-top:8%;padding:0; margin:0;border:0;outline:0;margin-bottom:0}
.img05{overflow:hidden;width:60%;margin:5% auto 0 auto}
.img06{overflow:hidden;width:60%;margin:0 auto}
.img07{overflow:hidden;width:60%;margin:0 auto 7% auto}
.double{width:50%;float:left}
.caption01{overflow:hidden;display:block;margin:0 0 8px 0;font-size:14px;text-align:center;color:#808080;font-weight:300}
.caption02{overflow:hidden;display:block;margin:0 0 8px 0;font-size:14px;text-align:left;color:#666;font-weight:300}
/*image-full*/
/*공연안전대피도*/
.width90{width:90%}
.middle{width:57%;margin:3% auto 6% auto;}
.division{overflow:hidden;width:100%;margin:5% auto }
.division_left{float:left;width:50%;display:block}
.division_right{float:left;width:50%;display:block}
.dtitle{float:left; text-align:right;color:#1b1b1b;font-size:70px;font-weight:500;padding-bottom:20%;display:block}
.dgray{color:#6d6d6d;font-size:70px;font-weight:500;}
/*.dline{border-left-style:none;border-left-style:none;border-right-style:none;border-bototm-style;solid 2px #e1e1e1;padding-top:5%;display:block}*/
.dline{color:#1b1b1b;font-size:25px;font-weight:400;letter-spacing:-0.2em;}
.division2{overflow:hidden;width:100%;margin:5% auto }
.division2_left{float:left;width:50%;display:block}
.division2_right{float:left;width:50%;display:block}

.caution_st{text-align:center;color:#02755b;font-size:23px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;line-height:160%;padding-top:2%}
.caution_st span{text-align:center;color:#02755b;font-size:23px;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.caution_st2{text-align:center;color:#636363;font-size:16px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;padding-top:15%}
/*.guide img{padding-bottom:3%}*/
.check{width:100%;text-align:center;overflow:hidden}
.check_l{width:50%;float:left;display:block;text-align:right;padding-top:1%}
.check_r{width:50%;float:right;display:block;font-size:26px;font-weight:bold;font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;text-align:left;color:#02755b;font-style:italic;line-height:190%}
.guide_title{text-align:left;color:#1b1b1b;font-size:30px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;padding-bottom:3%}
.guide_title span{font-weight:500}
.guide_stitle{text-align:left;color:#3a3a3a;font-size:20px;font-weight:400;font-family: 'Noto Sans KR', sans-serif;line-height:180%}
.guide_stitle2{margin-left:12px}
.guide_stitle2 li{list-style:disc;text-align:left;color:#3a3a3a;font-size:20px;font-weight:400;font-family: 'Noto Sans KR', sans-serif;line-height:180%;letter-spacing:-0.02em}

/*카드뉴스 이미지*/
.img_card{overflow:hidden;width:46.87%;margin:1.5% auto;}
.img_card_first{overflow:hidden;width:46.87%;margin:3% auto 1.5% auto;}
.img_card_last{overflow:hidden;width:46.87%;margin:1.5% auto 5% auto;}

/*서브타이틀 분류*/
.stitle{overflow:hidden;width:100%; text-align:center;color:#3a3a3a;font-size:18px;font-weight:400;}
.stitle span{font-weight:300;}
.contents h4{width:100%; text-align:center;color:#3a3a3a;font-size:40px;font-weight:500;margin:1.5% 0}
.contents h5{width:100%; text-align:center;color:#02755b;font-size:24px;font-weight:600;margin:7% 0 1.5% 0;letter-spacing:0.3em;text-transform:uppercase}
/*본문텍스트*/
.txt01{width:60%;margin:3% auto 6% auto;color:#1b1b1b;font-size:20px;font-weight:400;line-height:180%;text-align:justify}
.txt01_green{width:60%;margin:3% auto 6% auto;color:#02755b;font-size:20px;font-weight:400;line-height:180%;text-align:justify}
.dot{opacity:0.3}
.answer{font-family: 'Times New Roman', serif;font-size:24px;font-style:italic;color:#707070;font-weight:normal;letter-spacing:0.05em;}
.name{font-size:16px;font-weight:300;color:#707070;letter-spacing:0.2em;}

/*배경_그레이*/
.contents02{overflow:hidden;width:100%;background:#f7f7f7;}
.contents02 h2{width:100%; text-align:center; position:absolute; top:5%; color:#000;font-family: 'Noto Sans KR', sans-serif;font-weight:500;font-size:19px;letter-spacing:0.1em;}
/*뉴스*/
.newsbox{background:#fff;width:55%; margin:0 auto 7% auto;padding:5% 7.5% 3% 7.5%}
.news_title{overflow:hidden;width:100%; text-align:center;font-size:40px;font-weight:500;color:#080808;margin:1% 0 3% 0}
/*뉴스 테이블*/
.tb_normal{width:100%;border-top:2px solid #02755b;border-bottom:2px solid #02755b;font-weight:400;}
.tb_normal th{font-size:20px;color:#02755b;border-right:1px solid #bfbfbf;text-align:center;padding:1.5% 2%;border-bottom:1px solid #bfbfbf;}
.tb_normal .thle{border-right:0px}
.tb_normal td{font-size:18px;color:#707070;border-right:1px solid #bfbfbf;text-align:center;padding:2% 2.2%;border-bottom:1px solid #bfbfbf;vertical-align:middle}
.tb_normal td span{font-size:16px;color:#02755b}
.tb_normal .txle{text-align:left;}

/*테이블 하단 텍스트*/
.tb_bottom{font-size:18px;color:#707070;text-align:left;margin-top:3%;line-height:180%;}
.tb_bottom span{font-size:16px;color:#959595;}
/*뉴스버튼*/
.news_btn01 a{width:35%;margin:7% auto 10% auto;border:1px solid #02755b;border-radius:30px;padding:1% 5%;font-size:20px;font-weight:400;display:block;background:#02755b;text-align:center;color:#fff}
.news_btn01 a:hover{background:#000;border:1px solid #000;}

/*이달의 리멤버*/
.remember_txt{width:100%;font-size:20px;color:#303030;font-weight:400;line-height:180%;}
.remember_box{width:84%;border:3px solid #cdcdcd;padding:7% 8%;}
.remember_box02{width:85%;border-right:3px solid #cdcdcd;border-left:3px solid #cdcdcd;border-bottom:3px solid #cdcdcd;border-top:0px;padding:6% 7.5%;margin-bottom:7%}
.remember_title{overflow:hidden;width:100%; text-align:center;font-size:30px;font-weight:500;color:#080808;margin:1% 0 2% 0}
.remember_txt02{width:100%;font-size:18px;color:#707070;font-weight:400;line-height:180%;}
.remember_txt02 span{font-weight:500;color:#000}
/*이달의리멤버_X아이콘*/
.icon03{margin:5% auto 4% auto;width:27px}
/*이달의 리멤버 버튼*/
.remember_btn01 a{width:15%;margin:5% auto 7% auto;border:1px solid #02755b;border-radius:25px;padding:0.8% 1.5%;font-size:20px;font-weight:400;display:block;background:#02755b;text-align:center;color:#fff}
.remember_btn01 a:hover{background:#000;border:1px solid #000;}
.remember_btn02 a{width:18%;margin:5% auto 0 auto;border:1px solid #000;border-radius:25px;padding:0.8% 1.5%;font-size:20px;font-weight:400;display:block;background:#000;text-align:center;color:#fff}
.remember_btn02 a:hover{background:#02755b;border:1px solid #02755b;}
/*top버튼*/
.top_btn_sub{display:block;position:fixed; bottom:17%; right:3%;opacity:0.5}
/*event*/
.brmobile{display:block}
.event{width:100%;max-width:1920px;margin:0 auto;background:url('../images/sub04_bg.jpg') no-repeat center;height:895px}
.event h2{text-align:center;color:#3d3d3d;font-size:18px;font-weight:400;font-family: 'Noto Sans KR', sans-serif;letter-spacing:0.15em;padding-top:8%;margin:0 auto}
.event h3{text-align:center;color:#02755b;font-size:128px;font-weight:800;font-family: 'Raleway', sans-serif;letter-spacing:0.2em;padding-bottom:2.5%;text-transform:uppercase}
.event h4{text-align:center;color:#313131;font-size:52px;font-weight:500;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em;padding-bottom:2%}
.q_txt0{text-align:center;font-size:22px;color:#3d3d3d;font-weight:400;line-height:180%;padding-bottom:2%}
.q_txt2{text-align:center;font-size:28px;color:#02755b;font-weight:400;text-align:center;margin:0 auto 2%;padding: 1.5% 5%;border-radius:60px;display:block;background:#fff;width:35%;margin:1% auto 0 auto;}
.q_txt2 span{font-weight:300}
.q_txt2 .eng{text-align:center;font-size:28px;color:#02755b;font-weight:400;text-align:center;padding:2% 0 2% 0;font-family: 'Roboto', sans-serif}
.q_txt2 .b{text-align:center;font-size:28px;color:#02755b;font-weight:500;text-align:center;padding:2% 0 2% 0;}
.q_txt1{text-align:center;font-size:30px;color:#4f5050;font-weight:400;line-height:190%;padding-bottom:1%}
.q_txt1 span{font-family: 'Roboto', sans-serif}
.q_txt1 .square{font-size:32px;font-weight:400;letter-spacing:-0.15em;color:#02755b}
.q_txt1 .square2{font-size:48px;font-weight:500;letter-spacing:-0.15em;color:#02755b}
.q_txt1 .square3{font-size:45px;color:#02755b;letter-spacing:-0.05em;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.q_txt3{text-align:center;font-size:30px;color:#4f5050;font-weight:400;line-height:180%;padding-bottom:1%}
.mark {background-color:#ff9; color:#000; }
.quizbox{overflow:hidden;background:#fff;padding:7% 0;text-align:center}
.hint{width:100%;text-align:center;overflow:hidden;padding-top:5%}
.hint_l{width:50%;float:left;display:block;text-align:right;padding-top:5px}
.hint_r{width:50%;float:right;display:block;font-size:26px;font-weight:bold;font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;text-align:left;color:#02755b;font-style:italic;line-height:180%}
.hint_st{text-align:center;color:#02755b;font-size:23px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;line-height:160%;padding-top:1%}
.hint_st a{color:#02755b}
.hint_st span{text-align:center;color:#02755b;font-size:23px;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.present{width:100%;overflow:hidden;margin:0 auto;background:#fcf8ed;padding:7% 0}
.box{margin:0 auto;text-align:center;width:40%;}
.boximg{width:100%}
.present_t1{font-size:30px;color:#02755b;font-weight:400;font-family: 'Noto Sans KR', sans-serif;padding-top:3%}
.present_t1 span{font-family:'Roboto', sans-serif}
.present_t1 .icon{font-family: 'Noto Serif KR', serif;color:#02755b;font-weight:700}
.present_line{border-bottom:1px solid #e07671;width:100%; padding:2% 0;margin:0 auto}
.presentlist{width:100%;overflow:hidden;padding-top:5%}
.presentlist li{width:50%;float:left}
.present_t2{font-size:20px;color:#3d3d3d;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.present_t2 span{font-weight:300}
.present_t2 .eng{font-size:21px;color:#3d3d3d;font-weight:400;font-family:'Roboto', sans-serif}
.btn {background:#000;text-align:center;width:70%;margin-top:10%;font-family: 'Noto Sans KR',  sans-serif;border:1px solid #1b1b1b;color:#fff; font-size:21px; font-weight:400; padding:0 0 8% 0; display:inline-block; box-sizing:border-box;  animation:fadeIn3 10s; position:relative; line-height:140%;vertical-align:top}
.btn img{padding:5% 0 0 2% ; display:inline-block;}
.btn:hover { border:1px solid #fff; color:#02755b}
.btndiv{background:#000;text-align:center;width:70%;margin:15% auto 0 auto;padding:5%}
.btnleft{font-family: 'Noto Sans KR',  sans-serif;color:#fff; font-size:21px; font-weight:400;display:inline;padding:0 0 60px 0}
.btnleft img{vertical-align:middle;} 
.btnleft a{color:#fff;}
/*br*/
.mobile_1024{display:block}
.mobile_1024br{display:none}
.mobile_768{display:block}
.mobile_768br{display:none}
.mobile_570{display:block}
.mobile_570br{display:none}
.mobile_360{display:block}
.mobile_360br{display:none}
.mobile_425{display:block}
.mobile_425br{display:none}

@media screen and (max-width:1680px) {	
/*공연안전대피도*/
.dtitle{font-size:65px}
.dgray{font-size:65px}
.dline{font-size:22px}
.caution_st{font-size:21px}
.caution_st span{font-size:21px}
.guide_title{font-size:28px}
.guide_stitle{font-size:18px;line-height:180%}
.guide_stitle2 li{font-size:18px;line-height:180%}
/*news*/
.news_btn01 a{width:45%}
.remember_btn02 a{width:23%}
.remember_btn01 a{width:18%}
}
@media screen and (max-width:1600px) {	
.dtitle{font-size:60px}
.dgray{font-size:60px}
.dline{font-size:20px}
}
@media screen and (max-width:1440px) {
/*QnA*/
.contents02 h2{font-size:17px}
.contents h3{font-size:45px}
.contents h3 span{font-size:45px}
.toptitle{font-size:18px;line-height:180%}
.balmoon{font-size:20px}
.contents h4{font-size:38px}
.txt01{font-size:18px}
.answer{font-size:22px}
.name{font-size:15px}
.txt01_green{font-size:18px}
/*공연안전대피도*/
.middle{width:60%}
.dtitle{font-size:55px}
.dgray{font-size:55px}
.dline{font-size:20px}
/*news*/
.news_btn01 a{font-size:16px}
.remember_btn01 a{font-size:16px}
.remember_btn02 a{font-size:16px}
.news_title{font-size:35px}
.tb_normal th{font-size:18px}
.tb_normal td{font-size:16px}
.tb_normal td span{font-size:14px}
.tb_bottom span{font-size:14px}
.tb_bottom{font-size:16px}
.remember_txt{font-size:18px}
.remember_title{font-size:28px}
.remember_txt02{font-size:16px}
/*event*/
.event{/*background:url('../images/sub04_bg.jpg') no-repeat center;*/height:720px}
.event h2{font-size:18px;letter-spacing:0.1em;padding-top:8%}
.event h3{;font-size:100px;font-weight:800;letter-spacing:0.2em}
.event h4{font-size:45px;letter-spacing:-0.05em}
.q_txt0{font-size:18px;padding-bottom:2%}
.q_txt2{font-size:26px;padding: 1.5% 5%}
.q_txt2 span{font-size:26px}
.q_txt2 .eng{font-size:26px}
.q_txt2 .b{font-size:26px;}
.q_txt1{font-size:26px}
.q_txt3{font-size:26px}
.q_txt1 .square{font-size:28px;}
.q_txt1 .square2{font-size:40px}
.q_txt1 .square3{font-size:40px}
.quizbox{padding:7% 0}
.hint_r{font-size:24px}
.hint_st{font-size:20px}
.hint_st span{font-size:20px}
.present_t1{font-size:28px;}
.present_t2{font-size:18px}
.present_t2 .eng{font-size:19px}
.btn { font-size:19px}
.btnleft{font-size:19px}
}
/*노트북*/
@media screen and (max-width:1366px) {
.contents h2{font-size:18px}
.contents h3{font-size:41px}
.contents h3 span{font-size:43px}
.balmoon{font-size:19px}
.stitle{font-size:16px}
.contents h4{font-size:36px}
/*공연안전대피도*/
.dtitle{font-size:50px;padding-bottom:30%}
.dgray{font-size:50px}
.dline{font-size:18px}
.division_right{padding-left:5%;width:45%}
.division2_right{padding-left:5%;width:45%}
.caution_st2{font-size:14px}
.guide_title{font-size:26px}
.guide_title span{font-size:26px}
.guide_stitle{font-size:16px}
.guide_stitle2 li{font-size:16px}
/*event*/
.event h2{padding-top:10%}
.event h3{;font-size:100px;letter-spacing:0.15em}
.q_txt2{font-size:23px}
.q_txt2 .b{font-size:23px}
.q_txt2 .eng{font-size:25px}
.q_txt2 span{font-size:23px}
.q_txt1{font-size:24px}
.q_txt3{font-size:24px}
.q_txt1 .square3{font-size:38px}
.q_txt1 .square2{font-size:38px}
}
@media screen and (max-width:1280px) {
.width90{width:90%}
.dtitle{font-size:47px;padding-bottom:35%}
.dgray{font-size:47px}
.dline{font-size:17px}
.caution_st2{font-size:12px}
.guide_stitle2 li{letter-spacing:-0.03em}
.box{width:55%}
}
@media screen and (max-width:1199px) {	
.dtitle{font-size:45px}
.dgray{font-size:45px}
.dline{font-size:16px}
.division{width:100%}

}
/*아이패드 미니-가로*/
@media screen and (max-width:1024px) {
.mobile_1024br{display:block}

.icon01{margin:9% auto 3% auto}
.logo_w img{width:90%}
.btn_side{padding:16px 28px 16px 10px;font-size:16px}
.contents h2{font-size:17px}
.contents h3{font-size:40px}
.contents h4{font-size:32px}
.toptitle{font-size:16px}
.balmoon{font-size:17px}
.txt01{font-size:15px}
.answer{font-size:18px}
.name{font-size:13px}
.stitle{font-size:15px}
.contents h5{font-size:22px}
.txt01_green{font-size:15px}
.division{width:80%}
.dtitle{font-size:50px;padding-bottom:10%}
.dgray{font-size:50px}
.dline{font-size:18px}
.dtitle{clear:both;margin:0 auto;padding-left:10%}
.division_left{width:100%;clear:both;margin:0 auto;text-align:center}
.division_right{width:100%;clear:both;margin:10% auto 0 auto;text-align:center }
.division2_left{width:100%;clear:both;margin:0 auto;clear:both;margin:0 auto;padding-left:22%}
.division2_right{width:100%;clear:both;margin:0 auto;clear:both;margin:0 auto;padding:0 0 0 22%}
.guide_stitle{padding-bottom:10%}
.width90{width:70%}

.caution_st2{padding-top:5%}
.guide_title{font-size:22px;padding-bottom:1%}
.guide_title span{font-size:22px}
.guide_stitle2 li{font-size:16px}
.img_card_first{width:58%}
.img_card{width:58%}
.img_card_last{width:58%}
/*news*/
.newsbox{width:50%}
.news_btn01 a{font-size:16px;width:55%}
.remember_btn01 a{font-size:16px;width:30%}
.remember_btn02 a{font-size:16px;width:35%}
.news_title{font-size:32px}
.tb_normal th{font-size:14px}
.tb_normal td{font-size:14px}
.tb_normal td span{font-size:12px}
.tb_bottom span{font-size:12px}
.tb_bottom{font-size:14px}
.remember_txt{font-size:16px}
.remember_title{font-size:26px}
.remember_txt02{font-size:14px}
/*event*/
.event{/*background:url('../images/sub04_bg.jpg') no-repeat center;*/height:600px}
.event h2{font-size:16px;letter-spacing:0em;padding-top:12%}
.event h3{;font-size:70px;font-weight:800;letter-spacing:0.2em}
.event h4{font-size:40px;letter-spacing:-0.05em}
.q_txt0{font-size:14px;padding-bottom:2%}
.q_txt2{font-size:18px;padding: 1.5% 5%}
.q_txt2 span{font-size:18px}
.q_txt2 .eng{font-size:18px}
.q_txt2 .b{font-size:18px;}
.q_txt1{font-size:20px}
.q_txt3{font-size:20px}
.q_txt1 .square{font-size:22px;}
.q_txt1 .square2{font-size:30px}
.q_txt1 .square3{font-size:30px}
.quizbox{padding:7% 0}
.hint_l img{width:6%;padding-left:5px}
.hint_r{font-size:22px}
.hint_st{font-size:18px}
.hint_st span{font-size:18px}
.present_t1{font-size:22px}
.present_t2{font-size:16px}
.present_t2 .eng{font-size:19px}
.presentlist img{width:2%}
.btn { font-size:17px}
.btnleft{font-size:17px}
}
@media screen and (max-width:960px) {	
}
/*아이패드 미니-세로, 아이폰 XS-가로*/
@media screen and (max-width:768px) {	
.mobile_768br{display:block}
.mobile_768{display:none}
/* header */
.logo_w{position:absolute;top:3%}
.vol_b{position:absolute;font-size:10px;left:2%}
.vol_b span{font-size:10px}
.btn_side {position:absolute;top:3%}
.icon01{margin:25% auto 3% auto}
.icon01 img{width:90%}
.icon02 img{width:60%}
.logo_w img{width:70%}
.btn_side{padding:12px 22px 12px 10px;font-size:14px}
/*content*/
.contents h2{font-size:15px;top:11.5%;border-top:1px solid #e8e8e8;padding-top:5%}
.contents h3{font-size:30px;width:75%;margin:0 auto}
.contents h3 span{font-size:30px}
.contents h4{font-size:26px}
.toptitle{font-size:14px}
.balmoon{width:70%;font-size:16px}
.txt01{width:70%}
.contents h5{font-size:20px}
.txt01_green{width:70%}
.division{width:100%}
.division2{width:100%}
.division2_left{padding-left:8%;width:92%}
.division2_right{padding:0 0 0 8%;width:92%}
.guide_stitle{padding-bottom:8%;font-size:16px}
.width90{width:95%}
.dtitle{font-size:50px}
.dgray{font-size:50px}
.dline{font-size:18px}
.division_right{padding-left:0}
.caution_st2{padding-top:5%}
.guide_title{font-size:22px;padding-bottom:1%}
.guide_title span{font-size:22px}
.img_card_first{width:58%}
.img_card{width:58%}
.img_card_last{width:58%}
/*news*/
.contents02 h2{font-size:15px;top:12%;border-top:1px solid #e8e8e8;padding-top:5%}
.stitle{font-size:14px}
.newsbox{width:60%}
.news_btn01 a{font-size:14px}
.remember_btn01 a{font-size:14px}
.remember_btn02 a{font-size:14px}
.news_title{font-size:28px}

.remember_txt{font-size:16px}
.remember_title{font-size:26px}
.remember_txt02{font-size:14px}
/*event*/
.event{/*background:url('../images/sub04_bg.jpg') no-repeat center;*/height:600px}
.event h2{font-size:16px;letter-spacing:0em;padding-top:23%}
.event h3{;font-size:70px;font-weight:800;letter-spacing:0.2em}
.event h4{font-size:40px;letter-spacing:-0.05em}
.q_txt0{font-size:13px;padding-bottom:3%}
.q_txt2{font-size:18px;padding: 1.5% 5%;width:50%}
.q_txt2 span{font-size:18px}
.q_txt2 .eng{font-size:18px}
.q_txt2 .b{font-size:18px;}
.q_txt1{font-size:17px}
.q_txt3{font-size:17px}
.q_txt1 .square{font-size:19px;}
.q_txt1 .square2{font-size:27px}
.q_txt1 .square3{font-size:27px}
.quizbox{padding:7% 0}
.hint_l img{width:6%;padding-left:5px}
.hint_r{font-size:22px}
.hint_st{font-size:15px}
.hint_st span{font-size:15px}
.present_t1{font-size:20px}
.present_t2{font-size:15px}
.present_t2 .eng{font-size:16px}
.presentlist img{width:2%}
.btn { font-size:17px}
.btnleft{font-size:17px}
/* images */
.double{width:100%;float:left}
.img02{width:70%}
.img05{width:70%}
.img07{width:70%;padding-bottom:3%}
.img06{width:70%}
.caption01{font-size:12px}
}
@media screen and (max-width:570px) {
.mobile_570br{display:block}
.mobile_570{display:none}
.vol_b{transform: rotate(0deg) translateX(190%);top:6%;text-align:center}
.icon01{margin:31% auto 3% auto}
.icon03 img{width:60%}
.balmoon{font-size:15px}
.contents h2{font-size:14px}
.contents h3{font-size:32px;letter-spacing:-0.07em;font-weight:600;width:90%}
.contents h3 span{font-size:32px;letter-spacing:-0.07em;font-weight:600}
.contents h3 .red{font-size:32px;letter-spacing:-0.07em;font-weight:800}
.contents02{background:#fff;}
.toptitle, .stitle, .stitle span{font-size:14px}
.contents h4{font-size:24px}
.txt01_green{font-size:14px}
.txt01{font-size:14px;margin:3% auto 10% auto}
.answer{font-size:16px}
.name{font-size:12px}
.check img{width:20%}
.check_r, .hint_r{font-size:20px}
.caution_st{font-size:16px}
.caution_st span{font-size:16px}
.caution_st2{padding-bottom:10%}
.middle{width:80%}
.guide_title{font-size:20px}
.guide_title span{font-size:20px}
.guide_stitle, .guide_stitle2 li{font-size:14px}
.img_card_first{width:70%}
.img_card{width:70%}
.img_card_last{width:70%} 
.news_title{font-size:26px}
.newsbox{width:80%;padding:5% 10% 0 10%}
.news_btn01 a{width:75%}
.remember_box{width:88%;padding:7% 6%}
.remember_box02{width:88%;padding:7% 6%}
.remember_title{font-size:20px}
.event{height:670px}
.event h2{font-size:13px;padding-top:18%;letter-spacing:0.1em}
.event h3{font-size:90px;line-height:90%;letter-spacing:0.1em;padding-top:2%}
.event h4{font-size:36px}
.q_txt0{font-size:14px;width:52%;margin:0 auto}
.q_txt2{width:50%}
.q_txt2 .b, .q_txt2 span{font-size:15px}
.q_txt2 .eng{font-size:16px}
.q_txt1{font-size:15px}
.q_txt3{font-size:15px}
.q_txt1 .square{font-size:17px}
.q_txt1 .square3, .q_txt1 .square2{font-size:24px}
.hint_l img{width:8%;padding-right:5px}
.hint_st span, .hint_st{font-size:14px}
.box{width:70%}
.boximg img{width:50%}
.present_t1{font-size:18px}
.presentlist li, .present_t2 .eng, .present_t2 span, .present_t2{font-size:14px}
.presentlist img{width:3%}
.division_left img{width:80%}
.dtitle{font-size:43px}
.dgray{font-size:43px}
.dline{font-size:15px}
.division_left img{width:78%}
}
/*아이폰XS*/
@media screen and (max-width:425px) {
.mobile_425{display:none}
.mobile_425br{display:block}
.mobile_570br{display:block}
.dtitle{font-size:35px}
.dgray{font-size:35px}
.dline{font-size:12px}
.division_right{width:100%}
.guide_stitle2 li{margin-left:4px;letter-spacing:-0.01em;}
.vol_b{transform: translateY(-100%) rotate(0deg) translateY(100%);position:absolute;width:100%;text-align:center;margin-top:0.5%}
.top_btn_sub img{width:80%}
.top_btn_sub{right:1%;bottom:9%}
.logo_w img{width:60%}
.icon01{margin:42% auto 7% auto}
.icon02 img{width:50%}
.toptitle{font-size:13px;line-height:150%}
.stitle, .stitle span{font-size:12px}
.contents h2{top:16%}
.contents02 h2{top:16%}
.contents h3{font-size:28px;font-weight:500}
.contents h3 span{font-size:28px;font-weight:500}
.contents h3 .red{font-size:28px;font-weight:600}
.contents h4{font-size:18px}
.balmoon{font-size:14px;margin:5% auto 6% auto}
.txt01, .txt01_green{font-size:13px}
.answer{font-size:15px;letter-spacing:0.02em}
.name{font-size:12px;letter-spacing:0.1em}
.contents h5{font-size:18px;letter-spacing:0.2em}
.division2_left{padding-left:3%;width:97%}
.division2_right{padding-left:3%;width:97%}
.division2_left img{width:12%}
.division2_right img{width:12%}
.caution_st2{font-size:11px}
.guide_title{font-size:16px}
.guide_title span{font-size:16px}
.guide_stitle2 li{font-size:12px}
.guide_stitle{font-size:12px}

.img_card_first{margin:10% auto 1.5% auto}
.news_title{font-size:19px}
.remember_title{font-size:18px}
.tb_normal th{font-size:11px}
.tb_normal td{font-size:10px}
.tb_normal td span{font-size:9px}
.tb_bottom{font-size:10px}
.tb_bottom span{font-size:10px}
.news_btn01 a{font-size:12px;width:80%}
.remember_btn01 a{font-size:12px;width:40%}
.remember_btn02 a{font-size:12px;width:40%}
.remember_txt{font-size:13px}
.remember_txt02{font-size:13px}
.img03{width:70%}
.img02{width:70%}
.event{height:540px}
.event h2{font-size:12px;padding-top:30%;letter-spacing:0.15em;font-weight:500}
.event h3{font-size:80px;line-height:90%;letter-spacing:0em;padding-top:1%}
.event h4{font-size:30px}
.q_txt0{font-size:13px;width:75%;line-height:170%;letter-spacing:-0.05em}
.q_txt2{width:60%}
.q_txt2 .b, .q_txt2 span{font-size:12px}
.q_txt2 .eng{font-size:13px}
.q_txt1{font-size:14px;line-height:160%;width:80%;margin:0 auto}
 q_txt3{font-size:13px;line-height:160%;padding-top:10%}
.q_txt1 .square{font-size:17px}
.q_txt1 .square3, .q_txt1 .square2{font-size:24px;line-height:130%}
.hint_r{font-size:15px;padding-top:2%}
.hint_l img{width:8%;padding-right:5px}
.hint_st span, .hint_st{font-size:14px}
.quizbox{padding:13% 0;width:100%}
.box{width:70%;margin:0 auto}
.boximg img{width:50%}
.present{padding:13% 0}
.presentlist li, .present_t2 .eng, .present_t2 span, .present_t2{font-size:12px}
.presentlist img{width:3%}
.quizbox{width:100%;margin:0 auto}
.box{width:80%}
.hint_st span, .hint_st{font-size:11px}
.present_t1{font-size:15px}
.vol_b{left:0}
.caption01{font-size:10px}


}
@media screen and (max-width:360px) {
.mobile_360br{display:block}
.dtitle{font-size:32px}
.dgray{font-size:32px}
.dline{font-size:12px}
.vol_b{transform: translateY(-100%) rotate(0deg) translateY(100%);position:absolute;width:100%;text-align:center;margin-top:1%}
.contents h3{font-size:25px}
.contents h3 span{font-size:25px}
.contents h3 .red{font-size:25px;font-weight:100}
.division2_left{padding-left:2%;width:98%}
.division2_right{padding-left:2%;width:98%}
.presentlist li, .present_t2 .eng, .present_t2 span, .present_t2{font-size:10px}
.hint_l img{width:10%;padding-right:5px}
.hint_r{font-size:14px;padding-top:2%}
.hint_st span, .hint_st{font-size:10px}
.present_t1{font-size:13px}
.btnleft{font-size:13px}
.btnleft img{width:15%}
.q_txt0{font-size:12px}
.q_txt2{line-height:110%;width:60%}
.event{height:500px}
.event h2{padding-top:30%;font-size:10px}
.event h4{font-size:25px}
.event h3{font-size:65px}
.q_txt1{font-size:12px}
.q_txt3{font-size:13px}
.q_txt1 .square3, .q_txt1 .square2{font-size:18px}

.contents h4{font-size:16px}
.stitle, .stitle span{font-size:11px}
.balmoon{font-size:13px}
.caution_st{font-size:13px}
.caution_st span{font-size:13px}
.guide_stitle2 li{font-size:12px}
.news_btn01 a{font-size:11px;width:75%}
.remember_btn01 a{font-size:11px}
.remember_btn02 a{font-size:11px}
.icon01 img{width:80%}

.tb_normal th{font-size:10px}
.tb_normal td{font-size:9px}
.tb_normal td span{font-size:8px}
.tb_bottom{font-size:9px}
.tb_bottom span{font-size:9px}

}