/***********************************************
 공통
***********************************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body { margin:0; padding:0; background:#fff }
body,td,div,p,input,select,textarea,li,a { font-size:10pt; font-weight:400;  color:#585858; font-family: 'Noto Sans KR', sans-serif; }
a:link {text-decoration:none; color:#585858; }
a:visited {text-decoration:none; color:#585858; }
a:active {text-decoration:none; color:#585858; }
a:hover {text-decoration:none; color:#2153ae; }
select, textarea { border:1px solid #e1e3ea; }
img { border:0 }
.input { height:20px; border:1px solid #cccccc; color:#666666; padding:3px 3px 3px 3px;  LETTER-SPACING: 0px}
.imgv img { vertical-align:top }
.textarea{border:1px solid #e1e3ea;}


/***********************************************
 레이아웃 
***********************************************/

/* 로그인 관련 상단메뉴 */
#login_menu1 {  list-style:none; margin:0; padding:0; float:left }
#login_menu1 li { float:left; line-height:46px; margin:0 10px; font-size:16px; }
#login_menu1 li a { color:#676767 }
#login_menu2 {  list-style:none; margin:0; padding:0; float:right }
#login_menu2 li { float:left; line-height:46px; margin:0 5px; font-size:11px;  }
#login_menu2 li.d { margin:0; color:#ddd; }
#login_menu2 li.line { color:#dedede;}
#login_menu2 li a { color:#737373; display:block; font-size:14px; font-weight:600; }
#login_menu2 li a:hover { color:#2153ae;  }
/*#login_menu2 li:first-child a { color:#ff0000; }*/

/* 상단 메인 메뉴 */
#top_menu1 { list-style:none; margin:0; padding:0; float:right; border:0px solid #a3a3a3; }
#top_menu1 li { float:left; margin:0px 0px; font-size:25px; font-weight:900; line-height:35px  }
#top_menu1 li:first-child { margin:0px 0px;}
#top_menu1 li:nth-child(2) { margin:0px 0px; padding:3px 15px; }
#top_menu1 li:nth-child(3) { margin:0px 0px; padding:3px 43px; }
#top_menu1 li:nth-child(4) { margin:0px 0px; padding:3px 43px; }
#top_menu1 li:nth-child(5) { margin:0px 0px; padding:3px 42px; }
#top_menu1 li:nth-child(6) { margin:0px 0px; padding:3px 42px; }
#top_menu1 li:nth-child(7) { margin:0px 0px; padding:3px 42px; }
#top_menu1 li:nth-child(8) { margin:0px 0px; padding:3px 0px 0px 42px;}
#top_menu1 li a { color:#000000; font-size:18px; font-weight:500;  }
#top_menu1 li a:hover { color:#2153ae;  }

#top_menu2 { list-style:none; margin:0; padding:0; float:right  }
#top_menu2 li:first-child { float:left; margin:0 5px; padding:5px 12px; font-size:14px; border:0px solid #a3a3a3; background: #f9ee0a; border-radius:30px; }
#top_menu2 li:nth-child(2) { float:left; margin:0 5px; padding:5px 12px; font-size:14px; border:0px solid #a3a3a3; background: #f3b000; border-radius:30px; }
#top_menu2 li:nth-child(3) { float:left; margin:0 5px; padding:5px 12px; font-size:14px; border:0px solid #a3a3a3; background: #f3b000; border-radius:30px; }
#top_menu2 li:hover { color:#000000; border:0px solid #e60012; }
#top_menu2 li:hover a { color:#000000; }
#top_menu2 li a { color:#0000000  }

/* 전광판 */
ul,ol,li{margin:0;padding:0;}
ol,ul,dl{list-style:none;}

/*rolling Button*/
div.rollBtn{position:absolute;z-index:3;}
div.rollBtn a.next{background-position:-22px 0px;cursor:hand;}
div.rollBtn a.previous{margin-right:3px;cursor:hand;}
div.rollBtn a span{display:none;}

#bKey{position:relative;margin-top:0px;width:530px;zoom:1; }
#bKey .keyBg{margin:1px 0 0 0;overflow:hidden;height:46px; }
#bKey ul{clear:both; }
#bKey ul li{float:left;height:46px; }

