@charset "utf-8";
@font-face {font-family:"Noto Demi"; src:url('/Font/NotoSansCJKkr-DemiLight.eot'); src:url('/Font/NotoSansCJKkr-DemiLight.eot?#iefix') format('embedded-opentype'), url('/Font/NotoSansCJKkr-DemiLight.woff') format('woff'), url('/Font/NotoSansCJKkr-DemiLight.ttf') format('truetype'), url('/Font/NotoSansCJKkr-Light.svg#NotoSansCJKkr-DemiLight') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:"Noto Light"; src:url('/Font/NotoSansCJKkr-Light.eot'); src:url('/Font/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'), url('/Font/NotoSansCJKkr-Light.woff') format('woff'), url('/Font/NotoSansCJKkr-Light.ttf') format('truetype'), url('/Font/NotoSansCJKkr-Light.svg#NotoSansCJKkr-Light') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:"Noto Regular"; src:url('/Font/NotoSansCJKkr-Regular.eot'); src:url('/Font/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'), url('/Font/NotoSansCJKkr-Regular.woff') format('woff'), url('/Font/NotoSansCJKkr-Regular.ttf') format('truetype'), url('/Font/NotoSansCJKkr-Regular.svg#NotoSansCJKkr-Regular') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:"Noto Medium"; src:url('/Font/NotoSansCJKkr-Medium.eot'); src:url('/Font/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'), url('/Font/NotoSansCJKkr-Medium.woff') format('woff'), url('/Font/NotoSansCJKkr-Medium.ttf') format('truetype'), url('/Font/NotoSansCJKkr-Medium.svg#NotoSansCJKkr-Medium') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:"Noto Bold"; src:url('/Font/NotoSansCJKkr-Bold.eot'); src:url('/Font/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'), url('/Font/NotoSansCJKkr-Bold.woff') format('woff'), url('/Font/NotoSansCJKkr-Bold.ttf') format('truetype'), url('/Font/NotoSansCJKkr-Medium.svg#NotoSansCJKkr-Bold') format('svg'); font-weight:normal; font-style:normal;}

header.logo_inner{position:absolute;left:0;top:0;}

