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

.con_area {margin-top:50px}

.sub_tit_area {position:relative;width:100%;}

.tit_01 {font-size:30px;color:#004c99;font-weight:blod;line-height:30px}

.tit_01 span {color:#00331c}
.tit_02 {padding-left:18px;background:url(../imgs/common/h_dot.gif) no-repeat 0 3px;font-size:15px;color:#000;line-height:15px}
.tit_02 img {vertical-align:middle}
.tit_05 {font-size:24px;font-weight:bold;color:#373737}
.tit_06 {padding-left:20px;margin-bottom:10px;background:url(../imgs/common/h_dot.gif) no-repeat 0 2px;font-size:14px;color:#212121;line-height:18px}

.tit_03 {font-size:20px;font-weight:bold;color:#212121}
.tit_04 {display:inline-block;padding:0 0 5px 17px;border-bottom:1px solid #000;font-size:20px;line-height:18px;color:#000;font-weight:bold;}
.tit_08 {font-size:15px;line-height:18px;color:#000;font-weight:bold;}
.tit_07 {font-size:15px;line-height:15px;color:#000;font-weight:bold;}

/* 텍스트색상 */
.txt_red {color:#d7181e}
.txt_org {color:#e04f00}
.txt_black {color:#0d0d0d}
.txt_brown {color:#7d6337}
.txt_cy {color:#08b8ca}

.con_txt1 {font-size:13pxcolor:#666;line-height:18px}
.con_txt2 {font-size:20px;color:#212121;font-weight:bold;line-height:24px}
.con_txt3 {font-size:18px;color:#666;line-height:24px}
.con_txt5 {font-size:14px;color:#666;line-height:24px;}
.con_txt6 {font-size:16px;color:#666;line-height:24px;}
.con_txt4 {font-size:14px;color:#000;line-height:22px}
.con_txt4 span {display:block}

.curmb {position:absolute;top:5px;right:0px}
.curmb ul {}
.curmb ul li {float:left;padding-left:15px;margin-right:15px;background:url(../imgs/sub/curmb_dot2.png) no-repeat 0 6px;font-size:13px;color:#555;}
.curmb ul li strong {color:#444;font-weight:bold}
.curmb ul li.fst {background:none;padding-left:0}

.box1 {background:#f4f4f4;border:1px solid #dddddd;padding:20px;margin-top:10px;}
.box2 {height:121px;background:#fafafa;border:1px solid #d7d7d7;padding:40px 80px 20px 20px;margin-top:10px;overflow:hidden;overflow-y:auto;}



/* 공통박스 type */
.box_type1 {margin-top:36px;padding:11px 20px 11px;border:1px solid #e1e1e1;background:#fafafa}
.box_type2 {margin-top:30px;padding:11px 20px 11px;border:1px solid #e1e1e1;}

.tab_area {margin-top:30px;}
.tab_list {display:table;width:100%;border-collapse:collapse}
.tab_list li {display:table-cell;height:35px;border:1px solid #e1e1e1;border-top-left-radius:5px;border-top-right-radius:5px;vertical-align:middle; cursor:pointer}
.tab_list li a {display:block;width:100%;height:35px;line-height:33px;font-weight:normal;font-size:14px;color:#666;text-align:center}
.tab_list li:hover, .tab_list li.on  {background-color:#444;color:#fff;border-bottom:0px;}
.tab_list li:hover a, .tab_list li.on a {color:#fff}

.tab_list2 {display:table;width:100%;border-collapse:collapse}
.tab_list2 li {display:table-cell;height:35px;vertical-align:middle; cursor:pointer}
.tab_list2 li a {display:block;position:relative;width:100%;height:35px;border:1px solid #e1e1e1;border-top-left-radius:5px;border-top-right-radius:5px;line-height:33px;font-weight:normal;font-size:14px;color:#666;text-align:center}
.tab_list2 li a:hover, .tab_list2 li a.active  {background-color:#444;color:#fff;border-bottom:0px;}
.tab_list2 li a:hover, .tab_list2 li a.active {color:#fff}

.list_type1 {}
.list_type1 li {padding-left:8px;background:url(../imgs/common/list_dot1.gif) no-repeat 2px 9px;line-height:24px;font-size:12px;color:#4d4d4d}

.list_type2 {width:100%;}
.list_type2 li {padding-left:10px;background:url(../imgs/common/list_dot2.png) no-repeat 0px 5px;line-height:24px;font-size:16px;color:#666}

.list_type3 {width:100%;}
.list_type3 li {padding-left:10px;background:url(../imgs/common/list_dot2.png) no-repeat 0px 8px;line-height:24px;font-size:14px;color:#666}

.list_type4 {width:100%;}
.list_type4 li {padding-top:5px;padding-left:25px;padding-bottom:20px;background:url(../imgs/sub/bulb_icon.png) no-repeat 0 1px;background-size:20px;line-height:20px;font-size:14px;color:#666}


#map {position:relative;margin-top:30px;width:100%;height:350px;}

.email_area {position:relative;width:650px;height:629px;margin-left:19px;margin-top:30px;background:url(../imgs/email/email_bg.gif) no-repeat 0 0}
.email_area .email_con {padding:30px}

.sup_list {margin-top:30px;}
.sup_list li {float:left;margin-right:20px;}

/* 서브 비주얼 */
.img_visual {position:relative;width:700px;margin:30px auto 0}
.img_visual .img_list {width:100%;overflow:hidden}
.img_visual .img_list li {float:left}
.img_visual .img_list li img {width:100%}
.img_visual .bx-controls .bx-controls-direction {position:absolute;width:100%;top:40%}
.img_visual .bx-controls .bx-controls-direction .bx-prev {display:block;background:url(../imgs/sub/sub_roll_prev_btn.png) no-repeat;width:33px;height:57px;position:absolute;top:0;left:0;text-indent:-9999px}
.img_visual .bx-controls .bx-controls-direction .bx-next {display:block;background:url(../imgs/sub/sub_roll_next_btn.png) no-repeat;width:33px;height:57px;position:absolute;top:0;right:0;text-indent:-9999px}
.img_visual .bx-pager {position:absolute;bottom:1%;left:0;width:100%;text-align:center}
.img_visual .bx-pager-item {display:inline-block;margin-right:5px}
.img_visual a.bx-pager-link {display:inline-block;width:13px;height:15px;text-align:center;background:url(../imgs/sub/sub_roll_off.png) no-repeat 0 0;color:#fff !important;text-indent:-9999px}
.img_visual a.active {background:url(../imgs/sub/sub_roll_on.png) no-repeat 0 0;width:33px;height:15px}

.sub_prd_vsual {position:relative;width:100%}

.prd_ca_area {position:relative;width:100%;margin-top:50px}
.prd_ca_area .ca_1dept_list {padding:12px 10px 12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa}
.prd_ca_area .ca_1dept_list li {float:left;padding-right:13px;margin-right:13px;background:url(../imgs/prd/ca_dot.png) no-repeat 100% 3px;font-size:14px;color:#555555;line-height:14px}
.prd_ca_area .ca_1dept_list li:last-child {background:none}
.prd_ca_area .ca_1dept_list li a {color:#555}
.prd_ca_area .ca_1dept_list li a.tit {color:#010101}
.prd_ca_area .ca_2dept_list {padding:10px;border-bottom:1px solid #ddd}
.prd_ca_area .ca_2dept_list .tit {margin-bottom:16px;padding-left:11px;background:url(../imgs/prd/ca_tit_dot.png) no-repeat 0 6px;font-weight:bold;font-size:14px;color:#4a2c08}
.prd_ca_area .ca_2dept_list a {display:inline-block;padding-left:10px;margin-right:13px;background:url(../imgs/prd/ca_sub_dot.png) no-repeat 0 8px;font-size:13px;color:#333333}
.prd_ca_area .ca_2dept_list a span.cnt {color:#666666}

.sub_prd_list_area {position:relative;width:100%;margin-top:60px}
.sub_prd_list_area .sub_prd_list_tit {width:100%}
.sub_prd_list_area .sub_prd_list_tit .sub_ca_tit {display:inline-block;font-size:20px;font-weight:normal;color:#212121;}
.sub_prd_list_area .sub_prd_list_tit .sub_ca_tit span {display:inline-block;padding:0 12px 0;background:url(../imgs/prd/ca_tit_dot2.gif) no-repeat 0 10px}
.sub_prd_list_area .sub_prd_list_tit .sub_ca_tit span:first-child {background:none;padding-left:0px}
.sub_prd_list_area .sub_prd_list_tit .sub_ca_txt {display:inline-block;font-size:15px;color:#666}


.biz_gallery_list {width:100%}
.biz_gallery_list li {float:left;width:231px;margin-right:10px;margin-bottom:20px;text-align:center}
.biz_gallery_list li strong {display:inline-block;width:100%;margin-top:10px;font-size:16px;font-weight:bold;color:#777}


/* 페이징 */
.paging .pre_end_n,.paging .pre_end,.paging .next_end_n,.paging .next_n, .spr {background-image:url(../imgs/sub/icon-set.gif);background-repeat:no-repeat;}
.pager_wrap {width:100%;height:32px;text-align:center;white-space:nowrap;margin-top:30px;line-height:24px;}
.pop_pager_wrap {position:relative;padding:10px 0;text-align:center;white-space:nowrap;line-height:24px}
.paging {padding-top:5px;color:#333}
.paging a {display:inline-block;vertical-align:middle;*display:inline;*zoom:1}
.paging a .spr {display:inline-block;width:25px;height:24px;vertical-align:middle;}
.paging .pre_end_n {margin-right:-6px}
.paging .pre_n {margin-right:7px}
.paging .pre_end_n .spr {background-position:-191px -556px}
.paging .pre_n .spr {background-position:-215px -556px}
.paging .next_end_n {margin-left:-13px}
.paging .next_n {margin-right:7px;margin-left:7px}
.paging .next_end_n .spr {background-position:-267px -556px}
.paging .next_n .spr {background-position:-243px -556px}
.paging .num {display:inline-block;padding:0 8px;color:#333;font-weight:700;vertical-align:top;height:22px;border:1px solid transparent}
.paging .num.on {color:#ff3636;}

.dl_type1 {width:100%;margin-top:30px}
.dl_type1 dt {font-size:15px;color:#212121;font-weight:bold;line-height:15px}
.dl_type1 dd {margin-top:10px;font-size:13px;color:#777;line-height:18px}

/* paginate */
.paginate_wrap{background:#fff;margin-top:30px;padding:30px 0 0;text-align:center;height:63px}
.paginate{display:inline-block}
.paginate a,.paginate strong{float:left;width:36px;height:36px;border:1px solid #ccc;margin-right:-1px;background-color:#fff;line-height:36px;color:#666;font-size:1.167em;text-align:center}
.paginate strong{border:1px solid #5aa0e7;position:relative;color:#5aa0e7;font-weight:normal}
.paginate a.prev,.paginate a.next{width:44px;background-color:#F5F5F5;background-image:url(../imgs/sub/m_page.png);background-size:200px 150px}
.paginate a.prev{-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-position:0 0}
.paginate a.next{-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;background-position:0 -50px}
.paginate a.prev[href]{background-position:100px 0}
.paginate a.next[href]{background-position:100px -50px}
.paginate span{float:left;width:15px;height:36px;background:url(../imgs/sub/m_page.png);background-size:200px 150px;background-position:0 -100px;margin-left:1px}


/* 로그인 */
.login_wrap {position:relative;width:548px;margin:50px auto 0;}
.login_wrap .login_top_con {width:392px;margin-top:15px;padding:58px 61px 0;background:url(../imgs/member/login_con_line.gif) no-repeat 0 0}
.login_wrap .login_bt_con {width:392px;padding:0px 61px 58px;background:url(../imgs/member/login_con_line.gif) no-repeat 0 100%;}
.login_wrap .login_bt_con p {padding-left:17px}
.login_wrap .login_content {position:relative;margin-bottom:43px;}
.login_wrap .login_content ul li {margin-bottom:10px}
.login_wrap .login_content ul li label {display:inline-block;width:70px;vertical-align:middle}
.login_wrap .login_content .login_btn_area {position:absolute;top:7px;right:61px}
.login_wrap .login_content .login_btn {display:inline-block;width:74px;height:74px;background:url(../imgs/member/login_btn.gif) no-repeat;border:0;outline:none;cursor:pointer;text-indent:-99999px}

/* 회원가입 약관 */
#fregister section {margin:0 0 20px;padding:20px 0}
#fregister h2 {margin:0 0 10px;text-align:left;font-size:18px;font-weight:bold;color:#212121}
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #e9e9e9;background:#f7f7f7}
#fregister .fregister_agree {padding:10px 0 0;text-align:right}
#fregister .fregister_agree label {display:inline-block;margin-right:5px}
#fregister p {color:#e8180c;text-align:center}
#fregister .btn_confirm {margin-bottom:20px;text-align:center}
#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%}
#fregister_private .tbl_head01 td {border:1px solid #e9e9e9}
#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 회원가입 입력 */
#fregisterform textarea {height:50px}

#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}

#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}


/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info #info_fs {margin:0 20px 20px;padding:0;background:#fff}
#find_info #info_fs .frm_input {width:70%}
#find_info p {margin:0 0 10px;line-height:1.8em}
#find_info #captcha {margin:0 20px}


/* 회원가입 완료 */
#reg_result {position:relative;width:548px;margin:50px auto 0}
#reg_result .reg_tit_area {position:relative;padding:35px 0 35px 0px;background:url(../imgs/member/reg_tit_bg.png) no-repeat 0 0;text-align:center}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .btn_confirm {margin:50px 0}
.login_result_tit {font-size:30px;font-weight:bold;color:#121212;}
.login_result_tit span {display:inline-block;font-size:15px;color:#212121;font-weight:normal}
.reg_list {width:100%;}
.reg_list li {padding-left:10px;background:url(../imgs/common/list_dot2.png) no-repeat 0px 8px;line-height:24px;font-size:14px;color:#666}


/* 이용약관 팝업창 */
#pop_layer {position:fixed;top:0;width:100%;height:100%;z-index:100;display:none;}
#pop_layer .bg {position:absolute;top:0;left:0px;width:100%;height:100%;background:#000;opacity: 0.5;filter:alpha(opacity:'30')}
#pop_layer .layer_container {width:774px;height:717px;position:absolute;top:50%;left:50%;margin-left:-368px;margin-top:-368px;background:#fff}
#pop_layer .titWrap {background:url(../../imgs/common/pop_tit_bg.gif) no-repeat 245px 0 #a0c9ed;width:774px;height:55px}
#pop_layer .titWrap .layer_tit {color:#fff;font-size:25px;font-weight:bold;font-family:'Nanum Gothic', 'Nanum Gothic Bold', 나눔고딕, dotum;margin-left:20px;padding-top:10px}
#pop_layer .con_wrap {width:731px;height:508px;padding:0px 20px 0 23px}
#pop_layer .con_wrap_txt {height:458px;padding:50px 20px 0 23px;position:relative;margin:40px auto 0;border:1px solid #ddd;background:#f4f4f4;overflow:auto;scroll-y:auto;scroll-x:hidden}
#pop_layer .con_wrap_txt li {color:#565656;margin-bottom:20px}
#pop_layer .layer_container1 {width:534px;position:absolute;top:70%;left:50%;margin-left:-230px;margin-top:-333px;background:#fff}
#pop_layer .titWrap1 {background:url(../../imgs/common/pop_tit_bg.gif) no-repeat 7px 0 #a0c9ed;width:534px;height:55px}
#pop_layer .titWrap1 .layer_tit1 {color:#fff;font-size:25px;font-weight:bold;font-family:'Nanum Gothic', 'Nanum Gothic Bold', 나눔고딕, dotum;margin-left:20px;padding-top:10px}
#pop_layer .con_wrap1 {width:494px;padding:20px}
#pop_layer .layer_txt {display:inline-block;width:62px;vertical-align:middle;color:#303437;font-weight:bold}
#pop_layer .login_btn {position:absolute;top:17px;right:30px}

/* 비회원 주문 */
.box6 {height:97px;padding:19px;border:1px solid #f3eded;color:#fff;margin-top:10px;color:#8c8c8c;background:#f7f7f7;overflow-y:auto;scroll-y:auto;scroll-x:hidden}

/* 탭 */
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {;width:802px;height:43px;margin-top:39px;margin-bottom:10px;border-bottom:2px solid #333;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:13px 16px 0 16px;height:27px;border:1px solid #ccc;background:#eee;color:#343948;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;font:14px 'Nanum Gothic'}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {height:30px;z-index:2;border:2px solid #333;border-bottom:none;background:#fff;color:#343938;font-weight:bold}
#bo_cate_on{height:30px;z-index:2;border:2px solid #333;border-bottom:none;background:#000;color:#343938;font-weight:bold}
#bo_cate a {height:30px;z-index:0;border:0px solid #333;border-bottom:none;background:#fff;color:#343938;font-weight:bold}



/* 탭 */
.tab_wrap {margin-top:44px;width:100%}
.tab_wrap .tab_list2 {width:100%}
.tab_wrap .tab_list2 li {float:left;border:1px solid #cfcfcf;border-bottom:1px solid #e0e0e0;height:30px;margin-right:-0.2em}
.tab_wrap .tab_list2 li a {display:block;width:100%;height:22px;padding-top:8px;background:#f0f0f0;font:14px 'Nanum Gothic',sans-serif;color:#5e5e5e;font-weight:bold;text-align:center;vertical-align:middle}
.tab_wrap .tab_list2 li.on a {color:#fff;background:#6bb935}
.tab_wrap .tab_list2 li a:hover {color:#fff;background:#6bb935}

.tab_wrap .tab_list3 {width:100%}
.tab_wrap .tab_list3 li {float:left;width:24.9%;border:1px solid #cfcfcf;border-bottom:1px solid #e0e0e0;height:30px;margin-right:-2px}
.tab_wrap .tab_list3 li a {display:block;width:100%;height:22px;padding-top:8px;background:#f0f0f0;font:14px 'Nanum Gothic',sans-serif;color:#5e5e5e;font-weight:bold;text-align:center;vertical-align:midde}
.tab_wrap .tab_list3 li.active a {color:#fff;background:#6bb935}
.tab_wrap .tab_list3 li a:hover {color:#fff;background:#6bb935}
.tab_wrap .tab_list3 li a.mPS2id-highlight{color:#fff;background:#6bb935}
.tab_over {position:fixed;z-index:9999;width:940px;top:0px;margin:-1px 0 0}

.tab_box {border:1px solid #e0e0e0;width:700px;padding:20px 25px}

/* faq */
#faq_wrap {margin:10px 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_con {width:100%}
#faq_con h3 a {display:block;padding: 10px 10px 10px 20px;background:url(../../imgs/board/faq_tit_bg.gif) no-repeat 0 10px;text-decoration:none;font-size:14px;color: #666;}
#faq_con .con_inner {display:none;border:1px solid #ececec;border-top:none;padding:10px 10px 10px 20px;line-height:1.8em}
#faq_con .con_closer {margin:10px 0 0;text-align:right}
#faq_con .closer_btn {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
.faq_tolist {padding:0 10px;text-align:right}
.faq_img {text-align:center}

#faq_sch {text-align:center}

.faq_search_wrap {padding:10px;margin-top:30px;border:1px solid #ccc}
.faq_search_wrap .faq_search_con {text-align:center}
.faq_search_wrap .faq_search_con .faq_tit {display:inline-block;margin-right:10px}
.faq_search_wrap .faq_search_con .txt_input {display:inline-block;position:relative;height:27px;border:1px solid #ddd}
.faq_search_wrap .faq_search_con .faq_search_btn {display:inline-block;position:relative;height:29px;padding:0 10px 0;background:#353b4c;color:#fff}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

#sch_res_board {width:100%;height:43px;margin-top:39px;margin-bottom:10px;border-bottom:2px solid #333;zoom:1}
#sch_res_board ul:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_board li {float:left}
#sch_res_board a {display:block;position:relative;margin-left:-1px;padding:13px 16px 0 16px;height:27px;border:1px solid #ccc;background:#eee;color:#343948;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;font:14px 'Nanum Gothic'}
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
#sch_res_board a:hover,
#sch_res_board .sch_on {height:30px;z-index:2;border:2px solid #333;border-bottom:none;background:#fff;color:#343938;font-weight:bold}

.sch_res_list {margin:0 0 10px;padding:10px 0 15px}

.sch_res_list ul {margin-top:10px;padding:0;list-style:none}
.sch_res_list li {position:relative;padding:5px 0 5px;border-bottom:1px solid #e9e9e9}
.sch_res_title {display:inline-block}
.sch_res_title2 {display:inline-block;padding-left:10px;font-weight:normal;color:#777}
.sch_res_list p {margin:0 0 10px;line-height:1.8em}
.sch_more {text-align:right}
.sch_on {color:#ff3061}
.sch_datetime {display:block;position:absolute;top:5px;right:10px;font-weight:normal;color:#666}

/* 위시리스트 */
#sod_ws {}
.sod_ws_img {width:90px;text-align:center}
#sod_ws_act {text-align:center}



.intro_txt {padding:30px 20px 20px;background:url(../imgs/intro/intro_img_02.png) no-repeat 100% 85% #fcfbfb;border:1px solid #eee;}
.intro_txt p {font-size:18px;color:#464646;word-wrap:break-word;word-break:keep-all;}

.intro_txt2 {padding:48px 20px 61px;background:url(../imgs/intro/intro_img_03.png) no-repeat 0 0}
.intro_txt2 .tit {font-size:30px;line-height:30px;color:#070606;font-weight:bold}
.intro_txt2 .tit span {font-size:20px;font-weight:normal;color:#070606}
.intro_txt2 p {font-size:15px;color:#1b7208;word-wrap:break-word;word-break:keep-all;}

.history {position:relative;width:815px;height:400px;margin:0 auto}
.history.bg1 {background:url(../imgs/intro/history_img_01.jpg) no-repeat 10% 0;}
.history.bg2 {background:url(../imgs/intro/history_img_02.jpg) no-repeat 80% 0;}
.history.bg3 {background:url(../imgs/intro/history_img_03.jpg) no-repeat 10% 0;}
.history.bg4 {background:url(../imgs/intro/history_img_04.jpg) no-repeat 80% 0;}
.history.bg5 {background:url(../imgs/intro/history_img_05.jpg) no-repeat 0 0;}
.history.bg1 dl {padding-top:30px;padding-left:400px;}
.history.bg2 dl {padding-top:30px;padding-right:400px;}
.history.bg3 dl {padding-left:400px;}
.history.bg4 dl {padding-right:400px;}
.history.bg5 dl {padding-left:350px;}
.history dt {font-size:50px;font-weight:bold;line-height:50px;color:#000}
.history dd {padding:19px 0 0 21px;font-size:18px;line-height:30px;color:#555555}

.map_info {padding:10px 0 30px 110px;background:url(../imgs/intro/map_icon.png) no-repeat 0 0}

/* 제품종류 */
.prd_info_left {position:relative;float:left;width:480px;background-color:#fafafa}
.prd_info_right {position:relative;float:right;width:480px;background-color:#fafafa}
.prd_info_tit {width:100%;height:52px;background-color:#414131;font-size:25px;color:#fff;line-height:50px;text-align:center}
.prd_info_con {margin-top:20px}
.prd_info_con .prd_info_img {float:left;width:210px;height:210px;text-align:center}
.prd_info_con ul {float:left;width:210px;}

.dl_type1 {width:100%}
.dl_type1 dt {font-size:18px;font-weight:bold;color:#1c7a0a}
.dl_type1 dd {margin-top:20px;font-size:16px;color:#666}

.dl_type2 {padding:5px 0 0 140px}
.dl_type2 dt {font-size:30px;font-weight:bold;color:#05850b}
.dl_type2 dd {margin-top:10px;font-size:16px;color:#666}
.dl_type2 dd ul {margin-top:4px}
.icon_bg1 {background:url(../imgs/product/prd_icon_01.png) no-repeat 0 6px}
.icon_bg2 {background:url(../imgs/product/prd_icon_02.png) no-repeat 0 6px}
.icon_bg3 {background:url(../imgs/product/prd_icon_03.png) no-repeat 0 6px}

.sefe_list {width:100%;}
.sefe_list li {float:left;width:33.33%}
.sefe_list li div {padding:10px 0 10px;border-right:1px solid #d7d7d7}
.sefe_list li:last-child div {border-right:none}
.sefe_list li .img {text-align:center}
.sefe_list li img {width:33px}
.sefe_list li .con_txt5 {padding:10px 0 0 30px}

.ex_list {width:100%}
.ex_list li {float:left;margin-right:20px;margin-bottom:20px}
.ex_list li .txt {margin-top:10px;font-size:14px;color:#666;text-align:center}

/* 서브 상품 리스트 */
.sub_prd_list {margin-top:30px;padding:0 0px 0;overflow:hidden}
.sub_prd_list li {float:left;position:relative;width:189px;;margin-left:10px;margin-bottom:20px;border:1px solid #d7d7d7;}
.sub_prd_list li.fst {margin-left:0px}
.sub_prd_list li .img {
	position:relative;
	width:189px;
	padding-bottom:100%;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-position: center center;
    -moz-background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
}
.sub_prd_list li .prd_content {padding:10px 10px 10px;text-align:center}
.sub_prd_list li .prd_name {display:block;height:30px;font-size:15px;color:#010101;line-height:15px}
.sub_prd_list li .prd_ca_name {margin-top:5px;font-size:13px;color:#666;line-height:13px}
.sub_prd_list li .prd_view {display:block;width:100%;border:1px solid #d7d7d7;font-size:13px;text-align:center;color:#444}
.sub_prd_list li .checks {position:absolute;top:0px;left:0px;z-index:99}
.sub_prd_list li .checks input[type="checkbox"] + label::before {top:-18px}


/* 서브 연구제품 리스트 */
.rnb_prd_list {margin-top:30px;padding:0 0px 0;overflow:hidden}
.rnb_prd_list li {position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d7d7d7;}
.rnb_prd_list li.fst {margin-left:0px}
.rnb_prd_list li:after {display:block;content:"";clear:both}
.rnb_prd_list li .img {
	position:relative;
	float:left;
	width:150px;
	height:150px;
	border:1px solid #e1e1e1;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-position: center center;
    -moz-background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
}
.rnb_prd_list li .prd_content {float:left;width:600px;padding:20px 10px 20px;text-align:left}
.rnb_prd_list li .prd_content table {table-layout:fixed;width:100%;border-collapse:collapse}
.rnb_prd_list li .prd_content table th {height:25px;font-size:13px;color:#666;line-height:13px;text-align:left;vertical-align:top}
.rnb_prd_list li .prd_content table th.prd_name {font-size:15px;color:#010101;line-height:15px;}
.rnb_prd_list li .prd_content table td.prd_name {font-weight:bold;font-size:15px;color:#010101;line-height:15px;}
.rnb_prd_list li .prd_content table td {height:25px;font-size:13px;color:#666;line-height:16px;text-align:left;vertical-align:top}

.rnb_prd_list li 
.rnb_prd_list li .prd_ca_name {margin-top:5px;font-size:13px;color:#666;line-height:13px}
.rnb_prd_list li .prd_view {display:block;width:100%;border:1px solid #d7d7d7;font-size:13px;text-align:center;color:#444}
.rnb_prd_list li .checks {position:absolute;top:0px;left:0px;z-index:99}
.rnb_prd_list li .checks input[type="checkbox"] + label::before {top:-18px}




.modal {position:fixed;top:0;right:0;bottom:0;left:50%;width:700px;margin-left:-300px;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.scroll_none .modal {overflow-x:hidden;overflow-y:auto;}
.modal-dialog {position:relative;width:700px;margin:30px auto;}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    outline: 0;
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


.modal.fade .modal-dialog, .modal2.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog, .modal2.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal2 {display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:635px;z-index:9990;-webkit-overflow-scrolling:touch;outline:0;}
.modal2 .modal-dialog {position:relative;width:530px;margin:30px auto;}
.modal2 .line {position:absolute;top:0px;left:0px}
.modal2 .modal-content {box-shadow:none;border:1px solid #000;border: 1px solid rgba(0, 0, 0, .9);}

#car_con_prd1.modal2 {top:75px;left:90px;} 
#car_con_prd1.modal2 .line {top:76px;left:15px}

#car_con_prd2.modal2 {top:75px;left:90px;} 
#car_con_prd2.modal2 .line {top:199px;left:24px;}

#car_con_prd3.modal2 {top:79px;left:180px;} 
#car_con_prd3.modal2 .line {top:242px;left:17px;}

#car_con_prd4.modal2 {top:117px;left:-70px;} 
#car_con_prd4.modal2 .line {top:189px;left:558px;}
#car_con_prd4.modal2 .line img {-webkit-transform:rotate(222deg);-moz-transform: rotate(222deg);-o-transform:rotate(222deg);-ms-transform:rotate(222deg); transform:rotate(222deg)}

#car_con_prd5.modal2 {top:8px;left:-81px;} 
#car_con_prd5.modal2 .line {top:156px;left:535px;}
#car_con_prd5.modal2 .line img {-webkit-transform:rotate(222deg);-moz-transform: rotate(222deg);-o-transform:rotate(222deg);-ms-transform:rotate(222deg); transform:rotate(222deg)}

#car_con_prd6.modal2 {top:156px;left:84px;} 
#car_con_prd6.modal2 .line {top:23px;left:339px;}
#car_con_prd6.modal2 .line img {-webkit-transform:rotate(135deg);-moz-transform: rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg); transform:rotate(135deg)}

#car_con_prd7.modal2 {top:162px;left:121px;} 
#car_con_prd7.modal2 .line {top:217px;left:42px;}

#car_con_prd8.modal2 {top:161px;left:152px;} 
#car_con_prd8.modal2 .line {top:217px;left:42px;}

#car_con_prd9.modal2 {top:161px;left:152px;} 
#car_con_prd9.modal2 .line {top:217px;left:42px;}

#car_con_prd10.modal2 {top:161px;left:152px;} 
#car_con_prd10.modal2 .line {top:217px;left:42px;}

#car_con_prd11.modal2 {top:163px;left:73px;} 
#car_con_prd11.modal2 .line {top:312px;left:21px}

#car_con_prd12.modal2 {top:163px;left:73px;} 
#car_con_prd12.modal2 .line {top:171px;left:571px;}

#car_con_prd13.modal2 {top:97px;left:90px;} 
#car_con_prd13.modal2 .line {top:171px;left:560px;}
#car_con_prd13.modal2 .line img {transform:rotate(74deg)}

#car_con_prd14.modal2 {top:161px;left:46px;} 
#car_con_prd14.modal2 .line {top:14px;left:424px;}
#car_con_prd14.modal2 .line img {transform:rotate(136deg)}




/* 주요 부품 */
.car_product {position:relative;padding-top:90px}
#overlay3 {display:none;position:absolute;top:87px;left:0px;width:100%;height:83%;background-color:rgba(0,0,0,0);z-index:999;}
.car_product .car_prd_content {position:absolute;width:26px;height:26px;top:0px;left:0px;z-index:100}
.car_product .car_prd_content .car_prd_open {display:block;position:absolute;top:86px;left:-21px;width:26px;height:26px;background:url(../imgs/business/car_dot.png) no-repeat 0 0;text-indent:-9999px;}
.car_product .car_prd_content .car_prd_open:hover {
	-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation:down2 1000ms ease infinite;
		animation:down2 1000ms ease infinite;
}


@keyframes down2 
{
	0% { opacity:1; }
	50% { opacity:0.8; transform: translateX(0) translateY(3px) translateZ(0px); -webkit-transform: translateX(0) translateY(3px) translateZ(0px); }
	100% { opacity:1; }
}

.car_product .car_prd_content .car_prd_open:hover, .car_product .car_prd_content .car_prd_open.on {background:url(../imgs/business/car_dot_on.png) no-repeat 0 0;}
.car_product .car_prd_content .car_prd_content_close {position:absolute;bottom:10px;left:0;width:100%;text-align:center}
.car_product .car_prd_content .car_prd_img {display:none}

.car_product #car_prd1.car_prd_content {top:168px;left:88px;z-index:101}
.car_product #car_prd1.car_prd_content .car_prd_open {top:0px;left:0px}

.car_product #car_prd2.car_prd_content {top:291px;left:95px;z-index:102}
.car_product #car_prd2.car_prd_content .car_prd_open {top:0px;left:0px}

.car_product #car_prd3.car_prd_content {top:338px;left:176px;z-index:103}
.car_product #car_prd3.car_prd_content .car_prd_open {top:0px;left:0px}

.car_product #car_prd4.car_prd_content {top:291px;left:537px;z-index:104}
.car_product #car_prd4.car_prd_content .car_prd_open {top:0px;left:0px}

.car_product #car_prd5.car_prd_content {top:183px;left:428px;z-index:105}
.car_product #car_prd5.car_prd_content .car_prd_open {top:289px;left:184px}
.car_product #car_prd5.car_prd_content .car_prd_content_close {bottom:65px;}

.car_product #car_prd6.car_prd_content {top:149px;left:504px;z-index:106} 
.car_product #car_prd6 .car_prd_open {top:0px;left:0px}

.car_product #car_prd7.car_prd_content {top:126px;left:433px;z-index:107}
.car_product #car_prd7 .car_prd_open {top:0px;left:0px}

.car_product #car_prd8.car_prd_content {top:396px;left:142px;z-index:101}
.car_product #car_prd8 .car_prd_open {top:0px;left:0px}
.car_product #car_prd8.car_prd_content .car_prd_content_close {bottom:45px;}

.car_product #car_prd9.car_prd_content {top:397px;left:173px;z-index:102}
.car_product #car_prd9.car_prd_content .car_prd_content_close {bottom:45px;}
.car_product #car_prd9 .car_prd_open {top:0px;left:0px}

.car_product #car_prd10.car_prd_content {top:353px;left:419px;z-index:103}
.car_product #car_prd10.car_prd_content .car_prd_content_close {bottom:45px;}
.car_product #car_prd10 .car_prd_open {top:0px;left:0px}

.car_product #car_prd11.car_prd_content {top:310px;left:574px;z-index:104}
.car_product #car_prd11.car_prd_content .car_prd_content_close {bottom:45px;}
.car_product #car_prd11 .car_prd_open {top:0px;left:0px;}

.car_product #car_prd12.car_prd_content {top:14px;left:424px;z-index:105}
.car_product #car_prd12.car_prd_content .car_prd_content_close {bottom:45px;}
.car_product #car_prd12 .car_prd_open {top:260px;left:167px}

.car_product #car_prd13.car_prd_content {top:492px;left:73px;z-index:101}
.car_product #car_prd13.car_prd_content .car_prd_content_close {width:auto;left:136px;bottom:144px;}
.car_product #car_prd13 .car_prd_open {top:0px;left:0px;}

.car_product #car_prd14.car_prd_content {top:272px;left:698px;z-index:102}
.car_product #car_prd14.car_prd_content .car_prd_content_close {width:auto;left:135px;bottom:20px;}
.car_product #car_prd14 .car_prd_open {top:0px;left:0px;}

.car_product #car_prd15.car_prd_content {top:294px;left:684px;z-index:103}
.car_product #car_prd15.car_prd_content .car_prd_content_close {width:auto;left:136px;bottom:144px;}
.car_product #car_prd15 .car_prd_open {top:0px;left:0px;z-index:2}

.car_product #car_prd16.car_prd_content {top:122px;left:479px;z-index:104}
.car_product #car_prd16.car_prd_content .car_prd_content_close {width:auto;left:135px;bottom:20px;}
.car_product #car_prd16 .car_prd_open {top:0px;left:0px;}


.car_prd_area {position:relative;width:100%;}
.car_prd_area .bx-controls-direction {position:absolute;top:300px;left:0px;width:100%;z-index:99}
.car_prd_area .bx-controls-direction .bx-prev {display:block;position:absolute;top:0px;left:0px;width:44px;height:81px;background:url(../imgs/product/prev_btn.png) no-repeat 0 0;text-indent:-9999px}
.car_prd_area .bx-controls-direction .bx-next {display:block;position:absolute;top:0px;right:0px;width:44px;height:81px;background:url(../imgs/product/next_btn.png) no-repeat 0 0;text-indent:-9999px}
.car_prd_area .bx-pager {position:absolute;top:66px;left:1px;height:7px;z-index:999} 
.car_prd_area .bx-pager .bx-pager-item {display:inline-block;margin-right:5px;height:7px}
.car_prd_area .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:10px;height:10px;background-color:rgba(213,213,213,0.8);border-radius:50%;text-indent:-9999px}
.car_prd_area .bx-pager .bx-pager-item .bx-pager-link.active {background-color:rgba(236,107,20,0.8);}


.car_prd_list {position:relative;width:100%;}
.car_prd_list li {float:left}

.production_area {position:relative;margin-top:50px}
.production_area .production_l_img {position:relative;border:1px solid #d7d7d7}
.production_area .production_list {margin-top:30px}
.production_area .production_list li {float:left;position:relative;padding:0px;margin-right:10px;margin-bottom:10px;overflow:hidden}
.production_area .production_list li a {display:block;position:relative;width:100%;height:70px;z-index:10}
.production_area .production_list li a:hover .caption {opacity:1}
.production_area .production_list li a:hover img {opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}

.production_area .production_list li a.active .caption {opacity:1}
.production_area .production_list li a.active img {opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}

.production_area .production_list img {width:124px;height:70px;margin:0px;padding:0px;float:left;z-index:4;cursor:pointer;}
.production_area .production_list .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		-ms-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;
	}

.production_area .production_list img{
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		-ms-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;
	}
.production_area .production_list .blur{
		background-color: rgba(0,0,0,0.65);
		width:132px;
		height:78px;		
		z-index: 5;
		position: absolute;
		top:0px;
		left:0px;
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		-ms-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;
	}
.production_area .production_list .caption-text{
		z-index: 10;
		color: #fff;		
		position: absolute;
		width:132px;
		height:50px;
		padding-top:20px;		
		text-align: center;
		top:0px;
		left:0px;
		font-size:12px;
		line-height:16px;
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		-ms-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;
		vertical-align:middle;
	}

.production_area .bx-controls-direction {position:absolute;top:238px;left:0px;width:100%;z-index:99}
.production_area .bx-controls-direction .bx-prev {display:block;position:absolute;top:0px;left:0px;width:44px;height:81px;background:url(../imgs/product/prev_btn.png) no-repeat 0 0;text-indent:-9999px}
.production_area .bx-controls-direction .bx-next {display:block;position:absolute;top:0px;right:0px;width:44px;height:81px;background:url(../imgs/product/next_btn.png) no-repeat 0 0;text-indent:-9999px}
.production_area .bx-pager {position:absolute;top:66px;left:1px;height:7px;z-index:999} 
.production_area .bx-pager .bx-pager-item {display:inline-block;margin-right:5px;height:7px}
.production_area .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:10px;height:10px;background-color:rgba(213,213,213,0.8);border-radius:50%;text-indent:-9999px}
.production_area .bx-pager .bx-pager-item .bx-pager-link.active {background-color:rgba(236,107,20,0.8);}

.production_area .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 19px;
	left: 0;	
	background: rgba(0, 0, 0, 0.8);
	width: 99.8%;
}

.production_area .bx-wrapper .bx-caption span {
	color: #fff;	
	display: block;
	font-size: 1.150em;
	padding: 10px;
	text-align:center;
}

.system_area {position:relative;width:100%;height:600px}
.system_area .bx-controls-direction {position:absolute;top:185px;left:0px;width:100%;z-index:99}
.system_area .bx-controls-direction .bx-prev {display:block;position:absolute;top:0px;left:1px;width:44px;height:81px;background:url(../imgs/product/prev_btn.png) no-repeat 0 0;text-indent:-9999px}
.system_area .bx-controls-direction .bx-next {display:block;position:absolute;top:0px;right:1px;width:44px;height:81px;background:url(../imgs/product/next_btn.png) no-repeat 0 0;text-indent:-9999px}
.system_area .bx-pager {position:absolute;top:66px;left:1px;height:7px;z-index:999} 
.system_area .bx-pager .bx-pager-item {display:inline-block;margin-right:5px;height:7px}
.system_area .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:10px;height:10px;background-color:rgba(213,213,213,0.8);border-radius:50%;text-indent:-9999px}
.system_area .bx-pager .bx-pager-item .bx-pager-link.active {background-color:rgba(236,107,20,0.8);}
.system_area .system_list {margin-top:30px;}
.system_area .bx-viewport {height:542px !important}

#map {position:relative;width:100%;height:550px}

.down {position:fixed;right:50%;bottom:0px;z-index:5;width:47px;height:100px;margin-right:-599px;font-size:14px;color:#666;text-align:center;}
.down img {position:relative;animation:down .8s infinite;animation-direction:alternate}
@keyframes down 
{
	from	{top:0px;}
    to		{top:5px;}
}

.visite_area {position:absolute;top:50px;right:0px;padding:10px;background-color:rgba(255,255,255,0.8)}
.visite_area .tit {font-size:13px;color:#000;font-weight:bold;line-height:13px}