/***********************************************
공통
***********************************************/
@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;font-weight:400; }
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:#f3b000; }
select, textarea { border:1px solid #e1e3ea; height:27px; font-size:10pt; font-family: 'Noto Sans KR', sans-serif;font-weight:400; margin-top:7px; margin-bottom:7px; }
img { border:0 }
.input { height:23px; border:1px solid #e1e3ea; color:#666666; padding:3px 3px 3px 3px; LETTER-SPACING: 0px; border-radius:5px;}
.input_title { width:270px; height:23px; border:1px solid #e1e3ea; color:#666666; padding:3px 3px 3px 3px; LETTER-SPACING: 0px}
.imgv img { vertical-align:top }
.textarea{border:1px solid #e1e3ea;}
/***********************************************
레이아웃
***********************************************/
/* 상단 */
#top { width: 1300px; 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 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:500; }
#login_menu2 li a:hover { color:#e31e20; }
/*#login_menu2 li:first-child a { color:#ff0000; }*/
/* 상단 메인 메뉴 */
#top_menu1 { list-style:none; margin:0; padding:0; float:left; height: 50px; border-bottom:0px solid #a3a3a3; }
#top_menu1 li { float:left; margin:0 31px; font-size:17px; font-weight:400; line-height:35px }
#top_menu1 li:first-child { float:left; margin:0 25px;}
#top_menu1 li a { color:#000000; font-size:16px; font-weight:600; }
#top_menu1 li a:hover { color:#e31e20; }
#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 }
#top_logo { list-style:none; margin:0; padding:0px; float:left; height:90px; border:0px solid #e5e5e5; width:1400px;}
#top_logo li { margin:0 0px; }
#top_logo li:first-child { float:left; margin:10px 0px 0px 0px; width:531px;}
#top_logo li:nth-child(2) { float:left; margin:25px 0px 0px 0px; width:177px;}
#top_logo li:nth-child(3) { float:left; margin:10px 0px 0px 0px; width:600px; text-align:right;}
.top_line1 {
border-bottom:1px solid #eaeaea;
margin-top:85px;
}
.top_line2 {
border-bottom:1px solid #eaeaea;
margin-top:48px;
}
.top_line3 {
border-bottom:0px solid #eaeaea;
margin-top:0px;
margin-bottom:-10px;
}
.bot_line {
border-bottom:1px solid #cccccc;
height:0px;
}
#sub_contents { width:1280px; margin:0 auto }
/* 메인 */
#main { width:1000px; margin:0px 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: 1100px; height: 694px; background: transparent; overflow: hidden; margin-top:15px;}
#main_banner .main_event{ height: 694px; width: 1920px; margin: 0 auto; background: #ffffff; position: relative; left: 50%; margin-left: -960px;}
/* 메인 포트폴리오 */
.main_portfolio { width:1300px; margin:0 auto; background:#fff}
.main_portfolio ul.ptab { width:100%; padding:0; margin:0; list-style:none; overflow:hidden; border-bottom:1px solid #ccc; }
.main_portfolio ul.ptab li { width:215.5px; height:40px; line-height:40px; float:left; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.main_portfolio ul.ptab li:hover { background:#eee; cursor:pointer }
.main_portfolio ul.ptab li:last-child { border-right:1px solid #ccc; }
.main_portfolio ul.pimg { width:1100px; padding:0; margin:0 auto; list-style:none; }
.main_portfolio ul.pimg li { width:250px; float:left; margin-right:33px; margin-top:30px; }
.main_portfolio ul.pimg li:nth-child(4n) { margin-right:0; }
.port_ttl { width:1200px; margin:0px auto 0; margin-top:30px; text-align:center; font-size:43px; font-weight:500; }
.port_ttl2 { width:1200px; margin:0 auto; margin-bottom:40px; text-align:center; font-size:16px; }
/* 제품타이틀 */
.goods_ttl { font-size:27px; font-weight:500; margin-bottom:10px; color:#e44849;}
/* 하단 고객센터 정보 */
#bottom2 { width:100%; margin-top:50px; min-width:1280px;}
#bottom2 #cs { background:#f7f7f7; width:100%; overflow:hidden }
#bottom2 #cs ul { width:1280px; margin:28px auto; padding:0; list-style:none; border-left:0px solid #ddd; border-right:0px solid #ddd; overflow:hidden; background:url('/img/A/common/cs_bg.png') no-repeat 0px 0px; }
#bottom2 #cs ul li { width:255px; height:180px; float:left; color:#000; }
#bottom2 #cs ul li .ttl_s { font-size:10px; font-weight:500; color:#9c9c9c; margin-left:75px; }
#bottom2 #cs ul li .ttl { font-size:15px; font-weight:500; margin-bottom:7px; margin-left:0px; text-align:center; }
#bottom2 #cs ul li .txt1 { font-size:12px; font-weight:400; text-align:center; line-height:35px }
#bottom2 #cs ul li .txt1 a{ font-size:12px; font-weight:400; text-align:center; line-height:35px; color:#797979;}
#bottom2 #cs ul li .txt1 a:hover { font-size:12px; font-weight:400; text-align:center; line-height:35px; color:#e31e20 }
#bottom2 #cs ul li .txt2 { font-size:14px; margin-top:15px; color:#4f4f4f }
#bottom2 #cs ul li .txt3 { font-size:13px; margin-top:15px; color:#4f4f4f }
#bottom2 #cs ul li .go_btn { margin-top:43px; }
#bottom2 #cs ul li:first-child { border-left:0 }
#bottom2 #cs ul li div { margin-left:0px }
#bottom2 #cs ul li div .cs_icon { width:700px; margin-top:0px }
/* 하단 메뉴 */
#bottom2 #bmenu { background:#fff; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; overflow:hidden; }
#bottom2 #bmenu ul { width:850px; margin:0 auto; padding:0; list-style:none; overflow:hidden }
#bottom2 #bmenu ul li { float:left; margin:15px 20px}
#bottom2 #bmenu ul li a { font-size:14px; color:#888888 }
#bottom2 #bmenu ul li a:hover { font-size:14px; color:#007cc5 }
/* 하단 회사정보 */
#bottom2 #bcopy { width:1280px; margin:0 auto; }
#bottom2 #bcopy div { width:1280px; margin-top:15px; font-size:12px; color:#797979; font-weight:400; line-height:1.9; }
#bottom2 #bcopy div .line { font-size:12px; color:#999999; font-weight:100; margin:3px; }
#bottom2 #bcopy div .ewell { font-size:12px; color:#797979; font-weight:400; margin:3px; }
#bottom2 #bcopy div .ewell a{ font-size:12px; color:#797979; font-weight:400; margin:3px; }
#bottom2 #bcopy div .ewell a:hover{ font-size:12px; color:#797979; font-weight:400; margin:3px; }
/* 하단 고객센터 정보 */
#bottom { width:100%; margin-top:0px; min-width:1200px;}
#bottom #cs { background:#fff; width:100%; overflow:hidden }
#bottom #cs ul { width:1200px; margin:28px auto; padding:0; list-style:none; border-left:0px solid #ddd; border-right:0px solid #ddd; overflow:hidden; height:230px;}
#bottom #cs ul li { width:300px; height:210px; float:left; color:#000; }
#bottom #cs ul li .ttl_s { font-size:13px; font-weight:500; color:#9c9c9c; margin-left:98px; }
#bottom #cs ul li .ttl { font-size:20px; font-weight:600; margin-bottom:3px; margin-left:98px; padding-top:3px;}
#bottom #cs ul li .txt1 { font-size:30px; font-weight:600; margin-top:10px; color:#e60013 }
#bottom #cs ul li .txt1-1 { font-size:20px; font-weight:600; margin-top:0px; }
#bottom #cs ul li .txt2 { font-size:15px; font-weight:500; margin-top:15px; color:#4f4f4f }
#bottom #cs ul li .txt2-1 { font-size:15px; font-weight:500; margin-top:15px; color:#4f4f4f }
#bottom #cs ul li .txt3 { font-size:15px; margin-top:2px; color:#4f4f4f }
#bottom #cs ul li .txt4 { font-size:15px; font-weight:400; margin-top:10px; color:#4f4f4f; line-height:23px; }
#bottom #cs ul li .txt4-1 { font-size:12px; font-weight:400; margin-top:3px; padding:5px; color:#fff; line-height:20px; background-color:#9e9e9e; height:25px; width:190px; text-align:center;}
#bottom #cs ul li .txt4-2 { font-size:14px; font-weight:400; margin-top:20px; color:#4f4f4f; line-height:18px; width:240px; text-align:center; }
#bottom #cs ul li .txt4-3 { font-size:15px; font-weight:400; margin-top:6px; margin-left:55px; padding:7px 0px 0px 0px ; color:#000; line-height:23px; background-color:#efefef; height:30px; width:190px; text-align:center;}
#bottom #cs ul li .txt4-4 { font-size:15px; font-weight:600; }
#bottom #cs ul li .email { font-size:17px; color: #f9961c; text-align:left; }
#bottom #cs ul li .email-k { font-size:15px; color: #333; margin-right:0; text-align:left; }
<li class="email" ><span class="email-k">이메일 : </span>help@princom.co.kr</li>
#bottom #cs ul li .txt5 { font-size:17px; font-weight:400; margin-top:9px; color:#4f4f4f; line-height:25px; text-align:center; width:180px; }
#bottom #cs ul li .txt5-1 { font-size:25px; font-weight:500; margin-top:9px; color:#e60013; line-height:25px; text-align:center; width:180px; }
#bottom #cs ul li .txt5-2 { font-size:25px; font-weight:500; margin-top:5px; margin-bottom:10px; color:#e60013; line-height:20px; }
#bottom #cs ul li .go_btn { margin-top:15px; }
#bottom #cs ul li .go_btn_wh { margin-top:24px; }
#bottom #cs ul li:first-child { border-left:0 }
#bottom #cs ul li div { margin-left:25px }
#bottom #cs ul li div .cs_icon { width:700px; margin-top:0px }
/* 전체카테고리 */
.all_menu { float:left; margin:30px 10px 20px 35px ; border:0px solid #a3a3a3;}
.all_menu ul { margin:0; padding:0; list-style:none; width:165px; }
.all_menu ul li { line-height:27px; font-size:16px; font-weight:400; color:#656565 }
.all_menu ul li a { color:#656565 }
.all_menu ul li a:hover { color:#e31e20; }
.all_menu ul li:first-child { font-size:17px; color:#000; font-weight:500; border-bottom:1px solid #eaeaea; padding-bottom:10px; }
a:link {text-decoration:none; color:#626262; }
a:visited {text-decoration:none; color:#626262; }
a:active {text-decoration:none; color:#626262; }
a:hover {text-decoration:none; color:black; }
a:link {text-decoration:none; color:#626262; }
a:visited {text-decoration:none; color:#626262; }
a:active {text-decoration:none; color:#626262; }
a:hover {text-decoration:none; color:black; }
a.am:link {text-decoration:none; color:#444444; }
a.am:visited {text-decoration:none; color:#444444; }
a.am:active {text-decoration:none; color:#444444; }
a.am:hover {text-decoration:none; color:#000000; font-weight:bold; }
a.menu_black {text-decoration:none;color:#000000;font-size:16px; font-weight:bold; }
a.menu_black:link{text-decoration:none;color:#000000;font-size:16px; font-weight:bold; }
a.menu_black:visited{text-decoration:none;color:#000000;font-size:16px; font-weight:bold; }
a.menu_black:active{text-decoration:none;color:#ffffff;font-size:16px; font-weight:bold; }
a.menu_black:hover{text-decoration:none;color:#ffffff;font-size:16px; font-weight:bold; }
a.menu_black2 {text-decoration:none;color:#ffffff;font-size:16px; font-weight:bold; }
a.menu_black2:link{text-decoration:none;color:#ffffff;font-size:16px; font-weight:bold; }
a.menu_black2:visited{text-decoration:none;color:#ffffff;font-size:16px; font-weight:bold; }
a.menu_black2:active{text-decoration:none;color:#ffea00;font-size:16px; font-weight:bold; }
a.menu_black2:hover{text-decoration:none;color:#ffea00;font-size:16px; font-weight:bold; }
a.menu_login {text-decoration:none;color:#808080;font-size:12px; }
a.menu_login:link{text-decoration:none;color:#808080;font-size:12px; }
a.menu_login:visited{text-decoration:none;color:#808080;font-size:12px; }
a.menu_login:active{text-decoration:none;color:#000000;font-size:12px; }
a.menu_login:hover{text-decoration:none;color:#000000;font-size:12px; }
a.menu_login2 {text-decoration:none;color:#ffffff;font-size:17px; LETTER-SPACING: -1px;}
a.menu_login2:link{text-decoration:none;color:#ffffff;font-size:17px; LETTER-SPACING: -1px;}
a.menu_login2:visited{text-decoration:none;color:#ffffff;font-size:17px; LETTER-SPACING: -1px;}
a.menu_login2:active{text-decoration:none;color:#ffffff;font-size:17px; LETTER-SPACING: -1px;}
a.menu_login2:hover{text-decoration:none;color:#ffffff;font-size:17px; LETTER-SPACING: -1px;}
a.menu_bmenu {text-decoration:none;color:#4d4d4d; font-size:13px;}
a.menu_bmenu:link{text-decoration:none;color:#4d4d4d; font-size:13px;}
a.menu_bmenu:visited{text-decoration:none;color:#4d4d4d;font-size:13px;}
a.menu_bmenu:active{text-decoration:none;color:#000000;font-size:13px;}
a.menu_bmenu:hover{text-decoration:none;color:#000000;font-size:13px;}
a.menu_popup {text-decoration:none;color:#000000;font-size:14px; }
a.menu_popup:link{text-decoration:none;color:#000000;font-size:14px; }
a.menu_popup:visited{text-decoration:none;color:#000000;font-size:14px; }
a.menu_popup:active{text-decoration:none;color:#ef4e52;font-size:14px; }
a.menu_popup:hover{text-decoration:none;color:#ef4e52;font-size:14px; }
a.p_menu {text-decoration:none;color:#333333;font-size:22px; font-weight:bold; }
a.p_menu:link{text-decoration:none;color:#333333;font-size:22px; font-weight:bold;}
a.p_menu:visited{text-decoration:none;color:#333333;font-size:22px; font-weight:bold;}
a.p_menu:active{text-decoration:none;color:#2e9eeb;font-size:22px; font-weight:bold;}
a.p_menu:hover{text-decoration:none;color:#2e9eeb;font-size:22px; font-weight:bold;}
a.p_menu2 {text-decoration:none;color:#000000;font-size:18px; font-weight:bold; margin: -10px;}
a.p_menu2:link{text-decoration:none;color:#000000;font-size:18px; font-weight:bold; margin: -10px;}
a.p_menu2:visited{text-decoration:none;color:#000000;font-size:18px; font-weight:bold; margin: -10px;}
a.p_menu2:active{text-decoration:none;color:#ef4e52;font-size:18px; font-weight:bold; margin: -10px;}
a.p_menu2:hover{text-decoration:none;color:#ef4e52;font-size:18px; font-weight:bold; margin: -10px;}
a.pv_menu {text-decoration:none;color:#555555;font-size:14px; font-weight:bold; }
a.pv_menu:link{text-decoration:none;color:#555555;font-size:14px; font-weight:bold;}
a.pv_menu:visited{text-decoration:none;color:#555555;font-size:14px; font-weight:bold;}
a.pv_menu:active{text-decoration:none;color:#ffffff;font-size:14px; font-weight:bold;}
a.pv_menu:hover{text-decoration:none;color:#ffffff;font-size:14px; font-weight:bold;}
.p_text {
font-size: 18px;
color:#333333;
}
.p_title {
font-size: 14px;
color:#000000;
}
.m_title {
font-size: 17px;
color:#666;
font-weight: bold;
}
.b_text {
font-size: 12px;
color:#595959;
}
.b_text2 {
font-size: 11px;
color:#595959;
}
.b_title {
font-size: 21px;
color:#000000;
font-weight: bold;
line-height:30px;
}
.c_tel {
font-size: 34px;
color:#2e9eeb;
font-weight: bold;
line-height:35px;
}
.c_text {
font-size: 17px;
color:#221815;
LETTER-SPACING: 0px;
line-height:25px;
}
.c_text2 {
font-size: 14px;
color:#221815;
LETTER-SPACING: 0px;
line-height:16px;
}
.b_bank {
font-size: 25px;
color:#2e9eeb;
font-weight: bold;
line-height:28px;
}
.board_title {
font-size: 17px;
color:#000000;
}
.main_title_k {
font-size: 29px;
color:#3c3c3c;
font-weight: bold;
line-height:30px;
}
.main_title_e {
font-size: 19px;
color:#595757;
font-weight: bold;
line-height:30px;
}
.top_text_01 { font-size: 14px; color:#253a72; margin:0px 10px 0px 0px; }
.top_text_02 { font-size: 14px; color:#ef4e52; margin:0px 0px 0px 0px; font-weight: bold; }
#gtable td { background:#fff; width:16%; text-align:center; font-size:13pt; color:#666 }
#gtable td:hover { background:#2eb0eb; color:#fff; cursor:pointer }
#gtable td.on { background:#2eb0eb; color:#fff; }
.s_box { border:0px solid #ffffff; }
/* .png24 {tmp:expression(setPng24(this));} png파일 투명배경처리*/
.iepngfix { behavior: url(/inc/iepngfix.htc) }
/* doctype html 에서 table 안의 img 하단에 공백생기는 문제. 해당테이블에 클래스 지정 */
.imgv img { vertical-align:top }
#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 { background:#f1f1f1; border-top:0px solid #484848; border-bottom:0px solid #484848; height:45px }
.top_menu_bar span a { color:#636363 }
.top_menu_bar span a.on { color:#000; font-weight:bold }
/* 카테고리별 상단메뉴바의 타이틀명 */
.top_menu_bar_ttl { font-weight:bold; color: #cbcbcb; padding-left:10px}
.top_menu_bar2 { list-style:none; margin:0; padding:0; float:right; border-bottom:4px solid #80b9e6 }
.top_menu_bar2 li { float:left; cursor:pointer; margin:0 5px }
/* 주문페이지 옵션 셀렉트박스 사이즈 */
.option_sel { width:258px; height:31px; border:1px solid #e1e3ea; color:#656565; margin-top:3px; margin-bottom:3px; font-weight:500; border-radius:5px;}
/* 현수막 사이즈 입력폼 print_view7.html */
.input_num1 { width: 70px; border:1px solid #bfbfbf }
/*주문하기 - 공통옵션 타이틀 글자*/
.txt_order_tt2 { padding-left: 0px; color: #0067c6; font-size:15px; 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 }
/*form design*/
.login{font-family:gulim,굴림,tahoma;height:15px;font-size:12px;border:1px solid #cccccc;color:#898989;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;}
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*/
.product_title_02 {color:#000000;font-size:30px;font-family:'NanumGothic'; line-height:30px}
.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; margin-bottom:10px;}
.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_gray {color:#cccccc}
.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: #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;
}
.form_round_start {
background:url(/img/B/common/form_round.jpg) no-repeat 0 0;padding: 30px 0 0 30px;
}
.form_round_end {
background:url(/img/B/common/form_round.jpg) no-repeat 0 -965px;margin-left: -30px;
}
.best { list-style:none; margin:0; padding:0; display:none }
.best li { float:left; margin-right:5px }
.tborder { border:1px solid #ddd }
.vline { width:1px; height:300px; background:#ddd }
.ft { font-weight:bold; color:#333333 }
.kyd_btn{background:url('/admin/img/btn_bg.gif') no-repeat; width:69px;height:25px;margin:0;padding:3px 0 0 0;text-align:center;cursor:pointer;color:#000000;display:block}
/* 디자인 변경 css모음 sub*/
#sub_product{width: 1260px; height: auto; margin: 0 auto;}
/* #sub_product .sub_img{width: 530px; height: 450px; margin: 0 12px 12px 0; float: left;} */
#sub_product .sub_img.a{width: 630px; height: 470px; margin: 0 12px 12px 0; float: left;}
#sub_product .sub_img .prd_img{width: 630px; height: 395px; 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; float: right; border: 1px solid #dddddd; min-height: 470px;}
#sub_product .sub_count.a{width: 650px; height: auto; margin:0 0 12px -30px; float: right; border: 1px solid #dddddd; min-height: 470px;}
#sub_product .sub_order_wrap{width: 1260px; height: auto; margin:0 0 0 0; float: left; border: 1px solid #dddddd; margin-top:30px; margin-bottom:30px;}
#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: 560px; height: auto; float: left; padding: 20px}
#sub_product .sub_order_wrap .sub_order{width: 560px; height: auto; float: left; padding: 20px; position: relative; border-left: 1px solid #dddddd; min-height: 150px;}
#sub_product .sub_order_wrap .sub_order .order_btn{width: 600px; float: left; list-style:none; margin-top:20px; 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;
}
/* 버튼 모음 */
button { cursor:pointer; font-family: 'Noto Sans KR', sans-serif; }
button.webhardgo { width:100px; height:22px; background:#7d7d7d; color:#fff; border:0; font-size:11px; font-weight:400; margin-left:20px; border-radius:5px;}
button.login { font-family: 'Noto Sans KR', sans-serif; width:145px; height:45px; background:#e44849; color:#fff; border:0; font-size:14px; font-weight:500; margin-left:10px; border-radius:5px; }
button.e_cart { width:100px; height:28px; background:#81c50a; color:#fff; border:0; font-weight:700; }
button.e_order { width:100px; height:28px; background:#e44849; 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:#e44849; border:1px solid #fff; border-radius:4px; color:#fff }
button.logout { width:87px; height:26px; background:#e44849; color:#fff; border:0; font-size:12px; font-weight:700; margin-left:5px; border-radius:5px;margin-left:1px;}
button.member-s { width:125px; height:40px; background:#00adee; color:#fff; border:0; font-size:13px; font-weight:700; margin-left:5px; border-radius:5px; }
button.member { width:145px; height:57px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.green { width:145px; height:45px; background:#81c50a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.blue { width:145px; height:45px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.gray { width:145px; height:45px; background:#a4a4a4; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.red { width:145px; height:45px; background:#e44849; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.print { width:145px; height:45px; background:#fcb813; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.upload { width:145px; height:45px; background:#fcb813; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:53px; border-radius:5px;}
button.shopping { width:145px; height:45px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.order { width:145px; height:45px; background:#e44849; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.confirm { width:145px; height:45px; background:#e44849; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.cart { width:145px; height:45px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.cancle { width:145px; height:45px; background:#a4a4a4; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.agree { width:145px; height:45px; background:#e44849; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.close_gray { width:35px; height:17px; background:#a4a4a4; color:#fff; border:0; font-size:5px; font-weight:700; border-radius:5px; }
button.search { width:60px; height:29px; background:#cccccc; color:#fff; border:0; font-size:12px; font-weight:700; border-radius:5px; }
/* 서브 제품 타이틀 */
.subttl { font-size:27px; font-weight:500; margin-bottom:10px; color:#e44849;}
.subttl_1 { font-size:17px; color:#333333; 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;}
/* 우측 퀵메뉴 */
.quick_banner {width: 127px; margin: 100px auto; }
.quick_banner .banner {font-size:15px; font-weight:600; color: #0f5f9f; background: #fff; opacity:1; color: #999; text-align: center; padding:15px 0; border-radius: 20px 0 0 20px; border: solid 1px #e1e1e1; list-style:none; }
.quick_banner .banner li {padding:15px 0; border-bottom: 1px solid #e1e1e1;}
.quick_banner .banner li .tel {font-size:15px; font-weight:600; color: #0f5f9f;}
.quick_banner .banner li:last-child {border-bottom:none;}
.button2 {
border: none;
color: 9e9e9e;
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;
border-radius:20px;
width: 150px;
}
.wt2 {
background-color: #00aced;
margin-left: 40px;
margin-top:15px;
margin-top:25px;
color: white;
border: 0px solid #555555;
}
.wt2:hover {
background-color: #e60013;
color: #ffffff;
}
.wt1 {
background-color: #00aced;
margin-left: 80px;
margin-top:25px;
color: white;
border: 0px solid #555555;
}
.wt1:hover {
background-color: #e60013;
color: #ffffff;
}