#container {background:#fff;}
.evt_wrap{min-width:1080px;width:100%;font-family:'Noto Regular';}
.visual{position:relative;padding:26px 0 415px;text-align:center;border-bottom:3px solid #000;}
.visual:after{content:'';position:absolute;left:50%;bottom:-128px;display:inline-block;width:591px;height:537px;margin-left:-295px;background:url('../images/visual_hobi.png') no-repeat 50% 50%}
.info_box{padding:108px 0 104px 0;text-align:center;background:#FED700;}
.info_box .mb80{margin-bottom:80px;}

.step_box{padding:85px 0 35px;background:#FFE34D url('../images/bg_reply_top.png') repeat-x 50% 100% / 22px auto;text-align:center;}
.step_box ol li{margin-bottom:50px;}

.reply_box{padding:100px 32px 50px;background:#F9F9F9;}
.reply_box .inner{width:590px;margin:0 auto;}
.reply_box h2{text-align:center;margin-bottom:30px;}
.reply_box .entry{position:relative;padding-bottom:88px;}
.reply_box .entry textarea{width:100%;height:300px;padding:45px 40px;border:5px solid #E1E1E1;border-bottom-width:0;border-top-left-radius:13px;border-top-right-radius:13px;box-sizing:border-box;resize:none;font-size:20px;}
.reply_box .entry textarea::placeholder{font-size:20px;color:#999;}
.reply_box .entry .btn_write{position:absolute;left:0;bottom:5px;width:100%;height:88px;line-height:86px;background:#FED700;text-align:center;border:2px solid #E9C604;border-bottom-left-radius:13px;border-bottom-right-radius:13px;}
.reply_box .entry .btn_write img{vertical-align:middle;}
.reply_box .total{padding:60px 0 24px;font-size:20px;color:#000;text-align:right;}
.reply_box .total strong{font-size:20px;color:#EA7900;font-family:'Noto Bold';}
.reply_box .reply_list{padding-bottom:100px;border-top:2px solid #e9e9e9;}
.reply_box .reply_list li{display:table;width:100%;padding:40px 0;border-bottom:2px solid #E9E9E9;}
.reply_box .reply_list li .l_box{display:table-cell;padding-right:22px;}
.reply_box .reply_list li .l_box .profile{display:inline-block;width:96px;height:96px;/*border:3px solid #D5D5D5;border-radius:50%;*/box-sizing:border-box;}
.reply_box .reply_list li .l_box .profile img{width:100%;}
.reply_box .reply_list li .r_box{display:table-cell;width:100%;vertical-align:top;}
.reply_box .reply_list li .identity{font-size:20px;color:#000;font-family:'Noto Bold';}
.reply_box .reply_list li .date{font-size:16px;color:#999;vertical-align:top;}
.reply_box .reply_list li .date:before{content:'';display:inline-block;width:2px;height:14px;margin:0 12px;background:#E9E9E9;vertical-align:middle;}
.reply_box .reply_list li p{margin-top:10px;color:#231916;line-height:24px;font-size:16px;}
.reply_box .reply_list li textarea{width:100%;height:300px;margin-top:10px;resize:none;}
.reply_box .reply_list li .btn_box{padding-top:12px;text-align:right;}
.reply_box .reply_list li .btn_box a{color:#999;font-size:16px;}
.reply_box .reply_list li .btn_box .btn_delete:before{content:'';display:inline-block;width:2px;height:14px;margin:0 12px;background:#E9E9E9;vertical-align:middle;}
.reply_box .btn_more{display:block;width:100%;height:72px;line-height:68px;background:#fff;border-radius:16px;box-shadow:0 3px 3px rgba(0, 0, 0, .08);text-align:center;border:1px solid #E9E9E9}
.reply_box .btn_more img{vertical-align:middle;}


.noti_box{padding:70px 0 50px;background:#fff;}
.noti_box .inner{position:relative;width:640px;margin:0 auto;}
.noti_box h3{margin-bottom:30px;}
.noti_box h4{margin-bottom:10px;font-size:25px;color:#231916;font-weight:700;font-family:'Noto Regular';}
.noti_box ul li{position:relative;padding-left:9px;margin-bottom:7px;lcolor:#757575;word-break:keep-all;font-size:16px;line-height:22px;letter-spacing:-0.022em;}
.noti_box ul li:before{content:'-';position:absolute;left:0;top:0;width:4px;height:4px;margin-right:10px;}

@media only screen and (max-width:1360px){
	.pop_wrap {position:absolute;}
	.step_box .step02 img{width:100%;}
}


#mask{display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background:rgba(0, 0, 0, .75);transition: all 0.2s ease-in-out;}
.pop_wrap{display:none;position:fixed;left:50%;top:50% !important;z-index:101;width:256px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align:center;transition: all 0.2s ease-in-out;box-sizing:border-box;}
.pop_wrap .pop_cont{display:table;width:100%;height:177px;align-items:center;justify-content:center;background:#fff;box-sizing:border-box;border-top-left-radius:12px;border-top-right-radius:12px;vertical-align:middle;}
.pop_wrap.pop_hobi .pop_cont{display:block;padding-top:160px;height:227px;background:#fff url('../images/pop_hobi.png') no-repeat 50% 45px / 100px auto;}
.pop_wrap .pop_cont p{display:table-cell;font-size:15px;color:#000;vertical-align:middle;text-align:center;}
.pop_wrap.pop_hobi .pop_cont p{display:block;}
.pop_wrap .btn_ok{display:inline-block;width:100%;height:64px;line-height:64px;margin-top:-1px;background:#FED700;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.pop_wrap .btn_ok img{width:34px;vertical-align:middle;}
.pop_wrap .btn_close {position:absolute;top:17px;right:17px;display:inline-block;width:13px;height:13px;background:url('../images/btn_close.png') no-repeat 50% 50% / 13px auto;text-indent:-9999px;}
