@charset "utf-8";
/* ------------------------------------------------------
/* ▶ 01. 레이아웃
/* -----------------------------------------------------*/
#viewport_wrap{ width:100%;min-width:320px;margin:0 auto;position:relative;height:100%;height:100%; }
#viewport{ position:relative;height:100%; }
#viewport .viewport_box{ width:100%;max-width:1248px;margin:0 auto;position:relative;height:100%; }
#layout_wrap{ position:relative;top:0px;/*margin:0 5px;*/height:100%; }
#layout{ position:relative;height:100%; }
#wrap{ position:relative;height:100%; }

#content{ position:relative;width:100%;height:100%;background:#d6d6d6; }
#content .viewport_box{ overflow:hidden; }
#gnb{ display:none;width:100%;position:relative;z-index:5;border-bottom:1px solid #d2d2d2; }
#all_gnb{ width:100%;display:none;position:absolute;left:0px;top:33px;z-index:5; }
#s_category{ position:absolute;top:0px;left:10px;width:161px;height:100%;display:none; }
#s_cate_box{ position:relative;top:19px;height:100%; }
#s_cate_box .wrapper{ position:relative; }
#content_wrap{ height:100%; } 
#quick{ position:absolute;right:0px;top:19px;z-index:2;width:104px;height:100%;padding:0px;margin-left:0px;display:none; }
#quick_box{ height:100%; }
#quick .wrapper{ position:relative; }
#footer_wrap{ width:100%;clear:both;border-top:1px solid #dadada; }
#m_logo img{ width:100%;height:auto; }
#m_logo a{ display:block;width:100%; }
#m_logo{ width:250px;padding-top:4px; }
#m_logo .logo_pc{ display:none; }
#m_top_bar{ position:relative;font-weight:bold;width:100%;height:73px;background:#0c4786; }
#m_list{ top:22px;width:32px; }
#m_backbtn{ top:20px;width:35px; }
#m_category h1 .count, #b_category h1 .count{ display:none; }
#m_category .nav .bg{ display:none; }
.m_category_quick{ border-top:1px solid #b4b4b4;background:#fff; }
.m_category_quick li .li_con{ border-left:1px solid #b4b4b4; }
.m_category_quick li{ border-bottom:1px solid #b4b4b4; }
#bm_menu{ background:rgba(0,0,0,0.8); }
#bm_menu ul li div{ border-left:1px solid #555; }
#bm_menu ul li div a{ padding-top:3px; }
#bm_menu ul li div a img{ width:38px;height:auto; }

#fixed_blog{ position:fixed;right:10px;bottom:25%;cursor:pointer;z-index:102;text-align:center;margin-bottom:-45px; }
#fixed_blog a{ display:inline-block;text-align:center; }
#fixed_blog a div{ text-align:center;background: white;border:1px solid #bbb;border-radius:10px;padding:3px 5px; }
#fixed_blog a div b{ color:green;letter-spacing:-1px; }
#fixed_blog a img{ width:50px; }

/*
.mobile_category_top .txt .title{ color:#fff2c4; }
.ripple_num{ color:#fe2b4c; }
.mobile_category_top{ background:#ff7906; }
.category_tab_btn .active{ color:#ff8706; }
.m_category_quick{ border-top:1px solid #c3a57a;background:#f9f5f0; }
.m_category_quick li .li_con{ border-left:1px solid #c3a57a; }
.m_category_quick li{ border-bottom:1px solid #c3a57a; }
#m_category .depth1_active, #b_category .depth1_active{
	background:#ff4106;
}
#m_category .sub .depth2_active, #b_category .sub .depth2_active{
	background:#efcead;
}
*/
#top_common_menu{ display:none;right:0px;top:28px;z-index:5; }
#top_common_menu ul li{ float:left;padding:0 10px;background:url("/skin/itrap/images/top_common_division.gif") no-repeat left 2px; }
#top_common_menu ul li:first-child{ background:none; }
#top_common_menu ul li a{ color:#fff;font-weight:normal;font-size:14px;font-weight:bold;letter-spacing:0px; }
#top_common_menu ul li a:hover{ text-decoration:underline;color:#00ccff; }
/* ------------------------------------------------------
/* ▶ 02. 상단 메뉴( PC )
/* -----------------------------------------------------*/
#m_category .nav h1 .kor, #b_category .nav h1 .kor{ padding-left:7px; }

/* 대메뉴 */
#gnb .gnb_box{ position:relative; }
#gnb .gnb_box .top_txt{ padding-bottom:18px;padding-left:29px; }
#gnb .gnb_box .gnb_con{ *zoom:1;margin:0 10px;background:url("/skin/itrap/images/gnb_division.gif") repeat-y left top;/*-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;*/ }
#gnb .gnb_box .gnb_con:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#gnb .nav{ float:left;position:relative; }
#gnb .active{ background:#438fd6; }
#gnb .nav h1{ position:relative;background:url("/skin/itrap/images/gnb_division.gif") repeat-y right top;text-align:center; }
#gnb .nav h1 .count{ display:none; }
#gnb .nav h1 .kor{ line-height:23px;display:inline; }
#gnb .nav h1 .kor a{ font-size:16px;font-weight:bold;letter-spacing:-1;color:#444;text-decoration:none;display:block;text-align:center;padding-top:7px;padding-bottom:4px; }
#gnb .nav h1 .kor a:hover, #gnb .nav h1 .kor .over{ color:#0a3970; }
#gnb .nav .sub_con{ display:none;position:absolute;left:0px;top:35px;width:140px;z-index:3; }
#gnb .nav .sub_con .sub_con_box{ background:#469be9;padding-top:1px; }
#gnb .nav .sub{ margin:0px 1px; }
#gnb .nav .sub h2 a{ display:block;padding:9px 7px;padding-left:9px;background:#237bbe;color:#edf3ff;border-bottom:1px solid #1169ac;font-size:15px;font-family: 'NanumBarunGothic'; }
#gnb .nav .sub h2 a:hover, #gnb .nav .sub h2 .over{ text-decoration:none;color:white;background:#1169ac; }
#gnb .nav .bg{ display:none; }

/* 전체메뉴 */
#all_gnb .viewport_box{ /*background:#aaa;*/padding:1px 0px; }
#all_gnb .all_gnb_box{ *zoom:1;margin:0px 1px;padding:0px 9px; }
#all_gnb .all_gnb_box:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#all_gnb .nav{ background:#053368;padding:1px 0px;float:left;width:20%;margin:0px; }
#all_gnb .nav h1{ display:none; }
/*
#all_gnb .nav h1{ background:#f4f4f4;margin:0px 1px;border-bottom:1px solid #c7c7c7;padding:6px 4px;padding-bottom:4px;display:none;  }
#all_gnb .nav h1 .count{ display:none; }
#all_gnb .nav h1 a{ display:block;width:100%;text-align:center;font-size:16px;font-weight:bold;color:#666; }
*/
#all_gnb .nav .sub_con{ background:#053c7b;margin-right:1px;padding-top:10px;padding-bottom:10px; }
#all_gnb .nav .sub_con_active{ background:#053368; }
#all_gnb .nav:first-child .sub_con{ margin-left:1px; }
#all_gnb .nav .sub{  }
#all_gnb .nav .sub h2{ margin-left:22px; }
#all_gnb .nav .sub h2 a{ position:relative;display:block;padding-top:4px;padding-bottom:4px;width:100%;text-align:left;color:#abbfe4;padding-left:14px; }
#all_gnb .nav .sub h2 a:before{ content:"ㆍ";width:1px;height:1px;position:absolute;top:3px;left:0px; }
#all_gnb .nav .sub h2 a:hover, #all_gnb .nav .sub h2 .over{ text-decoration:none; }
#all_gnb .nav .sub_con_active .sub h2 a:hover, #all_gnb .nav .sub_con_active .sub h2 .over{ color:white; }
#all_gnb .nav .sub2_con{ padding-top:4px;padding-bottom:7px; }
#all_gnb .nav .sub2 h3 a{ display:block;width:auto;padding-left:7px;background:url("/images/epump/base/sub2_bullet.gif") no-repeat 0px 6px; }
#all_gnb .nav .sub2 h3 a:hover, #all_gnb .nav .sub2 h3 .sub2_over{ font-weight:bold;color:#2e6eb0;text-decoration:none; }
#all_gnb .allGnbQuickBanner{ background:white;border:1px solid #053c7b; }
#all_gnb .allGnbQuickBanner ul{ *zoom:1; }
#all_gnb .allGnbQuickBanner ul:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#all_gnb .allGnbQuickBanner ul li{ width:20%;float:left;position:relative; }
#all_gnb .allGnbQuickBanner ul li a{ display:block;width:auto;height:70px;border-left:1px solid #e0e0e0;position:relative; }
#all_gnb .allGnbQuickBanner ul li:first-child a{ border-left:none; }
#all_gnb .allGnbQuickBanner ul li a .icon{ position:absolute;left:0px;top:0px; }
#all_gnb .allGnbQuickBanner ul li a:hover{ text-decoration:none; }
#all_gnb .allGnbQuickBanner ul li a .txt{ margin-left:80px;padding-top:14px; }
#all_gnb .allGnbQuickBanner ul li a .txt .title{ font-weight:bold;color:#2e558e;padding-bottom:4px; }
#all_gnb .allGnbQuickBanner ul li a .txt .desc{ color:#888; }

/* 서브메뉴 */
#s_category{ display:none; }
#s_cate_con{ padding-bottom:5px; }
#s_category .nav{ display:none;background:white;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;overflow:hidden; }
#s_category .nav h1{ position:relative;background:#0c457e;height:47px; }
#s_category .nav h1 .kor{ text-align:left;display:inline-block;padding-top:8px;margin-left:14px; }
#s_category .nav h1 .kor a{ font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif;font-size:19px;color:white;text-decoration:none;letter-spacing:0; }
#s_category .nav h1 .eng{ text-align:left;padding-left:3px;padding-top:9px;display:inline-block !important; }
#s_category .nav h1 .eng a{ font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif;font-size:14px;color:#d8e1ea;text-decoration:none;letter-spacing:0; }
#s_category .nav .sub_con{ background:none;margin:0px;border-radius:4px;padding-top:2px;padding-bottom:30px;min-height:200px; }
#s_category .nav .sub{ cursor:pointer;margin:0 5px;border-top:1px solid #e3e3e3; }
#s_category .nav .sub:first-child{ border-top:none; }
#s_category .nav .sub h2{ padding:7px 0;padding-top:9px;padding-left:9px;position:relative;background:url("/skin/itrap/images/sub/sub_bullet.gif") no-repeat 95% 11px; }
#s_category .nav .sub .active{ background-image:url("/skin/itrap/images/sub/sub_bullet_over.gif"); }
#s_category .nav .sub:first-child h2{ border-top:none; }
#s_category .nav .sub h2 .over{ color:#0c457e; }
#s_category .nav .sub h2 .span_over{ color:#ff0047; }
#s_category .nav .sub a{ font-size:15px;color:#666;font-weight:bold;text-decoration:none;display:block;width:auto; }
#s_category .nav .sub .sub2_con{ padding-top:9px;padding-bottom:9px;display:none; }
#s_category .nav .sub .sub2{ display:none;padding-left:28px;background:url("/skin/itrap/images/sub/sub2_bullet.gif") no-repeat 16px 8px; }
#s_category .nav .sub .sub2 h3{ padding:3px 0; }
#s_category .nav .sub .sub2 h3 a{ font-size:14px;color:#555;font-weight:bold;letter-spacing:1px; }
#s_category .nav .sub .sub2 h3 .sub2_over{ font-weight:bold;color:#2e6eb0;text-decoration:underline; }

/* 고객센터 */
#l_customer{ width:100%;display:none;padding-bottom:7px; }
#l_customer .l_customer_box{ 
	position:relative;background:white;width:100%;padding-bottom:8px; 
	-moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
#l_customer .l_customer_box .header{ width:90%;height:70px;margin:0 auto;border-bottom:1px solid #cecece;position:relative; }
#l_customer .l_customer_box .header .icon{ position:absolute;left:0px;top:10px;width:62px; }
#l_customer .l_customer_box .header .title{ 
	position:absolute;left:71px;top:15px;color:#2b4a6a;letter-spacing:-0.5px;text-align:center;font-weight:bold;font-size:16px; font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif;
}
#l_customer .l_customer_box .header .sub_title{ position:absolute;left:71px;top:36px;font-size:14px;letter-spacing:-0.5px;font-weight:bold;color:#343434;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif; }
#l_customer .l_customer_box .tel_num{ width:87%;margin:0 auto;padding-top:3px;padding-bottom:8px; }
#l_customer .l_customer_box .tel_num .tel a{ font-family:"tahoma";font-weight:bold;font-size:33px;color:#2b4a6a;display:block;width:100%;text-align:center; }
#l_customer .l_customer_box .tel_num .tel a:hover{ text-decoration:none; }
#l_customer .l_customer_box .tel_num .fax{ margin-left:8px;text-align:left;font-family:"NanumBarunGothic";font-weight:bold;color:#2a3990;font-size:14px; }
#l_customer .l_customer_box .working_hours{ width:90%;margin:0 auto;background:#f2f4fa; }
#l_customer .l_customer_box .working_hours .w_txt{ margin:0px 5px;padding:8px 0px;padding-bottom:7px;font-size:13px;letter-spacing:0px;color:#343434;font-weight:bold; }
#l_customer .l_customer_box .w_txt div{ position:relative;line-height:22px;padding-left:10px;background:url("/skin/itrap/images/main/customer_bullet.gif") no-repeat 2px center; }
#l_customer .l_customer_box .w_txt div span{ padding-left:6px;color:#666; }
#l_customer .l_customer_box .w_txt div b{ color:#ff4800; }
#l_customer .l_customer_box .custom_txt{ margin:0 10px;background:#f2f4fa; }
#l_customer .l_customer_box .custom_txt div{ margin:0px 10px;padding:5px 0px;color:#343434;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif;font-size:14px;letter-spacing:-0.5px;text-align:center; }
#l_customer .l_customer_box .custom_txt b{ color:#ff4c06;font-weight:bold; }
/* ------------------------------------------------------
/* ▶ 03. 컨텐츠
/* -----------------------------------------------------*/


/* ------------------------------------------------------
/* ▶ 04. 우측 퀵메뉴
/* -----------------------------------------------------*/
/* 우측 퀵메뉴 */
#quick{ width:98px !important; }
#quick_box{ width:auto;height:100%;margin:0px;padding:0px;position:relative; }
#quick .open_btn{ cursor:pointer;position:absolute;left:-25px;top:0px;width:25px;display:none; }
#quick ul{ border:none;background:#f7f7f7;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#quick li{ float:none;width:auto;margin:0px;border:none; }
#quick li .box{ border:none; }
#quick li:first-child{ width:auto;margin-left:0px;padding-top:11px; }
#quick li:first-child .box{ border-left:none; }
#quick .last{ width:auto;margin-right:0px; }
#quick .txt{ padding:11px 0px; font-size:13px;color:#666;letter-spacing:0px;font-weight:bold;width:100%;text-align:center; }
#quick .img{ width:78px;margin:0 auto;background:white;border:1px solid #b4b4b4;-moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; }
#quick .img img{width:100%;padding-top:0px; }
#quick .img a{ width:100%;display:block; }
#quick .top_btn{ padding-top:7px; }
/* ------------------------------------------------------
/* ▶ 05. 하단 정보
/* -----------------------------------------------------*/
#footer_wrap{ border-top:none;background:#21252d; }
#footer{  }
#footer_box{ margin:0px;padding-top:15px;padding-bottom:15px;position:relative; }
#f_menu{ padding-left:10px; }
#f_menu ul{ *zoom:1; }
#f_menu ul:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#f_menu li{ float:left;padding:0 13px;background:url("/images/epump/base/f_menu_division.gif") no-repeat left center; }
#f_menu li:first-child{ padding-left:0px;background:none; }
#f_menu li a{ color:white; }
#f_menu a{ color:#a3b2bf;font-weight:bold;font-size:14px; }
#f_menu a:hover{ text-decoration:underline; }
#footer_top_btn{ width:45px;height:45px;position:absolute;right:10px;top:10px;cursor:pointer; }
#footer_top_btn img{ width:100%;height:auto; }
#f_info{ clear:both;padding-top:15px;padding-left:4px; }
#f_info ul{ *zoom:1;#padding:0 10px; }
#f_info ul:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#f_info ul li{ float:left;#float:none;#display:inline;padding:1px 10px;#padding:0px;#padding-right:7px;font-size:14px;color:#a0abb4; }
#f_info ul li span{ display:block; }
#f_info, #f_info a{ color:#a0abb4; }
#f_info a:hover{ text-decoration:underline; }