* {margin:0; padding:0; box-sizing:border-box}
body,h1,h2,h3{font-family:"Malgun Gothic",arial,Tahoma,sans-serif;padding:0;margin:0;font-size:16px}table {border-collapse:collapse;border-spacing:0;}img{width:100%;vertical-align:top;border:none}a{text-decoration:none;color:inherit}ul,li,ol{list-style:none;padding:0;margin:0}h2{font-family:"맑은 고딕";font-size:16px;line-height:24px;font-weight:700;padding:0 0 10px;color:#06C;border-bottom:1px solid #dedede}#container{width:100%;max-width:640px;margin:0 auto}#container header .toptxt{padding:4% 0 1%;margin:0 4% 4%;border-bottom:1px solid #dedede}#container header .toptxt h1{font-family:"맑은 고딕";font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.035em}#container header .toptxt h1 span{color:red}#container header .toptxt p{font-size:16px;font-weight:700;line-height:1.65;color:#999;position:relative;padding-left:15px}#container header .toptxt p::after{content:'';display:block;width:5px;height:100%;background:#ccc;position:absolute;left:0;top:0;bottom:0}#container main article p{line-height:28px;font-size:18px;font-family:"맑은 고딕";color:#333;letter-spacing:-.5px;text-align:justify;word-break:break-all;padding:5px 5%;box-sizing:border-box}#container main article .subtxt{margin-top:0;text-align:center;color:#000;font-weight:700;font-size:.9rem}#container main article img{display:block;margin:0 auto}

/*#container main.reply{margin-top:2em}#container main .reply .retop{width:100%;padding:0 5%;box-sizing:border-box;margin:0 auto;position:relative;height:40px;border-bottom:1px solid #a9a9a9}#container main .reply .retop p{display:inline-block;font-weight:700;margin:0;line-height:40px;letter-spacing:-.035em}#container main .reply .retop button{position:absolute;right:5%;bottom:7px;font-size:11px;font-weight:700;background:#f2f2f2;border:1px solid #ccc;height:30px}#container main .reply .retop button span{font-size:10px;color:#ccc}#container main .reply .retap{white-space:nowrap;border-top:1px solid #ddd}#container main .reply .retap li{float:left;height:40px;line-height:40px;width:50%;box-sizing:border-box;text-align:center;font-weight:700}#container main .reply .retap li:first-child{background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd}#container main .reply .retap li:last-child{color:#396dba;background:#f7f7f7}#container main .reply .retap::after{content:'';display:block;clear:both}#container main .reply .retxt{margin:4% 5%;border-bottom:1px solid #ccc}#container main .reply .retxt p{margin-top:.5em;font-size:.9em;color:#666}#container main .reply .retxt h3 span{font-size:12px;padding:3px 6px;background:red;color:#fff;border-radius:2px}#container main .reply .retxt .retime{color:#777;font-size:11px}#container main .reply .rebtn{position:relative;height:30px;margin:.5em 0}#container main .reply .rebtn button{font-size:11px;font-weight:700;background:#fbfbfb;border:1px solid #cdcdcd;height:25px}#container main .reply .rebtn ul{float:right}#container main .reply .rebtn ul li{float:left;margin-left:.4em}#container main .reply .rebtn ul li button{padding-left:20px;position:relative}#container main .reply .rebtn ul li button::before{position:absolute;left:5px;top:5px;content:'';display:block;width:12px;height:12px;background:url(../images/up.png)no-repeat;background-size:100% 100%}#container main .reply .rebtn ul li:last-child button::before{background:url(../images/down.png)no-repeat;background-size:100% 100%}#container main .renum{text-align:center}#container main .renum li{font-size:12px;display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #ccc;margin:0 5px}#container main .renum li:first-child{font-weight:700}*/

.footer {padding:20px 0; text-align:center; border-top:1px dotted #ddd; font-weight:normal;background:#555; color:#999; margin-top:20px; font-size:13px; }
footer >div {font-family: "Malgun Gothic", arial, Tahoma, sans-serif!important;}
div.form1{ 
	width: 100%;
	
	position: relative;
	z-index: 50000;
}

footer > .footer1 {
    width: 100%;
    padding: 5% 0;
    box-sizing: border-box;
    background: #f1f1f1;
    color: #555;
    font-size: 14px;
}
footer > .footer2 {
    width: 100%;
    padding: 5% 0;
    box-sizing: border-box;
    background: #f1f1f1;
    color: #555;
    font-size: 12.5px;
    line-height: 18px;
}
div.form1 form table{ /*DB폼 색상&라인변경*/
	line-height: 54px;
	background-color: #0f0f0f; /*DB창 백그라운드 색상*/
	position: relative;
	z-index: 50000;
	color: #fff;
}
div.form1 form table tbody tr td table tbody tr th{  
	width: 25%;
}
div.form1 form table tbody tr td table tbody tr td input[type=text]{
	width: 90%;
	height: 42px;
	border: solid 1px #777;
	font-size: 15px;
}
div.form1 form table tbody tr td table tbody tr td input[type=tel]{
	width: 90%;
	height: 42px;
	border: solid 1px #777;
	font-size: 15px;
}
div.form1 form table tbody tr td table tbody tr td input[type=tel]{
	width: 90%;
	height: 42px;
	border: solid 1px #777;
}
div.form1 form table tbody tr td table tbody tr th input[type=checkbox]{
	width: 5%;
    vertical-align: -3px;
}
div.form1 form table tbody tr td table tbody tr th label{
	font-size: 9pt;
	letter-spacing: -1px;
}
div.form1 form table tbody tr td table tbody tr td select{
	width: 26%;
	height: 30px;
}
section.section{
	width: 100%;
}
div.form2{ 
	width: 100%;
	position: relative;
	z-index: 50000;

}
div.form2 form table{ /*DB폼 색상&라인변경*/
    line-height: 54px;
	background-color: #0f0f0f; /*DB창 백그라운드 색상*/
	position: relative;
	z-index: 50000;
	color: #fff;
}
div.form2 form table tbody tr td table tbody tr th{ 
	width: 25%;
}
div.form2 form table tbody tr td table tbody tr td input[type=text]{
	width: 90%;
	height: 42px;
	border: solid 1px #777;
}
div.form2 form table tbody tr td table tbody tr td input[type=age]{
	width: 90%;
	height: 42px;
	border: solid 1px #777;
}
div.form2 form table tbody tr td table tbody tr td input[type=tel]{
	width: 90%;
	height: 42px;
	border: solid 1px #777;
}
div.form2 form table tbody tr td table tbody tr th input[type=checkbox]{
	width: 5%;
    vertical-align: middle;
}
div.form2 form table tbody tr td table tbody tr th label{
	font-size: 10pt;
	letter-spacing: -1px;
}
div.form2 form table tbody tr td table tbody tr td select{
	width: 26%;
	height: 30px;
}


/*플로팅 버튼배너 시작*/
.flot{
    width: 30%;
    background-color: antiquewhite;
    position: relative;	
}
.flot a{
    width: 40%;
    display: block;
}

.flot img{
    width: 20%;
      position: fixed;
       bottom: 2%;
    right: 0%;
	z-index: 20000; 
}
/*플로팅 버튼배너  끝*/


#comment {margin: 0; padding: 10px; background: #fff!important;}
#container main footer{display:block;margin-top:2em;border-top:1px solid #d9d9d9;background:#f4f4f4;padding:5%;text-align:center}
#container main footer .foot_p {font-size: 0.85em; margin-top: 3em}
#container main footer button{width:22%;border:1px solid #c7c7c7;height:35px;background:linear-gradient(to bottom,#fefefe,#eeefee);background:-webkit-linear-gradient(to bottom,#fefefe,#eeefee);background:-moz-linear-gradient(to bottom,#fefefe,#eeefee);background:-o-linear-gradient(to bottom,#fefefe,#eeefee)}

#container main button:active{box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}

#db{width:92%;margin:2em auto 0;box-sizing:border-box}#db table{width:100%;margin:0 auto 10px;border:10px solid #111;}#db table th,td{padding:8px 0}#db table th{width:27%}#db table td{width:73%}#db table th span{color:red}
#db table input,#db table select{height:40px;padding-left:5px;box-sizing:border-box;width:90%;font-size:1em}
#db table .tel{font-size:0}
#db table .tel input,#db table .tel select{width:29%;font-size:15px;margin-right: 1%;}
#db table .agree{font-size:10px;text-align:center;color:#999}#db table .agree input{width:10px;height:10px}#db table .dbbt{text-align:center;width:100%}#db table .dbbt input{border:none;width:90%;height:auto}#db table .result{text-align:center;font-size:12px}#db table .result input{height:20px;width:20%;background:#f5f5f5;border:1px solid #ccc}


.fixbt{position:fixed;bottom:0;z-index:8; right:0}.fixbt img{width:40%;margin:0 auto;float: right;}.tostPop{position:fixed;left:10%;bottom:12%;width:80%;transform:scale(0);opacity:0;transition:all 0;z-index:9}.tostPop.on{transform:scale(1);opacity:1;transition:all .3s}.tostPop .wrapInner{width:100%;max-width:640px;margin:0 auto;position:relative;background:rgba(0,0,0,.7);border-radius:10px;padding:18px 0;color:#fff;text-align:center;box-sizing:border-box;font-weight:700;font-size:17px}.tostPop .wrapInner b{color:#ffde00}

.w95{width:95%}.w90{width:90%}.p1{color:red}@media screen and (max-width:640px){.flip-clock-wrapper ul{width:14%;white-space:nowrap;height:50px;line-height:50px}.flip-clock-divider{width:5%}.inn{font-size:40px!important}.flip-clock-dot.top{top:33px}.flip-clock-dot.bottom{bottom:32px}.flip-clock-divider{height:50px}}@media screen and (max-width:411px){#container header .toptxt p{font-size:15px}}

article {margin-top: 20px}

.mt20 {margin-top: 20px;}


/*리플 시작*/
.reply {
	width: 100%; margin-top: 20px;
}
.reply .re_top {
	height: 35px; color: rgb(237, 35, 43); line-height: 1em; font-family: arial; font-size: 15px; font-weight: bold;
}
.reply .re_top .re_num {
	text-align: left; margin-top: 5px; margin-left: 10px; float: left;
}
.reply .re_top .btn {
	margin-right: 10px; float: right;
}
.reply .tap {
	width: 100%; height: 30px; border-top-color: rgb(168, 168, 168); border-bottom-color: rgb(225, 225, 225); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.reply .tap .left {
	background: rgb(247, 247, 247); width: 50%; height: 27px; text-align: center; padding-top: 4px; border-right-color: rgb(225, 225, 225); border-right-width: 1px; border-right-style: solid; float: left;
}
.reply .tap .right {
	width: 49%; height: 20px; text-align: center; padding-top: 4px; float: left;
}
.reply .line {
	width: 100%; height: 1px; margin-top: 18px;
}
.reply .text {
	padding: 15px 0px; width: 100%; border-bottom-color: rgb(182, 182, 182); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.reply .text .t_area {
	padding: 0px 10px;
}
.reply .text .t_area .name {
	color: rgb(25, 64, 190); font-size: 11px; font-weight: bold;
}
.reply .text .t_area .ttt {
	color: rgb(102, 102, 102); line-height: 1.5em; font-size: 12px; margin: 10px 0px 12px 0px;
}
.reply .text .t_area .data {
	color: rgb(153, 153, 153); font-size: 11px; margin-bottom: 8px;
}
.reply .text .t_area .btn_write {
	float: left;
}
.reply .text .t_area .like {
	margin-right: 3px; float: right;
}
.reply .text .t_area .dislike {
	float: right;
}
.menu_btm {
	padding: 20px 10px 10px; clear: both;
}
.menu_btm .boxes tr {
	width: 100%;
}
.menu_btm .boxes td {
	background: rgb(248, 248, 248); border: 1px solid rgb(206, 206, 206); border-image: none; width: 33%; height: 20px; text-align: center; font-size: 12px;
}
.menu_btm .boxes a {
	color: rgb(51, 51, 51); font-family: dotum; font-size: 12px; font-weight: bold; text-decoration: none;
}
.menu_btm .boxes a:hover {
	color: rgb(51, 51, 51); font-family: dotum; font-size: 12px; font-weight: bold; text-decoration: none;
}
.menu_btm .boxes .acc_blue a {
	color: rgb(25, 64, 190); font-family: dotum; font-size: 12px; font-weight: bold; text-decoration: none;
}
.menu_btm .boxes .acc_blue a:hover {
	color: rgb(25, 64, 190); font-family: dotum; font-size: 12px; font-weight: bold; text-decoration: none;
}
.menu_btm .boxes .noline_r {
	border-right-color: rgb(206, 206, 206); border-bottom-color: rgb(206, 206, 206); border-right-width: 0px; border-bottom-width: 0px; border-right-style: solid; border-bottom-style: solid;
}
.menu_btm .boxes .noline_r2 {
	border-right-color: rgb(206, 206, 206); border-right-width: 0px; border-right-style: solid;
}
.menu_btm .boxes .noline_b {
	border-bottom-color: rgb(206, 206, 206); border-bottom-width: 0px; border-bottom-style: solid;
}
.search {
	padding: 0px 10px; height: 27px; text-align: right;
}
.search .input_box {
	font: 12px/normal dotum; border: 1px solid rgb(209, 209, 209); border-image: none; color: rgb(153, 153, 153); padding-left: 5px; vertical-align: top; font-size-adjust: none; font-stretch: normal;
}
.search .btn_search {
	float: right;
}
.search .btn_search2 {
	float: right;
}
/*리플 끝*/


a{
    color: inherit;
}
.reply_head {
    width: 100%;
    height: 60px;
    padding-top: 37px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    z-index: 9999;
}

.reply_head p{
   font-family: 'Noto Sans KR', sans-serif;    
}

.reply_head select {
    width: 25%;
    height: 30px;
}

.reply_head input {
    width: 100%;
    height: 30px;
    margin-top: 10px;
}

.reply {

    width: 100%;
    margin: auto;
    font-family: 'Noto Sans KR', sans-serif;  
    color: #1f1f1f;
    background: #fff;
}

.reply span{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.reply p {
    font-size: 16px;
   line-height: 1.4;
}

.top6{
    background: #fff;
    position: relative;
    z-index: 9;
}

.rr{
    height: 25px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
}
.rr p{
    font-family: 'Noto Sans KR', sans-serif;
}

.tt{
    width: 100%;
    margin: auto;
    height: 87px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    position: relative;
    z-index: 999;
}
.tt textarea{
    width: 100%;
    resize: none;
}

.ee{
    width: 100%;
    height: 60px;
    margin: auto;
    display: flex;
    font-family: 'Noto Sans KR', sans-serif;
    padding-right: 33%;
    background: #fff;
    position: relative;
    z-index: 9;
    padding-top: 30px;
    font-size: 16px;
}

.ee li{
    width: 21%;
}

.ee1{
    color: #ec4d37;
    font-weight: bold;
    text-decoration: underline;
}

.reply_bo{
    width: 100%;
    height: 80px;
    position: relative;
    z-index: 9999;
    background: #fff;
}
.reply_bo p{
    text-align: center;
    font-size: 18px;
   line-height: 70px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
}


.oo {
    width: 10%;
    float: left;
}

.nn{
    width: 30%; float: right; line-height: 2; color: #ff1b1b
}



.b1{margin-top:30px; background-color:#f3f3f3; padding:10px;}
@media all and (min-width:480px) {
  .oo {
    width:40px;
    float: left;
}
    
    .nn{
        width: 120px;
    }
    

}