@charset "utf-8";

/*테마 공통 모듈 css*/

/* 전체메뉴모듈 */
#moremenu {width:100%; text-align:right;}
nav#totalmenu {display:none; position:absolute; top:; right:0; z-index:99; overflow:auto; width:100%; margin-top:3px; border:0;}
nav#totalmenu .innerbox_line {border:1px solid;}
nav#totalmenu a:hover {color:#0A9696;}  
nav#totalmenu div.column {width:98%; margin:0 auto; overflow:auto;}
nav#totalmenu div.column h3 {width:15%; float:left; margin:5px 0; font-weight:normal; padding:5px; text-align:center; line-height:110%; border:1px dotted; font-size:95%;} 
nav#totalmenu div.column ul {float:left; width:78%; margin:5px 0 5px 2%;}
nav#totalmenu div.column ul li {float:left; margin:0 10px 3px 15px; position:relative;} 
nav#totalmenu div.column ul li:before {position:absolute; top:43%; left:-13px; content:""; width: 5px; height: 5px; background: #ccc; margin: 0 2px; display: inline-block; -webkit-border-radius: 12px; border-radius: 12px;}
nav#totalmenu #totalmenu_inner {position:relative; padding:20px;}
nav#totalmenu #totalmenu_inner span#tclose_btn {position:absolute; right:1px; top:1px; display:block; font-size:200%; cursor:pointer;}

/*회원관리 관련 모듈 */
#join #cont #title h3, #contactus #cont #title h3, #allsearch #cont #title h3 {max-width:100%; margin-top:0; padding-top:0; font-size:180%; height:inherit;}
#join #cont #title p,#contactus #cont #title p {font-weight:bold; text-align:right; margin:0 1% 20px 0;}
  
/* Contact form 모듈*/
#contact-form_box {border:1px solid rgba(0,0,0,.1);padding:10px;min-height:387px; box-shadow:0 2px 2px rgba(0,0,0,.1);}
.oldie #contact-form_box {border:1px solid #ccc; box-shadow:0 2px 2px #ccc;}
#contact-form input[type="text"],#contact-form input[type=password],#contact-form textarea{font-family: Arial, Helvetica, sans-serif;color:#5b5755;font-size:12px;vertical-align:middle;font-weight:normal;padding:13px 10px 13px 17px;margin:0;background:#fff;outline:none;border:none;width:90%; box-shadow:0 2px 2px rgba(0,0,0,.1);}
.oldie #contact-form input[type="text"],#contact-form input[type=password] {box-shadow:0 2px 2px #ccc; border:1px solid #ccc;}
#contact-form{position:relative; padding:6px 0 0 0;}
#contact-form fieldset{border:none;padding:0}
#contact-form label {display:block;min-height:51px; position:relative;}
#contact-form input{ width:90%;border:1px solid #ccc;}
#contact-form textarea{height:280px;width:90%;overflow:auto;resize:none;border:1px solid rgba(0,0,0,.1);}
.oldie #contact-form textarea{border:1px solid #ccc;}
#contact-form .message{min-height:140px;}
#contact-form .success, #contact-form .error, #contact-form .empty{display:none; text-align:left;}
#contact-form .error, #contact-form .empty{position:relative; color:red; font-size:10px; top:0px; left:10px;}
#contact-form .success, #contact-form .success strong{ color:#000;}
#contactus #map address p {margin-bottom:20px;font-style:normal;}
#contactus #map ul.sns_icon li {float:left; margin-right:3px;}
#contactus #map ul.sns_icon li img {max-width:150px; height:auto;}
#contactus #cont #title h3 {height:30px;}
#contactus h4 {font-size:150%;margin:30px 0 20px 0;}
#contactus #detail_prg {margin-top:-30px;}
#realchat iframe {width:100%;height:410px;}
#realchat div {margin:30px 0 60px 0;}
#realchat div p {text-align:left;position:relative;padding-left:50px;}
#realchat div p:before {position:absolute;left:0;top:-10px;content:"";width:48px;height:48px;background:url('../icon/f_icon_set/coffee_mug.png') no-repeat left top;} 
#join .agree_box {width:100%; margin-bottom:20px;}
#join .agree_box textarea {width:95%; height:220px; margin:5px 0; padding:2%;}
#join .agree_box input {margin-right:5px; vertical-align:middle;}
#join .agree_box label {vertical-align:middle;}
#join .agree_box .j_subject {font-weight:bold; font-size:110%;}
#join .agree_box .j_subject:before {content:"■"; color:#9c9c9c; margin-right:5px;}
#join #reg_form {border:1px solid #dcdcdc;}
#join #reg_form dl {width:90%; margin:20px 5%;} 
#join #reg_form dl dt {float:left; width:20%; padding:10px 0; font-weight:bold; clear:left; text-align:center;}
#join #reg_form dl dt label {background-color:#9c9c9c; color:#fff; padding:3px; width:90%; margin:0 auto; display:inline-block;}  
#join #reg_form dl dd {float:left; width:75%; padding:10px 0 10px 5%;}  
#join #reg_form input {border:1px solid #ccc; height:25px; padding-left:3px;} 
#join #reg_form textarea {width:95%; height:50px; padding:3px;}
#join #reg_form dl dd input[type=radio],#join #reg_form dl dd input[type=checkbox] {border:none; vertical-align:middle; margin:0 5px; padding-left:0;}  
#join #form_btn {margin-top:20px; text-align:center;}
#join #form_btn button {margin:0 10px;}
#join #preview_pic img {max-width:100%; height:auto; border-radius:10px; border:2px solid #ccc;}
#join #mem_success{background-color:#EAEFED; border-radius:10px; height:100px; padding:17px;}
#memdel_box #memdel_add {border:1px solid #ccc; margin-top:5px; border-radius:10px; padding:10px; display:none;}
#memdel_box #memdel_add  p.memdel_msg {padding:10px; margin-bottom:10px;}
#memdel_box #memdel_add  p.memdel_btn {text-align:center;}
#memdel_box #memdel_add input {width:150px; height:40px; padding:0; margin:0 auto; font-size:20px;}
 
