/*------------------------------------------------
* default definition
------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	box-sizing:border-box;
}
html,body {height:100%;font-size:13px;color:#111;font-weight:500;    font-family: 'Roboto', sans-serif;line-height:24px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol,li{list-style:none}
hr,legend {display:none;}
table {border-collapse:collapse; table-layout:fixed;}
.layout {width:100%;height:100%;padding:0px auto;}


.survey-notice {
    width: 600px;
    margin-top: 30px;
    left: 50%;
    margin-left: -300px;
    position: relative;
    display: block;
    padding: 40px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.notebox {
display: inline-block;
    margin: 0px 0px 30px 0px;
    width: 120px;
    color: #ffffff;
    padding: 2px 19px;
    border: 1px solid red;
    border-radius: 25px;
    font-size: 14px !important;
    background: #ed145b;
}



.survey-notice p{
font-size:13px;
}

#ipbox {
  position:absolute;
  width:100%;
  height:400px;
  text-align: center;
  color:#000000;
  padding:0px;
}
#ipbox #box{
position:relative;
display:block;
width:700px;
  top:50%;

 margin:0px auto;
 vertical-align:middle;
font-family: "Noto Sans KR", sans-serif;
font-weight:400;
font-size: 12pt;
 text-align: center;
 border:5px solid red;
 padding:50px;
}

/*------------------------------------------------
* default font
------------------------------------------------*/

/* @font-face{font-family:NotoSansKR-Bold;src:url('/font/NotoSansKR-Bold.eot');src:local(��), url('/font/NotoSansKR-Bold.woff') format('woff');} */


#mask {
  position:absolute;
  left:0;

  top:0;
  z-index:9000;
  background-color:#000;
  display:none;

}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:854px;
  height:480px;
  display:none;
  z-index:9999;
  padding:20px;
  text-align: center;
  z-index:9999;
}
#boxes #dialog {
  width:700px;
  top:50%
  left:50%
  margin-left:-512px;
  color:#ffffff;
  font-family:'Noto Sans KR;

  text-align:center;

  height:auto;
  padding:0px;

}

#lorem{
	font-family: "Noto Sans KR", sans-serif;
	  font-weight:500;
	font-size: 15pt;
	line-height:30px;
  text-align: center;
}
#popupfoot{
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}

.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{

	color: red;
}


