/* common */


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }


.m_title {
	font-size: 17px;
	color:#666;
	font-weight: bold;
}

.b_text {
	font-size: 13px;
	color:#999;
}

.b_title {
	font-size: 15px;
	color:#0ba29a;
	font-weight: bold;
}

.c_tel {
	font-size: 25px;
	color:#e50000;
}
.c_text {
	font-size: 13px;
	color:#4d4d4e;
}
.all_text {
	font-size: 15px;
	color:#0ba29a;
	font-weight: bold;
}
.l_menu_title:hover { background:#0ba29a; color:#fff }
.l_menu_title:hover a { color:#fff }


.blink { color:#999; margin-top:5px}
.blink a { color:#999; font-size:12px}
.blink a:link { color:#999; }
.blink a:visited { color:#999; }


body { margin: 0px; padding: 0px; }
body {font-size:13px; font-family: Noto Sans KR;color:#343434;LETTER-SPACING: 0px; line-height:21px; );
}
div, p, option, select, input {font-family: Noto Sans KR;}
img { border:none; }
form { margin:0px; }
a:link {text-decoration:none; color:#343434; }
a:visited {text-decoration:none; color:#343434; }
a:active {text-decoration:none; color:#343434; }
a:hover {text-decoration:none; color:black; }

a.menu_black {text-decoration:none;color:#000000;font-size:15px;font-weight: bold;}
a.menu_black:link{text-decoration:none;color:#000000;font-size:15px;font-weight: bold;}
a.menu_black:visited{text-decoration:none;color:#000000;font-size:15px;font-weight: bold;}
a.menu_black:active{text-decoration:none;color:#0ba29a;font-size:15px;font-weight: bold;}
a.menu_black:hover{text-decoration:none;color:#0ba29a;font-size:15px;font-weight: bold;}


a.menu_login {text-decoration:none;color:#d8d8d8;font-size:12px;}
a.menu_login:link{text-decoration:none;color:#d8d8d8;font-size:12px;}
a.menu_login:visited{text-decoration:none;color:#d8d8d8;font-size:12px;}
a.menu_login:active{text-decoration:none;color:#f8b62c;font-size:12px;}
a.menu_login:hover{text-decoration:none;color:#f8b62c;font-size:12px;}


a.menu_bmenu {text-decoration:none;color:#e9f7f6;font-size:12px;}
a.menu_bmenu:link{text-decoration:none;color:#e9f7f6;font-size:12px;}
a.menu_bmenu:visited{text-decoration:none;color:#e9f7f6;font-size:12px;}
a.menu_bmenu:active{text-decoration:none;color:#ffffff;font-size:12px;}
a.menu_bmenu:hover{text-decoration:none;color:#ffffff;font-size:12px;}

a.am {text-decoration:none;color:#000000;font-size:14px;}
a.am:link{text-decoration:none;color:#000000;font-size:14px;}
a.am:visited{text-decoration:none;color:#000000;font-size:14px;}
a.am:active{text-decoration:none;color:#000000;font-size:14px;}
a.am:hover{text-decoration:none;color:#000000;font-size:14px;}

button.reorder { border:2px solid #44e2ee; border-radius:15px; color:#44e2ee; font-weight:bold; background:#fff; padding:3px 10px; cursor:pointer }
button.bill { border:2px solid #FF6600; border-radius:15px; color:#FF6600; font-weight:bold; background:#fff; padding:3px 10px; cursor:pointer }
.dev_ttl { font-size:17px; font-weight:bold; text-decoration:underline; text-underline-position:under; line-height:30px}



/* .png24 {tmp:expression(setPng24(this));} png파일 투명배경처리*/
.iepngfix { behavior: url(/inc/iepngfix.htc) }

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

#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;}

	
/* 카테고리별 상단메뉴바 */
.top_menu_bar { font-size:15px; background:#eaeaea; border-top:0px solid #dddddd; border-bottom:0px solid #dddddd; height:46px }

/* 카테고리별 상단메뉴바의 타이틀명 */
.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: #009fa8; font-size:14px; font-weight:bold }
.form_round_start td { font-size:15px; }
.form_round_start td select { font-size:15px; margin:2px }
.form_round_start td input { font-size:15px; }

/* 게시판 분류 */
.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 } 
.board_sub_cate .on2 { font-weight:bold; font-size:15px } 



/*form design*/

	.login{font-family:gulim,굴림,tahoma;height:15px;font-size:12px;border:1px solid #cccccc;color:#898989;padding:3px 0px 0px 3px;}

	.input{font-family:"gulim", "굴림", "tahoma";height:17px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;}

	.p_input{font-family:gulim,굴림,tahoma;height:18px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;}
	
	.otherNick{font-family:gulim,굴림,tahoma;height:20px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;LETTER-SPACING: 0px;}
	
	select{font-family:dotum,tahoma;color:#626262;font-size:12px;border:1px solid #e1e3ea;}
	
	textarea{font-family:dotum,tahoma;color:#626262;font-size:12px;border:1px solid #e1e3ea;padding:10px 5px 5px 10px;}	
	
	.textarea{border:1px solid #e1e3ea;}
	.textarea2{border:1px solid #d3d3d3;background-color:#f5f5f5;color:#4b5f9e;overflow:hidden;padding:3px}
	.textarea3{border:1px solid #dddddd;color:#626262;overflow:hidden;padding:3px}


/*구성요소 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;};
.copy_t{color:#898989;font-weight:bolder;letter-spacing:-1px;}
.copy_v{color:#898989;letter-spacing:-1px;}

.aptext { 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: #e82222;
	text-decoration: none;
}

.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;
}
/* 세금계산서 발행상태 */
.tax1 { color:#0000ff; }
.tax3 { color:#ff0000; }

/* mypage 타이틀 */
.mypage_bullet { font-size:11pt; font-weight:bold; }


/* 메인 게시판 출력 */
#main_board #notice { margin:0; padding:0; list-style:none }
#main_board #notice li { clear:both; }
#main_board #sian { margin:0; padding:0; list-style:none }
#main_board #sian li { clear:both; }
#main_board .list { background:url(/img/A/common/dot_w.gif) repeat-x bottom; width:100%; height:28px; line-height:28px }
#main_board #notice .list span { padding-left:0px; margin-right:10px  }
#main_board #sian .list p { float:left; margin:0;  }
#main_board #sian .list p:first-child { width:100px;  }
#main_board #sian .list p:nth-child(2) { width:220px; }
#main_board #sian .list p:last-child { width:120px;  }


/* 메인 */
#main_banner {width: 100%; min-width: 1200px; height: 350px; background: transparent; overflow: hidden;} 
#main_banner .main_event{ height: 350px; width: 1920px; margin: 0 auto; background: #ffffff; position: relative; left: 50%; margin-left: -960px;}

.main_event2{ height: 390px; width: 389px; }

/* 메인이벤트 */
.slidesjs-pagination {
  position:absolute;
  z-Index:50;
  margin: -20px 0 0 -30px;
  float: left;
  list-style: none;
  font-size:0px;
}
.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}
.slidesjs-pagination li a {
  font-size:0;
  display: block;
  width: 13px;
  height: 13px;
  text-align:center;
  background-image: url(/img/A/common/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}



/* 카테고리별 하위메뉴 바 */
.sub_menu_bar { background:#484848; border-top:3px solid #f26d7d; border-bottom:3px solid #f26d7d; height:39px }
.prd_left { list-style:none; margin:0; padding:0 10px 0 0; float:right }
.prd_left li { float:left; margin:0 10px; }
.prd_left li.d { margin:0; color:#cfcfcf }
.prd_left a:link {text-decoration:none; color:#303030; }
.prd_left a:visited {text-decoration:none; color:#303030; }
.prd_left a:active {text-decoration:none; color:#303030; }
.prd_left a:hover {text-decoration:none; color:#303030; }
.prd_left li a.on { color:#009fa8; font-weight:bold }

/* 금액 */
.s_price {
    color: #333;
    line-height: 26px;
    font-family: Tahoma;
    font-size: 26px;
    font-weight: bold;
    display: inline;
    padding-left: 10px;
}
.t_price {
    color: #ff444f;
    line-height: 26px;
    font-family: Tahoma;
    font-size: 26px;
    font-weight: bold;
    display: inline;
    padding-left: 10px;
}
.main_portfolio { width:1000px; list-style:none; padding:0; margin:0 auto }
.main_portfolio li { float:left; width:200px; text-align:center; }
.intro_content p { margin:0 }
.print_intro { margin:0; padding:0; list-style:none }
.print_intro li { float:left; margin-left:5px; width:78px }
.print_intro li img { width:100% }
.print_intro li:first-child { margin-left:0 }
.popup_fold { background:#0ba29a; border:0; color:#fff; font-size:12px; cursor:pointer; border-radius:4px } 
.popup_paper { background:#ff7f27; border:0; color:#fff; font-size:12px; cursor:pointer; border-radius:4px } 
.spopup { cursor:pointer; display:none; position:absolute;left:50%; margin-left:-300px; top:0px; width:600px; z-index:101 }
.spopup2 { cursor:pointer; display:none; position:absolute;left:50%; margin-left:-600px; top:0px; width:1200px; z-index:101 }
.spopup3 { cursor:pointer; display:none; position:absolute;left:50%; margin-left:-500px; top:0px; z-index:101 }

#filter_bg { background:#ffe075; padding:3px 0 2px 0; overflow:hidden}
.filter_area { margin:20px; padding:0; list-style:none; overflow:hidden }
.filter_area li { float:left; font-size:18px; font-weight:bold; margin-right:20px }
.option_check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
 
}
/* Hide the browser's default checkbox */
.option_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
 
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
 
/* On mouse-over, add a grey background color */
.option_check:hover input ~ .checkmark {
  background-color: #ccc;
}
 
/* When the checkbox is checked, add a "red" background */
.option_check input:checked ~ .checkmark {
  background-color: #e91b00;
}
 
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
 
/* Show the checkmark when checked */
.option_check input:checked ~ .checkmark:after {
  display: block;
}
 
/* Style the checkmark/indicator */
.option_check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

.sitem { width:250px; margin:-32px 0 0 150px; padding:10px; list-style:none; position:absolute; border:1px solid #ddd; background:#fff; display:none; z-index:99999}
.sitem a {text-decoration:none;color:#333333;font-size:14px; width:100%; display:inline-block}
.sitem a:link{text-decoration:none;color:#333333;font-size:14px;}
.sitem a:visited{text-decoration:none;color:#333333;font-size:14px;}
.sitem a:active{text-decoration:none;color:#0ba29a;font-size:14px;}
.sitem a:hover{text-decoration:none;color:#0ba29a;font-size:14px;}

a.l_menu_black {text-decoration:none;color:#333333;font-size:14px; width:180px; display:inline-block;}
a.l_menu_black:link{text-decoration:none;color:#333333;font-size:14px;}
a.l_menu_black:visited{text-decoration:none;color:#333333;font-size:14px;}
a.l_menu_black:active{text-decoration:none;color:#0ba29a;font-size:14px;}
a.l_menu_black:hover{text-decoration:none;color:#0ba29a;font-size:14px;}

#devlist { width:870px; margin:0; padding:30px; list-style:none; position:absolute; border:1px solid #888; background:#fff; display:none; font-size:12px }
#devlist li { margin:8px 0; clear:both; border:1px solid #ddd; overflow:hidden }
#devlist div { float:left; }
#devlist div.t { width:100px; height:60px; background:#F3F3F3; padding-left:20px}
#devlist div.d table { background:#F3F3F3;  height:60px; border-left:0px solid #ddd; border-right:0px solid #ddd;}
#devlist div.d table td { padding-left:10px; }
#devlist div.d table td.d { background:#fff; }
#devlist div.d table td.c { width:100px; background:#fff; text-align:center; color:#0000ff; font-weight:bold; cursor:pointer; border-left:1px solid #ddd }
#devlist div.x { position:absolute; color:#000; font-weight:bold; font-size:25px;cursor:pointer; margin-left:850px; margin-top:-20px }

.cartcnt { position:absolute; width:20px;height:18px;text-align:center;border-radius:100%;background:#0094d9;color:#fff;font-size:12px;z-index:200;line-height:15px; margin-top:-20px; margin-left:70px }

.reorder_choice { margin:0; padding:0; position:absolute; list-style:none; border:1px solid #000; display:none; background:#fff; margin-top:-5px; margin-left:148px }
.reorder_choice li { padding:5px; margin:0 5px; border-bottom:1px solid #000 }
.reorder_choice li:last-child { border-bottom:0 }
.my_file_list { margin:0; padding:0; list-style:none}
button.re_upload { width:93px; height:25px; padding:2px; font-size:12px; background:#ffff00; border:1px solid #aaa; cursor:pointer }
#daiyoo_gotop { position:fixed; bottom:50px; left:50%; margin-left:720px; z-index:11; display:none; cursor:pointer }