@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:1.00em;font-family: 'Noto Sans KR', 'Nanum Gothic', Dotum, sans-serif;letter-spacing: -0.75px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

table{border-collapse: collapse;}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea{font-size:1em}
select {margin:0;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a { color:#000;text-decoration:none}

textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}

.m-header { position:relative; display:none; }
.m-header.mainbg { background:url(../image/mainpic01.png)no-repeat center; background-size: cover; padding-bottom:50px; }
.m-header.subbg1 { background:url(../image/subpic01.png)no-repeat center; background-size: cover; padding-bottom:50px; }
.m-header.subbg2 { background:url(../image/subpic02.png)no-repeat center; background-size: cover; padding-bottom:50px; }
.m-header.subbg3 { background:url(../image/subpic03.png)no-repeat center; background-size: cover; padding-bottom:50px; }
.m-header.subbg4 { background:url(../image/subpic04.png)no-repeat center; background-size: cover; padding-bottom:50px; }
.m-header .header_in { position:relative; max-width: 1000px;  margin: 0 10px; background:#FFFFFF; top:20px; padding:15px 20px 20px 20px; overflow:hidden; }

.header { position:relative; }
.header.mainbg { background:url(../image/mainpic01.png)no-repeat center; background-size: cover; height:691px ;}
.header.subbg1 { background:url(../image/subpic01.png)no-repeat center; background-size: cover; height:492px ;}
.header.subbg2 { background:url(../image/subpic02.png)no-repeat center; background-size: cover; height:492px ;}
.header.subbg3 { background:url(../image/subpic03.png)no-repeat center; background-size: cover; height:492px ;}
.header.subbg4 { background:url(../image/subpic04.png)no-repeat center; background-size: cover; height:492px ;}
.header .header_in {
    /*position:absolute;*/
		position:relative;
		max-width: 1000px;
		
    margin: 0 auto;
		background:#FFFFFF;		
		top:40px;
		padding:15px 20px 20px 20px; 
		overflow:hidden;
		
}
.logo {float: left;margin-right:40px; }
.logo a{display:block;font-size:25px; margin-top:10px; }
.logo img{ position:relative; max-width:58px; vertical-align:middle; margin-top:-10px; margin-right:10px; }

.gnb_wrap{float:left;}
.gnb_wrap > ul{max-width:1000px; margin:0 auto;}
.gnb_wrap > ul:after{content:""; display:block; clear:both;}
.gnb_wrap > ul > li{font-size:20px;float:left; margin-top:10px; }
.gnb_wrap > ul > li > a{display:block;line-height:38px;padding:0 42px;}
.gnb_wrap > ul > li > ul {
	display:none;
	padding:0px 0 0 15px;
	margin:0px;
	border:0px;
	top:129px;
	position:absolute;
	z-index:200;
	font-size:18px;
	opacity:0;
}

.gnb_wrap > ul > li > a:after {content: '';display: none; width: 100%;background: rgba(0,0,0,0.3); height: 0;left: 0; position: absolute; z-index:100;}
.gnb_wrap > ul > li > ul > li{display:inline-block;}
.gnb_wrap > ul > li > ul > li a{display:block;padding:0 10px;color:#ddd;line-height:70px;}
.gnb_wrap > ul > li > ul > li a:hover{color:#fff;}

#all_menu {float: right;margin-top:10px;cursor:pointer;}

/*전체메뉴*/
#all_menu_view {
    position: absolute;
    top: 127px;
    z-index: 1111;
    left: 50%;
    width: 1040px;
    background: #fff;
    border: 0px solid #053253;
    margin-left: -520px;
    box-shadow: 8px 11px 7px rgba(0,0,0,0.1);
}
.all_menu_tit {
    font-size: 22px;
    padding: 10px 20px;
    background: #053253;
    color: #fff;
}
#all_menu_view > ul:after{content:""; display:block; clear:both;}
#all_menu_view > ul{padding:40px 15px 25px 15px;}
#all_menu_view > ul > li {
    width: 24.5%;
    float: left;
    border-right: 1px solid #eee;
    min-height: 125px;
    font-size: 18px;
    margin-bottom: 40px;
}
#all_menu_view > ul > li:nth-child(4n){border-right:0;}
/*#all_menu_view > ul > li.hide{display:none;}*/
#all_menu_view > ul > li > a {
    display: block;
    padding: 5px 15px;
    background: #f3f3f3;
    margin: 0 20px;
		height: 37px;
}
#all_menu_view > ul > li > ul{padding-top:10px;}
#all_menu_view > ul > li > ul > li a { display: block; padding: 2px 35px; color: #666; font-size: 15px;}
#all_menu_view > ul > li > ul > li a:hover{color:#000;}
a.all_close { position: absolute; right: 20px;top: 5px;font-size: 20px;color: #000; cursor:pointer;}


/* #footer-customer { width:100%; height:396px; background:url(../image/bg_subbottom.png)no-repeat center; background-size: cover; }  */
#footer-customer { width:100%; height:200px; background:url(../image/bg_subbottom.png)no-repeat top; background-size: cover; }

#footer{width:100%; background:#333;}
#footer.sub_ft{border-top:1px solid #ddd;}
#footer .ft_in {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0px;
    font-size: 0.95em;
}
#footer .ft_in:after{content:""; display:block; clear:both;}
#footer .ft_logo{float:left;}
#footer .ft_copy { float: left; width: 560px; margin-left: 0px; color:#9b9b9b; }
#footer .ft_copy .a_link{margin-bottom:20px;}
#footer .ft_copy .a_link a{color:#cbcbcb;padding-right:20px;}
#footer .ft_copy .a_link a:nth-child(2){color:#cbcbcb;}
#footer .ft_copy .f_addr_copy {
    font-size: 0.95em;
    margin-bottom: 20px;
	white-space: pre-line;
}
#footer .ft_copy > span{font-size:0.875em;}