/*ID/비밀번호찾기*/
#join .idchkbox {width:auto; height:250px; border:1px solid #ccc; border-radius:10px; padding:30px; margin:70px; position:relative;}
#join .idchkbox h4 {color:#FF9900; font-size:15px; padding:10px 0;}
#join .idchkbox h5 {font-size:12px; padding:10px 0;}
#join .idchkbox dl dt {width:20%; margin:5px 0; float:left;}
#join .idchkbox dl dt span {display:block; width:90%; height:22px; background-color:#666666; color:#FFFFFF; text-align:center; line-height:18px;}
#join .idchkbox dl dd {width:80%; margin:5px 0; float:left;}
#join .idchkbox dl dd input {width:98%; height:20px; border:1px solid #ccc; padding:0 1%;}
#join .idchkbox dl dd input:hover {border:1px solid #ccc;}
#join .idchkbox span.chkbtn {position:absolute; top:240px; left:50%; margin-left:-30px;}
 
/*로그인창*/
#join #login_box {width:50%; margin:0 auto; text-align:center; padding:20px;}
#join #login_box em{display:block; margin-bottom:5px;}
#join #login_box dl {width:100%;}
#join #login_box dl dt {width:25%;}
#join #login_box dl dd {width:80%; margin:0 auto;}
#join #login_box dl dd input{width:100%;}
#join #login_box p span {font-size:60%; margin-right:5px;}
 
/* 소분류 모듈 */
ul#s_memu li {padding:5px; float:left; border:1px solid; margin:2px; font-size:110%;}
ul#s_memu li.current {background-color:#1E90FF; opacity:0.75; filter:alpha(opacity=75); -moz-opacity:0.25;}
ul#s_memu li a:hover {color:#0A9696;}  
ul#s_memu li.current a:link{color:#fff;}