/* 상단 */
#top { width: 1000px; margin:0 auto; clear:both } 
#logo { position:absolute; margin:40px 0 0 0; }

/* 로그인 관련 상단메뉴 */
#login_menu {  list-style:none; margin:10px 0; padding:0; float:right }
#login_menu li { float:left; margin:0 10px }
#login_menu li.d { margin:0; color:#ddd }
#login_menu li:first-child a { color:#ff0000; }

/* 상단 메인 메뉴 */
#top_menu { list-style:none; margin:30px 0 20px 0; padding:0; clear:both; float:right  }
#top_menu li { float:left; margin:0 15px; font-size:11pt; font-weight:bold;  }
#top_menu li a { color:#626262  }
#top_menu li.d { margin:0; font-weight:normal; color:#999  }

/* 탭메뉴 */
#tabmenu { clear:both; width:100%; height:39px; border-bottom:8px solid #f26d7d }
#tabmenu ul { width:1000px; list-style:none; margin:0 auto ; padding:0 }
#tabmenu ul li { float:left; margin-top:8px }
#tabmenu ul li:nth-child(3) { margin-right:100px }
#tabmenu ul li:nth-child(4) { margin-right:32px }

/* 메인 */
#main { width:1000px; margin:20px auto; clear:both }

/* 메인이벤트 */
.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
}
.slidesjs-previous {
position:absolute;
z-index:100;
margin-top:-230px;
margin-left:10px;
}
.slidesjs-next {
position:absolute;
z-index:100;
margin-top:-230px;
margin-left:1150px;
}

/* 메인 롤링 이미지 */
#rolling_area { width:1000px; margin:0 auto; clear:both }

/* 메인 게시판 출력 */
#main_board { width:1200px; margin:0 auto; padding:0; list-style:none }
#main_board li { float:left }
#main_board li:first-child { margin-right:8px }
#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:40px; margin-right:40px  }
#main_board #sian .list p { float:left; margin:0; text-align:center }
#main_board #sian .list p:first-child { width:120px;  }
#main_board #sian .list p:nth-child(2) { width:300px;  }
#main_board #sian .list p:last-child { width:100px;  }

/* 메인 퀵메뉴 출력 출력 */
#quick_menu { width:1200px; margin:0 auto; padding:0; list-style:none }
#quick_menu li { float:left }
#quick_menu li:first-child { width: 115px; height: 115px; background-color: #ffffff; border-radius: 50%; margin:50px 17px 0px 0px;}
#quick_menu li:nth-child(2) { width: 115px; height: 115px; background-color: #ffffff; border-radius: 50%; margin:50px 17px 0px 0px;}
#quick_menu li:nth-child(3) { width: 115px; height: 115px; background-color: #ffffff; border-radius: 50%; margin:50px 17px 0px 0px;}
#quick_menu li:nth-child(4) { width: 115px; height: 115px; background-color: #ffffff; border-radius: 50%; margin:50px 17px 0px 0px;}
#quick_menu li:nth-child(5) { width: 115px; height: 115px; background-color: #ffffff; border-radius: 50%; margin:50px 17px 0px 0px;}
#quick_menu li:nth-child(6) { width: 115px; height: 115px; background-color: #ffffff; border-radius: 50%; margin:50px 17px 0px 0px;}

#quick_menu li div.ttl { text-align:center; font-weight:500; color:#949494; font-size:15px; }
#quick_menu li div.ttl { text-align:center; font-weight:500; color:#949494; font-size:15px; }

#quick_menu li div.icon_01 { text-align:center; margin:15px 0px 3px 0px; }
#quick_menu li div.icon_02 { text-align:center; margin:15px 0px 3px 0px; }
#quick_menu li div.icon_03 { text-align:center; margin:15px 0px 3px 0px; }
#quick_menu li div.icon_04 { text-align:center; margin:15px 0px 3px 0px; }
#quick_menu li div.icon_05 { text-align:center; margin:15px 0px 3px 0px; }
#quick_menu li div.icon_06 { text-align:center; margin:15px 0px 3px 0px; }
#quick_menu li div.banner { text-align:center; margin:35px 0px 0px 5px; }

