@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

/* font-family: 'Noto Sans KR', sans-serif; */

*{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;}
img{border:none; display: block;}
body, header, section, footer, div, ul, li, p, a, span, h1, h2, h3, h4, h5, h6{font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#000;}

#header{position:fixed; left:0; top:0; width:100%; height:100px; z-index:9997; transition-duration: 0.5s; background-color: #fff;}
#header .header_inner{position:relative; width:90%; margin:0 auto; height:100px; }
#header .header_inner .top_logo{position:absolute; left:0; top:34px;}
#header .header_inner .gnb{position:absolute; left:50%; top:20px; transform: translateX(-50%); z-index:9999;}
#header .header_inner .gnb>ul{position:relative; width:800px;}
#header .header_inner .gnb>ul::after{content:""; display: block; clear: both;}
#header .header_inner .gnb>ul>li{float:left; width:15%; margin-left:2%; position:relative;}
#header .header_inner .gnb>ul>li:first-child{margin-left:0;}
#header .header_inner .gnb>ul>li>a{display:block; color:#111; font-size:18px; text-align: center; line-height:70px; font-weight:500; margin-bottom:30px; transition-duration: 0.5s;}
#header .header_inner .gnb>ul>li>.sub_menu{display: none; }
#header .header_inner .gnb>ul>li>.sub_menu>li>a{display: block; text-align: center; font-size:15px; line-height:50px; font-weight:400; color:#444343; transition-duration: 0.2s;}
#header .header_inner .gnb>ul>li>.effect{width: 0; transition-duration: 0.5s; position: absolute;}
#header .header_inner .gnb>ul>li:hover>.effect{ left:0; top: 77px; width: 100%; height: 3px; background-color: #b81d1d; z-index: 9997;}
#header .header_inner .util{position:absolute; right:0; top:35px; width:90px;}
#header .header_inner .util::after{content:""; display: block; clear: both;}
#header .header_inner .util>.language{color:#111; font-size:16px; font-weight:700; position:relative; top:3px; cursor:pointer; float:left;}
#header .header_inner .util>.search_btn{cursor:pointer; float:right;}
#header .gnb_bg{position:fixed; left:0; top:100px; background-color: rgba(255,255,255,0.9); height:300px; width:100%; z-index:9997px; display: none;}

/* common start------------------------------------------------------------------------------------- */
.hambug{position:fixed; z-index:9999; width:90%; height:100px; left:5%; display: none; top:0;}
.hambug .hambug_logo{position:absolute; left:0; top:34px;}
.hambug .hambug_btn{position:absolute; cursor: pointer; right:0; top:35px; width:30px; height:30px;}
.hambug .hambug_btn div{background-color: #111; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:inherit; height:2px; transition:0.5s}
.hambug .hambug_btn div::before, .hambug .hambug_btn div::after{content:""; width:inherit; height:inherit; position:absolute; background-color: #111; transition:0.5s}
.hambug .hambug_btn div::before{top:-10px;}
.hambug .hambug_btn div::after{top:10px;}
.hambug .hambug_btn.active div{background-color: transparent;}
.hambug .hambug_btn.active div::before{top:0px; transform: rotate(45deg); background-color: #fff;}
.hambug .hambug_btn.active div::after{top:0px; transform: rotate(-45deg); background-color: #fff;}
.hambug .mob_h1{position:absolute; left:0; top:23px; width:120px; height:28px;}
.hambug .mob_h1 img{width:100%;}
.hambug .mob_btn{position:absolute; cursor: pointer; right:0; top:24.5px; width:25px; height:20px;}
.hambug .mob_btn div{width:inherit; height:2px; background-color:#494949; position:absolute; transform: translate(-50%,-50%); left:50%; top:50%;}
.hambug .mob_btn div::before,.hambug .mob_btn div::after{content:""; width:inherit; height:inherit; position:absolute; background-color: #494949;}
.hambug .mob_btn div::before{top:-8px;}
.hambug .mob_btn div::after{top:8px;}
.hambug .ham_mob{display: none;}

.sub_gnb{position:fixed; right:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.8); z-index:9998; display: none;}
.sub_gnb .gnb_list{position:relative; width:80%; height:50%; left:50%; top:50%; transform: translate(-50%,-50%);}
.sub_gnb .gnb_list::after{content:""; display: block; clear: both;}
.sub_gnb .gnb_list>li{float:left; width:15%; margin-left:2%; text-align: center;}
.sub_gnb .gnb_list>li:first-child{margin-left:0;}
.sub_gnb .gnb_list>li>a{color:#fff; font-size:32px; font-weight:500; line-height:120px; position:relative; transition-duration: 0.5s;}
.sub_gnb .gnb_list>li:hover>a{color:#ff414b;}
.sub_gnb .gnb_list>li>a .effect{width: 0; transition-duration: 0.5s; position: absolute;}
.sub_gnb .gnb_list>li:hover>a .effect{left:0; top: 46px; width: 100%; height: 2px; background-color: #ff414b; z-index: 9997;}
.sub_gnb .gnb_list>li .list_menu>li{margin-bottom:15px;}
.sub_gnb .gnb_list>li .list_menu>li a{color:#e4e4e4; font-size:18px; font-weight:500; transition-duration: 0.5s;}
.sub_gnb .gnb_list>li .list_menu>li a:hover{color:#ff414b;}

#search_lightbox{position:fixed; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.8); z-index:9998; display: none;}
#search_lightbox .search_area{position:relative; height:45%; background-color: rgba(0,0,0,0.5);}
#search_lightbox .search_area .search_header{position:relative; width:90%; margin:0 auto; height:100px;}
#search_lightbox .search_area .search_header h1{position:absolute; left:0; top:34px;}
#search_lightbox .search_area .search_header .close_btn{position:absolute; right:0; top:35px; cursor: pointer;}
#search_lightbox .search_area .main_search{position:absolute; left:50%; top:35%; transform: translateX(-50%); width:100%; text-align: center; height:65%;}
#search_lightbox .search_area .main_search label{font-size:44px; font-weight:400; color:#fff;}
#search_lightbox .search_area .main_search .keyword{position:relative; width:828px; margin:0 auto; top:30%; transform: translateY(-50%);}
#search_lightbox .search_area .main_search .keyword::after{content:""; display: block; clear: both;}
#search_lightbox .search_area .main_search .keyword #search_text{position:relative; width:753.5px; height:70px; float:left; box-sizing: border-box; padding:0 20px; font-weight:700; font-size:16px;}
#search_lightbox .search_area .main_search .keyword .submit{position:relative; width:74.5px; float:right; background-color: #aa0f0f; height:70px; cursor: pointer;}
#search_lightbox .search_area .main_search .keyword .submit .search_img{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:35%;}
#search_lightbox .search_area .main_search .keyword .submit .search_img img{width:100%;}

.mob_nav{position:fixed; z-index:9999; width:90%; height:100%; background-color: #fff; right:-90%; top:0;}
.mob_nav .nav_top{position:relative; width:90%; margin:0 auto; height:70px; padding-bottom:20px;}
.mob_nav .nav_top::after{content:""; display: block; clear: both;}
.mob_nav .nav_top .mob_language::after{content:""; display: block; clear: both;}
.mob_nav .nav_top .mob_language{float:left; position:relative; top:25px;}
.mob_nav .nav_top .mob_language>li{float:left;}
.mob_nav .nav_top .mob_language>li.select{text-decoration: underline;}
.mob_nav .nav_top .mob_language>li:last-child{margin-left:5px; color:#a1a1a1; font-weight:100;}
.mob_nav .nav_top .mob_language>li:last-child>a{padding-left:5px; font-weight:400; color:#000;}
.mob_nav .nav_top .mob_close{float:right; width:20px; height:20px; position:relative; top:25px; cursor: pointer; right:5px;}
.mob_nav .nav_top .mob_close img{width:100%;}
.mob_nav .mob_search{position:relative; width:280px; margin:0 auto; padding-bottom:30px;}
.mob_nav .mob_search::after{content:""; display: block; clear: both;}
.mob_nav .mob_search #m_search_text{float:left; width:235px; height:30px; box-sizing: border-box; border:none; border-bottom:1px solid #494949; padding:0 10px; text-align: center; outline:none;}
.mob_nav .mob_search .submit{float:right; width:45px; position:relative; height:30px;}
.mob_nav .mob_search .submit .search_img{position:absolute; width:20px; height:20px; left:50%; top:50%; transform: translate(-50%,-50%); cursor: pointer;}
.mob_nav .mob_search .submit .search_img img{width:100%;}
.mob_nav .mob_gnb{position:relative; width:90%; margin:0 auto;}
.mob_nav .mob_gnb>li{position:relative; cursor: pointer;}
.mob_nav .mob_gnb>li>a{font-size:18px; font-weight:500; line-height:50px; display: block;}
.mob_nav .mob_gnb>li>img{position:absolute; right:5px; top:19px;}
.mob_nav .mob_gnb>li>.mob_menu>li{padding-bottom:10px;}
.mob_nav .mob_gnb>li>.mob_menu>li>a{font-size:13px; font-weight:300;}
.mob_nav .mob_logo{position:absolute; left:50%; bottom:50px; transform: translateX(-50%);}

.top_banner{position:relative; margin-top:100px; height:350px; background-position: center; background-size: cover; border-top:1px solid #ccc; box-sizing: border-box;}
.top_banner .banner_text{position:relative; top:50%; transform: translateY(-50%); width:80%; margin:0 auto;}
.top_banner .banner_text h2{font-size:60px; font-weight:bold; color:#fff; line-height:80px;}

#lnb_area{position:relative; height:100px; border-bottom:1px solid #ccc; box-sizing: border-box;}
#lnb_area .lnb{position:relative; width:80%; margin:0 auto; height:100px;}
#lnb_area .lnb>ul{position:relative;}
#lnb_area .lnb>ul::after{content:""; display: block; clear: both;}
#lnb_area .lnb>ul>li{float:left; line-height:100px; position:relative; margin-left:30px;}
#lnb_area .lnb>ul>li:first-child{margin-left:0;}
#lnb_area .lnb>ul>li a{display: block; font-size:17px; font-weight:500; color:#575757;}
#lnb_area .lnb>ul>li.select a{color:#ce3138;}
#lnb_area .lnb>ul>li.select a::after{display: block; content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color: #ce3138; z-index:1;}
/* common end------------------------------------------------------------------------------------- */

/* overview  start --------------------------------------------------------------*/
.overview_top_banner{background-image:url(../img/overview_top_banner.jpg);}

#overview_contents{position:relative;}
#overview_contents .contents_wrap{position:relative; margin:350px 0 50px 0;}
#overview_contents .contents_wrap .slogan{position:absolute; left:50%; transform: translateX(-50%); top:-150px; z-index:999;}
#overview_contents .contents_wrap .slogan .slogan_text{font-size:140px; text-align: center; font-weight:bold; width:100%; line-height:130px; opacity: 0; position:relative;}
#overview_contents .contents_wrap .slogan .slogan_left{left:-50px;}
#overview_contents .contents_wrap .slogan .slogan_right{left:50px;}

#overview_contents .contents_wrap .visual_area{position:relative; background-image: url(../img/intro0_img.jpg); background-position: center; background-size: cover; width:90%; height:800px; margin:0 auto;}
#overview_contents .contents_wrap .motto_box{position:relative; width:80%; margin:0 auto; height:400px; background-color:#fff; top:-100px; z-index:999; padding: 50px; margin-bottom:100px; opacity: 0;}
#overview_contents .contents_wrap .motto_box .motto_inner{position:relative;}
#overview_contents .contents_wrap .motto_box .motto_inner::after{content:""; display: block; clear: both;}
#overview_contents .contents_wrap .motto_box .motto_inner .left_img{float:left; width:50%;}
#overview_contents .contents_wrap .motto_box .motto_inner .left_img img{width:100%;}
#overview_contents .contents_wrap .motto_box .motto_inner .right_text{float:right; height:100%; width:50%; position:relative; top:50px;}
#overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap{position:relative; padding:30px;}
#overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title{position:relative; padding-bottom:50px;}
#overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .motto_left{font-size:28px; font-weight:500; position:relative; left:-10px; opacity: 0;}
#overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .motto_right{font-size:28px; font-weight:500; color:#121d5f; position:relative; left:10px; opacity: 0;}
#overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .mottom_info{font-size:14px; font-weight:400; color:#494949; line-height:26px; opacity: 0; position:relative; top:30px;}

#overview_contents .bg_area{position:relative;}
#overview_contents .bg_area .bg_img{position:relative; height:900px;}
#overview_contents .sale .bg_img{background-image:url(../img/bg0.jpg); background-position: center; background-size: cover; background-attachment: fixed;}
#overview_contents .staff .bg_img{background-image:url(../img/bg1.jpg); background-position: center; background-size: cover; background-attachment: fixed;}
#overview_contents .policy .bg_img{background-image:url(../img/bg2.jpg); background-position: center; background-size: cover; background-attachment: fixed;}

#overview_contents .info_box{position:relative; height:400px; padding:30px;}
#overview_contents .info_box .box_title{position:relative;}
#overview_contents .info_box .box_title h2{font-size:32px; font-weight:500; text-align: center; width:250px; margin:0 auto; line-height:55px; color:#111; opacity: 0;}
#overview_contents .info_box .box_inner{position:absolute; height:320px; padding-top:0px; width:70%; left:50%; bottom:0; transform: translateX(-50%);}
#overview_contents .sale_info .box_inner>ul{position:relative; width:90%; margin:0 auto; top:10px;}
#overview_contents .info_box .box_inner>ul::after{content:""; display: block; clear: both;}
#overview_contents .sale_info .box_inner>ul>li{float:left; text-align: center; width:32%; margin-left:2%; position:relative; top:10px; opacity: 0;}
#overview_contents .sale_info .box_inner>ul>li:first-child{margin-left:0;}
#overview_contents .sale_info .box_inner>ul>li .year{font-size:22px; width:90px; margin:0 auto; line-height:35px; background-color: #ca1a1a; color:#fff; border-radius: 17.5px;}
#overview_contents .sale_info .box_inner>ul>li .annual{font-size:60px; font-weight:bold; padding-bottom:10px;}
#overview_contents .sale_info .box_inner>ul>li .overseas{font-size:16px; font-weight:500;}
#overview_contents .sale_info .box_inner .unit{position:absolute; right:30px; bottom:60px; opacity: 0;}

#overview_contents .staff_info .box_inner{margin-bottom:20px;}
#overview_contents .staff_info .box_inner>ul{position:relative;}
#overview_contents .staff_info .box_inner>ul>li{float:left; width:18%; margin-right:2%; text-align: center; position:relative; top:20px; opacity: 0;}
#overview_contents .staff_info .box_inner>ul>li:last-child{width:36%; margin-left:2%; margin-right:2%; bottom:20px;}
#overview_contents .staff_info .box_inner>ul>li .location{font-size:20px; font-weight:500; padding-bottom:10px;}
#overview_contents .staff_info .box_inner>ul>li .location_img{position:relative; margin:0 auto; width:75px; padding-bottom:10px;}
#overview_contents .staff_info .box_inner>ul>li .total_location_img{width:180px; padding:30px 0;}
#overview_contents .staff_info .box_inner>ul>li .total_location_img img{width:100%;}
#overview_contents .staff_info .box_inner>ul>li .executive>li{font-size:15px; font-weight:400;}
#overview_contents .staff_info .box_inner>ul>li .executive{padding-bottom:10px;}
#overview_contents .staff_info .box_inner>ul>li .total_executive>li{margin-bottom:5px; font-weight:500; font-size:18px;}
#overview_contents .staff_info .box_inner>ul>li .personnel{font-size:50px; font-weight:bold;}
#overview_contents .staff_info .box_inner>ul>li .total_personnel{font-size:60px; font-weight:bold;}
#overview_contents .staff_info .box_inner>ul>li .personnel .small_text{font-size:18px;}
#overview_contents .staff_info .box_inner>ul>li .total_personnel .small_text{font-size:18px;}

#overview_contents .policy_info .box_inner>ul{width:800px; position:absolute; bottom:10px; left:50%; transform: translateX(-50%);}
#overview_contents .policy_info .box_inner>ul>li{float:left; width:32%; margin-left:2%; text-align: center; position:relative; top:10px; opacity: 0;}
#overview_contents .policy_info .box_inner>ul>li:first-child{margin-left:0;}
#overview_contents .policy_info .box_inner>ul>li .policy_img{width:110px; margin:0 auto; padding-bottom:10px;}
#overview_contents .policy_info .box_inner>ul>li .policy_name{font-size:20px; font-weight:500;}
#overview_contents .policy_info .box_inner .inner_info{position:relative;}
#overview_contents .policy_info .box_inner .inner_info p{font-size:16px; color:#444343; text-align: center; opacity: 0;}
#overview_contents .policy_info .box_inner .inner_info p .txt_color{font-size:16px; color:#aa0f0f; font-weight:500;}
/* overview end ----------------------------------------------------------------------------------------*/

/* business start ---------------------------------------------------------------------------------------*/
.biz_top_banner{background-image:url(../img/biz_top_banner.jpg);}

#biz_contents{position:relative;}
#biz_contents .biz_list_wrap{position:relative; border-bottom:1px solid #ccc; background-image: url(../img/sub_title_img1.jpg); background-position: center; background-size: cover;}
#biz_contents .biz_list_wrap .biz_list{position:relative; width:70%; margin:0 auto; padding:150px; }
#biz_contents .biz_list_wrap .biz_list::after{content:""; display: block; clear: both;}
#biz_contents .biz_list_wrap .biz_list>li{width:32%; margin-left:2%; float:left; box-sizing: border-box; background-color: rgba(255,255,255,0.5); text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
#biz_contents .biz_list_wrap .biz_list>li.select{border:2px solid #eee; background-color: rgba(255,255,255,0); box-sizing: border-box;}
#biz_contents .biz_list_wrap .biz_list>li.select a{color:#fff; font-weight:400;}
#biz_contents .biz_list_wrap .biz_list>li:first-child{margin-left:0;}
#biz_contents .biz_list_wrap .biz_list>li a{color:#fff; font-size:24px; display: block; text-align: center; font-weight:300; line-height:50px;}

#biz_contents .title_wrap{position:relative; width:80%; margin:250px auto;}
#biz_contents .title_wrap h2{position:relative; text-align: center;}
#biz_contents .title_wrap h2 .kor_title{font-size:18px; padding-bottom:20px;}
#biz_contents .title_wrap h2 .eng_title{font-size:50px;}

#biz_contents .contents1_wrap{position:relative; width:80%; margin:0 auto;}
#biz_contents .contents1_wrap .sec{position:relative; margin:200px 0 0 0;}
#biz_contents .contents1_wrap .sec::after{content:""; display: block; clear: both;}
#biz_contents .contents1_wrap .sec .right_img, #biz_contents .contents1_wrap .sec .right_text{position:relative; float:right;}
#biz_contents .contents1_wrap .sec .left_text, #biz_contents .contents1_wrap .sec .left_img{position:relative; float:left;}
#biz_contents .contents1_wrap .sec .right_img, #biz_contents .contents1_wrap .sec .left_img{width:50%;}
#biz_contents .contents1_wrap .sec .right_img img, #biz_contents .contents1_wrap .sec .left_img img{width:100%;}
#biz_contents .contents1_wrap .sec1 .right_text{position:relative; width:50%; top:150px;}
#biz_contents .contents1_wrap .sec1 .right_text h3 .sec_kor_title{font-size:16px; padding:0 0px 10px 80px; font-weight:500;}
#biz_contents .contents1_wrap .sec1 .right_text h3 .sec_eng_title{font-size:45px; padding:0 0px 50px 80px; line-height:45px; font-weight:bold;}
#biz_contents .contents1_wrap .sec1 .right_text>ul{position:relative; padding-left:100px; width:100%;}
#biz_contents .contents1_wrap .sec1 .right_text>ul>li{font-size:20px; list-style:url(../img/list_style.png); color:#444343; padding-bottom:5px; width:100%;}
#biz_contents .contents1_wrap .sec1 .right_text>ul>li span{font-size:20px; color:#111; padding-right:10px;}
#biz_contents .contents1_wrap .sec2 .left_text{position:relative; top:150px; width:50%;}
#biz_contents .contents1_wrap .sec2 .left_text h3{font-size:36px; font-weight:bold; padding-bottom:30px;}
#biz_contents .contents1_wrap .sec2 .left_text p{font-size:18px; color:#111; line-height:30px;}
#biz_contents .contents1_wrap .sec3 .right_text{position:relative; width:50%; top:150px;}
#biz_contents .contents1_wrap .sec3 .right_text h3{font-size:36px; font-weight:bold; padding-bottom:20px; line-height:50px; padding:30px 80px;}
#biz_contents .contents1_wrap .sec3 .right_text p{font-size:18px; color:#111; line-height: 30px; padding-left:80px; width:100%;}

#biz_contents .contents2_wrap{position:relative;}
#biz_contents .contents2_wrap .info_text_wrap{position:relative; margin-bottom:200px;}
#biz_contents .contents2_wrap .info_text_wrap .info_text{position:relative; width:40%; left:50%; background-color: #f3f5f7; padding:50px;}
#biz_contents .contents2_wrap .info_text_wrap .info_text p{font-size:20px; font-weight:500; line-height:32px; margin-bottom:30px; color:#111;}
#biz_contents .contents2_wrap .img_wrap{position:relative; z-index:9996;}
#biz_contents .contents2_wrap .img_wrap>ul{position:relative; width:60%; margin:0 auto;}
#biz_contents .contents2_wrap .img_wrap>ul::after{content:""; display: block; clear: both;}
#biz_contents .contents2_wrap .img_wrap>ul>li{float:left; margin-left:2%; width:49%; position:relative; margin-bottom:2%;}
#biz_contents .contents2_wrap .img_wrap>ul>li:nth-child(2n+1){margin-left:0;}
#biz_contents .contents2_wrap .img_wrap>ul>li img{width:100%; display: block;}
#biz_contents .contents2_wrap .text_wrap{position:relative; width:90%; margin:0 auto; background-color: #f3f5f7; height:700px; top:-200px;}
#biz_contents .contents2_wrap .text_wrap>ul{position:relative; padding-top:300px; width:66%; margin:0 auto;}
#biz_contents .contents2_wrap .text_wrap>ul::after{content:""; display: block; clear: both;}
#biz_contents .contents2_wrap .text_wrap>ul>li{float:left; width:49%; margin-left:2%; margin-bottom:8%; text-align: center;}
#biz_contents .contents2_wrap .text_wrap>ul>li:nth-child(2n+1){margin-left:0;}
#biz_contents .contents2_wrap .text_wrap>ul>li h3{font-size:24px; margin-bottom:20px; color:#000; letter-spacing: 1px;}
#biz_contents .contents2_wrap .text_wrap>ul>li p{font-size:18px; color:#444343;}

#biz_page_area{position:relative;}
#biz_page_area .page_wrap{position:relative; width:50%; margin:0 auto; margin-bottom:100px; padding-top:30px; border-top:2px solid #111;}
#biz_page_area .page_wrap::after{content:""; display: block; clear: both;} 
#biz_page_area .page_wrap .prev_text{float:right;}
#biz_page_area .page_wrap .next_text{float:left;}
#biz_page_area .page_wrap .page_text{text-align: center; cursor: pointer; width:200px; padding:5px 30px;}
#biz_page_area .page_wrap .page_text span{font-size:16px; color:#575757;}
#biz_page_area .page_wrap .page_text p{font-size:20px;}
/* business end ---------------------------------------------------------------------------------------*/

/* technology start ------------------------------------------------------------------------------------*/
.technology_top_banner{background-image:url(../img/technology_top_banner.jpg);}

#technology_intro{position:relative; margin:150px 0;}
#technology_intro .intro_wrap{position:relative;}
#technology_intro .intro_wrap .intro_text{position:relative; text-align: center; font-size:32px; font-weight:bold; line-height:42px; padding:70px 0; color:#1f1f1f; width:90%; margin:0 auto;}
#technology_intro .intro_wrap .intro_text::before{display: block; content:""; position:absolute; top:0; left:50%; transform: translateX(-50%); width:19px; height:18px; background:url(../img/technology_intro_text0.png) no-repeat center center; background-size: cover;}
#technology_intro .intro_wrap .intro_text::after{display: block; content:""; position:absolute; bottom:0; left:50%; transform: translateX(-50%); width:19px; height:18px; background:url(../img/technology_intro_text1.png) no-repeat center center; background-size: cover;}
#technology_intro .intro_wrap .intro_img{background-image:url(../img/technology_intro_img.jpg); width:80%; margin:100px auto; height:600px; background-position: center; background-size: cover;}
#technology_intro .intro_wrap .intro_list{position:relative; width:75%; margin:0 auto;}
#technology_intro .intro_wrap .intro_list>ul>li{padding:70px 0; position:relative;}
#technology_intro .intro_wrap .intro_list>ul>li::before{display: block; content:""; position:absolute; bottom:0; left:0; height:1px; background-color:#d9d9d9; transition: width 1s ease; width:100%;}
#technology_intro .intro_wrap .intro_list>ul>li.active::before{width:100%;}
#technology_intro .intro_wrap .intro_list>ul>li::after{content:""; display: block; clear: both;}
#technology_intro .intro_wrap .intro_list>ul>li .left_title{float:left; width:35%;}
#technology_intro .intro_wrap .intro_list>ul>li .right_info{float:right; width:65%;}
#technology_intro .intro_wrap .intro_list>ul>li .left_title h4{font-size:32px; letter-spacing: -1px; color:#1f1f1f; font-weight:bold;}
#technology_intro .intro_wrap .intro_list>ul>li .right_info p{font-size:16px; color:#444444;}

#technology_contents{position:relative; margin:300px 0;}
#technology_contents .main_title{position:relative; width:80%; margin:0 auto;}
#technology_contents .main_title h3{font-size:40px;}
#technology_contents .contents_wrap1{position:relative; width:80%; margin:150px auto;}
#technology_contents .contents_wrap1 .sub_title{padding:70px 0;}
#technology_contents .contents_wrap1 .sub_title h4{font-size:34px; color:#111;}
#technology_contents .contents_wrap1 .sub_wrap1{position:relative;}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li{background-position: center; background-size: cover; height:200px; position:relative;}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li:nth-child(1){background-image: url(../img/technology_sub1_img0.jpg);}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li:nth-child(2){background-image: url(../img/technology_sub1_img1.jpg);}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li:nth-child(3){background-image: url(../img/technology_sub1_img2.jpg);}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_left_title{position:absolute; left:5%; top:50%; transform: translateY(-50%);}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_left_title h5{font-size:24px; color:#fff;}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_right_info{position:absolute; right:5%; top:50%; transform: translateY(-50%); width:380px;}
#technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_right_info>ul>li{font-size:18px; font-weight:500; color:#fff; margin-bottom:2%; line-height:22px;}
#technology_contents .contents_wrap2{position:relative; height:720px; background-image:url(../img/technology_sub2_img.jpg); background-size: cover; background-position: center; background-attachment: fixed; margin-bottom:150px;}
#technology_contents .contents_wrap2 .sub_wrap2{position:relative; width:80%; margin:0 auto; padding:164px 0;}
#technology_contents .contents_wrap2 .sub_wrap2::after{content:""; display: block; clear: both;}
#technology_contents .contents_wrap2 .sub_wrap2 .sub_title{float:left; width:50%;}
#technology_contents .contents_wrap2 .sub_wrap2 .sub_title h4{font-size:34px; color:#fff;}
#technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info{float:right; width:40%;}
#technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li{position:relative; margin-bottom:70px;}
#technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li .num{width:40px; height:40px; border-radius:20px; border:1px solid #fff; color:#fff; position:absolute; left:-60px; top:0; text-align: center; line-height:38px; box-sizing: border-box; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
#technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li h5{color:#fff; font-size:24px; font-weight:500; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
#technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li p{color:#fff; font-size:18px; font-weight:300; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
#technology_contents .contents_wrap3{position:relative; width:80%; margin:0 auto;}
#technology_contents .contents_wrap3 .sub_title{padding:70px 0;}
#technology_contents .contents_wrap3 .sub_title h4{font-size:34px; color:#111;}
#technology_contents .contents_wrap3 .sub_wrap3{position:relative;}
#technology_contents .contents_wrap3 .sub_wrap3>ul::after{content:""; display: block; clear: both;}
#technology_contents .contents_wrap3 .sub_wrap3>ul>li{float:left; width:32%; margin-left:2%;}
#technology_contents .contents_wrap3 .sub_wrap3>ul>li:first-child{margin-left:0;}
#technology_contents .contents_wrap3 .sub_wrap3>ul>li .top_img{position:relative;}
#technology_contents .contents_wrap3 .sub_wrap3>ul>li .top_img img{display: block; width:100%;}
#technology_contents .contents_wrap3 .sub_wrap3>ul>li .bottom_text{position:relative; padding:60px 0;}
#technology_contents .contents_wrap3 .sub_wrap3>ul>li .bottom_text>ul>li{text-align: center; font-size:16px; color:#727272; letter-spacing: -1px; font-weight:500; line-height:26px;}
/* technology end ------------------------------------------------------------------------------------*/

/* talent start ---------------------------------------------------------------------------------------*/
.talent_top_banner{background-image:url(../img/talent_top_banner.jpg);}

#talent_intro{position:relative; background-image: url(../img/talent_intro.jpg); background-position: center; background-size: cover; height: 920px; margin-bottom:200px;}
#talent_intro .intro_wrap{position:relative; width:80%; margin:0 auto; height:60%; left:0; top:250px;}
#talent_intro .intro_wrap h3{font-size:64px; color:#fff; font-weight:bold; line-height:75px;}
#talent_intro .intro_wrap .text_wrap{position:absolute; right:0; bottom:0;}
#talent_intro .intro_wrap .text_wrap p{font-size:18px; color:#fff; padding-bottom:20px;}

#talent_contents{position:relative;}
#talent_contents .contents_wrap1{position:relative;}
#talent_contents .contents_wrap1 .talent_title{position:relative; text-align: center;}
#talent_contents .contents_wrap1 .talent_title h4{font-size:60px; margin:100px 0; color:#111;}
#talent_contents .contents_wrap1 .talent_area{position:relative; width:80%; margin:0 auto;}
#talent_contents .contents_wrap1 .talent_area::after{content:""; display: block; clear: both;}
#talent_contents .contents_wrap1 .talent_area .talent_box1, #talent_contents .contents_wrap1 .talent_area .talent_box3{position:relative; float:right;}
#talent_contents .contents_wrap1 .talent_area .talent_box{position:relative; width:40%; height:50%;}
#talent_contents .contents_wrap1 .talent_area .talent_box .t_img{position:relative;}
#talent_contents .contents_wrap1 .talent_area .talent_box .t_img img{width:100%; display: block;}
#talent_contents .contents_wrap1 .talent_area .talent_box h6{font-size:34px; line-height:44px; letter-spacing: -1px; padding:40px 0 20px 0;}
#talent_contents .contents_wrap1 .talent_area .talent_box .t_info{font-size:22px; font-weight:500; color:#222;}
#talent_contents .contents_wrap1 .talent_area1 .talent_text_box{float:left;}
#talent_contents .contents_wrap1 .talent_area1 .talent_text_box h5{font-size:2.8vw; line-height:1.3em; color:#222;}
#talent_contents .contents_wrap1 .talent_area2{top:-250px;}
#talent_contents .contents_wrap1 .talent_area3{top:-450px;}
#talent_contents .contents_wrap1 .talent_area4{position:absolute; top:60%; left:0; background-color:#f3f5f7; height:670px; width:60%; z-index:-1; transform: translateY(-50%);}

#talent_contents .contents_wrap2{position:relative; background-color: #f3f5f7;}
#talent_contents .contents_wrap2 .position_title{position:relative; text-align: center;}
#talent_contents .contents_wrap2 .position_title h4{font-size:60px; margin-bottom:40px; color:#111; padding-top:200px;}
#talent_contents .contents_wrap2 .position_info{position:relative; font-size:18px; color:#444343; text-align: center;}
#talent_contents .contents_wrap2 .position_info>span{font-weight:500; font-size:18px;}
#talent_contents .contents_wrap2 .position_wrap{position:relative; width:80%; margin:0 auto;}
#talent_contents .contents_wrap2 .position_wrap>ul::after{content:""; display: block; clear: both;}
#talent_contents .contents_wrap2 .position_wrap>ul>li{float:left; width:32%; margin-left:2%; text-align: center; padding:100px 0;}
#talent_contents .contents_wrap2 .position_wrap>ul>li:first-child{margin-left:0;}
#talent_contents .contents_wrap2 .position_wrap>ul>li .p_img{width:100px; height:100px; position:relative; left:50%; transform: translateX(-50%);}
#talent_contents .contents_wrap2 .position_wrap>ul>li .p_img img{width:100%;}
#talent_contents .contents_wrap2 .position_wrap>ul>li .p_title{font-size:24px; font-weight:bold; margin:25px 0 20px 0; letter-spacing: 2px;}
#talent_contents .contents_wrap2 .position_wrap>ul>li .p_info{font-size:17px; color:#444343; font-weight:500;}
#talent_contents .contents_wrap2 .p_box_info{position:relative; width:80%; margin:0 auto;}
#talent_contents .contents_wrap2 .p_box_info>ul{position:relative; padding:50px 0 180px 0;}
#talent_contents .contents_wrap2 .p_box_info>ul>li{font-size:16px; font-weight:400; color:#727272; list-style: url(../img/list_style1.png);}

#talent_contents .contents_wrap3{position:relative;}
#talent_contents .contents_wrap3 .promotion_title{position:relative; text-align: center;}
#talent_contents .contents_wrap3 .promotion_title h4{font-size:60px; margin-bottom:40px; color:#111; padding-top:200px;}
#talent_contents .contents_wrap3 .promotion_info{position:relative; text-align: center;}
#talent_contents .contents_wrap3 .promotion_info>ul>li{font-size:18px; color:#222; line-height:28px;}
#talent_contents .contents_wrap3 .promotion_list{position:relative; width:80%; margin:0 auto;}
#talent_contents .contents_wrap3 .promotion_list>ul{padding:100px 0 200px 0;}
#talent_contents .contents_wrap3 .promotion_list>ul::after{content:""; display: block; clear: both;}
#talent_contents .contents_wrap3 .promotion_list>ul>li{float:left; width:18.4%; margin-left:2%; text-align: center;}
#talent_contents .contents_wrap3 .promotion_list>ul>li:first-child{margin-left:0;}
#talent_contents .contents_wrap3 .promotion_list>ul>li span{font-size:26px; font-weight:bold; line-height:60px; color:#222; letter-spacing: 4px;}
#talent_contents .contents_wrap3 .promotion_list>ul>li .round{width:170px; height:170px; border-radius: 85px; background-color: #000; margin:0 auto; font-size:22px; color:#fff; line-height:170px; text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
#talent_contents .contents_wrap3 .promotion_list>ul>li:nth-child(1) .round{background-color: #d0e3f5;}
#talent_contents .contents_wrap3 .promotion_list>ul>li:nth-child(2) .round{background-color: #a1c7ec;}
#talent_contents .contents_wrap3 .promotion_list>ul>li:nth-child(3) .round{background-color: #72aae2;}
#talent_contents .contents_wrap3 .promotion_list>ul>li:nth-child(4) .round{background-color: #438ed9;}
#talent_contents .contents_wrap3 .promotion_list>ul>li:nth-child(5) .round{background-color: #1472cf;}
/* talent end ---------------------------------------------------------------------------------------*/

/* awardwinning start -----------------------------------------------------------------------------------*/
.award_top_banner{background-image: url(../img/award_top_banner.jpg);}

#award_contents{position:relative; margin-top:150px;}
#award_contents .contents_intro{width:80%; margin:0 auto;}
#award_contents .contents_intro h3{font-size:40px; color:#1f1f1f; line-height:50px; letter-spacing: -1px; margin-bottom:150px;}
#award_contents .contents_wrap{position:relative;}
#award_contents .contents_wrap .con_img{overflow: hidden; background-position: center; background-size: cover; position: sticky; top:0px;}
#award_contents .contents_wrap .con1_img{background-image: url(../img/award_img2.jpg); }
#award_contents .contents_wrap .con2_img{background-image: url(../img/award_img1.jpg); }
#award_contents .contents_wrap .con3_img{background-image: url(../img/award_img0.jpg); }
#award_contents .contents_wrap .con1_img .big_year{position:absolute; left:12%; top:50%; transform: translateY(-50%); color:rgba(255,255,255,0.4); font-weight:bold; font-size:170px; text-align: center; line-height:150px; letter-spacing: -5px;}
#award_contents .contents_wrap .con2_img .big_year{position:absolute; right:12%; top:50%; transform: translateY(-50%); color:rgba(255,255,255,0.5); font-weight:bold; font-size:170px; text-align: center; line-height:150px; letter-spacing: -5px;}
#award_contents .contents_wrap .con3_img .big_year{position:absolute; left:12%; top:50%; transform: translateY(-50%); color:rgba(255,255,255,0.5); font-weight:bold; font-size:170px; text-align: center; line-height:150px; letter-spacing: -5px;}
#award_contents .contents_wrap .con_text{padding-top:700px;}
#award_contents .contents_wrap .con_text>ul>li{padding:40px 0;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap{position:relative; width:80%; margin:0 auto;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap::after{content:""; display: block; clear: both;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box{position:relative; width:46%; float:left;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box{float:right; width:46%;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box::after, #award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box::after{content:""; display: block; clear: both;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box .left_year, #award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box .left_year{float:left;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box .left_year p, #award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box .left_year p{font-size:18px; font-weight:bold; line-height:36px; color:#fff;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box .right_text, #award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box .right_text{float:right; width:83%;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box .right_text>li, #award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box .right_text>li{padding:8px 0;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box .right_text>li .top_text, #award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box .right_text>li .top_text{font-size:16px; color:#eee; font-weight:500; line-height:16px;}
#award_contents .contents_wrap .con_text>ul>li .box_wrap .right_box .right_text>li .bottom_text, #award_contents .contents_wrap .con_text>ul>li .box_wrap .left_box .right_text>li .bottom_text{font-size:16px; color:#d9d9d9; font-weight:300;}

/* awardwinning end -----------------------------------------------------------------------------------*/

/* financial start ---------------------------------------------------------------------------------*/
.financial_top_banner{background-image:url(../img/financial_top_banner.jpg);}

#financial_contents{position:relative; margin-top:160px; padding-bottom:240px;}
#financial_contents .select_area{position:relative; width:80%; margin:40px auto; height:40px;}
#financial_contents .select_area::after{content:""; display:block; clear: both;}
#financial_contents .select_area select{float:right; height:100%; width:160px; border:none; outline: none; border-bottom:1px solid #111; font-size:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; padding:0 5px; color:#1f1f1f;}
#financial_contents .select_area select option{font-size:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; color:#1f1f1f;}

#financial_contents .contents_inner{position:relative; width:80%; margin:0 auto;}
#financial_contents .contents_inner .inner_title{position:relative; margin-bottom:25px;}
#financial_contents .contents_inner .inner_title::after{content:""; display: block; clear: both;}
#financial_contents .contents_inner .inner_title .left_title{float:left;}
#financial_contents .contents_inner .inner_title .left_title h3{font-size:22px;}
#financial_contents .contents_inner .inner_title .right_unit{float:right; color:#727272;}
#financial_contents .contents_inner .table_area{position:relative; margin-bottom:120px; overflow: auto;}
#financial_contents .contents_inner .table_area table{position:relative; width:100%; border-collapse: collapse;}
#financial_contents .contents_inner .table_area table caption{width:0; height:0; font-size:0;}
#financial_contents .contents_inner .table_area table tr{box-sizing: border-box;}
#financial_contents .contents_inner .table_area table th{padding:24px 0 22px; font-size:19px; background-color: #f3f5f7; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; width:33.3%; border-top:2px solid #1f1f1f;}
#financial_contents .contents_inner .table_area table th:last-child{border-right:none;}
#financial_contents .contents_inner .table_area table td{font-size:19px; font-weight:500; padding:20px; text-align: right; border:1px solid #d9d9d9; color:#444444; }
#financial_contents .contents_inner .table_area table td:first-child{border-left:none}
#financial_contents .contents_inner .table_area table td:last-child{border-right:none}
#financial_contents .contents_inner .table_area table td.table_name{text-align: left; }
#financial_contents .contents_inner .table_area3 table tr:first-child th{width:100%; letter-spacing: 2px;}
#financial_contents .contents_inner .table_area3 table tr:last-child th{border-top:1px solid #d9d9d9;}
/* financial end ---------------------------------------------------------------------------------*/

#footer{position:relative; border-top:1px solid #ccc;}
#footer .footer_wrap{position:relative; width:90%; margin:0 auto;}
#footer .footer_wrap::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_logo{float:left; position:relative; width:20%;}
#footer .footer_wrap .footer_logo h1{position:absolute; left:50%; transform: translateX(-50%); padding:30px;}
#footer .footer_wrap .footer_main{float:right; position:relative; width:80%;}
#footer .footer_wrap .footer_main .footer_main_top{position:relative; border-bottom:1px solid #a1a1a1;}
#footer .footer_wrap .footer_main .footer_main_top::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_top>.policy{float:left;}
#footer .footer_wrap .footer_main .footer_main_top>.policy::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_top>.policy>li{float:left; line-height:28px; padding:30px 0; padding-right:30px;}
#footer .footer_wrap .footer_main .footer_main_top>.policy>li:first-child a{font-size:15px; font-weight:500;}
#footer .footer_wrap .footer_main .footer_main_top>.policy>li:last-child{padding-right:0;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap{float:right; position:relative;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{position:relative; top:20px; width:250px; height:50px; font-size:18px; border:1px solid #ccc; padding:10px; color:#444343; box-sizing: border-box; cursor: pointer; transition-duration: .5s;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family img{position:absolute; top:50%; right:10px; transform: translateY(-50%);}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family_on{position:absolute; bottom:29px; width:100%; border:1px solid #ccc; box-sizing: border-box; border:1px solid #aa0f0f; display: none;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family_on .family_inner{position:relative; color:#444343; font-size:18px; font-weight:500; padding:10px; background-color: #fff; cursor: pointer; transition:0.5s;}
#footer .footer_wrap .footer_main .footer_main_top .family_wrap .family_on .family_inner:hover{background-color: #940f0f; color:#fff;}
#footer .footer_wrap .footer_main .footer_main_bottom{position:relative; padding:15px 0;}
#footer .footer_wrap .footer_main .footer_main_bottom::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address{float:left;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:50px;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{color:#444343; padding-bottom:5px;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{color:#444343; font-size:12px; font-weight:300;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell{float:right;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell::after{content:""; display: block; clear: both;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li{float:left; position:relative; font-size:16px; font-weight:500; margin-left:50px; width:150px; text-align: right; line-height:24px;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li .tell_title{position:absolute; left:0; top:0; color:#4d240b; font-size:18px; font-weight:700;}
#footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li:first-child .tell_title{left:-10px;}

@media screen and (min-width:801px) and (max-width:1200px) {
    #header{display: none;}
    /* common start------------------------------------------------------------------------------------- */
    .hambug{display: block;}
    .hambug .ham_mob{display: none;}

    .sub_gnb .gnb_list{top:40%;}
    .sub_gnb .gnb_list>li{width:32%; height:295px; margin-bottom:2%;}
    .sub_gnb .gnb_list>li:nth-child(3n+1){margin-left:0;}
    .sub_gnb .gnb_list>li>a{color:#fff; font-size:32px; line-height:80px;}

    .top_banner .banner_text{width:90%;}
    .top_banner .banner_text h2{font-size:50px; line-height:70px;}

    #lnb_area .lnb{width:90%;}
    /* common end------------------------------------------------------------------------------------- */

    /* overview start --------------------------------------------------------------------------*/
    #overview_contents .contents_wrap .slogan{position:absolute; left:50%; transform: translateX(-50%); top:-150px; z-index:999;}
    #overview_contents .contents_wrap .slogan .slogan_text{font-size:100px; text-align: center; font-weight:bold; width:100%; line-height:90px; }
    #overview_contents .contents_wrap .motto_box{position:relative; width:60%; margin:0 auto; height:30%; background-color:#fff; top:-50px; z-index:999; padding: 50px; margin-bottom:50px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .left_img{float:none; width:60%; position:relative; left:50%; transform: translateX(-50%);}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text{float:none; height:100%; width:70%; position:relative; top:10px; left:50%; transform: translateX(-50%); text-align: center;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap{padding:0px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title{padding-bottom:30px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .left{font-size:26px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .right{font-size:26px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .mottom_info{font-size:13px; line-height:20px; width:370px; position:relative; left:50%; transform: translateX(-50%);}

    #overview_contents .bg_area .bg_img{position:relative; height:700px;}

    #overview_contents .info_box .box_inner{position:absolute; height:320px; padding-top:0px; width:100%;}
    #overview_contents .staff_info .box_inner>ul>li{margin-right:2%;}
    #overview_contents .staff_info .box_inner>ul>li:first-child{margin-left:1%;}
    #overview_contents .staff_info .box_inner>ul>li:last-child{ margin-right:1%;}
    /* overview end --------------------------------------------------------------------------*/

    /* business start ------------------------------------------------------------------------*/
    #biz_contents .biz_list_wrap .biz_list{padding:100px;}

    #biz_contents .contents1_wrap{position:relative; width:80%; margin:0 auto;}
    #biz_contents .contents1_wrap .sec{position:relative; margin:100px 0 0 0;}
    #biz_contents .contents1_wrap .sec1 .right_text{top:50px;}
    #biz_contents .contents1_wrap .sec1 .right_text h3 .sec_kor_title{font-size:15px; padding:0 0px 10px 50px;}
    #biz_contents .contents1_wrap .sec1 .right_text h3 .sec_eng_title{font-size:42px; padding:0 0px 50px 50px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul{padding-left:70px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul>li{font-size:18px; padding-bottom:3px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul>li span{font-size:18px;}
    #biz_contents .contents1_wrap .sec2 .left_text{top:50px; width:40%;}
    #biz_contents .contents1_wrap .sec2 .left_text h3{font-size:32px;padding-bottom:25px;}
    #biz_contents .contents1_wrap .sec2 .left_text p{font-size:16px;line-height:28px;}
    #biz_contents .contents1_wrap .sec3 .right_text{top:20px;}
    #biz_contents .contents1_wrap .sec3 .right_text h3{font-size:32px; padding:0; padding-left:50px; width:100%;}
    #biz_contents .contents1_wrap .sec3 .right_text p{font-size:16px; line-height: 28px; padding-left:50px;}

    #biz_contents .contents2_wrap .info_text_wrap{margin-bottom:200px;}
    #biz_contents .contents2_wrap .info_text_wrap .info_text{width:30%; left:50%;padding:50px;}
    #biz_contents .contents2_wrap .info_text_wrap .info_text p{font-size:16px; line-height:28px; margin-bottom:20px;}
    #biz_contents .contents2_wrap .img_wrap>ul{width:70%;}
    #biz_contents .contents2_wrap .text_wrap{height:500px; top:-100px;}
    #biz_contents .contents2_wrap .text_wrap>ul{padding-top:180px;}

    #biz_page_area .page_wrap{width:70%;}
    /* business end ------------------------------------------------------------------------*/

    /* technology start ------------------------------------------------------------------------------------*/
    #technology_intro{margin:120px 0;}
    #technology_intro .intro_wrap .intro_text{font-size:26px; line-height:38px; padding:60px 0;}
    #technology_intro .intro_wrap .intro_text::before{width:17px; height:16px;}
    #technology_intro .intro_wrap .intro_text::after{width:17px; height:16px;}
    #technology_intro .intro_wrap .intro_img{width:90%; height:400px;}
    #technology_intro .intro_wrap .intro_list{width:90%;}
    #technology_intro .intro_wrap .intro_list>ul>li{padding:70px 0;}
    #technology_intro .intro_wrap .intro_list>ul>li .left_title{float:none; width:100%; margin-bottom:20px;}
    #technology_intro .intro_wrap .intro_list>ul>li .right_info{float:none; width:100%;}

    #technology_contents{margin:200px 0;}
    #technology_contents .main_title{width:90%;}
    #technology_contents .contents_wrap1{width:90%; margin:100px auto;}
    #technology_contents .contents_wrap1 .sub_title{padding:70px 0;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_left_title{left:3%;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_right_info{right:1%;}
    #technology_contents .contents_wrap2{height:650px; margin-bottom:100px;}
    #technology_contents .contents_wrap2 .sub_wrap2{width:90%; padding:128.5px 0;}
    #technology_contents .contents_wrap3{width:90%;}
    #technology_contents .contents_wrap3 .sub_wrap3>ul>li .bottom_text{padding:50px 0;}
    /* technology end ------------------------------------------------------------------------------------*/

    /* talent start ---------------------------------------------------------------------------------------*/
    #talent_intro .intro_wrap .text_wrap{left:0;}
    #talent_intro .intro_wrap .text_wrap p{padding-bottom:10px;}
    
    #talent_contents .contents_wrap1 .talent_area .talent_box h6{font-size:34px; padding:30px 0 10px 0;}
    #talent_contents .contents_wrap1 .talent_area .talent_box .t_info{font-size:18px;}
    #talent_contents .contents_wrap1 .talent_area1 .talent_text_box h5{font-size:3vw; line-height:1.3em; color:#222;}
    #talent_contents .contents_wrap1 .talent_area2{top:-200px;}
    #talent_contents .contents_wrap1 .talent_area3{top:-350px;}
    #talent_contents .contents_wrap1 .talent_area4{top:55%; height:500px; width:70%;}

    #talent_contents .contents_wrap2 .position_title h4{padding-top:150px;}
    #talent_contents .contents_wrap2 .position_wrap>ul>li{float:left; padding:80px 0;}
    #talent_contents .contents_wrap2 .position_wrap>ul>li .p_title{margin:25px 0 20px 0;}
    #talent_contents .contents_wrap2 .p_box_info{width:85%;}
    #talent_contents .contents_wrap2 .p_box_info>ul{padding:40px 0 100px 0; width:70%;}
    #talent_contents .contents_wrap2 .p_box_info>ul>li{font-size:14px;}

    #talent_contents .contents_wrap3 .promotion_info>ul>li{font-size:16px; line-height:26px;}
    #talent_contents .contents_wrap3 .promotion_list{width:90%;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li span{font-size:26px; line-height:50px;letter-spacing: 3px;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li .round{width:130px; height:130px; border-radius:65px; font-size:18px;line-height:130px;}
    /* talent end ---------------------------------------------------------------------------------------*/
    
    /* awardwinning start -----------------------------------------------------------------------------------*/
    /* awardwinning end -----------------------------------------------------------------------------------*/

    /* financial start ---------------------------------------------------------------------------------*/
    #financial_contents .select_area{width:90%;}

    #financial_contents .contents_inner{width:90%;}
    #financial_contents .contents_inner .table_area3{margin-bottom:0px;}
    #financial_contents .contents_inner .table_area table th{font-size:18px;}
    #financial_contents .contents_inner .table_area table td{font-size:18px;}
    /* financial end ---------------------------------------------------------------------------------*/

    #footer .footer_wrap .footer_logo{float:left; position:relative; width:15%;}
    #footer .footer_wrap .footer_main{float:right; position:relative; width:80%;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{width:200px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:20px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{ padding-bottom:5px; font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{color:#444343; font-size:11px; font-weight:300;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li{float:none; position:relative; font-size:14px; font-weight:500; margin-left:0; width:150px; text-align: right; line-height:14px; padding-bottom:10px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li .tell_title{position:absolute; left:10px; top:0; color:#4d240b; font-size:15px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell .tell>li:first-child .tell_title{left:10px;}
}

@media screen and (min-width:601px) and (max-width:800px) {
    #header{display: none;}

    /* common start------------------------------------------------------------------------------------- */
    .hambug{height:70px; display: block;}
    .hambug .ham_mob{display: block;}
    .hambug .hambug_logo{display: none;}
    .hambug .hambug_btn{display: none;}

    .top_banner{margin-top:70px; height:200px;}
    .top_banner .banner_text{width:90%;}
    .top_banner .banner_text h2{font-size:32px; line-height:40px;}

    #lnb_area{height:60px;}
    #lnb_area .lnb{ width:90%; height:60px;}
    #lnb_area .lnb>ul>li{line-height:60px; margin-left:15px;}
    #lnb_area .lnb>ul>li a{font-size:15px; font-weight:500;}
    /* common end------------------------------------------------------------------------------------- */

    /* overview start --------------------------------------------------------------------------*/
    #overview_contents .contents_wrap{position:relative; margin:200px 0 50px 0;}
    #overview_contents .contents_wrap .visual_area{height:500px;}
    #overview_contents .contents_wrap .slogan{position:absolute; left:50%; transform: translateX(-50%); top:-80px; z-index:999;}
    #overview_contents .contents_wrap .slogan .slogan_text{font-size:50px; text-align: center; font-weight:bold; width:100%; line-height:50px; }
    #overview_contents .contents_wrap .motto_box{position:relative; width:60%; margin:0 auto; height:30%; background-color:#fff; top:-50px; z-index:999; padding: 50px; margin-bottom:50px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .left_img{float:none; width:60%; position:relative; left:50%; transform: translateX(-50%);}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text{float:none; height:100%; width:70%; position:relative; top:10px; left:50%; transform: translateX(-50%); text-align: center;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap{padding:0px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title{padding-bottom:30px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .left{font-size:26px; width:350px; position:relative; left:50%; transform: translateX(-50%);}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .right{font-size:26px; width:350px; position:relative; left:50%; transform: translateX(-50%);}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .mottom_info{font-size:13px; line-height:20px; width:370px; position:relative; left:50%; transform: translateX(-50%);}

    #overview_contents .bg_area .bg_img{position:relative; width:100%; height:400px;}
    #overview_contents .sale .bg_img{ background-attachment: scroll;}
    #overview_contents .staff .bg_img{background-attachment: scroll;}
    #overview_contents .policy .bg_img{background-attachment: scroll;}

    #overview_contents .info_box .box_inner{position:absolute; height:280px; padding-top:0px; width:100%;}
    
    #overview_contents .sale_info{height:350px;}
    #overview_contents .sale_info .box_inner>ul>li .year{font-size:16px; width:60px; margin:0 auto; line-height:30px; background-color: #ca1a1a; color:#fff; border-radius: 17.5px;}
    #overview_contents .sale_info .box_inner>ul>li .annual{font-size:42px; font-weight:bold; padding-bottom:10px;}
    #overview_contents .sale_info .box_inner>ul>li .overseas{font-size:14px; font-weight:500;}
    #overview_contents .sale_info .box_inner .unit{position:absolute; right:30px; bottom:60px; font-weight:500;}

    #overview_contents .staff_info{height:380px;}
    #overview_contents .staff_info .box_inner>ul>li{margin-right:0; margin-left:2%;}
    #overview_contents .staff_info .box_inner>ul>li:first-child{margin-left:3%;}
    #overview_contents .staff_info .box_inner>ul>li:last-child{ margin-right:1%;}
    #overview_contents .staff_info .box_inner>ul>li .location{font-size:16px; font-weight:500; padding-bottom:5px;}
    #overview_contents .staff_info .box_inner>ul>li .location_img{position:relative; margin:0 auto; width:60px; padding-bottom:10px;}
    #overview_contents .staff_info .box_inner>ul>li .location_img img{width:100%; display: block;}
    #overview_contents .staff_info .box_inner>ul>li .total_location_img{width:130px; padding:20px 0;}
    #overview_contents .staff_info .box_inner>ul>li .total_location_img img{width:100%;}
    #overview_contents .staff_info .box_inner>ul>li .executive>li{font-size:13px; font-weight:400;}
    #overview_contents .staff_info .box_inner>ul>li .total_executive>li{margin-bottom:0px; font-weight:500; font-size:16px;}
    #overview_contents .staff_info .box_inner>ul>li .personnel{font-size:30px;}
    #overview_contents .staff_info .box_inner>ul>li .total_personnel{font-size:48px;}
    #overview_contents .staff_info .box_inner>ul>li .personnel .small_text{font-size:16px;}
    #overview_contents .staff_info .box_inner>ul>li .total_personnel .small_text{font-size:16px;}

    #overview_contents .policy_info{height:350px;}
    #overview_contents .policy_info .box_inner>ul{width:100%; position:absolute; bottom:30px; left:50%; transform: translateX(-50%);}
    #overview_contents .policy_info .box_inner>ul>li{float:left; width:32%; margin-left:2%; text-align: center;}
    #overview_contents .policy_info .box_inner>ul>li:first-child{margin-left:0;}
    #overview_contents .policy_info .box_inner>ul>li .policy_img{width:90px; padding-bottom:10px;}
    #overview_contents .policy_info .box_inner>ul>li .policy_img img{width:100%;}
    #overview_contents .policy_info .box_inner>ul>li .policy_name{font-size:16px;;}
    #overview_contents .policy_info .box_inner .inner_info p{font-size:14px;}
    #overview_contents .policy_info .box_inner .inner_info p .txt_color{font-size:14px;font-weight:500;}
    /* overview end --------------------------------------------------------------------------*/

    /* business start ------------------------------------------------------------------------*/
    #biz_contents .biz_list_wrap .biz_list{width:90%;padding:50px 0; }
    #biz_contents .biz_list_wrap .biz_list>li.select{border:1px solid #eee;}
    #biz_contents .biz_list_wrap .biz_list>li a{font-size:18px;line-height:40px;}

    #biz_contents .title_wrap{width:70%; margin:150px auto;}
    #biz_contents .title_wrap h2 .kor_title{font-size:14px; padding-bottom:15px;}
    #biz_contents .title_wrap h2 .eng_title{font-size:30px;}

    #biz_contents .contents1_wrap{ width:80%; margin:0 auto; margin-bottom:100px;}
    #biz_contents .contents1_wrap .sec{margin:100px 0 0 0;}
    #biz_contents .contents1_wrap .sec .right_img, #biz_contents .contents1_wrap .sec .right_text{float:none;}
    #biz_contents .contents1_wrap .sec .left_text, #biz_contents .contents1_wrap .sec .left_img{float:none;}
    #biz_contents .contents1_wrap .sec .right_img, #biz_contents .contents1_wrap .sec .left_img{width:100%;}
    #biz_contents .contents1_wrap .sec1 .right_text{width:100%; top:20px;}
    #biz_contents .contents1_wrap .sec1 .right_text h3 .sec_kor_title{font-size:15px; padding:0 0px 8px 0px;}
    #biz_contents .contents1_wrap .sec1 .right_text h3 .sec_eng_title{font-size:32px; padding:0 0px 20px 0px; line-height:34px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul{padding-left:20px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul>li{font-size:15px;padding-bottom:3px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul>li span{font-size:15px; padding-right:10px; font-weight:500;}
    #biz_contents .contents1_wrap .sec2 .left_text{top:20px; width:100%;}
    #biz_contents .contents1_wrap .sec2 .left_text h3{font-size:24px; font-weight:500; padding-bottom:15px;}
    #biz_contents .contents1_wrap .sec2 .left_text p{font-size:15px; line-height:24px;}
    #biz_contents .contents1_wrap .sec3 .right_text{width:100%; top:20px;}
    #biz_contents .contents1_wrap .sec3 .right_text h3{font-size:24px; font-weight:500; padding:0px; padding-bottom:15px; line-height:34px;}
    #biz_contents .contents1_wrap .sec3 .right_text p{font-size:15px; color:#111; line-height: 24px; padding-left:0px; width:100%;}
    
    #biz_contents .contents2_wrap .info_text_wrap{margin-bottom:150px;}
    #biz_contents .contents2_wrap .info_text_wrap .info_text{width:100%; left:0;padding:50px 0;}
    #biz_contents .contents2_wrap .info_text_wrap .info_text p{font-size:16px; line-height:28px; margin-bottom:20px; padding:0 50px;}
    #biz_contents .contents2_wrap .img_wrap>ul{width:100%; margin:0;}
    #biz_contents .contents2_wrap .img_wrap>ul>li{float:none; margin-left:5%; width:90%; margin-bottom:2%;}
    #biz_contents .contents2_wrap .img_wrap>ul>li:nth-child(2n+1){margin-left:5%;}
    #biz_contents .contents2_wrap .img_wrap>ul>li img{width:100%;}
    #biz_contents .contents2_wrap .text_wrap{width:100%; margin:100px 0; height:350px; top:0px;}
    #biz_contents .contents2_wrap .text_wrap>ul{padding-top:70px; width:90%;}
    #biz_contents .contents2_wrap .text_wrap>ul>li h3{font-size:22px; margin-bottom:10px;}
    #biz_contents .contents2_wrap .text_wrap>ul>li p{font-size:16px;}

    #biz_page_area .page_wrap{position:relative; width:90%; margin:0 auto; margin-bottom:50px; padding-top:10px;}
    #biz_page_area .page_wrap .page_text{width:180px; padding:0px 20px;}
    #biz_page_area .page_wrap .page_text span{font-size:16px; color:#575757;}
    #biz_page_area .page_wrap .page_text p{font-size:18px;}
    /* business end ------------------------------------------------------------------------*/

    /* technology start ------------------------------------------------------------------------------------*/
    #technology_intro{margin:120px 0;}
    #technology_intro .intro_wrap .intro_text{font-size:20px; line-height:30px; padding:50px 0;}
    #technology_intro .intro_wrap .intro_text::before{width:15px; height:14px;}
    #technology_intro .intro_wrap .intro_text::after{width:15px; height:14px;}
    #technology_intro .intro_wrap .intro_img{width:90%; height:400px; margin:80px auto;}
    #technology_intro .intro_wrap .intro_list{width:90%;}
    #technology_intro .intro_wrap .intro_list>ul>li{padding:40px 0;}
    #technology_intro .intro_wrap .intro_list>ul>li::before{display: block; content:""; position:absolute; bottom:0; left:0; height:1px; background-color:#d9d9d9; transition: width 1s ease; width:100%;}
    #technology_intro .intro_wrap .intro_list>ul>li.active::before{width:100%;}
    #technology_intro .intro_wrap .intro_list>ul>li .left_title{float:none; width:100%; margin-bottom:20px;}
    #technology_intro .intro_wrap .intro_list>ul>li .right_info{float:none; width:100%;}
    #technology_intro .intro_wrap .intro_list>ul>li .left_title h4{font-size:22px;}
    #technology_intro .intro_wrap .intro_list>ul>li .right_info p{font-size:15px;}

    #technology_contents{margin:150px 0;}
    #technology_contents .main_title{width:90%;}
    #technology_contents .main_title h3{font-size:24px;}
    #technology_contents .contents_wrap1{width:90%; margin:70px auto;}
    #technology_contents .contents_wrap1 .sub_title{padding:30px 0;}
    #technology_contents .contents_wrap1 .sub_title h4{font-size:22px; letter-spacing: -1px;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_left_title{left:5%; top:30px; transform: none;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_left_title h5{font-size:20px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_right_info{left:5%; top:70px; transform:none; width:90%;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_right_info>ul>li{font-size:15px; font-weight:400; margin-bottom:3%; line-height:17px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
    #technology_contents .contents_wrap2{height:600px; margin-bottom:80px;}
    #technology_contents .contents_wrap2 .sub_wrap2{width:90%; padding:109.5px 0;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_title{float:none; width:100%;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_title h4{font-size:22px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); padding-bottom:40px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info{float:none; width:100%; position:relative; left:75px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li{margin-bottom:50px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li .num{left:-70px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li h5{font-size:20px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li p{font-size:16px;}
    #technology_contents .contents_wrap3{width:90%;}
    #technology_contents .contents_wrap3 .sub_title{padding:30px 0;}
    #technology_contents .contents_wrap3 .sub_title h4{font-size:22px;}
    #technology_contents .contents_wrap3 .sub_wrap3>ul>li{float:none; width:100%; margin-left:0;}
    #technology_contents .contents_wrap3 .sub_wrap3>ul>li .bottom_text{padding:30px 0 90px 0;}
    #technology_contents .contents_wrap3 .sub_wrap3>ul>li .bottom_text>ul>li{font-size:15px; font-weight:500; line-height:23px;}
    /* technology end ------------------------------------------------------------------------------------*/

    /* talent start ---------------------------------------------------------------------------------------*/
    #talent_intro{height: 750px; margin-bottom:100px;}
    #talent_intro .intro_wrap{width:90%;left:0; top:180px;}
    #talent_intro .intro_wrap h3{font-size:32px; line-height:38px;}
    #talent_intro .intro_wrap .text_wrap{left:0; bottom:80px;}
    #talent_intro .intro_wrap .text_wrap p{font-size:15px;}

    #talent_contents .contents_wrap1 .talent_title h4{font-size:48px;}
    #talent_contents .contents_wrap1 .talent_area{width:90%; margin-bottom:100px;}
    #talent_contents .contents_wrap1 .talent_area .talent_box1, #talent_contents .contents_wrap1 .talent_area .talent_box3{float:none;}
    #talent_contents .contents_wrap1 .talent_area .talent_box{width:100%;}
    #talent_contents .contents_wrap1 .talent_area .talent_box h6{font-size:22px; line-height:35px;padding:30px 0 10px 0;}
    #talent_contents .contents_wrap1 .talent_area .talent_box .t_info{font-size:15px;}
    #talent_contents .contents_wrap1 .talent_area1 .talent_text_box{float:none; padding-bottom:100px;}
    #talent_contents .contents_wrap1 .talent_area1 .talent_text_box h5{font-size:28px; line-height:1.2em;}
    #talent_contents .contents_wrap1 .talent_area2{top:0px;}
    #talent_contents .contents_wrap1 .talent_area3{top:0px;}
    #talent_contents .contents_wrap1 .talent_area4{display: none;}

    #talent_contents .contents_wrap2 .position_title h4{font-size:36px; padding-top:100px;}
    #talent_contents .contents_wrap2 .position_info{font-size:15px; color:#727272; margin-bottom:50px;}
    #talent_contents .contents_wrap2 .position_info>span{font-size:15px; color:#494949;}
    #talent_contents .contents_wrap2 .position_wrap>ul>li{float:none; width:100%; margin-left:0; padding:50px 0;}
    #talent_contents .contents_wrap2 .p_box_info{width:85%;}
    #talent_contents .contents_wrap2 .p_box_info>ul{padding:50px 0 150px 0; width:80%;}
    #talent_contents .contents_wrap2 .p_box_info>ul>li{font-size:14px;}

    #talent_contents .contents_wrap3 .promotion_title h4{font-size:36px; padding-top:100px;}
    #talent_contents .contents_wrap3 .promotion_info>ul>li{font-size:15px; color:#494949; line-height:22px;}
    #talent_contents .contents_wrap3 .promotion_list{position:relative; width:60%; margin:0 auto;}
    #talent_contents .contents_wrap3 .promotion_list>ul{padding:80px 0 180px 0;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li{float:none; width:100%; margin-left:0%; text-align: center; margin-bottom:10%;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li span{font-size:28px; letter-spacing: 6px;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li .round{width:260px; height:260px; border-radius:130px; font-size:32px; color:#fff; line-height:260px;}
    /* talent end ---------------------------------------------------------------------------------------*/

    /* awardwinning start -----------------------------------------------------------------------------------*/
    /* awardwinning end -----------------------------------------------------------------------------------*/

    /* financial start ---------------------------------------------------------------------------------*/
    #financial_contents{margin-top:100px; padding-bottom:100px;}
    #financial_contents .select_area{width:90%; height:40px;}
    #financial_contents .select_area select{float:none; width:100%; font-size:15px;}
    #financial_contents .select_area select option{font-size:15px;}

    #financial_contents .contents_inner{width:90%;}
    #financial_contents .contents_inner .inner_title{position:relative; margin-bottom:15px;}
    #financial_contents .contents_inner .inner_title .left_title{float:none;}
    #financial_contents .contents_inner .inner_title .left_title h3{font-size:20px; margin-bottom:10px;}
    #financial_contents .contents_inner .inner_title .right_unit{float:none; font-size:12px;}
    #financial_contents .contents_inner .table_area{margin-bottom:80px;}
    #financial_contents .contents_inner .table_area table th{padding:14px 10px; font-size:16px;}
    #financial_contents .contents_inner .table_area table td{font-size:16px; padding:14px 15px;}
    /* financial end ---------------------------------------------------------------------------------*/

    #footer .footer_wrap .footer_logo{float:none; position:relative; margin:0 auto; width:157px;}
    #footer .footer_wrap .footer_logo h1{position:relative; left:0; transform:none; padding:30px 0; width:157px; margin:0 auto;}
    #footer .footer_wrap .footer_main{float:right; position:relative; width:100%;}
    #footer .footer_wrap .footer_main .footer_main_top{position:relative; border-bottom:none;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy{float:none; width:270px; position:relative; margin:0 auto;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li{float:left; line-height:20px; padding:10px 0; padding-right:15px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li a{font-size:12px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li:first-child a{font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap{float:none;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{width:100%;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address{float:none;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:0px; padding:30px 0;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{text-align: center; font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{ font-size:12px; text-align: center;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell{display: none;}


}

@media screen and (max-width:600px) {
    #header{display: none;}

    /* common start------------------------------------------------------------------------------------- */
    .hambug{height:70px; display: block;}
    .hambug .ham_mob{display: block;}
    .hambug .hambug_logo{display: none;}
    .hambug .hambug_btn{display: none;}

    .mob_nav .mob_logo{position:absolute; left:50%; transform: translateX(-50%); top:25px; width:100px; height:26px;}
    .mob_nav .mob_logo img{width:100%;}

    .top_banner{margin-top:70px; height:200px;}
    .top_banner .banner_text{width:90%;}
    .top_banner .banner_text h2{font-size:32px; line-height:40px;}

    #lnb_area{position:relative; height:60px; border-bottom:1px solid #ccc; box-sizing: border-box;}
    #lnb_area .lnb{position:relative; width:90%; margin:0 auto; height:60px;}
    #lnb_area .lnb>ul{position:relative;}
    #lnb_area .lnb>ul::after{content:""; display: block; clear: both;}
    #lnb_area .lnb>ul>li{float:left; line-height:60px; position:relative; margin-left:10px;}
    #lnb_area .lnb>ul>li:first-child{margin-left:0;}
    #lnb_area .lnb>ul>li a{display: block; font-size:11px; font-weight:500; color:#575757;}
    #lnb_area .lnb>ul>li.select a{color:#ce3138;}
    #lnb_area .lnb>ul>li.select a::after{display: block; content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color: #ce3138; z-index:1;}
    /* common end------------------------------------------------------------------------------------- */

    /* overview start --------------------------------------------------------------------------*/
    #overview_contents .contents_wrap{position:relative; margin:200px 0 50px 0;}
    #overview_contents .contents_wrap .visual_area{height:400px;}
    #overview_contents .contents_wrap .slogan{position:absolute; left:50%; transform: translateX(-50%); top:-80px; z-index:999;}
    #overview_contents .contents_wrap .slogan .slogan_text{font-size:50px; text-align: center; font-weight:bold; width:100%; line-height:50px; }
    #overview_contents .contents_wrap .motto_box{position:relative; width:60%; margin:0 auto; height:60%; background-color:#fff; top:-50px; z-index:999; padding: 50px; margin-bottom:0px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .left_img{float:none; width:100%; position:relative; left:50%; transform: translateX(-50%);}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text{float:none; height:100%; width:70%; position:relative; top:10px; left:50%; transform: translateX(-50%); text-align: center;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap{padding:0px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title{padding-bottom:30px;}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .left{font-size:20px; width:350px; position:relative; left:50%; transform: translateX(-50%);}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .motto_title .right{font-size:20px; width:350px; position:relative; left:50%; transform: translateX(-50%);}
    #overview_contents .contents_wrap .motto_box .motto_inner .right_text .text_wrap .mottom_info{font-size:12px; line-height:20px; width:370px; position:relative; left:50%; transform: translateX(-50%); display: none;}

    #overview_contents .bg_area .bg_img{position:relative; width:100%; height:300px;}
    #overview_contents .sale .bg_img{ background-attachment: scroll;}
    #overview_contents .staff .bg_img{background-attachment: scroll;}
    #overview_contents .policy .bg_img{background-attachment: scroll;}

    #overview_contents .info_box{position:relative; padding:30px;}
    #overview_contents .sale_info{height:580px;}
    #overview_contents .info_box .box_title{position:relative;}
    #overview_contents .info_box .box_title h2{font-size:28px; font-weight:500; text-align: center; width:250px; margin:0 auto; line-height:55px; color:#111;}
    #overview_contents .info_box .box_inner{position:absolute; height:320px; padding-top:0px; width:70%; left:50%; top:120px; transform: translateX(-50%);}
    #overview_contents .sale_info .box_inner>ul{position:relative; width:90%; margin:0 auto; top:10px;}
    #overview_contents .info_box .box_inner>ul::after{content:""; display: block; clear: both;}
    #overview_contents .sale_info .box_inner>ul>li{float:none; text-align: center; width:100%; margin-left:0; margin-bottom:10%;}
    #overview_contents .sale_info .box_inner>ul>li:first-child{margin-left:0;}
    #overview_contents .sale_info .box_inner>ul>li .year{font-size:16px; width:60px; margin:0 auto; line-height:30px; background-color: #ca1a1a; color:#fff; border-radius: 17.5px;}
    #overview_contents .sale_info .box_inner>ul>li .annual{font-size:42px; font-weight:bold; padding-bottom:10px;}
    #overview_contents .sale_info .box_inner>ul>li .overseas{font-size:14px; font-weight:500;}
    #overview_contents .sale_info .box_inner .unit{position:absolute; right:0px; top:-10px; font-weight:400; font-size:12px;}

    #overview_contents .staff_info{height:600px;}
    #overview_contents .staff_info .box_inner{margin-bottom:20px; width:100%;}
    #overview_contents .staff_info .box_inner>ul{position:relative;}
    #overview_contents .staff_info .box_inner>ul>li{float:left; width:32%; margin-right:0; margin-left:2%; margin-bottom:10%;}
    #overview_contents .staff_info .box_inner>ul>li:first-child{margin-left:0;}
    #overview_contents .staff_info .box_inner>ul>li:last-child{width:100%; margin-left:0; margin-right:0; bottom:0px; margin-bottom:0;}
    #overview_contents .staff_info .box_inner>ul>li .location{font-size:16px; font-weight:500; padding-bottom:5px;}
    #overview_contents .staff_info .box_inner>ul>li .location_img{position:relative; margin:0 auto; width:60px; padding-bottom:10px;}
    #overview_contents .staff_info .box_inner>ul>li .location_img img{width:100%; display: block;}
    #overview_contents .staff_info .box_inner>ul>li .total_location_img{width:130px; padding:20px 0;}
    #overview_contents .staff_info .box_inner>ul>li .total_location_img img{width:100%;}
    #overview_contents .staff_info .box_inner>ul>li .executive>li{font-size:13px; font-weight:400;}
    #overview_contents .staff_info .box_inner>ul>li .total_executive>li{margin-bottom:0px; font-weight:500; font-size:16px;}
    #overview_contents .staff_info .box_inner>ul>li .personnel{font-size:30px;}
    #overview_contents .staff_info .box_inner>ul>li .total_personnel{font-size:48px;}
    #overview_contents .staff_info .box_inner>ul>li .personnel .small_text{font-size:16px;}
    #overview_contents .staff_info .box_inner>ul>li .total_personnel .small_text{font-size:16px;}

    #overview_contents .policy_info{height:870px;}
    #overview_contents .policy_info .box_inner>ul{width:100%; position:absolute; top:130px; left:50%; transform: translateX(-50%);}
    #overview_contents .policy_info .box_inner>ul>li{float:none; width:100%; margin-left:0; margin-bottom:10%;}
    #overview_contents .policy_info .box_inner>ul>li:first-child{margin-left:0;}
    #overview_contents .policy_info .box_inner>ul>li .policy_img{width:110px; margin:0 auto; padding-bottom:10px;}
    #overview_contents .policy_info .box_inner>ul>li .policy_name{font-size:20px; font-weight:500;}
    #overview_contents .policy_info .box_inner .inner_info{position:relative;}
    #overview_contents .policy_info .box_inner .inner_info p{font-size:15px;}
    #overview_contents .policy_info .box_inner .inner_info p .txt_color{font-size:15px; font-weight:500;}
    /* overview end --------------------------------------------------------------------------*/

    /* business start ------------------------------------------------------------------------*/
    #biz_contents .biz_list_wrap .biz_list{width:90%;padding:50px 0; }
    #biz_contents .biz_list_wrap .biz_list>li.select{border:1px solid #eee;}
    #biz_contents .biz_list_wrap .biz_list>li a{font-size:16px;line-height:40px;}

    #biz_contents .title_wrap{width:80%; margin:150px auto;}
    #biz_contents .title_wrap h2 .kor_title{font-size:14px; padding-bottom:15px;}
    #biz_contents .title_wrap h2 .eng_title{font-size:30px;}

    #biz_contents .contents1_wrap{ width:80%; margin:0 auto; margin-bottom:100px;}
    #biz_contents .contents1_wrap .sec{margin:100px 0 0 0;}
    #biz_contents .contents1_wrap .sec .right_img, #biz_contents .contents1_wrap .sec .right_text{float:none;}
    #biz_contents .contents1_wrap .sec .left_text, #biz_contents .contents1_wrap .sec .left_img{float:none;}
    #biz_contents .contents1_wrap .sec .right_img, #biz_contents .contents1_wrap .sec .left_img{width:100%;}
    #biz_contents .contents1_wrap .sec1 .right_text{width:100%; top:20px;}
    #biz_contents .contents1_wrap .sec1 .right_text h3 .sec_kor_title{font-size:15px; padding:0 0px 8px 0px;}
    #biz_contents .contents1_wrap .sec1 .right_text h3 .sec_eng_title{font-size:32px; padding:0 0px 20px 0px; line-height:34px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul{padding-left:20px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul>li{font-size:15px;padding-bottom:3px;}
    #biz_contents .contents1_wrap .sec1 .right_text>ul>li span{font-size:15px; padding-right:10px; font-weight:500;}
    #biz_contents .contents1_wrap .sec2 .left_text{top:20px; width:100%;}
    #biz_contents .contents1_wrap .sec2 .left_text h3{font-size:24px; font-weight:500; padding-bottom:15px;}
    #biz_contents .contents1_wrap .sec2 .left_text p{font-size:15px; line-height:24px;}
    #biz_contents .contents1_wrap .sec3 .right_text{width:100%; top:20px;}
    #biz_contents .contents1_wrap .sec3 .right_text h3{font-size:24px; font-weight:500; padding:0px; padding-bottom:15px; line-height:34px;}
    #biz_contents .contents1_wrap .sec3 .right_text p{font-size:15px; color:#111; line-height: 24px; padding-left:0px; width:100%;}

    #biz_contents .contents2_wrap .info_text_wrap{margin-bottom:150px;}
    #biz_contents .contents2_wrap .info_text_wrap .info_text{width:100%; left:0;padding:50px 0;}
    #biz_contents .contents2_wrap .info_text_wrap .info_text p{font-size:16px; line-height:28px; margin-bottom:20px; padding:0 50px;}
    #biz_contents .contents2_wrap .img_wrap>ul{width:100%; margin:0;}
    #biz_contents .contents2_wrap .img_wrap>ul>li{float:none; margin-left:5%; width:90%; margin-bottom:2%;}
    #biz_contents .contents2_wrap .img_wrap>ul>li:nth-child(2n+1){margin-left:5%;}
    #biz_contents .contents2_wrap .text_wrap{width:100%; margin:100px 0; height:600px; top:0px;}
    #biz_contents .contents2_wrap .text_wrap>ul{padding-top:60px; width:90%;}
    #biz_contents .contents2_wrap .text_wrap>ul>li{float:none; width:100%; margin-left:0%; margin-bottom:12%; text-align: center;}
    #biz_contents .contents2_wrap .text_wrap>ul>li:nth-child(2n+1){margin-left:0;}
    #biz_contents .contents2_wrap .text_wrap>ul>li h3{font-size:24px; margin-bottom:10px;}
    #biz_contents .contents2_wrap .text_wrap>ul>li p{font-size:18px;}

    #biz_page_area .page_wrap{position:relative; width:100%; margin:0 auto; margin-bottom:50px; padding-top:10px;}
    #biz_page_area .page_wrap .page_text{width:160px; padding:0;}
    #biz_page_area .page_wrap .page_text span{font-size:14px; color:#575757;}
    #biz_page_area .page_wrap .page_text p{font-size:16px;}
    /* business end ------------------------------------------------------------------------*/

    /* technology start ------------------------------------------------------------------------------------*/
    #technology_intro{margin:120px 0;}
    #technology_intro .intro_wrap .intro_text{font-size:20px; line-height:30px; padding:50px 0;}
    #technology_intro .intro_wrap .intro_text::before{width:15px; height:14px;}
    #technology_intro .intro_wrap .intro_text::after{width:15px; height:14px;}
    #technology_intro .intro_wrap .intro_img{width:90%; height:250px; margin:80px auto;}
    #technology_intro .intro_wrap .intro_list{width:90%;}
    #technology_intro .intro_wrap .intro_list>ul>li{padding:40px 0;}
    #technology_intro .intro_wrap .intro_list>ul>li::before{display: block; content:""; position:absolute; bottom:0; left:0; height:1px; background-color:#d9d9d9; transition: width 1s ease; width:100%;}
    #technology_intro .intro_wrap .intro_list>ul>li.active::before{width:100%;}
    #technology_intro .intro_wrap .intro_list>ul>li .left_title{float:none; width:100%; margin-bottom:20px;}
    #technology_intro .intro_wrap .intro_list>ul>li .right_info{float:none; width:100%;}
    #technology_intro .intro_wrap .intro_list>ul>li .left_title h4{font-size:22px;}
    #technology_intro .intro_wrap .intro_list>ul>li .right_info p{font-size:15px;}

    #technology_contents{margin:150px 0 50px 0;}
    #technology_contents .main_title{width:90%;}
    #technology_contents .main_title h3{font-size:24px;}
    #technology_contents .contents_wrap1{width:90%; margin:70px auto;}
    #technology_contents .contents_wrap1 .sub_title{padding:30px 0;}
    #technology_contents .contents_wrap1 .sub_title h4{font-size:22px; letter-spacing: -1px;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_left_title{left:5%; top:20px; transform: none;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_left_title h5{font-size:20px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_right_info{left:5%; top:60px; transform:none; width:90%;}
    #technology_contents .contents_wrap1 .sub_wrap1>ul>li .sub_right_info>ul>li{font-size:15px; font-weight:400; margin-bottom:3%; line-height:17px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
    #technology_contents .contents_wrap2{height:600px; margin-bottom:80px;}
    #technology_contents .contents_wrap2 .sub_wrap2{width:90%; padding:109.5px 0;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_title{float:none; width:100%;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_title h4{font-size:22px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); padding-bottom:40px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info{float:none; width:100%; position:relative; left:75px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li{margin-bottom:50px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li .num{left:-70px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li h5{font-size:20px;}
    #technology_contents .contents_wrap2 .sub_wrap2 .sub_right_info>ul>li p{font-size:16px;}
    #technology_contents .contents_wrap3{width:90%;}
    #technology_contents .contents_wrap3 .sub_title{padding:30px 0;}
    #technology_contents .contents_wrap3 .sub_title h4{font-size:22px;}
    #technology_contents .contents_wrap3 .sub_wrap3>ul>li{float:none; width:100%; margin-left:0;}
    #technology_contents .contents_wrap3 .sub_wrap3>ul>li .bottom_text{padding:30px 0 90px 0;}
    #technology_contents .contents_wrap3 .sub_wrap3>ul>li .bottom_text>ul>li{font-size:15px; font-weight:500; line-height:23px;}
    /* technology end ------------------------------------------------------------------------------------*/

    /* talent start ---------------------------------------------------------------------------------------*/
    #talent_intro{height: 750px; margin-bottom:100px;}
    #talent_intro .intro_wrap{width:90%;left:0; top:100px;}
    #talent_intro .intro_wrap h3{font-size:32px; line-height:38px;}
    #talent_intro .intro_wrap .text_wrap{left:0; bottom:20px;}
    #talent_intro .intro_wrap .text_wrap p{font-size:15px;}

    #talent_contents .contents_wrap1 .talent_title h4{font-size:48px;}
    #talent_contents .contents_wrap1 .talent_area{width:90%; margin-bottom:100px;}
    #talent_contents .contents_wrap1 .talent_area .talent_box1, #talent_contents .contents_wrap1 .talent_area .talent_box3{float:none;}
    #talent_contents .contents_wrap1 .talent_area .talent_box{width:100%;}
    #talent_contents .contents_wrap1 .talent_area .talent_box h6{font-size:22px; line-height:35px;padding:30px 0 10px 0;}
    #talent_contents .contents_wrap1 .talent_area .talent_box .t_info{font-size:15px;}
    #talent_contents .contents_wrap1 .talent_area1 .talent_text_box{float:none; padding-bottom:100px;}
    #talent_contents .contents_wrap1 .talent_area1 .talent_text_box h5{font-size:22px; line-height:1.2em;}
    #talent_contents .contents_wrap1 .talent_area2{top:0px;}
    #talent_contents .contents_wrap1 .talent_area3{top:0px;}
    #talent_contents .contents_wrap1 .talent_area4{display: none;}

    #talent_contents .contents_wrap2 .position_title h4{font-size:36px; padding-top:100px;}
    #talent_contents .contents_wrap2 .position_info{font-size:15px; color:#727272; width:90%; margin:0 auto;}
    #talent_contents .contents_wrap2 .position_info>span{font-size:15px; color:#494949;}
    #talent_contents .contents_wrap2 .position_wrap>ul>li{float:none; width:100%; margin-left:0; padding:50px 0;}
    #talent_contents .contents_wrap2 .position_wrap>ul>li:first-child{padding:100px 0 50px 0;}
    #talent_contents .contents_wrap2 .position_wrap>ul>li .p_title{font-size:20px; margin:15px 0 10px 0; letter-spacing:0px;}
    #talent_contents .contents_wrap2 .position_wrap>ul>li .p_info{font-size:15px;}
    #talent_contents .contents_wrap2 .p_box_info{width:80%;}
    #talent_contents .contents_wrap2 .p_box_info>ul{padding:50px 0 120px 0; width:90%;}
    #talent_contents .contents_wrap2 .p_box_info>ul>li{font-size:13px;}

    #talent_contents .contents_wrap3 .promotion_title h4{font-size:36px; padding-top:100px;}
    #talent_contents .contents_wrap3 .promotion_info>ul>li{font-size:15px; color:#494949; line-height:22px; width:90%; margin:10px auto;}
    #talent_contents .contents_wrap3 .promotion_list{position:relative; width:90%; margin:0 auto;}
    #talent_contents .contents_wrap3 .promotion_list>ul{padding:40px 0 80px 0;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li{float:none; width:100%; margin-left:0%; text-align: center; margin-bottom:10%;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li span{font-size:24px; letter-spacing: 4px; line-height:44px;}
    #talent_contents .contents_wrap3 .promotion_list>ul>li .round{width:220px; height:220px; border-radius:110px; font-size:28px; color:#fff; line-height:220px;}
    /* talent end ---------------------------------------------------------------------------------------*/

    /* awardwinning start -----------------------------------------------------------------------------------*/
    /* awardwinning end -----------------------------------------------------------------------------------*/

    /* financial start ---------------------------------------------------------------------------------*/
    #financial_contents{margin-top:100px; padding-bottom:100px;}
    #financial_contents .select_area{width:90%; height:40px;}
    #financial_contents .select_area select{float:none; width:100%; font-size:15px;}
    #financial_contents .select_area select option{font-size:15px;}

    #financial_contents .contents_inner{width:90%;}
    #financial_contents .contents_inner .inner_title{position:relative; margin-bottom:15px;}
    #financial_contents .contents_inner .inner_title .left_title{float:none;}
    #financial_contents .contents_inner .inner_title .left_title h3{font-size:20px; margin-bottom:10px;}
    #financial_contents .contents_inner .inner_title .right_unit{float:none; font-size:12px;}
    #financial_contents .contents_inner .table_area{margin-bottom:80px;}
    #financial_contents .contents_inner .table_area table th{padding:14px 10px; font-size:16px;}
    #financial_contents .contents_inner .table_area table td{font-size:16px; padding:14px 15px;}
    /* financial end ---------------------------------------------------------------------------------*/

    #footer .footer_wrap .footer_logo{float:none; position:relative; margin:0 auto; width:157px;}
    #footer .footer_wrap .footer_logo h1{position:relative; left:0; transform:none; padding:30px 0; width:157px; margin:0 auto;}
    #footer .footer_wrap .footer_main{float:right; position:relative; width:100%;}
    #footer .footer_wrap .footer_main .footer_main_top{position:relative; border-bottom:none;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy{float:none; width:270px; position:relative; margin:0 auto;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li{float:left; line-height:20px; padding:10px 0; padding-right:15px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li a{font-size:12px;}
    #footer .footer_wrap .footer_main .footer_main_top>.policy>li:first-child a{font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap{float:none;}
    #footer .footer_wrap .footer_main .footer_main_top .family_wrap .family{width:100%;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address{float:none;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address{padding-bottom:0px; padding:30px 0;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .address>li{text-align: center; font-size:13px;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_address .copy{ font-size:12px; text-align: center;}
    #footer .footer_wrap .footer_main .footer_main_bottom .footer_tell{display: none;}
}