@charset "utf-8";
@import url("font.css");

/* reset */
html, body, div, nav, header, footer, section, article, aside, hgroup, iframe, h1, h2, h3, h4, h5, h6, p, a, span, i, em, strong, b, address, fildset, form, input, select, option, label, button, img, dl, dt, dd, ul, ol, li, table, caption, thead, tbody, tfoot, tr, th, td, textarea, hr {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
}
html, body {width:100%; min-width:320px; height:100%;}
body {
	line-height:1;
	font-family:'Nanum Gothic', sans-serif;
	font-size:16px;
	font-weight:400;
	word-break:break-all;
	color:#1a1a1a;
	background:#fff;
}
nav, header, footer, section, article, aside, hgroup {display:block;}
ul, ol, dl {list-style:none;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
a {display:inline-block; color:#000; text-decoration:none; cursor:pointer !important;}
a:hover {text-decoration:underline;}
i, em, address {font-size:inherit; font-style:normal; font-weight:normal; color:inherit;}

::-webkit-scrollbar {width:10px; border:3px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block; height:5px; background:#fff;}
::-webkit-scrollbar-track {background:#efefef; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height:50px; width:50px; background:rgba(0,0,0,.15); -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

* {-webkit-text-size-adjust:none;}

/* layout */
.wrap {position:relative; width:100%;}
.container {position:relative; width:1024px; margin:0 auto;}
.container_inner {padding:0 80px;}

.pv {display:block;}
.mv {display:none;}

/* gnb */
#gnb {position:fixed; top:140px; width:100%; min-width:320px; z-index:100; background:#fff;}
#gnb .gnb {box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.15);}
#gnb .gnb .container {position:relative; width:1024px; height:80px; }
#gnb .gnb .logo {position:absolute; top:50%; left:20px; width:250px; height:36px; margin-top:-18px; text-indent:-999%; background:url("../images/ci_text.png") no-repeat 0; background-size:100%;}
#gnb .gnb .gnb_menu {position:absolute; top:50%; right:20px; margin-top:-8px;}
#gnb .gnb .gnb_menu li {float:left; margin-left:30px;}
#gnb .gnb .gnb_menu li:first-child {margin-left:0;}
#gnb .gnb .gnb_menu a {font-size:16px; text-transform:uppercase; color:#000;}
#gnb .gnb .gnb_menu a.on {font-weight:800; color:#b32326;}

#gnb .gnb_m {display:none;}
#gnb .gnb_m .header {position:relative; height:54px; background:#fff; box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.15); z-index:300;}
#gnb .gnb_m .logo {position:absolute; top:50%; left:20px; width:210px; height:36px; margin-top:-18px; text-indent:-999%; background:url("../images/ci_text_2x.png") no-repeat 0; background-size:100%;}
#gnb .gnb_m .menu_open {position:absolute; top:50%; right:15px; width:38px; height:34px; margin-top:-17px; cursor:pointer;}
#gnb .gnb_m .nav_box {position:relative; width:28px; height:34px; margin:0 auto;}
#gnb .gnb_m .nav_box .nav_line {position:absolute; left:0; width:28px; height:3px; background:#131313; z-index:100; transition:all 0.7s ease-out;}
#gnb .gnb_m .nav_box .nav_line.nl1 {top:5px;}
#gnb .gnb_m .nav_box .nav_line.nl2 {top:15px;}
#gnb .gnb_m .nav_box .nav_line.nl3 {bottom:5px;}

#gnb .gnb_m .nav_box.active .nav_line {width:29px; top:15px;}
#gnb .gnb_m .nav_box.active .nav_line.nl1 {transform:rotate(135deg); -webkit-transform:rotate(135deg);}
#gnb .gnb_m .nav_box.active .nav_line.nl2 {transform:rotate(225deg); -webkit-transform:rotate(225deg);}
#gnb .gnb_m .nav_box.active .nav_line.nl3 {transform:rotate(225deg); -webkit-transform:rotate(225eg);}

#gnb .gnb_m .menu_wrap.active {right:0;}
#gnb .gnb_m .menu_wrap {position:fixed; /*top:54px;*/ top:287px; width:100%; height:calc(100% - 287px); height:-webkit-calc(100% - 287px); right:-100%; overflow-y:scroll; background:rgba(73,75,76,0.7); transition:all 0.4s ease-out;}
#gnb .gnb_m .gnb_menu {width:100%; height:auto; padding:60px 0; background:#fff;}
#gnb .gnb_m .gnb_menu .depth1 {width:200px; margin:0 auto; text-align:center;}
#gnb .gnb_m .gnb_menu .depth1 > li {border-top:1px solid #e6e6e6; margin-top:24px; padding-top:24px;}
#gnb .gnb_m .gnb_menu .depth1 > li:first-child {border-top:none; padding-top:0; margin-top:0;}
#gnb .gnb_m .gnb_menu .depth1 > li > a {font-size:24px; color:#b42427; text-transform:uppercase;}
#gnb .gnb_m .gnb_menu .depth1 > li:has(> a.payment-history-btn) {border-top: 0; padding-top: 8px;}
#gnb .gnb_m .gnb_menu .depth1 > li > a.payment-history-btn {font-size:14px !important; width: 124px; padding: 7px 20px 7px 14px; color:#000000;}
#gnb .gnb_m .gnb_menu .depth2 {margin-top:20px;}
#gnb .gnb_m .gnb_menu .depth2 > li {padding-top:30px; }
#gnb .gnb_m .gnb_menu .depth2 > li:first-child {padding-top:0; }
#gnb .gnb_m .gnb_menu .depth2 > li > a {font-size:18px; color:#1a1a1a;}

/* footer */
#footer {background:#494b4c;}
#footer .container {padding:60px 0;}
#footer .footer_logo {display:inline-block; vertical-align:top;}
#footer .info_wrap {display:inline-block; padding-left:24px; vertical-align:top; color:#fff;}
#footer .info_link {display:table;}
#footer .info_link a {display:table-cell; font-size:14px; color:#fff; vertical-align:middle;}
#footer .info_txt p {line-height:20px; font-size:12px; color:#fff;}
#footer .info_txt p em {margin-left:10px; font-weight:800;}
#footer .info_txt p em:first-child {margin-left:0;}

/* content common */
.section {position:relative; width:100%; height:auto; padding:120px 0; overflow:hidden; clear:both;}
.section_tt {position:relative; /*padding-top:120px; */padding-bottom:30px; margin-bottom:30px; font-size:40px; font-weight:700; text-align:center; text-transform:uppercase; letter-spacing:16px; color:#1f1f1f;}
.section_tt:after {position:absolute; bottom:0; left:50%; display:block; width:38px; height:1px; margin-left:-19px; background:#b32326; content:"";}
/*.section_ct {padding-bottom:120px;}*/
.section_ct p {word-break:keep-all;}

.s_title {display:none; position:relative; margin-top:50px;}
.s_title:after {display:block; position:absolute; top:0; left:50%; width:1px; height:20px; background:#bfbfbf; content:"";}
.s_title > span {display:inline-block; position:relative; left:50%; padding-top:36px; line-height:24px; font-size:24px; font-weight:800; color:#b42427; transform:translate(-50%, 0);}
.s_title > span:before {position:absolute; left:-44px; width:20px; height:24px; background:url("../images/ic_line.png") no-repeat; background-size:100%; content:"";}
.s_title > span:after {position:absolute; right:-44px; width:20px; height:24px; background:url("../images/ic_line.png") no-repeat; background-size:100%; content:"";}

.main_txt {padding:80px 0; border-bottom:1px solid #bfbfbf;}
.main_txt p {word-break:keep-all;}

.highlight {color:#b32326;}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:table; line-height:0; content:'';}
.clearfix:after {clear:both;}

/* home */
#home {/*padding-top:80px;*/ padding-top:220px; padding-bottom:0;}
#home .section {padding:0;}
#home .slide {position:relative; width:100%; height:720px;}
#home .slide:before {display:block; position:absolute; top:130px; left:50%; width:1px; height:170px; background:#fff; opacity:0.3; content:"";}
#home .slide:after {display:block; position:absolute; bottom:110px; left:50%; width:1px; height:170px; background:#fff; opacity:0.3; content:"";}
#home .slide.area1 {background:url("../images/img_home_01.jpg") no-repeat top center; background-size:cover;}
#home .slide.area2 {background:url("../images/img_home_02.jpg") no-repeat top center; background-size:cover;}
#home .slide.area3 {background:url("../images/img_home_03.jpg") no-repeat top center; background-size:cover;}
/*#home .s_name {position:absolute; top:80px; width:100%; font-size:20px; text-align:center; color:#fff; }*/
#home .s_text {position:absolute; top:50%; width:100%; padding-top:10px; transform:translate(0, -50%);}
#home .s_text p {line-height:50px; font-size:40px; text-align:center; color:#fff; word-break:keep-all;}
#home .s_text strong {font-weight:700;}

.payment-history-btn{position: relative; font-size: 14px !important; color: #000000; border: 1px solid #484848; padding: 7px 20px 7px 14px; border-radius: 15px; margin-top: -10px;}
.payment-history-btn:after{background:url("../images/arrow.svg") no-repeat top center; content:""; position:absolute; top:50%; right:8px; width:12px; height:12px; margin-top:-5.5px;}
/* .payment-history-btn:hover{background-color: #f3f3f3;color: #747474 !important; border: solid 1px #747474;  text-decoration: none;} */
/* .payment-history-btn:hover:after{background:url("../images/arrow_hover.svg") no-repeat top center; content:""; position:absolute; top:50%; right:8px; width:12px; height:12px; margin-top:-5.5px;} */
.payment-history-btn:hover{background-color: #ffffff;color: #b32326 !important; border: 1px solid #b32326; text-decoration: none;}
.payment-history-btn:hover:after{background:url("../images/arrow_active.svg") no-repeat top center; content:""; position:absolute; top:50%; right:8px; width:12px; height:12px; margin-top:-5.5px;}


/* company */
#company .slides {height:794px;}
#company .section_ct {display:table; margin-top:80px;}
#company .section_ct > div {display:table-cell; vertical-align:middle;}
#company .section_ct .left_ct {width:280px;}
#company .section_ct .right_ct {width:calc(100% - 280px); width:-webkit-calc(100% - 280px); padding-left:43px;}
#company .section_ct .right_ct p {line-height:36px; font-size:24px;}
#company .main_txt {padding:73px 0;}
#company .main_txt p {line-height:45px; font-size:30px; text-align:center;}

/* company - 연력, 보유특허 */
.history {position:relative; margin:0 auto; margin-top:80px;}
.history .line {position:absolute; top:0; left:50%; width:1px; height:93%; margin-top:5px; background:#d9d9d9; z-index:10;}

.history_inner {width:100%;}
.history_inner .year_box {margin-top:35px;}
.history_inner:first-child .year_box {margin-top:0;}
.history_inner.left {padding-right:50%;}
.history_inner.left .year_box {padding-right:50px; text-align:right;}
.history_inner.right {padding-left:50%;}
.history_inner.right .year_box {padding-left:50px; text-align:left;}

.history_inner .year_box > ul {margin-top:11px;}
.history_inner .year_box > ul li {position:relative; line-height:20px; font-size:14px;}
.history_inner.left .year_box li {padding-right:25px;}
.history_inner.right .year_box li {padding-left:25px;}
.history_inner .year_box em {position:absolute; font-size:14px; font-weight:800;}
.history_inner.left .year_box em {right:0; margin-left:8px;}
.history_inner.right .year_box em {left:0; margin-right:8px;}
.history_inner .year_box .year {position:relative; font-size:18px; font-weight:800; color:#b32326;}
.history_inner .year_box .year:after {display:block; position:absolute; top:50%; width:9px; height:9px; margin-top:-4.5px; margin-left:1px; background:#b32326; border-radius:50%; content:""; z-index:50;}
.history_inner.left .year_box .year:after {right:-55px;}
.history_inner.right .year_box .year:after {left:-55px;}

.patent.history .line {height:88%;}
.patent .history_inner .year_box {margin-top:19px;}
.patent .history_inner .year {background:url("../images/ic_patent.png") no-repeat; background-size:11px 18px;}
.patent .history_inner.left .year {padding-right:19px; background-position:center right;}
.patent .history_inner.right .year {padding-left:19px; background-position:center left;}

/* company - 협력사 */
.partners_list {width:100%; padding:0 30px; margin-top:80px;}
.partners_list ul {display:block; width:100%; padding-left:1px;}
.partners_list li {float:left; width:calc((100% + 4px)/4); width:-webkit-calc((100% + 4px)/4); padding:20px 30px; margin-top:-1px; margin-left:-1px; border:1px solid #d9d9d9;}
.partners_list li img {width:100%;}

/* business */
#business {width:100%; background:#f0f0f0; overflow:hidden;}
#business .slides {height:923px;}
#business .main_txt {padding:73px 0; padding-left:30px; padding-right:30px;}
#business .main_txt li {margin-left:20px; line-height:43px; font-size:30px; text-indent:-20px; word-break:keep-all;}
#business .main_txt li:before {display:inline-block; width:3px; height:3px; background:#1a1a1a; border-radius:50%; margin-right:16px; content:""; vertical-align:middle;}
#business .main_txt li.highlight:before {background:#b32326;}
#business .desc_txt {padding:0 20px; margin-top:42px;}
#business .desc_txt p {padding-left:10px; text-indent:-10px; font-size:14px; line-height:20px; color:#666;}
#business .section_ct {padding-top:80px; text-align:center;}
#business .section_ct .img_box {display:inline-block; margin-left:60px; font-size:0; text-align:center; vertical-align:top;}
#business .section_ct .img_box:first-child {margin-left:0;}
#business .section_ct .only_img img {width:65%; margin:0 auto;}
#business .section_ct .only_img.m_img {display:none;}

/* section cateory */
.category {width:100%; height:50px; text-align:center; font-size:0;}
.category > div {display:inline-block; width:130px; height:50px; vertical-align:top;}
.category > div a {width:100%; line-height:50px; font-size:20px; color:#1f1f1f;}
.category .active a {font-weight:800; color:#b32326;}
.category .divider {display:inline-block; width:20px; height:50px; vertical-align:top;}
.category .divider span {display:inline-block; height:22px; margin-top:14px; border:1px solid #d9d9d9; transform:rotateZ(0deg); transition:.3s ease; vertical-align:middle;}
.category .divider.active span {border:1.5px solid #b32326; transform:rotateZ(30deg); transition:.3s ease;}

/* section slides */
.slides {position:relative; width:100%; height:100%; }
.slides_inner {position:absolute; top:0; left:0; width:100%; opacity:0;}
.slides_inner.active {opacity:1; transition:.4s ease;}
.slides_inner:first-child > .s_title, .slides_inner:first-child > .s_title > span {margin-top:0; padding-top:0;}
.slides_inner:first-child > .s_title:after {display:none; margin-top:}

.ct_nav {position:absolute; top:50%; left:50%; width:100%; max-width:1280px; height:60px; padding-top:320px; margin:0 auto; transform:translate(-50%, -50%);}
.nav_button button {position:relative; cursor:pointer;}
.nav_button .btn_prev {position:absolute; left:20px; width:60px; height:60px; background:url("../images/btn_left_n.png") no-repeat; background-size:100%; text-indent:-9999%;}
.nav_button .btn_prev:hover, .nav_button .btn_prev:active {background:url("../images/btn_left_s.png") no-repeat; background-size:100%;}
.nav_button .btn_next {position:absolute; right:20px; width:60px; height:60px; background:url("../images/btn_right_n.png") no-repeat; background-size:100%; text-indent:-9999%;}
.nav_button .btn_next:hover, .nav_button .btn_next:active {background:url("../images/btn_right_s.png") no-repeat; background-size:100%;}

/* contact */
#contact .section_info {height:50px; font-size:0; text-align:center;}
#contact .info_txt {display:inline-block; position:relative; height:50px; margin:0 40px; line-height:50px; font-size:20px; color:#1f1f1f;}
#contact .info_txt:after {display:block; position:absolute; top:0; left:-50px; width:20px; height:50px;  background:url("../images/tab_divider.png") no-repeat; background-size:100%; content:"";}
#contact .info_txt:first-child:after {background:none;}
#contact .info_txt em {font-weight:800; color:#b42427;}
#contact .adress {margin-top:28px; text-align:center;}
#contact .adress .info_txt {font-size:16px; line-height:20px;}

#google_map {width:100%; height:540px; margin-top:80px;}

/* banner */ /* 191010 */
.main_banner {display:table; position:fixed; width:100%; min-width:320px; height:140px; background:#444499; letter-spacing:0; z-index:100;}
.main_banner .btn_close {position:absolute; top:35px; right:30px; width:70px; height:70px; text-indent:-9999px; background:url("../images/btn_close_banner.png") no-repeat; background-size:100%;}
.main_banner .banner_txt {display:table-cell; text-align:center; vertical-align:middle; font-size:0;}
.main_banner .banner_txt a {display:inline-block;}
.main_banner .banner_txt img  {margin-top:2px; margin-right:50px;}
.main_banner .banner_txt h2 {display:inline-block; line-height:32px; font-size:25px; color:#fff;}
.main_banner .banner_txt em {display:inline-block; font-weight:normal; color:#cfcff7;}
.main_banner .banner_txt .btn_view {width:110px; height:34px; margin-left:50px; line-height:34px; font-size:14px; color:#1a1a1a; background:#fff; border-radius:17px; vertical-align:top;}
.main_banner .banner_txt i {display:inline-block; width:6px; height:10px; margin-left:5px; background:url("../images/ic_more.png") no-repeat; background-size:100%;}
.main_banner .btn_detail {margin-top:20px; font-size:16px; color:#cfcff7;}
.main_banner .btn_detail:after {display:inline-block; width:7px; height:14px; margin-left:10px; content:'';}

@media all and (max-width:1260px){
	.main_banner .btn_close {top:0; right:0;}
}
@media all and (max-width:1200px){
	#gnb {top:203px;}
	#home {padding-top:283px;}
	.main_banner {height:234px;}
	.main_banner .banner_txt h2 {font-size:28px;}
	.main_banner .banner_txt img {display:block; height:26px; margin:0 auto; margin-bottom:17px;}
	.main_banner .banner_txt .btn_view {display:block; margin:0 auto; margin-top:22px;}
}
@media all and (max-width:1023px){
	.pv {display:none;}
	.mv {display:block;}
		/* gnb */
	#gnb {top:233px;}
	#gnb .gnb {display:none;} 
	#gnb .gnb_m {display:block;}
	
	
	.container {width:auto;}
	
	/* gnb */
	#gnb .gnb .container {width:auto;}
	/* footer */
	#footer {margin:0 auto; text-align:center;}
	#footer .container {display:inline-block; text-align:left;}
	
	/* company + business */
	.slides_inner {padding:0 40px;}
	.history .line {height:94%;}
	
	#company .slides {height:897px;}
	#business .slides {height:923px;}
	#business .section_ct .img_box {float:left; width:calc(100%/3); width:-webkit-calc(100%/3); margin:0;}
	#business .section_ct .img_box img {width:90%;}
	
}
@media all and (max-width:960px){
	/* company + business */
	.patent.history .line {height:90%;}
	#business .section_ct .img_box img {width:80%;}
	#business .section_ct .only_img img {width:75%;}
}
@media all and (max-width:850px){
	#company .slides {height:929px;}
	#company .section_ct .left_ct {width:40%;}
	#company .section_ct .right_ct {width:60%; padding-left:25px;}
	
	.patent.history .line {height:89%;}
}
@media all and (max-width:768px){
	body::-webkit-scrollbar {display:none;}

	.container_inner {padding:0 30px;}
	

	/* footer */
	#footer {background:#494b4c;}
	#footer .container {padding:20px 0 30px;}
	#footer .footer_logo, #footer .info_wrap, #footer .info_txt {display:block;}
	#footer .info_wrap {padding:0; padding:0 30px;}

	/* #footer .info_link {margin:0 auto;} */

	/* home */
	#home {/*padding-top:54px;*/ padding-top:287px;}
	#home .slide {height:346px;}
	#home .slide:before {top:53px; height:76px;}
	#home .slide:after {bottom:50px; height:76px;}
	#home .s_name {top:20px; font-size:13px;}
	#home .s_text {padding-top:0;}
	#home .s_text p {line-height:40px; font-size:30px;}
	
	/* content common */	
	.section {padding:50px 0;}
	.section_tt {padding-bottom:25px; margin-bottom:25px; font-size:18px; letter-spacing:7px;}
	.section_tt:after {width:20px; height:1px; margin-left:-10px; background:#bfbfbf;}
	
	.s_title {display:block;}
	.main_txt {border-bottom:none;}
	
	/* company */
	#company .section_ct {display:block; margin-top:0;}
	#company .section_ct > div {display:block; text-align:center;}
	#company .section_ct .left_ct {width:100%; }
	#company .section_ct .right_ct {width:100%; padding-left:0;}
	#company .section_ct .right_ct p {line-height:24px; font-size:16px;}
	#company .main_txt {padding:80px 0 50px;}
	
	/* company, business */
	#company .slides, #business .slides {height:100%;}
	.category {display:none;}
	.slides {padding:0 40px;}
	.slides .slides_inner {position:relative; margin-top:50px; padding:0; opacity:1; border-top:1px solid #d9d9d9;}
	.slides .slides_inner:first-child {margin-top:0; border-top:none;}
	.ct_nav {display:none;}
	
	#business .section_ct .only_img img {width:100%;}
	
	/* company */
	.history .line {left:4px;}
	.history_inner .year_box {margin-top:32px;}
	.history_inner.left {padding-right:0;}
	.history_inner.left .year_box {padding-left:50px; padding-right:0; text-align:left;}
	.history_inner.right {padding-left:0;}

	.history_inner .year_box > ul {margin-top:13px;}
	.history_inner.left .year_box li {padding-left:25px; padding-right:0;}
	.history_inner.left .year_box em {left:0; right:auto; right:initial; margin-left:0; margin-right:8px;}
	.history_inner.left .year_box .year:after {left:-51px;}
	.history_inner.right .year_box .year:after {left:-51px;}

	.patent.history .line {height:90%;}
	.patent .history_inner .year_box {margin-top:27px;}
	.patent .history_inner .year_box > ul {margin-top:11px;}
	.patent .history_inner.left .year {padding-left:19px; padding-right:0; background-position:center left;}

	.partners_list {padding:0; margin-top:0;}
	.partners_list li {width:calc((100% + 3px)/3); width:-webkit-calc((100% + 3px)/3); padding:18px 24px;}
	.partners_list li:nth-last-of-type(1), .partners_list li:nth-last-of-type(2){display:none;}
	
	/* business */
	#business .main_txt {padding:0; padding-top:77px;}
	#business .main_txt li {line-height:26px; font-size:20px;}
	#business .desc_txt {margin-top:40px; padding-bottom:50px;}
	#business .section_ct {padding-top:50px; border-top:1px solid #bfbfbf;}
	#business .section_ct .img_box {float:left; width:50%; margin-left:0;}
	#business .section_ct .only_img {width:100%;}

	/* contact */
	#contact .section_tt:after {background:#b32326;}
	#contact .section_info {height:auto; font-size:0; text-align:center;}
	#contact .info_txt {display:block; height:auto; margin:0; margin-top:30px; line-height:1;}
	#contact .info_txt:first-child {margin-top:40px;}
	#contact .info_txt:after {display:block; position:absolute; top:0; left:-50px; width:20px; height:50px;  background:url("../images/tab_divider.png") no-repeat; background-size:100%; content:"";}
	#contact .info_txt:first-child:after {background:none;}
	#contact .info_txt em {font-weight:800; color:#b42427;}

	#google_map {height:405px; margin-top:45px;}
	
    /* banner */
	.main_banner {height:233px;}
	.main_banner .banner_txt h2 {font-size:25px;}
	.main_banner .banner_txt h2 span {display:block;}
	
}
/* iphone 6plus landscape */
@media all and (min-width:736px) {
}
@media all and (max-width:700px){
	#business .section_ct .img_box img {width:90%;}
}
/* iphone 7 landscape */
@media all and (min-width:667px) {
	.patent.history .line {height:89%;}
}
@media all and (max-width:640px){
	/* gnb */
	#gnb .gnb_m .gnb_menu {padding:40px 0;}
	#gnb .gnb_m .gnb_menu .depth1 {width:140px;}
	#gnb .gnb_m .gnb_menu .depth1 > li {margin-top:25px; padding-top:25px;}
	#gnb .gnb_m .gnb_menu .depth1 > li > a {font-size:18px;}
	#gnb .gnb_m .gnb_menu .depth2 > li {padding-top:25px;}
	#gnb .gnb_m .gnb_menu .depth2 > li > a {font-size:15px;}
	
	/* footer */
	#footer .info_wrap p {letter-spacing:-0.3px;}
	
	/* home */
	#home .s_text {padding:0 30px;}
	
	/* company + business */
	.slides {padding:0 20px;}
	
	.history {margin-top:40px;}
	.history_inner .year_box {margin-top:27px;}
	
	#company .main_txt {padding:40px 0 30px;}
	#company .main_txt p {line-height:28px; font-size:18px;}
	#company .section_ct .left_ct img {width:200px; height:200px;}
	
	#business .desc_txt {margin-top:21px; padding-bottom:27px;}
	#business .section_ct {padding-top:30px;}
	#business .section_ct .img_box {display:block; float:none; width:auto; margin-top:30px;}
	#business .section_ct .img_box:first-child {margin-top:0;}
	#business .section_ct .img_box img {width:auto;}
	
	#business .main_txt {padding-top:40px;}
	#business .main_txt li {line-height:28px; font-size:16px;}
	#business .section_ct .only_img {display:none;}
	#business .section_ct .only_img.m_img {display:block;}
	#business .section_ct .only_img.m_img img {max-width:280px;}
	
	/* contact */
	#google_map {height:218px;}
	#contact .adress .info_txt {padding:0 30px;}
	#contact .adress .info_txt em {display:block;}
}
@media all and (max-width:570px){
	/* home */
	#home .s_text p {line-height:28px; font-size:20px;}
	
	/* company */
	.partners_list li {width:calc((100% + 2px)/2); width:-webkit-calc((100% + 2px)/2); padding:14px 18px;}

}
@media all and (max-width:540px){
	.patent.history .line {height:90%;}
}
@media all and (max-width:440px){
	.patent.history .line {height:89%;}
	
	#gnb {top:217px;}
	#gnb .gnb_m .menu_wrap {top:271px; height:calc(100% - 271px); height:-webkit-calc(100% - 271px);}
	#home {padding-top:271px;}
	
	 /* banner */
	.main_banner {height:217px;}
	.main_banner .banner_txt img {height:20px;}
	.main_banner .banner_txt h2 {font-size:20px;}
	.main_banner .banner_txt h2 span {display:block;}
	.main_banner .btn_close {width:50px; height:50px;}
}
@media all and (max-width:380px){
	.patent.history .line {height:88%;}
}
@media all and (max-width:320px){
	.patent.history .line {height:89%;}
}