@charset "utf-8";
/* CSS Document */

/*board*/ 
.table_wrap{border-top:2px solid #555;border-bottom:1px solid #333;}
.table_wrap .no_con{ padding:150px 0 150px 0; text-align:center; font-family:notokrB, sans-serif; color:#333;}

.table_wrap .tit{border-bottom:1px solid #999; padding:10px 0; color:#333; background:#fff;}
.table_wrap .tit strong{ display:block; font-family:notokrB, sans-serif;}
.board_write .tit{border-top:1px solid #6894be; border-bottom:none; text-align:left; padding-left:20px; background-color:#2766a2;}
.board_write tr:first-child .tit{ border-top:none}
.board_view .title{ text-align:left; border-bottom:none; background:none;}
.board_view .title strong{ font-size:14px; color:#333;}
.board_view .tit{ text-align:left;}
.board_view .tit strong{ font-size:13px; color:#333;}

.table_wrap table{width:100%;table-layout:fixed;}
.table_wrap td{ padding:12px 10px; color:#777777; line-height:1.3; border-top:1px solid #dddddd; background:#fff}
.table_wrap tr:first-child td{ border-top:none}

.board_write td{ padding:7px 10px;}
.board_write td.pd{ padding:15px 10px;}
.board_write td span.table_in_txt{ font-size:12px; margin-left:10px;}
.board_write td p{ margin-top:4px;}
.board_write .id_font_st{ color:#0f75bc; font-size:14px; font-family:notokrB, sans-serif;}
.board_write .smarteditor{ padding:15px 0; border-top:1px solid #999;}


.board_list td{ text-align:center}
.board_list td.tt{ text-align:left; }
.board_list td.tt p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_list td.tt a{color:#444;}
/*.board_list td.tt a:hover{ color:#0774bd;}*/

.board_list tr:hover td{ background:#f9f9f9}

.board_list .notice td{ background:#fff; color:#333; font-family:notokrB, sans-serif; border-bottom:1px solid #999}
.board_list .notice td a{ color:#333; font-family:notokrB, sans-serif;}
.board_list .notice:hover td{ background:#f3f6fa}

.board_list .reply td{ background:#fcfcfc;}
.board_list .reply td a{}
.board_list .reply:hover td{ background:#f5f5f5}

.board_list .icon_secret{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:5px;}

/*icon*/
.board_list .icon{ border-radius:3px; display:inline-block; *display:inline; zoom:1; padding:3px 6px; font-size:82%; vertical-align:middle; border:none;}
.board_list .icon.notice{background:#6b97be;color:#fff}
.board_list .icon.reply{background:#eee; border:1px solid #ccc; color:#444; font-family:notokrB, sans-serif;; margin-right:8px;}
.board_list .icon.del{background:#dc3a32;color:#fff; cursor:pointer}

.board_list tr:hover .icon.reply{ background:#777; border:1px solid #777; color:#fff;}

/*뷰*/
.board_view{width:100%;table-layout:fixed;}
.board_view th,
.board_view td{ padding:10px 0 10px 20px; line-height:20px; font-size:13px; border-bottom:1px solid #ccc;}
.board_view th{ background:#f9f9f9;}
.board_view td a:hover{ color:#0774bd;}
.board_view td .icon_file{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:5px;}
.board_view th .icon_arrow{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:15px;}
.board_view td.view_con{ padding:40px 15px;}
.board_view td.view_con img{ max-width:820px;}
.board_view td .cut_link{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*gallery*/
.gallery_area{text-align:center; font-size:0; line-height:0;} 
.gallery_area > li{display:inline-block; *display:inilne; zoom:1; width:268px; margin:0 15px 35px 15px; border:1px solid #ccc;}
.gallery_area > li:hover{border:1px solid #2766a2;}
.gallery_area > li.gall_inc{ cursor:pointer;}
.gallery_area > li.gall_inc div.gall_img{padding:10px 10px 0 10px; height:250px; position:relative; overflow:hidden;}
.gallery_area > li.gall_inc div.gall_img img{width:100%; height:248px; max-width:268px; max-height:248px; border:1px solid #ccc;}
.gallery_area > li.gall_inc > ol.info_st{ clear:left; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0; background:#f9f9f9;}
.gallery_area > li.gall_inc > ol.info_st > li{ height:25px; line-height:25px;}
.gallery_area > li.gall_inc > ol.info_st > li span{ display:inline-block; *display:inline; zoom:1; padding-left:35px; color:#888; font-size:12px; background-position:10px center; background-repeat:no-repeat;}
.gallery_area > li.gall_inc > ol.info_st > li span.icon_id{ background-image:url(../images/board/icon_id.png); font-family:notokrB, sans-serif;; color:#333;}
.gallery_area > li.gall_inc > p.date{ font-size:13px; float:left; width:40%; color:#666; padding:5px 14px; height:25px; line-height:25px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.gallery_area > li.gall_inc > p.hit{ font-size:13px; float:left; width:40%; color:#666; padding:5px 10px; height:25px; line-height:25px; text-align:right; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.gallery_area > li.gall_inc > ol.info_st > li span.icon_hit{ background-image:url(../images/board/icon_hit.png);}
.gallery_area > li.gall_inc .gall_title{padding:0 14px; line-height:40px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}

/*prod*/
.prod_wrap{position:relative; }
.prod_tit{font-size:21px; color:#000; line-height:26px; margin-bottom:20px; margin-left:20px; }
.prod_area{position:relative; height:320px; }
.prod_area .prod_img{float:left; width:320px; height:320px; float:left; margin:0 0 0 15px; }
.prod_area .prod_img img{width:100%; height:100%; max-width:320px; max-height:320px; }
.prod_area .prod_ex{float:right; width:470px; padding:50px 0 0 0;}
.prod_area .prod_ex > dl > dt{background:url(../images/inc/s_dot1.png) no-repeat left center; font-size:21px; font-family:notokrM, sans-serif; padding-left:27px; color:#333;
margin:0 0 15px 0;}
.prod_area .prod_ex > dl > dd{color:#555; height:104px; overflow:hidden;}
.prod_area .prod_bt_area{margin:40px 0 0 0; text-align:left; font-size:0; line-height:0;}
.prod_area .prod_bt_area > li{display:inline-block; *dispaly:inline; zoom:1;}
.prod_area .prod_bt_area a{font-size:16px; line-height:50px; color:#fff; }
.prod_area .prod_bt_area .down{width:200px; height:60px; border-radius:3px; background:#8d8d8e; text-align:center; margin:0 10px 0 0;}
.prod_area .prod_bt_area .down:hover{background:#747475;}
.prod_area .prod_bt_area .down a{line-height:60px; display:block; }
.prod_area .prod_bt_area .quote{width:200px; height:60px; border-radius:3px; background:#5a5b5c; text-align:center;}
.prod_area .prod_bt_area .quote:hover{background:#3f4040;}
.prod_area .prod_bt_area .quote a{line-height:60px; display:block; }
.tab_st1 {margin:50px 0 0 0;}
.tab_st1 ul {position:relative; overflow:hidden;}
.tab_st1 ul li {float:left; width:232px; line-height:55px; background:#4a7298; color:#fff; cursor:pointer; text-align:center; margin:0 4px 0 0; border-radius:5px; }
.tab_st1 ul li#tab_btn4 {margin:0;}
.tab_st1 ul li p {font-size:18px; font-family:notokrM, sans-serif;}
.tab_st1 ul li:first-child { }
.tab_st1 ul li:last-child{margin-right:0px;}
.tab_st1 ul li.on{background:#23435a; color:#fff;}
.tab_content{padding:38px 0 0 0;}
.s_titi{background:url(../images/inc/s_dot1.png) no-repeat left center; font-size:21px; font-family:notokrM, sans-serif; padding-left:27px; color:#333;}
.txt_box1{overflow:hidden; border:1px solid #ddd; padding:20px 33px;}
.txt_box1 > img{width:872px; text-align:center;}
.txt_box1 ul li{font-size:15px; line-height:25px; color:#444;}
.txt_box1 ul li span{color:#8d0014;}
.txt_box1 .txt_view{float:left; font-size:15px; line-height:25px; color:#444; }
.txt_box1 .txt_view2{float:left; font-size:15px; line-height:25px; color:#444; width:100%; }
.txt_box1 .str_tit{font-size:16px; font-family:notokrB, sans-serif; line-height:50px; color:#333; }
.txt_box1 .txt_view > li{line-height:30px; padding-left:15px; background:url(../images/inc/s_dot2.gif) left 14px no-repeat; }
.txt_box1 .txt_view .txt_tit{font-family:notokrB, sans-serif; color:#333; }
.txt_box1 .txt_view .txt_tit_n{font-family:notokrB, sans-serif; color:#333; }
.txt_box1 .txt_view .txt_tit:after{content:":"; padding:0 8px; }

/*online*/
.not{line-height:17px; font-family:notokrB; color:#333; font-size:15px; }
.not_stro{color:#80a8ce; font-family:notokrB; font-size:15px; vertical-align:middle; }
.agree_cont{height:200px; border:1px solid #ccc; background:#f8f8f8; overflow-y:scroll; }
.agree_cont .agree_in_area {padding:20px 10px 20px 20px; }
.agree_c_box{padding:10px 25px; border:1px solid #ccc; background:#f8f8f8; text-align:center; }
.agree_c_box > input{vertical-align:middle; }
.agree_c_box > label{padding-left:8px; font-size:14px; font-family:notokrM; vertical-align:middle; cursor:pointer; }
 
/*faq*/
.table_wrap .faq.board{border-top:1px solid #ccc; }
.table_wrap .faq.board:first-child{ border-top:none}
.table_wrap .faq.board .con, .table_wrap .faq.board .no, .table_wrap .faq.board .icon{display:inline-block; *display:inline; zoom:1; vertical-align:top} 
.table_wrap .faq.board .con{ width:86%}
.table_wrap .faq.board .no{width:8%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; color:#bbbbbb; letter-spacing:-1px; font-weight:normal}
.table_wrap .faq.board .icon{width:3.5%; margin-right:2.5%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:130%; border-radius:5px; font-weight:normal; line-height:1.2; padding:1px 0 3px 0}
.table_wrap .faq.board .faq_q{ cursor:pointer; padding:10px 5px; font-family:notokrB, sans-serif;; color:#666; font-size:99%; line-height:1.3}
.table_wrap .faq.board .faq_q:hover,
.table_wrap .faq.board .faq_q.on{ background:#eef7ff;}
.table_wrap .faq.board .faq_q.on .no{ color:#000}
.table_wrap .faq.board .faq_q .icon{ color:#fff; background:#2e81cb;}
.table_wrap .faq.board .faq_q.on .icon{ color:#86edff}
.table_wrap .faq.board .faq_q a:hover, .table_wrap .faq.board .faq_q a:focus{ color:#005eb1; }
.table_wrap .faq.board .faq_a{ height:0; overflow:hidden;}
.table_wrap .faq.board .faq_a.show, .table_wrap .faq.board .faq_a.f_show{height:auto; padding:10px 5px;border-top:2px dashed #dddddd; background:#fcfcfc}
.table_wrap .faq.board .faq_a .con{ color:#333; line-height:1.5}
.table_wrap .faq.board .faq_a .no{color:#005eb1; font-size:150%}
.table_wrap .faq.board .faq_a .icon{ background:#8fc4f2; color:#fff;}

/*paging*/
.board_paging{margin:30px 0 0 0; text-align:center; }
.board_paging button{ border:1px solid #dddddd; background:#fff; width:30px; height:30px; text-align:center; vertical-align:middle; font-size:81%; font-family:notokrB, sans-serif;; color:#666; *margin:0 2px; cursor:pointer}
.board_paging button.icon{ border:1px solid #ccc; background:#f9f9f9; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-family:notokrB, sans-serif;; font-size:85%; }
.board_paging button:hover, .board_paging button:focus, .board_paging button.on{ border:1px solid #555; background:#555; color:#fff}
.board_paging button.icon:hover, .board_paging button.icon:focus, .board_paging button.icon.on{ border:1px solid #999; background:#999; color:#fff}

/*searching*/
.board_searching{ margin:30px 0 0 0; overflow:hidden; background:#f9f9f9; border:2px solid #ebebeb; padding:10px 15px}
.board_searching .searching{  float:left; width:58%;}
.board_searching .searching .tt{ color:#999; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; vertical-align: middle; padding-right:5px}
.board_searching .searching .tt em{ font-family:Georgia, "Times New Roman", Times, serif;font-size:170%; vertical-align:bottom; font-style:normal; color:#1b6ca1}
.board_searching .searching input.input_st1{ width:160px; padding:5px 10px;}
.board_searching .searching select.input_st1{ width:90px; padding:4px 10px;}
.board_searching .board_btn{ float:right; width:38%; text-align:right; margin:4px 0 0 0; *margin:0; font-size:83%}

/*faq searching*/
.faq_searching{ margin:0 0 20px 0; overflow:hidden; background:#f9f9f9; border:1px solid #ebebeb; padding:10px 40px}
.faq_searching .searching{}
.faq_searching .searching .tt{ color:#999; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; vertical-align: bottom; padding-right:5px}
.faq_searching .searching .tt em{ font-family:Georgia, "Times New Roman", Times, serif;font-size:170%; font-style:normal; color:#014099}
.faq_searching .searching input.input_st1{ width:160px; padding:5px 10px;}
.faq_searching .searching select.input_st1{ width:90px; padding:4px 10px;}

/*faq*/
.table_wrap .faq.board{border-top:1px solid #ccc; }
.table_wrap .faq.board:first-child{ border-top:none}
.table_wrap .faq.board .con, .table_wrap .faq.board .no, .table_wrap .faq.board .icon{display:inline-block; *display:inline; zoom:1; vertical-align:top} 
.table_wrap .faq.board .con{ width:86%}
.table_wrap .faq.board .no{width:8%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; color:#bbbbbb; letter-spacing:-1px; font-weight:normal}
.table_wrap .faq.board .icon{width:3.5%; margin-right:2.5%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:130%; border-radius:5px; font-weight:normal; line-height:1.2; padding:1px 0 3px 0}
.table_wrap .faq.board .faq_q{ cursor:pointer; padding:10px 5px; font-family:notokrB, sans-serif;; color:#666; font-size:99%; line-height:1.3}
.table_wrap .faq.board .faq_q:hover,
.table_wrap .faq.board .faq_q.on{ background:#eef7ff;}
.table_wrap .faq.board .faq_q.on .no{ color:#000}
.table_wrap .faq.board .faq_q .icon{ color:#fff; background:#2e81cb;}
.table_wrap .faq.board .faq_q.on .icon{ color:#86edff}
.table_wrap .faq.board .faq_q a:hover, .table_wrap .faq.board .faq_q a:focus{ color:#005eb1; }
.table_wrap .faq.board .faq_a{ height:0; overflow:hidden;}
.table_wrap .faq.board .faq_a.show, .table_wrap .faq.board .faq_a.f_show{height:auto; padding:10px 5px;border-top:2px dashed #dddddd; background:#fcfcfc}
.table_wrap .faq.board .faq_a .con{ color:#333; line-height:1.5}
.table_wrap .faq.board .faq_a .no{color:#005eb1; font-size:150%}
.table_wrap .faq.board .faq_a .icon{ background:#8fc4f2; color:#fff;}

/*btn*/
.btn_area{ margin:40px 0 0 0;}
.btn_area.left{ overflow:hidden;}
.btn_area.left > div{ float:left; width:50%}
.btn_area.center{text-align:center;}

.btn_area2{ margin:20px 0 0 0;}

.btn_inc{ border:none; padding:5px 10px; background:#06C; color:#fff; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=80);opacity:0.8; font-family:notokrB, sans-serif; *margin:0 2px; width:auto; min-width:70px}
.btn_cancel{padding:15px 34px; background:#CCC; color:#fff;}
.btn_submit{padding:15px 34px; }
.btn_inc:hover, .btn_inc:focus{filter:alpha(opacity=100);opacity:1;}
.btn_inc.search{ background:#333;color:#fff; }
.btn_inc.write{ background:#2766a2;color:#fff;}
.btn_inc.etc{ background:#888888;color:#fff;}
.btn_inc.del{ border:1px solid #ccc; background:#f0f0f0;}
.btn_inc.del:hover{ border:1px solid #555; background:#555; color:#fff;}
.btn_inc.modify{ border:1px solid #666; background:#777; color:#fff;}
.btn_inc.modify:hover{ border:1px solid #222; background:#222;}
.btn_inc.apply{ border:1px solid #b6caee; background:#eaf1fe;}
.btn_inc.apply:hover{ border:1px solid #3265c2; background:#3265c2; color:#fff;}
.btn_inc.big{ width:130px; padding:14px 20px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.btn_size{ padding:7px 0 9px 0; *padding:6px 8px; width:70px;}
.btn_inc.btn_size2{ width:110px; padding:10px 0;}
.btn_inc.small{ padding:4px 0 4px 0; *padding:4px 5px; width:75px; min-width:75px;}
.btn_inc.board_btn_size{ padding:11px 0 12px 0; *padding:9px 8px; width:85px; border-radius:0;}

/**/
.input_st1{ border:1px solid #ccc; font-family:notokr, sans-serif; vertical-align:middle; background:#fff; font-size:13px;}
.input_st1:hover, .input_st1:focus{ background:#f9f9f9; border:1px solid #aaa; color:#333;}
input.input_st1{ padding:8px 5px; color:#333;}
select.input_st1{padding:7px 5px; color:#333;}
textarea.input_st1{padding:2%; color:#333;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none; padding:0;}
input[type=file].input_file{ height:28px;}

.label_wrap{display:inline-block; *display:inline; zoom:1; overflow:hidden;line-height:1;line-height:20px\9; *line-height:1.5; margin-top:8px}
.label_wrap:first-child{ margin-top:0}
.label_wrap.sec2{ width:49%}
.label_wrap.sec3{ width:32%}
.label_wrap.sec4{ width:23%}
.label_wrap.sec5{ width:10%}
.label_wrap input{ float:left; }
.label_wrap label{ float:left; margin-left:5px; cursor:pointer }
.label_wrap label.check, .label_wrap label.f_check, .label_wrap label:hover{ color:#009ee8;}