@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&family=Roboto:wght@300;500;700&display=swap');
/* font-family: 'Noto Sans KR', sans-serif;
font-family: 'Roboto', sans-serif; */
*{margin:0; padding:0;}
a{text-decoration:none;}
li{list-style:none;}
img{border:none;}

body,section,div,ul,li,h1,h2,h3,h4,h5,h6,p,span,a{font-family: 'Noto Sans KR', sans-serif; font-weight:300; color:#222; font-size:14px;}

/* header */
#header{position:fixed; width:100%; height:100px; left:0; top:0; z-index:999; background-color:rgba(255,255,255,0.8);}
#header h1{position:absolute; left:40px; padding-top:35px;}
#header .gnb{position:absolute; top:45px; left:240px;}
#header .gnb>ul:after{content:''; display:block; clear:both;}
#header .gnb>ul>li{float:left;}
#header .gnb>ul>li:hover>a{border-bottom:3px solid #cc0000; color:#cc0000;}
#header .gnb>ul>li>a{font-size:20px; font-family: 'Roboto', sans-serif; font-weight:500; text-align:center; padding:20px 30px; color:#222;}
#header .gnb>ul>li>.sub_menu{margin-top:30px; background-color:#fff; display:none; margin-top:30px;}
#header .gnb>ul>li>.sub_menu>li{text-align:center;}
#header .gnb>ul>li>.sub_menu>li:hover>a{background-color:#cc0000; color:#fff; transition-duration:0.5s;}
#header .gnb>ul>li>.sub_menu>li>a{display:block; padding:20px 0; font-family: 'Roboto', sans-serif; color:#222; font-size:16px;}
#header .util{position:absolute; top:35px; right:40px;}
#header .util>ul:after{content:''; display:block; clear:both;}
#header .util>ul>li{float:left; position:relative; height:35px;}
#header .util>ul>li.search{margin-right:15px;}
#header .util>ul>li.search>input{position:absolute; width:125px; height:35px; right:35px; top:0; padding:5px 20px; font-size:12px; border-radius:20px; box-sizing:border-box; border:none; text-align:center; background-color:#bbb; opacity:0.7; margin-right:10px;}
#header .util>ul>li.search>.search_btn{background:url(../img/search_icon.png) 0 0 no-repeat; display:inline-block; width:30px; height:30px;}
#header .util>ul>li>.gnb_btn{cursor:pointer;}

.mob_gnb{position:fixed; z-index:9999; background-color:#fff; width:100%; left:0; top:0; border-bottom:2px solid #ccc; display:none; height:100%; overflow-y:scroll;}
.mob_gnb .mob_gnb_top{height:80px; border-bottom:1px solid #ccc;}
.mob_gnb .mob_gnb_logo{position:absolute; left:40px;}
.mob_gnb .mob_gnb_logo h2 a>img{width:60%; display:block; padding-top:35px;}
.mob_gnb .mob_gnb_close{position:absolute; right:40px; top:32px; cursor: pointer;}
.mob_gnb .search{position:relative; padding:20px 30px 0 30px; text-align:center;}
.mob_gnb .search>input{width:70%; height:40px;}
.mob_gnb .search>.search_btn{position:absolute; background:url(../img/search_icon.png) 0 0 no-repeat; display:inline-block; width:30px; height:30px; top:25px; margin-left:15px; }
.mob_gnb>ul{padding:40px;}
.mob_gnb>ul>li{position:relative; padding:30px 0;}
.mob_gnb>ul>li>span.slide_btn{position:absolute; right:20px; top:45px; transition-duration:0.5s;}
.mob_gnb>ul>li.select>span.slide_btn{transform:rotate(180deg);}
.mob_gnb>ul>li>a{font-size:30px; font-weight:700; color:#222;}
.mob_gnb>ul>li .sub_menu{display:none; background-color:#fff;}
.mob_gnb>ul>li .sub_menu>li{padding:20px;}
.mob_gnb>ul>li .sub_menu>li:hover{background-color:#cc0000;}
.mob_gnb>ul>li .sub_menu>li>a{font-size:18px; color:#222; display:block;}
.mob_gnb>ul>li .sub_menu>li:hover>a{color:#fff;}

/* SUB1____brand_story____ */
/* top_title */
#top_title{position:relative; margin-top:100px; height:600px; background-color:#222; overflow:hidden;}
#top_title .top_title_inner{width:76%; margin:0 auto; position:relative; height:600px; }
#top_title .main_title{position:relative; overflow:hidden;}
#top_title .main_title h2{position:relative; font-family: 'Roboto', sans-serif; font-size:150px; font-weight:700; text-align:center; color:#ccc;  bottom:-300px;}
#top_title .mid_img{position:absolute; left:50%; top:200px; transform:translateX(-50%); opacity:0; }
#top_title .mid_img img{display:block; width:100%; transform:scale(1.5); transition-duration:0.5s;}
#top_title .sub_title_left{position:relative; margin-left:-800px; margin-top:30px; z-index:1; opacity:0;}/* margin-left:-550px 기본값 */
#top_title .sub_title_left h3{font-family: 'Roboto', sans-serif; text-align:center; font-size:85px; font-weight:700; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px #fff, 1px 1px #fff;}
#top_title .sub_title_right{position:relative; margin-right:-800px; margin-top:85px; z-index:1; opacity:0; }/* margin-right:-550px 기본값 */
#top_title .sub_title_right h3{font-family: 'Roboto', sans-serif; text-align:center; font-size:85px; font-weight:700; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px #fff, 1px 1px #fff;}
#top_title .top_title_bg{position:absolute; left:50%; top:50%; width:2500px; height:2500px; background-color:#fff; border-radius:50%; display:none; transform:translate(-50%,-50%);}

/* mission */
#mission{width:100%; position:relative; background-color:#222; padding-bottom:50px;}
#mission .sub_title{position:absolute; left:-250px; top:40%; transform:rotate(90deg); opacity:0;}/* left:-215px 기본 */
#mission .sub_title h4{font-family: 'Roboto', sans-serif; font-size:155px; font-weight:700; color:#fff; }
#mission .mission_content{width:76%; margin:0 auto; position:relative;}
#mission .mission_content:after{content:''; display:block; clear:both;}
#mission .mission_content .mission_text_top:after{content:''; display:block; clear:both;}
#mission .mission_content .mission_text_top .mission_text_wrap{width:49%; float:left; margin-top:85px; opacity:0;}
#mission .mission_content .mission_text_top .mission_text_wrap h5{position:relative; font-family: 'Roboto', sans-serif; font-size:2.5vw; font-weight:500; color:#fff; text-align:right;}
#mission .mission_content .mission_text_top .mission_text_wrap h5>.border{position:absolute; background-color:#fff; height:2px; width:0; right:-10px; bottom:-15px;}/* width:100% 기본 */
#mission .mission_content .mission_text_top .mission_text_wrap p{color:#fff; font-size:16px; line-height:1.5vw; padding-top:40px;}
#mission .mission_content .mission_text_top .mission_img_right{position:relative; bottom:-20px; width:49%; float:right; margin-top:85px; opacity:0;}
#mission .mission_content .mission_text_top .mission_img_right img{display:block; width:100%;}
#mission .mission_content .mission_text_bottom:after{content:''; display:block; clear:both;}
#mission .mission_content .mission_text_bottom .mission_img_left{position:relative; bottom:-20px; width:49%; float:left; margin-top:2%; opacity:0;}
#mission .mission_content .mission_text_bottom .mission_img_left img{display:block; width:100%;}
#mission .mission_content .mission_text_bottom .mission_text_wrap2{width:49%; float:right; margin-top:2%; opacity:0;}
#mission .mission_content .mission_text_bottom .mission_text_wrap2 h5{position:relative; font-family: 'Roboto', sans-serif; font-size:2.5vw; font-weight:500; color:#fff;}
#mission .mission_content .mission_text_bottom .mission_text_wrap2 h5>.border{position:absolute; background-color:#fff; height:2px; width:0; left:-10px; bottom:-15px;}/* width:100% 기본 */
#mission .mission_content .mission_text_bottom .mission_text_wrap2 p{color:#fff; font-size:16px; line-height:1.5vw; padding-top:40px;}

/* value */
#value{position:relative; height:930px; background:url(../img/value_bg.png) center center no-repeat; background-size:cover; overflow:hidden;}
#value .sub_title{padding-top:50px; text-align:center;}
#value .sub_title h4{position:relative; font-family: 'Roboto', sans-serif; font-size:155px; font-weight:700; color:#fff; bottom:-30px; opacity:0;}
#value .sub_title h5{position:relative; font-family: 'Roboto', sans-serif; font-size:2.5vw; font-weight:500; color:#fff; opacity:0;}
#value .value_content{width:76%; margin:0 auto; position:relative; padding:50px 0;}
#value .value_content .mid_border{height:0; background-color:#fff; width:1px; position:absolute; left:50%; transform:translateX(-50%); opacity:0;}
#value .value_content:after{content:''; display:block; clear:both;}
#value .value_content>div{float:right; width:49%;}
#value .value_content>div:nth-of-type(2n+1){float:left; width:49%; margin-right:51%;}
#value .value_content>div>p{position:relative; color:#fff; font-size:16px; line-height:1.6vw; text-align:left; padding-bottom:20px; padding-top:20px; opacity:0;}
#value .value_content>div:nth-of-type(2n+1)>p{text-align:right;}
#value .value_content>div>p>.border{position:absolute; bottom:10px; left:0; width:0; background-color:#fff; height:1px; opacity:0;}
#value .value_content>div:nth-of-type(2n+1)>p>.border{position:absolute; bottom:10px; left:initial; right:0; width:0; background-color:#fff; height:1px; opacity:0;}

/* corporate_identity */
#corporate_identity{position:relative; width:76%; margin:0 auto}
#corporate_identity .sub_title{text-align:center; margin-top:80px;}
#corporate_identity .sub_title h4{font-family: 'Roboto', sans-serif; font-size:155px; font-weight:700; position:relative; bottom:-30px; opacity:0;}
#corporate_identity .ci_content{position:relative; width:96%; margin:75px auto;}
#corporate_identity .ci_content:after{content:''; display:block; clear:both}
#corporate_identity .ci_content>div{float:left; width:52%;}
#corporate_identity .ci_content div.logo_img{width:48%; opacity:0;}
#corporate_identity .ci_content .ci_text_wrap div{background-color:rgba(255,255,255,0.6); padding:25px; opacity:0; }
#corporate_identity .ci_content .ci_text_wrap .ci_text2{margin-top:100px;}
#corporate_identity .ci_content .ci_text_wrap div h5{position:relative; font-size:40px; font-weight:500;}
#corporate_identity .ci_content .ci_text_wrap div h5 .border{position:absolute; height:2px; background-color:#ccc; width:0; left:-10px; bottom:-10px; opacity:0;}
#corporate_identity .ci_content .ci_text_wrap div p{font-size:16px; padding-top:20px;}

/* innovation */
#innovation{position:relative; background-color:#333; margin-top:150px; overflow:hidden ;}
#innovation .sub_title{position:absolute; left:-360px; top:40%; transform:rotate(90deg); opacity:0;}/* left:-310px */
#innovation .sub_title h4{font-family: 'Roboto', sans-serif; font-size:155px; font-weight:700; color:#fff;}
#innovation .inno_content{width:76%; margin:0 auto;}
#innovation .inno_content:after{content:''; display:block; clear:both;}
#innovation .inno_content>div{float:left; width:49%; margin-top:50px;}
#innovation .inno_content .inno_content_left .inno_content_title h5{font-family: 'Roboto', sans-serif; font-size:40px; font-weight:500; text-align:center; color:#fff;}
#innovation .inno_content .inno_content_left .inno_content_title p{font-family: 'Roboto', sans-serif; font-size:16px; text-align:center; color:#fff;}
#innovation .inno_content .inno_content_left .inno_content_history>ul{padding-top:30px;}
#innovation .inno_content .inno_content_left .inno_content_history>ul>li{color:#fff; text-align:center; cursor:pointer; font-size:25px; position:relative; width:100px; margin:30px auto; font-weight:500;  border-radius:20px; transition-duration:0.5s;}
/* #innovation .inno_content .inno_content_left .inno_content_history>ul>li:before{content:''; display:block; background-color:#fff; width:105px; height:10px; position:absolute; left:50%; top:-10px; transform:translateX(-50%);} */
#innovation .inno_content .inno_content_left .inno_content_history>ul>li.select{color:#cc0000; background-color:#fff;  border-radius:20px;}
/* #innovation .inno_content .inno_content_left .inno_content_history>ul>li.select:before{background-color:#cc0000;} */
#innovation .inno_content .inno_content_right{height:880px; margin-top:20px;}
#innovation .inno_content .inno_content_right>ul{position:relative; background-color:#333;}
#innovation .inno_content .inno_content_right>ul>li{position:relative; margin-top:10%;}
#innovation .inno_content .inno_content_right>ul>li img{display:block; }
#innovation .inno_content .inno_content_right>ul>li .text_wrap{position:absolute; bottom:-25px; left:50px; width:300px; text-align:center; opacity:0;}
#innovation .inno_content .inno_content_right>ul>li:first-child .text_wrap{opacity:1;}
#innovation .inno_content .inno_content_right>ul>li .text_wrap>p{color:#fff; font-weight:700; font-size:20px;}
#innovation .inno_content .inno_content_right>ul>li .text_wrap>p span{color:#fff; font-weight:500; font-size:14px;}
#innovation .slider_btn{position:absolute; top:50%; left:45%; transform:translateY(-50%);}
#innovation .slider_btn .prev_btn{background:url(../img/history_btn.png) 0 0 no-repeat; width:58px; height:58px; cursor:pointer;}
#innovation .slider_btn .prev_btn:hover{background:url(../img/history_btn.png) -58px 0 no-repeat; width:58px; height:58px;}
#innovation .slider_btn .next_btn{background:url(../img/history_btn.png) 0 -58px no-repeat; width:58px; height:58px; margin-top:30px; cursor:pointer;}
#innovation .slider_btn .next_btn:hover{background:url(../img/history_btn.png) -58px -58px no-repeat;}

/* SUB2____what's new____ */
/* top_banner */
#top_banner{position:relative; width:100%; height:520px; margin-top:100px; overflow:hidden;}
#top_banner .text_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:100px 20px; box-sizing:border-box; text-align:center;}
#top_banner .text_wrap .text_box{position:relative;}
#top_banner .text_wrap .text_box h2{font-family: 'Roboto', sans-serif; font-size:85px; font-weight:700; color:#fff; opacity:0;}
#top_banner .text_wrap .text_box p{padding-left:10px; font-size:18px; color:#fff; opacity:0;}
#top_banner .banner_img{position:relative; background:url(../img/what_visual.jpg) no-repeat; background-position:center; background-size:cover; width:100%; height:520px;}
#top_banner .line_left{position:absolute; left:-15px; top:50%; background-color:#fff; width:0; height:1px;}
#top_banner .line_right{position:absolute; right:-15px; top:50%; background-color:#fff; width:0; height:1px;}

/* new_pro_list */
#new_pro_list .bg_list_wrap{width:1170px; margin:10px auto;}
#new_pro_list .bg_list_wrap>ul>li{position:relative; margin-top:10px;}
#new_pro_list .bg_list_wrap>ul>li:first-child{margin-top:0;}
#new_pro_list .bg_list_wrap>ul>li{left:-50px; opacity:0;}
#new_pro_list .bg_list_wrap>ul>li:nth-child(2n){left:initial; right:-50px}
#new_pro_list .bg_list_wrap>ul>li .line_wrap{position:absolute; left:0; top:0; width:calc(100% - 20px); height:calc(100% - 20px); margin:10px;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap .line_top{position:absolute; left:0; top:0; background-color:#fff; width:0; height:1px; transition-duration: 0.5s; transition-timing-function:ease-out; opacity:0;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap:hover .line_top{position:absolute; left:0; top:0; background-color:#fff; width:100%; height:1px; opacity:1;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap .line_bottom{position:absolute; right:0; bottom:0; background-color:#fff; width:0; height:1px; transition-duration: 0.5s; transition-timing-function:ease-out; opacity:0;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap:hover .line_bottom{position:absolute; right:0; bottom:0; background-color:#fff; width:100%; height:1px; opacity:1;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap .line_left{position:absolute; left:0; top:0; background-color:#fff; width:1px; height:0; transition-duration: 0.5s; transition-timing-function:ease-out; opacity:0;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap:hover .line_left{position:absolute; left:0; top:0; background-color:#fff; width:1px; height:100%; opacity:1;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap .line_right{position:absolute; right:0; bottom:0; background-color:#fff; width:1px; height:0; transition-duration: 0.5s; transition-timing-function:ease-out; opacity:0;}
#new_pro_list .bg_list_wrap>ul>li .line_wrap:hover .line_right{position:absolute; right:0; bottom:0; background-color:#fff; width:1px; height:100%; opacity:1;}
#new_pro_list .bg_list_wrap>ul>li .text_box{position:absolute; left:25px; top:50%; transform: translateY(-50%);}
#new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box{left:initial; right:25px;}
#new_pro_list .bg_list_wrap>ul>li .text_box h3{font-family: 'Roboto', sans-serif; color:#fff; font-size:20px;}
#new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box h3{text-align:right;}
#new_pro_list .bg_list_wrap>ul>li .text_box h3 span{font-family: 'Roboto', sans-serif; color:#fff; font-size:35px; font-weight:500;}
#new_pro_list .bg_list_wrap>ul>li .text_box p{color:#fff; padding-top:5px;}
#new_pro_list .bg_list_wrap>ul>li .img_box{position:absolute; right:80px; top:50%; transform:translateY(-50%); transition-duration:0.6s; opacity:0;}
#new_pro_list .bg_list_wrap>ul>li .img_box img{display:block; width:100%;}
#new_pro_list .bg_list_wrap>ul>li:hover .img_box{opacity:1;}
#new_pro_list .bg_list_wrap>ul>li .img_box .img_box_inner .circle{position:absolute; left:50%; bottom:0; transform:translateX(-50%); background-color:rgba(255,255,255,0.6); width:300px; height:100px; border-radius:50%; z-index:-1;}
#new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .img_box{right:initial; left:80px;}
#new_pro_list .bg_list_wrap>ul>li .bg_img{display:block; width:100%;}

/* SUB3____sp2000t____ */
/* sp2000t_title */
#sp2000t_title{position:relative; width:100%; margin-top:100px; overflow:hidden;}
#sp2000t_title .img_wrap{position:relative; right:-1000px; opacity:0;}
#sp2000t_title .img_wrap img{display:block;}
#sp2000t_title .text_wrap{position:absolute; right:150px; bottom:15px;}
#sp2000t_title .text_wrap p{position:relative; font-family: 'Roboto', sans-serif; font-weight:500; font-size:40px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px #fff, 1px 1px #fff; opacity:0; left:-20px;}
#sp2000t_title .text_wrap h2{position:relative; font-family: 'Roboto', sans-serif; font-weight:700; font-size:80px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px #fff, 1px 1px #fff; opacity:0; right:-20px;}

/* page_move */
.page_move{position:relative; height:80px;}
.page_move>ul{ width:100%;  z-index:999; background-color:rgba(0,0,0,0.8);}
.page_move>ul:after{content:''; display:block; clear:both;}
.page_move>ul>li{float:left; width:33.333%; margin:0 auto;}
.page_move>ul>li a{display:block; line-height:80px; text-align:center; font-family: 'Roboto', sans-serif; font-size:20px; color:#fff; transition-duration:0.5s;}
.page_move>ul>li.select a{font-weight:700; color:#cc0000;}

/* content_title */
#content_title{position:relative; background-color:#000; overflow:hidden;}
#content_title .text_wrap{position:relative;}
#content_title .text_wrap p{text-align:center; color:#fff;}
#content_title .text_wrap p:first-child{font-size:30px; padding-top:35px; opacity:0;}
#content_title .text_wrap p:nth-of-type(2){margin-top:50px; opacity:0;}
#content_title .text_wrap p:nth-of-type(3){margin-top:15px; opacity:0;}
#content_title .text_wrap p:nth-of-type(4){margin-top:15px; opacity:0;}
#content_title .text_wrap h3{color:#fff; text-align:center; font-size:65px; font-weight:500; line-height:50px; position:relative; opacity:0;}
#content_title .text_wrap h3 .border{position:absolute; background-color:#fff; width:0; height:5px; left:50%; bottom:-25px; transform:translateX(-50%); }
#content_title .img_wrap{position:relative;}
#content_title .img_wrap .bg_img_wrap{overflow:hidden;}
#content_title .img_wrap .bg_img_wrap .bg_img_inner{position:relative; background-color:#fff;}
#content_title .img_wrap .bg_img_wrap .bg_effect{position:absolute; top:50%; left:-300px; transform:translateY(-50%); background-color:#cc0000; width:300px; height:90%; z-index:1; opacity:1;}
#content_title .img_wrap .bg_img_wrap .bg_img_inner img{position:relative; display:block; width:100%; z-index:99;}


/* triple_amp */
#triple_amp{position:relative; width:100%; background-color:#222;}
#triple_amp .bg_img{position:relative; background:url(../img/amp_bg.jpg) no-repeat; background-position:center; background-size:cover; height:800px;}
#triple_amp .text_wrap{position:absolute; width:50%; top:80px; right:150px;}
#triple_amp .text_wrap h3{color:#fff; font-size:30px; font-weight:500; position:relative; opacity:0; right:-10px;}
#triple_amp .text_wrap>p{color:#fff; margin-top:10px; position:relative; opacity:0; right:-10px;}
#triple_amp .text_wrap .detail_text_wrap{margin-top:80px;}
#triple_amp .text_wrap .detail_text_wrap:after{content:''; display:block; clear:both;}
#triple_amp .text_wrap .detail_text_wrap>div{float:left; width:50%; position:relative; bottom:10px; opacity:0;}
#triple_amp .text_wrap .detail_text_wrap .img_wrap img{display:block; width:100%;}
#triple_amp .text_wrap .detail_text_wrap .detail_text>p{text-align:right; font-weight:500; font-size:18px; margin-top:5%; color:#fff;}
#triple_amp .text_wrap .detail_text_wrap .detail_text>p span{color:#fff;}
#triple_amp .amp_output{position:relative;}
#triple_amp .amp_output>div{width:50%;}
#triple_amp .amp_output .amp_text_wrap{padding:15% 0; padding-left:80px; z-index:99; position:relative; opacity:0;}
#triple_amp .amp_output .amp_text_wrap h4{font-size:30px; font-weight:500; color:#fff;}
#triple_amp .amp_output .amp_text_wrap p{margin-top:10px; color:#fff;}
#triple_amp .amp_output .amp_img_wrap{position:absolute; right:50px; bottom:-105px; padding-bottom:35px; opacity:0;}
#triple_amp .amp_output .amp_img_wrap img{display:block; width:100%;}

/* noise */
#noise{margin:180px auto; position:relative; width:1170px;}
#noise h3{font-size:30px; font-weight:500; margin-top:50px; text-align:center; opacity:0;}
#noise .noise_example:after{content:''; display:block; clear:both;}
#noise .noise_example>div:nth-child(1){float:left; opacity:0;}
#noise .noise_example>div:nth-child(2){float:right; opacity:0;}
#noise .noise_example>div .text_wrap p{text-align:center;}
#noise .text_wrap1{text-align:center; opacity:0;}
#noise .text_wrap1 h4{font-size:20px; font-weight:500; text-align:left; margin-top:25px; }
#noise .text_wrap1 p{padding-top:15px; line-height:25px; text-align:left;}
#noise .noise_img_wrap3{margin-top:35px; position:relative; height:300px; opacity:0;}
#noise .noise_img_wrap3 img{display:block; position:absolute; left:50%; transform:translateX(-50%);}
#noise .text_wrap2{opacity:0;}
#noise .text_wrap2 h4{font-size:20px; font-weight:500; text-align:left; margin-top:25px; font-family: 'Roboto', sans-serif;}
#noise .text_wrap2 p:nth-of-type(1){padding-top:15px;}
#noise .text_wrap2 p:nth-of-type(2){line-height:25px;}

/* teraton */
#teraton{position:relative;}
#teraton .teraton_bg{position:relative;}
#teraton .teraton_bg img{width:100%;display:block;}
#teraton .text_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
#teraton .text_wrap h3{color:#fff; font-size:30px; font-weight:500; opacity:0;}
#teraton .text_wrap h4{font-family: 'Roboto', sans-serif; color:#fff; font-size:20px; font-weight:500; opacity:0;}
#teraton .text_wrap p{color:#fff; margin-top:20px; opacity:0;}
#teraton .text_wrap .more_arrow{position:relative; margin-top:30px; opacity:0; left:-20px;}
#teraton .text_wrap .more_arrow a{color:#fff; font-size:16px; position:relative;}
#teraton .text_wrap .more_arrow a>span{background:url(../img/long_arrow.png) no-repeat; width:160px; height:14px; position:absolute; bottom:-10px; right:-65px;}
#teraton .text_wrap .more_arrow a:before{background:url(../img/long_arrow_before.png) no-repeat; width:160px; height:14px; position:absolute; bottom:-10px; right:-65px; content:''; display:block; }


/* display */
#display{position:relative; width:100%; overflow:hidden;}
#display .display_bg{position:relative;}
#display .display_bg img{display:block;}
#display .display_inner{position:absolute; left:80px; top:50%; transform:translateY(-50%);}
#display .display_inner .text_wrap h3{position:relative; font-size:30px; color:#fff; font-weight:500; left:-20px; opacity:0;}
#display .display_inner .text_wrap p{position:relative; color:#fff; font-size:16px; left:-20px; opacity:0;}
#display .display_inner .display_detail_inner{margin-top:50px;}
#display .display_inner .display_detail_inner:after{content:''; display:block; clear:both;}
#display .display_inner .display_detail_inner>div{float:left; opacity:0;}
#display .display_inner .display_detail_inner .detail_text{margin-left:50px;}
#display .display_inner .display_detail_inner .detail_text dl{color:#fff; margin-top:10%;}
#display .display_inner .display_detail_inner .detail_text dl dd{font-size:16px;}
#display .display_inner .display_detail_inner .detail_text dl dt{font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500;}

/* design */
#design{position:relative; margin-top:80px; width:100%;}
#design .text_wrap h3{text-align:center; font-family: 'Roboto', sans-serif; font-size:65px; font-weight:700; position:relative; opacity:0;}
#design .text_wrap h3 .border{position:absolute; background-color:#222; width:0; height:5px; left:50%; bottom:-10px; transform:translateX(-50%); }
#design>.text_wrap p{text-align:center; font-size:16px; margin-top:30px; opacity:0;}
#design .img_list_wrap{width:1170px; margin:50px auto;}
#design .img_list_wrap>ul>li:after{content:''; display:block; clear:both;}
#design .img_list_wrap>ul>li>div{float:right; width:50%; text-align:right;} 
#design .img_list_wrap>ul>li>div:nth-of-type(2){padding:25px; box-sizing:border-box;}
#design .img_list_wrap>ul>li:nth-child(2n)>div{float:left;}
#design .img_list_wrap>ul>li:nth-child(2n)>div:nth-of-type(2){text-align:left;}
#design .img_list_wrap>ul>li .img_wrap{position:relative; right:-20px; opacity:0;}
#design .img_list_wrap>ul>li:nth-child(2n) .img_wrap{left:-20px;}
#design .img_list_wrap>ul>li .img_wrap img{display:block; width:100%;}
#design .img_list_wrap>ul>li .text_wrap{opacity:0;}
#design .img_list_wrap>ul>li .text_wrap h4{font-family: 'Roboto', sans-serif; font-size:30px; font-weight:500;}
#design .img_list_wrap>ul>li .text_wrap h4 span{font-family: 'Roboto', sans-serif; font-size:30px;}
#design .img_list_wrap>ul>li .text_wrap p{padding-top:20px;}

/* specification */
#specification{position:relative; overflow:hidden; margin-top:80px;}
#specification .specification_title{position:absolute; left:50%; top:20px; transform:translateX(-50%);}
#specification .specification_title h3{text-align:center; font-size:65px; font-family: 'Roboto', sans-serif; font-weight:700; color:#fff;}
#specification .tabs{position:absolute; top:110px; left:50%; transform:translateX(-50%);}
#specification .tabs>ul:after{content:''; display:block; clear:both}
#specification .tabs>ul>li{float:left; color:#ccc; font-size:20px; margin-left:20px; text-align:center; cursor: pointer; position:relative;}
#specification .tabs>ul>li:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-10px; background-color:#fff; width:1px; height:80%;}
#specification .tabs>ul>li:last-child:after{display:none;}
#specification .tabs>ul>li.select{color:#fff; font-weight:500;}
#specification .tabs>ul>li:first-child{margin-left:0;}
#specification .spec_bg img{display:block;}
#specification .spec_content{position:absolute; top:165px; left:50%; transform:translateX(-50%); height:440px; background-color:rgba(255,255,255,0.3); border-radius:30px; padding:20px; box-sizing:border-box; width:1170px;}
#specification .spec_content .spec_wrap{position:relative; width:1170px; margin:0 auto;}
#specification .spec_content .spec_wrap>ul>li{position:absolute; left:50%; top:0; transform:translateX(-50%); display:none; width:80%;}
#specification .spec_content .spec_wrap>ul>li:first-child{display:block;}
#specification .spec_content .spec_wrap>ul>li h4{font-size:18px;font-weight:500; color:#fff; text-align:center; position:relative;}
#specification .spec_content .spec_wrap>ul>li h4:after{position:absolute; content:''; display:block; width:100px; height:1px; background-color:#fff; bottom:-8px; left:50%; transform:translateX(-50%);}
#specification .spec_content .spec_wrap>ul>li dl{text-align:center; color:#fff;}
#specification .spec_content .spec_wrap>ul>li>ul>li:first-child dl{padding-top:15px;}
#specification .spec_content .spec_wrap>ul>li>ul>li dl dt{font-weight:500; font-size:16px;}

/* SUB4____video____ */
/* video_baaner */
#video_banner{position:relative; width:100%; height:520px; overflow:hidden; margin-top:100px;}
#video_banner .banner_wrap{position:absolute; left:50%; transform:translateX(-50%); bottom:50px;}
#video_banner .banner_wrap img{display:block; transform:scale(1.15); transition-duration:1.7s; opacity:0;}
#video_banner .text_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#video_banner .text_wrap h2{position:relative; font-family: 'Roboto', sans-serif; font-size:85px; font-weight:700; color:#fff; opacity:0;}
#video_banner .text_wrap h2 .line_left{background-color:#fff; height:1px; width:0; position:absolute; top:50%; left:0; margin-left:-850px;}/* width:800px */
#video_banner .text_wrap h2 .line_right{background-color:#fff; height:1px; width:0; position:absolute; top:50%; right:0; margin-right:-850px;}

/* video_content */
#video_content{position:relative; width:1170px; margin:100px auto;}
#video_content .tabs_wrap{position:relative;}
#video_content .tabs_wrap>ul:after{content:''; display:block; clear:both;}
#video_content .tabs_wrap>ul>li{float:left; width:22.5%; margin-left:2%;}
#video_content .tabs_wrap>ul>li a{display:block; width:0; margin:0 auto; text-align:center; line-height:40px; font-family: 'Roboto', sans-serif; font-size:0; font-weight:500; border:1px solid #ccc; color:#ccc;  background-color:#fff; transition-duration:0.5s; cursor:pointer; opacity:0;}/* width:80% */
#video_content .tabs_wrap>ul>li:hover a{border:1px solid #cc0000; color:#cc0000;}
#video_content .tabs_wrap>ul>li.select a{background-color:#cc0000; color:#fff; border:1px solid #cc0000;}
#video_content .video_list_wrap{margin-top:70px;}
#video_content .video_list_wrap>ul{display:none;}
#video_content .video_list_wrap>ul:first-child{display:block;}
#video_content .video_list_wrap>ul:after{content:''; display:block; clear:both;}
#video_content .video_list_wrap>ul>li{float:left; width:32%; margin-left:1%; margin-bottom:55px; border:1px solid #ccc; box-sizing:border-box; border-top-left-radius:20px; border-top-right-radius:20px; overflow:hidden;}/* margin 제거 필요없게함 */
#video_content .video_list_wrap>ul>li .text_wrap{position:relative; padding-right:20px; padding-left:10px; padding-top:35px; padding-bottom:60px; box-sizing:border-box;}
#video_content .video_list_wrap>ul>li .text_wrap h3{color:#222; font-weight:500; position:relative;}
#video_content .video_list_wrap>ul>li .text_wrap h3:after{content:''; display:block; background-color:#ccc; height:1px; width:30px; position:absolute; left:0; bottom:-10px;}
#video_content .video_list_wrap>ul>li .text_wrap h4{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:25px; font-size:18px; position:relative;}
#video_content .video_list_wrap>ul>li .text_wrap .sprite_wrap{position:absolute; right:10px; top:25px; border:1px solid #ccc; width:32px; height:32px; border-radius:50%;}
#video_content .video_list_wrap>ul>li .text_wrap .sprite_wrap .sprite_inner{position:relative; width:32px; height:32px;}
#video_content .video_list_wrap>ul>li .text_wrap .sprite_wrap .sprite_inner .play_sprite{position:absolute; background:url(../img/play_sprite.png) 0 0 no-repeat; width:15px; height:15px; left:55%; top:50%; transform:translate(-50%,-50%); z-index:2;}
#video_content .video_list_wrap>ul>li:hover .text_wrap .sprite_wrap .sprite_inner .play_sprite{background:url(../img/play_sprite.png) -15px 0 no-repeat;}
#video_content .video_list_wrap>ul>li .text_wrap .sprite_wrap .sprite_inner .circle{width:0; height:0; background-color:#222; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition-duration:0.4s;}
#video_content .video_list_wrap>ul>li .img_wrap img{display:block; width:100%; transition-duration:0.5s;}
#video_content .video_list_wrap>ul>li:hover .img_wrap>img{transform:scale(1.05);}

/* light_box */
.light_box_wrap{position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(255,255,255,0.5); z-index:997; display:none;}
.light_box_wrap .light_box_inner{width:1170px; height:600px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.light_box_wrap .light_box_inner .light_box_list{position:relative; width:1170px; height:600px;}
.light_box_wrap .light_box_inner .light_box_list>li{position:absolute; left:0; top:-30px; width:100%; height:100%; display:none;}
.light_box_wrap .light_box_inner .light_box_list>li .video_wrap{width:100%; height:100%;}
.light_box_wrap .light_box_inner .light_box_list>li .close_btn{position:absolute; left:50%; top:-45px; transform:translateX(-50%); cursor:pointer;}
.light_box_wrap .light_box_inner .light_box_list>li .close_btn>img{z-index:3; transition-duration:0.5s;}

/* SUB5____download____ */
/* down_banner */
#down_banner{width:100%; height:520px; overflow:hidden; position:relative; margin-top:100px;}
#down_banner .banner_wrap{position:absolute; left:50%; top:-200px; transform:translate(-50%);}
#down_banner .banner_wrap img{display:block;}
#down_banner .text_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#down_banner .text_wrap h2{position:relative; font-family: 'Roboto', sans-serif; font-size:85px; color:#fff; font-weight:700;}
#down_banner .text_wrap h2 .line_left{background-color:#fff; height:1px; width:800px; position:absolute; top:50%; left:0; margin-left:-850px;}/* width:800px */
#down_banner .text_wrap h2 .line_right{background-color:#fff; height:1px; width:800px; position:absolute; top:50%; right:0; margin-right:-850px;}

/* down_content_top */
#down_content{position:relative; width:1170px; margin:150px auto;}
#down_content .down_content_top:after{content:''; display:block; clear:both;}
#down_content .down_content_top>div{float:left;}
#down_content .down_content_top .list_number{height:50px; padding:5px; box-sizing:border-box;}
#down_content .down_content_top .list_number p{font-size:20px; line-height:40px;}
#down_content .down_content_top .list_number p strong{color:#cc0000;}
#down_content .down_content_top .category_select{margin-left:35px; position:relative;}
#down_content .down_content_top .category_select .cate_list_btn{width:170px; padding:5px; box-sizing:border-box; font-size:16px; line-height:40px; font-weight:500; cursor:pointer; position:relative; background-color:#fff; border-bottom:2px solid #222;}
#down_content .down_content_top .category_select .cate_list_btn .arrow{position:absolute; right:10px;}
#down_content .down_content_top .category_select .category_list{width:170px; height:200px; border:1px solid #222; position:absolute; left:0; bottom:-200px; background-color:#fff;  z-index:99; display:none;} 
#down_content .down_content_top .category_select .category_list>li{line-height:40px; padding-left:5px;}
#down_content .down_content_top .category_select .category_list>li a{display:block;}
#down_content .down_content_top .category_select .category_list>li.select a{font-weight:500;}
#down_content .down_content_top .category_select .category_list>li:hover a{color:#cc0000; font-weight:500;}
#down_content .down_content_top .product_select{margin-left:15px; position:relative;}
#down_content .down_content_top .product_select>.pro_list_btn{width:170px; padding:5px; box-sizing:border-box; font-size:16px; line-height:40px; font-weight:500; cursor:pointer; position:relative; background-color:#fff; border-bottom:2px solid #222;}
#down_content .down_content_top .product_select>.pro_list_btn .arrow{position:absolute; right:10px;}
#down_content .down_content_top .product_select .product_list{width:170px; height:240px; border:1px solid #222; overflow:auto; position:absolute; left:0; bottom:-240px; background-color:#fff; z-index:99; display:none;}
#down_content .down_content_top .product_select .product_list::-webkit-scrollbar{width:10px;}
#down_content .down_content_top .product_select .product_list::-webkit-scrollbar-thumb{background-color:#cc0000; border-radius:20px;}
#down_content .down_content_top .product_select .product_list::-webkit-scrollbar-track{background-color:#eee; margin-top:5px; margin-bottom:5px;}
#down_content .down_content_top .product_select .product_list>li{line-height:40px; padding-left:5px;}
#down_content .down_content_top .product_select .product_list>li a{display:block;}
#down_content .down_content_top .product_select .product_list>li.select a{font-weight:500;}
#down_content .down_content_top .product_select .product_list>li:hover a{color:#cc0000; font-weight:500;}
#down_content .down_content_top .search_wrap{float:right;}
#down_content .down_content_top .search_wrap:after{content:''; display:block; clear:both;}
#down_content .down_content_top .search_wrap>div{float:left;}
#down_content .down_content_top .search_wrap .search_type_wrap{width:150px; height:50px; background-color:#fff; padding:5px; box-sizing:border-box; position:relative; border:1px solid #ccc; margin-right:2px; cursor:pointer;}
#down_content .down_content_top .search_wrap .search_type_wrap .search_type_btn{width:150px; box-sizing:border-box; line-height:40px; font-size:16px; font-weight:500;}
#down_content .down_content_top .search_wrap .search_type_wrap .search_type_btn .arrow{position:absolute; right:10px;}
#down_content .down_content_top .search_wrap .search_type_wrap .search_type_list{position:absolute; bottom:-152px; left:-1px; width:150px; box-sizing:border-box; border:1px solid #ccc; z-index:99; display:none;}
#down_content .down_content_top .search_wrap .search_type_wrap .search_type_list>li{background-color:#fff; padding:5px; box-sizing:border-box; height:50px;}
#down_content .down_content_top .search_wrap .search_type_wrap .search_type_list>li:hover>a{color:#cc0000; font-weight:500;}
#down_content .down_content_top .search_wrap .search_type_wrap .search_type_list>li>a{display:block; line-height:40px; font-size:14px;}
#down_content .down_content_top .search_wrap .search_type_wrap .search_type_list>li.select a{font-weight:500;}
#down_content .down_content_top .search_wrap .list_search{position:relative;}
#down_content .down_content_top .search_wrap .list_search:after{content:''; display:block; clear:both;}
#down_content .down_content_top .search_wrap .list_search .search_space{width:300px; height:50px; border:1px solid #ccc; box-sizing:border-box; float:left; margin-right:2px;}
#down_content .down_content_top .search_wrap .list_search .search_btn{display:block; width:100px; height:50px; padding:5px; box-sizing:border-box; line-height:40px; font-size:14px; float:left; text-align:center; background-color:#cc0000; color:#fff;}

/* down_list_wrap */
.down_list_wrap{position:relative; margin-top:40px; padding-top:15px; border-top:2px solid #222;;}
.down_list_wrap>ul>li{border-bottom:1px solid #ccc; margin-bottom:20px;}
.down_list_wrap>ul>li>a:after{content:''; display:block; clear:both;}
.down_list_wrap>ul>li>a>div{float:left;}
.down_list_wrap>ul>li>a>div.list_num_wrap p{line-height:236px; padding:0 20px; font-size:16px;}
.down_list_wrap>ul>li>a>div.list_text_wrap{margin-top:88px; padding-left:30px;}/* 236px - 60px / 2 */
.down_list_wrap>ul>li>a>div.list_text_wrap h3{font-size:16px; color:#cc0000;}
.down_list_wrap>ul>li>a>div.list_text_wrap h4{position:relative;}
.down_list_wrap>ul>li>a>div.list_text_wrap p{color:#ccc; margin-top:25px;}
.down_list_wrap>ul>li>a>div.list_img_wrap{float:right; position:relative;}
.down_list_wrap>ul>li>a>div.list_img_wrap>img{display:block;}
.down_list_wrap>ul>li:hover>a>div.list_img_wrap>img{opacity:0.5; transition-duration:0.5s;}
.down_list_wrap>ul>li>a>div.list_img_wrap .more_view_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.down_list_wrap>ul>li>a>div.list_img_wrap .more_view_wrap .more_view{position:relative;width:100px; height:40px; padding:10px; box-sizing:border-box;}
.down_list_wrap>ul>li>a>div.list_img_wrap .more_view_wrap .more_view>p{text-align:center; font-weight:500; color:#222;}
.down_list_wrap>ul>li>a>div.list_img_wrap .more_view_wrap .more_view>.top_line{position:absolute; top:0; left:0; width:100%; height:1px; background-color:#222;}
.down_list_wrap>ul>li>a>div.list_img_wrap .more_view_wrap .more_view>.left_line{position:absolute; top:0; left:0; width:1px; height:100%; background-color:#222;}
.down_list_wrap>ul>li>a>div.list_img_wrap .more_view_wrap .more_view>.right_line{position:absolute; top:0; right:0; width:1px; height:100%; background-color:#222;}
.down_list_wrap>ul>li>a>div.list_img_wrap .more_view_wrap .more_view>.bottom_line{position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#222;}

/* page_nav */
.page_nav{position:relative; width:1170px; margin-top:50px;}
.page_nav .number_wrap{position:absolute; left:50%; transform:translateX(-50%);}
.page_nav .number_wrap .number_inner{position:relative;}
.page_nav .number_wrap .number_inner>a{vertical-align:top;}
.page_nav .number_wrap .number_inner .prev_btn_wrap{position:absolute; top:5px; left:-64px;}
.page_nav .number_wrap .number_inner .next_btn_wrap{position:absolute; top:5px; right:-64px;}
.page_nav .number_wrap .number_inner .first_btn{background:url(../img/page_btn.png) -16px 0 no-repeat; width:16px; height:16px; display:inline-block;}
.page_nav .number_wrap .number_inner .prev_btn{background:url(../img/page_btn.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block;}
.page_nav .number_wrap .number_inner .next_btn{background:url(../img/page_btn.png) -32px 0 no-repeat; width:16px; height:16px; display:inline-block;}
.page_nav .number_wrap .number_inner .last_btn{background:url(../img/page_btn.png) -48px 0 no-repeat; width:16px; height:16px; display:inline-block;}
.page_nav .number_wrap .number_inner .number_list{vertical-align:top;}
.page_nav .number_wrap .number_inner .number_list:after{content:''; display:block; clear:both;}
.page_nav .number_wrap .number_inner .number_list>li{float:left; margin-left:10px;}
.page_nav .number_wrap .number_inner .number_list>li:first-child{margin-left:0;}
.page_nav .number_wrap .number_inner .number_list>li>a{font-size:16px; display:block; padding:0 5px; position:relative;}
.page_nav .number_wrap .number_inner .number_list>li.select>a{color:#fff;}
.page_nav .number_wrap .number_inner .number_list>li.select>a:before{border-radius:50%; width:30px; height:30px; background-color:#cc0000; content:''; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;}

/* footer */
#footer{position:relative; background-color:#222; height:200px;}
#footer .footer_logo{position:absolute; left:60px; top:50%; transform:translateY(-50%);}
#footer>div.footer_mid>ul:after{content:''; display:block; clear:both;}
#footer>div.footer_mid>ul>li{float:left;}
#footer .footer_container{position:relative; width:1200px; height:200px; margin:0 auto;}
#footer .footer_container .footer_left{position:absolute; left:20px; top:50%; transform:translateY(-50%);}
#footer .footer_container .footer_left .footer_link:after{content:''; display:block; clear:both;}
#footer .footer_container .footer_left .footer_link>li{float:left; margin-left:10%;}
#footer .footer_container .footer_left .footer_link>li:first-child{margin-left:0;}
#footer .footer_container .footer_left .footer_link>li a{color:#fff; font-size:16px;}
#footer .footer_container .footer_left .footer_text p{color:#fff; font-size:14px; color:#ccc; margin-top:20px;}
#footer .footer_container .footer_mid{position:absolute; top:50%; left:50%; transform:translateY(-50%);}
#footer .footer_container .footer_mid>.footer_sns:after{content:''; display:block; clear:both;}
#footer .footer_container .footer_mid>.footer_sns>li{float:left; width:50px; height:50px; margin-left:25px;}
#footer .footer_container .footer_mid>.footer_sns>li a>img{width:100%; display:block;}
#footer .footer_container .footer_mid>.footer_sns>li p{color:#fff; font-size:12px; text-align:center;}
#footer .footer_container .site_select{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:200px; height:50px; border:1px solid #fff; border-radius:50px; box-sizing: border-box;}
#footer .footer_container .site_select .site_btn{position:relative; display:block; line-height:50px; padding-left:20px; border:none; background-color:initial; color:#fff;  cursor:pointer; font-family: 'Roboto', sans-serif; font-weight:500; font-size:18px; width:200px; text-align:left; box-sizing:border-box; z-index:998;}
#footer .footer_container .site_select .site_btn .arrow{position:absolute; top:18px; right:25px;}
#footer .footer_container .site_select .site_btn .arrow img{display:block; transition-duration:0.5s;}
#footer .footer_container .site_select .site_btn .arrow img.select{transform:rotate(180deg);}
#footer .footer_container .site_select>.site_list{position:absolute; right:-1px; bottom:49px; border:1px solid #fff; width:200px; background-color:#222; box-sizing:border-box; border-radius:25px; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:none; display:none; height:150px; z-index:997;}
#footer .footer_container .site_select>.site_list>li{text-align:center; height:50px;}
#footer .footer_container .site_select>.site_list>li a{color:#fff; display:block; line-height:50px;}
#footer .footer_container .site_select>.site_list>li:hover a{color:#cc0000;}

/* 반응형 */
@media screen and (max-width:1500px){
    /* footer_logo 반응형 */
    .footer_logo{opacity:0.5;}
    #footer .footer_container{width:96%;}
}

@media screen and (min-width:801px) and (max-width:1200px) {
    /* ____brand_story____ */
    /* header 반응형 */
    #header{height:80px;}
    #header .gnb{display:none;}
    #header h1{padding-top:25px;}
    #header .util{top:25px;}
    #header .util .search{display:none;}

    /* top_title 반응형 */
    #top_title{margin-top:80px;}
    #top_title .main_title{top:45px;}
    #top_title .main_title h2{font-size:100px;bottom:-300px;}
    #top_title .sub_title_left{margin-top:80px;}
    #top_title .sub_title_left h3{font-size:65px; padding-left:250px;}
    #top_title .sub_title_right{margin-top:170px;}
    #top_title .sub_title_right h3{font-size:65px; padding-right:250px;}
    

    /* mission 반응형 */
    #mission .sub_title{top:35%;}
    #mission .sub_title h4{font-size:100px; padding-bottom:150px;}
    #mission .mission_content .mission_text_top .mission_text_wrap h5{font-size:30px;}
    #mission .mission_content .mission_text_top .mission_text_wrap p{font-size:14px; line-height:initial;}
    #mission .mission_content .mission_text_bottom{margin-top:30px;}
    #mission .mission_content .mission_text_bottom .mission_text_wrap2 h5{font-size:30px;}
    #mission .mission_content .mission_text_bottom .mission_text_wrap2 p{font-size:14px; line-height:initial;}
    #mission .sub_title h4{opacity:0.3;}
    
    /* value 반응형 */
    #value .value_content{width:96%;}
    #value .sub_title h4{font-size:100px;}
    #value .sub_title h5{font-size:30px;}
    #value .value_content>div>p{font-size:14px; line-height:20px; padding-top:60px;}
    

    /* ci 반응형 */
    #corporate_identity .sub_title h4{font-size:100px;}
    #corporate_identity .ci_content .ci_text_wrap div h5{font-size:30px;}
    #corporate_identity .ci_content .ci_text_wrap div p{font-size:14px; padding-top:20px;}

    /* innovation 반응형 */
    #innovation .sub_title{position:absolute; left:-310px; top:40%; transform:rotate(90deg); opacity:0.3;}
    #innovation .sub_title h4{font-family: 'Roboto', sans-serif; font-size:100px; padding-bottom:220px; font-weight:700; color:#fff; }
    #innovation .inno_content .inno_content_left .inno_content_title h5{font-size:30px; font-weight:500; text-align:center; color:#fff;}
    #innovation .inno_content .inno_content_left .inno_content_title p{font-size:14px;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul:after{content:''; display:block; clear:both;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul>li{float:left; margin-left:0;}
    /* #innovation .inno_content .inno_content_left .inno_content_history>ul>li:before{content:''; display:block; background-color:#fff; width:65px; height:10px; position:absolute; left:50%; top:-10px; transform:translateX(-50%);} */

    /* ____what's new____ */
    /* top_banner 반응형 */
    #top_banner{margin-top:80px;}
    #top_banner .text_wrap .text_box h2{line-height:80px;}
    #top_banner .text_wrap .text_box p{padding-top:10px;}
    #top_banner .line_left{left:-85px;}
    #top_banner .line_right{right:-85px;}

    /* new_pro_list 반응형 */
    #new_pro_list{width:100%;}
    #new_pro_list .bg_list_wrap{width:100%; margin:10px auto;}
    #new_pro_list .bg_list_wrap>ul>li .text_box{z-index:1;}
    #new_pro_list .bg_list_wrap>ul>li .text_box h3{font-size:18px;}
    #new_pro_list .bg_list_wrap>ul>li .text_box h3 span{font-size:30px;}
    #new_pro_list .bg_list_wrap>ul>li .img_box{position:absolute; right:0px; top:50%; transform:translateY(-50%); transition-duration:0.6s; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2) .img_box{left:30px;}
    #new_pro_list .bg_list_wrap>ul>li .img_box img{display:block; width:80%;}
    #new_pro_list .bg_list_wrap>ul>li .img_box .img_box_inner .circle{display:none;}

    /* ____sp2000t____ */
    /* sp2000t_title 반응형 */
    #sp2000t_title{height:460px; margin-top:80px;}
    #sp2000t_title .text_wrap{right:initial; left:50%; transform:translateX(-50%);}
    #sp2000t_title .text_wrap p{font-size:35px;}
    #sp2000t_title .text_wrap h2{font-size:60px;}

    /* page_move 반응형 */
    .page_move{height:60px;}
    .page_move>ul>li a{font-size:16px; line-height:60px;}

    /* content_title 반응형 */
    #content_title .text_wrap p:first-child{font-size:25px;}
    #content_title .text_wrap h3{font-size:50px;}

    /* triple_amp 반응형 */
    #triple_amp .text_wrap{width:68%; right:initial; left:50%; transform:translateX(-50%);}
    #triple_amp .text_wrap h3{font-size:25px;}
    #triple_amp .amp_output .amp_text_wrap h4{font-size:25px;}
    #triple_amp .amp_output .amp_img_wrap{right:55px;}
    #triple_amp .amp_output .amp_img_wrap img{width:100%;}

    /* noise 반응형 */
    #noise{width:96%; margin-top:120px;}
    #noise h3{font-size:25px; margin-top:30px;}

    /* teraton_bg 반응형 */
    #teraton{height:387px; overflow:hidden;}
    #teraton .text_wrap h3{font-size:25px;}
    #teraton .teraton_bg{position:absolute; left:50%; top:0; transform:translateX(-50%);}
    #teraton .teraton_bg img{width:1182px;}
    #teraton .text_wrap{top:48%; width:65%;}
    #teraton .text_wrap .more_arrow{margin-top:20px;}

    /* display 반응형 */
    #display .display_inner{width:96%; left:50%; transform:translate(-50%,-50%)}
    #display .display_inner .text_wrap{text-align:center;}
    #display .display_inner .display_detail_inner .detail_text{margin-left:20px;}

    /* design 반응형 */
    #design .text_wrap{width:96%; margin:0 auto;}
    #design .text_wrap h3{font-size:50px;}
    #design .img_list_wrap{width:96%;}

    /* specification 반응형 */
    #specification .spec_content{width:96%;}
    #specification .spec_content .spec_wrap{width:96%;}

    /* ____video____ */
    #video_banner{margin-top:80px;}
    #video_content{position:relative; width:96%; margin:100px auto;}
    #video_content .tabs_wrap>ul>li a{width:100%;}

    /*light_box 반응형*/
    .light_box_wrap .light_box_inner{width:96%; height:initial;}
    .light_box_wrap .light_box_inner .light_box_list{width:100%;}

    /*___download___*/
    /* download_content 반응형 */
    #down_content{position:relative; width:96%; margin:40px auto;}
    #down_content .down_content_top{width:100%; position:relative;}
    #down_content .down_content_top>div{float:none;}
    #down_content .down_content_top .list_number{text-align:center; margin-bottom:120px;}
    #down_content .down_content_top .list_number p{font-size:30px;}
    #down_content .down_content_top .list_number p strong{color:#cc0000;}
    #down_content .down_content_top .category_select{margin-left:-90px; position:absolute; top:60px; left:50%; transform:translateX(-50%);}
    #down_content .down_content_top .category_select .cate_list_btn{width:170px; padding:5px; box-sizing:border-box; font-size:16px; line-height:40px; font-weight:500; cursor:pointer; position:relative; background-color:#fff; border-bottom:2px solid #222;}
    #down_content .down_content_top .category_select .cate_list_btn .arrow{position:absolute; right:10px;}
    #down_content .down_content_top .product_select{margin-left:90px; position:absolute; top:60px; left:50%; transform:translateX(-50%); }
    #down_content .down_content_top .search_wrap{float:none;}
    #down_content .down_content_top .search_wrap>div{float:left;}
    
    


    /* footer 반응형 */
    #footer .footer_container .site_select{top:25%;}
    #footer .footer_container .footer_mid{position:absolute; top:65%; left:initial; right:20px;}
}

@media screen and (min-width:601px) and (max-width:800px) {
    /* ____brand_story____ */
    /* header 반응형 */
    #header{height:80px;}
    #header .gnb{display:none;}
    #header h1{padding-top:25px;}
    #header .util{top:25px;}
    #header .util .search{display:none;}

    /* top_title 반응형 */
    #top_title{margin-top:80px;}
    #top_title .main_title{top:45px;}
    #top_title .main_title h2{font-size:70px;bottom:-300px;}
    #top_title .mid_img{top:160px;}
    #top_title .sub_title_left{margin-top:100px;}
    #top_title .sub_title_left h3{font-size:45px; padding-left:250px;}
    #top_title .sub_title_right{margin-top:170px;}
    #top_title .sub_title_right h3{font-size:45px; padding-right:250px;}

    /* mission 반응형 */
    #mission .sub_title{top:35%;}
    #mission .sub_title h4{font-size:100px; padding-bottom:150px;}
    #mission .mission_content .mission_text_top .mission_text_wrap h5{font-size:30px;}
    #mission .mission_content .mission_text_top .mission_text_wrap p{font-size:12px; line-height:initial;}
    #mission .mission_content .mission_text_bottom{margin-top:30px;}
    #mission .mission_content .mission_text_bottom .mission_text_wrap2 h5{font-size:30px;}
    #mission .mission_content .mission_text_bottom .mission_text_wrap2 p{font-size:12px; line-height:initial;}
    #mission .sub_title h4{opacity:0.3;}
    
    /* value 반응형 */
    #value .value_content{width:96%;}
    #value .sub_title h4{font-size:100px;}
    #value .sub_title h5{font-size:30px;}
    #value .value_content{padding:45px 0;}
    #value .value_content>div>p{font-size:12px; line-height:18px;}
    #value .value_content .mid_border{height:96%;}
    

    /* ci 반응형 */
    #corporate_identity .sub_title h4{font-size:100px;}
    #corporate_identity .ci_content div.logo_img{width:100%;}
    #corporate_identity .ci_content div.logo_img img{width:100%;}
    #corporate_identity .ci_content>div{width:100%;}
    #corporate_identity .ci_content .ci_text_wrap div h5{font-size:25px;}
    #corporate_identity .ci_content .ci_text_wrap div p{font-size:12px; padding-top:18px;}
    #corporate_identity .ci_content .ci_text_wrap .ci_text2{margin-top:0;}

    /* innovation 반응형 */
    #innovation .sub_title{position:absolute; left:-310px; top:40%; transform:rotate(90deg); opacity:0.3;}
    #innovation .sub_title h4{font-family: 'Roboto', sans-serif; font-size:100px; padding-bottom:220px; font-weight:700; color:#fff; }
    #innovation .slider_btn{top:35%; left:initial; right:10%;}
    #innovation .inno_content>div{float:none; width:initial; }
    #innovation .inno_content .inno_content_left .inno_content_title h5{font-size:30px; font-weight:500; text-align:center; color:#fff;}
    #innovation .inno_content .inno_content_left .inno_content_title p{font-size:14px;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul{width:96%; margin:0 auto;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul:after{content:''; display:block; clear:both;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul>li{float:left; margin-left:20px;}
    /* #innovation .inno_content .inno_content_left .inno_content_history>ul>li:before{content:''; display:block; background-color:#fff; width:65px; height:10px; position:absolute; left:50%; top:-10px; transform:translateX(-50%);} */
    #innovation .inno_content .inno_content_right{overflow:hidden;}
    #innovation .inno_content .inno_content_right>ul{width:96%; margin:0 auto;}
    #innovation .inno_content .inno_content_right>ul>li .text_wrap{left:50%; transform:translateX(-50%);}

    /* ____what's new____ */
    /* top_banner 반응형 */
    #top_banner{margin-top:80px;}
    #top_banner .line_right{width:25%;}
    #top_banner .line_left{width:25%;}
    #top_banner .text_wrap .text_box h2{line-height:60px; font-size:65px;}
    #top_banner .text_wrap .text_box p{padding-top:10px; font-size:14px;}

    /* new_pro_list 반응형 */
    #new_pro_list{width:100%;}
    #new_pro_list .bg_list_wrap{width:100%; margin:10px auto;}
    #new_pro_list .bg_list_wrap>ul>li .text_box{z-index:1; left:50%; transform:translate(-50%,-50%);}
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box{left:50%; right:initial;}
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box h3{text-align:initial; }
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box p{text-align:initial; }
    #new_pro_list .bg_list_wrap>ul>li .text_box h3{font-size:16px;}
    #new_pro_list .bg_list_wrap>ul>li .text_box h3 span{font-size:25px;}
    #new_pro_list .bg_list_wrap>ul>li .img_box{position:absolute; right:0px; top:50%; transform:translateY(-50%); transition-duration:0.6s; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2) .img_box{left:30px;}
    #new_pro_list .bg_list_wrap>ul>li .img_box img{display:none}
    #new_pro_list .bg_list_wrap>ul>li .img_box .img_box_inner .circle{display:none;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_top{width:100%; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_bottom{width:100%; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_left{height:100%; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_right{height:100%; opacity:1;}

    /* ____sp2000t____ */
    /* sp2000t_title 반응형 */
    #sp2000t_title{height:460px; margin-top:80px; overflow:hidden;}
    #sp2000t_title .text_wrap{right:initial; left:50%; transform:translateX(-50%);}
    #sp2000t_title .text_wrap p{font-size:35px;}
    #sp2000t_title .text_wrap h2{font-size:60px;}

    /* page_move 반응형 */
    .page_move{height:60px;}
    .page_move>ul>li a{font-size:16px; line-height:60px;}

    /* content_title 반응형 */
    #content_title .text_wrap p:first-child{font-size:18px;}
    #content_title .text_wrap h3{font-size:40px;}
    #content_title .text_wrap p{font-size:12px;}

    /* triple_amp 반응형 */
    #triple_amp .text_wrap{width:88%; right:initial; left:50%; top:40px; transform:translateX(-50%);}
    #triple_amp .text_wrap h3{font-size:20px;}
    #triple_amp .text_wrap p{font-size:12px; line-height:18px;}
    #triple_amp .text_wrap .detail_text_wrap .img_wrap img{width:60%;}
    #triple_amp .amp_output .amp_text_wrap h4{font-size:20px;}
    #triple_amp .amp_output .amp_text_wrap p{font-size:12px; line-height:25px;}
    #triple_amp .amp_output .amp_img_wrap{right:55px;}
    #triple_amp .amp_output .amp_text_wrap{padding-left:30px;}
    #triple_amp .amp_output .amp_img_wrap img{width:110%;}
    #triple_amp .text_wrap .detail_text_wrap{margin-top:30px;}
    #triple_amp .text_wrap .detail_text_wrap>div{float:none; width:100%;}
    #triple_amp .text_wrap .detail_text_wrap .detail_text>p{font-size:16px;}

    /* noise 반응형 */
    #noise{width:96%; margin-top:120px; margin-bottom:120px;}
    #noise h3{font-size:20px; margin-top:30px;}
    #noise .text_wrap1 h4{font-size:16px;}
    #noise .text_wrap1 p{font-size:12px;}
    #noise .text_wrap2{margin-top:60px;}
    #noise .text_wrap2 h4{font-size:16px;}
    #noise .text_wrap2 p{font-size:12px; line-height:25px;}

    /* teraton_bg 반응형 */
    #teraton{height:387px; overflow:hidden;}
    #teraton .text_wrap h3{font-size:20px;}
    #teraton .text_wrap h4{font-size:16px; font-weight:300;}
    #teraton .text_wrap p{font-size:12px; line-height:25px;}
    #teraton .teraton_bg{position:absolute; left:50%; top:0; transform:translateX(-50%);}
    #teraton .teraton_bg img{width:1182px;}
    #teraton .text_wrap{top:48%; width:96%;}
    #teraton .text_wrap .more_arrow{margin-top:20px;}

    /* display 반응형 */
    #display .display_inner{width:96%; left:50%; transform:translateX(-50%); top:40px;}
    #display .display_inner .text_wrap{text-align:center;}
    #display .display_inner .text_wrap h3{font-size:20px;}
    #display .display_inner .display_detail_inner{position:relative;}
    #display .display_inner .display_detail_inner>div{float:none;}
    #display .display_inner .display_detail_inner .img_wrap img{width:512px; height:280px; margin:0 auto; display:block;}
    #display .display_inner .display_detail_inner .detail_text{margin-left:0;}
    #display .display_inner .display_detail_inner .detail_text:after{content:''; display:block; clear:both;}
    #display .display_inner .display_detail_inner .detail_text dl{float:left; width:50%; margin-top:10px; text-align:center;}

    /* design 반응형 */
    #design .text_wrap{width:96%; margin:0 auto;}
    #design .text_wrap h3{font-size:50px;}
    #design>.text_wrap p{font-size:14px;}
    #design .img_list_wrap{width:96%;}
    #design .img_list_wrap>ul>li>div:nth-of-type(2){padding:15px;}
    #design .img_list_wrap>ul>li .text_wrap h4{font-size:25px;}
    #design .img_list_wrap>ul>li .text_wrap h4 span{font-size:25px;}
    #design .img_list_wrap>ul>li .text_wrap p{font-size:12px; padding-top:10px;}

    /* specification 반응형 */
    #specification .specification_title h3{font-size:50px;}
    #specification .tabs>ul>li{font-size:16px;}
    #specification .spec_content{width:96%;}
    #specification .spec_content .spec_wrap{width:96%; height:440px;}
    #specification .spec_content .spec_wrap>ul>li{top:30px;}
    #specification .spec_content .spec_wrap>ul>li h4{font-size:16px;}
    #specification .spec_content .spec_wrap>ul>li>ul>li dl dt{font-size:14px;}
    #specification .spec_content .spec_wrap>ul>li>ul>li dl dd{font-size:12px;}

    /*__video___*/
    /* video 반응형 */
    #video_banner{margin-top:80px; height:400px;}
    #video_banner .text_wrap h2{font-size:65px;}
    #video_content{width:96%;}
    #video_content .tabs_wrap>ul>li a{width:100%;}
    #video_content .video_list_wrap>ul>li{float:left; width:49%; margin-left:1%; margin-bottom:55px;}
    #video_content .video_list_wrap>ul>li:nth-child(3n+1){margin-left:1%;}

    /* light_box 반응형 */
    .light_box_wrap .light_box_inner{width:96%;}
    .light_box_wrap .light_box_inner .light_box_list{width:100%; height:450px;}

    /*__download__*/
    /* download_banner 반응형 */
    #down_banner{margin-top:80px; height:400px;}

    /* footer 반응형 */
    #footer .footer_container .footer_left .footer_link>li a{font-size:14px;}
    #footer .footer_container .footer_left .footer_text p{font-size:12px; color:#ccc; margin-top:20px;}
    #footer .footer_container .site_select{top:25%;}
    #footer .footer_container .footer_mid{position:absolute; top:65%; left:initial; right:20px;}
}

@media screen and (max-width:600px) {
    /* ____brand_story____ */
    /* header 반응형 */
    #header{height:80px;}
    #header .gnb{display:none;}
    #header h1{padding-top:35px;}
    #header h1 a img{display:block; width:60%;}
    #header .util{top:25px;}
    #header .util .search{display:none;}

    /* top_title 반응형 */
    #top_title{margin-top:80px; height:500px;}
    #top_title .top_title_inner{width:96%;}
    #top_title .main_title{top:45px;}
    #top_title .main_title h2{font-size:55px;bottom:-300px;}
    #top_title .mid_img{top:160px;}
    #top_title .sub_title_left{margin-top:130px;}
    #top_title .sub_title_left h3{font-size:40px; padding-left:460px;}
    #top_title .sub_title_right{margin-top:140px;}
    #top_title .sub_title_right h3{font-size:40px; padding-right:470px;}

    /* mission 반응형 */
    #mission .sub_title{top:35%;}
    #mission .sub_title h4{font-size:100px; padding-bottom:150px; display:none;}
    #mission .mission_content{width:96%;}
    #mission .mission_content .mission_text_top{padding-top:35px;}
    #mission .mission_content .mission_text_top .mission_text_wrap{float:none; width:100%; margin-top:50px;}
    #mission .mission_content .mission_text_top .mission_img_right{float:none; width:100%; margin-top:35px;}
    #mission .mission_content .mission_text_top .mission_text_wrap h5{font-size:30px;}
    #mission .mission_content .mission_text_top .mission_text_wrap p{font-size:14px; line-height:initial;}
    #mission .mission_content .mission_text_bottom{margin-top:30px;}
    #mission .mission_content .mission_text_bottom .mission_text_wrap2{float:none; width:100%;}
    #mission .mission_content .mission_text_bottom .mission_text_wrap2 h5{font-size:30px;}
    #mission .mission_content .mission_text_bottom .mission_text_wrap2 p{font-size:14px; line-height:initial;}
    #mission .mission_content .mission_text_bottom .mission_img_left{float:none; width:100%; margin-bottom:35px;}
    #mission .sub_title h4{opacity:0.3;}
    
    /* value 반응형 */
    #value .sub_title h4{font-size:65px;}
    #value .sub_title h5{font-size:30px;}
    #value .value_content{padding:45px 0; width:100%; padding-top:25px;}
    #value .value_content>div{float:none; width:96%; margin:20px auto;}
    #value .value_content>div>p{font-size:14px; line-height:25px; text-align:center;}
    #value .value_content>div>p>.border{left:50%; transform:translateX(-50%);}
    #value .value_content>div:nth-of-type(2n+1){float:none; width:96%; margin-right:0; margin:20px auto; }
    #value .value_content>div:nth-of-type(2n+1)>p{font-size:14px; text-align:center;}
    #value .value_content>div:nth-of-type(2n+1)>p>.border{right:initial; left:50%; transform:translateX(-50%);}
    #value .value_content>div:nth-of-type(1){margin:0 auto;}
    #value .value_content .mid_border{display:none; background-color:initial;}
    

    /* ci 반응형 */
    #corporate_identity{width:96%;}
    #corporate_identity .sub_title h4{font-size:65px;}
    #corporate_identity .ci_content div.logo_img{width:100%;}
    #corporate_identity .ci_content>div{width:100%;}
    #corporate_identity .ci_content div.logo_img img{width:100%;}
    #corporate_identity .ci_content .ci_text_wrap div{padding:25px 0;}
    #corporate_identity .ci_content .ci_text_wrap div h5{font-size:25px;}
    #corporate_identity .ci_content .ci_text_wrap div p{font-size:14px; padding-top:18px;}
    #corporate_identity .ci_content .ci_text_wrap .ci_text2{margin-top:0;}

    /* innovation 반응형 */
    #innovation{height:800px;}
    #innovation .sub_title{position:absolute; left:-310px; top:40%; transform:rotate(90deg); opacity:0.3; display:none;}
    #innovation .sub_title h4{font-family: 'Roboto', sans-serif; font-size:100px; padding-bottom:220px; font-weight:700; color:#fff;}
    #innovation .slider_btn{top:65%; left:initial; right:10%;}
    #innovation .inno_content{width:96%;}
    #innovation .inno_content>div{float:none; width:initial; }
    #innovation .inno_content .inno_content_left .inno_content_title h5{font-size:30px; font-weight:500; text-align:center; color:#fff;}
    #innovation .inno_content .inno_content_left .inno_content_title p{font-size:14px;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul{width:96%; margin:0 auto;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul:after{content:''; display:block; clear:both;}
    #innovation .inno_content .inno_content_left .inno_content_history>ul>li{float:left;  margin-bottom:10px; font-size:18px;}
    /* #innovation .inno_content .inno_content_left .inno_content_history>ul>li:before{content:''; display:block; background-color:#fff; width:65px; height:10px; position:absolute; left:50%; top:-10px; transform:translateX(-50%);} */
    #innovation .inno_content .inno_content_right{overflow:hidden;}
    #innovation .inno_content .inno_content_right>ul{width:96%; margin:0 auto;}
    #innovation .inno_content .inno_content_right>ul>li .text_wrap{left:50%; top:50%; transform:translate(-50%,-50%);}
    #innovation .inno_content .inno_content_right>ul>li .text_wrap p{opacity:0.8;}
    #innovation .inno_content .inno_content_right>ul>li{height:500px;}
    #innovation .inno_content .inno_content_right>ul>li img{position:absolute; left:50%; top:0; transform:translate(-50%); width:100%;}

    /* ____what's new____ */
    /* top_banner 반응형 */
    #top_banner{margin-top:80px;}
    #top_banner .line_right{right:-25px;}
    #top_banner .line_left{left:-25px;}
    #top_banner .text_wrap .text_box h2{line-height:60px; font-size:65px;}
    #top_banner .text_wrap .text_box p{padding-top:10px; font-size:14px;}

    /* new_pro_list 반응형 */
    #new_pro_list{width:100%;}
    #new_pro_list .bg_list_wrap{width:100%; margin:10px auto;}
    #new_pro_list .bg_list_wrap>ul>li{width:100%; height:600px; overflow:hidden;}
    #new_pro_list .bg_list_wrap>ul>li .text_box{z-index:1; left:50%; top:initial; width:280px; bottom:20px; transform:translate(-50%,-50%);}
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box{left:50%; right:initial;}
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box h3{text-align:initial; }
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .text_box p{text-align:initial; }
    #new_pro_list .bg_list_wrap>ul>li .bg_img{width:initial;}
    #new_pro_list .bg_list_wrap>ul>li .text_box h3{font-size:16px;}
    #new_pro_list .bg_list_wrap>ul>li .text_box h3 span{font-size:25px;}
    #new_pro_list .bg_list_wrap>ul>li .img_box{position:absolute; right:initial; left:50%; top:100px; transform:translateX(-50%);  transition-duration:0.6s; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li:nth-child(2n) .img_box{left:50%; transform:translateX(-50%)}
    #new_pro_list .bg_list_wrap>ul>li .img_box img{display:block; width:initial;}
    #new_pro_list .bg_list_wrap>ul>li .img_box .img_box_inner .circle{display:none;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_top{width:100%; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_bottom{width:100%; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_left{height:100%; opacity:1;}
    #new_pro_list .bg_list_wrap>ul>li .line_wrap .line_right{height:100%; opacity:1;}

    /* ____sp2000t____ */
    /* sp2000t_title 반응형 */
    #sp2000t_title{height:100%; margin-top:80px; overflow:hidden;}
    #sp2000t_title .img_wrap img{width:100%; display:block;}
    #sp2000t_title .text_wrap{right:initial; left:50%; transform:translateX(-50%);}
    #sp2000t_title .text_wrap p{font-size:25px;}
    #sp2000t_title .text_wrap h2{font-size:50px;}

    /* page_move 반응형 */
    .page_move{height:60px;}
    .page_move>ul>li a{font-size:16px; line-height:60px;}

    /* content_title 반응형 */
    #content_title .text_wrap{padding-bottom:70px;}
    #content_title .text_wrap h3 .border{display:none; background-color:initial;}
    #content_title .text_wrap p:first-child{font-size:18px;}
    #content_title .text_wrap h3{font-size:40px;}
    #content_title .text_wrap p{font-size:12px;}
    #content_title .text_wrap p:nth-of-type(2){margin-top:25px;}
    #content_title .img_wrap .bg_img_wrap .bg_img_inner{display:none;}

    /* triple_amp 반응형 */
    #triple_amp .text_wrap{width:88%; right:initial; left:50%; top:40px; transform:translateX(-50%);}
    #triple_amp .text_wrap h3{font-size:20px;}
    #triple_amp .text_wrap p{font-size:12px; line-height:18px;}
    #triple_amp .text_wrap .detail_text_wrap .img_wrap img{width:100%;}
    #triple_amp .amp_output .amp_text_wrap{height:300px; padding:initial; padding-left:0; width:96%; margin:40px auto;}
    #triple_amp .amp_output .amp_text_wrap h4{font-size:20px;}
    #triple_amp .amp_output .amp_text_wrap p{font-size:12px; line-height:25px;}
    #triple_amp .amp_output .amp_img_wrap{right:initial; bottom:0; left:50%; transform:translateX(-50%);}
    #triple_amp .amp_output .amp_img_wrap img{width:100%;}
    #triple_amp .text_wrap .detail_text_wrap{margin-top:30px;}
    #triple_amp .text_wrap .detail_text_wrap>div{float:none; width:100%;}
    #triple_amp .text_wrap .detail_text_wrap .detail_text>p{font-size:16px;}

    /* noise 반응형 */
    #noise{width:96%; margin-top:120px; margin-bottom:120px;}
    #noise h3{font-size:20px; margin-top:30px;}
    #noise .noise_example>div{float:none;}
    #noise .noise_example>div:nth-child(1){float:none;}
    #noise .noise_example>div:nth-child(2){float:none;}
    #noise .noise_example>div img{display:block; width:100%;}
    #noise .text_wrap1 h4{font-size:16px;}
    #noise .text_wrap1 p{font-size:12px;}
    #noise .text_wrap2{margin-top:60px;}
    #noise .text_wrap2 h4{font-size:16px;}
    #noise .text_wrap2 p{font-size:12px; line-height:25px;}

    /* teraton_bg 반응형 */
    #teraton{height:387px; overflow:hidden;}
    #teraton .text_wrap h3{font-size:20px;}
    #teraton .text_wrap h4{font-size:16px; font-weight:300;}
    #teraton .text_wrap p{font-size:12px; line-height:25px; margin-top:5px;}
    #teraton .teraton_bg{position:absolute; left:50%; top:0; transform:translateX(-50%);}
    #teraton .teraton_bg img{width:1182px;}
    #teraton .text_wrap{top:48%; width:96%;}
    #teraton .text_wrap .more_arrow{margin-top:20px;}

    /* display 반응형 */
    #display .display_inner{width:96%; left:50%; transform:translateX(-50%); top:40px;}
    #display .display_inner .text_wrap{text-align:center;}
    #display .display_inner .text_wrap h3{font-size:20px;}
    #display .display_inner .display_detail_inner{position:relative; margin-top:25px;}
    #display .display_inner .display_detail_inner>div{float:none;}
    #display .display_inner .display_detail_inner .img_wrap img{width:100%; margin:0 auto; display:block;}
    #display .display_inner .display_detail_inner .detail_text{margin-left:0;}
    #display .display_inner .display_detail_inner .detail_text:after{content:''; display:block; clear:both;}
    #display .display_inner .display_detail_inner .detail_text dl{float:left; width:50%; margin-top:10px; text-align:center;}

    /* design 반응형 */
    #design .text_wrap{width:96%; margin:0 auto;}
    #design .text_wrap h3{font-size:40px;}
    #design .text_wrap h3 .border{display:none;}
    #design>.text_wrap p{font-size:14px;}
    #design .img_list_wrap{width:96%;}
    #design .img_list_wrap>ul>li>div{float:none; width:100%;}
    #design .img_list_wrap>ul>li>div:nth-of-type(2){padding:15px;}
    #design .img_list_wrap>ul>li .text_wrap h4{font-size:25px;}
    #design .img_list_wrap>ul>li .text_wrap h4 span{font-size:25px;}
    #design .img_list_wrap>ul>li .text_wrap p{font-size:12px; padding-top:10px;}

    /* specification 반응형 */
    #specification .specification_title{top:80px;}
    #specification .specification_title h3{font-size:40px;}
    #specification .tabs{top:150px; position:relative; width:100%; left:initial; transform:initial;}
    #specification .tabs>ul{width:80%; margin:0 auto;}
    #specification .tabs>ul>li{font-size:12px; width:23.5%; margin-left:2%;}
    #specification .tabs>ul>li:after{display:none;}
    #specification .tabs>ul>li.select:after{display:block; left:50%; transform:translateX(-50%); bottom:-10px; top:initial; height:1px; width:100%;}
    #specification .spec_content{width:96%; top:225px;}
    #specification .spec_content .spec_wrap{width:96%; height:440px;}
    #specification .spec_content .spec_wrap>ul>li h4{font-size:16px;}
    #specification .spec_content .spec_wrap>ul>li dl{ margin-top:5px;}
    #specification .spec_content .spec_wrap>ul>li>ul>li dl dt{font-size:14px;}
    #specification .spec_content .spec_wrap>ul>li>ul>li dl dd{font-size:12px;}

    /*__video__*/
    /* video 반응형 */
    #video_banner{margin-top:80px; height:400px;}
    #video_banner .text_wrap h2{font-size:65px;}
    #video_banner .text_wrap h2 .line_left{margin-left:-825px;}
    #video_banner .text_wrap h2 .line_right{margin-right:-825px;}
    #video_content{width:96%; margin-top:50px;}
    #video_content .tabs_wrap>ul>li{width:48%; margin-top:2%;}
    #video_content .tabs_wrap>ul>li:nth-child(2n+1){margin-left:0;}
    #video_content .tabs_wrap>ul>li a{width:100%;}
    #video_content .video_list_wrap>ul>li{float:left; width:100%; margin-left:0; margin-bottom:35px;}
    #video_content .video_list_wrap>ul>li:nth-child(3n+1){margin-left:0;}
    #video_content .video_list_wrap>ul>li:nth-child(2n+1){margin-left:0;}

    /* light_box 반응형 */
    .light_box_wrap .light_box_inner{width:96%;}
    .light_box_wrap .light_box_inner .light_box_list{width:100%; height:300px;}

    /* footer 반응형 */
    #footer{height:400px;}
    #footer .footer_container{top:50%; transform:translateY(-50%); border-bottom:1px solid #ccc;}
    #footer .footer_container .site_select{top:-20%; left:20px; right:initial;}
    #footer .footer_container .footer_mid{position:absolute; top:initial; left:0px; bottom:-95px;}
    #footer .footer_container .footer_left{left:5px;}
    #footer .footer_container .footer_left .footer_link>li a{font-size:14px;}
    #footer .footer_container .footer_left .footer_text p{font-size:12px; color:#ccc; margin-top:20px;}
}