@charset "utf-8";
@font-face 
{ font-family: 'NanumSquareRound'; src: url('../fonts/nanumsquareround.woff') format('woff'); }


.mt10{margin-top:10px;} .mt20{margin-top:20px;margin-bottom: 20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}

mark{color: #000; font-weight: 600; padding:0 5px; background: linear-gradient(to top, #fffcb8 50%, transparent 50%); }




header {padding:0px 0px 35px; border-bottom:1px solid #e5e5e5;}
header > i {color:#4795f7; font-style:normal; font-weight:bold;}
header .header_icon {
    text-align: center;
}
header .header_icon ul {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
}

header .header_icon ul a {
    color: #7c7c7c;
}
header .header_icon ul li {
    float: left;
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #b2b2b2;
    position: relative;
    margin: 20px 4px;
}
header .header_icon ul i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
 .header h2 {
    font-weight: bold;
    font-size: 2.3em;
    line-height: 1.3;
    word-break: break-all;

     
}




	
header .sub_nav .sns li:nth-child(1) {
    background: url(../images/sns01.png)no-repeat;
    background-size: 100% 100%;
}
header .sub_nav {
    padding-top: 0%;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 20px;
	max-width: 730px;
margin: 0 auto;

}	
header .sub_nav .sns li {
    float: left;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    text-indent: -999em;
}	
	
header .sub_nav .sns li:nth-child(2) {
    background: url(../images/sns02.png)no-repeat;
    background-size: 100% 100%;
}	
	
header .sub_nav .sns li:nth-child(3) {
    background: url(../images/sns03.png)no-repeat;
    background-size: 100% 100%;
}	
header .sub_nav .sns li:nth-child(4) {
    background: url(../images/sns04.png)no-repeat;
    background-size: 100% 100%;
}
header .sub_nav .ga {
    float: right;
    box-sizing: border-box;
    height: 34px;
}		
header .sub_nav .ga li:first-child {
    font-size: 10px;
    border-right: 0px;
}		
header .sub_nav .ga li {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #cfcfcf;
    color: #515151;
    float: left;
}		
header .sub_nav ul li a {
    display: block;
}
a:visited, a:link {
    color: #000;
}		
		
@media screen and (max-width:380px)		{
			
			
	header .sub_nav .sns li {
    float: left;
    margin-right: 8px;
    width: 25px;
    height: 25px;
    text-indent: -999em;
}			
			
header .sub_nav .ga li {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #cfcfcf;
    color: #515151;
    float: left;
}					
			
header .sub_nav {
    padding-top:15px;;
   
}			
.headerTxt {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    padding-bottom: 0;
}		
	
}


header h2 {font-weight:600; font-size:28px; padding:5px 0 0px; line-height: 1.4;	 letter-spacing: -1px;}
header h3 {font-weight:600; font-size:26px; padding:3px 0 20px; line-height: 1.4;	 letter-spacing: -1px;}
header p { line-height: 1.6; color: #515151; position: relative; padding-left: 15px; font-weight: bold;}
header p::before {content:''; position:absolute; left:0; top:2px; bottom:0; width:4px; background:#515151; }
header .time {position:relative; color:#7f7f7f;  font-size:0.8em; border-bottom:1px solid #e5e5e5; margin:10px 0 30px; padding-bottom:20px; letter-spacing: 0;}
header .time .sns {position:absolute; right:0; top:0;}
header .time .sns i {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px; border:1px solid #e5e5e5;    cursor:auto; }

section h5 { padding: 10px 15px 0; letter-spacing: -2px; line-height: 1.9; word-spacing: 2px; text-align: justify; font-size: 25px; color: #000; font-weight: 600}
section p { 20px 15px 20px 15px letter-spacing:-0.045em; line-height: 1.9; word-spacing: 2px; text-align: justify; font-size: 20px; color: #000;
font-family: 'Noto Sans KR','맑은고딕','나눔고딕','돋움','dotum',helvetica,sans-serif,verdana;}
.small {text-align: right;font-size: 0.75em;     margin: 0.5em 2.5% 1em;}


.jw.sec3 {padding:2% 4%;font-size:1em;}
.jw.sec3 .table-container{display:inline-block;width:100%;padding:1px;background-color:#fff;/*border:1px solid #e0e0e0;border-radius:8px;*/}
.jw.sec3 .table-container .table-head,
.jw.sec3 .table-container .table-body{display:inline-block;width:100%;float:left;}
.jw.sec3 .table-container .table-head{border-top:1px solid #999;border-bottom:1px solid #999;background-color:#3360d2;color:#fff;}
.jw.sec3 .table-container .table-head .table-cols-name,
.jw.sec3 .table-container .table-head .table-cols-text{display:inline-block;padding:1% 0;}
.jw.sec3 .table-container .table-body{height:14em;padding:0;/*border:1px solid #e0e0e0;border-radius:8px;*/overflow:hidden;}
.jw.sec3 .table-container .table-scroll{position:relative;display:inline-block;width:100%;}
.jw.sec3 .table-container .table-rows{display:inline-block;width:100%;padding:0.5em 0;float:left;line-height:1.8em;box-sizing:border-box;}
.jw.sec3 .table-container .table-cols-date,
.jw.sec3 .table-container .table-cols-name,
.jw.sec3 .table-container .table-cols-age,
.jw.sec3 .table-container .table-cols-tel,
.jw.sec3 .table-container .table-cols-status{display:inline-block;float:left;text-align:center;}
.jw.sec3 .table-container .table-cols-date{width:25%;}
.jw.sec3 .table-container .table-cols-name{width:20%;}
.jw.sec3 .table-container .table-cols-age{width:20%;}
.jw.sec3 .table-container .table-cols-tel{width:30%;}
.jw.sec3 .table-container .table-cols-status{width:30%;}
.jw.sec3 .table-container .table-cols-status span{display:inline-block;min-width:4.6em;padding:0 0.5em;background-color:#0070C0;color:#fff;border:1px solid #0070C0;border-radius:4px;box-sizing:border-box;}
.jw.sec3 .table-container .table-cols-status span.is-complete{background-color:#D4250A;color:#fff;border-color:#C00000;}


.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.4;
}
.swiper-pagination-bullet-active{
    background: #007aff; opacity:1;
}






.reply_title {border-bottom:3px solid #8a8a8a; font-size:14px; padding-bottom:6px; padding-left:4px; text-align:left; padding-top:0%;}
.reply01 {padding: 3% 10px; border-bottom-color: #ccc; border-bottom-width: 1px; border-bottom-style: dashed; background-color:#ffffff;}
.reply_body {background:#f7f7f7; font-size:12px; padding:9px; }
.reply {line-height:20px; width:100%; border:0px #CCCCCC solid; padding:0px; border-radius:6px; background-color:#FFF;}
.reply_txt {color: #6f6f6f; font-size: 16px; line-height:1.7; border-radius:6px; padding:2%; 4%;font-weight: 600;}
.txt_board {font-size: 18px; line-height:15px; color: #333333; font-weight: bold; width:75%; text-align:left; vertical-align:center;}
.reply_time {font-size:12px; color:#6f6f6f;text-align: right;}


#bottom {border-top:1px solid #e5e5e5; margin-top:0px;}
.reply {width:100%; max-width:670px; margin:0 auto; margin-top:20px; padding:0 0%; box-sizing: border-box; font-family: 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, 'Noto Sans KR', 'Nanum Barun Gothic', HelveticaNeue-Light, 'Apple SD Gothic Neo', Helvetica, sans-serif;}
.reply .re_top i {font-size:12px; border:1px solid #e5e5e5; padding:4px; color:#7f7f7f;}
.reply .re_top span {color:#4795f7;}
.reply .re_btn {width:100%; height:60px; position:relative; margin-top:10px;}
.reply textarea {width:80%; height:60px; padding:5px; box-sizing: border-box; border:1px solid #ccc; position:absolute; top:0; bottom:0; left:0;}
.reply button {width:20%; border:none; background:#333; color:#fff; position:absolute; top:0; bottom:0; right:0; font-size:1.05em;}
.reply .re1 {margin-top:10px; padding:8px 0; width:100%; position: relative; border-bottom:1px solid #e5e5e5; font-size:15px;}
.reply .re1 a {padding-right:7px;} .reply .re1 a:nth-child(1) {font-weight:bold;}
.reply .re1 i {position:absolute; right:3px;}
.reply .re2 {box-sizing: border-box; line-height:30px; height:20px; letter-spacing: 0; margin-top:10px;}
.reply .re2 img {width:22px; padding-top:7px;}
.reply .re2 span {font-size:14px;  margin:0 5px;}
.reply .re3 p {font-size:13px; letter-spacing: -0.02em; margin-top:5px;}
.reply .re3 em {font-style:normal; font-size:0.9em; background:#ff0000; padding:0 3px; border-radius:3px; color:#fff; letter-spacing: 0; margin-right:5px;}
.reply .re4 {font-size:12px; color:#bfbfbf; letter-spacing: 0.04em; padding:10px 0 20px; border-bottom:1px solid #e5e5e5; position:relative;}
.reply .re5 {position:absolute; right:0; top:12px;}
.reply .re5 .up {display:inline-block; padding:2px 5px; border:1px solid #e5e5e5; color:#ff3e3f; margin-right:2px;}
.reply .re5 .down {display:inline-block; padding:2px 12px; border:1px solid #e5e5e5; color:#666;}
.reply .re5 a {display:block;}
.reply .re6 {text-align:center; padding:5px 0; font-size:14px; color:#666;}

.reply2 {
	border:1px #CCCCCC solid;background-color: #fff;margin-top: 10px;width: 100%;
}



/*
 **  font color
 ********************************************** */
#adViewPage .white {color:white !important;}
#adViewPage .red {color:red !important;}
#adViewPage .blue {color:blue !important;}
#adViewPage .purple {color:purple !important;}
#adViewPage .violet {color:violet !important;}
#adViewPage .deeppink {color:deeppink !important;}
#adViewPage .hotpink {color:hotpink !important;}
#adViewPage .pink {color:pink !important;}
#adViewPage .yellow {color:yellow !important;}
#adViewPage .green {color:green !important;}
#adViewPage .olive {color:olive !important;}
#adViewPage .lime {color:lime !important;}
#adViewPage .gray {color:gray !important;}
#adViewPage .grey {color:grey !important;}
#adViewPage .silver {color:silver !important;}
#adViewPage .gold {color:gold !important;}
#adViewPage .orange {color:orange !important;}
#adViewPage .navy {color:navy !important;}
#adViewPage .skyblue {color:skyblue !important;}
#adViewPage .brown {color:brown !important;}
#adViewPage .transparent {color:transparent !important;}


/*
 ** text-align
 ********************************************** */
#adViewPage .tC {text-align:center !important;}
#adViewPage .tL {text-align:left !important;}
#adViewPage .tR {text-align:right !important;}


/*
 **  text weight
 ********************************************** */
#adViewPage .bold {font-weight:bold!important;}
#adViewPage .normal {font-weight:normal!important;}


 
/*
 **  font decoration
 ********************************************** */
#adViewPage .under {text-decoration:underline !important;color: #fff;font-weight: bold;}
 
/*
 **  vertical-align
 ********************************************** */
#adViewPage .valignT {vertical-align:top !important;}
#adViewPage .valignM {vertical-align:middle !important;}
#adViewPage .valignB {vertical-align:bottom !important;}


/*
 **  margin
 ********************************************** */
#adViewPage .mA {margin-left: auto; margin-right:auto;}
#adViewPage .m0 {margin:0 !important;}

 

/*
 **  border
 ********************************************** */
#adViewPage .borderTddd {border-top:1px solid #ddd !important;}
#adViewPage .borderT000 {border-top:1px solid #000 !important;}

#adViewPage .borderBddd {border-bottom:1px solid #ddd !important;}
#adViewPage .borderB000 {border-bottom:1px solid #000 !important;}


/*
 **  display
 ********************************************** */
#adViewPage .block {display:block !important;}
#adViewPage .inline-block; {display:inline-block !important;}
#adViewPage .inline; {display:inline !important;}
#adViewPage .table; {display:table !important;}
#adViewPage .table-cell; {display:table-cell !important;}


/*
 **  width
 ********************************************** */
#adViewPage [class*=width] {box-sizing:border-box;}
#adViewPage .width5 {width:5px !important;}
#adViewPage .width10 {width:10px !important;}
#adViewPage .width15 {width:15px !important;}
#adViewPage .width20 {width:20px !important;}
#adViewPage .width25 {width:25px !important;}
#adViewPage .width30 {width:30px !important;}
#adViewPage .width35 {width:35px !important;}
#adViewPage .width40 {width:40px !important;}
#adViewPage .width45 {width:45px !important;}
#adViewPage .width50 {width:50px !important;}
#adViewPage .width55 {width:55px !important;}
#adViewPage .width60 {width:60px !important;}
#adViewPage .width65 {width:65px !important;}
#adViewPage .width70 {width:70px !important;}
#adViewPage .width75 {width:75px !important;}
#adViewPage .width80 {width:80px !important;}
#adViewPage .width90 {width:90px !important;}
#adViewPage .width100 {width:100px !important;}
#adViewPage .width110 {width:110px !important;}
#adViewPage .width120 {width:120px !important;}
#adViewPage .width130 {width:130px !important;}
#adViewPage .width140 {width:140px !important;}
#adViewPage .width150 {width:150px !important;}
#adViewPage .width160 {width:160px !important;}
#adViewPage .width165 {width:165px !important;}
#adViewPage .width170 {width:170px !important;}
#adViewPage .width180 {width:180px !important;}
#adViewPage .width185 {width:185px !important;}
#adViewPage .width190 {width:190px !important;}
#adViewPage .width200 {width:200px !important;}
#adViewPage .width210 {width:210px !important;}
#adViewPage .width250 {width:250px !important;}
#adViewPage .width260 {width:260px !important;}

#adViewPage .width5p {width:5% !important;}
#adViewPage .width10p {width:10% !important;}
#adViewPage .width20p {width:20% !important;}
#adViewPage .width30p {width:30% !important;}
#adViewPage .width33p {width:33.33% !important;}
#adViewPage .width25p {width:25% !important;}
#adViewPage .width30p {width:30% !important;}
#adViewPage .width35p {width:35% !important;}
#adViewPage .width40p {width:40% !important;}
#adViewPage .width50p {width:50% !important;}
#adViewPage .width60p {width:60% !important;}
#adViewPage .width75p {width:75% !important;}
#adViewPage .width80p {width:80% !important;}
#adViewPage .width90p {width:90% !important;}
#adViewPage .width100p {width:100% !important;}


        .custom_request { width:100%; float:left; text-align: center; }
 
		.custom_request > div {  float:left; text-align: center; width:98.9%; color:#f7f7f7; font-size:32px; padding-top:0px;margin:0; background-image : url('../images/img02.gif');background-color: #fff; border: 4px solid #e5e5e5 }
		
    
		.custom_request .list { width:52%; height: 358px;  float:right;margin: 0px; padding: 0px; }
		.custom_request .list div { width:100%;  float:left; }
		.custom_request .list div > ul { width:100%; float:left; }
		.custom_request .list div > ul > li {  width:100%; float:left; height:85px; line-height:50px; font-size:20px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
		.custom_request .list div > ul > li:nth-child(1) { width:30%; }
		.custom_request .list div > ul > li:nth-child(2) { width:30%; }
		.custom_request .list div > ul > li:nth-child(3) { width:40%; }
		

		.custom_request .list .list_head {  width: 100%; background-color:#ebebeb; letter-spacing: -1px; }
		.custom_request .list .list_head ul { background-color:#f0f0f0; width: 100%; font-weight: bold;font-size:20px;color:#262626;; }

		.custom_request .list .list_body { overflow:hidden; height: 358px; border:1px solid #eee;}
		.custom_request .list .list_body li { width:100% !important; border-bottom:1px solid #ccc; background-color:#ffffff;}
		.custom_request .list .list_body li span { font-size:20px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;padding-top:20px;}
		.custom_request .list .list_body li span:nth-child(1) { width:30%; float:left; }
		.custom_request .list .list_body li span:nth-child(2) { width:30%; float:left; }
		.custom_request .list .list_body li span:nth-child(3) { width:40%; float:left; }
		




/*
 **  header 
 ********************************************** */
#adViewPage .newsDate {padding:0; color:#999; font-size:13px; position:relative; border-bottom:1px solid #e4e4e4; margin-bottom:10px;}
#adViewPage .newsDate p {margin:0; padding:0 5%; border-bottom:1px solid #e4e4e4; line-height:30px;  }

/*
 **  contents 
 ********************************************** */
#adViewPage #wrap {position:relative; width: 100%; max-width: 640px; margin: 0 auto; font-family: 'malgun gothic', Dotum, sans-serif; line-height: 1.6; color: #333333; letter-spacing: -0.5px;}
#adViewPage #wrap img { width: 100%; vertical-align: top;}
#adViewPage #wrap video{display:block; width:100%;}

/*
 **  DB 
 ********************************************** */
#adViewPage form {padding:5px 10px 20px; display:block; max-width:640px; margin:0 auto; }
#adViewPage form p {font-weight:bold; padding-top:5px; margin:0.5em 0 0;}
#adViewPage form p + div {padding:5px 0 10px; border-bottom:1px solid #ddd;} 
#adViewPage form label {font-size:15px; display:inline-block; padding-right:10px; margin-right:5px;}
#adViewPage form dl {display:table; width:100%; margin-top:5px;} 
#adViewPage form dl:first-child {margin-top:0}
#adViewPage form div + dl {margin-top:15px }
#adViewPage form dt {display:table-cell; width:80px; font-weight:bold; line-height:42px; vertical-align:top;} 
#adViewPage form dd {display:table-cell; vertical-align:top; line-height:42px; font-size:0} 
#adViewPage form dd p {font-size:15px; padding-top:0; line-height:1.2}
#adViewPage form dd input[type=text],
#adViewPage form dd input[type=tel],
#adViewPage form dd input[type=number] {border:1px solid #ddd; padding:0; margin:0; border-radius:0; line-height:40px; height:42px; text-indent:5px; width:94%;}
#adViewPage form dd select {border:1px solid #ddd; height:42px; width:95%}
#adViewPage form dd .tel-group {display:block;}
#adViewPage form dd .tel-group select {border:1px solid #ddd; height:42px; width:23%; border-radius:0; background: #fff;}

#adViewPage form dd .time select {border:1px solid #ddd; padding:0; margin:0; border-radius:0; line-height:40px; height:42px; text-indent:5px; width:94%; }
#adViewPage form dd select + input[type=text],
#adViewPage form dd select + input[type=tel],
#adViewPage form dd select + input[type=number] {width:calc(37% - 5px); margin-left:5px}

#adViewPage form dd input[type=text] + input[type=text],
#adViewPage form dd input[type=tel] + input[type=tel],
#adViewPage form dd input[type=number] + input[type=number] {width:calc(37% - 5px); margin-left:5px}

#adViewPage form dd textarea {border:1px solid #ddd; padding:5px; margin:0; border-radius:0; line-height:1.2; height:80px; width:94%; box-sizing:border-box;    vertical-align: top;}

#adViewPage form .agree {margin:10px; font-size:13px; border-top:1px dotted #ddd; padding-top:10px}
#adViewPage form .agree a {color:#000}
#adViewPage form .send-data {display:block; font-weight:bold; text-align:center; width:80%; margin:0 auto;}
#adViewPage form .send-data img {width:100%;}

#adViewPage .data_btn {display:none!important;}


.userCounter {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.3;
    background: #000;
    text-align: center;
    padding: 7px 5px;
    letter-spacing: -.05em;
    position: relative;
    z-index: 999
}
.datebg {
    display: inline-block;
    color: #f1f100;
    font-weight: 700
}

.datebg2 {
    display: inline-block;
    color: #fff;
    font-weight: 400
}

.date2::after,.date4::after {
    content: ':';
    padding-left: 7px
}
/*
 **  핸드폰 인증
 ********************************************** */

#adViewPage form.cert-form dl {display:block; margin-top:15px;}
#adViewPage form.cert-form dt {display:block; width:100%; line-height:1.6; font-size:14px; margin-bottom:5px;}
#adViewPage form.cert-form dd {display:block; line-height:1.6;}
#adViewPage form.cert-form dd select {box-sizing:border-box; }
#adViewPage form.cert-form dd input[type=text],
#adViewPage form.cert-form dd input[type=tel],
#adViewPage form.cert-form dd input[type=number] { width:100%; box-sizing:border-box}
#adViewPage form.cert-form dd .cert {padding-right:100px; position:relative; }
#adViewPage form.cert-form dd .cert + .cert {margin-top:10px;}
#adViewPage form.cert-form dd .tel-group {display:flex;}
#adViewPage form.cert-form dd .tel-group select {width:24%;}
#adViewPage form.cert-form dd .tel-group input[type=tel] {width:calc(38% - 5px); margin-left:5px;}
#adViewPage form.cert-form dd .cert .btn-cert {position:absolute; top:0; right:0px; width:92px; background: #333; font-weight:bold; text-align:center; font-size:13px; color:#fff; bottom:0; height:42px; border-radius:5px; line-height:42px;}
#adViewPage form.cert-form dd .cert .remain-time {position:absolute; top:0; right: 108px; font-size:12px; color:#777; font-weight:bold;line-height:42px;}
#adViewPage form.cert-form dd .cert input[type=text][disabled] {background:##f1f1f1}
#adViewPage form.cert-form dd .cert input[type=text][disabled] + input + a {background: #b2b2b2}
#adViewPage form.cert-form dd .cert input[type=text][readonly] { background:##f1f1f1}
#adViewPage form.cert-form dd .cert input[type=text][readonly] + input + a {background:#b2b2b2}
#adViewPage form.cert-form dd .cert input[type=text][readonly] + input + a +  .remain-time {display:block!important; font-size:0}
#adViewPage form.cert-form dd .cert input[type=text][readonly] + input + a +  .remain-time::after{position:absolute; top:0; right:0px; content:'인증 완료'; color:#16c00e; font-size:12px; white-space: nowrap;} 
#adViewPage form.cert-form dd textarea {width:100%; }
 
/*
 **  DB popup
 ********************************************** */
#adViewPage .popDB {position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.85); padding: 50px 3%; box-sizing: border-box; display:none; z-index:100; overflow-y:scroll;}
#adViewPage .popDB .close {position:absolute; top:10px; width:30px; right:2.5%; padding-top:8%; font-size:0;}
#adViewPage .popDB .close:after {position:absolute; top:50%; left:0; width:100%; height:2px; background:#fff; content:'';transform: rotate( 45deg );}
#adViewPage .popDB .close:before {position:absolute; top:50%; left:0; width:100%; height:2px; background:#fff; content:'';transform: rotate(-45deg );}
#adViewPage .popDB img {max-width:100%}
#adViewPage .popDB form {border:0; width:100%; max-width:640px; padding:5px 0 20px; background: #fff; text-align:left;}
#adViewPage .popDB form p,
#adViewPage .popDB form p + div {text-align:left;}
#adViewPage .popDB form dt {font-weight:bold; padding-left:5px;}
#adViewPage .popDB form .agree a {color:#000}
#adViewPage .popDB form .send-data {width:80%; margin:0 auto;}


@media (min-width: 640px){
	#adViewPage .popDB {padding:40px 0; text-align:center;}
	#adViewPage .popDB .close {width:40px; height:40px; padding-top:0; top:40px; left:50%; margin-left:340px}
	#adViewPage #wrap .popDB img {width:auto;}
}
/*
 **  showDB
 ********************************************** */
#adViewPage .showDB {display:none}



/*
 **  youtubeWrap
 ********************************************** */
#adViewPage .youtubeWrap { position: relative; width: 100%; padding-bottom: 56.25%; }
#adViewPage .youtubeWrap iframe { position: absolute; width: 100%; height: 100%;}


/*
 **  arrow_result
 ********************************************** */
#adViewPage .arrow_result {text-align:center; width:90%; margin:0 auto 5%;}
#adViewPage .arrow_result div:first-child {padding:1rem 0; font-size:40px; font-weight:bold; color:#666;}
#adViewPage .arrow_result .arrow {width:30px; height:20px;background: linear-gradient(#fff, #bbb); position:relative; display: inline-block;margin:0 15px 15px; animation: arrowUpDown 1s infinite;}
#adViewPage .arrow_result .arrow:after {content:''; position:absolute; width:0; height:0; border-style:solid; border-width:20px 30px;border-color:#bbb transparent transparent transparent; top:20px; left:-15px;} 
#adViewPage .arrow_result div:last-child {border:1px solid #ddd; background:#fafafa; padding:1rem 0; font-weight:bold; line-height:2; }
#adViewPage .arrow_result input[type="text"] {width:80px; }

@keyframes arrowUpDown {
	0%  { transform: translateY(-10px)}
	85%{ transform: translateY(5px)}
	100%{ transform: translateY(5px)}
}


/*
 **  reply
 ***********************************************/
#adViewPage .reply { padding-top:20px; border-top:1px solid #ddd; margin-top:20px;}
#adViewPage .reply h3 {font-size:18px; font-weight:bold; color:#333; padding:0 5px 5px; margin:0; }
#adViewPage .reply h3 span{font-size:13px; }
#adViewPage .reply .login_wrap { padding:5px; display:table; box-sizing:border-box; line-height:35px; width:100%; font-size:13px}
#adViewPage .reply .login_wrap .input_area { display:table-cell; vertical-align:middle; border:1px solid #ddd; background:#fff; padding:0 5px; border-right:0; color:#aaa;}
#adViewPage .reply .login_wrap .submit_btn { display:table-cell; vertical-align:middle; border:1px solid #8b8b8b; width:60px; font-weight:bold; text-align:center; background:#8b8b8b; color:#fff;}
#adViewPage .reply .reply_list { padding:5px;}
#adViewPage .reply .reply_list .reply_wrap {background:#fff; padding:15px 10px 10px; border-bottom:1px solid #ddd;}
#adViewPage .reply .reply_list .reply_wrap .name_date {font-size:15px; color:#333}
#adViewPage .reply .reply_list .reply_wrap .name_date span {font-size:13px; color:#999}
#adViewPage .reply .reply_list .reply_wrap .name_date strong {font-weight:bold;}
#adViewPage #wrap .reply .reply_list .reply_wrap .name_date + img {display:inline-block; width:60%;}
#adViewPage .reply .reply_list .reply_wrap .text {padding-top:5px; font-size:14px; line-height:1.2}
#adViewPage .reply .reply_list .reply_wrap .btn {margin-top:13px; position:relative;}
#adViewPage .reply .reply_list .reply_wrap .btn .aram {position:absolute; top:0; right:0; color:#ddd; text-decoration:underline; font-size:13px; padding:5px 0;}
#adViewPage .reply .reply_list .reply_wrap .btn .btn_wrap {}
#adViewPage .reply .reply_list .reply_wrap .btn .btn_wrap span {display:inline-block; margin-right:5px; border:1px solid #ddd; padding:3px 5px; font-size:12px; color:#999; line-height:1.2}
#adViewPage .reply .more {text-align:center; margin:5px 0 10px; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:12px 0;  font-size:12px }

/*
 **  reply02 - nate
 ***********************************************/
#adViewPage .reply02 {border-bottom:1px solid #ddd; }
#adViewPage .reply02 h3 {font-weight:bold; padding:20px 0 10px}
#adViewPage .reply02 .login_wrap { padding:5px; display:table; box-sizing:border-box; line-height:35px; width:100%; font-size:13px; background:#f1f1f1}
#adViewPage .reply02 .login_wrap .input_area { display:table-cell; vertical-align:middle; border:1px solid #ddd; background:#fff; padding:0 5px; border-right:0}
#adViewPage .reply02 .login_wrap .submit_btn { display:table-cell; vertical-align:middle; border:1px solid #333; width:60px; font-weight:bold; text-align:center; background:#333; color:#fff;}
#adViewPage .reply02 .reply_list { padding:5px 5px 0; border-top:1px solid #ddd; background:#f1f1f1;}
#adViewPage .reply02 .reply_list .reply_wrap {border-bottom:1px solid #ddd; padding:7px; }
#adViewPage .reply02 .reply_list .reply_wrap .name {font-size:13px; color:#333; font-weight:bold;}
#adViewPage .reply02 .reply_list .reply_wrap .name strong {font-weight:bold;}
#adViewPage #wrap .reply02 .reply_list .reply_wrap .name + img {display:inline-block; width:60%;}
#adViewPage .reply02 .reply_list .reply_wrap .text {padding:5px 0 10px; font-size:15px;}
#adViewPage .reply02 .reply_list .reply_wrap .BEST {display:inline-block; background: #f75628; color:#fff; padding:0 5px; font-size:12px; margin-right:5px }
#adViewPage .reply02 .reply_list .reply_wrap .date {font-size:12px; color:#999}
#adViewPage .reply02 .reply_list .reply_wrap .bottom_btn {position:relative; padding:10px 0 10px;}
#adViewPage .reply02 .reply_list .reply_wrap .bottom_btn span {display:inline-block; margin-right:5px; border:1px solid #ddd; font-size:12px; padding:5px; line-height:1.2; background:#fff}
#adViewPage .reply02 .reply_list .reply_wrap .bottom_btn .rere {display:inline-block;}
#adViewPage .reply02 .reply_list .reply_wrap .bottom_btn .GH {position:absolute; top:10px; right:0}
#adViewPage .reply02 .reply_list .reply_wrap .bottom_btn .GH .red {color:red}

/*
 **  reply02 - nate
 ***********************************************/
#adViewPage .addNews {padding:20px 0; margin-bottom:20px; border-bottom:1px solid #aaa;}
#adViewPage .addNews h3 {font-weight:bold; margin-bottom:10px; border-bottom:1px solid #aaa; padding:0 5px 5px;}
#adViewPage .addNews h3 .red {color:red;}
#adViewPage .addNews .addNews_wrap {padding:0 3px}
#adViewPage .addNews .addNews_wrap .addNews_list p {border-bottom:1px solid #ddd; margin:0; line-height:2; }
#adViewPage .addNews .addNews_wrap .addNews_list p:last-child {border-bottom:0;}
#adViewPage .addNews .addNews_wrap .addNews_list p span {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*
 **  reply - more
 ********************************************** */
#adViewPage img + .reply-con { padding:15px 0 30px; margin:0 4.687%; }
#adViewPage img + .reply-con .top {position:relative; font-size:15px;}
#adViewPage img + .reply-con .top .name {font-weight:bold; color:#333; }
#adViewPage img + .reply-con .top .date {display:inline-block; color:#a4a4a4; font-size:11px; font-weight:bold; margin-left:10px;}
#adViewPage img + .reply-con .top .rank {color:#ef002d; position:absolute; top:0; right:0;}
#adViewPage img + .reply-con .con {font-size:13px; line-height:1.5;}

#adViewPage .more-click-reply {margin:0 4.687%; }
#adViewPage .more-click-reply .reply_wrap {border-bottom:1px solid #d0d0d0; padding:15px 0;}
#adViewPage .more-click-reply .reply-con .top {position:relative; font-size:15px; line-height:35px;}
#adViewPage #wrap .more-click-reply .reply-con .top + img {display:inline-block; width:60%;}
#adViewPage .more-click-reply .reply-con .top .name {font-weight:bold; color:#333; }
#adViewPage .more-click-reply .reply-con .top .date {display:inline-block; color:#a4a4a4; font-size:11px; font-weight:bold; margin-left:10px;}
#adViewPage .more-click-reply .reply-con .top .rank {color:#ef002d; position:absolute; top:0; right:0; padding-left:27px; line-height:25px}
#adViewPage .more-click-reply .reply-con .top .rank:before {position:absolute; top:2px; left:0; content:'평점'; color:#999; font-size:12px; line-height:25px}
#adViewPage .more-click-reply .reply-con .con {font-size:13px; line-height:1.5; padding:5px 0;}
#adViewPage .more-click-reply .reply-con .repeatBox { height: 16px; margin-top: 3px; padding: 0 4px 0 5px; border: 1px solid #77a5ed; border-radius: 1px; background-color: #fff;font-size: 11px; font-weight: 600; line-height: 14px; color: #5f96ed; box-sizing: border-box; vertical-align: top; display:inline-block; margin-right:3px;}
#adViewPage .more-click-reply .reply-con .img {margin:10px 0; overflow:hidden; border-radius: 7px; position:relative;}
#adViewPage .more-click-reply .reply-con .img:before {position:absolute; right:10px; bottom:10px; padding:5px 30px 5px 10px; background:rgba(255,255,255,0.9); box-shadow:4px 4px 10px rgba(0,0,0,0.2); content:'공감'; border-radius:15px; font-size:12px;}
#adViewPage .more-click-reply .reply-con .img:after {position:absolute; right:20px; bottom:15px; color:red; content:attr(data-like); font-size:12px;}

#adViewPage .noRank .more-click-reply .reply-con .top .rank {display:none}

/*
 **  footer_show
 ********************************************** */
#adViewPage #footer {padding:0px 0; text-align:center; font-weight:normal; font-size:13px; color:#999; }
#adViewPage .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_show
 ***********************************************/
#adViewPage .footer_show {padding:20px 0 30px; text-align:center; border-top:1px dotted #ddd; font-weight:bold;background:#fff;color:#a0a0a0; margin-top:20px;}
#adViewPage .footer_show + .hidden_footer {display:none; }
#adViewPage .footer_show + .hidden_footer.on {display:block;}

#adViewPage .footer_show + .hidden_footer {padding:0 0 20px; text-align:center; font-weight:normal; color:#999; font-size:13px}


/*
 **  N초뒤 노출 팝업
 ********************************************** */
#adViewPage .pop_msg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);display: none; z-index: 10;}
#adViewPage .pop_msg .pop_msg_wrap { position: fixed; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 80%; max-width: 580px; display: block; margin: 0 auto; color:#fff; text-align:left;}
#adViewPage .pop_msg .pop_msg_wrap a {width:100%; display:block;}
#adViewPage .pop_msg .close {color:#fff; text-align:right;}


/*
 **  고정 DB버튼 
 ********************************************** */
 #adViewPage .db_btn_fix {position:fixed; bottom:0; left:0; width:100%; padding:10px 5px; box-sizing:border-box; background:rgba(0,0,0,0.7); font-size:0; z-index:10;}
 #adViewPage .db_btn_fix_inner {width:100%; max-width:640px; margin:0 auto; font-size:0;}
 #adViewPage .db_btn_fix_inner a {display:block; font-weight: bold; font-size:16px; text-align:center; line-height:2.5; letter-spacing: -1px;}
 #adViewPage .db_btn_fix_inner.col2 a {display:inline-block; width:49%; background:#1668b2; color:#fff; }
 #adViewPage .db_btn_fix_inner.col2 a:last-child {margin-left:2%;}

/*
 **  고정 배너
 ********************************************** */
#adViewPage #wrap .section-banner a {display:inline-block; max-width:640px;}
#adViewPage #wrap .section-banner a img  {max-width:100%; width:auto;}

/*
 **  마지막 DB에서 고정배너 노출
 ********************************************** */
.dbPointFixBanner { position:fixed; bottom:0; left:0; width:100%; opacity:0; transform: translateY(100%); z-index:10; font-size:0;}
.dbPointFixBanner.on {opacity:1; transform: translateY(0); transition:all 0.5s;}
.dbPointFixBanner img {width:100%; margin:0 auto; display:block; max-width:640px;}

@media (min-width: 640px){
.dbPointFixBanner {background-size:auto;}
}

/*
 **  마지막 DB에서 고정배너 미노출
 ********************************************** */
.dbPointFixBanner2 { position:fixed; bottom:0; left:0; width:100%; opacity:1; transform: translateY(0); z-index:10;transition:all 0.5s; font-size:0;}
.dbPointFixBanner2.on {opacity:0; transform: translateY(100%); transition:all 0.5s;}
.dbPointFixBanner2 img {width:100%; margin:0 auto; display:block; max-width:640px;}

@media (min-width: 640px){
.dbPointFixBanner2 {background-size:auto;}
}

/*
 **  고정배너 이동 후 숨김
 ********************************************** */
.move-to-section-hidden.hidden {display:none;}
 
/*
 **  하단 고정 DB
 ********************************************** 
#adViewPage .fixbanner {position:fixed; bottom:0; left:0; width:100%; padding:2%; box-sizing:border-box; background:#ffbfd1; font-size:0; z-index:10;}
#adViewPage .fixbanner > a {display:inline-block; width:49%; font-size:15px; background:#dff6ff; padding:2% 0; text-align:center; color:#222;letter-spacing:-1px; font-weight:bold;}
#adViewPage .fixbanner > a:first-child {margin-right:2%;}
#adViewPage .fixbanner > a.hide {display:none;}
#adViewPage .fixDB {width:100%; color:#222; font-size:11px; letter-spacing:-1px; display:none;}
#adViewPage .fixDB.show {display:block;}
#adViewPage .fixDB .fixDB_bt {display:block; width:100%; background:#3cbdf0; padding:2% 0; text-align:center; font-size:15px; margin-top:5px; color:#fff;letter-spacing:-1px; font-weight:bold; border-radius:5px}
#adViewPage .fixDB .fixDB_close {position:absolute;top:-20px; line-height:20px; background:#3cbdf0; font-weight:bold; color:#fff; width:50px; text-align:center; left:50%; margin-left:-25px; font-size:15px; border-radius:3px 3px 0 0}


/*
 **  DB남긴 후 상담 팝업
 ********************************************** */
#adViewPage .dbOn {display:none; position:fixed;top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.5); z-index:100; text-align:center;} 
#adViewPage .dbOn a {display:inline-block; margin:2% 10%; box-shadow:5px 5px 15px #000; font-size:0; position:relative;} 
#adViewPage .dbOn a img {max-width:100%;} 
#adViewPage .dbOn .close {position:relative; display:block; width:30px;margin:5% 10% 0 auto; padding-top:40px; }
#adViewPage .dbOn .close:after {position:absolute; top:50%; left:0; width:100%; height:2px; background:#fff; content:''; transform: rotate( 45deg );}
#adViewPage .dbOn .close:before {position:absolute; top:50%; left:0; width:100%; height:2px; background:#fff; content:'';transform: rotate(-45deg );}


/*
 **  룰렛 DB
 ********************************************** */
#adViewPage .spinDB {overflow:hidden;}
#adViewPage .spinDB .spanBottom {position:relative; padding-bottom:0px; background:none;}
#adViewPage .spinDB .spanBottom .roulette_pin {position:absolute; top:0%; width:8%; left:50%; margin-left:-4%; z-index:5}
#adViewPage .spinDB .spanBottom .spin_board {position:absolute; top:3%; left:50%; width:88%; margin-left:-44%;} 
#adViewPage .spinDB .spanBottom .click {position:absolute; top:33.5%; left:50%; width:24%; margin-left:-12%; z-index:8;} 

#adViewPage .gift_text {display:block; height:0; overflow:hidden; }
#adViewPage .show_prod {position:absolute; bottom:0; left:0; width:100%; }
#adViewPage .show_prod img {opacity:1;  transform: scale(0,0); display:block;}
#adViewPage .gift_text.show .show_prod img {opacity:1; transform: scale(1,1); -webkit-transition: all 1.5s;  -moz-transition: all 1.5s;  transition: all 1.5s; }
#adViewPage .gift_img {position:absolute; top:0; left:0; width:100%;z-index:2}
#adViewPage .gift_img {position:absolute; top:0; left:0; width:100%;z-index:2}
#adViewPage .input_area {display:none}

/*
 **  남은혜택수 000명
 ********************************************** */
#adViewPage .request_count .inner {position:relative; width:100%; max-width:640px; margin:0 auto; }
#adViewPage .request_count .inner a {display:block; }
#adViewPage .request_count .inner .number {position:absolute; top:13%; width:22%; left:51%; font-size:0; }
#adViewPage .request_count .inner .number span {display:inline-block; width:29%; vertical-align:top; margin-right:5.6%}
#adViewPage .request_count .inner .number span:last-child {margin-right:0%}
/*
 **  pc ver
 ********************************************** */
#adViewPage #wrapPC {width:100%; overflow:hidden; }
#adViewPage #wrapPC > div,
#adViewPage #wrapPC > .section-image {position:relative; top: 0; left: 50%; margin-left: -960px; width:1920px;}
#adViewPage #wrapPC .db_pc {padding:0;}
#adViewPage #wrapPC .db_pc form {background:transparent; border:0; padding:0; width:500px; }
#adViewPage #wrapPC .footer {margin-top:0}

#adViewPage #wrapPC .db_pc.typeB form {background:transparent; padding:0; width:1000px; position:relative; left:50%; margin-left:-500px; font-size:0; max-width:1000px;}
#adViewPage #wrapPC .db_pc.typeB form > div {display:inline-block; width:49%; vertical-align:top; font-size:15px}
#adViewPage #wrapPC .db_pc.typeB form .send-data {width:400px; margin-top:50px;}

#adViewPage #wrapPC .db_pc.typeC form {background:transparent; padding:0; width:500px; position:relative; left:50%; margin-left:-500px;}

#adViewPage #wrapPC .db_pc.typeD form {background:transparent; padding:0; width:500px; position:relative; right:50%; margin-right:-500px;}


@media (max-width: 414px){
	#adViewPage #wrapPC {width:100%; overflow:hidden; }
	#adViewPage #wrapPC img {width:100%;}
	#adViewPage #wrapPC iframe {width:100%!important; max-height:200px}
	#adViewPage #wrapPC > div {position:relative; top: 0; left: 0%; margin:0 auto; width:100%; max-width:640px;}
	#adViewPage #wrapPC .db_pc {padding:0; box-sizing:border-box;}
	#adViewPage #wrapPC .db_pc form {padding:5px 15px; display:block; max-width:600px; margin:0 auto!important; width:100%!important; right:0; left:0;  box-sizing:border-box;}
	#adViewPage #wrapPC .footer {margin-top:0}
    header > i {font-size: 13px;}
    header h2 {font-size: 20px;}
    header h3 {font-size: 15px; padding: 3px 0 10px;}
    header p {font-size: 14px;}
    .custom_request > div {  float:left; text-align: center; width:97.8%; color:#f7f7f7; font-size:32px; padding-top:0px;margin:0; background-image : url('../images/img02.gif');  background-size: 410px;  height: 190px;background-color: #fff; }
	.custom_request .list .list_body { overflow:hidden; height: 190px; border:1px solid #eee;}
    .custom_request .list div > ul > li {  width:100%; float:left; height:42px; line-height:50px; font-size:16px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
    	.custom_request .list .list_body li span { font-size:10px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;padding-top:0px;}
    header .sub_nav {
    padding-top: 0%;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 20px;
	max-width: 730px;
margin: 0 auto;

}	
    .custom_request .list .list_head ul { background-color:#f0f0f0; width: 100%; font-weight: bold;font-size:20px;color:#262626;; }
}

@media (max-width: 280px){
	#adViewPage #wrapPC {width:100%; overflow:hidden; }
	#adViewPage #wrapPC img {width:100%;}
	#adViewPage #wrapPC iframe {width:100%!important; max-height:200px}
	#adViewPage #wrapPC > div {position:relative; top: 0; left: 0%; margin:0 auto; width:100%; max-width:640px;}
	#adViewPage #wrapPC .db_pc {padding:0; box-sizing:border-box;}
	#adViewPage #wrapPC .db_pc form {padding:5px 15px; display:block; max-width:600px; margin:0 auto!important; width:100%!important; right:0; left:0;  box-sizing:border-box;}
	#adViewPage #wrapPC .footer {margin-top:0}
    header > i {font-size: 13px;}
    header h2 {font-size: 20px;}
    header h3 {font-size: 15px; padding: 3px 0 10px;}
    header p {font-size: 14px;}
    .custom_request > div {  float:left; text-align: center; width:97.8%; color:#f7f7f7; font-size:32px; padding-top:0px;margin:0; background-image : url('../images/img02.gif');  background-size: 370px;  height: 190px;background-color: #fff; }
	.custom_request .list .list_body { overflow:hidden; height: 100px; border:1px solid #eee;}
    .custom_request .list div > ul > li {  width:100%; float:left; height:45px; line-height:50px; font-size:16px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
    	.custom_request .list .list_body li span { font-size:10px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;padding-top:0px;}
    header .sub_nav {
    padding-top: 0%;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 20px;
	max-width: 730px;
margin: 0 auto;

}	
    .custom_request .list div {
    width: 80%;
    float: right;
}
    .custom_request .list .list_head ul { background-color:#f0f0f0; width: 80%; font-weight: bold;font-size:10px;color:#262626;text-align: center; }
    .custom_request .list .list_head {
    width: 80%;
    background-color: #ebebeb;
    letter-spacing: -1px;
}
    
    section p {
    padding: 20px 15px 0;
    letter-spacing: -2.0px;
    line-height: 1.9;
    word-spacing: 2px;
    text-align: justify;
    font-size: 16px;
    color: #000;
    font-family: "NanumSquareRound";
    font-weight: 500;
}
    
    .mt50 {
    margin-top: 20px;
}
}




/*
 ** wrapOne
 ********************************************** */
#adViewPage #wrapOneM {width:100%; overflow:hidden; max-width:640px; margin:0 auto;}

.section-rolling {
	border-bottom:1px dotted #ddd; font-weight:bold;background:#fff;color:#a0a0a0;
}

.anchorLink {
	font-size: 14px;
}