#footer .ft_link{float:right;}
#footer .ft_link .ft_txt{padding-left: 30px;}
#footer .ft_link .ft_txt h6{font-size:15px;font-weight:400; color:#9b9b9b;}
#footer .ft_link .ft_txt strong{display:block;font-size:25px;color:#007eff;}
#footer .ft_link .ft_txt strong span{font-size:19px;}
#footer .ft_link .ft_txt p{font-size:15px;color:#9b9b9b;font-weight:300;}

.main_visual { position:relative; width:100%; margin-top:40px; padding-top:200px; text-align:center; color:#fff; }
.sub_visual { position:relative; width:100%; margin-top:40px; padding-top:100px; text-align:center; color:#fff; }

.swiper-wrapper { position:relative; display: flex; align-items:center; justify-content: center; flex-direction: column; text-align:center; }
.swiper-pagination { display:none; }

.main_visual .mvisual_title1{ opacity:0; font-size:30px; color:#fff; margin-bottom:50px;}
.main_visual .mvisual_title2{ opacity:0; font-size:40px; color:#fff;font-weight: 300; }

.sub_visual .mvisual_title1{ opacity:0; font-size:25px; color:#fff; margin-bottom:50px;}
.sub_visual .mvisual_title2{ opacity:0; font-size:35px; color:#fff;font-weight: 300; }

.swiper-slide.swiper-slide-active .mvisual_title1 { animation: text 1s .2s both; }
.swiper-slide.swiper-slide-active .mvisual_title2 { animation: text 1s .5s both; }
@keyframes text {
	0% { opacity:0; transform: translateY(30px);}
	100% { opacity:1; transform: translateY(0);}
}


.fixed { table-layout:fixed; }
.txt-left { text-align:left; }
.txt-center { text-align:center; }
.txt-right { text-align:right; }
.f_b { font-size:700; }

.block { display:block; }
.inblock { display:inline-block; }

/* 폰트사이즈 */
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }
.f21 { font-size:21px; }
.f22 { font-size:22px; }
.f23 { font-size:23px; }
.f24 { font-size:24px; }
.f25 { font-size:25px; }
.f26 { font-size:26px; }
.f27 { font-size:27px; }
.f28 { font-size:28px; }
.f29 { font-size:29px; }
.f30 { font-size:30px; }
.f35 { font-size:35px; }
.f40 { font-size:40px; }
.f45 { font-size:45px; }
.f50 { font-size:50px; }
.f55 { font-size:55px; }
.f60 { font-size:60px; }
.f70 { font-size:70px; }
.f80 { font-size:80px; }
.f90 { font-size:90px; }
.f100 { font-size:100px; }

.titfm { font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif !important; }

/* 줄높이 */
.lh15 { line-height:15px !important; }
.lh20 { line-height:20px !important; }
.lh25 { line-height:25px !important; }
.lh30 { line-height:30px !important; }
.lh35 { line-height:35px !important; }
.lh40 { line-height:40px !important; }
.lh45 { line-height:45px !important; }
.lh50 { line-height:50px !important; }

/* 패딩관련 */
/* ALL */
.pd_0 { padding: 0px !important; }
.pd_3 { padding: 3px !important; }
.pd_5 { padding: 5px !important; }
.pd_7 { padding: 7px !important; }
.pd_10 { padding: 10px !important; }
.pd_15 { padding: 15px !important; }
.pd_20 { padding: 20px !important; }
.pd_30 { padding: 30px !important; }
.pd_40 { padding: 40px !important; }
.pd_50 { padding: 50px !important; }
/* TOP */
.pd_t3 { padding-top: 3px !important; }
.pd_t5 { padding-top: 5px !important; }
.pd_t10 { padding-top: 10px !important; }
.pd_t20 { padding-top: 20px !important; }
.pd_t30 { padding-top: 30px !important; }
.pd_t40 { padding-top: 40px !important; }
.pd_t50 { padding-top: 50px !important; }
/* RIGHT */
.pd_r3 { padding-right: 3px !important;  }
.pd_r5 { padding-right: 5px !important;  }
.pd_r10 { padding-right: 10px !important; }
/* LEFT */
.pd_l3 { padding-left: 3px !important; }
.pd_l5 { padding-left: 5px !important; }
.pd_l10 { padding-left: 10px !important; }
/* BOTTOM */
.pd_b2 { padding-bottom: 2px !important; }
.pd_b3 { padding-bottom: 3px !important; }
.pd_b5 { padding-bottom: 5px !important; }
.pd_b10 { padding-bottom: 10px !important; }
.pd_b20 { padding-bottom: 20px !important; }
.pd_b30 { padding-bottom: 30px !important; }
.pd_b40 { padding-bottom: 40px !important; }
.pd_b50 { padding-bottom: 50px !important; }

.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt100 { margin-top: 100px !important; }
.mt150 { margin-top: 150px !important; }
.mt200 { margin-top: 200px !important; }

.mr-1 { margin-right: -.1em !important; }
.mr-2 { margin-right: -.2em !important; }
.mr-3 { margin-right: -.3em !important; }

.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 4px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }

#subnavi { width:100%; position:relative; margin:0 auto; text-align:center; background:#999999; overflow:hidden; }
ul.np_info { max-width:1000px; height:50px; margin:0 auto; text-align:center; }
ul.np_info li { float:left; width:50%; height:50px; display: flex; align-items:center; justify-content: center; flex-direction: column; font-size:17px; font-weight:500; color:#ffffff; overflow:hidden; }
ul.np_info li a { color:#ffffff; }
ul.np_info li.on { background:#ffffff; color:#333333; }
ul.np_info li.on a { color:#999999; }

ul.np_pro { max-width:1000px; height:50px; margin:0 auto; text-align:center; }
ul.np_pro li { float:left; width:14.2%; height:50px; display: flex; align-items:center; justify-content: center; flex-direction: column; font-size:17px; font-weight:500; color:#ffffff; overflow:hidden; }
ul.np_pro li a { color:#ffffff; }
ul.np_pro li.on { background:#ffffff; color:#333333; }
ul.np_pro li.on a { color:#999999; }

ul.np_customer { max-width:1000px; height:50px; margin:0 auto; text-align:center; }
ul.np_customer li { float:left; width:33.3%; height:50px; display: flex; align-items:center; justify-content: center; flex-direction: column; font-size:17px; font-weight:500; color:#ffffff; overflow:hidden; }
ul.np_customer li a { color:#ffffff; }
ul.np_customer li.on { background:#ffffff; color:#333333; }
ul.np_customer li.on a { color:#999999; }

.main_common{text-align:center; padding-top:40px;}
.main_common h3 span{color:#000; font-size:50px; line-height:50px; display:block; font-weight:800; text-align:center; font-family:'GmarketSans'; letter-spacing:-0.04em; margin-bottom:20px; }
.main_common h3 span strong{color:#019ced;}
.main_common .subtit{ display:block; font-size:20px; margin-bottom:60px; }

.main_product_section{ width:100%; text-align:center; padding:40px 0; background:url(../image/bg_prozone.png) no-repeat center; background-size: cover; }
.main_product_section h3 span{color:#000; font-size:50px; line-height:50px; display:block; font-weight:800; text-align:center; font-family:'GmarketSans'; letter-spacing:-0.04em; margin-bottom:20px; }
.main_product_section h3 span strong{color:#019ced;}
.main_product_section .subtit{ display:block; font-size:20px; margin-bottom:60px; }

.main_contact_section{ width:100%; text-align:center; padding:40px 0; background:url(../image/bg_contact.png) no-repeat center; background-size: cover; overflow:hidden; }
.main_contact_section h3 span{color:#000; font-size:50px; line-height:50px; display:block; font-weight:800; text-align:center; font-family:'GmarketSans'; letter-spacing:-0.04em; margin-bottom:20px; }
.main_contact_section h3 span strong{color:#019ced;}
.main_contact_section .subtit{ display:block; font-size:20px; margin-bottom:60px; }

.main_cust_info {max-width:1000px; margin:0 auto; border:0px solid #ddd; padding:20px 0px 10px 0px; margin-top:-1px;}
.main_cust_info .l_section { float:left; display:inline-block; width:55%; }
.main_cust_info .r_section { display:inline-block; width:42%; }
.main_cust_info .const1 { padding:20px 20px 20px 0px; }
.main_cust_info .const2 { padding:20px 0px 20px 10px; }

.pbox{ width:100%; margin:0 auto; overflow:hidden; }
ul.pb_list{ max-width:1000px; margin: 0 auto; }
ul.pb_list li{ display: inline-block; text-align: center; background:#fff; }
ul.pb_list li .ptit{ overflow:hidden; background:#ccc; width:100%; padding:7px 0;  }
ul.pb_list li .ptit span { font-weight:500; color:#FFFFFF; }
ul.pb_list li .img { height:267px; }
ul.pb_list li .img img{width:100%; max-width:300px; min-width:300px; max-height:267px; }
ul.pb_list li:last-child{margin-right:0;}
ul.pb_list li .text{padding:30px;}
.pbox_p1{font-size:20px; height:25px; margin-bottom:10px; color:#0b3488; }
.pbox_p2{font-size:15px; height:25px;margin-bottom:10px; color:#222;}
.pbox_p3{font-size:15px; margin-bottom:20px; color:#737373; height:35px; overflow:hidden;}
.pbox_p4{font-size:15px; margin-bottom:20px; color:#737373;}
ul.pb_list li .pbox_view { display: flex; align-items:center; justify-content: center; }

.slick-slider {
    margin:0 -10px;
}
.slick-slide {
    padding:0px;
    text-align:center;
    margin-right:20px;
    margin-left:20px;
}

.pbox .prev{position:absolute; width:80px; height:79px; left:0px; margin-top:-250px; z-index:700; border-radius:30px; background:url(../image/btn_left.png) no-repeat; cursor:pointer; }
.pbox .next{position:absolute; width:80px; height:79px; right:0px; margin-top:-250px; z-index:700;border-radius:30px; background:url(../image/btn_right.png) no-repeat; cursor:pointer; }
.pbox_slide_list .slick-active{opacity: 1;}

.rctNotice { clear:both; width:100%; height:130px; background:#fff; padding-top:20px; }
.rctNotice ul { clear:both; display:block; width:85%; margin:0 auto; margin-top:30px;  }
.rctNotice ul li { padding:10px 0px; border-bottom:1px solid #eeeeee; text-align:left;}
.rctNotice ul li a { font-size:13px; letter-spacing:-0.4px; font-weight:400; line-height:16px; position:relative; width:100%; display:block; }
.rctNotice ul li a span{display:inline-block; font-size:13px; padding-left:0px; }
.rctNotice ul li a span:last-child{position:absolute; right:0; bottom:0; color:rgba(57,57,57,0.5); font-size:13px;}
.rctNotice .noticeTitle { float:left; display:block; margin-left:30px;}
.rctNotice .noticeMore { float:right; display:block; margin-right:30px; }

.banner_sec ul { position:relative; width:100%; margin-top:20px; overflow:hidden; }
.banner_sec ul li { float:left; width:50%; }
.banner_sec ul li img { width:100%; }

.customer_sec { margin-top:20px; background:url(../image/bg_customer.png) no-repeat; background-position:left top; background-size: cover; }
.customer_sec ul { position:relative; width:100%; padding:20px 0; overflow:hidden; }
.customer_sec ul li { float:left; text-align:left;  }
.customer_sec ul li:first-child { width:30%; text-align:center; font-size:17px; color:#ffffff; margin-top:45px;}
.customer_sec ul li:last-child { width:70%; }
.customer_sec ul li span { letter-spacing:-2px; }

.oos_form_wrap{width:100%; margin:0 auto; }
.oos_form_wrap .oos_formList{width:100%; border:0px solid #ddd; padding:0px 0px 10px 0px; margin-top:-1px;}

.oos_form { width:100%; border:1px solid #ffffff; padding:10px; margin-top:10px; }
.oos_form:first-child { margin-top:0px; }
.oos_form .s1{display:inline-block; width:80px; margin-top:6px; margin-bottom:5px; margin-left:3px; color:#ffffff; font-size:16px; font-weight:400; vertical-align:top; }

.oos_form .s2{display:inline-block;width:calc(100% - 90px);}
.oos_form .s2 input{border:1px solid transparent; padding:10px; width:calc(100% - 20px); color:#f1f1f1; font-size:14px; margin-bottom:5px; border-radius:0px; background:transparent; }
.oos_form .s2 input:focus { border-bottom:1px solid #f1f1f1; }
.oos_form .s2 input::placeholder { color:#f1f1f1; }

.oos_form .s2 textarea{border:1px solid transparent; padding:10px; width:calc(100% - 20px); color:#f1f1f1; font-size:14px; margin-bottom:5px; border-radius:0px; background:transparent; resize:none; }
.oos_form .s2 textarea:focus { border-bottom:1px solid #f1f1f1; }
.oos_form .s2 textarea::placeholder { color:#f1f1f1; }
.oos_form .s2 .explan_txt { font-size:13px; color:#1B9BFB; font-weight:500; }



#scontainer { max-width:1000px; margin:0 auto; text-align:center; position:relative; }
.sub_common{text-align:center; padding-top:115px;}
.sub_common h3 span{color:#000; font-size:50px; line-height:50px; display:block; font-weight:800; text-align:center; font-family:'GmarketSans'; letter-spacing:-0.04em; margin-bottom:20px; }
.sub_common h3 span strong{color:#019ced;}
.sub_common .subtit{ display:block; font-size:20px; margin-bottom:100px; }

.sb_info{ padding-bottom:10%; text-align:left; font-weight:100; }
.sb_info h4 span{font-size:24px; line-height:23px; padding-bottom:2%; }
.sb_info h5 span{font-size:21px; line-height:23px; font-weight:500; padding-bottom:2%; }
.sb_info p{font-size:18px; line-height:23px; }
.sb_info h1 { font-size:20px; line-height:23px; }

.sc_box { margin-top:50px; padding:30px; font-size:20px; line-height:23px; border:1px solid #F4F4F4; background: #F4F4F4; }
.sub_box {
    background: #eff2f5;
    padding: 25px 40px;
    margin-bottom: 30px;
    word-break: keep-all;
    color: #444;
		font-weight: 300;
}
.tit01 {
    font-size: 22px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 15px 10px;
    background: #fdfdfd;
    font-weight: 400;
}
.tit02 {
    font-size: 19px;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
	color:#053153;
	font-weight: 700;
}
.tit02:before {
    content: "\25C9";
    display: block;
    width: 30px;
    height: 30px;
    font-family: 'xeicon';
    position: absolute;
    left: 0;
    top: 0px;
    color: #053153;
}
.txt_box {
    margin-bottom: 40px;
    white-space: pre-line;
    color: #444;
    font-weight: 300;
    padding: 0 20px;
		line-height:23px; 
}
.txt_box02 {
    white-space: pre-line;
    font-weight: 300;
    border: 1px solid #ddd;
    padding: 40px 35px;
}
.tbl_style {
    border-top: 2px solid #053153;
    margin: 10px 20px 40px;
    width: calc(100% - 40px);
}
.tbl_style th {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-size: 1.1em;
    color: #053153;
    background: #f8f9fb;
}
.tbl_style th:last-child{border-right:0;}
.tbl_style td {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    white-space: pre-line;font-weight: 300;
}
.tbl_style td:last-child{border-right:0;}

.titProImg img { width:100%; }
.titProImg2 { text-align:center; }

.good-point { clear:both; width:100%; padding:10px 0 100px 0; }
.good-point li { float:left; display:block; vertical-align:top; }
.good-point li:first-child { width:60%; margin-top: 80px; text-align:center; }
.good-point li:last-child { width:40%; }
.good-point li .ltit-box {  font-size: 25px;	font-weight: bold;	color: #FFFFFF;	letter-spacing: 2px;	border: 1px solid #3BC80A; border-radius:50%;	background: #3BC80A;	padding: 70px;  }
.good-point li span { font-size:15px; font-weight:300; line-height:30px; }

.pro-item { position:relative; width:100%; margin-top: 80px; overflow:hidden;}
.pro-item h1 span { font-size: 25px; font-weight:700; margin-bottom:10px; }
.pro-item .tit { font-size: 25px; font-weight:700; margin-bottom:10px; }
.pro-item .tit .eng-name { font-size:20px; font-weight:500; }
.pro-item ul li { float:left; display:block; vertical-align:top; font-size:15px; font-weight:300; }
.pro-item ul li:first-child { width:60%;  text-align:left; }
.pro-item ul li:last-child { width:40%; }

.pro-feature { clear:both; width:100%; margin:0 auto; text-align:center; overflow:hidden; }
.pro-feature h1 span { display:block; font-size: 25px; font-weight:700; margin:50px 0 20px 0; }
.pro-feature p { line-height:25px; }

.pack-wImg { clear:both; width:100%; margin:50px auto; text-align:center; overflow:hidden; }
.pack-wImg p { float:left; display:block; margin:0 auto; width:50%; }
.pack-wImg p img { padding:0 10px; }

/* 포장필름 */
.film-wImg { clear:both; width:100%; }
.film-wImg p { position:relative; float:left; display:block; margin:0 auto; width:50%;  overflow:hidden; }
.film-wImg p img { width:98%; padding:10px 0; }

/* 썬랩 */
.sunrap-wImg { clear:both; width:100%; margin:0 auto; overflow:hidden;  }
.sunrap-wImg p { position:relative; float:left; display:block; margin:0 auto; width:50%;  overflow:hidden; }
.sunrap-wImg p img { width:98%; padding:10px 0; }

/* OPP 테이프 */
.opp-wImg { clear:both; width:100%; margin:0 auto; overflow:hidden;  }
.opp-wImg p { position:relative; float:left; display:block; margin:0 auto; width:50%;  overflow:hidden; }
.opp-wImg p img { width:98%; padding:10px 0; }

/* 보호 테이프 */
.protec-wImg { clear:both; width:100%; margin:0 auto; overflow:hidden;  }
.protec-wImg p { position:relative; float:left; display:block; margin:0 auto; width:50%;  overflow:hidden; }
.protec-wImg p img { width:98%; padding:10px 0; }

/* 기타 */
.etc-wImg { clear:both; width:100%; margin:0 auto; overflow:hidden;  }
.etc-wImg p { position:relative; float:left; display:block; margin:0 auto; width:50%;  overflow:hidden; }
.etc-wImg p img { width:98%; padding:10px 0; }

ul.map_tel { clear:both; width:100%; margin:0 auto 20px auto; overflow:hidden; }
ul.map_tel li { float:left; display:block; font-size:17px; letter-spacing:0px; padding-top:5px; }
ul.map_tel li:first-child { width:44px; margin-right:10px; padding-top:0px; }

ul.map_time { clear:both; width:100%; margin:0 auto 20px auto; overflow:hidden; }
ul.map_time li { float:left; display:block; }
ul.map_time li:first-child { width:44px; margin-right:10px; }

ul.map_addr { clear:both; width:100%; margin:0 auto; overflow:hidden; }
ul.map_addr li { float:left; display:block; }
ul.map_addr li:first-child { width:44px; margin-right:10px; }

#listdiv { clear:both; width:100%; margin:0 auto; overflow:hidden; }
table.prolistTbl, table.prolistTbl th, table.prolistTbl td {border-collapse:collapse; }
table.prolistTbl { width:100%; border-spacing:1px; padding:0px; background:#dfe0e6; overflow:hidden; }
table.prolistTbl th { letter-spacing: -1px; color: #323232; padding: 10px 0; background:#F1F0DE; text-align:center; }
table.prolistTbl td { letter-spacing: -1px; color: #323232; padding: 5px; background:#ffffff; }
table.prolistTbl .noneData { 	background:#FFFFFF; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	letter-spacing: 0; padding: 20px 0 20px 0; line-height:20px; text-align:center; color:#804040; }
table.prolistTbl .listTitle { font-size: 15px;  letter-spacing: -1px; color: #323232; padding: 10px 0 10px 0; }
table.prolistTbl .listData { 	font-size: 15px; letter-spacing: 0px; padding: 8px 0 8px 0; font-weight:500; }

.login_form_wrap{ width:400px; margin:0 auto; border: 1px solid #DEDEDE; padding:30px; overflow:hidden;}
.login_form_wrap .login_formList{ float:left; display:inline-block; width:calc(100% - 160px); border:0px solid #ddd; padding:0px 0px 10px 0px; margin-top:-1px;}
.login_form_wrap .login_formSubmit{ display:inline-block; width:150px; border:0px solid #ddd; margin:40px 0px 10px 0px;  }

.login_form .s1{display:inline-block; width:100%; margin-top:10px; margin-bottom:5px; margin-left:3px; color:#000000; font-size:16px; font-weight:400; text-align:left; }

.login_form .s2{display:block;width:100%;}
.login_form .s2 input{ border:1px solid #dddddd; padding:10px; width:calc(100% - 20px); color:#000000; font-size:14px; margin-bottom:5px; border-radius:0px; background:#FFFFFF; }



span.loginBtn { padding:0; }
span.loginBtn button {	font-size:20px;	color: #FFFFFF;	font-weight: bold; letter-spacing: -1px;	border: 1px solid #274591; border-radius:4px;	background:#274591; margin:0em;	padding: 44px 40px;	cursor: pointer;}