/* 하단 */
#bottom { width:100%; clear:both }
#bottom .bot_menu { width:100%; padding:10px 0; border-top:2px solid #f26d7d; border-bottom:1px solid #ccc }
#bottom .bot_menu div { width:1000px; margin:0 auto }
#bottom .copyright { width:1000px; margin:0 auto }


/* 하단 메뉴 */
#b_menu { list-style:none; margin:0; padding:0; float:left; padding:0px; }
/* #b_menu { width:598px; margin-left:600px; list-style:none; padding:0px; } */
#b_menu li { float:left; margin-right:15px; color:#8d8d8d; }
#b_menu li a { color:#8d8d8d; display:block; font-size:15px; font-weight:500; }
#b_menu li a:hover { color:#2153ae;  }
#b_menu li.line { color:#dedede; }


#b_menu2 { list-style:none; margin:0; padding:0; float:right; padding:0px; }
/* #b_menu { width:598px; margin-left:600px; list-style:none; padding:0px; } */
#b_menu2 li { float:left; margin-right:15px; color:#8d8d8d; }
#b_menu2 li a { color:#8d8d8d; display:block; font-size:15px; font-weight:500; }
#b_menu2 li a:hover { color:#2153ae;  }
#b_menu2 li.line { color:#dedede; }

#b_center { width:1200px; margin:40px auto 20px; overflow:hidden; list-style:none; padding:0; border-bottom:0px solid #e5e5e5; padding-bottom:30px }
#b_center li { float:left; margin-right:165px }
#b_center li.l { height:170px; border-right:1px solid #e5e5e5; }
#b_center li div.ttl { font-weight:500; color:#676767; font-size:20px; }
#b_center li div.ttl a{ ffont-weight:700; color:#676767; font-size:25px; }
#b_center li div.ttl a:hover { color:#2153ae;  }
#b_center li div.bo { color:#000; font-size:29px; font-weight:700; margin-top:12px}
#b_center li div.bo2 { color:#000; font-size:19px; font-weight:500; margin-top:12px; line-height:15px}
#b_center li div.bo_tel { color:#2153ae; font-size:29px; font-weight:700; margin-top:12px}
#b_center li div.dsc { color:#676767; font-weight:300;  font-size:13px; margin-top:12px; line-height:18px;}
#b_center li div.dsc2 { color:#676767; font-weight:500;  font-size:17px; margin-top:12px; line-height:18px;}

