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

/* 서브 컨텐츠영역 탑 */
.sub_spot {position:relative;display:block;margin-top:40px;margin-bottom:30px;background-color:#eee;}
.sub_spot p{font-size:15px;line-height:25px;}
.sub_spot p span{font-size:24px;color:#222;line-height:35px;margin-top:15px;display:block}
.sub_spot h3 {margin:0px;padding:25px 15px 15px;font-size:27px;color:#333;font-family:'Nanum Gothic Bold'}
.sub_spot .product_charge{position:absolute;top:25px;right:0;text-align:center}

/*서브공통*/
#sc .section {margin-bottom:40px;}
#sc .section:after {display:block; content:""; clear:both;}
.cont_section  {text-align:left;width:100%;min-height:400px;line-height:24px;font-size:13px}
.cont_section img{max-width:100%;vertical-align:middle}
.cont_section h3 {font-size:70px;font-weight:400;margin:0 0 20px 0}
.cont_section h4 {font-size:24px;font-weight:100;border-bottom:1px solid #1d78be;padding:10px 0;margin:0 0 10px 0;color:#1d78be;font-family:'Nanum Gothic Bold'}
.cont_section h5 {font-size:18px;font-weight:700;margin:0;font-family:'Nanum Gothic Bold'}
.cont_section h5.tp2{margin-bottom:3px;font-size:15px;color:#333;height:20px;line-height:20px;padding:0px 0px 5px 20px;background:url(../img/sub/tit_icon1.gif)no-repeat left 2px}
.cont_section .ipt_txt {padding-left:5px; border:1px solid #d4d4d4;height:22px; padding:5px}
.cont_section .ipt_sel {border:1px solid #d4d4d4;height:32px;}
.cont_section .line_box {*zoom:1; border:1px solid #dcdcdc;text-align:center}
.cont_section .line_box:after {display:block; clear:both; content:"";}

/* UL List */
.list_1st {margin:10px 0px}
.list_1st li {margin:5px 0 0;padding-left:12px;background:url(../img/sub/list_bul1.png) no-repeat 0 10px;line-height:20px;word-wrap: break-word;word-break: keep-all;}

/* space */
.mt0	{margin-top:0 !important}
.mt5	{margin-top:5px !important}
.mt10	{margin-top:10px !important}
.mt15	{margin-top:15px !important}
.mt20	{margin-top:20px !important}
.mt30	{margin-top:30px !important}
.mt40	{margin-top:40px !important}
.mt50	{margin-top:50px !important}
.mt60	{margin-top:60px !important}
.mt70	{margin-top:70px !important}
.mt80	{margin-top:80px !important}

.mr0	{margin-right:0 !important}
.mr5	{margin-right:5px !important}
.mr10	{margin-right:10px !important}
.mr20	{margin-right:20px !important}
.mr30	{margin-right:30px !important}
.mr40	{margin-right:40px !important}
.mr50	{margin-right:50px !important}
.mr60	{margin-right:60px !important}
.mr70	{margin-right:70px !important}
.mr80	{margin-right:80px !important}

/* font style */
.word-01{display:block;font-size:20px;line-height:35px;margin-bottom:45px;text-align:center;font-family:'Nanum Gothic Bold'}
.word-02{display:block;color:#444;font-size:13px;text-align:left;font-family:'Nanum Gothic Bold'}
.word-03{line-height:24px;font-size:14px;padding-bottom:15px;color:#555}
.word-03 strong{color:#444;font-size:16px;padding-bottom:0;display:block}
.word-04{display:block;color:#0e64b7;font-size:20px;line-height:30px;margin-bottom:15px;text-align:left;font-family:'Nanum Gothic Bold'}

/* font size */
.f15{font-size:15px}
.f18{font-size:18px;line-height:30px}
.f20{font-size:20px}
.f23{font-size:23px}
.f24{font-size:24px}
.f30{font-size:30px}
.f35{font-size:35px}
.f45{font-size:45px}
.f60{font-size:60px}

/* 자간간격 */
.ls05{letter-spacing:-0.05em}

/* float */
.clear{clear:both}
.float_left{float:left}
.float_right{float:right}

/* font 정렬 */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}

/* 제품소개 */
.product {position:relative;margin:50px 0 0 ;background-color:#fff;overflow:hidden}
.product:after {content:"";display:block} 
.product .line_box{width:258px;float:left;display:inline-block;margin-right:10px;min-height:480px}
.product .line_box:last-child{margin-right:0px}
.product .line_box_small{width:235px;float:left;display:inline-block;margin-right:10px;border:1px solid #dcdcdc;}
.product .line_box_small:last-child{margin-right:0px}
.product .descarea h4.tit {font-size:28px;font-weight:100;border-bottom:2px solid #333;padding:0px 0px 15px 0px;margin:0px 0px 20px 0px;font-family:'Nanum Gothic Bold'}
.product .line_box_small h4.tit.small {font-size:20px;font-weight:100;border-bottom:none;padding:0px 0px 0px 15px;margin:0px;font-family:'Nanum Gothic Bold';height:71px;line-height:71px}
.product .descarea .desc {min-height:120px;padding:0px 0 20px;line-height:24px;}

/* 제품상세보기 */
.product_word{padding-top:10px;}
.product_word h5{margin-bottom:3px;font-size:15px;color:#333;height:20px;line-height:20px;padding:0px 0px 5px 20px;background:url(../img/sub/tit_icon1.gif)no-repeat left 2px}
.product_word ul{clear:both;padding:0 0 20px 10px;width:100%;margin-bottom:10px;overflow:hidden}
.product_word ul:after {content:"";display:block;}
.product_word ul.last{border-bottom:0 none;margin-bottom:0px;padding-bottom:10px}
.product_word li{padding:2px 0 1px 10px;line-height:22px;display:block;background:url(../img/sub/list_icon1.gif)no-repeat left 13px}
.product_word li ul{border-bottom:none;padding:0px 0px 0px 0px;margin-bottom:0px}
.product_word li li{background:none;padding-left:0;}
.product_word .porduct_box{background-color:#f3f3f3;padding:18px 20px;width:390px;text-align:center;line-height:20px}

/* 제품상세보기2 */
.product_details{clear:both;margin-top:50px;}
.product_details h5{font-size:35px;font-family:'Nanum Gothic Bold';color:#0095da;padding:0px;margin:0px}
.product_details h5 span{color:#7a858d}
.product_details h6{font-size:25px;font-family:'Nanum Gothic Bold';padding:0px;margin:0px 0px 15px 0px}

.sub_tab {width:100%; height:51px; margin-top:65px; text-align:center; z-index:14;border-bottom:1px solid #3184c4;}
.sub_tab > div {display:inline-block; height:52px; overflow:hidden;}
.sub_tab > div div {float:left; width:171px; height:50px; border-radius:4px 4px 0 0; background:#fff; z-index:15; margin-left:7px;
border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-bottom:1px solid #3184c4;}
.sub_tab > div div.first {margin-left:0;}
.sub_tab > div div a {width:100%; height:100%; display:block; font-size:14px; color:#3f3f3f; text-align:center; line-height:52px;}
.sub_tab > div div.on {background:#fff url('../img/sub/ke_con01_01_tab_line.gif') 0 0 repeat-x; height:51px;
border-top:1px solid #3184c4; border-left:1px solid #3184c4; border-right:1px solid #3184c4; border-bottom:0;}
.sub_tab > div div.on a {font-weight:bold; color:#3184c4;}

.details_area {width:100%; margin-top:45px; position:relative;}
.details_area .details {width:100%; position:relative; display:none;}
.details_area .details.cont_01 {width:100%;display:block}
.details_area .details_txt{float:right;width:520px;margin-left:60px}

/* 제품사진 */
.product-simplewrap{overflow:hidden;width:500px;height:400px;float:left;padding:0px;}
.UIslider {position:relative;overflow:hidden;width:500px;margin:0px;}
.UIslider-container {overflow: hidden; width: 100%;}
.UIslider-content {display: block;font-size:0;width: 400px;}
.UIslider-item { float: left; /* width: 100%; */width:400px}
.UIslider-box { width: 100%; font-size: 0;}
.UIslider-item .UIslider-con { width: 100%; display: inline-block}
.UIslider-item .UIslider-con img{width:398px;height:398px;border:1px solid #ccc;}

/* slider controller, pager common */
.slider-pagerbox {height:400px;padding-left:25px;position:absolute; right:0; top:0; z-index:9;background-color:#fff}
.slider-pagerbox .pager {z-index:15; margin-right:-3px;}
.slider-pagerbox-wrap {text-align:center;width:75px;height:75px;}
.slider-pagerbox-wrap button{display:block;background:url(../img/sub/product_noimg.gif) no-repeat center center}
.slider-controller {display:inline-block; padding-right:10px;}

/*  회사소개 - 회사연혁 */
.history h4 {font-size:15px;padding:0;margin:0;}
.history h4 span {color:#373737;font-size:20px;font-weight:800;font-family:'Nanum Gothic Bold'}
.history .history_con {overflow:hidden;padding-bottom:40px;border-bottom:1px solid #e6e6e6;}
.history .history_con.type2{border-bottom:0px;margin-top:40px}

.history .history_con .year {font-size:28px;color:#1d78be;font-family:'Nanum Gothic Bold';letter-spacing:-0.05em}
.history .history_con .year span{display:block;color:#666;font-size:15px;padding:5px 0 15px;line-height:25px;letter-spacing:0em}
.history .history_con .cw_hist {width:100%;}
.history .history_con .cw_t {padding-bottom:20px; background:url('../img/sub/bg_h3.gif') left top no-repeat; padding-left:34px;}
.history .history_con .cw_c {padding-bottom:20px; background:url('../img/sub/bg_h2.gif') left top no-repeat; padding-left:34px;}
.history .history_con .cw_b {background:url('../img/sub/bg_h.gif') left top no-repeat; padding-left:34px;}
.history_table {margin-top:5px;}
.history_table th {padding:8px 0;text-align:left;font-family:'Nanum Gothic Bold'}
.history_table th  span {color:#404040}
.history_table td {padding:6px 0px 6px 8px;background:url('../img/sub/bul_arrow.gif') left 15px no-repeat;letter-spacing:-0.05em}

/*  회사소개 - 인사말 */
.ceo_area{ background:url('../img/sub/about_img6.jpg') right 5px no-repeat}
.ceo_area h4{font-size:30px;border:0;padding:0;margin:0;color:#444;font-family:'Nanum Gothic Bold';}
.ceo_box{width:520px}

/*  회사소개 - 인증현황 */
.patent_area {display:block;overflow:hidden}
.patent_area li{display:inline-block;float:left;width:33.333%;text-align:center;margin-bottom:20px}
.patent_area li img{width:90%;}
.patent_area li:first-child{margin-left:0px}

/* 회사소개 - 찾아오시는 길 */
.about_area .location_map{margin-bottom:40px}
.about_area .icowrap {position: relative;padding-left:130px}
.about_area .icowrap .ico {position:absolute;left:25px;top:35px;display:inline-block;width:80px;min-height:80px;background: url(../img/sub/bg_ico_box.png)}

/* button */
.btn_area {clear:both;width:100%;text-align:left;margin-top:40px;}
.btn_area.right {text-align:right}
.btn_area.center {text-align:center}
.btn_area .inline{display:inline-block;padding:10px 50px; margin:0 2px;}
.btn_base {display:inline-block;padding:5px 20px;min-width:120px;border:1px solid #4c4c4c;background-color:#fff;cursor:pointer}
a.btn_base, .btn_base {font-size:15px;line-height:34px;vertical-align:middle;color:#333;font-family:'Nanum Gothic Bold'}
.btn_small {display:inline-block;height:33px;padding:0 15px;min-width:80px;border:1px solid #4c4c4c;background-color:#fff}
a.btn_small, .btn_small {font-size:14px;line-height:32px;vertical-align:middle;color:#333;font-family:'Nanum Gothic'}
.btn_xsmall {display:inline-block;height:25px;padding:0 5px;min-width:50px;border:1px solid #4c4c4c;background-color:#fff}
a.btn_xsmall, .btn_xsmall {font-size:13px;line-height:23px;vertical-align:middle;color:#333;font-family:'Nanum Gothic'}

.btn_xxsmall {font-size:11px;line-height:18px;height:18px;min-width:30px;padding:0px 5px;vertical-align:middle;color:#333;font-family:'Nanum Gothic'}
a.btn_bg1, .btn_bg1 {background-color:#4c4c4c;color:#fff;border:1px solid #4c4c4c}
a.btn_bg2, .btn_bg2 {background-color:#3184c4;color:#fff;border:1px solid #3184c4}
a.btn_bg3, .btn_bg3 {background-color:#419e04;color:#fff;border:1px solid #419e04}

/* 테이블 */
.tbl_type1 {width:100%;border-top:2px solid #333;}
.tbl_type1 thead th {height:40px;line-height:40px;text-align:center;font-size:14px;color:#0075bc;font-family:'Nanum Gothic Bold';border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background:#f9f9f9}
.tbl_type1 tbody th,.tbl_type1 tbody td {height:30px;padding:6px 0;font-size:13px;border-bottom:1px solid #dcdcdc;text-align:center;border-left:1px solid #dcdcdc}
.tbl_type1 thead th:first-child,.tbl_type1 tbody th:first-child,.tbl_type1 tbody td:first-child{border-left:none;}
.tbl_type1 tbody th {color:#555}
.tbl_type1 tbody .left {text-align:left;padding-left:15px}
.tbl_type1 tbody .right {text-align:right;padding-right:15px}

.tbl_type2 {width:100%;border-top:2px solid #333}
.tbl_type2 th {padding:12px 0;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:#f9f9f9;text-align:center;font-size:13px;font-family:'Nanum Gothic Bold'}
.tbl_type2 td {padding:8px 10px;border-bottom:1px solid #d7d7d7;background:#fff;text-align:left}

.tbl_type2.inst_tbl th{vertical-align:middle}
.tbl_type2.inst_tbl td{white-space:normal;padding-left:10px;padding-right:10px}
.tbl_type2.inst_tbl td input[type=text], .tbl_type2.inst_tbl td input[type=password], .tbl_type2.inst_tbl td textarea, .tbl_type2.inst_tbl td select{width:100% !important;max-width:100% !important}
.tbl_type2.inst_tbl td input[type=text] ~ .sm_btn{margin-top:5px;float:right}
.tbl_type2.inst_tbl select + input[type=text]{margin-top:5px}