/***********************************************
 공통
***********************************************/
@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-family: 'Noto Sans KR', sans-serif; }
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:#007cc5; }
select, textarea { border:1px solid #e1e3ea; }
img { border:0 }
.input { height:25px; border:1px solid #cccccc; color:#666666; padding:3px 3px 3px 3px;  LETTER-SPACING: 0px; border-radius:6px;}
.imgv img { vertical-align:top }
.textarea{border:1px solid #e1e3ea;}

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


/* 로그인 관련 상단메뉴 */
#login_menu1 {  list-style:none; margin:0; padding:0; float:left }
#login_menu1 li { float:left; line-height:46px; margin:0 105px; font-size:16px; }
#login_menu1 li a { color:#676767 }
#login_menu1 li.line { color:#dedede;}
#login_menu2 {  list-style:none; margin:0; padding:0; float:right; border:0px solid #a3a3a3;}
#login_menu2 li { float:left; line-height:46px; margin-left: 20px; }
#login_menu2 li.d { margin:0; color:#ddd; }
#login_menu2 li.line { color:#dedede;}
#login_menu2 li a { color:#737373; font-size:14px; font-weight:600; }
#login_menu2 li a:hover { color:#007cc5;  }

#login_menu2 li.member { color:#dedede;}
#login_menu2 li.member a { color:#007cc5; font-size:14px; font-weight:600; }
#login_menu2 li.member a:hover { color:#737373;  }


/* 상단 메인 메뉴 */
#top_menu1 { list-style:none; margin:0; padding:0; float:left; border:0px solid #a3a3a3; margin-bottom:30px;}
#top_menu1 li:first-child  { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu1 li:nth-child(2) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu1 li:nth-child(3) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu1 li:nth-child(4) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu1 li:nth-child(5) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu1 li:nth-child(6) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu1 li.line { color:#dedede;}
#top_menu1 li a { color:#00000; font-size:17px; font-weight:600; }
#top_menu1 li a:hover { color:#007cc5;  }


#top_menu3 { list-style:none; margin:0; padding:0; float:left; border:0px solid #a3a3a3; margin-bottom:30px;}
#top_menu3 li:first-child  { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu3 li:nth-child(2) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu3 li:nth-child(3) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu3 li:nth-child(4) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu3 li:nth-child(5) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu3 li:nth-child(6) { float:left; margin:0px 25px 0px 0px; font-size:16px; font-weight:600; line-height:35px  }
#top_menu3 li a { color:#422ca6; font-size:17px; font-weight:600; }
#top_menu3 li a:hover { color:#8d8d8d;  }
#top_menu3 li.gray a { color:#8d8d8d; font-size:17px; font-weight:600; }
#top_menu3 li.gray a:hover { color:#007cc5;  }

#top_menu4 { list-style:none; margin:0; padding:50; float:right;  }
#top_menu4 li { color:#ffffff  }


#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:16px; border:0px solid #a3a3a3; background: #000000; border-radius:30px; }
#top_menu2 li:nth-child(2) { float:left; margin:0 5px; padding:5px 12px; font-size:16px; border:0px solid #a3a3a3; background: #000000; border-radius:30px; }
#top_menu2 li:nth-child(3) { float:left; margin:0 5px; padding:5px 12px; font-size:16px; border:0px solid #a3a3a3; background: #f15a23; border-radius:30px; }
#top_menu2 li:hover { color:#ffffff; border:0px solid #e60012; }
#top_menu2 li:hover a { color:#ffffff; }
#top_menu2 li a { color:#ffffff  }


/* 탭메뉴 */
#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 }

#main_banner_top {width: 100%; min-width: 1200px; height: 82px; background: transparent; overflow: hidden;}
#main_banner_top .top_event { height: 82px; width: 1920px; margin: 0 auto; background: #ffffff; position: relative; left: 50%; margin-left: -960px;}
#main_banner {width: 100%; min-width: 1200px; height: 440px; background: transparent; overflow: hidden;  margin-top:15px;}
#main_banner .main_event{ height: 440px; width: 1920px; margin: 0 auto; background: #ffffff; position: relative; left: 50%; margin-left: -960px;}

/*
#main_link_banner { list-style:none; margin:0;  auto; clear:both; padding:0; float:left; width:1200px; height:250px; margin:0;  border:1px solid #a3a3a3; margin-top:50px;}
*/

#main_link_banner { list-style:none; width:1250px; height:224px; margin:0 auto; padding:0px; float:center; background-image:url(/img/A/common/main_quick_01.png); margin-top:50px; }
#main_link_banner li:first-child  { float:left; margin:140px 0px 0px 220px; font-size:14px; font-weight:600; line-height:35px  }
#main_link_banner li:nth-child(2) { float:left; margin:140px 0px 0px 330px; font-size:14px; font-weight:600; line-height:35px  }
#main_link_banner li:nth-child(3) { float:left; margin:140px 0px 0px 300px; font-size:14px; font-weight:600; line-height:35px  }
#main_link_banner li a { color:#efefef; font-size:17px; font-weight:600; text-decoration:underline;}
#main_link_banner li a:hover { color:#ffffff; text-decoration:underline;  }
#main_link_banner li.gray a { color:#efefef; font-size:17px; font-weight:600; }
#main_link_banner li.gray a:hover { color:#ffffff;  }

#main_link_banner li span.bold a { color:#efefef; font-size:17px; font-weight:600; text-decoration:underline;}
#main_link_banner li span.bold a:hover { color:#ffffff;  }

#main_link_banner li span.light a { color:#000000; font-size:17px; font-weight:600; text-decoration:underline;}
#main_link_banner li span.light a:hover { color:#ffffff;  }


/* 메인이벤트 */
.slidesjs-pagination {
  position:absolute;
  z-Index:50;
  margin: -20px 0 0 50%;
  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
}


/* main quick */
#main_quick { width:1200px; margin:0 auto; padding:0; list-style:none }
#main_quick li { float:left; margin:40px }
#main_quick li img { float:left }
#main_quick li div { float:left; margin-left:10px; margin-top:5px}
#main_quick li div span { font-size:16px; font-weight:700; color:#000 }
#main_quick li div p { color:#676767; font-size:14px; font-weight:300; line-height:17px; margin-top:5px }

/* 메인 포트폴리오 */
#main_portfolio { width:1180px; margin:0 auto; clear:both; margin-top:50px;}
#main_portfolio .ttl { color:#000; font-size:20px; font-weight:bold }
#main_portfolio .s-ttl { font-size:13px; color:#676767; font-weight:300; margin-top:7px;}


/* 메인 추천상품 */
#main_recom { width:1200px; margin:0 auto; clear:both}
#main_recom .ttl { color:#000; font-size:32px; font-weight:bold }
#main_recom ul { width:1200px; margin:0 auto; padding:0; list-style:none }
#main_recom ul li { float:left; margin-right:21px; margin-bottom:40px }
#main_recom ul li.la { margin-right:0 }
#main_recom ul li div.txt { margin-top:15px }
#main_recom ul li div.ttl2 { font-size:17px; font-weight:bold }
#main_recom ul li div.dsc { margin-top:5px }
#main_recom ul li a { text-decoration:underline; color:#E60012; margin-top:30px; display:block; font-size:12px; font-weight:400; }

/* 메인 판촉물 상춤 */
#main_promotion { width:1200px; margin:0 auto; clear:both}
#main_promotion .ttl { color:#000; font-size:32px; font-weight:bold }
#main_promotion ul { width:1200px; margin:0 auto; padding:0; list-style:none }
#main_promotion ul li { float:left; margin-right:32px; margin-bottom:40px }
#main_promotion ul li.la { margin-right:0 }
#main_promotion ul li div.txt { margin-top:15px }
#main_promotion ul li div.ttl2 { font-size:17px; font-weight:bold }
#main_promotion ul li div.dsc { margin-top:5px; font-size:13px;  }
#main_promotion ul li a { text-decoration:underline; color:#E60012; margin-top:30px; display:block; font-size:12px; font-weight:400; }


/* 하단 메뉴 */
#b_menu { width:598px; margin-left:600px; list-style:none; padding:0px; }
#b_menu li { float:left; margin-right:15px; font-size:12px; font-weight:400 }

#b_center { width:1200px; margin:40px auto 20px; overflow:hidden; list-style:none; padding:0; border-bottom:1px solid #e5e5e5; padding-bottom:30px }
#b_center li { float:left; margin-right:95px }
#b_center li.l { height:100px; border-right:1px solid #e5e5e5; }
#b_center li div.ttl { font-family:'Inter'; font-weight:400; color:#676767; font-size:17px; }
#b_center li div.bo { font-family:'Inter'; color:#000; font-size:24px; font-weight:700; margin-top:12px}
#b_center li div.dsc { font-family:'Inter'; color:#676767; font-weight:300;  font-size:13px; margin-top:12px; line-height:18px;}

#b_center2 { width:1188px; margin:40px auto 20px; overflow:hidden; list-style:none; padding:0; }
#b_center2 li { float:left; margin-right:16px }
#b_center2 li:last-child { margin-right:0px }
#b_center2 li .t { width:370px; font-size:20px; font-weight:900; margin-top:20px; }
#b_center2 li .notice { margin:20px 0; padding:0; list-style:none; clear:both }
#b_center2 li .notice li { float:none }
#b_center2 li .notice li a{ font-size:14px; color:#7d7d7d; font-weight:400; line-height:22px;}
#b_center2 li .notice li a:hover{ font-size:14px; color:007cc5; font-weight:400; line-height:22px;}


#b_center2 li .box { width:295px; height:450px; border:1px solid #e5e5e5;}
#b_center2 li .box .b1 { font-size:18px; font-weight:900; margin:20px 0 10px 20px}
#b_center2 li .box .b2 { font-size:18px; font-weight:700; margin:10px 0 10px 20px; color:#7d7d7d;}
#b_center2 li .box .b3 { font-size:20px; font-weight:300; margin:50px 0 10px 20px}
#b_center2 li .box .b4 { font-size:25px; font-weight:900; margin:10px 0 10px 20px}
#b_center2 li .box .b5 { font-size:15px; font-weight:500; margin:10px 0 50px 20px; color:#7d7d7d;}

#b_center2 li .box2 { width:465px; border:1px solid #e5e5e5;}
#b_center2 li .box2 .t { font-size:18px; font-weight:500;  margin:25px auto;}
#b_center2 li .box2 .yl { width:465px; height:95px; background:#ffe000; }

#b_center2 li .box3 { width:465px; height:215px; background:#373434; border:1px solid #000; margin-top:25px; color:#fff }
#b_center2 li .box3 .b1 { font-size:20px; font-weight:900; margin:20px 0 10px 20px }
#b_center2 li .box3 .b2 { font-size:20px; font-weight:900; margin:0px 15px 10px 0px; text-align:right }
#b_center2 li .box3 .b3 { font-size:25px; font-weight:900; margin:0px 15px 10px 0px; text-align:right }
#b_center2 li .box3 .b4 { font-size:15px; color:#f4f4f4; font-weight:400; margin:0px 15px 10px 0px; text-align:right }

#b_center2 li .bl { background:#111; color:#fff; font-size:14px; font-weight:700; border:0; padding:5px 10px}

/*
#b_center2 li .wt {background:#fff; color:#555; font-size:14px; font-weight:700; border:1px solid #000; padding:10px; width:280px; margin:5px auto; }
#b_center2 li .wt a {background:#fff; color:#555; font-size:14px; font-weight:700; border:1px solid #000; padding:10px; width:280px; margin:5px auto; }
#b_center2 li .wt a:hover{background:#000; color:#fff; font-size:14px; font-weight:700; border:1px solid #000; padding:10px; width:280px; margin:5px auto; }
 */

.button {
  	
  border: none;
  color: white;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:14px; 
  font-weight:700;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}


.wt{
  width:280px; margin:5px auto;	
  background-color: white;
  color: black;
  border: 1px solid #555555;
}

.wt:hover {
  width:280px; margin:5px auto;
  background-color: #555555;
  color: white;
}

.button2 {
  	
  border: none;
  color: white;
  padding: 7px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:13px; 
  font-weight:600;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.wt2 {
  background-color: black;
  color: white;
  border: 1px solid #555555;
}

.wt2:hover {
  background-color: #ffffff;
  color: black;
}


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


/* 하단 */
#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 }

/* 전체카테고리 */
.all_menu { float:left; margin:40px 25px 0px}
.all_menu ul { margin:0; padding:0; list-style:none }
.all_menu ul li { line-height:33px; font-size:14px; font-weight:bold; color:#656565  }
.all_menu ul li a { color:#656565  }
.all_menu ul li a:hover { color:#e60012  }
.all_menu ul li:first-child { font-size:16px; font-weight:bold; color:#000  }

/* 퀵메뉴 - 오른쪽 */
#quick_right { }
#quick_right ul { width:120px; padding:0; margin:0; list-style:none; border:1px solid #d9d9d9; text-align:left }
#quick_right ul li { font-weight:500; font-size:12px; color:#A3A3A3; border-top:1px solid #d9d9d9; padding:10px; line-height:18px;  }
#quick_right ul li:first-child { border-top:0 }
#quick_right ul li a { color:#a3a3a3; }
#quick_right ul li a:hover { color:#303030; }


/* 서브페이지  좌측메뉴 */
.left_menu { padding:0; margin:0; ;list-style:none; position:absolute; } 
.left_menu li { line-height:28px }
.left_menu li.ttl { font-weight:700; font-size:18px; margin-bottom:20px}
.left_menu li a { color:#717171; font-size:15px; font-weight:500; }
.left_menu li a:hover { color:#007cc5  }


/* 게시판 페이지 영역 */
#page_area .dblink { padding:10px 15px; border:1px solid #d9d9d9; color:#d9d9d9 }
#page_area strong { padding:10px 15px; border:1px solid #a3a3a3; color:#a3a3a3 }

.board_write_btn { width:80px; padding:10px; background:#ff0000; color:#fff; font-size:12px; font-weight:700; text-align:center; position:absolute; margin-top:-170px; margin-left:900px }

/*************************************************************/

/* 디자인 변경 css모음 sub*/
#sub_product{width: 1200px; height: auto; margin: 0 auto;}
	#sub_product .sub_img{ float: left;}
	#sub_product .sub_img.a{width: 530px; margin: 0 12px 12px 0; }
	#sub_product .sub_img .prd_img{width: 500px; overflow: hidden; margin-bottom: 12px;}
	/* #sub_product .sub_img .sub_guide{width: 500px; height: 42px;} */
	#sub_product .sub_img .sub_guide li{float: left; margin: 0 10px 0 0;}
	/* #sub_product .sub_img .sub_guide ul li a{color: #ffffff; font-size: 14px; font-weight: bold; display: block; width: 100%; height: 100%; text-align: center; line-height: 42px;} */
	#sub_product .sub_img .sub_guide p{text-align: right; color: #333333; font-weight: bold; padding-top: 1px;}
	#sub_product .sub_img .sub_guide .g2_1{width: 241px; background: #a0c1da;}
	#sub_product .sub_img .sub_guide .g2_2{width: 241px; background: #92c4c5; margin: 0;}
	#sub_product .sub_img .sub_guide .g3_1{width: 156px; background: #a0c1da;}
	#sub_product .sub_img .sub_guide .g3_2{width: 157px; background: #92c4c5;}
	#sub_product .sub_img .sub_guide .g3_3{width: 157px; background: #ffc688; margin: 0;}
	#sub_product .sub_img .sub_guide .g4_1{width: 114px; background: #a0c1da;}
	#sub_product .sub_img .sub_guide .g4_2{width: 115px; background: #92c4c5;}
	#sub_product .sub_img .sub_guide .g4_3{width: 114px; background: #ffc688;}
	#sub_product .sub_img .sub_guide .g4_4{width: 115px; background: #4a84aa; margin: 0;}
	#sub_product .sub_count {width: 650px; height: auto; margin:0 0 12px -30px; float: right; border: 1px solid #dddddd; min-height: 450px;}
	#sub_product .sub_count.a{width: 650px; height: auto; margin:0 0 12px -30px; border: 1px solid #dddddd; min-height: 470px;}
	
	#sub_product .sub_order_wrap{width: 1200px; height: auto; margin:0 0 0 0; float: left; border: 1px solid #dddddd;}
	#sub_product .sub_order_wrap .sub_memo > p, #sub_product .sub_order_wrap .sub_attach > p{width: 80px; font-size: 16px; font-weight: bold; padding-bottom: 25px; background: url(../common/sub_bar.png) no-repeat; float: left;}
	#sub_product .sub_order_wrap .sub_memo{width: 507px; height: auto; float: left; padding: 20px}
	#sub_product .sub_order_wrap .sub_order{width: 507px; height: auto; float: left; padding: 20px; position: relative; border-left: 1px solid #dddddd; min-height: 100px;}
	#sub_product .sub_order_wrap .sub_order .order_btn{width: 600px; float: left; list-style:none; margin:0; padding:0 }
	#sub_product .sub_order_wrap .sub_order .order_btn li, #sub_product .sub_order_wrap .sub_order .order_btn {float: left; margin-left: 5px;}
	#sub_product .sub_order_wrap .sub_order .sub_attach {width: 475px; float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .attach_info {width: 100%; margin-left: 0px; float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .attach_info a {color: #333333; font-size: 14px; font-weight: bold;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .upload_area {margin: 0; padding: 0;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .upload_area object{float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach #upload_list{float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt {float: left; margin: 0; list-style:none; padding:0}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt li {padding-bottom: 0px; width: 500px;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt li p{font-size: 13px; color: #333333; font-weight: 400;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt li p span{color: #ff0000; font-weight: 500;}


.form_round_start {
	background:url(/img/B/common/form_round.jpg) no-repeat 0 0;padding: 30px 0 0 30px;
}
.form_round_start2 {
	background:url(/img/B/common/form_round.jpg) no-repeat 0 0;padding: 10px 10px 0 10px;
}

.form_round_end {
	background:url(/img/B/common/form_round.jpg) no-repeat 0 -965px;margin-left: -30px;
}
.top_menu_bar_ttl { color: #cbcbcb; padding-left:10px}
.top_menu_bar2 { list-style:none; margin:0 0 0 0; padding:0; float:right; font-size: 16px; font-weight:500;color: #e60012 }
.top_menu_bar2 li { float:left; cursor:pointer; font-size: 16px;  font-weight: 500; margin:0 7px }

/* 서브 제품 타이틀 */
.subttl { font-size:30px; font-weight:700; margin-bottom:30px}

/*************************************************************/

/* 메인 게시판 출력 */
#main_board { width:1000px; 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;  }
/***********************************************
 인트로 페이지
***********************************************/
/* 카테고리별 하위메뉴 바 */
.sub_menu_bar { background:#484848; border-top:0px solid #f26d7d; border-bottom:0px solid #f26d7d; height:47px }
.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:#999 }
.prd_left a:link {text-decoration:none; color:#bdbebf; }
.prd_left a:visited {text-decoration:none; color:#bdbebf; }
.prd_left a:active {text-decoration:none; color:#bdbebf; }
.prd_left a:hover {text-decoration:none; color:#999; }
.prd_left li a.on { color:#fffc00; 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 { }

/***********************************************
  주문폼 
************************************************/
/* 주문페이지 제품 추가이미지 */
.view_img { margin:0; padding:0; list-style:none }
.view_img li { width:63px; height:50px; overflow:hidden; display:inline-block; margin:0; border:0px solid #000; margin-left:0}
.view_img li:first-child { margin-left:0px }
.view_img li img { width:100%; cursor:pointer }

/* 주문페이지 옵션 셀렉트박스 사이즈 */
.option_sel { height:30px; border:1px solid #cccccc; color:#666666; padding:3px 3px 3px 3px;  LETTER-SPACING: 0px; width:230px; border-radius:6px;  }

#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: #f60; font-size:14px; font-weight:bold }

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

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

/* 금액 */
.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;
}

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

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

/*샘플목록 보기*/
.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 { /*샘플목록*/
	width:175px;
	height:200px;
    float: left;
    text-align: center;
    margin: 15px 35px;
}
.booksample { margin:0; padding:0; list-style:none }
.booksample li { float:left; margin:22px }
.tborder { border:1px solid #ddd }
.vline { width:1px; height:300px; background:#ddd }

.bookcover_sample_btn { border-radius:5px; border:1px solid #0072bc; color:#fff; background:#0072bc; margin-left:30px; padding:3px }


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

a.aam:link {text-decoration:none; color:#444444; font-size:16px; font-weight:400;}
a.aam:visited {text-decoration:none; color:#444444; font-size:16px; font-weight:400;}
a.aam:active {text-decoration:none; color:#444444; font-size:16px; font-weight:400;}
a.aam:hover {text-decoration:none; color:#e60012; font-size:16px; font-weight:400;}


a.m_title:link {text-decoration:none; color:#444444; font-size:16px;  font-weight: bold;}
a.m_title:visited {text-decoration:none; color:#444444; font-size:16px;  font-weight: bold;}
a.m_title:active {text-decoration:none; color:#444444; font-size:16px;  font-weight: bold;}
a.m_title:hover {text-decoration:none; color:#444444; font-size:16px; font-weight: bold;}


.top_line {
    border-bottom:1px solid #c7ced8;
	height:0px;
	margin-top:15px;
}


.bottom_menu {
	
	height:65px;
    background-color:#ffffff;
    border-top:1px solid #c7ced8;
	border-bottom:1px solid #c7ced8;
	
}


.bottom_menu_text {	
    text-align:right;
	width:1180px; height:50px; margin:0 auto;
	border:0px solid #000000;
	padding-top:17px;
}
.bottom_menu_text span.t1 {
    color:#747474; font-size:17px; font-weight:600; 
    margin:0px 7px 0px 7px;  line-height:25px;
}

.bottom_menu_text span.t1 a { color:#747474; font-size:14px; font-weight:500; }
.bottom_menu_text span.t1 a:hover { color:#007cc5  }


.bottom {
    background-color:#e8e8e8;
    border-bottom:0px solid #c7ced8;
	height:250px;
}

.bottom_text {
	width:1200px; margin:0 auto; 
	border:0px solid #000000;
	padding-top:50px;
}

.bottom_text span.tt1 {
    color:#000000; font-size:16px; font-weight:700; 
	margin:0px 7px 0px 0px;
	line-height:25px;
}

.bottom_text span.t1 {
    color:#4d4d4d; font-size:15px; font-weight:600; 
	margin:0px; line-height:25px;
}

.bottom_text span.t2 {
    color:#717171; font-size:15px; font-weight:400; 
    margin:0px; line-height:25px;
}
.bottom_text span.line {
    color:#b3b3b3; font-size:15px; font-weight:300; 
	margin:0px 7px 0px 7px; line-height:25px;
}

.copy { text-decoration:none; color:#4d4d4d;  margin-top:5px; font-weight:300;}
.copy a:link {text-decoration:none; color:#4d4d4d; font-weight:300;}
.copy a:visited {text-decoration:none; color:#4d4d4d; font-weight:300;}
.copy a:active {text-decoration:none; color:#4d4d4d; font-weight:300;}
.copy a:hover {text-decoration:none; color:#4d4d4d; font-weight:300;}