.copy { font-weight:400; color:#aeaeae; font-size:14px;  margin-top:20px; }
.copy a:link {font-weight:400; color:#aeaeae; font-size:14px;}
.copy a:visited {font-weight:400; color:#aeaeae; font-size:14px;}
.copy a:active {font-weight:400; color:#aeaeae; font-size:14px; }
.copy a:hover {font-weight:400; color:#aeaeae; font-size:14px;}


#b_board { width:1160px; height: 360px; margin:0px auto 0px; overflow:hidden; background-color: #ffffff; list-style:none; padding:0; border:1px solid #e5e5e5; padding:30px 20px 30px 15px}
#b_board li { float:left; border:0px solid #000000; }
#b_board li:first-child { margin:0px 10px 0px 20px;}
#b_board li:nth-child(2) { margin:0px 0px}
#b_board li:nth-child(3) { margin:0px 15px 0px 15px;}
#b_board li:nth-child(4) { margin:0px 0px }
#b_board li:nth-child(5) { margin:0px 0px 0px 0px; }
#b_board li.l { height:170px; border-right:1px solid #e5e5e5; }
#b_board .ttl { font-weight:600; color:#2153ae; font-size:20px; }
#b_board .ttl a { font-weight:600; color:#2153ae; font-size:20px; }
#b_board .ttl a:hover{ font-weight:600; color:#2153ae; font-size:20px; }

#b_board .date { font-weight:400; color:#888888; font-size:14px; }


/***********************************************
 인트로 페이지
***********************************************/
/* 카테고리별 하위메뉴 바 */
.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 5px 0 0; float:right }
.prd_left li { float:left; margin:0 5px; }
.prd_left li.d { margin:0; color:#cecece }
.prd_left a:link {text-decoration:none; color:#636363; }
.prd_left a:visited {text-decoration:none; color:#636363; }
.prd_left a:active {text-decoration:none; color:#636363; }
.prd_left a:hover {text-decoration:none; color:#000000; }
.prd_left li a.on { color:#000000; font-weight:bold }

/* 인트로 썸네일 이미지 */
.product_intro { margin:0 auto; text-align: center; width:100%; }
.product_intro a.thumbOn img { filter: alpha(opacity=20); opacity: .2; }
.product_intro a.thumbOff img { filter: alpha(opacity=100); opacity: 1; }

/* 인트로 페이지 레이아웃 - 썸네일 세로형 */
/* .prdimg : 제품이미지 .introimg : 썸네일이미지 .obtn : 주문버튼 .d : 제품구분라인 */
.product_intro .intro { margin:20px 0 0 0; padding:0; list-style:none; clear:both; width:100%; }
.product_intro .intro li { float:left; margin:6px; }
.product_intro .intro li.prdimg { width:553px; }
.product_intro .intro li.prdimg img { float:left; } 
.product_intro .intro li .introimg { margin:0 0 0 8px; padding:0; list-style:none; float:left; width:70px } 
.product_intro .intro li .introimg li { float:left; margin:0 3px }
.product_intro .intro li p.obtn { clear:both } 
.product_intro p.d { clear:both; height:1px; background:#ddd; margin:20px 0 }

/* 인트로 페이지 레이아웃 - 썸네일 가로형 */
/* .prdimg : 제품이미지 .introimg : 썸네일이미지 .obtn : 주문버튼 .d : 제품구분라인 */
/*
.product_intro .intro { margin:20px 0 0 0; padding:0; list-style:none; clear:both; width:100%; }
.product_intro .intro li { float:left; margin:6px; }
.product_intro .intro li.prdimg { width:553px; }
.product_intro .intro li.prdimg img { float:left; } 
.product_intro .intro li .introimg { margin:0 0 0 8px; padding:0; list-style:none; width:553px; clear:both } 
.product_intro .intro li .introimg li { float:left; margin:0 3px }
.product_intro .intro li p.obtn { clear:both } 
.product_intro p.d { clear:both; height:1px; background:#ddd; margin:20px 0 } 
*/

/* 인트로 페이지 bottom 안내 이미지 */
#intro_bottom_info { }


/***********************************************
  주문폼 
************************************************/
/* 주문폼 셀렉트박스 */
.option_sel { width:205px; height:27px; color:#666666; border:1px solid #cccccc;}
.up_info { font-size:9pt; font-weight:bold; color:#2153ae;}

#view1 { list-style:none; margin:20px 0; padding:0 }
#view1 li { float:left; }
#view1 li.imgview { width:50%; text-align:center }
#view1 li.options { width:50%; }

#view1 li.options ul { list-style:none }
#view1 li.options ul li { clear:both; width:100%;  }
#view1 li.options ul li table td.t { width:90px; padding-left:12px; background:url(/img/A/common/icon1.gif) no-repeat 5px  }
#view1 li.options ul li table td.o { height:30px }
#view1 li.options ul li table td.st { width:70px }
#view1 li.line { background:url(/img/A/common/dot_w.gif) repeat-x bottom}

#view2 { clear:both; font-size:12pt; font-weight:bold; text-align:right; padding:20px 0 }
#view2 .pt1 { color:#f60; }
#view2 .pt2 { }
#view2 .pt3 { color:#f60; }

/* 샘플 선택 */
#view3 { clear:both; border-top:4px solid #f26d7d; border-bottom:4px solid #f26d7d; padding:30px 0 }

/* 웹하드 및 파일첨부 */
#view4 { clear:both; list-style:none; margin:20px 0; padding:0 }
#view4 li { width:50%; float:left }
#view4 li:first-child { width:485px; margin-right: 12px }
#view4 .bor1 { border:1px solid #e1e3ea }
#view4 .upload_area {  }
#view4 .msg { width:100%; height:262px }

#view5 { clear:both; width:100%; text-align:center; padding:20px 0}
#view5 input { border:0 }

/* 제품상세설명 */
#view6 {  } 
/* 주문안내 이미지 */
#view7 {  } 

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

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

/* 후가공 타이틀 */
.mt20 { margin-top:20px }

/* 주문폼 타이틀 */
.txt_order_tt2 { font-size:11pt; font-weight:bold; color:#d60050; }

/* 서브 제품 타이틀 */
.subttl { font-size:27px; color:#2153ae; font-weight:600; margin-bottom:15px; margin-top:0px; }
.subttl_1 { font-size:17px; color:#c3264a; font-weight:600; margin-bottom:5px; margin-top:0px; }
.subttl_s { font-size:14px; color:#99999; font-weight:400; margin-left:95px; margin-top:-40px; margin-bottom:15px;}
.subttl_ss { font-size:14px; color:#99999; font-weight:400; margin-left:110px; margin-top:-40px; margin-bottom:15px;}

/* 금액 */
.s_price {
    color: #333;
    line-height: 26px;
    font-family: Tahoma;
    font-size: 26px;
    font-weight: bold;
    display: inline;
    padding-left: 10px;
}
.t_price {
    color: #d7004e;
    line-height: 26px;
    font-family: Tahoma;
    font-size: 26px;
    font-weight: bold;
    display: inline;
    padding-left: 10px;
}

/* 게시판 분류 */
.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 color: #000} 

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


/* 전체카테고리 */
.all_menu { float:left; margin:30px 65px 30px 60px ; border:0px solid #a3a3a3;}
.all_menu ul { margin:0; padding:0; list-style:none }
.all_menu ul li { line-height:27px; font-size:14px; color:#656565  }
.all_menu ul li a { font-size:16px; color:#656565  }
.all_menu ul li a:hover { font-size:16px; color:#2153ae;  }
.all_menu ul li:first-child { line-height:45px; font-size:17px; color:#000; font-weight:400; }


/* 버튼 모음 */
button { cursor:pointer }
button.webhardgo { width:100px; height:22px; background:#7d7d7d; color:#fff; border:0; font-size:11px; font-weight:400; margin-left:20px}
button.login { width:145px; height:58px; background:#007cc5; color:#fff; border:0; font-size:14px; font-weight:700; margin-left:10px }
button.e_cart { width:100px; height:28px; background:#81c50a; color:#fff; border:0; font-weight:700; }
button.e_order { width:100px; height:28px; background:#007cc5; color:#fff; border:0; font-weight:700; }
button.e_print { width:207px; height:28px; background:#a4a4a4; color:#fff; border:0; font-weight:700; margin-top:10px }
button.search { width:100px; height:28px; background:#a4a4a4; color:#fff; border:0; font-weight:700; }
button.design_off { width:100px; height:28px; background:#fff; border:1px solid #cccccc; border-radius:3px }
button.design_on { width:100px; height:28px; background:#007cc5; border:1px solid #fff; border-radius:4px; color:#fff }

/* button.login { font-size:12px; font-weight:700; width:87px; height:26px; background:#00bbd1; color:#fff; border:0px solid #cccccc; border-radius:3px; margin-left:1px;} */

button.login { width:87px; height:26px; background:#007cc5; color:#fff; border:0; font-size:12px; font-weight:700; margin-left:5px; border-radius:3px;margin-left:1px;}
button.logout { width:87px; height:26px; background:#c3264a; color:#fff; border:0; font-size:12px; font-weight:700; margin-left:5px; border-radius:3px;margin-left:1px;}

button.member { width:145px; height:57px; background:#007cc5; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px; }
button.green { width:145px; height:45px; background:#81c50a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px; }
button.blue { width:145px; height:45px; background:#007cc5; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px; }
button.gray { width:145px; height:45px; background:#a4a4a4; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px; }
button.red { width:145px; height:45px; background:#98c043; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px; }
button.print { width:145px; height:45px; background:#98c043; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px;}
button.shopping { width:145px; height:45px; background:#336cb2; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px;}
button.order { width:145px; height:45px; background:#c3264a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px;}
button.confirm { width:145px; height:45px; background:#c3264a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px;}
button.cart { width:145px; height:45px; background:#98c043; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px;}
button.cancle { width:145px; height:45px; background:#a4a4a4; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px;}
button.agree { width:145px; height:45px; background:#336cb2; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:3px;}

button.close_gray { width:35px; height:17px; background:#a4a4a4; color:#fff; border:0; font-size:5px; font-weight:700;  border-radius:3px; }
button.search { width:60px; height:29px; background:#a4a4a4; color:#fff; border:0; font-size:10px; font-weight:700;  border-radius:3px; }