@charset "utf-8";

@import "common.css";
@import "contents.css";

* {margin:0; padding:0;}
body {-webkit-user-select:none;-webkit-text-size-adjust:none;font-family:'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,돋움,Dotum,굴림,Gulim,Helvetica,sans-serif; color:#595959; letter-spacing:-0.8px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button{margin:0;padding:0}

/* 안드로이드 폰트 */
body{font-size:13px; line-height:17px;}
h2, h3, h4, h5{color:#333}
a{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
/* 아이폰 폰트 */
@media all and (max-width:321px) {
body{font-size:11px;line-height:15px;}
 body, h2, h3, h4, h5, input, textarea, select {}
}

/* 기본 */
img, fieldset	{ border:0; }
img, input, select, textarea	{vertical-align:middle;}
input,textarea:focus { outline:none;}
ul, li { list-style-type:none; }
a { color:inherit;text-decoration:none; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
a:hover	{ text-decoration:none; }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
select,input,textarea{color:#666;font-size:1em;}
input[type="text"]{height:28px; line-height:16px;  text-indent:3px; border:1px solid #ececec; -webkit-appearance:none; -webkit-border-radius:0; font-size:1em;}
input[type="tel"]{height:28px; line-height:16px;  text-indent:3px; border:1px solid #ececec; -webkit-appearance:none; -webkit-border-radius:0; font-size:1em;}
input[type="numeric"]{height:28px; line-height:16px;  text-indent:3px; border:1px solid #ececec; -webkit-appearance:none; -webkit-border-radius:0; font-size:1em;}
input[type="password"]{height:28px; text-indent:3px; border:1px solid #ececec; -webkit-appearance:none; -webkit-border-radius:0;font-size:1em;}
textarea {border:1px solid #ececec; padding:3px; -webkit-appearance:none; -webkit-border-radius:0;background:#f5f5f5; font-size:1em;}
select {width:100%; padding-top:2px; border:1px solid #ececec ;height:30px;padding:0 25px 0 4px;color:#666;-webkit-border-radius:0;-webkit-appearance:none; white-space:nowrap;background:url("/images/icon/icon_select_ar.png") no-repeat scroll right center; background-size:18px auto; }
input[type="checkbox"]{margin-bottom:2px; width:18px;height:18px;}
input[type="radio"]{margin-bottom:2px; width:18px;height:18px;}

table {border-spacing:0;}
caption{display: none;}
li,p,dt,dd,div,span{word-break: break-all;}

::-webkit-input-placeholder { /* Webkit browsers */color: #a9a9a9;font-size:1em}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #a9a9a9;opacity: 1;font-size:1em}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #a9a9a9;opacity: 1;font-size:1em;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #a9a9a9;font-size:1em;}

.hand {cursor:pointer;}
.hidden {display:none;}
.f10 {font-size:0.8em;}
.f11 {font-size:0.95em;}
.f13 {font-size:1.125em;}
.f14 {font-size:1.2em;}
.f15 {font-size:1.25em;}
.f16 {font-size:1.3em;}
.f17 {font-size:1.4em;}
.f19 {font-size:0.8em;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:-5px !important;}
.mt10_ {margin-top:-10px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.p20 {padding:0 20px !important;}
.ac {text-align:center; text-indent:0 !important}
.through {text-decoration: line-through;}
.full {width:100%;}
.tBold{ font-weight:bold;}
.tNormal{ font-weight:normal;}
.table_pd{padding-left:15px !important;padding-right:15px !important}


/***********************************************
			태블릿용
***********************************************/

@media all and (min-width:768px) {
	input[type="checkbox"]{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2); margin-bottom:2px; width:18px;height:18px;}
	input[type="radio"]{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2); margin-bottom:2px; width:18px;height:18px;}
	body{font-size:1em;}
	h2, h3, h4, h5{font-size:1em;}
}


/***********************************************
			테블릿_landscape형
***********************************************/

@media all and (min-width:1024px)and (orientation: landscape) {

}


/***********************************************
			아이폰
***********************************************/

@media all and (max-width:321px) {
	input[type="text"]{height:24px; line-height:16px; font-size:1em;}
	input[type="tel"]{height:24px; line-height:16px;  font-size:1em;}
	input[type="numeric"]{height:24px; line-height:16px;  font-size:1em;}
	input[type="password"]{height:24px; font-size:1em;}
	textarea {font-size:1em;}
	select {height:26px;padding:0 20px 0 4px}
	input[type="checkbox"]{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);width:14px;height:14px; }
	input[type="radio"]{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);width:14px;height:14px;}
	.fb_wrap li.info .fb_t{padding:12px 12px 0}
	#footer .btn_list a{font-size:0.8em}
	.affiliate_wrap .aff_info dt{width:26%}
	.affiliate_wrap .aff_info dd{width:74%;padding-top:0}
	.affiliate_wrap .aff_info dd p span{width:30px}
	.affiliate_wrap .aff_info dt span{margin-right:10px}
	/*.tab_content .tab_container{padding:0 10px}
	.tab_content .tab_title{padding:0 10px}
	.introduction_wrap, .ceo_wrap, .history_wrap, .norooway_wrap, .norooway_comp_img, .search_title_wrap, .search_select_wrap{padding:0 10px}
	.norooway_info .norooway_wrap .norooway_text{padding:0 10px}
	.red_tab_wrap #sync2 .owl-wrapper-outer{padding:0 10px !important}
	.location_wrap, .introduction_item{margin:0 10px}
	.sub_title_wrap{padding:8px 10px}
	.product_search_result .tab_content .tab_container{padding:0 10px}
	.search_select_wrap .btn_big{right:10px}
	.search_box_wrap{padding:15px 10px 25px}
	.products_detail{padding:20px 10px 30px}
	.products_con{padding:20px 10px 0}*/
	.sub_search_box input{height:28px !important}
	.sub_search_box .btn_search img{height:30px}
	.member_join_form_wrap{padding:8px 10px}
	/*.member_box{margin:0 10px 12px}*/
	.join_form_add_tab{padding:5px 10px}
	join_form_add{padding:0 10px}
	.sub_title_wrap .info{top:8px}
	.qa_wrap{padding:0 10px 10px}
	.virtual_form_wrap{padding:8px 10px 15px}
	.color_chk .btn_color{height:40px}
	.table_list td{padding:4px }
	.ebook_view_wrap .ebook_wrap li .print_view dt .print_img .link{width:25px;height:25px}
	.audio{display:none;height:0}
	.login_title_wrap{padding:0 20px 8px 30px; background-position:10px 2px}
	.gnb_list li{float:left;font-size:12px}
	.title_wrap{height:50px;line-height:50px;}
	.color_pop_wrap .color_list_wrap{  height: 150px; }
	.affiliate_wrap .aff_info dd p span{padding-top:0}

/*	time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}*/


}