@charset "utf-8";

body.backType {position:relative;height:auto;min-height:100%;}
.con_area {margin-top:20px}
.tit_area {position:relative;width:100%;text-align:center}
.tit_01 {font-size:2.000em;color:#010101;font-weight:bold;line-height:2.000em}
.tit_01 span {color:#00331c}
.tit_02 {display:inline-block;width:100%;font-size:1.500em;font-weight:bold;color:#212121;vertical-align:middle;}
.tit_02 img {vertical-align:top}
.tit_03 {font-size:1.667em;font-weight:bold;color:#212121}
.tit_04 {padding-left:29px;background:url(../mobile/imgs/common/list_dot3.png) no-repeat 0 3px;background-size:22px;font-size:1.667em;font-weight:bold;color:#212121;line-height:38px;}
.tit_05 {font-size:15px;font-weight:bold;color:#212121}
.tit_06 {padding-left:18px;background:url(../mobile/imgs/common/h_dot2.png) no-repeat 0 0px;background-size:13px 13px;font-size:1.433em;color:#000;line-height:15px}
.tit_07 {font-size:1.500em;font-weight:bold;color:#212121}
.tit_08 {font-size:1.417em;font-weight:bold;color:#222;line-height:1.417em;}
.tit_09 {font-size:1.417em;font-weight:bold;color:#3570bf;line-height:1.417em;}

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

.con_txt1 {font-size:13px;color:#666;line-height:18px}
.con_txt2 {font-size:16px;color:#212121;font-weight:bold;line-height:24px}
.con_txt3 {font-size:1.500em;color:#666;line-height:24px}
.con_txt5 {font-size:1.250em;color:#666;line-height:20px;}
.con_txt6 {font-size:16px;color:#666;line-height:24px;}
.con_txt7 {font-size:1.667em;color:#179d33;line-height:24px}
.con_txt4 {font-size:1.167em;color:#000;line-height:22px}
.con_txt4 span {display:block}
.con_txt8 {font-size:1.250em;color:#444;line-height:20px;}

/* 공통박스 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%;}
.tab_list li {display:table-cell;padding:5px 0 5px;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%;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 {width:100%;}
.list_type1 li {padding-left:10px;background:url(../imgs/common/list_dot1.gif) no-repeat 2px 8px;line-height:24px;font-size:1.250em;color:#666}

.list_type2 {width:100%;}
.list_type2 li {padding-left:10px;background:url(../imgs/common/list_dot2.png) no-repeat 0px 8px;line-height:24px;font-size:1.250em;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:1.250em;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:15px;color:#666}

.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:1.500em;color:#464646;word-wrap:break-word;word-break:keep-all;}
.intro_txt span {display:block;font-size:1.500em;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:1.667em;font-weight:normal;color:#070606}
.intro_txt2 p {font-size:15px;color:#1b7208;word-wrap:break-word;word-break:keep-all;}
.intro_txt2 p span {display:block}

.history {width:100%}
.history dt {font-size:1.667em;font-weight:bold;line-height:20px;color:#444}
.history dd {padding:5px 0 0 20px;font-size:1.250em;line-height:24px;color:#666}

.map_info {padding:10px 0 30px 110px;background:url(../imgs/intro/map_icon.png) no-repeat 0 0}
#map {position:relative;margin-top:30px;width:100%;height:150px;}


/* 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}


/* 제품종류 */
.prd_info_left {position:relative;width:100%;padding:0 0 20px 0;background-color:#fafafa}
.prd_info_right {position:relative;width:100%;padding:0 0 20px 0;margin-top:35px;background-color:#fafafa}
.prd_info_tit {width:100%;height:52px;background-color:#414131;color:#fff;font-size:1.667em;line-height:50px;text-align:center}
.prd_info_con {margin-top:20px}
.prd_info_con .prd_info_img {float:left;width:130px;text-align:center}
.prd_info_con .prd_info_img img {width:100px}
.prd_info_con ul {float:left;width:180px;margin-left:10px}

.tbl_area {position:relative;width:100%;min-width:310px;overflow-x:auto}
.tbl_area .w100 {width:100px}
.tbl_area .w120 {width:120px}

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

.dl_type2 {padding:5px 0 0 80px}
.dl_type2 dt {font-size:25px;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;background-size:70px}
.icon_bg2 {background:url(../imgs/product/prd_icon_02.png) no-repeat 0 6px;background-size:70px}
.icon_bg3 {background:url(../imgs/product/prd_icon_03.png) no-repeat 0 6px;background-size:70px}



.ex_list {width:100%;text-align:left}
.ex_list li {display:inline-block;margin-right:5px;margin-bottom:20px}
.ex_list li .txt {margin-top:5px;font-size:1.167em;color:#666;text-align:center}


.shop_visual {width:100%;margin-top:30px}
.shop_visual img {width:100%}


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

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

/* 회원가입 입력 */
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}

#fregisterform textarea {width:100%;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:block;margin:5px 0 0}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}

/* 회원가입 완료 */
#reg_result {padding:40px 10px 0}
#reg_result .reg_tit_area {position:relative;padding:25px 0 25px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;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:25px;font-weight:bold;color:#121212;}
.login_result_tit span {display:inline-block;font-size:15px;color:#212121;font-weight:normal}

/* 아이디/비밀번호 찾기 */
#find_info #info_fs {margin:0 20px 10px}
#find_info #info_fs p {margin:0 0 10px;line-height:1.8em}
#find_info #info_fs #mb_email {width:100%}
#find_info #captcha {margin:0 20px;padding:0 0 10px}
#find_info #captcha input {margin-left:5px}

/* 로그인 */
#mb_login {margin:20px 0}
#mb_login h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#mb_login h2 {margin:0}

#mb_login #login_frm {position:relative;padding:0 5px;font-size:1em}
#mb_login #login_frm div {padding:10px 0 0;text-align:right}
#mb_login .frm_input {display:block;margin-bottom:5px;padding:0;width:81%;height:1.8em;line-height:1.8em}

#mb_login section {margin:30px 0;padding:15px 10px;border:1px solid #cfded8;background:#f7f7f7}
#mb_login section div {text-align:right}

.qa_btn_list {text-align:center}
.qa_btn_list .w100 {width:110px}


.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:1.167em;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:10px;padding-left:11px;background:url(../imgs/prd/ca_tit_dot.png) no-repeat 0 6px;font-weight:bold;font-size:1.167em;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:50px}
.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:1.667em;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}

@media (min-width:1000px){
	.history {width:900px}	
}

@media (min-width:640px){
	.qa_btn_list .w100 {width:200px}
}

/* 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/qa_tit.png) no-repeat 0 14px;background-size:15px;text-decoration:none;font-size:1.167em;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}

/* paginate */
.m_paginate_wrap{background:#fff;margin-top:30px;padding:0px 0 0;text-align:center;height:63px}
.m_paginate{display:inline-block}
.m_paginate a,.m_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}
.m_paginate strong{border:1px solid #F87491;position:relative;color:#F87491;font-weight:normal}
.m_paginate a.prev,.m_paginate a.next{width:44px;background-color:#F5F5F5;background-image:url(../mobile/imgs/sub/m_page.png);background-size:200px 150px}
.m_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}
.m_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}
.m_paginate a.prev[href]{background-position:-50px 0}
.m_paginate a.next[href]{background-position:-50px -50px}
.m_paginate span{float:left;width:15px;height:36px;background:url(../mobile/imgs/sub/m_page.png);background-size:200px 150px;background-position:0 -100px;margin-left:1px}


/* 상품 정렬 리스트 스타일 선택 공통 */
#m_sct_sortlst {padding:10px 20px 10px 10px;margin-top:20px;background:#fafafa;border-top:2px solid #666;zoom:1}
#m_sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}
#m_sct_sortlst .total {font-size:1.167em;color:#6b6b6b}
#m_sct_sortlst .total .cnt {color:#010101}
#m_sct_sortlst .sort_btn {display:block;position:relative;font-size:1.167em;color:#666666;line-height:14px}
#m_sct_sortlst .sort_btn:before {display:inline-block;width:14px;height:13px;margin-right:2px;background:url(../mobile/imgs/sub/sort_icon.png) no-repeat 0 0;background-size: 14px 13px;vertical-align:-2px;content: '';}

#m_sct_layer {display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,0.5);}
#m_sct_layer .m_sct_layer_container {overflow:hidden;position:absolute;left:50%;top:100px;width:280px;height:95%;margin-left:-140px;overflow-y:auto;box-sizing: border-box;}
#m_sct_layer .m_sct_layer_container .tit {position:fixed;top:100px;left:50%;width:280px;height:50px;margin-left:-140px;background-color:#fff;border-bottom:1px solid #d7d7d7;font-weight:normal;text-align:center;font-size:1.667em;color:#010101;line-height:50px}
#m_sct_layer .m_sct_layer_container .m_sct_list {padding-top:50px;background-color:#fff}
#m_sct_layer .m_sct_layer_container .m_sct_list li {position:relative;padding:10px 30px;font-size:1.150em;}
#m_sct_layer .m_sct_layer_container .m_sct_list li a {display:block;position:relative;padding-left:20px;font-size:1.250em;color:#888;}
#m_sct_layer .m_sct_layer_container .m_sct_list li a:before {content:'';display:block;position:absolute;left:0px;top:5px;width:16px;height:16px;background:url(../mobile/imgs/shop/sct_icon.png) no-repeat 0 -22.5px;background-size:15.5px 36.5px;}
#m_sct_layer .m_sct_layer_container .m_sct_list li.on a:before {background-position:0 0}
#m_sct_layer .m_sct_layer_container .m_sct_list li.on a {color:#935e09}
#m_sct_layer .m_sct_layer_container .foot {height:50px;padding-top:10px;background-color:#fff;border-top:1px solid #d7d7d7;font-weight:normal;text-align:center;font-size:1.417em;color:#555555;line-height:50px}
#m_sct_layer .m_sct_layer_container .foot a {display:block;color:#555555;}

/* 서브 상품리스트 */
.mo_sub_prd_area {width:100%;margin-top:43px}
.mo_sub_prd_area .prd_tit_area {width:100%;position:relative;}
.mo_sub_prd_area .prd_tit_area h3 {font-size:24px;line-height:24px;font-weight:normal;color:#514b47;}
.mo_sub_prd_area .prd_tit_area .more {position:absolute;top:4px;right:0px;}
.mo_sub_prd_area .prd_tit_area .more a {display:inline-block;padding-right:16px;background:url(../mobile/imgs/main/more_btn2.png) no-repeat 100% 3px;background-size:13px;font-size:13px;color:#696868}
.mo_sub_prd_list_area {position:relative;width:100%;margin-top:31px}
.mo_sub_prd_list {width:100%}
.mo_sub_prd_list li {float:left;width:47.2%;margin-right:2.8%;margin-bottom:2.8%;padding:12px 12px 15px 12px;border:1px solid #dddddd;-webkit-box-sizing:border-box;box-sizing:border-box}

.mo_sub_prd_list li .img {position:relative;width:125px;height:125px;margin:0 auto}
.mo_sub_prd_list li .img img {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2}
.mo_sub_prd_list li .prd_name {margin-top:21px;font-size:1.250em;color:#515151;line-height:15px}
.mo_sub_prd_list li .prd_txt {height:35px;font-size:1.250em;color:#949494;line-height:15px;}
.mo_sub_prd_list li .prd_price {margin-top:8px;font-weight:bold;font-size:1.500em;color:#343434;line-height:18px}
.mo_sub_prd_list li .prd_price .sale_price {margin-right:10px;font-size:1.167em;color:#c7634b;text-decoration:line-through}
.mo_sub_prd_list li .prd_price .prd_unit {font-size:1.100em;font-weight:normal}
.mo_sub_prd_list li .prd_cart {width:100%}
.mo_sub_prd_list li .prd_cart a {display:block;width:100%;margin-top:15px;padding:10px 0 10px;border:1px solid #ddd;text-align:center;line-height:17px}
.mo_sub_prd_list li .prd_cart a span.prd_cart_btn {display:inline-block;color:#5e5e5e;font-size:1em}
.mo_sub_prd_list li .prd_cart a span.prd_cart_btn img {width:18px;vertical-align:text-bottom}
.prd_icon {position:absolute;top:0px;left:0px;z-index:3}
.prd_icon li {float:left;position:relative;width:19px !important;height:19px;padding:0px;margin:0px;border:none}
.prd_icon li:nth-child(odd) {margin-left:0}
.prd_icon li img {width:19px !important;height:19px !important}


/* 로그인 */
.login_area {position:relative;width:100%;height:auto;min-height:100%;}
.login_area .login_container {margin-top:30px;padding-bottom:30px}
.login_area .login_container2 {padding-top:30px;padding-bottom:30px;background-color:#fafafa}
.login_area .login_link {display:inline-block;padding:0 0 0 5px;background:url(../imgs/intro/line1.png) no-repeat 0 2px;font-size:12px;color:#434343;font-weight:bold;line-height:12px}
.login_area .login_link.fst {padding:0;margin:0;background:none}
input.login_btn2, button.login_btn2 {display:inline-block;width:100%;height:40px;padding:9px 0 9px;text-align:center;font-size:14px;color:#fff !important;background-color:#c7634b;border:0}
.login_input {
	display:inline-block;
	width:100%;
	padding:8px 0 8px;
	background-color:#fff !important;		
	color:#000 !important;
	text-indent:14px !important;
	border:1px solid #d7d7d7;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
	font-size:14px
}

.login_input2 {
	display:inline-block;
	width:100%;
	padding:8px 0 8px;
	background-color:#fff !important;		
	color:#000 !important;
	text-indent:14px !important;
	border:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
	font-size:14px;
}

/* 회원가입 */
.join_area {position:relative;margin:20px 0 0 0;}
.join_box {padding:20px 0 20px;background-color:#f1f1f1;border:1px solid #d7d7d7;text-align:center;line-height:14px}
.join_box label {display:inline-block;color:#000;font-size:14px;}
.join_box input {display:inline-block;margin-top:-8px}
.join_con_box {padding:20px;margin-top:-1px;border:1px solid #d7d7d7;background-color:#fff;text-align:center;color:#666;font-size:14px;}
.join_con_box .ipin {display:none}

.join_box2 {background-color:#fff;border:1px solid #d7d7d7;text-align:left;line-height:14px}
.join_box2 li {padding:4px 0 4px;background-color:#fff;border-bottom:1px solid #ccc;}
.join_box2 li:last-child {border-bottom:none}
.join_box2 li .txt {padding:0 14px 0;color:#888;font-size:11px;}

.join_box3 {margin-top:30px;padding:20px;background-color:#fff;border:1px solid #d7d7d7;text-align:left;line-height:14px}
.join_box4 {padding:20px;background-color:#fff;border:1px solid #d7d7d7;text-align:center;line-height:14px}

.text_guide {padding-left:14px;color:#6c77e2;font-size:11px;}


.set_confirm{padding-right:92px;}
.set_confirm:after{display:block;clear:both;content:'';}
.set_confirm input[type='text']{float:left;width:99%;}
.set_confirm .mbtn{float:right;width:86px;height:38px;margin-right:-86px;line-height:36px}

.set_confirm2 {padding-right:110px;}
.set_confirm2:after{display:block;clear:both;content:'';}
.set_confirm2 input {float:left;width:99%;}
.set_confirm2 .mbtn {float:right;width:105px;height:38px;margin-right:-105px;line-height:36px}


.box2 {height:121px;background:#fff;border:1px solid #d7d7d7;padding:20px;margin-top:10px;overflow:hidden;overflow-y:auto;}

.w272 {width:272px}
.w200 {width:200px}
.w239 {width:239px}
.w240 {width:240px}

@media (min-width:640px) {
	.mo_sub_prd_list li .img {position:relative;width:168px;height:168px;margin:0 auto}
}

@media (min-width:639px) {
	.mo_sub_prd_list li {float:left;width:31.4%}
	.mo_sub_prd_list li:nth-child(3n) {margin-right:0}
	.mo_sub_prd_list li .img {position:relative;width:164px;height:164px;margin:0 auto}
}

@media (max-width:360px){
	.mo_sub_prd_list li {float:left;width:48.6%}
	.mo_sub_prd_list li:nth-child(2n) {margin-right:0}
	.mo_sub_prd_list li .img {position:relative;width:134px;height:134px;margin:0 auto}
}

@media (max-width:320px){
	.mo_sub_prd_list li {float:left;width:48.6%}
	.mo_sub_prd_list li:nth-child(2n) {margin-right:0}
	.mo_sub_prd_list li .img {position:relative;width:115px;height:115px;margin:0 auto}
}

/* 서브 상품 리스트 */
.sub_prd_list {margin-top:30px;padding:0 0px 0;overflow:hidden}
.sub_prd_list li {float:left;position:relative;width:48%;margin-bottom:20px;border:1px solid #d7d7d7;}
.sub_prd_list li.fst {margin-left:0px}
.sub_prd_list li .img {
	position:relative;
	width:100%;
	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_name img {vertical-align:top}
.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:4px;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 .img {
	position:absolute;
	top:0px;
	left:10px;
	width:100px;
	height:100px;
	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 {padding:20px 10px 20px 120px;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 .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:3px;left:0px;z-index:99}
.rnb_prd_list li .checks input[type="checkbox"] + label::before {top:-18px}


@media (min-width:801px) and (max-width:1920px){
	.sub_prd_list li {width:24.2%;margin-right:10px}
	.sub_prd_list li:nth-child(4n) {margin-right:0}
	
	
	
}
@media (min-width:640px) and (max-width:800px){
	.sub_prd_list li {width:31.9%;margin-right:10px}
	.sub_prd_list li:nth-child(3n) {margin-right:0}
	
	
}

@media (min-width:320px) and (max-width:639px){
	.sub_prd_list li:nth-child(odd) {float:left;}
	.sub_prd_list li:nth-child(even) {float:right;}
	
	
}


.modal {position:fixed;top:0;right:0;bottom:0;left:3%;width:94%;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:100%;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: 29px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


.modal.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 {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}


.m_car_prd_area {position:relative;width:100%;margin-top:30px}
.m_car_prd_area .bx-controls-direction {position:absolute;top:50%;left:0px;width:100%;margin-top:-10px;z-index:99}
.m_car_prd_area .bx-controls-direction .bx-prev {display:block;position:absolute;top:0px;left:0px;width:22px;height:40.5px;background:url(../imgs/product/prev_btn.png) no-repeat 0 0;text-indent:-9999px;background-size:22px 40.5px}
.m_car_prd_area .bx-controls-direction .bx-next {display:block;position:absolute;top:0px;right:0px;width:22px;height:40.5px;background:url(../imgs/product/next_btn.png) no-repeat 0 0;text-indent:-9999px;background-size:22px 40.5px}
.m_car_prd_img {display:block;position:relative;margin-top:30px}
area {outline:none}
.m_car_prd_list {position:relative;width:100%;}
.m_car_prd_list li {float:left}
.m_car_prd_area .bx-pager {position:absolute;top:30px;left:0px;height:7px;z-index:999} 
.m_car_prd_area .bx-pager .bx-pager-item {display:inline-block;margin-right:5px;height:7px}
.m_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}
.m_car_prd_area .bx-pager .bx-pager-item .bx-pager-link.active {background-color:rgba(236,107,20,0.8);}


.biz_system_area {position:relative;width:100%;margin-top:20px}
.biz_system_area .bx-controls-direction {position:absolute;top:50%;left:0px;width:100%;margin-top:-12px;z-index:99}
.biz_system_area .bx-controls-direction .bx-prev {display:block;position:absolute;top:0px;left:0px;width:22px;height:40.5px;background:url(../imgs/product/prev_btn.png) no-repeat 0 0;text-indent:-9999px;background-size:22px 40.5px}
.biz_system_area .bx-controls-direction .bx-next {display:block;position:absolute;top:0px;right:0px;width:22px;height:40.5px;background:url(../imgs/product/next_btn.png) no-repeat 0 0;text-indent:-9999px;background-size:22px 40.5px}
.biz_system_list {position:relative;width:100%;}
.biz_system_list li {float:left}
.biz_system_list li img {width:100%}
.biz_system_area  .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;	
	background: rgba(0, 0, 0, 0.9);
	width: 100%;
}

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

.system_area {position:relative;width:100%}
.system_con_area {margin-top:20px;border:1px solid #d7d7d7}
.system_con_area .content {padding:10px}
.system_con_area .content .content_top {padding:10px 10px 10px;border-bottom:1px solid #d7d7d7}
.system_con_area .content .content_bt {padding:20px 10px 10px;}
.system_area .bx-controls-direction {position:absolute;top:50%;left:0px;width:100%;margin-top:-138px;z-index:99}
.system_area .bx-controls-direction .bx-prev {display:block;position:absolute;top:0px;left:0px;width:22px;height:40.5px;background:url(../imgs/product/prev_btn.png) no-repeat 0 0;text-indent:-9999px;background-size:22px 40.5px}
.system_area .bx-controls-direction .bx-next {display:block;position:absolute;top:0px;right:0px;width:22px;height:40.5px;background:url(../imgs/product/next_btn.png) no-repeat 0 0;text-indent:-9999px;background-size:22px 40.5px}


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