@charset "utf-8";

/* reset CSS */
* {box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;}
fieldset,img{border:0 none}
img {vertical-align: middle;}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;outline:none;margin:0;}
input[type="checkbox"],input[input="radio"] {margin:0;}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff;direction:ltr;-webkit-text-size-adjust:none; overflow-x: hidden}
body,th,td,input,select,textarea,button{font-size:13px;line-height:1.5;font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',sans-serif;color:#333;    overflow-x: hidden;}
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button{letter-spacing:0}
a{color:#333;text-decoration:none;
-webkit-transition: all .25s;
transition: all .25s;}
a:focus {text-decoration:none;outline:none;}
a:hover{color:#be2d5a;text-decoration:none}
a:visited{text-decoration:none;}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
legend {display:none;}
iframe {border:0;}
hr {border:0;padding:10px 0;}
label {cursor:pointer;margin:0;font-weight:normal;}

.hide {display:none;}
.clearfix:after {content:"";display:block;clear:both;width:0;height:0;}
.sound_only {display:none;}

input[type="file"] {background:#fff;border:0!important;}

/* table_wrap */
.table_wrap {margin:20px 0;}
.table_wrap table {width:100%;border-collapse:collapse;}
.table_wrap table th, .table_wrap table td {padding:8px 10px;border:1px solid #e8e9e9;color:#333;}
.table_wrap table th {background:#fafcfc;text-align:center;font-weight:bold;}
.table_wrap table td input, .table_wrap table td textarea {border:1px solid #c4c4c4;}
.table_wrap table td input[type="text"], .table_wrap table td input[type="password"], .table_wrap table td textarea {padding:4px 5px;}
.table_wrap table td label input {margin-right:5px;}

.table_board table td {text-align:center;}
.table_board table td.subject {text-align:left;}
.table_board table td.subject .cnt_cmt {color:#ff8043;}

.table_btn {text-align:center;margin:40px 0;}
.table_btn input {display:inline-block;padding:5px 10px;background:#f08080;color:#fff;border:0;}
.table_btn a {display:inline-block;padding:5px 10px;background:#666;color:#fff;border:0;vertical-align:middle;}


/* login */
#login {height:100%;position:relative;}
#login_wrap {width:100%;position:absolute;top:50%;left:0;text-align:center;margin-top:-224px;}
#login_wrap > div {max-width:1000px;display:inline-block;text-align:left;background:#fff;padding:80px 200px 100px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}

#login_auto {float:left;width:100%;margin-bottom:5px;}
#login_auto label input {margin-right:5px;}
#login_idpw {float:left;width:80%;}
#login_idpw input {width:100%;padding:4px 5px;height:31px;border:1px solid #ccc;}
#login_idpw input:first-child {margin-bottom:5px;}
#login_btn {float:left;width:19%;margin-left:1%;}
#login_btn input {width:100%;height:67px;background:#337ab7;color:#fff;border:0;}
#login_btn input:hover {opacity:0.7;}
#login_info {margin-top:10px;}
#login_info a {margin-left:10px;}
#login_info .btn {font-size:12px;}
#login_sns {display:inline-block;}
#login_sns a {padding-left:33px;}
#login_sns .na {background:#fff url(../img/na.png) no-repeat 5px center;color:#333;}
#login_sns .na:hover {background-color:#00c73c;color:#fff;}
#login_sns .ka {background:#fff url(../img/ka.png) no-repeat 5px center;color:#333;}
#login_sns .ka:hover {background-color:#ffee1a;color:#333;}

/* responsible */
@media (max-width: 992px) {
	#login_wrap {margin-top:-164px;}
	#login_wrap > div {padding:40px 40px 60px;}
}
@media (max-width: 768px) {
	#login_wrap > div {padding:40px 40px 60px;}
}
@media (max-width: 460px) {
	#login_wrap > div {padding:40px 10px 60px;}
}

#login.password #login_idpw {margin-bottom:20px;}
#login.password #login_idpw label {width:100%;font-size:16px;line-height:36px;}
#password_btn {float:left;width:19%;margin-left:1%;margin-top:36px;}
#password_btn input {width:100%;height:31px;background:#337ab7;color:#fff;border:0;}
#password_btn input:hover {opacity:0.7;}
#login.password .password_info {word-break:keep-all;word-wrap:break-word;}

#find_info_wrap {max-width:400px;margin:24px auto;}
#find_info_wrap fieldset {border:0;}
#find_info_wrap p {text-align:center;}
#find_idpw {margin:10px 0;}
#find_idpw input {width:100%;padding:4px 5px;border:1px solid #ccc;}

#find_info #find_btn {text-align:center;}
#find_info #find_btn button {background:#c4c4c4;border:1px solid #b4b4b4;color:#fff;margin-left:10px;}
#find_info #find_btn button:hover {background:#a4a4a4;}

#register {background:#fff;padding:20px;}
.register_term {margin:20px 0 60px;}
.register_term p {color:#888;}
.register_term textarea {width:100%;height:180px;padding:10px;margin:10px 0;background:#fcfcfc;border:1px solid #c4c4c4;}
.register_term .register_agree span {float:left;}
.register_term .register_agree span:last-child {float:right;}
.register_term .register_agree span label:first-child {margin-right:10px;}
.register_term .register_agree span label {vertical-align:middle;}
.register_term .register_agree span input {vertical-align:middle;margin:0 5px 0 0;}

/* register_form */
#register_form {background:#fff;padding:20px;}
#register_form .post_sub_title p {float:right;}
#register_form .post_sub_title p i {color:#1e90ff;}
#register_info .register_tbl {width:100%;}
#register_info .register_tbl > tbody > tr {border-bottom:1px solid #eee;}
#register_info .register_tbl > tbody > tr > th, .register_tbl > tbody > tr > td {padding:8px 10px;padding:20px 0;}
#register_info .register_tbl th {width:20%;min-width:100px;font-weight:normal;}
#register_info .register_tbl th i {color:#1e90ff;}
#register_info .register_tbl td select, #register_info .register_tbl textarea {height:29px;border:1px solid #ccc;}
#register_info .register_tbl td input[type="text"],#register_info .register_tbl td input[type="password"] {padding:4px 6px;border:1px solid #ccc;}
#register_info .register_tbl td #reg_mb_email {width:100%;max-width:400px;}
#register_info .register_tbl td span {color:#888;}
#register_info .register_tbl td label input {margin-right:5px;}
.register_info01 {margin-bottom:40px;}

/* member_confirm */
#member_confirm {height:100%;position:relative;}
#member_confirm_wrap {width:100%;position:absolute;top:50%;left:0;text-align:center;margin-top:-224px;}
#member_confirm_wrap > div {max-width:1000px;display:inline-block;text-align:left;background:#fff;padding:80px 200px 100px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}
.member_confirm01 {width:600px;text-align:center;}
.member_confirm01 h3 {font-size:14px;margin-bottom:20px;}
.member_confirm01 ul {margin-bottom:40px;}
.member_confirm01 ul li:first-child {margin-bottom:20px;}
.member_confirm01 ul li p {color:#888;}
.member_confirm01 ul li span {font-size:16px;color:#1e90ff;margin-left:10px;}
.member_confirm01 ul li input[type="password"] {padding:4px 6px;margin-left:10px;border:1px solid #ccc;}

/* responsible */
@media (max-width: 992px) {
	#member_confirm_wrap {margin-top:-164px;}
	#member_confirm_wrap > div {padding:40px 40px 60px;}
}
@media (max-width: 768px) {
	#member_confirm_wrap > div {padding:40px 40px 60px;}
}
@media (max-width: 460px) {
	#member_confirm_wrap > div {padding:40px 10px 60px;}
	.member_confirm01 {width:auto;}
}

.contact_form h3 {font-size:13px;padding-top:8px;padding-bottom:8px;color:#777;}
.contact_form .post_info {margin-bottom:40px;}
.contact_form .post_info dl {margin:20px 0;padding:20px;background:#f2f2f2;border:1px solid #e9e9e9;}
.contact_form .post_info dt {margin-bottom:20px;}
.contact_form .post_info dd {margin-bottom:10px;}
.contact_form .post_info p {text-align:center;}
.contact_form .post_info p label input {margin-right:5px;}

#comment {border-top:1px solid #c4c4c4;}
#comment_list {margin-bottom:20px;position:relative;}
#comment_list .empty_list {background:#f8f8f8;text-align:center;color:#888;line-height:80px;}
#comment_list h3 {margin-bottom:10px;position:relative;}
#comment_list h3 b {font-size:14px;color:#337ab7;}
#comment_list .date {font-size:12px;color:#666;}
#comment_list .comment_reply {position:absolute;left:-20px;}
#comment_list .comment_l {padding-bottom:20px;border-bottom:1px solid #c4c4c4;}
#comment_list .comment_edit {margin-top:20px;}
#comment_list .comment_btn {margin-top:20px;}
#comment_list .comment_btn li {float:left;margin-right:5px;}
#comment_list .comment_btn li:last-child {margin-right:0;}
#comment_list .comment_btn li a {color:#888;}
#comment_write {margin-bottom:20px}
#comment_w {border:1px solid #c4c4c4;}
#comment_w .comment_top {padding:10px 20px;background:#fff;}
#comment_w .comment_top label input {margin-right:5px;}
#comment_w .comment_top .name {float:right;font-weight:bold;color:#337ab7;}
#comment_w .comment_write textarea {float:left;width:85%;border:0;border-top:1px solid #c4c4c4;padding:4px 20px;}
#comment_w .comment_write input[type="submit"] {float:right;display:block;width:15%;height:85px;background:#337ab7;color:#fff;border:0;}
#comment_w .comment_write input[type="submit"]:hover {
	opacity:0.9;
	-webkit-transition: all .25s;
	transition: all .25s;
}

#captcha {width:100%;position:relative;/*height:60px;padding-left:180px;*/}
#captcha #captcha_img {position:absolute;left:0;}
#captcha #captcha_audio {display:none;}
#captcha #captcha_mp3 {display:none;}
#captcha #captcha_info {display:none;}
#captcha #captcha_reload {display:block;}
#captcha #captcha_key {min-width:200px;max-width:400px;margin-top:10px;}

#captcha_mobile {position:relative;}
#captcha_mobile img {height:30px;position:absolute;top:2px;right:1px;}

.terms h3 {margin-top:32px;font-weight:bold;font-size:18px;}
.terms .tit {display:block;margin:20px 0 5px;font-weight:bold;font-size:14px;}
.terms .list_terms {margin-top:20px;}
.terms .list_terms .txt_num {float:left;width:17px;}
.terms .list_terms dd {margin:10px 0;}
.terms .list_terms p {padding-left:16px;}

#copymove {padding:20px;}
#copymove h1 {text-align:center;font-size:18px;}
#copymove table {width:100%;margin:20px 0;}
#copymove table .copymove_currentbg {background:#fafcfc;}
#copymove table span.copymove_current {color:#ff8043;}
#copymove table th {text-align:center;border-bottom:1px solid #c4c4c4;background:#f8f8f8;}
#copymove table th, #copymove table td {padding:8px 10px;}
#copymove table td {border-bottom:1px solid #eee;}
#copymove table td:hover {color:#337ab7;}
#copymove table td.td_chk {text-align:center;}
#copymove table td label {margin-left:10px;}
#copymove .win_btn {text-align:center;}
#copymove .win_btn input {display:inline-block;padding:5px 10px;background:#f08080;color:#fff;border:0;}
#copymove .win_btn button {display:inline-block;padding:5px 10px;background:#778899;color:#fff;border:0;}

#ctt {border:0;margin:40px 0;padding:0;}

/*모바일 팝업*/
#hd_pop {position:absolute;z-index:99999;background:#333;}
#hd_pop h2 { display:none; }
#hd_pop .hd_pops_footer {padding:15px 10px;}
#hd_pop .hd_pops_footer button {color:#fff;font-size:15px;}
#hd_pop .hd_pops_close {float:right;}