/******************************************************
*
* common CSS
*
******************************************************/
* {margin:0; padding:0; border:0; font-size:16px; box-sizing:border-box; font-family:'nanumgothic', sans-serif; -webkit-overflow-scrolling:touch;

}

address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none; color:inherit;}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
html,body { width:100%; height:100%;}

input {
    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
	border:0; border-radius:0; box-shadow: 0;
}
select {
    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
	border:0; border-radius:0; box-shadow: 0;
}
select::-ms-expand { display: none; }
input[type="checkbox"] { 
	-webkit-appearance:checkbox;
       -moz-appearance:checkbox;
		-ms-appearance:checkbox;
         -o-appearance:checkbox;
            appearance:checkbox; 
		width:14px; height:14px; /*display: none;*/
}
input[type="checkbox"] + label  {
	background:url("../img/common/chk_off.png")no-repeat left top 1px;
	background-size:15px;
	padding-left:25px;
}
input[type="checkbox"]:checked + label {
	background:url("../img/common/chk_on.png")no-repeat left top 1px;
	background-size:15px;
	padding-left:25px;
}

input[type="radio"] {
	 -webkit-appearance:radio;
        -moz-appearance:radio;
		 -ms-appearance:radio;
		  -o-appearance:radio;
		  	 appearance:radio;
	width:14px; height:14px; display: none;
}
textarea { 
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}

