@charset "euc-kr";
/* CSS Document */

div, ul, ol, li, dl, dt, dd, form, fieldset, select, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe{ margin:0; padding:0; }
img { border:0; }
li { list-style:none; }
button { background:transparent; cursor:pointer; vertical-align:middle; border:none; margin:0; }

legend, caption, hr { display:none; }

a:link { text-decoration:none; color:#666;}
a:visited { text-decoration:none;  color:#666;}
a:hover { text-decoration:none;  color:#666;}
a:active { text-decoration:none;   color:#666;}

#top_wrap { width:980px; margin:0 auto; height:134px; }
.top_logo { height:92px; background:url(../img/top/top_logo_bg.gif) no-repeat; position:relative; }
.top_logo h1 { position:absolute; left:10px; top:18px; }
.top_gnb { position:absolute; right:8px; top:10px; }
.top_gnb li { display:inline; }
.top_navi { height:42px; }
.top_navi ul { width:980px; overflow:hidden; }
.top_navi li { float:left; }

#mh_wrap{border-bottom:3px solid #c2c2cd;}
#subContainer { width:1025px; margin:0 auto;padding-top:48px;min-height:960px; }
#subContainer:after { display:block; clear:both; content:''; }
.category_left { width:230px; float:left; }
.main_cont { margin:0 0 0 10px; width:770px; float:left; }
.sub_cont { margin:0 0 0 30px; width:750px; float:right; padding:0 0 60px; }

.loginbox span { margin:0 0 10px; }
.loginbox { font-size:11px; margin:11px 0 8px; padding:8px 8px 0px; border:1px solid #d6d6d6;  height:102px; }

.quick_icon { border:1px solid #b1b1b1;background:url("../img/sub/quick_menu_bg.png") repeat-x left top;}
.quick_icon ul:after{content:"";display:block;clear:both;}
.quick_icon ul li{float:left;text-align:center;}

.category_wrap h4 {  }
.category_list { border:4px solid #86bd4b;margin-bottom:5px;}
.category_list li { text-align:center;}
.category_list li a {box-sizing:border-box;position:relative;display:inline-block;border-bottom:1px solid #e1e1e1;transition:all 0.4s ease-in-out}
.category_list li a.active {border:5px double #188888;}
.category_list li a:after{position:absolute;right:6px;top:50%;width:9px;height:15px;margin-top:-8px;background:url('../img/sub/category_arrow_off.png') no-repeat;content:"";display:block;}
.category_list li a:hover:after,.category_list li a.active:after{background:url('../img/sub/category_arrow_on.png') no-repeat;}


.category_list li {overflow:hidden}
.category_list li a:before {
  content: '';
  width: 100%;
  height: 3px;
  background: #188888;
  transform: translate3d(-250%, 0, 0);
  display: block;
  transition: 0.3s;
  position: absolute;
  opacity: 1;
  bottom: -2px;
  z-index: 10;
}

.category_list li a:hover:before {
  transform: translate3d(0, 0, 0);
  display: block;
  position: absolute;
  opacity: 1;
}



.left_banners { margin:5px 0 0 ; }
.left_banners li { margin:5px 0 0 ; }
.subleft_banners { margin:5px 0 0 ; }
.left_special_bn { margin:10px 0 0; }


/* main */
.mainbn01 { margin:10px 0 0;} 
.mainbn02 { margin:10px 0 0;} 
.main_board_wrap { margin:10px 0 0 ;}

.main_board_list th { border-bottom:1px solid #dbdbdb; color:#555555; text-align:left; padding:0 0 0 6px;  }
.main_board_list td { border-bottom:1px solid #dbdbdb; color:#555555; }
.main_board_list td.board_date { font-size:11px; color:#555555; text-align:right; }

.best_sample { margin:13px 0 0 ;}
.bestsample_box { border:1px solid #cacaca; height:290px; border-top:none; margin:0px 0 4px; background:#ffffff; padding:5px 0 0px; }
h4.best_title { margin:0px 8px 8px; }
.bestsample_box ul { overflow:hidden; }
.bestsample_box li { float:left; width:182px; margin:8px 0 13px 8px; cursor:pointer; }
.bestsample_box li p img:hover { border:2px solid #fa91c8; }
.bestsample_box li p { margin:4px 0 6px }
.bestsample_box li p img { border:2px solid #eee; }
.bestsample_box li strong { display:block; width:182px; text-align:center; }


.bestsample_box2 { border:1px solid #fa91c8; margin:5px 0 0; background:#fafafa; padding:10px 0 8px 10px; }
.bestsample_box2 h4 { margin:16px 8px 0px; }
.bestsample_box2 ul { overflow:hidden; }
.bestsample_box2 li { float:left; width:226px; margin:8px 0 13px 8px; cursor:pointer; }
.bestsample_box2 li p img:hover { border:2px solid #fa91c8; }
.bestsample_box2 li p { margin:4px 0 6px }
.bestsample_box2 li p img { border:2px solid #eee; }
.bestsample_box2 li strong { display:block; width:226px; text-align:center; }

/* best tab */

.main_best_tab { overflow:hidden; height:30px; background:url(../img/btn/best_tab_line.gif) repeat-x;  }
.main_best_tab li { float:left; height:20px; text-align:center; font-size:11px; padding:10px 0 0; cursor:pointer  }
.best_tab_off { width:96px;  background:url(../img/btn/main_best_tab.gif) 0px 0px no-repeat;  color:#333; }
.best_tab_on { width:96px;  background:url(../img/btn/main_best_tab.gif) 0px -30px no-repeat;  font-weight:bold;}
.best_tab_off_end { width:97px;  background:url(../img/btn/main_best_tab.gif) 0px 0px no-repeat;color:#333; }
.best_tab_on_end { width:97px;  background:url(../img/btn/main_best_tab.gif) 0px -30px no-repeat;  font-weight:bold;}

/* sub */
.sub_cont h3.sub_title { margin:15px 0 15px 0;}
.sub_cont h3.sub_title strong{font-weight:bold;font-size:29px;color:#333;line-height:150%;}
.sub_cont h3.sub_title span{font-size:13px;color:#7c7b7b;font-weight:bold;}

.comm_tab_wrap { height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; overflow:hidden; font-size:11px;  border-bottom:1px solid #7f8486;}
.comm_tab_wrap li { float:left; height:34px; line-height:34px; text-align:center;  }
.comm_tab { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; }
.comm_tab_end  { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; }
.comm_tab_on { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat;  color:#fff; font-weight:bold;}
.comm_tab_end_on  { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#fff;  font-weight:bold; }

.comm_tab_wrap2 { height:34px; overflow:hidden; font-size:11px;  border-bottom:1px solid #7f8486;}
.comm_tab_wrap2 li { float:left;height:34px; line-height:34px; text-align:center;width: 12.5%!important;background-size: 100%;}
.comm_tab_wrap2 li a {display: block;}
.comm_tab2 { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c;}
.comm_tab_end2  { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; }
.comm_tab_on2 { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -38px no-repeat;  color:#fff; font-weight:bold;}
.comm_tab_end_on2  { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -38px no-repeat; color:#fff;  font-weight:bold; }

.comm_tab_on2 a, .comm_tab_end_on2 a{color:#fff!important;}


.comm_tab2  a:hover { color:#000; text-decoration:none; }
.comm_tab_end2  a:hover { color:#000; text-decoration:none; }
.comm_tab_on2 a:link { color:#fff; text-decoration:none; }
.comm_tab_end_on2 a:link { color:#fff; text-decoration:none; }
.comm_tab_on2 a:visited { color:#fff; text-decoration:none; }
.comm_tab_on_end2 a:visited { color:#fff; text-decoration:none; }
.comm_tab_on2 a:hover { color:#fff; text-decoration:none; }
.comm_tab_end_on2 a:hover { color:#fff; text-decoration:none; }

.kind_tab_wrap { width:750px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; }
.kind_tab_wrap li { float:left; height:34px; }
.kind_tab01 { width:112px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) 0 0px no-repeat; }
.kind_tab01.on { background:url(../img/sub/namecard_tab.gif) 0 -34px no-repeat; }
.kind_tab02 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -112px 0px no-repeat; }
.kind_tab02.on { background:url(../img/sub/namecard_tab.gif) -112px -34px no-repeat; }
.kind_tab03 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -223px 0px no-repeat; }
.kind_tab03.on { background:url(../img/sub/namecard_tab.gif) -223px -34px no-repeat; }
.kind_tab04 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -334px 0px no-repeat; }
.kind_tab04.on { background:url(../img/sub/namecard_tab.gif) -334px -34px no-repeat; }
.kind_tab05 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -445px 0px no-repeat; }
.kind_tab05.on { background:url(../img/sub/namecard_tab.gif) -445px -34px no-repeat; }

.tab_category { clear:left; /* border-bottom:1px solid #7f8486; */padding:15px 15px 10px; height:20px; }
.tab_category li { float:left;display:inline-block; background:url(../img/comm/set_blt.gif) 0 -23px no-repeat; padding:0 10px 0 17px;  }

.mypage_tab_wrap { width:750px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; }
.mypage_tab_wrap li { float:left; height:34px; }
.mypage_tab_wrap li a{display:block;height:34px;text-indent:-9999em;overflow:hidden;}
.mypage_tab01 a{ width:112px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) 0 0px no-repeat; }
.mypage_tab01.on a{ background:url(../img/sub/mypage_tab.gif) 0 -34px no-repeat; }
.mypage_tab02 a{ width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -112px 0px no-repeat; }
.mypage_tab02.on a{ background:url(../img/sub/mypage_tab.gif) -112px -34px no-repeat; }
.mypage_tab03 a{ width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -223px 0px no-repeat; }
.mypage_tab03.on a{ background:url(../img/sub/mypage_tab.gif) -223px -34px no-repeat; }
.mypage_tab04 a{ width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -334px 0px no-repeat; }
.mypage_tab04.on a{ background:url(../img/sub/mypage_tab.gif) -334px -34px no-repeat; }
.mypage_tab05 a{ width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -444px 0px no-repeat; }
.mypage_tab05.on a{ background:url(../img/sub/mypage_tab.gif) -444px -34px no-repeat; }
.mypage_tab06 a{ width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -556px 0px no-repeat; }
.mypage_tab06.on a{ background:url(../img/sub/mypage_tab.gif) -556px -34px no-repeat; }

.cs_tab_wrap { width:750px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; margin:15px 0 0;}
.cs_tab_wrap li { float:left; height:34px; }
.cs_tab01 { width:112px; cursor:pointer; background:url(../img/sub/cs_tab.gif) 0 0px no-repeat; }
.cs_tab01.on { background:url(../img/sub/cs_tab.gif) 0 -34px no-repeat; }
.cs_tab02 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -112px 0px no-repeat; }
.cs_tab02.on { background:url(../img/sub/cs_tab.gif) -112px -34px no-repeat; }
.cs_tab03 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -223px 0px no-repeat; }
.cs_tab03.on { background:url(../img/sub/cs_tab.gif) -223px -34px no-repeat; }
.cs_tab04 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -334px 0px no-repeat; }
.cs_tab04.on { background:url(../img/sub/cs_tab.gif) -334px -34px no-repeat; }
.cs_tab05 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -445px 0px no-repeat; }
.cs_tab05.on { background:url(../img/sub/cs_tab.gif) -445px -34px no-repeat; }
.cswrap { margin:20px 0 0 ; }

.sub_loginbox { width:370px; height:130px; background:url(../img/sub/memberlogin_bg.png) no-repeat; padding:46px 0 0 380px;}

.sub_detail_box { margin:20px 0 0 ; }

.detail_box { border:2px solid #d2d2d2; margin:5px 0 0;  }
.detail_inside01 { padding:20px; color:#333; min-height:134px;height:auto; }
.detail_inside01 select { font-size:12px; }
.detail_inside02 { padding:10px 25px 20px}
.detail_inside03 { padding:10px 5px; min-height:63px; }
.detail_border01 { border:1px solid #d6d6d6; background:#dfdfdf; width:328px; height:157px; }

.detail_border02 { border:1px solid #d6d6d6; background:#dfdfdf; width:450px; height:220px;}

.btn_design_sample { line-height:140px; }

.amount_wrap { background:url(../img/sub/amount_bg.gif) no-repeat; width:260px; height:84px; padding:46px 15px 20px; }
.amount_wrap th { text-align:left; color:#fff; }
.amount_wrap td.amount_tdbg { background:url(../img/sub/amount_td_bg.gif) no-repeat; }
 
.text01 { font-size:11px; color:#999; margin:0 7px 0; font-weight:normal; }
.text02 { font-size:11px; color:#666; font-weight:normal; }
.text03 { font-size:11px; color:#0000ff; font-weight:bold; }
.5mbtext { padding:0 30px 0;}

h4.h4title1 { background:url(../img/comm/set_blt.gif) 0 -5px no-repeat; padding:0 0 0 20px; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.mgt_10 { margin:10px 0 0; }

.sub_detail_box input { font-size:12px; }
.after_design td { color:#666; border-bottom:1px dotted #CCC; }


#footer_wrap { clear:left; text-align:center;}
#footer_wrap li { display:inline; }
.footer_info { margin:10px 0 0; padding:0px 0 0; }
.footer_info img { border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:3px solid #e2348f; }
.footer_menu { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px 0 7px; }

.designcategory { overflow:hidden; padding:0px 20px 10px 30px; border:1px solid #666;  margin:0 0 15px;   }
.designcategory.list_01{margin-bottom:0;border-bottom:0;}
.designcategory li { float:left; width:140px; text-align:left; height:16px;  background:url(../img/comm/set_blt.gif) 0 -24px no-repeat; padding:0 10px 0 18px; margin:10px 0 0; cursor:pointer;  }

.samplecategory_title { background:#666; color:#fff; padding:8px 0 8px 20px; font-size:15px; font-weight:bold;  }
.samplecategory_title2 { background:#b0b0b0; color:#fff; padding:6px 0 6px 20px; font-size:11px; font-weight:bold;  }
.page_location {text-align: right;margin-bottom: 10px;}
.page_location a {display: inline-block;}

.sample_view_wrap { margin:20px 0 20px; }
.sample_view_img img { border:1px solid #ccc; cursor:pointer; }
.sample_view_img:hover img { border:1px solid #000; }
.sample_preview_list { overflow:hidden; width:759px;}
.sample_preview_list li { float:left; width:244px;cursor:pointer;margin-right:9px;margin-bottom:9px;}
.sample_preview_list li p{border:1px solid #ddd;}
.sample_preview_list li p img { width:242px;height:242px;}
.sample_preview_list li:hover p { border:1px solid #000;}
.sample_preview_list li span { width:100%; text-align:center; display:block; margin:8px 0 8px; }

.paginate_complex{padding:15px 0;line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ff8600}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0d;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

.pop_designsample_category { overflow:hidden; padding:0px 20px 10px 30px; border:1px solid #b0b0b0;  margin:0 0 15px; font-size:11px;   }
.pop_designsample_category li { float:left; width:140px; text-align:left; height:12px; color:#666; background:url(../img/comm/set_blt.gif) 0 -42px no-repeat; padding:0 10px 0 16px; margin:12px 0 0; cursor:pointer;  }


/* »óÇ°ÁÖ¹® */
.order_form td.tit {text-align:left; font-size:9pt; font-family:Dotum; padding-top:3px; padding-bottom:2px; font-weight:bold; right no-repeat; font-weight:bold; border-right:1px solid #d7d7d7; background-color:#fafaf9; color:#707070; padding-left:10px;}
.order_form td.val {text-align:left; padding-left:10px;}


/* file */
.box { position:absolute; left:240px; top:1px; z-index:100; width:45px; height:22px; overflow:hidden; }  /* width°ú height´Â ¹öÆ° »çÀÌÁî */
.box .hide { width:200px; height:100px; margin-top:-50px; margin-left:-150px; filter:alpha(opacity=0); -moz-opacity:0; cursor:pointer; }
.btn { position:absolute; left:240px; top:1px; z-index:10; }

/* side quick */
.side_quick_wrap { width:94px; text-align:center;  position:absolute; top:142px; left:500px; margin-left:50%; }
.side_quick_wrap ul { padding:5px; border:1px solid #d2d2d2; }
.side_quick_wrap li { border-bottom:1px solid #d2d2d2; }
.side_quick_wrap .quicklast { border-bottom:none; }
.quick_bn { margin:5px 0 0; border:1px solid #d2d2d2; }
.quick_top { padding:10px 0 0;}

/* sian pop */
.sian_pop_top_title { background:url(../img/pop/sian_top_bg.gif)  }
.sian_pop_wrap {height:100px;overflow:auto; padding:20px; background:#fff; font-size:12px;}
.sian_pop_wrap2 {height:80px;overflow:auto; padding:20px; background:#fff; font-size:12px;}
.comment_sian { border-top:1px solid #ddd;  }
.comment_sian td { border-bottom:1px solid #ddd; padding-left:5px;  }
.comment_sian th { border-bottom:1px solid #ddd; padding-left:5px;  }
.comment_sian th { background:#f1f1f1; }
 
/* bank */
.white_content { 
            display: none; 
            position: absolute; 
            top: 20px; 
            left: 100px; 
            width: 400px; 
            height: 140px; 
            padding: 16px; 
            border: 2px solid #666; 
            background-color: white; 
            z-index:1002; 
            overflow: auto; 
        } 
.popup_close { text-align:right; display:block; padding:2px 0 0; }



.loc-cont{width:640px;}
.loc-cont .imgMap{margin-bottom:12px;}
.loc-cont .loc_txt{width:100%;}
.loc-cont .loc_txt th{text-align:left;font-size:16px;font-weight:bold;vertical-align:top;padding:12px 0;color:#242424;}
.loc-cont .loc_txt th img{vertical-align:middle;margin-top:-2px;}
.loc-cont .loc_txt td{padding:12px 0;}
.loc-cont .loc_txt td > strong{font-size:15px;color:#242424;display:block;line-height:28px;}
.loc-cont .loc_txt td .busList{border:1px solid #ddd;padding:18px;margin-top:10px;}
.loc-cont .loc_txt td .busList li{padding:8px 0;}
.loc-cont .loc_txt td .busList li:after{content:"";display:block;clear:both;}
.loc-cont .loc_txt td .busList li p{float:left;width:260px;font-size:13px;color:#484848;}
.loc-cont .loc_txt td .busList li .busNum{float:left;}
.loc-cont .loc_txt td .busList li .bBox{display:inline-block;width:36px;height:20px;text-align:center;line-height:20px;border-radius:1px;font-size:12px;color:#fff;}
.loc-cont .loc_txt td .busList li .bBox.cGreen{background-color:#48922d;}
.loc-cont .loc_txt td .busList li .bBox.cBlue{background-color:#395cb3;}
.loc-cont .loc_txt td .busList li .bBox.cSky{background-color:#70b0e0;}

.partner-cont{width:640px;}
.partner-cont .topImg{border:1px solid #ddd;margin-bottom:40px;}
.partner-cont .equipment .eq-tit{font-size:21px;line-height:38px;font-weight:bold;margin-bottom:8px;}
.partner-cont .equipment .eq-list:after{content:"";display:block;clear:both;}
.partner-cont .equipment .eq-list{width:657px;margin-bottom:42px;}
.partner-cont .equipment .eq-list li{float:left;width:202px;margin-right:17px;margin-bottom:17px;}
.partner-cont .equipment .eq-list li a{border:1px solid #ddd;}
.partner-cont .equipment .eq-list li strong{text-align:center;display:block;line-height:38px;color:#868686;font-size:14px;}
.partner-cont .equipment .eq-table{width:100%;border-top:2px solid #7c7c7c;}
.partner-cont .equipment .eq-table tr th{line-height:48px;background-color:#f3fcfc;color:#3d3d3d;font-size:14px;}
.partner-cont .equipment .eq-table thead tr th.first{background-color:#dff7f7;font-size:15px;}
.partner-cont .equipment .eq-table thead tr th.last{border-right:0;}
.partner-cont .equipment .eq-table thead tr th{border-bottom:1px solid #c4c4c4;border-right:1px solid #c4c4c4;}
.partner-cont .equipment .eq-table tbody tr th{border-bottom:1px solid #c4c4c4;border-right:1px solid #c4c4c4;}
.partner-cont .equipment .eq-table tbody tr td{border-bottom:1px solid #c4c4c4;font-size:14px;}