/* 페이지 리스트*/
.pagego_bbs {text-align:center; clear:both; margin:150px auto 20px auto; position:relative;}
.pagego_bbs span.nowpage {font-size:110%; margin:0 5px; width:15px; padding:4px; border:1px solid #e7e7e7; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.3; background-color:#ccc; display:inline-block;}
.pagego_bbs a span.pagelist, .pagego_bbs a:hover span.pagelist{font-size:110%; margin:0 5px; border:1px solid #ccc; width:15px; padding:4px; display:inline-block;}
.pagego_bbs a:hover span.pagelist {text-decoration:underline;}

/* 통합검색 */
#allsearch #cont #help_msg {background-color:#e7e7e7; margin-top:20px; padding-top:15px; padding-bottom:15px; color:#000;}
#allsearch #cont #help_msg .s_keyword {color:red;}
#allsearch #cont #result_list {margin-top:30px; padding:0 10px;}
#allsearch #cont #result_list .r_title {font-size:120%; font-weight:bold; margin:5px 0 2px 0;}
#allsearch #cont #result_list .r_content {width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:2px;}
#allsearch #cont #result_list .r_source {margin-bottom:20px;}
#allsearch #cont #result_list .r_source span {display:inline-block; position:relative; padding:0 10px;}
#allsearch #cont #result_list .r_source span:first-child {padding-left:0;}
#allsearch #cont #result_list .r_source span:after {content:"|"; position:absolute; top:0; right:0; font-size:60%;}
#allsearch #cont #result_list .r_source span:last-child:after {content:"";}
#allsearch #cont #result_list .r_noresult {font-size:110%; margin:5px auto; min-height:300px; text-align:center;}

/* 쇼핑몰로 바로가기 */
#shop_box {border:1px dotted; border-top-right-radius:10px; width:99%; position:relative;}
#shop_box ul,#shop_box ul li {width:100%;}
#shop_box #hititem {position:absolute; top:-1px; left:1%;}
#shop_box #mark {position:absolute; right:8%; top:70px;}
#shop_box #item_left {position:absolute; left:5%; top:65px;}
#shop_box #item_right {position:absolute; right:5%; top:65px;}
#shop_box dl {width:90%; margin:4.5% 5% 2% 5%;}
#shop_box dl dt {text-align:center; height:105px;}
#shop_box dl dd {font-size:90%;width:100%;}
#shop_box dl dd span {font-weight:bold; margin:0 10px 0 0;width:60%; float:left; verticla-align:middle; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#shop_box dl dd strong {width:35%; float:right;verticla-align:middle;color:red; text-align:right;}

/*내사진 등록*/
.file_input_div {position: relative; width: 100px; height: 35px; line-height:35px; overflow: hidden; margin-top:5px; cursor:pointer; margin-left:0;}
.file_input_hidden {font-size: 23px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; cursor:pointer;}
.file_input_button {cursor:pointer;}

/* 수정 삭제 비밀번호 확인*/
#chkpass {position:absolute; top:50%; margin-top:-30px; width:100%; height:60px;}
#chkpass .chk_box {text-align:center;}
#chkpass .chk_box input#inpasswd {width:100px;}

 
@media handheld, only screen and (min-width: 941px) and (max-width: 1300px) {
	#contactus #map ul.sns_icon li img {max-width:100px;}
}

@media handheld, only screen and (max-width: 940px) {
	/*회원관리*/
	#join .idchkbox {width:auto;margin:10px auto 10px auto;}
	#join #login_box {width:90%;} 
	nav#totalmenu {width:100%;margin-top:30px;}
	#shop_box {margin-top:20px;}
}

@media handheld, only screen and (max-width: 480px) {
	nav#totalmenu {width:100%;margin-top:43px;}
	nav#totalmenu div.column h3,  nav#totalmenu div.column ul{ float:none; width:100%;} 
	nav#totalmenu #totalmenu_inner span#tclose_btn {font-size:150%;top:4px;right:3px;}
}