﻿@charset "utf-8";
@import url('style.css');
@font-face { font-family: 'NEXEN_TIRE_Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
div#wrap {position:relative; width:100%; height:100%;}

div#head {width:100%; height:68px; z-index:9; padding:0 20px; position:fixed; top:0px; left:0px; background:#fff;}
div#head h1 {line-height:68px; vertical-align:middle;}
div#head h1 img {vertical-align:middle;}
div#head ul {position:absolute; right:64px; top:18px;}
div#head ul li {display:inline-block; margin-right:70px;}
div#head ul li a {font-size:22px; color:#362e2b; font-weight:400;}

/*메인섹션*/
div#main_section {position:relative; width:100%; height:979px; background:url("/images/main_bg.jpg") no-repeat; background-size:cover;     background-position: center center; }
div#main_section div.main_contents {width:534px; height:300px; position:absolute; top:208px; left:224px;}
div#main_section div.main_contents div.main_contents_txt {position:relative;}
div#main_section div.main_contents div.main_contents_txt dl {position:relative; margin-bottom:44px;}
div#main_section div.main_contents div.main_contents_txt dl dt {font-size:45px; font-weight:bold; color:#535353; padding-bottom:30px; line-height:1.5;}
div#main_section div.main_contents div.main_contents_txt dl dt img{padding-top:12px}
div#main_section div.main_contents div.main_contents_txt dl dd {font-size:35px; color:#181515; font-weight:normal; line-height:1.5;}
div#main_section div.main_contents div.main_contents_txt dl dd strong {font-size:38px; font-weight:bold; color:#000;}
div#main_section div.main_contents button {width:200px; height:53px; background:#b6d203; color:#fff; font-weight:700; font-size:28px; border:none;}

/*첫번째 섹션*/
div#section_01 {position:relative; width:100%; min-height:556px; background:#fff; padding-top:195px;}
div.sec01_sontents {width:1214px; position:relative; margin:0 auto; overflow:hidden;}
div#section_01 ul {width:100%; position:relative; overflow:hidden;}
div#section_01 ul li {text-align:center; width:100%; text-align:center; padding-bottom:70px;}
div#section_01 ul li:last-child {margin-right:0px;}
div#section_01 ul li dl {position:relative;}
div#section_01 ul li dl dt {padding-bottom:54px; display:inline-block; font-size:38px; font-weight:300; color:#181515; padding-right:100px;}
div#section_01 ul li dl dd {text-align:center; font-size:75px; font-weight:bold; display:inline-block; }  
div#section_01 ul li dl dd strong {font-size:75px;}
div#section_01 ul li dl dd span {font-size:75px; color:#b6d203;}
div#section_01 ul li dl dd p {display:inline-block; font-size:75px; font-weight:700; color:#535353 !important; opacity:initial;}
div#section_01 p {color:#181515; opacity:0.6; padding-bottom:24px; text-align:right; font-size:16px;}

/*두번째 섹션*/
div#section_02 {position:relative; width:100%; height:960px; background:#fff;}
div#section_02 div.sec02_contents {width:1248px; position:relative; margin:0 auto; overflow:hidden; text-align:center; padding-top:146px;}

div#section_02 div.sec02_contents img {max-width:1048px; width:100%;}

div#section_02 div.sec02_contents div.top {width:100%; position:relative; overflow:hidden;}
div#section_02 div.sec02_contents div.top dl.top_text {float:left;}
div#section_02 div.sec02_contents div.top dl.top_text dt {font-size:58px; font-weight:700; color:#535353; line-height:1.2;}
div#section_02 div.sec02_contents div.top dl.top_text dd {font-size:22px; color:#181515; padding-top:10px; opacity:0.8;}
div#section_02 div.sec02_contents div.top dl.top_text dd strong {font-size:22px; font-weight:600; color:#181515;}
div#section_02 div.sec02_contents div.top ul {float:right; overflow:hidden; position:relative;}
div#section_02 div.sec02_contents div.top ul li {float:left; margin-right:134px;}
div#section_02 div.sec02_contents div.top ul li:last-child {margin-right:0px;}
div#section_02 div.sec02_contents div.top ul li dl {position:relative;}
div#section_02 div.sec02_contents div.top ul li dl dt {position:relative; padding-bottom:20px;}
div#section_02 div.sec02_contents div.top ul li dl dd {font-size:18px; color:#181515; opacity:0.8; text-align:center; line-height:1.5;}
div#section_02 div.sec02_contents div.bottom {width:100%; position:relative; overflow:hidden; padding-top:82px;}
div#section_02 div.sec02_contents div.bottom ul li {float:left; margin-right:187px;}
div#section_02 div.sec02_contents div.bottom ul li:last-child {margin-right:0px;}
div#section_02 div.sec02_contents div.bottom ul li dl {position:relative;}
div#section_02 div.sec02_contents div.bottom ul li dl dt {position:relative; padding-bottom:20px;}
div#section_02 div.sec02_contents div.bottom ul li dl dd {font-size:16px; color:#181515; opacity:0.8; text-align:center; line-height:1.5;}

/*세번째 섹션*/
div#section_03 {position:relative; width:100%; height:960px; padding-top:118px;}
div#section_03 div.sec03_contents {position:relative; width:1214px; margin:0 auto; overflow:hidden;}
div#section_03 div.sec03_contents h1 {text-align:center; clear:both; padding-bottom:60px;}
div#section_03 div.sec03_contents div.left {float:left; width:40%; padding-top:100px;}
div#section_03 div.sec03_contents div.left h2 {font-size:35px; font-weight:500; color:#535353; padding-bottom:90px;}
div#section_03 div.sec03_contents div.left ul.sec03_tab {position:relative; overflow:hidden; padding-bottom:78px;}
div#section_03 div.sec03_contents div.left ul.sec03_tab li {float:left; font-size:21px; padding-top:12px; margin-right:26px; border-top:3px solid #fff; opacity:0.5; cursor:pointer;}
div#section_03 div.sec03_contents div.left ul.sec03_tab li:last-child {margin-right:0px;}
div#section_03 div.sec03_contents div.left ul.sec03_tab li.on {border-top:3px solid #b6d203; opacity:1;}
div#section_03 div.sec03_contents div.left p {font-size:18px; line-height:1.5; opacity:0.9; display:none;}
div#section_03 div.sec03_contents div.left p.sec03_txt_01 {display:block;}
div#section_03 div.sec03_contents div.right {float:right; width:60%; height:570px; background:url("/images/monitor_img.png") no-repeat; background-size:contain;}
div#section_03 div.sec03_contents div.right ul.sec03_slide {margin:8px 0 0 10px;}
div#section_03 div.sec03_contents div.right ul.sec03_slide li {overflow:hidden; display:none;}
div#section_03 div.sec03_contents div.right ul.sec03_slide li:nth-child(1) {display:block; width:auto;}
div#section_03 div.sec03_contents div.right dl {position:absolute; right:0px; bottom:0px; display:none !important;}
div#section_03 div.sec03_contents div.right dl dd {font-size:16px; text-align:center; padding-top:30px;}
div#section_03 div.sec03_contents div.right dl dt {text-align:right;}

/*네번째 섹션*/
div#section_04 {position:relative; width:100%; height:930px; padding-top:118px;}
div#section_04 div.sec04_contents {position:relative; width:1214px; margin:0 auto; overflow:hidden;}
div#section_04 div.sec04_contents h1 {text-align:center; clear:both; padding-bottom:60px;}
div#section_04 div.sec04_contents div.left {float:left; width:60%; height:570px; background:url("/images/monitor_img.png") no-repeat; background-size:contain; /*background:url("/images/mobile_bg.png") no-repeat center top; background-size:336px 538px;*/  position:relative; overflow:hidden;}
div#section_04 div.sec04_contents div.left ul.sec04_slide {margin:8px 0 0 8px;}
div#section_04 div.sec04_contents div.left ul.sec04_slide li {overflow:hidden; display:none;}
div#section_04 div.sec04_contents div.left ul.sec04_slide li:nth-child(1) {display:block; width:auto;}
div#section_04 div.sec04_contents div.left div.sec04_slide_m {display:none;}
div#section_04 div.sec04_contents div.left div.sec04_slide_m ul {margin:8px 0 0 8px;}
div#section_04 div.sec04_contents div.left div.sec04_slide_m ul li {text-align:center;}
div#section_04 div.sec04_contents div.left div.sec04_slide_m ul li img {margin-top:7px; margin-right:-4.5px;}
div#section_04 div.sec04_contents div.left img.sec04_fade1 {position:absolute; left:60px; bottom:100px; z-index:-1; display:none;}
div#section_04 div.sec04_contents div.left img.sec04_fade2 {position:absolute; bottom:100px; right:60px; z-index:-1; display:none;}
div#section_04 div.sec04_contents div.left dl {position:absolute; right:0px; bottom:0px;}
div#section_04 div.sec04_contents div.left dl dd {font-size:16px; text-align:center; padding-top:30px;}
div#section_04 div.sec04_contents div.right {float:right; width:40%; padding-top:100px; padding-left:43px;}
div#section_04 div.sec04_contents div.right h2 {font-size:35px; font-weight:500; color:#535353; padding-bottom:90px;}
div#section_04 div.sec04_contents div.right ul.sec04_tab {position:relative; overflow:hidden; padding-bottom:78px;}
div#section_04 div.sec04_contents div.right ul.sec04_tab li {float:left; font-size:21px; padding-top:12px; margin-right:40px; border-top:3px solid #fff; opacity:0.5; cursor:pointer;}
div#section_04 div.sec04_contents div.right ul.sec04_tab li:last-child {margin-right:0px;}
div#section_04 div.sec04_contents div.right ul.sec04_tab li.on {border-top:3px solid #b6d203; opacity:1;}
div#section_04 div.sec04_contents div.right p {font-size:18px; line-height:1.5; opacity:0.9; display:none;}
div#section_04 div.sec04_contents div.right p.sec04_txt_01 {display:block;}

/*다섯번째 섹션*/
div#section_05 {position:relative; width:100%; height:930px; padding-top:118px;}
div#section_05 div.sec05_contents {position:relative; width:1214px; margin:0 auto; overflow:hidden;}
div#section_05 div.sec05_contents h1 {text-align:center; clear:both; padding-bottom:60px;}
div#section_05 div.sec05_contents div.left {float:left; width:35%; padding-top:100px;}
div#section_05 div.sec05_contents div.left h2 {font-size:35px; font-weight:500; color:#535353; padding-bottom:90px;}
div#section_05 div.sec05_contents div.left ul.sec05_tab {position:relative; overflow:hidden; padding-bottom:78px;}
div#section_05 div.sec05_contents div.left ul.sec05_tab li {float:left; font-size:21px; padding-top:5px; margin-right:26px; border-top:3px solid #fff; opacity:0.5; cursor:pointer;}
div#section_05 div.sec05_contents div.left ul.sec05_tab li:last-child {margin-right:0px;}
div#section_05 div.sec05_contents div.left ul.sec05_tab li.on {border-top:3px solid #b6d203; opacity:1;}
div#section_05 div.sec05_contents div.left p {font-size:18px; line-height:1.5; opacity:0.9; display:none;}
div#section_05 div.sec05_contents div.left p.sec05_txt_01 {display:block;}
div#section_05 div.sec05_contents div.right {float:right; width:65%; height:570px; background:url("/images/mobile_bg.png") no-repeat center top; background-size:336px 538px; position:relative; overflow:hidden;}
div#section_05 div.sec05_contents div.right ul.sec05_slide {margin:0px;}
div#section_05 div.sec05_contents div.right ul.sec05_slide li {overflow:hidden; display:none; text-align:center;}
div#section_05 div.sec05_contents div.right ul.sec05_slide li:nth-child(1) {display:block; width:auto;}
div#section_05 div.sec05_contents div.right dl {position:absolute; right:0px; bottom:0px;}
div#section_05 div.sec05_contents div.right dl dd {font-size:16px; text-align:center; padding-top:30px;}

div#section_05 div.sec05_contents div.right div.sec05_slide_m01 {display:block;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m01 ul {margin:8px 0 0 8px;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m01 ul li {text-align:center;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m01 ul li img {margin-top:7px; margin-right:-4.5px;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m01 img.sec05_fade1 {position:absolute; left:60px; bottom:100px; z-index:-1; }
div#section_05 div.sec05_contents div.right div.sec05_slide_m01 img.sec05_fade2 {position:absolute; bottom:100px; right:60px; z-index:-1; }

div#section_05 div.sec05_contents div.right div.sec05_slide_m02 {display:none;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m02 ul {margin:8px 0 0 8px;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m02 ul li {text-align:center;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m02 ul li img {margin-top:7px; margin-right:-4.5px;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m02 img.sec05_fade1 {position:absolute; left:60px; bottom:100px; z-index:-1; }
div#section_05 div.sec05_contents div.right div.sec05_slide_m02 img.sec05_fade2 {position:absolute; bottom:100px; right:60px; z-index:-1; }

div#section_05 div.sec05_contents div.right div.sec05_slide_m03 {display:none;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m03 ul {margin:8px 0 0 8px;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m03 ul li {text-align:center;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m03 ul li img {margin-top:7px; margin-right:-4.5px;}
div#section_05 div.sec05_contents div.right div.sec05_slide_m03 img.sec05_fade1 {position:absolute; left:60px; bottom:100px; z-index:-1; }
div#section_05 div.sec05_contents div.right div.sec05_slide_m03 img.sec05_fade2 {position:absolute; bottom:100px; right:60px; z-index:-1; }

/*여섯번째 섹션*/
div#section_06 {position:relative; width:100%; min-height:628px; padding-top:118px;}
div#section_06 div.sec06_contents {position:relative; width:1214px; margin:0 auto; overflow:hidden; text-align:right;}
div#section_06 div.sec06_contents h1 {text-align:center;}
div#section_06 div.sec06_contents dl {position:relative; padding-bottom:76px;}
div#section_06 div.sec06_contents dl dt {font-size:32px; font-weight:700; padding-bottom:26px; text-align:left; padding-top:88px;}
div#section_06 div.sec06_contents dl dd {font-size:16px; font-weight:400; line-height:1.5; opacity:0.8; text-align:left; position:relative; padding:50px 0; border-bottom:2px solid #7f7f7f;}
div#section_06 div.sec06_contents dl dd.first {padding-top:10px; padding-bottom:10px;}
div#section_06 div.sec06_contents dl dd a {position:absolute; right:0px; top:0px;}

/*일곱번째 섹션*/
div#section_07 {position:relative; width:100%; height:897px; padding-top:100px; background:url("/images/sec07_bg.png") no-repeat; background-size:cover; background-position: center center;}
div#section_07 h2 {position:absolute; left:24px; top:65px; color:#fff; font-size:22px;}
div#section_07 div.sec07_contents {position:relative; width:420px; margin:0 auto; overflow:hidden;}
div#section_07 div.sec07_contents dl {position:relative; padding-bottom:12px;}
div#section_07 div.sec07_contents dl dt {padding-bottom:30px;}
div#section_07 div.sec07_contents dl dd {color:#fff; font-size:22px; line-height:1.5;}
div#section_07 div.sec07_contents table {width:100%; position:relative; margin-bottom:19px;}
div#section_07 div.sec07_contents table th {width:100%; text-align:left;}
/*div#section_07 div.sec07_contents table tr:nth-child(7) th{font-family: 'NEXEN_TIRE_Bold'; color:#b6d203; font-size:23px; font-weight:600}*/
div#section_07 div.sec07_contents table td {padding:10px 0;}
div#section_07 div.sec07_contents table td input {border:none; background:none; border-bottom:1px solid #fff; width:100%;  height:50px; color:#fff; font-size:18px; outline:none;}
div#section_07 div.sec07_contents table td input::placeholder {color:#fff;}
div#section_07 div.sec07_contents button {background:none; border:none; display:block}
div#section_07 div.sec07_contents > a{width:407px; height:47px; background-color: #b6d203; color:#fff; display:block; border-radius:10px; text-align:center; line-height:50px; font-size:27px;  font-family: 'NEXEN_TIRE_Bold'; margin-top:20px}
/*푸터*/
footer {width:100%; height:125px; position:absolute; bottom:0px; left:0px; background:url("/images/foot_bg.png");}
footer div.footer {width:1090px;height:125px; margin:0 auto; position:relative;}
footer div.footer dl {position:relative; overflow:hidden;}
footer div.footer dl dt {float:left; line-height:114px; vertical-align:middle;}
footer div.footer dl dt img {vertical-align:middle; padding-top:10px}
footer div.footer dl dd {float:left; font-size:18px; color:#000000; line-height:1.5; padding:10px 0 0px 90px; letter-spacing:1px;}
footer div.footer dl dd span {padding:0 20px;}

/*메뉴얼*/
div#menual_wrap {position:relative; width:100%; text-align:center; overflow:hidden;}
div#menual_wrap div.swiper-slide img {width:100%; height:100%;}

/*레이어 팝업*/
div.new_popup_01 {background:url("/images/opa_bg.png") repeat; width:100%; height:100%; position:fixed; top:0px; left:0px; padding:80px; z-index:10; display:none;}
div.new_popup_01 svg {position:absolute; top:10px; right:20px; cursor:pointer;}
div.new_popup_body {background:#fff; width:100%; height:100%; opacity: 1; overflow-y:auto;}