@charset "utf-8";

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { position: fixed; min-width: 1280px; width: 100%; height: 65px; left: 0; top: 0; background-color: #00a2e6; z-index: 10; }
#container { overflow: hidden; min-width: 1280px; margin: 65px auto 0; }
#footer { overflow: hidden; position: relative; margin: 0 auto; background-color: #333333; }


/* HEADER */
#header > .outer { position: relative; width: 1280px; margin: 0 auto; }
#header > .outer h1 { margin: 0; padding: 0; line-height: 0; }

/* HEADER - GNB */
#header > .outer .gnb { position: absolute; right: 0; top: 26px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { list-style: none; float: left; margin: 0 0 0 55px; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; color: #ffffff; letter-spacing: 0; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 모바일 메뉴 */
#header > .outer .gnb_btn { position: absolute; width: 26px; right: 10px; top: 17px; cursor: pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .outer .gnb_btn img { width: 100%; }

#header > .outer .gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
#header > .outer .gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#00a2e6; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; }
#header > .outer .gnb_m .head { height:55px; background-color:#fff; }
#header > .outer .gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
#header > .outer .gnb_m .head .gnb_btn_close img { width:100%; }

#header > .outer .gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; }
#header > .outer .gnb_m .list ul { margin:0; padding:0; }
#header > .outer .gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #2abaf7; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .outer .gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; font-size:12px; line-height:42px; font-weight:500; letter-spacing:1px; }

#header > .outer .gnb_m .list li.select { background-color:#0292ce; }
#header > .outer .gnb_m .list li.select .list_title { color:#fff; }
#header > .outer .gnb_m .list li.select .list_title span { color:#20aae3; }

#header > .outer .gnb_m .list .sub_list { background-color:#fff; display:none; }
#header > .outer .gnb_m .list .sub_list ul { margin:0; padding:0; }
#header > .outer .gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; font-family:'Noto Sans KR'; color:#666666; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
#header > .outer .gnb_m .list:after { content:""; clear:both; display:block; }



/* CONTAINER */
#container > .slide { }
#container > .slide ul { margin: 0; padding: 0; }
#container > .slide li { position: relative; list-style: none; line-height: 0; text-align: center; }
#container > .slide li img.pc { }
#container > .slide li img.mobile { display: none; }
#container > .slide li img { width: 100%; }
#container > .slide .outer { display: table; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -80px; }
#container > .slide .outer .inner { display: table-cell; vertical-align: middle; }
#container > .slide .outer .inner .text01 { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; color: #ffffff; letter-spacing: -0.5px; text-align: center; }
#container > .slide .outer .inner .text02 { margin: 15px 0 0 ; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 44px; line-height: 56px; color: #ffffff; letter-spacing: -1px; text-align: center; }
#container > .slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .main_container { overflow: hidden; padding-bottom: 80px; background-color: #f1f5f6; }


/* GALLERY */
#container > .main_container .gallery { overflow: hidden; width: 1280px; margin: 30px auto 0; padding-bottom: 50px; background-color: #ffffff; border: 1px solid #d5d5d5; }
#container > .main_container .gallery h2 { margin: 50px 0 0 ; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 38px; line-height: 38px; color: #000000; letter-spacing: 0; text-align: center; }
#container > .main_container .gallery p { margin: 18px 0 0 ; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 16px; color: #555555; letter-spacing: -0.5px; text-align: center; }
#container > .main_container .gallery .list { margin: 40px 0 0; }
#container > .main_container .gallery .list ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#container > .main_container .gallery .list li { display: inline-block; vertical-align: top; list-style: none; width: 270px; margin: 0; }
#container > .main_container .gallery .list .thum { line-height: 0; }
#container > .main_container .gallery .list .thum_info { margin: 15px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 16px; color: #29261f; letter-spacing: -0.5px; text-align: center; }
#container > .main_container .gallery .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* SIDE */
#container > .main_container .side { overflow: hidden; width: 1280px; margin: 20px auto; padding: 50px 0; background-color: #ffffff; border: 1px solid #d5d5d5; }
#container > .main_container .side ul { margin: 0 80px; padding: 0; }
#container > .main_container .side li { list-style: none; float: left; width: 33.333333%; cursor: pointer; }
#container > .main_container .side .icon { text-align: center; line-height: 0; }
#container > .main_container .side h2 { margin: 19px 0 0 ; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 25px; line-height: 25px; color: #000000; letter-spacing: 0; text-align: center; }
#container > .main_container .side p { margin: 14px 0 0 ; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 22px; color: #555555; letter-spacing: -0.5px; text-align: center; }
#container > .main_container .side p i { display: block; }
#container > .main_container .side:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* SUB LAYOUT */
#sub_spot { position: relative; height: 250px; line-height: 0; text-align: center; }
#sub_spot img { width: 100%; }
#sub_spot img.mobile { display: none; }
#sub_spot .spot_text { position: absolute; width: 100%; left: 0; top: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 44px; line-height: 250px; color: #ffffff; letter-spacing: -1px; text-align: center; }

#sub_container { position: relative; width: 1280px; margin: 60px auto 50px; }


/* FOOTER */
#footer > .outer { overflow: hidden; position: relative; width: 1240px; margin: 0 auto; padding-bottom: 35px; }

#footer > .outer .menu { margin: 40px 0 0 0; }
#footer > .outer .menu ul { margin: 0; padding: 0; }
#footer > .outer .menu li { position: relative; list-style: none; float: left; margin-left: 10px; padding-left: 11px; }
#footer > .outer .menu li a,
#footer > .outer .menu li a:hover { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 13px; color: #ffffff; letter-spacing: 0; }
#footer > .outer .menu li:after { content: ""; position: absolute; width: 1px; height: 11px; left: 0; top: 6px; background-color: #7d7d7d; }
#footer > .outer .menu li:first-child { margin: 0; padding: 0; }
#footer > .outer .menu li:first-child:after { display: none; }
#footer > .outer .menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .outer .copyright { margin: 14px 50px 0 0; }
#footer > .outer .copyright ul { margin: 0; padding: 0; }
#footer > .outer .copyright li { list-style: none; float: left; margin: 0 15px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 13px; line-height: 24px; color: #b1b1b1; letter-spacing: 0; }
#footer > .outer .copyright:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* PRODUCTS */
#products {}
#products .tab { border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#products .tab ul { margin: 0; padding: 0; }
#products .tab li { list-style: none; float: left; width: 16.666666%; height: 48px; border-left: 1px solid #dddddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#products .tab li:fist-child { border-left: none; }
#products .tab li.v1 { }
#products .tab a,
#products .tab a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 48px; color: #888888; letter-spacing: -1px; text-align: center; }
#products .tab li.select { }
#products .tab li.select a,
#products .tab li.select a:hover { background-color: #0a47b8; font-weight: 400; color: #ffffff; }
#products .tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#products .pdf_download { position:absolute; width:250px; height:40px; right:0; top:70px; background-color:#00a2e6; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#products .pdf_download a,
#products .pdf_download a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 40px; color: #fff; letter-spacing: -1px; text-align: center; }


#products .head { margin: 40px 0 0; padding-bottom: 60px; font-size: 0; border-bottom: 1px solid #cbcbcb; }
#products .head .thum { display: inline-block; vertical-align: middle; width: 300px; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#products .head .thum_info { display: inline-block; vertical-align: middle; width: 920px; margin: 0 0 0 60px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }

#products .list { margin: 40px auto 0; }
#products .list ul { margin: 0; padding: 0; }
#products .list li { position: relative; list-style: none; float: left; width: 300px; height: 270px; margin: 0 26px 30px 0; border: 1px solid #cbcbcb; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#products .list li.v1 { height: 210px; }
#products .list li:nth-child(4n) { margin: 0 0 30px 0; }
#products .list .list_head { height: 49px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 48px; color: #ffffff; letter-spacing: -0.5px; text-align: center; background-color: #ff5001; -webkit-border-top-left-radius:6px; -moz-border-top-left-radius:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-top-right-radius:6px; border-top-right-radius:6px; }
#products .list .list_title { height: 30px; margin: 20px 15px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: center; background-color: #e5e5e5; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; }
#products .list .list_info { margin: 14px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #666666; letter-spacing: -0.5px; text-align: center; }
#products .list .list_info i { display: block; }
#products .list .btn_down { position: absolute; width: 100%; left: 0; bottom: 0; }
#products .list .btn_down ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#products .list .btn_down li { display: inline-block; vertical-align: middle; list-style: none; float: none; width: 60px; height: auto; margin: 0 20px 14px; border: none; }
#products .list .btn_down .thum { line-height: 0; }
#products .list .btn_down .thum_info { margin: 5px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 20px; color: #666666; letter-spacing: -0.5px; text-align: center; }
#products .list .btn_down:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#products .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#products .list01 { margin: 60px auto 0; }
#products .list01 ul { margin: 0; padding: 0; }
#products .list01 li { position: relative; list-style: none; float: left; width: 49%; height:320px; margin: 0 0 30px 0; }
#products .list01 li.v1 { width: 49%; margin: 0 0 30px 2%; }
#products .list01 li.v2 { height:280px; }
#products .list01 .list_head { height: 49px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 48px; color: #ffffff; letter-spacing: -0.5px; text-align: center; background-color: #737373; -webkit-border-top-left-radius:6px; -moz-border-top-left-radius:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-top-right-radius:6px; border-top-right-radius:6px; }
#products .list01 table { border-left: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#products .list01 th { padding:5px 10px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: center; background-color: #f3f3f3; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#products .list01 td { padding:5px 10px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: center; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#products .list01:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* SERVICES */
#services { padding: 10px 0 0; }
#services ul { margin: 0; padding: 0; }
#services li { list-style: none; margin: 0 0 60px 0; font-size: 0; }
#services .thum { display: inline-block; vertical-align: middle; width: 400px; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#services .thum_info { display: inline-block; vertical-align: middle; width: 820px; margin-left: 60px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#services .thum_info strong { display: block; margin: 0 0 15px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 30px; color: #000000; letter-spacing: -1px; text-align: left; }
#services:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* QUALITY */
#quality { padding: 10px 0 0; }
#quality ul { margin: 0; padding: 0; }
#quality li { position: relative; list-style: none; margin: 0 0 90px 0; font-size: 0; }

#quality .thum { display: inline-block; vertical-align: middle; width: 400px; margin-left: 60px; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#quality .thum_m { display: none; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#quality .thum_m img { width: 100%; }
#quality .thum_info { display: inline-block; vertical-align: middle; width: 820px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#quality .thum_info strong { display: block; margin: 0 0 15px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 30px; color: #000000; letter-spacing: -1px; text-align: left; }

#quality li.v1 { }
#quality li.v1 .thum { display: inline-block; vertical-align: middle; width: 400px; margin: 0; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#quality li.v1 .thum_info { display: inline-block; vertical-align: middle; width: 820px; margin-left: 60px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#quality li.v1 .thum_info strong { display: block; margin: 0 0 15px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 30px; color: #000000; letter-spacing: -1px; text-align: left; }
#quality:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* COMPANY */
#company { padding: 10px 0 0; }
#company h2 { margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 30px; color: #0a47b8; letter-spacing: -1px; text-align: left; }

#company .who { margin: 30px 0 0; font-size: 0; }
#company .who .thum { display: inline-block; vertical-align: top; width: 400px; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#company .who .thum_info { display: inline-block; vertical-align: top; width: 810px; margin: 10px 0 0 70px; }
#company .who .thum_info ul { margin: ]0; padding: 0; }
#company .who .thum_info li { list-style: none; margin: 0 0 60px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#company .who .thum_info li strong { display: block; margin: 0 0 15px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 30px; color: #000000; letter-spacing: -1px; text-align: left; }
#company .who .thum_info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#company .value { margin: 30px 0 0; font-size: 0; }
#company .value .thum { display: inline-block; vertical-align: top; width: 400px; margin: 0 0 0 60px; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#company .value .thum_m { display: none; line-height: 0; -webkit-box-show:20px 20px 0 #efefef; -moz-box-shadow:20px 20px 0 #efefef; box-shadow:20px 20px 0 #efefef; }
#company .value .thum_m img { width: 100%; }
#company .value .thum_info { display: inline-block; vertical-align: top; width: 820px; }
#company .value .thum_info ul { margin: ]0; padding: 0; }
#company .value .thum_info li { list-style: none; margin: 0 0 50px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#company .value .thum_info li strong { display: block; margin: 0 0 15px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 30px; color: #000000; letter-spacing: -1px; text-align: left; }
#company .value .thum_info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* CONTACT */
#contact { margin: 0 40px 100px; padding: 25px 0 0; font-size: 0; }
#contact .connect { display: inline-block; vertical-align: top; width: 670px; }
#contact .connect h2 { margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 30px; color: #000000; letter-spacing: -1px; text-align: left; }
#contact .connect .list { margin: 40px 0 0; }
#contact .connect .list ul { margin: 0; padding: 0; }
#contact .connect .list li { list-style: none; margin: 0 0 35px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#contact .connect .list li strong { display: block; margin: 0 0 10px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #0a47b8; letter-spacing: -1px; text-align: left; }
#contact .connect .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#contact .how { display: inline-block; vertical-align: top; width: 530px; }
#contact .how h2 { margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 30px; color: #000000; letter-spacing: -1px; text-align: left; }
#contact .how p { margin: 22px 0 0 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#contact .how .form { margin: 30px auto 0; }
#contact .how .form .form_list { }
#contact .how .form .form_list ul { margin: 0; padding: 0; }
#contact .how .form .form_list li { list-style: none; float: left; width: 48.6%; height: 50px; margin: 0 0 15px 0; background-color: #eeeeee; }
#contact .how .form .form_list li.v1 { margin-left: 2.8%; }
#contact .how .form .form_list li.v2 { width: 100%; height: 150px; }
#contact .how .form .form_list li input { width: 100%; height: 50px; padding: 0 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 28px; color: #666666; letter-spacing: 0; text-align: left; border: none; background-color: transparent; outline: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#contact .how .form .form_list li textarea { width: 100%; height: 100%; padding: 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 28px; color: #666666; letter-spacing: 0; text-align: left; border: none; resize: none; background-color: transparent; outline: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#contact .how .form .form_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#contact .how .form .btn_submit { width: 210px; height: 40px; margin: 0; float: right; background-color: #0a47b8; }
#contact .how .form .btn_submit a,
#contact .how .form .btn_submit a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #ffffff; letter-spacing: -1px; text-align: center; }



/* NEW MAIN */
#container > .new_slide { }
#container > .new_slide ul { margin: 0; padding: 0; }
#container > .new_slide li { position: relative; list-style: none; height: 600px; line-height: 0; text-align: center; }
#container > .new_slide li img.mobile { display: none; }
#container > .new_slide li img { width: 100%; }
#container > .new_slide .outer { display: table; position: absolute; width: 100%; height: 100%; }
#container > .new_slide .outer .inner { display: table-cell; vertical-align: middle; }
#container > .new_slide .outer .inner .area { width: 1280px; margin: 0 auto; }
#container > .new_slide .outer .inner .slogan { margin: -30px 0 0 70px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 62px; line-height: 80px; color: #2d2d2d; letter-spacing: 0; text-align: left; }
#container > .new_slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .new_main { overflow: hidden; padding-bottom: 110px; }

#container > .new_main .performance { overflow: hidden; background-color: #f8f8f8; }
#container > .new_main .performance h2 { margin: 100px 0 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 40px; color: #333333; letter-spacing: -1px; text-align: center; }
#container > .new_main .performance_list { width: 1280px; margin: 50px auto 90px; }
#container > .new_main .performance_list ul { margin: 0; padding: 0; }
#container > .new_main .performance_list li { list-style: none; float: left; width: 50%; padding: 0 20px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 32px; color: #777777; letter-spacing: -0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .new_main .performance_list span { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 32px; color: #024fde; letter-spacing: -0.5px; text-align: left; }
#container > .new_main .performance_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .new_main .service { width: 1280px; margin: 110px auto; }
#container > .new_main .service ul { margin: 0; padding: 0; }
#container > .new_main .service li { position: relative; list-style: none; margin: 75px 0 0; }
#container > .new_main .service li:first-child { margin: 0; }
#container > .new_main .service .thum { position: absolute; right: 0; top: 0;  line-height: 0; }
#container > .new_main .service .info { width: 605px; margin: 0 0 0 15px; }
#container > .new_main .service .info h3 { margin: 0 0 0 5px; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 28px; color: #333333; letter-spacing: 0; text-align: left; }
#container > .new_main .service .info h4 { margin: 20px 0 0 5px; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; font-size: 34px; line-height: 34px; color: #024fde; letter-spacing: -0.5px; text-align: left; }
#container > .new_main .service .info p { margin: 46px 0 0 5px; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 32px; color: #777777; letter-spacing: 0; text-align: left; }
#container > .new_main .service .info p i { display: block; }
#container > .new_main .service .info .btn { margin: 40px 0 0 0; width: 290px; background-color: #ff5001;-webkit-box-show:10px 10px 10px #000; -moz-box-shadow:10px 10px 10px #000; box-shadow:8px 8px 9px rgba(0, 0, 0, 0.2); }
#container > .new_main .service .info .btn a,
#container > .new_main .service .info .btn a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 54px; color: #ffffff; letter-spacing: -0.5px; text-align: center; }
#container > .new_main .service li:nth-child(2) .thum { left: 0; right: auto; }
#container > .new_main .service li:nth-child(2) .info { margin: 0 0 0 675px; }
#container > .new_main .service:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .new_main .business { overflow: hidden; padding: 110px 0; background-color: #f8f8f8; }
#container > .new_main .business h2 { margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 39px; line-height: 40px; color: #333333; letter-spacing: -0.5px; text-align: center; }
#container > .new_main .business h2 span { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; font-size: 39px; line-height: 40px; color: #024fde; letter-spacing: -0.5px; text-align: center; }
#container > .new_main .business .list { width: 1250px; margin: 60px auto 0; }
#container > .new_main .business .list ul { margin: 0; padding: 0; }
#container > .new_main .business .list li { list-style: none; float: left; width: 390px; margin: 0 0 0 40px; cursor: pointer; }
#container > .new_main .business .list li:first-child { margin: 0; }
#container > .new_main .business .list .thum { line-height: 0; }
#container > .new_main .business .list .thum_info { margin: 40px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 17px; line-height: 32px; color: #777777; letter-spacing: 0; text-align: left; }
#container > .new_main .business .list .thum_info strong { display: block; margin: 0 0 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 22px; color: #333333; letter-spacing: -0.25px; text-align: left; }
#container > .new_main .business .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .new_main .product { overflow: hidden; padding: 110px 0 0; }
#container > .new_main .product h2 { margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 39px; line-height: 40px; color: #333333; letter-spacing: -0.5px; text-align: center; }
#container > .new_main .product h2 span { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; font-size: 39px; line-height: 40px; color: #024fde; letter-spacing: -0.5px; text-align: center; }
#container > .new_main .product .list { width: 1250px; margin: 60px auto 0; }
#container > .new_main .product .list ul { margin: 0; padding: 0; }
#container > .new_main .product .list li { list-style: none; float: left; width: 390px; margin: 0 40px 50px 0; cursor: pointer; }
#container > .new_main .product .list li:nth-child(3n) { margin: 0 0 50px 0; }
#container > .new_main .product .list .thum { line-height: 0; }
#container > .new_main .product .list .thum_info { margin: 30px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 22px; color: #333333; letter-spacing: 0; text-align: left; }
#container > .new_main .product .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* NEW SUB MENU */
#new_submenu { height: 70px; background-color: #f9f9f9; border-bottom: 1px solid #e4e4e5; }
#new_submenu .menu { width: 1280px; margin: 0 auto; border-left: 1px solid #e4e4e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new_submenu .menu ul { margin: 0; padding: 0; }
#new_submenu .menu li { list-style: none; float: left; width: 50%; text-align: center; border-right: 1px solid #e4e4e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
#new_submenu .menu span { display: inline-block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 70px; color: #666666; letter-spacing: -1px; text-align: center; }
#new_submenu .menu li.select span { padding: 0 10px; font-weight: 400; color: #0a47b8; border-bottom: 1px solid #0a47b8; }
#new_submenu .menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* PRODUCTS */
#products .new_tab { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
#products .new_tab ul { margin: 0; padding: 0; }
#products .new_tab li { list-style: none; float: left; width: 14.285%; height: 60px; text-align: center; cursor: pointer; }
#products .new_tab li.v1 { width: 20%; }
#products .new_tab li:fist-child { border-left: none; }
#products .new_tab span { display: inline-block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 60px; color: #888888; letter-spacing: -1px; text-align: center; }
#products .new_tab li.select span { margin-top: -1px; font-weight: 400; line-height: 60px; color: #0a47b8; border-top: 2px solid #0a47b8; }
#products .new_tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#products .new_box { padding: 55px 20px; font-size: 0; border-bottom: 1px solid #cbcbcb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#products .new_box.v1 { border-bottom: none; }
#products .new_box.v2 { border-bottom: none; }
#products .new_box.v3 { padding: 20px 20px 55px; border-bottom: none; }
#products h3 { margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 38px; color: #333333; letter-spacing: -1px; text-align: left; }
#products h3.v1 { margin: 30px 0 0; }
#products p { margin: 20px 0 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: left; }
#products .new_box.v2 p { margin: 0; }
#products .new_box .box_outer { display: inline-block; vertical-align: top; width: 50%; }

#products .new_list { margin: 20px 0 0; }
#products .new_list ul { margin: 0; padding: 0; }
#products .new_list li { position: relative; list-style: none; padding-left: 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#products .new_list li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 15px; background-color: #8b8b8b; }
#products .new_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#products .new_btn { margin: 25px 0 0; }
#products .new_btn ul { margin: 0; padding: 0; }
#products .new_btn li { position: relative; list-style: none; float: left; width: 354px; margin: 0 20px 0 0; background-color: #0179ff; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#products .new_btn li.v1 { width: 500px; }
#products .new_btn li:after { content: ""; position: absolute; width: 36px; height: 12px; right: 22px; top: 50%; margin-top: -6px; background: url("../images/new_product/dot.png") no-repeat; }
#products .new_btn a,
#products .new_btn a:hover { display: block; padding: 0 0 0 30px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 52px; color: #ffffff; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#products .new_btn:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#products .list.v1 { margin: 30px -26px 0; }
#products .list.v1 .list_info { margin: 28px 15px 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.5px; text-align: center; }
#products .list .btn_down.v1 { bottom: 27px; }

#products .faq { margin: 20px 0 0; border-top: 1px solid #cbcbcb; }
#products .faq ul { margin: 0; padding: 0; }
#products .faq li { list-style: none; float: none; border-bottom: 1px solid #cbcbcb; background-color: #f4f4f4; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#products .faq .question { padding: 15px 30px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
#products .faq .answer { display: none; padding: 30px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: left; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#products .faq .answer ul { margin: 0; padding: 0; }
#products .faq .answer li { position: relative; list-style: none; padding: 0 0 0 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.5px; text-align: left; background-color: #fff; border: none; }
#products .faq .answer li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 15px; background-color: #8b8b8b; }
#products .faq .answer:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#products .faq li.select { border-bottom: 1px solid #cbcbcb; background-color: #ff5001; }
#products .faq li.select .question { color: #fff; }
#products .faq:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#products .new_thum { margin: 30px 0 0; }
#products .new_thum ul { margin: 0; padding: 0; }
#products .new_thum li { list-style: none; float: left; width: 300px; margin: 0 24px 0 0; border: 1px solid #dcdcdc; line-height: 0; -webkit-box-show:10px 10px 0 #efefef; -moz-box-shadow:10px 10px 0 #efefef; box-shadow:10px 10px 0 #efefef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#products .new_thum li:nth-child(4) { margin: 0; }
#products .new_thum img { width: 100%; }
#products .new_thum:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 팝업 */
#popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:999999; display:none; }
#popup { position:fixed; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; display:none; }
#popup .outer { display:table-cell; vertical-align:middle; }
#popup .outer .inner { position:relative; width:1173px; margin:0 auto; background-color:#fff; }
#popup .outer .inner .inner_box { overflow-y:auto; position:relative; padding:0; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 20px #555; -webkit-box-show:0 0 20px #555; box-shadow:0 0 20px #555; }
#popup .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }




@media screen and (max-width:1920px) {

	/* CONTAINER */
	#container > .slide li { height: 500px; }
	#container > .slide li img.pc { display: none; }

}


@media screen and (max-width:640px) {

	/* LAYOUT */
	#header { min-width: 320px; height: 55px; }
	#container { min-width: 320px; margin: 55px auto 0; }


	/* HEADER - HEAD */
	#header > .outer { width: auto; }
	#header > .outer h1 { padding: 3px 0 0 10px; }
	#header > .outer h1 img { height: 50px }


	/* HEADER - GNB */
	#header > .outer .gnb { display: none; }
	#header > .outer .gnb_btn { right: 15px; top: 18px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }


	/* CONTAINER */
	#container > .slide li { height: auto; }
	#container > .slide li img.pc { display: none; }
	#container > .slide li img.mobile { display: block; }
	#container > .slide .outer { margin-top: -10%; }
	#container > .slide .outer .inner .text01 { font-size: 16px; line-height: 20px; }
	#container > .slide .outer .inner .text02 { margin: 10px 0 0 ; font-size: 24px; line-height: 36px; }

	#container > .main_container { padding-bottom: 40px; }


	/* GALLERY */
	#container > .main_container .gallery { width: auto; margin: 20px 3.5% 0; padding-bottom: 0; }
	#container > .main_container .gallery h2 { margin: 30px 0 0; font-size: 22px; line-height: 22px; }
	#container > .main_container .gallery p { margin: 10px 0 0; font-size: 15px; }
	#container > .main_container .gallery .list { margin: 30px 10px 20px; }
	#container > .main_container .gallery .list li {  width: 48%; margin: 0; }
	#container > .main_container .gallery .list .thum img { width: 100%; }
	#container > .main_container .gallery .list .thum_info { margin: 15px 0 0; font-size: 15px; }


	/* SIDE */
	#container > .main_container .side { width: auto; margin: 20px 3.5% 0; padding: 30px 0; }
	#container > .main_container .side ul { margin: 0; }
	#container > .main_container .side li { float: none; width: auto; margin: 0 2% 30px; }
	#container > .main_container .side .icon img { height: 50px; }
	#container > .main_container .side h2 { margin: 15px 0 0 ; font-size: 20px; line-height: 20px; }
	#container > .main_container .side p { margin: 10px 0 0 ; font-size: 15px; }
	#container > .main_container .side p i { display: none; }


	/* SUB LAYOUT */
	#sub_spot { height: auto; }
	#sub_spot img.mobile { display: block; }
	#sub_spot .spot_text { top: 50%; margin-top: -12px; font-size: 24px; line-height: 24px; }

	#sub_container { width: auto; margin: 30px 3.5% 50px; }


	/* FOOTER */
	#footer > .outer { width: auto; margin: 0 3.5%; padding-bottom: 30px; }

	#footer > .outer .menu { margin: 30px 0 0 0; }
	#footer > .outer .menu ul { font-size: 0; text-align: center; }
	#footer > .outer .menu li { display: inline-block; vertical-align: top; float: none; margin-left: 10px; padding-left: 11px; }
	#footer > .outer .menu li:after { top: 2px; }
	#footer > .outer .menu li a,
	#footer > .outer .menu li a:hover { font-size: 14px; }

	#footer > .outer .copyright { margin: 14px 10px 0; }
	#footer > .outer .copyright ul { font-size: 0; text-align: center; }
	#footer > .outer .copyright li { display: inline-block; float: none; margin: 0 5px; font-size: 13px; line-height: 20px; }


	/* PRODUCTS */
	#products .tab li { width: 33.333333%; height: 38px; border-bottom: 1px solid #dddddd; }
	#products .tab li.v1 { }
	#products .tab a,
	#products .tab a:hover { font-size: 15px; line-height: 38px; }

	#products .pdf_download { position:relative; width:auto; height:38px; right:auto; top:auto; margin:10px 0 0; }
	#products .pdf_download a,
	#products .pdf_download a:hover { font-size: 15px; line-height: 38px; }

    
    
	#products .head { margin: 30px 0 0; padding-bottom: 40px; }
	#products .head .thum { display: block; width: auto; }
	#products .head .thum img { width: 100%; }
	#products .head .thum_info { display: block; width: auto; margin: 50px 0 0; font-size: 16px; line-height: 28px; }

	#products .list li { float: none; width: auto; height: auto; margin: 0 3% 20px; }
    #products .list li.v1 { height: auto; padding-bottom:25px; }
	#products .list li:nth-child(4n) { margin: 0 3% 20px; }
	#products .list .list_head { height: 40px; line-height: 40px; }
	#products .list .btn_down { position: relative; width: auto; left: auto; bottom: auto; margin: 20px auto 0; }
	#products .list .btn_down li { width: 50px; }
	#products .list .btn_down .thum img { width: 50px; }
	#products .list .btn_down .thum_info { font-size: 14px; }

	#products .list01 { margin: 30px auto 0; }
	#products .list01 li { display:block; float: none; width: auto; height:auto; margin: 0 0 20px 0; }
	#products .list01 li.v1 { width: auto; margin: 0 0 20px 0; }
	#products .list01 li.v2 { width:auto; height: auto; }
	#products .list01 .list_head { height: 40px; line-height: 40px; }
	#products .list01 th { padding: 5px 0; font-size: 14px; line-height:18px; }
	#products .list01 td { padding: 5px 0; font-size: 14px; line-height:18px; }


	/* SERVICES */
	#services { padding: 0; }
	#services .thum { display: block; width: auto; }
	#services .thum img { width: 100%; }
	#services .thum_info { display: block; width: auto; margin: 50px 0 0; }
	#services .thum_info strong { margin: 0 0 15px 0; font-size: 24px; line-height: 30px; }


	/* QUALITY */
	#quality { padding: 0; }

	#quality .thum { display: none; }
	#quality .thum_m { display: block; }
	#quality .thum_info { display: block; width: auto; margin: 50px 0 0; }
	#quality .thum_info strong { margin: 0 0 15px 0; font-size: 24px; line-height: 30px; }

	#quality li.v1 .thum { display: block; width: auto; }
	#quality li.v1 .thum img { width: 100%; }
	#quality li.v1 .thum_info { display: block; width: auto; margin: 50px 0 0; }
	#quality li.v1 .thum_info strong { margin: 0 0 15px 0; font-size: 24px; line-height: 30px; }


	/* COMPANY */
	#company { padding: 0; }
	#company h2 { font-size: 26px; }

	#company .who { margin: 20px 0 0; }
	#company .who .thum { display: block; width: auto; }
	#company .who .thum img { width: 100%; }
	#company .who .thum_info { display: block; width: auto; margin: 50px 0 0; }
	#company .who .thum_info li { margin: 0 0 40px 0; }
	#company .who .thum_info li strong { margin: 0 0 15px 0; font-size: 24px; line-height: 30px; }

	#company .value { margin: 20px 0 0; }
	#company .value .thum { display: none; }
	#company .value .thum_m { display: block; }
	#company .value .thum_info { display: block; width: auto; margin: 50px 0 0; }
	#company .value .thum_info li { margin: 0 0 40px 0; }
	#company .value .thum_info li strong { margin: 0 0 15px 0; font-size: 24px; line-height: 30px; }


	/* CONTACT */
	#contact { margin: 0 0 50px; padding: 0; }
	#contact .connect { display: block; width: auto; }
	#contact .connect h2 { font-size: 24px; }
	#contact .connect .list { margin: 20px 0 0; }
	#contact .connect .list li { margin: 0 0 30px 0; }
	#contact .connect .list li strong { font-weight: 500; }

	#contact .how { display: block; width: auto; margin-top: 50px; }
	#contact .how h2 { font-size: 24px; }
	#contact .how p { margin: 20px 0 0 0; }
	#contact .how .form { margin: 20px auto 0; }
	#contact .how .form .form_list li { margin: 0 0 10px 0; }
	#contact .how .form .form_list li.v2 { height: 100px; }
	#contact .how .form .form_list li input { padding: 0 14px; }
	#contact .how .form .form_list li textarea { padding: 15px; }
	#contact .how .form .btn_submit { display: block; width: auto; margin: 0 0 50px 0; float: none; }



	/* NEW MAIN */
	#container > .new_slide li { height: auto; }
	#container > .new_slide li img.mobile { display: block; }
	#container > .new_slide .outer { left: 0; top: 0; }
	#container > .new_slide .outer .inner .area { width: auto; }
	#container > .new_slide .outer .inner .slogan { margin: -20px 0 0 6%; font-size: 26px; line-height: 40px; }

	#container > .new_main { padding-bottom: 60px; }

	#container > .new_main .performance h2 { margin: 50px 5% 0; font-size: 24px; line-height: 34px; }
	#container > .new_main .performance_list { width: auto; margin: 30px auto 50px; }
	#container > .new_main .performance_list li { float: none; width: auto; margin: 30px 0; padding: 0 20px; font-size: 17px; }
	#container > .new_main .performance_list span { font-size: 17px; }

	#container > .new_main .service { width: auto; margin: 50px 3.5% 0; }
	#container > .new_main .service li { margin: 50px 0 0; }
	#container > .new_main .service .thum { position: relative; right: auto; top: auto; }
	#container > .new_main .service .thum img { width: 100%; }
	#container > .new_main .service .info { width: auto; margin: 30px 0 0 0; }
	#container > .new_main .service .info h4 { margin: 10px 0 0 5px; font-size: 24px; line-height: 34px; }
	#container > .new_main .service .info p { margin: 30px 0 0 5px; font-size: 17px; }
	#container > .new_main .service .info p i { display: none; }
	#container > .new_main .service .info .btn { margin: 40px 0 100px 0; width: auto; }
	#container > .new_main .service li:nth-child(2) .thum { left: auto; }
	#container > .new_main .service li:nth-child(2) .info { margin: 30px 0 0 0; }

	#container > .new_main .business { padding: 60px 3.5% 0; }
	#container > .new_main .business h2 { font-size: 24px; line-height: 34px; }
	#container > .new_main .business h2 span { font-size: 24px; line-height: 34px; }
	#container > .new_main .business .list { width: auto; margin: 40px auto 0; }
	#container > .new_main .business .list li { float: none; width: auto; margin: 0 0 50px 0; }
	#container > .new_main .business .list li:first-child { margin: 0 0 50px 0; }
	#container > .new_main .business .list .thum img { width: 100%; }
	#container > .new_main .business .list .thum_info { margin: 30px 0 0; }
	#container > .new_main .business .list .thum_info strong { margin: 0 0 10px; font-size: 20px; line-height: 30px; }

	#container > .new_main .product { padding: 50px 3.5% 0; }
	#container > .new_main .product h2 { font-size: 24px; line-height: 34px; }
	#container > .new_main .product h2 span { font-size: 24px; line-height: 34px; }
	#container > .new_main .product .list { width: auto; margin: 40px auto 0; }
	#container > .new_main .product .list li { float: left; width: 49%; margin: 0 2% 40px 0; }
	#container > .new_main .product .list li:nth-child(3n) { margin: 0 2% 40px 0; }
	#container > .new_main .product .list li:nth-child(2n) { margin: 0 0 40px 0; }
	#container > .new_main .product .list .thum img { width: 100%; }
	#container > .new_main .product .list .thum_info { margin: 15px 0 0; font-weight:300; font-size: 18px; }


	/* NEW SUB MENU */
	#new_submenu { height: 60px; }
	#new_submenu .menu { width: auto; }
	#new_submenu .menu span { font-size: 17px; line-height: 60px; }


	/* PRODUCTS */
	#products .new_tab { margin-top: 50px; padding: 15px 0; }
	#products .new_tab li { float: left; width: auto; height: auto; margin: 0 20px; }
	#products .new_tab li.v1 { width: auto; }
	#products .new_tab span { font-size: 16px; line-height: 40px; }
	#products .new_tab li.select span { margin-top: 0; line-height: 34px; border-top: none; }

	#products .new_box { padding: 40px 3.5%; }
	#products .new_box.v3 { padding: 20px 3.5% 55px; }
	#products h3 { font-size: 22px; line-height: 36px; }
	#products h3.v1 { margin: 50px 0 0; }

	#products .new_box .box_outer { display: block; width: auto; margin-bottom: 50px; }

	#products .new_btn li { width: 49%; margin: 0 2% 0 0; }
	#products .new_btn li:nth-child(2) { margin: 0; }
    #products .new_btn li.v1 { width: 100%; margin:0; }
	#products .new_btn a,
	#products .new_btn a:hover { padding: 0 0 0 20px; font-size: 16px; line-height: 46px; }

	#products .list.v1 { margin: 20px -3% 0; }
	#products .list .btn_down.v1 { bottom: auto; }

	#products .faq .question { padding: 10px 20px; }
	#products .faq .answer { padding: 20px; }

	#products .new_thum { margin: -20px 0 0; }
	#products .new_thum li { width: 49%; margin: 0 2% 20px 0; }
	#products .new_thum li:nth-child(4) { margin: 0 2% 20px 0; }
	#products .new_thum li:nth-child(2n) { margin: 0 0 20px 0; }

    /* 팝업 */
    #popup .outer .inner { width:auto; height:auto; margin:10px; }
    #popup .outer .inner .inner_box { height:auto; }
    #popup .outer .inner .inner_box img { width:100%; }
    #popup .outer .inner .btn_close { position:relative; width:100%; height:40px; left:auto; right:auto; top:auto; margin-top:0; background-color:#999; text-align:center; cursor:pointer; }
    #popup .outer .inner .btn_close img { width:16px; margin-top:10px; }
}


@media screen and (max-width:480px) {

	/* CONTAINER */
	#container > .slide .outer { margin-top: -10%; }
	#container > .slide .outer.v1 { margin-top: -15%; }

}