/*------------------------------------------------
* Form
/*------------------------------------------------*/
input, textarea {border:1px solid #d7d7d7; background:#fff;box-sizing:border-box;}

input[type="text"]			{height:35px;line-height:30px;font-family:"Noto Sans KR",sans-serif;padding:0 10px;}
input[type="text"]:hover	{}
input[type="password"]		{height:35px;line-height:30px;font-family:"Noto Sans KR",sans-serif;padding:0 10px;}
input[type="file"]			{}
input[type="image"]			{border:none;}
input[type="radio"]			{border:none; background:transparent ;}
input[type="checkbox"]		{border:none; background:transparent ; width:18pt; height:18pt; }
input[type="submit"]		{border:1px solid #ccc; background:transparent ;}
textarea {width:500px; height:150px;resize:none; }

select {
	height: 35px;
	font-family:"Noto Sans KR",sans-serif !important;
	font-size:13px !important;
	border: 1px solid #d7d7d7;
	background:url('../img/select_arrow.png') no-repeat;
	background-position:right 15px;
	background-color:#fff;
	box-sizing: border-box;
	display:inline-block;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	padding:0 0 0 10px;
	color: #000;
	text-overflow:ellipsis;overflow:hidden;white-space:pre;
}
select::-ms-expand{display: none;}

.w50 {width:50px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w500 {width:500px;}
.w600 {width:600px;}

.h50 {height:50px;}
.h100 {height:100px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h400 {height:400px;}
.h500 {height:500px;}

/*------------------------------------------------
* Link
/*------------------------------------------------*/
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#333;  text-decoration:none;}
a:active {color:#333; text-decoration:none;}


/*------------------------------------------------
* button
/*------------------------------------------------*/
button {position:relative;border:0;background:transparent;cursor:pointer;border:1px solid #ccc;border-radius:0px;height:30px;padding:0 10px;font-size:12px;box-sizing:border-box;}
button span {position:relative;top:1px;}

/* ��� ��� */
.btn-comment-submit {border-radius:30px;width:100px;height:35px;background-image:url('../img/btn_comment_reg.png');background-position:center center;background-repeat:no-repeat;transition: all .2s ease-out;}
.btn-comment-submit:hover {border:1px solid #555;}
.btn-comment-submit span {display:none;}

/* ��� ���� Ȯ�� */
.btn-comment-delete {border-radius:30px;width:100px;height:35px;background-image:url('../img/btn_comment_del.png');background-position:center center;background-repeat:no-repeat;transition: all .2s ease-out;}
.btn-comment-delete:hover {border:1px solid #555;}
.btn-comment-delete span {display:none;}

/* ��� ���� */
.btn-comment-del {border:none;width:10px;height:10px;background-image:url('../img/icon_bg.png');background-position:-68px -212px;margin-left:5px;}
.btn-comment-del span {display:none;}

/* �˾� �ݱ� */
.btn-popup-close {border:0;width:37px;height:37px;background-image:url('../img/icon_bg.png');background-position:-70px -282px;background-repeat:no-repeat;transition: all .2s ease-out;}
.btn-popup-close:hover {transform: rotate(90deg);}
.btn-popup-close span {display:none;}
.popup .btn-popup-close {position:absolute;right:-37px;top:-35px;}

/* �˻���ư */
.btn-search-submit {border:0;width:16px;height:16px;background-image:url('../img/icon_bg.png');background-position:-140px -213px;background-repeat:no-repeat;}
.btn-search-submit span {display:none;}

/* ��Ʈ�κ� ��ǥ�ϱ� */
.btn-part-submit {position:relative;border:0;width:690px;height:137px;background-image:url('../img/part_btn_bg.png');background-repeat:no-repeat;background-color:#d2ae59;background-position:center bottom;}
.btn-part-submit span {position:absolute;display:block;text-indent:-9999px;width:71px;height:79px;left:20px;top:28px;background-image:url('../img/part_btn_arrow.png');background-repeat:no-repeat;}




/* ��ǥ���� */
.btn-poll-start {border-radius:30px;width:240px;height:40px;background-position:center center;background-repeat:no-repeat;color:#000;}
.btn-poll-start:hover {border:2px solid #ff009a;}
.btn-poll-start span {font-family:"Noto Sans KR";font-size:13px;font-weight:600;top:-1px;color:#000 !important;}

/* ���������� */
.btn-survey-continue {border-radius:100px;width:300px;height:80px;background-color:#ff009a;background-position:center center;background-repeat:no-repeat;transition: all .2s ease-out;color:#fff;border:1px solid #fff;}
.btn-survey-continue:hover {border:2px solid #ff009a;}
.btn-survey-continue span {font-family:"Noto Sans KR";font-size:20px;font-weight:600;top:-1px;}

/* ��ǥ���� */
.btn-survey-end {border-radius:100px;width:300px;height:80px;background-color:#ff009a;background-position:center center;background-repeat:no-repeat;transition: all .2s ease-out;color:#fff;border:1px solid #fff;}
.btn-survey-end:hover {border:2px solid #ff009a;}
.btn-survey-end span {font-family:"Noto Sans KR";font-size:20px;font-weight:600;top:-1px;}

/* ��ǥ���� - ����Է� */
.btn-survey-comment {border-radius:30px;width:250px;height:60px;background-color:#ff009a;background-position:center center;background-repeat:no-repeat;transition: all .2s ease-out;color:#fff;border:1px solid #fff;}
.btn-survey-comment:hover {border:2px solid #ff009a;}
.btn-survey-comment span {font-family:"Noto Sans KR";font-size:18px;font-weight:600;top:-1px;}


.cycle-slideshow img{position:absolute;width:900px;margin-left:0px;}

.titimg {position:absolute;top:50px;right:50px;display:none;}
.titimg img{text-align:right;}





/*------------------------------------------------
* layerPopup
/*------------------------------------------------*/
.layerBg {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;display:none;
	opacity: 0.85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: 0.80; /* Safari 1.x */
	-moz-opacity: 0.80; /* FF lt 1.5, Netscape */
	z-index:5000;
}

/*------------------------------------------------
* Outline & Design
------------------------------------------------*/
.header {height:200px;text-align:center;background-color:#000;}
.header h1 {position:relative;width:1050px;left:50%;margin-left:-70px;top:50px;width:150px;height:150px;background:url("../img/slogo.png") no-repeat;}
.header h1 a {display:block;width:100%;height:100%;}
.header h1 span {display:none;}

.header h2 {position:absolute;left:50%;top:120px;height:600px;margin-left:-500px;}
.header h2 span {display:none;}

.header h3 {position:absolute;width:900px;left:50%;top:180px;margin-left:-450px;height:135px;}
.header h3 a {display:block;}
.header h3 span {display:none;}

.header h4 {position:absolute;width:786px;left:50%;top:585px;margin-left:-393px;height:135px;display:none;}
.header h4 a {display:block;width:100%;height:100%;}
.header h4 span {display:none;}

.gnb {position:relative;height:60px;text-align:center;background-color:#252525;}
.gnb ul {font-family:'Roboto', 'Noto Sans KR';position:relative;font-size:15px;display: inline-block;color:#8b8b8b;font-weight:500;top:17px;}
.gnb ul li {float:left;padding-right:15px;}
.gnb ul li a:link {color:#fff;
  -o-transition:color .5s ease-out, background 1s ease-in;
  -ms-transition:color .5s ease-out, background 1s ease-in;
  -moz-transition:color .5s ease-out, background 1s ease-in;
  -webkit-transition:color .5s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background 1s ease-in;
}
.gnb ul li a:visited {color:#fff; text-decoration:none;}
.gnb ul li a:hover {color:red;}
.gnb ul li a:active {color:#fff; text-decoration:none;}

.timer {height:195px;text-align:center;background:url("../img/timer_bg.jpg") no-repeat center;background-size:100% 100%;padding-top:35px;}
.timer_txt {color:#fff;font-size:20px;font-weight:700;letter-spacing:-1px;text-shadow: 2px 2px 2px black;}
#note {color:#fff;font-size:12px;font-weight:400;margin-top:-20px;}
.category {width:100%;text-align:center;background-color:#f1f1f1;}
a.innerborder, a.innerborder img {
        float: left;
        overflow:hidden;
}
a.innerborder:hover {
        border:4px solid #d2ae59;
}
a.innerborder:hover img {
        margin: -4px;
}



.comment-area {width:967px;margin:0 auto;padding:45px 0 25px;}
.footer {width:967px;margin:0 auto;padding:80px 0 30px;}
.footer:after {content:"";display:block;clear:both;}

.footer_evt {width:967px;margin:0 auto;padding:10px 0 30px;}
.footer_evt:after {content:"";display:block;clear:both;}


#sbt {position:relative;width:760px;left:50%;margin-left:-375px;top:50px;margin-bottom:50px;text-align:center;color:#fff;font-family:'Roboto', 'Noto Sans KR';}
.tit_s {
color:#54180f;
	font-size:32px;font-weight:200;
  padding:0.5em;
  line-height: 1.3em;
  font-weight:700;
}

.tit_s p{display:block;position:relative;font-size:15px;font-weight:400;}
.tit_s p span{font-size:45px;font-weight:800;color:#ed145b;}


/*------------------------------------------------
* Start Page
------------------------------------------------*/
div.start_form {width:600px; margin:0 auto; border:10px #e0b875 solid; padding:35px 0 35px 0px; text-align:center;}
	p.st_1,
	p.st_2 {width:600px; margin:0 auto;}

	p.st_1 {padding-top:10px; 0 10px -20px;}
	p.st_2 {padding-top:35px; text-align:center;}

.sinput {border:2px solid #A9A9A9; line-height:16px; font-size:10pt;}


.survey-area {width:100%;padding:50px 0 0px 0;}

/*------------------------------------------------
* part
------------------------------------------------*/
.category-box {position:relative;width:967px;margin:0 auto;padding-bottom:25px;}
.category-box h1 {padding:5px 0 15px 0; text-align:left;}


/* category-search-box */
.category-search-box {position:absolute;right:0;top:0;}
.category-search-form {width:270px;border:1px solid #d7d7d7;background-color:#fff;}
.category-search-form input[type="text"] {width:250px;border:0;color:#000;}
.category-search-form .btn-search-submit {position:absolute;right:10px;top:9px;}

/* category-brand-box */
.category-brand-box {position:relative;}
.category-brand-box table {width:100%;}
.category-brand-box table tr td {width:137px;height:137px;border:1px solid #d9d9d9;background-color:#fff;}
.category-brand-box table tr td div {position:relative;width:100%;height:100%;border:0;overflow:hidden;cursor:pointer;transition: all .2s ease-in-out;}
.category-brand-box table tr td div.on {border:7px solid #d2ae59 !important;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);}
.category-brand-box table tr td div:hover {border:1px solid #d2ae59;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);}
.category-brand-box table tr td div .category-part-bg {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition: all .1s ease-in-out;}
.category-brand-box table tr td div:hover .category-part-bg {margin-top:-5px;}
.category-brand-box table tr td div .category-part-check {position:absolute;display:block;margin-top:0px;left:0;top:-500px;}
.category-brand-box .btn-part-submit {position:relative; width: 100%;right:0;bottom:0px;z-index:500;transition: all .1s ease-in-out;}
.category-brand-box .btn-part-submit span {transition: all .1s ease-in-out;opacity:0;}
.category-brand-box .btn-part-submit:hover {box-shadow:inset 7px 7px 7px 0px rgba(0, 0, 0, 0.1);}
.category-brand-box .btn-part-submit:hover span {left:250px;opacity:1;}


/*------------------------------------------------
* ����������
------------------------------------------------*/
.survey-box {position:relative;width:967px;margin:30px auto;padding-bottom:25px;}
.survey-box h1 {position:relative;text-align:left;}

.survey-form {width:100%;}
.survey-form table {width:100%;}

.survey-form-box {border-top:1px solid #ccc;padding-bottom:0px;margin-top:30px;}

.survey-box .btn-area {text-align:center;padding:60px;}
.survey-box .btn-survey-end {margin-left:10px;}

.tbl_item3 { height:130px; text-align:left; color:#ed1c24; font-size:29px; font-weight:bold;padding:35px 0 0 0;}
.tbl_item3 span {color:#252525;}
.tbl_item4		{vertical-align:top;}

div.poll_list {position:relative; width:214px;}
	p.poll_2 {position:relative;width:214px;height:214px;border:7px;padding:0px; text-align:center; background:#fff; z-index:20;text-align:center;transition: all .2s ease-out;overflow:hidden;    border: 1px solid #e4e4e4;}
	p.poll_2:hover {box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);}
	p.poll_2.on {border:7px solid #d2ae59 !important;padding:0px;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);}

	p.poll_2 img {width:200px; height:200px; margin-top: 6px;transition: all .3s ease-out;}
	p.poll_2:hover img {transform: scale(1.1);}
	p.poll_2.on img {transform: scale(0.9);}

	p.poll_4 {width:214px;font-size:14px;color:#000000; padding:10px 0px 0px 0px; text-align:center; min-height:15px;}
	p.poll_1 {width:214px;font-weight:bold; font-size:18px; color:#000000; padding:3px 0px 40px 0px; text-align:center; min-height:15px;}
	p.poll_3 {position:absolute;width:1px;height:1px;overflow:hidden;}

.no-survey {width:100%;text-align:center;padding:100px 0;font-size:25px;}
.no-survey p {padding:50px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}

/* ������ ����Ÿ */
.survey-form-box.checked_part div.poll_list .dim_checked {position:absolute;left:0;top:0;width:214px;height:214px;z-index:100;}
.survey-form-box.checked_part div.poll_list .dim_checked>div {position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.4;}
.survey-form-box.checked_part div.poll_list .dim_checked.checked_brand {border:5px solid #acacac;}

.survey-form-box.checked_part .tbl_item3 {color:#bababa !important;}
.survey-form-box.checked_part .tbl_item3 span {color:#8b8b8b !important;}
.survey-form-box.checked_part .tbl_item3 {color:#b7b7b7 !important;}
.survey-form-box.checked_part p.poll_1,
.survey-form-box.checked_part p.poll_4 {color:#b7b7b7;}
.survey-form-box.checked_part p.poll_2 img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	opacity:0.4;
}


/*------------------------------------------------
* ��� ������
------------------------------------------------*/
/* ��� */
.login-page-area {position:fixed;width:620px;height:430px;left:50%;top:50%;margin:-200px 0 0 -310px;background-color:#fff;z-index:9999;padding:25px 35px;display:none;}
.login-page-area h1 {padding:30px 0 45px 0px;text-align: center;}
.login-page-area h1 span{color:#d2ae59;}
.login-page-area .login-chk-form {padding-left:40px;}
.login-page-area dt {width:85px;padding-right:0 !important;}
.login-page-area .input-box-name {width:135px;}
.login-page-area .input-box-email {width:110px;ime-mode:disabled;}
.login-page-area .btn-area {text-align:center;}
.login-page-area .select-email {width:135px;margin-left:5px;}
.login-page-area .input-box-email2 {display:none;width:125px;}
.login-page-area .login-text {position:relative;left:-20px;padding:25px 0 35px 0;}
.login-page-area .btn-area {position:relative;left:-20px;}

/* �α��� - �߰����� */
.login-add-area {position:fixed;width:700px;height:820px;left:50%;top:50%;margin:-405px 0 0 -310px;background-color:#fff;z-index:9999;padding:25px 35px;display:none;}
.login-add-area h1 {padding:30px 0 15px 0;text-align:center;}
.login-add-area .add-txt {text-align:center;padding:0 0 20px 0;}
.login-add-area .add-txt1 {text-align:center;padding:0 0 20px 0;font-size:15px;font-weight:500;}
.login-add-area .add-txt2 {text-align:center;padding:10px 0px 0px 0px;font-size:13px;font-weight:500;line-height:20px;}
.login-add-area .form-box-1 {width:400px;margin:0 auto;}
.login-add-area .form-box-1 dt {width:150px;text-align:right;}
.login-add-area .form-box-1 dd {padding-left:10px;}
.login-add-area select {width:170px;}
.login-add-area input[type="radio"] {position:relative;margin:0 5px 0 10px;top:2px;}
.login-add-area .btn-area {text-align:center;padding-top:25px;}
.login-add-area .input-box-hp {ime-mode:disabled;}
.login-add-area .login-add-name-txt,
.login-add-area .login-add-email-txt {padding-top:3px;}





/*------------------------------------------------
* ������(���)
------------------------------------------------*/
/* survey-comment-result */
.survey-comment-result {position:relative;width:967px;margin:0 auto;}
.survey-result {text-align:center;font-weight:bold;padding:0px 0 0px;}


/* survey-comment-area */
.survey-comment-area {position:relative;width:100%;background-color:#fff;padding:40px 0 60px 0;}
.survey-comment-area_last {position:relative;width:100%;text-align:center;background-color:#fff;padding:0px 0 20px 0;}

.survey-comment-box {position:relative;width:967px;margin:0 auto;}
.survey-comment-box p{font-size:20px;line-height:32px;font-weight:600;margin-bottom:0px;}
.survey-comment-box h1 {padding-bottom:0px;margin-top:0px;}

.survey-comment-form-box {border:1px solid #d3d3d3;padding:25px;margin-top:0px;}
.survey-comment-form-box .survey-comment-text {font-size:13px;padding:0px 55px 0 0;}

.survey-comment-form-box .btn-survey-comment {position:absolute;left:50%;bottom:-80px;margin-left:-125px;}


/*------------------------------------------------
* ��Ÿ
------------------------------------------------*/

/* ��ǥ��� */
.poll_rst {width:760px; margin:0 auto; border:10px #e0b875 solid; padding:30px;}

.poll_rst table{width:740px; margin:0 auto; }
.poll_rst table td {padding:3px 0; color:#fff;}

	p.poll_btn_2 {width:740px; margin:0 auto; text-align:center; padding:20px 0 0 0;}
	p.poll_btn_3 {width:740px; margin:0 auto; text-align:center; }
	p.poll_btn_3 * {vertical-align:middle;}

/* TEXT */
.h2_txt {width:840px; margin:0 auto;}
.h3_txt {width:740px; margin:0 auto; padding:0 0 10px 0;}
.h4_txt {text-align:center; font-size:10pt; font-weight:bold; color:#fff; line-height:18px;}


/* ������ ���� �˾� ���̾� */
#pollLayer {position:absolute; width:0; min-height:0; top:0; left:0; z-index:99;}
#pollCont {position:relative; width:840px; height:637px; top:0px; left:0px; background:#1b0c05;}


/* ������ ī��Ʈ */
div.rCount {position:absolute; left:0; top:0; width:0; height:0; }
div.rCount p {width:73px; font-size:18px; font-weight:bold; text-align:center;}
	p.rCount_1 {position:absolute; left:0; top:8px;  color:#fff;}
	p.rCount_2 {position:absolute; left:0; top:58px; color:#cec779;}

/* ��ũ�� ��� */
#scrollbanner {position:relative; width:915px; height:0px; margin:0px auto;}
#scrollbannercont {position:absolute; width:75px; height:100px; top:100px; left:870px;}

#content {margin:-60px auto;}
/*------------------------------------------------
* �̺�Ʈ ���
------------------------------------------------*/
.comment-area {}

.comment-event {width:100%;height:774px;background-color:#555;text-align:center;color:#fff;font-weight:bold;font-size:30px;padding-top:0px;}
.comment-event2 {width:100%;height:568px;background-color:#555;text-align:center;color:#fff;font-weight:bold;font-size:30px;padding-top:0px;}

.comment-form {padding-top:35px;}
.comment-form h1 {padding-bottom:15px;}
.comment-form-box {border:1px solid #d3d3d3;padding:25px;}

.form-box-1 dl {padding-bottom:10px;}
.form-box-1 dl:after {content:"";display:block;clear:both;}
.form-box-1 dl dt {float:left;padding:5px 15px 0 0;}
.form-box-1 dl dd {float:left;padding:0px 20px 0 0;}
.form-box-1 input[type="text"] {margin-right:5px;}
	.input-box-name {width:155px;ime-mode:active;}
	.input-box-hp {width:170px;ime-mode:disabled;float:left;}
	.input-select-hp {float:left;width:70px;margin-right:5px;}
	.input-box-textarea {width:100%;height:105px;padding:10px;overflow:auto;}

.form-box-2 {padding-bottom:20px;}
.form-box-2:after {content:"";display:block;clear:both;}
.form-box-2 dl {float:left;}
.form-box-2 dl:after {content:"";display:block;clear:both;}
.form-box-2 dl dt {float:left;padding:5px 15px 0 0;}
.form-box-2 dl dd {float:left;}

.form-box-3 {}
.form-box-3:after {content:"";display:block;clear:both;}
.form-box-3 dl {float:left;}
.form-box-3 dl:after {content:"";display:block;clear:both;}
.form-box-3 dl dt {float:left;padding:5px 15px 0 0;}
.form-box-3 dl dd {float:left;}
.form-box-3 button {float:right;}
	.block-code {padding:3px 15px 0 0;font-weight:bold;font-size:18px;min-width:90px;}
	.block-code span {color:red;}
	.block-txt {padding:5px 35px 0 10px;}
	.input-box-block {width:105px;ime-mode:disabled;}
	.input-box-password {width:120px;}


.comment-list {width:100%;padding-top:30px;}
.comment-list dl {width:100%;border-bottom:1px solid #ebebeb;padding:15px 0;}
.comment-list dl:after {content:"";display:block;clear:both;}
.comment-list dl:first-child {border-top:1px solid #ebebeb;}
.comment-list dl dt {float:left;width:90px;font-weight:bold;}
.comment-list dl dd {float:left;text-align:left;width:830px;}

.no-data {width:100%;text-align:center;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;padding:15px 0;}

.cmt_tit {position:relative;height:10px;right:0px;top:20px;margin-top:0px;font-weight:600;font-size:12px;text-align:left;}
.cmt_tit img{top:20px;}
.cmt_tit span{color: red;font-size:12px;}
.cmt_count {position:relative;height:20px;right:0px;top:0px;margin-top:30px;font-weight:600;}
.cmt_count span{color: red;}

/* ��ۻ��� �˾�*/
.comment-del-area {position:fixed;width:590px;height:245px;left:50%;top:50%;margin:-124px 0 0 -300px;background-color:#fff;z-index:9999;padding:25px 35px;display:none;}
.comment-del-area h1 {padding-bottom:35px;}
.comment-del-area dt {width:55px;padding-right:0 !important;}
.comment-del-area .input-box-name {width:135px;}
.comment-del-area .btn-area {text-align:center;}


/* footer */
.footer {
  width: 967px;
  margin: 0 auto;
  padding: 50px 0 30px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.footer h1 {text-indent:-9999px;width:296px;height:40px;background-image:url('../img/icon_bg2.png');background-position:-48px -68px;float:left;}
.footer .r_cont {display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;}
.footer .r_cont:after {content:"";display:block;clear:both;}

.footer .address {float:left;padding:10px 10px 20px 0;}
.footer .link {float:left;}
.footer .link:after {content:"";display:block;clear:both;}
.footer .link li {float:left;width:30px;height:30px;background-image:url('../img/icon_bg2.png');margin-left:5px;}
.footer .link li a {display:block;width:100%;height:100%;text-indent:-9999px;}
.footer .link .link_1 {background-position:-71px -142px;}
.footer .link .link_2 {background-position:-142px -142px;}
.footer .link .link_3 {background-position:-213px -142px;}

/* �ѹ��� */
.page_num {width:100%;text-align:center;padding:20px 0;}
.page_num * {vertical-align:middle;}
.page_num>span,
.page_num>a {display:inline-block;margin:0 2px;height:26px;padding:0px 7px 0 7px;border:1px solid #fff;text-decoration:none;}
.page_num>span {border:1px solid #555;font-weight:normal;color:#111;font-weight:bold;}
.page_num a:hover {color:#555; border:1px solid #555;}

	.page_first,
	.page_pre,
	.page_next,
	.page_last {text-indent:-9999px;width:24px;padding:0 !important;border:1px solid #fff !important;}

	.page_num [class^="page_"] {background-image:url('../img/icon_bg.png');}
	.page_first {background-position:-348px -62px;}
	.page_pre {background-position:-417px -62px;}
	.page_next {background-position:-487px -62px;}
	.page_last {background-position:-560px -62px;}

	span.page_first,
	span.page_pre,
	span.page_next,
	span.page_last {opacity:.3;}





#evt_info {position:relative;width:400px;left:50%;margin-left:-200px;top:50px;margin-bottom:50px;text-align:center;color:#666;}
#evt_info td{text-align:center;}
#evt_info input[type="text"]{height:35px;width:200px;font-family:"Noto Sans KR",sans-serif;padding:0px 10px;background: #ffffff;margin:10px 0px;}

/*------------------------------------------------
* Mail
------------------------------------------------*/


.mail_box {position:relative;width:600px;margin:30px auto;padding:50px; font-size:20px;line-height:30px;font-weight:400;text-align: center;
border:3px solid #f1d563;

	}

.mail_box span{font-weight:300;}
.guide_txt {display: block; padding:20px;font-size:20px;font-weight:400; }
.guide_txt.icon{font-size:70px;font-weight:400;color:#09a4ff; }
.guide_txt.md {display: block; padding:0px 0px 20px 0px;font-size:16px;font-weight:400;line-height: 1.5; }
.guide_txt.md2 {display: block; padding:0px 0px 10px 0px;font-size:16px;font-weight:400;line-height: 1.5; }
.guide_txt.sm {display: block; padding:20px;font-size:14px;font-weight:400;line-height: 1.5; }
.mailfield {display: block; padding:20px;background:#f1d563;font-size:24px;font-weight:600; }


 .input-box-email {    width: 50%;
    display: block;
    height: 30px;
    margin: 20px auto;
    text-align: center;
	ime-mode:disabled;
	}



/* ���Ϲ߼� */


.btn-mail{
    font-family:"Noto Sans KR";
    font-size:16px;
    font-weight:500;
    border:2px solid #00a1e9;
    border-radius:30px;
    width:375px;
    height:40px;
    line-height: 1;
    padding:6px 20px;;
    color: #00a1e9;
	background-color:#fff;
    background-position:center center;
    background-repeat:no-repeat;transition: all .2s ease-out;margin: 20px 0px;
}
.btn-mail:hover {background:#00adee;
color: #fff;}


.btn-cancel{

    font-family:"Noto Sans KR";
    font-size:16px;
    font-weight:500;
    border:1px solid #00adee;
    border-radius:30px;
    width:300px;
    height:40px;
    line-height: 1;
    padding:6px 20px;;
    color: #00adee;
    background-position:center center;
    background-repeat:no-repeat;transition: all .2s ease-out;margin:20px;
}
.btn-cancel:hover {background:#00adee;
color: #fff;}



.btn-mailmod {
    border: 1px solid #00a1e9;
    padding: 10px 15px;
    font-family:"Noto Sans KR";
    font-size:13px;
    font-weight:500;
    border-radius:30px;
    width:300px;
    height:40px;
    color: #00a1e9;
    background-position:center center;
    background-repeat:no-repeat;transition: all .2s ease-out;margin:20px;
}
.btn-mailmod:hover {background:#00adee;
color: #fff;}


.space50 {display:block;margin-top:100px;}



/*------------------------------------------------
* guide
------------------------------------------------*/
.guide_box {position:relative;width:968px;margin:40px auto;font-size:20px;line-height:30px;font-weight:400;}
.guidelist{display: block;padding: 20px 0px;border-top:1px solid #ddd; margin-top: 10px;}
.guide_icon{font-size:40px;color:#e4007f;font-weight: 500;display: block;margin-bottom: 10px;margin-top: 20px;}
.guide_title{font-size:20px;color:#e4007f;font-weight: 500;display: block;margin-bottom: 20px;}
.guides_txt {display: block; font-size:18px;font-weight:400;margin-bottom: 5px; font-size:0.7em;}
.guides_txt.sm {display: block; font-size:14px;font-weight:400;line-height: 1.5; }
.guide_img{display: block;margin-bottom: 20px;margin-top: 10px;border:1px solid #e4e4e4;}


.stoptxt {font-size:14px;font-weight:600;}