/***********************************************
 공통

@font-face {
font-family:NanumGothic;
src: url(/inc/fonts/NanumGothic.eot);
src: local("나눔 고딕"), url(/inc/fonts/NanumGothic.woff) format("woff");
}
body { margin:0; padding:0 }
body,td,div,p,input,select,textarea,li { font-size:9pt; font-family: NanumGothic, gilim;  }
a:link {text-decoration:none; color:#000; }
a:visited {text-decoration:none; color:#000; }
a:active {text-decoration:none; color:#000; }
a:hover {text-decoration:none; color:#626262; }
select, textarea { border:1px solid #e1e3ea; }
img { border:0 }
.input { border:1px solid #e1e3ea; }
.imgv img { vertical-align:top }
.textarea{border:1px solid #e1e3ea;}
***********************************************/


/* common */
/*
@font-face {
font-family:NanumGothic;
src: url(/inc/fonts/NanumGothic.eot);
src: local("나눔 고딕"), url(/inc/fonts/NanumGothic.woff) format("woff");
}
*/


@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body { margin: 0px; padding: 0px; background-color: #fff;  }
body,td {font-size:10pt; font-family: 'NanumBarunGothic', sans-serif; color:#626262; LETTER-SPACING: 0px; line-height:21px;}
div, font, p, option, select, input, textarea {font-family: 'NanumBarunGothic';}
img { border:none; }
form { margin:0px; }
.textarea{border:1px solid #c4c4c4;}
.input { border:1px solid #c4c4c4; }
.imgv img { vertical-align:top }

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;  }
a.menu_black:link{text-decoration:none;color:#000000;font-size:16px;  }
a.menu_black:visited{text-decoration:none;color:#000000;font-size:16px; }
a.menu_black:active{text-decoration:none;color:#2eb0eb;font-size:16px; }
a.menu_black:hover{text-decoration:none;color:#2eb0eb;font-size:16px; }


a.menu_login {text-decoration:none;color:#badcf6;font-size:15px;  LETTER-SPACING: -1px;}
a.menu_login:link{text-decoration:none;color:#badcf6;font-size:15px;LETTER-SPACING: -1px; }
a.menu_login:visited{text-decoration:none;color:#badcf6;font-size:15px; LETTER-SPACING: -1px;}
a.menu_login:active{text-decoration:none;color:#ffffff;font-size:15px; LETTER-SPACING: -1px;}
a.menu_login:hover{text-decoration:none;color:#ffffff;font-size:15px; LETTER-SPACING: -1px;}


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:#545454;font-size:15px;}
a.menu_bmenu:link{text-decoration:none;color:#545454;font-size:15px;}
a.menu_bmenu:visited{text-decoration:none;color:#545454;font-size:15px;}
a.menu_bmenu:active{text-decoration:none;color:#000000;font-size:15px;}
a.menu_bmenu:hover{text-decoration:none;color:#000000;font-size:15px;}


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: 14px;
	color:#5a5a5a;
}

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


/***********************************************
 레이아웃 
***********************************************/
/* 상단 */
#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 }
#main_banner {width: 100%; min-width: 1200px; height: 520px; background: transparent; overflow: hidden;}
#main_banner .main_event{ height: 520px; width: 1920px; margin: 0 auto; background: #ffffff; position: relative; left: 50%; margin-left: -960px;}


/* 메인이벤트 */
.slidesjs-pagination {
  position:relative;
  z-Index:150;
  margin: -30px 47.5% 0 0; 
  float: right;
  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
}

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

/* 메인 게시판 출력 */
#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;  }

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

/***********************************************
 인트로 페이지
***********************************************/
/* 카테고리별 하위메뉴 바 */
.sub_menu_bar { background:#f3f3f5; border-top:1px solid #d0d0d2; border-bottom:1px solid #d0d0d2; height:42px }
.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:#5b5b5b; }
.prd_left a:visited {text-decoration:none; color:#5b5b5b; }
.prd_left a:active {text-decoration:none; color:#9e9e9e; }
.prd_left a:hover {text-decoration:none; color:#999999; }
.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 } 
*/

.product_intro .intro2 { width:500px; margin:5px 0; padding:0; list-style:none; clear:both; display:inline-block; }
.product_intro .intro2 li { float:left; margin-left:5px; width:75px; display:inline-block; }
.product_intro .intro2 li:first-child { margin-left:2px }
.product_intro .intro2 li img { width:100%; }


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

/***********************************************
  주문폼 
************************************************/
/* 주문폼 셀렉트박스 */
.option_sel { height:33px; border:1px solid #cccccc; color:#666666; padding:3px 3px 3px 3px;  LETTER-SPACING: 0px; width:230px  }

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

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

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

/* 금액 */
.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:3px solid #f26d7d; border-bottom:3px solid #f26d7d; height:39px }
/* 카테고리별 상단메뉴바의 타이틀명 */
.top_menu_bar_ttl { font-weight:bold; color: #fff; padding-left:10px}

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

.sample_sub_cate { /*중분류 테이블*/
    margin-left: 105px;
}
.sample_sub_cate a { /*중분류 링크*/
    display: block;
    width: 125px;
    height: 22px;
    color: #4E4E4E;
    text-decoration: none;
    text-indent: 5px;
    text-transform: none;
	
    padding-top: 0px;
}
.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: #2e9eeb;
}
.sample_sub_cate a.on_cate2 { /*중분류 활성화*/
    Xcolor: #f60;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0px;
    background-color: #2e9eeb;
}

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

.state1 { color:#fff; background:#aaaaaa; padding:5px; width:55px; display:block; text-align:center }
.state2 { color:#fff; background:#ffcd04; padding:5px; width:55px; display:block; text-align:center }
.state3 { color:#fff; background:#f68121; padding:5px; width:55px; display:block; text-align:center }
.state4 { color:#fff; background:#4397ed; padding:5px; width:55px; display:block; text-align:center }
.state5 { color:#fff; background:#ee1d23; padding:5px; width:55px; display:block; text-align:center }
.state6 { color:#fff; background:#8ec63f; padding:5px; width:55px; display:block; text-align:center }
.state7 { color:#fff; background:#f68121; padding:5px; width:55px; display:block; text-align:center }
.state8 { color:#fff; background:#f68121; padding:5px; width:55px; display:block; text-align:center }
.state9 { color:#fff; background:#aaaaaa; padding:5px; width:55px; display:block; text-align:center }
.state10 { color:#fff; background:#aaaaaa; padding:5px; width:55px; display:block; text-align:center }

.portfolio { padding:0; margin:0; list-style:none; overflow:hidden; display:inline-block }
.portfolio li { float:left; margin:12px 0 0 12px; width:190px; height:190px; }
.portfolio li img { width:100% }

.ho { color:#000 }
.ho:hover { color:#626262;}
.ho:hover a { color:#626262;}
.ho a { width:100%; display:block; color:#000 }

.print_view_table td { color:#000 }
.print_view_table td select { color:#000 }