label {font-size:15px; padding:5px 0px; color:#666;}

select {
   border:0; border-radius:0; box-shadow: 0; 
}

/**** common CSS END ****/








/************************************************************
*
* include top CSS
*
************************************************************/

.mb_wrap {width:100%; height:100%; position:relative; }



#gnb_box { position:fixed; z-index:999; background-color:#fff; width:85%; height:100%; top:0; left: -110%; overflow-y: scroll;}

.gnb_top {width:100%; overflow: hidden; padding:20px; position: relative;}
.gnb_top img.gnb_top_logo { width:120px;}
.gnb_top img.close {position: absolute; right:15px; top:50%; transform: translateY(-50%); width:16px;}

.gnb_txt {padding:15px 15px; background-color:#2a2a2a; box-shadow:0px 6px 5px rgba(0,0,0,0.5) inset; }
.gnb_txt img {height:46px;}

#gnb_ul {width:100%; padding:15px; padding-top:0;}
#gnb_ul li .mtit_g {width:100%; padding:12px 0px; border-bottom:1px solid #e3e3e3; position: relative; padding-top:25px;}
#gnb_ul li .mtit_g p {font-size:20px; font-family: "Verdana",sans-serif; color:#2a2a2a;}
#gnb_ul li .mtit_g .arrow {width:13px; height:13px; position: absolute; right:5px;  background:url("../img/common/gnb_arrow.png")no-repeat center center; background-size:11px auto; bottom:18px; transition:all 0.3s;}

#gnb_ul li .mtit_g .arOn {transform:rotate(180deg); transition:all 0.3s;}

#gnb_ul li ul.sGnb {width:100%; display: none;}
#gnb_ul li ul.sGnb li div {border-bottom:1px solid #e3e3e3; padding:15px 0px; font-size:16px; color:#696969; padding-left:15px;}


#mnav_bg {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5); z-index:998; display: none;}



#header {width:100%; position:relative;}
.headerTop {width:100%; position: fixed; z-index:99; background:rgba(45,45,45,0.6);}
.headerTop .topBg {width:100%; padding-top:30px; padding-left:10px;}
.headerTop .topBg img {width:100%;}

.headerTop .headerIcon {width:100%; overflow: hidden; padding:18px 15px; text-align: center; }
.headerTop .headerIcon img.topMenu {float:left; height:20px; margin:5px 0px;}
.headerTop .headerIcon img.topLogo {display:inline-block; height:30px;}



/**** include top END ****/


/************************************************************
*
* content CSS
*
************************************************************/
.c_wrap {width:100%; position: absolute; top:0; left:0; z-index:99;}

.visual {width:100%;}
.visual .visualSw .swiper-slide img {width:100%;}
.visual .visualSw .swiper-pagination-bullet {width:58px; height:8px; background-color:#fff; opacity:1; border-radius:0;}
.visual .visualSw .swiper-pagination-bullet-active {background-color:#3db3ea;}
.content { width:100%; }


p.m_tit {font-size:32px; text-align: center; padding-bottom:12px; font-weight:600; color:#1d1d1d;}

p.m_stit {text-align: center; font-size:18px; font-weight:600; color:#3a3a3a;}
p.m_stit span {font-size:18px; color:#e0151b;}

.m_recruitment {width:100%; background:url("../img/main/bg01.jpg")no-repeat top center; background-size:160%; padding:0px 15px; padding-bottom:30px;}

.m_recruitment ul.m_recru_list {width:100%; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding:15px; box-shadow:0px 0px 7px rgba(0,0,0,0.1); margin-top:20px;}

.m_recruitment ul.m_recru_list li {width:100%; position: relative; padding:10px 0px; padding-left:12px; display:flex;}
.m_recruitment ul.m_recru_list li div {width:3px; height:3px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; position: absolute; left:0; top:17px; background-color:#bfbfbf;}
.m_recruitment ul.m_recru_list li a {font-size:15px; color:#272727; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}


.more {width:120px; height:36px; background-color:#474747; margin: auto; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; display: flex; justify-content: center; align-items:center; text-align:center; margin-top:20px;}

.more p {font-size:16px; font-weight:600; color:#fff; margin-left:5px;}
.more span {font-size:16px; font-weight:600; color:#fff; margin-left:5px;}


.m_directory {width:100%; padding:0px 15px;}
.m_directory ul.direc_tab {width:100%; margin-top:20px; overflow: hidden;}
.m_directory ul.direc_tab li {float:left; width:29%;}
.m_directory ul.direc_tab li:last-child {width:42%;}
.m_directory ul.direc_tab li div {width:100%; height:54px; border:1px solid #e3e3e3; border-right:0; display: flex; justify-content: center; align-items: center; text-align:center; font-size:16px; color:#1d1d1d; word-break: keep-all; line-height:20px;}
.m_directory ul.direc_tab li:last-child div {border-right:1px solid #e3e3e3;}

.m_directory ul.direc_tab li.active div {background-color:#474747; color:#fff;}


.tab_container {width:100%; border:1px solid #e3e3e3; border-top:0;}

.tab_content {padding:5px 12px;}
.tab_content .direc_list {width:100%; overflow: hidden;}
.tab_content .direc_list a .d_list_box {text-align: center; float:left; width:33.33%; border-top:1px solid #e3e3e3; padding:20px 10px;}
.tab_content .direc_list a:nth-child(1) .d_list_box, .tab_content .direc_list a:nth-child(2) .d_list_box,.tab_content .direc_list a:nth-child(3) .d_list_box {border-top:0;}

.tab_content .direc_list a .d_list_box div {width:100%; position: relative; overflow: hidden; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; border-radius:100%; border:1px solid #e3e3e3;}

.tab_content .direc_list a .d_list_box div img {width:100%;}
.tab_content .direc_list a .d_list_box div img.md_l_img {width:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.tab_content .direc_list a .d_list_box p {font-size:15px; font-weight:600; color:#686868; margin-top:10px;}
.tab_content .direc_list a .d_list_box span {font-size:12px; color:#686868; margin-top:5px; display:block;}


.m_banner_box {width:100%; padding:0px 15px;}
.m_banner_box img {width:100%;}
.m_banner_box .m_banner01 {margin-top:30px;}
.m_banner_box .m_banner02 {margin-top:15px;}

.m_banner_box .m_banner03 {width:100%; overflow: hidden;}
.m_banner_box .m_banner03 .m_b_03_01 {float:left; width:48.5%; margin-right:3%; padding:15px 0px;}
.m_banner_box .m_banner03 .m_b_03_02 {float:left; width:48.5%; padding:15px 0px;}



.m_notice {width:100%; padding:30px 15px; background-color:#EDEDED;}
.m_notice .mn_box {width:100%; background-color:#fff; padding:15px 12px; -webkit-border-radius:5px; -mopz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; box-shadow:0px 0px 7px rgba(0,0,0,0.1);}
.m_notice .mn_box .mn_tit {width:100%; border-bottom:1px solid #ddd; padding-bottom:15px; overflow: hidden;}
.m_notice .mn_box .mn_tit p {font-size:18px; font-weight:600; color:#1d1d1d; float:left;}
.m_notice .mn_box .mn_tit div {float:right; margin-top:2px;}
.m_notice .mn_box .mn_tit div p {font-size:15px; color:#6a6a6a; font-weight:600; display: inline-block; vertical-align: middle; margin-right:5px;}
.m_notice .mn_box .mn_tit div span {font-size:16px; color:#eb393d; font-weight:600; display: inline-block; vertical-align: middle;}

.m_notice .mn_box ul {width:100%; padding:15px 0px;}
.m_notice .mn_box ul li {position: relative; width:100%; padding:5px 0px; padding-left:12px; display: flex;}
.m_notice .mn_box ul li div.list_icon {width:3px; height:3px; background-color:#DBDBDB; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; position: absolute; top:12px; left:0;}

.m_notice .mn_box ul li a {display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; font-size:15px; color:#525252;}

.m_notice .mn_box ul li img {width:20px!important; height:20px!important; margin-left:10px;}






.footer {width:100%;}
.footer .follow_us {width:100%; padding:30px 0px; }
.footer .follow_us .follow_icon {width:100%; text-align: center; padding-bottom:15px;}
.footer .follow_us .follow_icon p {font-size:16px; font-weight:600; display:inline-block; vertical-align:middle; color:#7a7a7a; margin-right:10px;}
.footer .follow_us .follow_icon div {display: inline-block; vertical-align: middle;}
.footer .follow_us .follow_icon div img {width:32px;}

.footer .follow_us select {width:180px; height:30px; background:url("../img/common/select.png")no-repeat right 10px center; background-size:12px; background-color:#F7F7F7; border:1px solid #B0B0B0; margin: auto; display: block; padding:0px 10px; font-size:12px;}



.footer .s_follow_us {width:100%; padding:15px 0px; background-color:#EDEDED;}
.footer .s_follow_us .follow_icon {width:100%; text-align: center;}
.footer .s_follow_us .follow_icon p {font-size:16px; font-weight:600; display:inline-block; vertical-align:middle; color:#7a7a7a; margin-right:10px;}
.footer .s_follow_us .follow_icon div {display: inline-block; vertical-align: middle;}
.footer .s_follow_us .follow_icon div img {width:32px;}



.footer .bt_cont {width:100%; position: relative; background-color:#5C5C5C; text-align: center; padding-bottom:30px;}
.footer .bt_cont img {padding:20px 0px; width:110px;}

.footer .bt_cont p {font-size:14px; line-height:22px; color:#D8D8D8;}
.footer .bt_cont span {font-size:13px; color:#858585; padding-top:15px; display: block;}

.top_btn {position:absolute; width:50px; height:50px; background:url("../img/common/top_btn.png")no-repeat center center; background-size:50px; right:20px; top:-24px;}




/* popup */

.pop_wrap {width:100%; padding:15px; background:url("../img/pop/bg.jpg")no-repeat top center; background-size:140%;}
.pop_wrap .pop_vis {width:100%;}
.pop_wrap .pop_vis img {width:100%;}
.pop_wrap .pop_info {width:100%;}
.pop_wrap .pop_info img {width:100%;}

.pop_form {width:100%; background:rgba(255,255,255,0.6); padding:20px 15px;}

.pop_form table {width:100%; border-top:1px solid #999;}
.pop_form table tr th {width:100px; font-size:15px; color:#353535; font-weight:600; padding:10px 0px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f5f5f5;}
.pop_form table tr td {padding:10px 12px; border-bottom:1px solid #e3e3e3;}
.pop_form table tr td input {width:100%; height:34px; border:1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;  font-size:15px; color:#464646; padding:0px 10px;}


p.popTxt {font-size:16px; color:#333; font-weight:600; padding:20px 0px; padding-bottom:12px;}

.agree {width:100%; padding:10px; border:1px solid #d7d7d7; background-color:#f9f9f9;}

.agree textarea {width:100%; height:200px; background-color:#fff; border:1px solid #e3e3e3; resize:none; font-size:15px; color:#353535; line-height:22px; overflow-y: scroll;}

.popChk {width:100%; padding:30px 0px; text-align: center;}
.popChk p {font-size:16px; color:#333; padding-bottom:15px;}

.popChk div label {font-size:15px; color:#565656;}
.popChk div label:nth-child(4) {margin-left:15px;}

.popChk div input[type=radio] {
	display:none;
}
.popChk div input[type=radio]:checked + label {
	padding:0 0 0 25px;
	background:url("../img/common/chk_on.jpg")no-repeat left center;
	background-size:18px;
}
.popChk div input[type=radio] + label {
	padding:0 0 0 25px;
	background:url("../img/common/chk_off.jpg")no-repeat left center;
	background-size:18px;
}

.pop_submit {width:100%; text-align: center; padding-bottom:30px;}



/* 제품리스트 */
.prolist {overflow:hidden;}
.prolist .pro_Tit{ float:left; background:url(../img/main/bul.png) left top no-repeat; padding-left:24px; font-size:18px; color:#1c1c1c; font-weight:700; line-height:1.2; display:inline-block; letter-spacing:-0.035em;}
.prolist .tit_size{float:right; padding-top:1px; padding-left:12px; font-size:17px; color:#1c1c1c; font-weight:700; line-height:1.2; letter-spacing:-0.035em;}
.proimg_box {border: solid 1px #d8d8d8; border-radius:5px; text-align:center; margin:10px 0px 20px 0px; margin-top:32px;}

.spec_Tit {font-size:23px; font-weight:600; color:#1c1c1c; padding:10px 0px; border-bottom: solid 1px #3b3b3b;}
.spec_Box {border-bottom: solid 1px #e6e6e6;}
.spec_Box ul{overflow:hidden;}

.probtn {margin: 0 auto; text-align:center; padding:24px 0px; margin-bottom:36px;}
.probtn .zoom_btn {text-align:center; width:150px; color:#FFF; border-radius:3px; background-color:#2e3f7c; padding:8px 12px; display:inline-block;}
.probtn .cont_btn {text-align:center; width:150px; color:#FFF; border-radius:3px; background-color:#2e3f7c; padding:8px 12px; display:inline-block;}