/* common */
/*
@font-face {
  font-family: 'GmarketSansB';
  src: url(/inc/fonts/GmarketSansTTFBold.woff) format('woff');
}
@font-face {
  font-family: 'GmarketSansM';
  src: url(/inc/fonts/GmarketSansTTFMedium.woff) format('woff');
}
@font-face {
  font-family: 'GmarketSansL';
  src: url(/inc/fonts/GmarketSansTTFLight.woff) format('woff');
}
*/

/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); */
body { margin: 0px; padding: 0px; background:#ffffff }
body,td { font-size:9pt; font-family: 'NanumSquare', NanumGothic, Gulim,tahoma; line-height:18px; color:#000 }
div, p, option, select, input, textarea, button, li { font-family: 'NanumSquare', NanumGothic, Malgun Gothic, Gulim,tahoma; color:#000; font-size:9pt }
img { border:none; }
form { margin:0px; }
a:link {text-decoration:none; color:#000; }
a:visited {text-decoration:none; color:#000; }
a:active {text-decoration:none; color:#000; }
a:hover {text-decoration:none; color:626262; }


/* doctype html 에서 table 안의 img 하단에 공백생기는 문제. 해당테이블에 클래스 지정 */
.imgv img { vertical-align:top }
.imgv2 td { line-height:0 }

#ttop { background:#000; width:100%; min-width:1000px; height:113px }
#ttop ul { width:1000px; overflow:hidden; margin:0; padding:0; list-style:none }
#ttop ul li { height:113px; float:left; font-size:10px; color:#f0f0f0; letter-spacing:-0.25px;}
#ttop ul li a { color:#f0f0f0; font-size:11px; font-weight:400; }
#ttop ul li a:hover { color:#ccc; }

#top { height:50px; background:#EEE; text-align:center }
#bot { height:50px; background:#EEE; text-align:center; clear:both }
#container { }
#left { width:180px; float:left; background:#AAA}
#main { float:left;margin:10px;}
#product_list {width:250;float:left;margin:10px;}
#pageing {clear:both;text-align:center;margin:10px;}

/* 1차 */
#main_menu { width:1000px; height:45px; margin:0px; list-style:none; padding:0; }
#main_menu > li { float:left; margin:0; padding:0; text-align:center; height:45px; line-height:45px; font-family:'NanumSquare'; font-size:15px; }
#main_menu > li.m { width:161px; cursor:pointer; font-family:'NanumSquare'; font-weight:800; margin:0 }
#main_menu > li.menuon { color:#ff0000 }
#main_menu > li { color:#424242 }

.menuon { color:#ff0000 }
a.menuon:link,a.menuon:active, a.menuon:visited { color:#ff0000 }

/* 2차 */
.sub_menu { list-style:none; position:absolute; display:none; margin-left:0; margin-top:0px; padding:0; height:45px; white-space:nowrap; }
.sub_menu > li { float:left; }
.sub_menu li a { color:#424242; font-size:14px }
.sub_menu li.s { width:161px }
/* .sub_menu li.s a { padding:13px 20px 15px; } */

/* 3차 */
.third_menu { list-style:none; width:500px; position:absolute; display:none; margin-top:4px ; padding:0 } 
.third_menu li.t a { padding:13px 20px 15px; margin:0;  height:44px; margin-top:0px; }

.ttt { font-size:11pt; font-weight: bold; color:#fb7b34; margin:3px 0 }
.tty { font-size:13pt; font-weight: bold; color:#000000; padding:20px 0 0 15px; clear:both; }

.s1 { padding-left:0px; }
.s2 { padding-left:88px }
.s3 { padding-left:168px }
.s4 { padding-left:255px }
.p1 { padding-left:300px }
.s03 { padding-left:395px }
.s04 { padding-left:516px }
.s05 { padding-left:665px }
.s06 { padding-left:724px; }

#sub_menu2 { height:44px; clear:both; }
#sub_menu2 ul { list-style:none; margin:0; padding:14px 0 0 0;}
#sub_menu2 ul li { float:left; margin:0 11px; font-weight:bold}
#sub_menu2 a:link {text-decoration:none; color:#4b403a; }
#sub_menu2 a:visited {text-decoration:none; color:#20221f; }
#sub_menu2 a:active {text-decoration:none; color:#20221f; }
#sub_menu2 a:hover {text-decoration:none; color:#FFF; }


.path_title { margin:30px 15px; font-size:14pt; font-weight:bold }
.intro_box { list-style:none; margin:0; padding:0; clear:both; font-size:0; }
.intro_box li { display:inline-block; font-size:9pt; margin:20px; text-align:center; vertical-align:top; }

/* 주문폼 */
.view_form { margin:0; padding:0; list-style:none; overflow:hidden }
.view_form li { clear:both; height:25px }
.view_form li p { float:left; margin:0 }
.view_form li p.ttl { width:100px }
	
#coupon_table input { width:150px }
#coupon_table textarea { width:150px; height:100px }

/* 카테고리별 상단메뉴바 */
.top_menu_bar { background:#484848; border-top:3px solid #E72410; border-bottom:3px solid #E72410; height:39px }
/* 카테고리별 상단메뉴바의 타이틀명 */
.top_menu_bar_ttl { font-weight:bold; color: #fff; padding-left:10px}

/* 주문페이지 옵션 셀렉트박스 사이즈 */
.option_sel { width:200px }

/* 현수막 사이즈 입력폼 print_view7.html */
.input_num1 { width: 70px; border:1px solid #DBDBDB }

/*주문하기 - 공통옵션 타이틀 글자*/
.txt_order_tt2 { padding-left: 7px; color: #E72410; font-size:14px; font-weight:bold }

/* 게시판 분류 */
.board_sub_cate { width:100% }
.board_sub_cate ul { list-style:none; margin:0; padding:0; overflow:hidden}
.board_sub_cate li { float:left; margin:5px 5px}
/* 게시판의 선택된 분류 */
.board_sub_cate .on { font-weight:bold } 

.order_sub_cate { width:100% }
.order_sub_cate  ul { list-style:none; margin:0; padding:0; overflow:hidden; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0}
.order_sub_cate  li { float:left; margin:5px 0px; padding:0 20px; line-height:20px; border-right:1px solid #d0d0d0;  text-align:center; font-size:15px; font-weight:800; line-height:25px}
.order_sub_cate  li a.on { font-weight:800; color:#f2753b; }
.order_sub_cate  li a span { color:#f2753b; }
.order_sub_cate .keywd { 
	width:150px; border:0; font-size:15px; font-weight:800; letter-spacing:-1px; 
}
.order_sub_cate .keywd::placeholder { 
	color:#c9c9c9;
}


/*form design*/

	.login{ font-size:12px;border:1px solid #cccccc;color:#898989;padding:3px 0px 0px 3px;}
	.input{ height:14px; border:1px solid #DBDBDB; }
	.p_input{ height:18px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;}
	.otherNick{ height:20px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;LETTER-SPACING: 0px;}
	
	select{ border:1px solid #DBDBDB;}
	
	textarea{ border:1px solid #DBDBDB;}	


/*구성요소 design*/
	
	
	/*팝업창 경고상자*/
	.box_2 {border:1px solid #d7dbe6;background-color:#f7f7f7;}


/* font design*/

	.special{font-size:11px;letter-spacing:0px;font-weight:bold;color:#323232;}
	
	.main_notice{font-size:11px;letter-spacing:0px;color:#626262;}
	
	.main_designBoard{color:#028083;font-weight:bold;}
	
	.numbers{letter-spacing:0px;}

	.numbers_b{letter-spacing:0px;font-weight:bold;color:#E83A62;}
	
	.numbers_b_gray{letter-spacing:0px;font-weight:bold;color:#626262;}
	
	.boardView{ padding:20px 20px 20px 20px;text-align:justify;line-height:20px;}
	
	.price01{ text-align:center; color:#000000; letter-spacing:0px;}
	.price02{ text-align:right; padding-right:10px; letter-spacing:0px;}
	
	.fcaaa{color:#aaaaaa;}
	.fc888{color:#888888}
	.fc32{color:#323232}
	
	.fcorange{color:#f7852c}
	.fcgreen{color:#51a247;}

	.spurple{font-size:11px;color:#8290bb;}
	.spurple2{font-size:11px;color:#9499ac;}
	.spurple3{font-size:11px;color:#4b5f9e;}
	
	.g15{font-family:gulim;font-size:15px}

	.checklabel{font-size:11px;color:#8a93b2}


.view_tit { COLOR:#323232 ; font-size:13px; font-family:굴림; font-weight:bold; padding: 15px 10px 10px 10px; }
.view_num_red { COLOR:#FE0000 ; font-size:11px; font-family:굴림; font-weight:bold; }
.delivery  { COLOR:#898989 ; }
.view { padding: 25px 25px 25px 25px; text-align:justify; line-height:14pt; }


	.best_white {text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:link{text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:visited{text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:active{text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:hover{text-decoration:underline;color:#FFFFFF;font-weight:bold;}


/*영대 추가*/
.font_red {color:#FF0000}
.product_title {color:#777777;font-weight:bolder;font-size:14px;font-family:'돋움';}
.sample_box {height:12px;padding:5px 10px 5px 10px;text-align:center;margin:10px 20px 5px 0px;border:solid 1px #666666;font-size:12px;float:left;white-space:nowrap;cursor:pointer;}
.prd_left { color:#000000; padding:0px;margin:0 0 3px 0;}
.prd_left2 a { color:#000000; padding:0px;margin:0 0 3px 0; font-size:14px}
.copy_t{color:#898989;font-weight:bolder;letter-spacing:-1px;}
.copy_v{color:#898989;letter-spacing:-1px;}

.aptext:visited { text-align:right;margin-right:22px }

.tab {border-left: 5px solid #000000; border-right: 5px solid #000000; border-bottom: 5px solid #000000; }
.tab2 {border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }

#subMenu a {
  display: block;
  width: 150px;
  height: 17px;
  line-height:17px;
  color: #4E4E4E;
  text-decoration: none;
  text-indent: 5px;
  text-transform: none;
}

#subMenu a:hover {  
  color: #ffffff;
  font-weight:bold;
  background: url(/img/A/common/top_menu_bg.gif) no-repeat left center;
}
#subMenu2 a {
  display: block;
  width: 100px;
  height: 17px;
  line-height:17px;
  color: #4E4E4E;
  text-decoration: none;
  text-indent: 5px;
  text-transform: none;
}

#subMenu2 a:hover {  
  color: #ffffff;
  font-weight:bold;
  background: url(/img/A/common/top_menu_bg2.gif) no-repeat left center;
}

#subMenu3 a {
  display: block;
  width: 110px;
  height: 17px;
  line-height:17px;
  color: #4E4E4E;
  text-decoration: none;
  text-indent: 5px;
  text-transform: none;
}

#subMenu3 a:hover {  
  color: #ffffff;
  font-weight:bold;
  background: url(/img/A/common/top_menu_bg2.gif) no-repeat left center;
}


/*주문박스*/
.box {border: 3px solid #d1d3d4; }

/*상품 인트로 썸네일 이미지*/
DIV.product_intro {
	text-align: center;
}
DIV.product_intro A.thumbOn {
}
DIV.product_intro A.thumbOff {
}
DIV.product_intro A.thumbOn IMG {
	filter: alpha(opacity=20);
	opacity: .2;
}
DIV.product_intro A.thumbOff IMG {
	filter: alpha(opacity=100);
	opacity: 1;
}


/*샘플목록 보기*/
.sample_cate {
}
.sample_cate a.on_cate { /*대분류 활성화*/
	color: #499;
	text-decoration: underline;
}

.sample_sub_cate { /*중분류 테이블*/
	margin-left: 15px;
}
.sample_sub_cate a { /*중분류 링크*/
	display: block;
	width: 125px;
	height: 17px;
	color: #4E4E4E;
	text-decoration: none;
	text-indent: 5px;
	text-transform: none;
	padding-top: 2px;
}
.sample_sub_cate a:hover {  
	color: #fff;
	font-weight: bold;
	Xbackground: url('/img/A/common/top_menu_bg.gif') no-repeat left center;
	letter-spacing: -1px;
	background-color: #000;
}
.sample_sub_cate a.on_cate2 { /*중분류 활성화*/
	Xcolor: #f60;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
	background-color: #8dd;
}

.sample_item_box { /*샘플목록*/
	float: left;
	text-align: center;
	margin: 15px 40px;
}

.down_app_btn { position:absolute; margin-left:845px; margin-top:20px }
.down_app_btn button {background:#000; color:#fff; border-radius:5px; border:1px solid #000; height:40px; padding:0 20px }
button.all_search { height:21px; position:absolute; padding:0 5px; margin-left:3px } 

.all_menu { display:none; z-Index:2; position:absolute; background:#fff; width:1000px; height:250px; border:1px solid #ddd; text-align:left; margin-top:0px; top:158px }
.all_menu > ul.all_t1 { font-family:'NanumSquare'; list-style:none; margin:20px; padding:0; height:250px; text-align:left; }
.all_menu > ul.all_t1 > li.all_l { float:left; width:155px; height:250px; font-size:10pt; margin-left:20px; }
.all_menu > ul.all_t1 > li div.t { font-size:11pt; font-weight:bold; text-align:left; }
.all_menu > ul.all_t1 > li div.t2 { font-size:9pt; font-weight:normal; line-height:22px; text-align:left }

.Sttl { font-size:20px; font-weight:bold; border-bottom:1px solid #000; padding-bottom:10px }
.Sform { border:2px solid #4DA6FF; width:457px; height:48px; margin:20px; margin-left:0; padding:0; display:inline-block;}
.Sform input { width:236px; height:23px;  font-size:16px; padding:5px; padding-left:10px; margin:0; margin-left:10px; margin-top:6px; border:0; border-left:2px solid #4DA6FF }
.Sform select { height:38px; font-size:16px; padding:5px; border:0; }
.Sform .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  font-size:45px;	
  line-height:48px;
  background:#4DA6FF;
  border:0;
  color:#fff;
  float:right;
}
.Sopt { display:inline-block; font-size:14px; padding:16px 31px 16px 18px; border:1px solid #aaa; background:#eee; cursor:pointer }
.Sopt .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 10;
}
.Sopt .opt_panel { position:absolute; border:1px solid #aaa; width:102px; margin-left:-19px; margin-top:16px; background:#fff; display:none; }
.Sopt .opt_panel ul { list-style:none; margin:0; padding:0; font-size:12px }
.Sopt .opt_panel ul li { margin:5px; text-align:center }
.Sopt .opt_panel ul li:first-child:hover { background:#fff; color:#000; cursor:default }
.Sopt .opt_panel ul li:hover { background:#aaa; color:#fff; cursor:pointer }
.Sopt .opt_panel .date { border:1px solid #ddd; background:#fff; margin:2px }
.Sopt .opt_panel .date input { border:0; font-size:11px }
.Sopt_area { display:inline-block }

.Stab { width:1000px; clear:both; margin-top:10px }
.Stab ul { list-style:none; padding:0; margin:0; border:1px solid #aaa; overflow:hidden }
.Stab ul li { width:123.5px; height:50px; text-align:center; float:left; border-right:1px solid #aaa; font-size:15px; font-weight:bold; padding:10px 0; cursor:pointer }
.Stab ul li p { color:#f2753b; }
.Stab ul li:last-child { border-right:0px }

.Slist ul { margin:0px 0; padding:0; list-style:none }
.Slist ul li { height:50px; line-height:50px;  display:none; border-bottom:1px solid #d0d0d0}
.Slist ul li div.title { font-size:13px; float:left; color:#fb7b34; }
.Slist ul li div.title a { color:#fb7b34; }
.Slist ul li div.cont { float:left; }
.Slist .t { font-size:15px; font-weight:bold; font-family:'NanumSquare'; margin-top:60px; border-bottom:1px solid #d0d0d0 }
#page_area { text-align:center; width:340px; margin:10px auto;  }
#page_area ul { width:400px; margin:0 auto; padding:0; list-style:none; overflow:hidden}
#page_area ul li { display:inline; margin:0 10px; font-size:12px; cursor:pointer}
#page_area .present { color:#ff0000; }

.clist_search { border:1px solid #fb7b34; border-radius:10px; height:20px; width:140px; padding-left:5px }
.clist_search_btn { border:1px solid #fb7b34; border-radius:12px; color:#fb7b34; background:#fff; height:25px; width:50px; cursor:pointer }

.trh { height:30px; border-top:1px solid #000}
.trh td { font-size:14px; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-family:'NanumSquare';}
.trd td { font-size:14px; font-family:'NanumSquare'; border-bottom:1px solid #d0d0d0}
.trd td a { font-size:13px; font-family:'NanumSquare';}

.bottom { background:#000; text-align:center; width:100%; height:65px; line-height:65px; color:#fff; font-size:12px; font-weight:700; position: fixed; bottom:0; left:0; right:0; }
.bottom span { float:left; font-size:12px; color:#fff }

.langs { text-align:left;width:100%; margin-top:10px; color:inherit }
.langs select { width:162px }
.langs select option { text-align:center }

.langs2 { color:#fff; text-align:left;width:100%; margin-top:10px; }
.langs2 select { border:1px solid #ddd; border-radius:7px; background:#000; color:#fff; width:130px }
.langs2 select option { text-align:center; background:#000; color:#fff }

.board_btn { background:#fff; border:1px solid #fb7b34; border-radius:10px; color:#fb7b34; padding:4px 20px; font-size:17px; cursor:pointer; }
.board_btn2 { background:#fb7b34; border:1px solid #fb7b34; border-radius:10px; color:#fff; padding:4px 20px; font-size:17px; cursor:pointer; }