* { margin: 0; padding: 0; }

html, body{height:100%;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:12px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"³ª´®°íµñ"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em;}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em; padding-left:5px; padding-top:3px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}

table{
	border-spacing: 0;
	border-collapse: collapse;
	display:table;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

/*ÅëÇÕ ÀÔ·ÂÆû*/
.write_form{}
.write_form input[type=text], .write_form input[type=password]{ z-index: 10;  padding: 6px 0 6px 5px;  width: 100%; *width:99%; height: 30px; *height:22px; border:none; background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;   border: none;  background: transparent;  font-size: 15px;  line-height:160%; apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 30px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.write_form > h2{}
.write_form > ul > li{padding: 0px; }
.write_form > ul > li.food_info{border-top:2px solid #25c8f5;}
.write_form > ul > li > h3{font-size:13px; margin:10px 0;}
.write_form > ul > li  span{display:block; border:1px solid #ddd;  background:#fff;}

.write_form > ul > li > div{display:table; width: 100%; margin:3px 0; *overflow:hidden;}
.write_form > ul > li > div.form_email > div{*width:48.5%; }
.write_form > ul > li > div.form_tel > div{width:32%; }
.write_form > ul > li > div.form_add{margin-bottom:3px;}
.write_form > ul > li > div.form_add > div{width:32%}

.write_form > ul > li > div > div{display:table-cell; vertical-align:top; *display:inline; zoom:1;}
.write_form > ul > li > div > div span{margin-right:3px;}
.write_form > ul > li > div > div.form_check a{display:block;  background:#FF3000; color:#fff; border:1px solid #fff; text-align:center; height:35px; line-height:35px;}

.write_form > ul > li > p{padding:5px;}
.write_form > ul > li > p.join_txt_ok{color:#189FA5; padding:5px;}
.write_form > ul > li > p.join_txt_can{color:#FF3000; padding:5px;}
.write_form > ul > li > p.checkbox_btn{padding:5px;}
.write_form > ul > li > label.checkbox_btn input{margin-right:5px;}

.write_form .form_btn{text-align:center; margin-top:15px; border:0px;}
.write_form .form_btn button{display:inline-block; *display:inline; zoom:1;  border:0px; width:100%; max-width:100px; height:50px;}
.write_form .btn_ok{background:#FF2323; color:#fff;}
.write_form .btn_can{background:#999; color:#fff;}

.write_form > ul > li.login_lost_join > ul > li{border-bottom:1px solid #eee; padding-left:5px;}
.write_form > ul > li.login_lost_join > ul > li > a{display:inline-block; *display:inline; zoom:1;  padding:5px 5px; margin:2px 0; color:#555}
.write_form > ul > li.login_lost_join > ul > li > i{display:inline-block; *display:inline; zoom:1;  width:5px; height:5px; background:#01B2F2; margin-bottom:2px;}



.wrap {width:100%; margin:0 auto;}
.cont{max-width:1200px; width:100%;margin:0 auto; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.cont > img, .cont a > img  {width:100%;}
.logo{float:left; width:130px; padding:20px; }
.copyright{padding:20px;}
.copyright p{padding-bottom:10px; color:#7d7d7d}

.form_warp{width:500px; float:left;}
.form_warp td{font-family:"³ª´®°íµñ"; font-size:13px; color:#000;}
.license_txt {padding:10px 30px 0 20px;}


.form_style {overflow:hidden; position:fixed; bottom:0px; left:0px;width:100%; z-index:10000; display:block; }
.form_box {width:400px;float:left; color:#fff; padding-left:26px;}
.btn a{color:#fff;}
.btn a:hover{color:#F7FF79;}
.btn p{padding-top:10px;}


.form_wrap {width:100%;background:#fff;    text-align: center; }
.form_wrap .tit {padding:20px 10px 0 10px; position:relative}

.form_wrap .tit h2 {display:inline-block;    background-color: #000;    position: relative;    left: 0;    padding: 0 10px;}
.form_wrap .tit img { width:100%; }
.form_wrap .form_box_wrap {width:1200px; margin:0 auto; display:table; color:#000¤Ë; float:none; background:#fff;     font-size: 16px;}
.form_wrap .form_box_wrap > div {display:table-cell;   vertical-align: top; padding:15px;}
.form_wrap .form_box_wrap > div.btn_wrap {width:158px; padding-left: 20px; padding-right:40px; padding-top:23px; }
.form_wrap .form_box_wrap > div.btn_wrap ul > li {padding-bottom:10px;}
.form_wrap .form_box_wrap > div.btn_wrap ul > li a {color:#fff;}
.form_wrap .form_box_wrap > div > dl {display:table; width:50%; margin:3px 0;float:left}
.form_wrap .form_box_wrap > div  dt, .form_wrap .form_box_wrap > div  dd {display:table-cell;  vertical-align:middle;}
.form_wrap .form_box_wrap > div  dt {width:70px;      text-align: left;
    padding:10px 0 10px 20px;}
.form_wrap .form_box_wrap > div > dl > dd  span {border: 1px solid #bbb; background:#fff; display:block; margin-right:3px; }
.form_wrap .form_box_wrap > div > dl > dd.call > ul > li:first-child{width:30%;}
.form_wrap .form_box_wrap > div > dl > dd > ul {display:table; width:100%;}
.form_wrap .form_box_wrap > div > dl > dd > ul > li {display:table-cell;}

.fx_from textarea {height:30px;letter-spacing: -1px;}
.agree_box {float:left; padding-left:70px; color:#fff; font-size:14px;font-family: 'Nanum Gothic', '¸¼Àº °íµñ', 'Malgun Gothic';}
.agree_box li {margin-bottom:5px; display:inline-block;  *display:inline; zoom:1;}
.agree_box input {vertical-align:top; margin-top:4px;}


#quick {    position: fixed;
    right:0%; top:100px}




@media all and (max-width:680px){
.cont {}
.form_wrap .form_box_wrap{width:100%;}
.form_wrap .form_box_wrap > div {display:block;}
.form_wrap .form_box_wrap > div dl {margin:0;    width: 100%;}
.form_wrap .form_box_wrap > div  dt {padding:0;}
.form_wrap .form_box_wrap > div dd {display:block; margin-bottom:3px;}
.form_wrap .form_box_wrap > div.btn_wrap {margin:0 auto;    margin: 0 auto;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

#quick img{width:66px;}
.agree_box {padding-left: 5px;}
.agree_box li {display:inline-block; *display:inline; zoom:1;}
.form_wrap .form_box_wrap > div > dl > dd  span {margin-bottom:5px;}
.pc{display:none;}
}



a.copy_btn { cursor: pointer; color:#fff;}