@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
/* 폰트 Weight ExL 100, L 300, R 400, M 500, B 700, H 900 */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
/* 폰트 Weight thin 100, L 300, R 400, B 700, BL 900 */

body, html{width:100%; height:100%; min-width:360px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0px; padding:0px;}
body,input,textarea,select,table,a,p{font-family:'Noto Sans KR', '맑은 고딕', MalgunGothic, sans-serif; font-size:15px; color:#1d1d1d; line-height:1.6em; word-break:break-all;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img,fieldset{border:0px; vertical-align:top;}
ul,ol,dl{list-style-type:none;}
a{text-decoration:none; color:#1d1d1d;}
caption, legend{border:0px; display:none;}
em{font-weight:bold; font-style:normal;}
table{width:100%; border:0; border-collapse:collapse;}
button,html input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button}

.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
input[type="search"]{-webkit-appearance:textfield; box-sizing:content-box; outline:none;} /*web chorome,safari remove border*/
.float_clear:after{display:block; clear:both; content:"";}
.indent{display:inline;}

.section{width:100%; height:100%;}
.contents{display:table; width:84%; max-width:1280px; height:100%; margin:auto;}
.con_align{display:table-cell; width:100%; min-height:100%; vertical-align:middle;}
.pc_img{display:none;}
.mo_img{display:block;}

nav{position:absolute; top:0; width:100%; height:80px; background:#FFF; z-index:99;}
nav .top_wrap{width:84%; max-width:1280px; margin:auto;}
nav h1{float:left; width:140px; margin-bottom:-60px;}
nav ul{display:none;}
nav .translation{float:right; margin-top:30px;}

.top_visual{position:relative; width:calc(100% - 40px); height:calc(100% - 40px); margin:auto; background:#39C; overflow:hidden;}
.visual_txt{position:absolute; width:100%; bottom:66px; z-index:10;}
.visual_txt p.main_txt{font-family: 'Lato', sans-serif; font-size:34px; color:#FFF; font-weight:300; line-height:1.0em;}
.visual_txt p.main_txt em{font-weight:900;}
.visual_txt p.sub_txt{margin-top:12px; font-family: 'Lato', sans-serif; font-size:12px; line-height:1.4em; letter-spacing:0.1em;}
.visual_img01{position:relative; width:100%; height:100%; background:url(../images/visual_img01_m.jpg) no-repeat top; background-size:cover;}
.visual_img02{position:relative; width:100%; height:100%; background:url(../images/visual_img02_m.jpg) no-repeat top; background-size:cover;}
.visual_img03{position:relative; width:100%; height:100%; background:url(../images/visual_img03_m.jpg) no-repeat top; background-size:cover;}
.bx-wrapper, .bx-viewport{height:100% !important;}

/* About Us */
.about_scroll{overflow:hidden; width:100%; height:100%;}
.about_bg:after{position:absolute; display:block; width:100%; height:100%; top:0; left:0; content:""; background:url(../images/about_bg_img.gif) no-repeat center; background-size:auto 120%; z-index:-1;}
.about_txt{width:100%;}
.about_txt h2.con_tt{font-family: 'Lato', sans-serif; font-size:34px; line-height:0.9em;}
.about_txt h2.con_tt em{display:inline-block; text-align:right; font-weight:900;}
.about_txt p{font-size:14px; font-weight:300; letter-spacing:0.1em; margin:12px 0 20px 0;}
.about_img{width:100%;}
.about_img img{width:100%; height:auto;}

/* Product */
.product_tt{text-align:center; margin-top:40px;}
.product_tt h2{font-family: 'Lato', sans-serif; font-size:34px; line-height:0.9em; font-weight:900; margin-bottom:25px;}
.product_tt a{display:inline-block; width:280px; height:42px; line-height:42px; border:solid 3px #1d1d1d; font-size:16px; font-weight:700; letter-spacing:0.2em;}
.product_tt a span{background:url(../images/download_btn.png) no-repeat right; padding-right:28px;}
.product_list{position:relative; display:table; width:calc(100% - 40px); margin:30px auto 0;}
.product_list li{position:relative; float:left; width:50%;}
.product_list li .pro_name{position:absolute; width:100%; height:100%; z-index:10;}
.product_list li span{position:absolute; width:100%; height:100%; opacity:1;}
.product_list li img,
.product_list li p img,
.product_list li span img{width:100%; height:auto;}
.product_list:after{position:absolute; display:block; content:""; width:90%; height:400px; background:#f5f5f5; top:-120px; left:5%; z-index:-1;}

/* Contact Us */
.contact_wrap{position:relative;}
.contact_con{display:table; width:84%; max-width:1280px; margin:60px auto 0;}
.contact_con h2.con_tt{font-family: 'Lato', sans-serif; font-size:34px; line-height:0.9em;}
.contact_con h2.con_tt em{display:inline-block; text-align:right; font-weight:900;}
.contact_txt{margin-top:30px;}
.contact_txt h3{font-size:18px; font-weight:700; letter-spacing:0.2em;}
.contact_txt h3:after{display:block; content:""; width:75px; height:3px; background:#1d1d1d; margin:13px 0 2px;}
.contact_txt .tel_txt a{font-size:30px; font-weight:700; color:#4f30a7; line-height:1.3em;}
.contact_txt .mail_txt{font-size:16px; font-weight:300; letter-spacing:0.1em;}
.contact_txt .mail_txt a{font-size:16px; font-weight:300; letter-spacing:0.1em;}
.office_con{display:table; width:84%; max-width:1280px; margin:auto; padding-bottom:56px;}
.office_con dl{width:100%; line-height:1.6em; border-top:solid 1px #e0dfdf; margin-top:25px; padding-top:25px;}
.office_con dl:nth-child(2){margin-right:0;}
.office_con dt{font-size:17px; font-weight:700; margin-bottom:14px;}
.office_con dd, .office_con dd a{font-size:14px; font-weight:300;}
footer{background:#343334; height:100px;}
footer p{width:75%; color:#FFF; text-align:center; font-size:13px; font-weight:300; padding-top:38px; margin:auto; line-height:1.4em;}
footer:after{position:absolute; display:block; content:""; width:100%; height:12%; left:0; bottom:0; background:#343334; z-index:-2;}

/* 640px 이상 해상도 */
@media screen and (min-width:640px){
.pc_img{display:block;}
.mo_img{display:none;}

.visual_txt p.main_txt{font-size:62px;}
.visual_txt p.sub_txt{font-size:18px;}

/* About Us */
.about_bg:after{height:200%; top:-50%; bottom:-50%; background-size:auto;}
.about_txt{float:left; width:60%; margin-top:170px; margin-right:-10%;}
.about_txt h2.con_tt{font-size:62px;}
.about_txt p{font-size:16px; letter-spacing:0.2em; margin:50px 0 0 0;}
.about_img{position:relative; float:right; width:60%; margin-left:-10%;}
.about_img span{position:relative; z-index:10;}
.about_img:after{position:absolute; display:block; content:""; width:100%; height:85.29%; background:#f5f5f5; bottom:-40px; right:-45.58%;}

/* Product */
.product_tt{margin-top:60px;}
.product_tt h2{font-size:62px; margin-bottom:45px;}
.product_tt a{width:384px; height:48px; line-height:48px;}
.product_list{margin:50px auto 0;}
.product_list li{width:25%;}
.product_list:after{width:68%; left:16%; top:-180px;}

/* Contact Us */
.contact_con{margin:80px auto 60px;}
.contact_con h2.con_tt{font-size:62px; margin-right:40px;}
.contact_txt .tel_txt a{font-size:42px;}
.contact_txt .mail_txt{font-size:18px; letter-spacing:0.2em;}
.contact_txt .mail_txt a{font-size:18px; letter-spacing:0.2em;}
.office_con:after{display:block; content:""; width:100%; height:32%; background:#f5f5f5; position:absolute; left:0; bottom:100px; z-index:-1;}
.office_con dl{float:left; width:46.87%; background:#FFF; margin:0 6.25% 0 0; padding:0 0 28px 0; border:none; min-height:170px;}
.office_con dl:nth-child(2){margin-right:0;}
.office_con dt{margin:0 12% 20px 12%;}
.office_con dd{margin:0 12%;}
}

/* 1200px 이상 해상도 */
@media screen and (min-width:1200px){
.indent{display:block;}

nav ul{display:block; float:right; margin:26px 24px 0 0;}
nav ul li{float:left; margin-right:56px;}
nav ul li a{font-size:17px; font-weight:700;}
nav ul li a:hover{color:#4f30a7;}

.visual_txt{height:100%; bottom:0;}
.visual_txt p.main_txt{font-size:84px;}
.visual_txt p.sub_txt{margin:53px 0 0 90px; font-size:20px; letter-spacing:0.2em;}

.visual_img01{background:url(../images/visual_img01.jpg) no-repeat bottom; background-size:cover;}
.visual_img02{background:url(../images/visual_img02.jpg) no-repeat bottom; background-size:cover;}
.visual_img03{background:url(../images/visual_img03.jpg) no-repeat bottom; background-size:cover;}

/* About Us */
.about_bg{background-size:auto auto;}
.about_txt{width:56.25%; margin-right:-6.25%;}
.about_txt h2.con_tt{font-size:82px;}
.about_txt p{font-size:18px; margin:50px 0 0 100px;}
.about_img{width:53.12%; margin-left:-3.12%;}

/* Product */
.product_tt{margin-top:110px;}
.product_tt h2{font-size:82px;}
.product_list li span{opacity:0;
				transition:0.3s;
-webkit-transition:0.3s;}
.product_list li:hover span{opacity:1;}

/* Contact Us */
.contact_con{margin:120px auto;}
.contact_con h2.con_tt{float:left; font-size:82px; margin-right:80px;}
.contact_txt{float:left; margin-top:0;}
.contact_txt h3:after{margin:22px 0 12px;}
.office_con{padding-bottom:110px;}
.office_con dl{line-height:1.9em; margin:0 6.25% 0 0; padding:0 0 58px 0;}
.office_con dt{font-size:19px; margin:0 13.33% 20px 13.33%;}
.office_con dd{font-size:16px; margin:0 13.33%;}
.office_con dd a{font-size:16px;}
}