@media (min-width:1200px) {
	.slide:before{
			font-size: 21.875em;
		}
		.slide .main-slider-title .small-slider-title{
			font-size: 2em;
		}
		.slide .main-slider-title .big-slider-title{
			font-size: 3.750em;
			line-height: 60px;
		}
	header {
		margin: 0 auto;
	}

	.intro-content {
		display: inline-block;
		width: 100%;
	}

	.hero .hero-content {
		padding-top: 28%;
	}
	.blog-intro .container {width:1080px;}
	.blog-intro .feature-content {float:right;}
}

@media (min-width:992px) and (max-width:1199px) {
	.contents {width:700px;}
	.contents_1080 {width:100%;}
	
	.slide:before{
			font-size: 21.875em;
		}
		.slide .main-slider-title .small-slider-title{
			font-size: 2em;
		}
		.slide .main-slider-title .big-slider-title{
			font-size: 3.750em;
			line-height: 60px;
		}
	header {
		width: 90%;
		margin: 0 auto;
	}

	.intro-content {
		display: inline-block;
		width: 100%;
	}

	.hero .hero-content {
		padding-top: 28%;
	}
	.blog-intro .container {width:1080px;}
	.blog-intro .feature-content {float:right;}

	.areaPoll .rightArea dd > p{width:70%;}
	.areaPoll .rightArea dd > input[type="button"]{left:260px;}
	.areaPoll .rightArea dd > p input{width:60%;} 
	
	.tab01{width:706px;}
	.tab01 li a { padding:0 10px;}
	
	.cikh02_1 {background-size:contain; height:370px;}
	.cikh03 { background-size:contain; height:500px;}
    .cikh01 {float: none;}
}


/* Responsive nav kicks in */
@media screen and (max-width:991px) {
    .cikh01 {float: none;}
	.menu .menu-banner {visibility: hidden;}
	.page-title {height:250px;}
	.contents_1080 {width:100%;}
	.slide:before{
			font-size: 21.875em;
		}
		.slide .main-slider-title .small-slider-title{
			font-size: 1.5em;
		}
		.slide .main-slider-title .big-slider-title{
			font-size: 3.750em;
			line-height: 60px;
		}
	ul.slides li .slide { width:70%;}
	header {
		width: 90%;
		padding-left: 25px;
	}

	.hero .hero-content {
		padding-top: 32%;
	}
	.header-nav {
		position: fixed;
		background-color: #000;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99999;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}

	ul.member-actions {
		position: static;
	}

	.navicon {
		visibility: visible;
	}

	header .nav-wrapper {
		display: absolute;
	}

	header nav {
		position: relative;
		display:block;
	}

	nav ul li a {
		color: #fff;
		font-size: 25px;
		text-transform: uppercase;
		font-weight: 600;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}


	nav ul.primary-nav li {
		display: block;
	}

	nav ul.member-actions li {
		display: block;
	}

	nav a.login {
		margin-right: 0px;
	}

	nav ul.primary-nav {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	nav ul.primary-nav li a {
		padding-right: 0;
	}

	nav .member-actions {
		position: static;
		padding: 0;
		text-align: center;
	}

	nav ul.primary-nav li,
	nav ul.member-actions li {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-transform: translate3d(0, -80px, 0);
		-ms-transform: translate3d(0, -80px, 0);
		-o-transform: translate3d(0, -80px, 0);
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
		-moz-transition: -moz-transform 0.5s, opacity 0.5s;
		-o-transition: -o-transform 0.5s, opacity 0.5s;
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
		-moz-transition: -moz-transform 0.5s, opacity 0.5s;
		-o-transition: -o-transform 0.5s, opacity 0.5s;
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}

	header .header-nav.open ul.primary-nav li,
	header .header-nav.open ul.member-actions li {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	nav ul.primary-nav li:first-child {
		-moz-transition-delay: 0.05s;
		-o-transition-delay: 0.05s;
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
	}

	nav ul.primary-nav li:nth-child(2) {
		-moz-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	nav ul.primary-nav li:nth-child(3) {
		-moz-transition-delay: 0.15s;
		-o-transition-delay: 0.15s;
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
	}

	nav ul.primary-nav li:nth-child(4) {
		-moz-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	nav ul.member-actions li:first-child {
		-moz-transition-delay: 0.25s;
		-o-transition-delay: 0.25s;
		-webkit-transition-delay: 0.25s;
		transition-delay: 0.25s;
	}

	nav ul.member-actions li:nth-child(2) {
		-moz-transition-delay: 0.30s;
		-o-transition-delay: 0.30s;
		-webkit-transition-delay: 0.30s;
		transition-delay: 0.30s;
	}

	.intro-content {
		display: inline-block;
		width: 75%;
		margin-bottom: 30px;
	}

	.last {
		margin: 0;
	}

	.features {
		padding-bottom: 0;
	}

	.features .device-showcase,
	.features-extra .macbook-wrap,
	.greeting .g_h-wrap {
		display: none;
	}

	.features .responsive-feature-img,
	.features-extra .responsive-feature-img {
		display: block;
		width: 85%;
		margin: 15% auto 0;
	}

	.features .responsive-feature-img img,
	.features-extra .responsive-feature-img img {
		width: 100%;
	}
	
	.greeting .responsive-feature-img {
		display: block;
		width: 30%;
		margin: 15% auto 0;
	}

	.greeting .responsive-feature-img img {
		display:none;
	}
	.greeting .g_stack li {
		display:inline;
		padding-right:30px;
	}
	.greeting .g_stack {
		padding-top:50px;
	}
	.hero-strip {
		margin-top: 0;
	}

	.blog-intro .leftcol {
		padding: 0 15px;
		margin-bottom: 15px;
		border-right: none;
	}

	.blog-intro .rightcol {
		padding: 0 20px;
	}
	
	.greeting .leftcol {
		padding: 0 15px;
		margin-bottom: 15px;
		border-right: none;
	}

	.greeting .rightcol {
		padding: 0 20px;
	}

	footer .social-share {
		display: none;
	}

	footer .footer-links {
		margin: 120px 0 120px 0;
	}
	.intro .container {padding-left:140px;}
	.benefits-list-1__inner {padding-bottom:50px;}
	.blog-intro .feature-content {float:right;}
	.greeting .g_stack {padding-top:0px;}
	
	.boardNext li > strong {width:20%;}
	.boardNext li > span {width:80%;}


	.tab01 {position:relative; border-bottom:1px solid #c5c5c5;   padding-bottom:0; max-width:720px;} 
	.tab01:after {content:""; display:block; position:absolute; z-index:1; right:0px; bottom:0; height:35px;}
	.tab01.goods li {width:50% !important;}
	.tab01 li {position: relative; width:50%; margin-left:0px; z-index:2;}
	.tab01 li.on a, .tab01 li a:hover{border-width:1px 1px 0 0; font-weight:normal;}
	.tab01 li.on a:before, .tab01 li a:hover:before {content:""; display:block; position:absolute; left:-1px; top:-1px; height:35px;} 
	.tab01 li a {position:relative; height:34px; padding:0;  font-size:12px; letter-spacing:-1px;}  
	
	.tab01 li.on a, .tab01 li a:hover{border-width:1px 1px 0 0; font-weight:normal;}
	.tab01 li:nth-of-type(1) a:before, 
	.tab01 li:nth-of-type(3) a:before, 
	.tab01 li:nth-of-type(5) a:before, 
	.tab01 li:nth-of-type(7) a:before,
	.tab01 li:nth-of-type(9) a:before,
	.tab01 li:nth-of-type(11) a:before,
	.tab01 li:nth-of-type(13) a:before {content:""; display:block; position:absolute; left:0px; top:0px; height:35px;}	

	.tab02 {position:relative; border:1px solid #c5c5c5;  padding-bottom:0; max-width:720px;} 
	.tab02:after {content:""; display:block; position:absolute; z-index:1; right:0px; bottom:0; height:35px; border-left:1px solid #c5c5c5;}
	.tab02.goods li {width:50% !important;}
	.tab02 li {position: relative; width:50%; margin-left:0px; z-index:2;}
	.tab02 li.on a, .tab02 li a:hover{border-width:0 1px 0 0; font-weight:normal;}
	.tab02 li.on a:before, .tab02 li a:hover:before {content:""; display:block; position:absolute; left:-1px; top:-1px; height:35px;border-left:1px solid #000;} 
	.tab02 li a {position:relative; height:34px; padding:0; border-width:0; font-size:12px; letter-spacing:-1px;}  
	
	.tab02 li.on a, .tab02 li a:hover{font-weight:normal:}
	 
	.infoAccess li {width:100%; background:url('../img/bg_access01.png') no-repeat 95% 50%;}
	.infoAccess li span {margin-top:7px;}
	.infoAccess01 {margin-bottom:30px;}
	.infoAccess01 > li {height:auto;}
	.infoAccess01 > li.n01 {padding:240px 0 0 0; background:url('../img/bg_access02.png') no-repeat 50% 0;}
	.infoAccess01 > li.n02 {padding:240px 0 0 0; background:url('../../image/cs/bg_access03.png') no-repeat 50% 0;}
	.infoAccess02 {margin-bottom:30px;}
	.infoAccess02 img {width:95%;}
	
	#lnb {display:none;}
	
  
	.contents {float:none; width:100%; margin-left:0;}
	.contents_1080 {width:100%;}
	#lnb2 {display:none;}

	
	.areaPoll .rightArea dd > p{width:83%;}
	.areaPoll .rightArea dd > p input{width:60%;}
	
	.areaPoll { width: 100%; margin:10px auto}
	.areaPoll .rightArea {position:relative; padding:20px 0 20px 40px; height:150px;}
	.areaPoll .rightArea dt{float:left; margin-right:30px;} 
	.areaPoll .rightArea dd{float:left} 
	.areaPoll .rightArea dd + dd{width:87%; left:5%; padding-left:30px; padding-top:15px; margin-top:0; border-left:0; border-top:1px solid #e2e2e2}
	.areaPoll .rightArea dd > label {left:0; top:20px; width:55px;}
	.areaPoll .rightArea dd > p{margin:0px 32px 0 35px;}   
	.areaPoll .rightArea dd > input[type="button"] {top:15px;} 
	
.controller {width:calc(100% - 30px); left:0; margin:0 20px; }
.visual_list .visual_box {width:100%;}

.cikh02_1 {background-size:contain; height:370px;}
.cikh03 { background-size:contain; height:500px;}
.cikh04_1{ background-size:contain;}
.cikh04_2{ background-size:contain;}
.cikh04_4{ background-size:contain;}
}

@media screen and (max-width:640px) {
    .cikh01 {float: none;}
	.contents_1080 {width:100%;}
	.greeting .g_stack {padding-top:0px;}
	.blog-intro .feature-content {width:100%; float:right;}
	.intro .container {padding-left:100px;}
	.slide:before{
		font-size: 10em;
	}
	.slide .main-slider-title .small-slider-title{
		font-size: 1.5em;
	}
	.slide .main-slider-title .big-slider-title{
		font-size: 2.7em;
		line-height: 1.2em;
	}
	ul.slides li .slide { width:70%;}
	
	footer ul.footer-group {
		border-top: none;
	}

	footer ul.footer-group li a {
		font-size: 13px;
		text-transform: uppercase;
		padding: 20px 0;
		display: block;
		border-bottom: dashed 1px #4E566C;
	}
	footer ul.footer-group li {
		display: block;
	}

	footer .footer-links {
		margin: 50px 0 50px 0;
	}
	.benefits-list-1__inner {padding-bottom:30px;}
	.blog-intro .logo-placeholder img{
		width: 80%;
    	height: auto;
    	position: absolute;
    	-webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); 
    }
	.blog-intro .container {padding-top:200px;}
	.blog-intro span.icon {display:none;}
	.blog-intro ul.features-stack li {border-bottom:none;}
	.feature-list .img_wrap {padding-top:0px;}
	.g_stack2 img{ padding-right:30px; float:left;}
	.greeting .leftcol a {margin-top:30px; padding:8px 39%;}
	.greeting .g_stack2 {border-top:solid #eaeaea 1px; padding-top:40px; margin-top:30px;}
	.greeting .rightcol a {margin-top:30px; padding:8px 39%;}


	.boardNext li > strong {width:20%;}
	.boardNext li > span {width:80%;}

	
	.infoMethod div {overflow:hidden; width:100%; height:270px; background:url('../img/2_3_1.png') no-repeat 50% 50%; background-size: 250px 251px;}

.visual_list.type1 .copy_pos_box {width:100%;}
	
.cikh02_1 {height:250px;}
.cikh06 {background-size:contain; height:350px;}
.KhgcEthicsManage > h4 {height:180px;}
	.KhgcEthicsManage > ul {overflow:visible;}
	.KhgcEthicsManage > ul > li {float:none; width:100%; border-top:1px solid #ececec;}
	.KhgcEthicsManage > ul > li:first-child {border-top:0;}
	.KhgcEthicsManage > ul > li > h5 {padding:13px 0 0 15px; border-left:1px solid #ececec; background:#f8f8f8;}
	.KhgcEthicsManage > ul > li > div {padding:13px 15px 15px; font-size:13px; border-left:1px solid #ececec;}
	.KhgcEthicsManage > ul > li > div > em {margin-bottom:6px;}
	.KhgcEthicEss {height:auto; background:none; font-weight:bold;}	
	
.historyList > li {padding:15px 0;}
	.historyList > li:first-child {border-top:0; padding-top:5px}
	.historyList > li:first-child strong {position:relative; top:0;} 
	.historyList > li strong {position:relative; top:0; font-size:16px;}
	.historyList > li ol {margin-left:0; margin-top:10px;} 	
	.historyList > li ol li em {margin-left:100px;}
	
	
}

@media screen and (max-width:480px) {
    .cikh01 {float: none;}
	.page-title .page-title-text {top:80%;}
	header.main-header {padding:20px 0;}
	.page-title {height:200px;}
	.contents_1080 {width:100%;}
	.intro .container {padding-left:15px;}
	.slide:before{
		font-size: 10em;
	}
	.btn-large {padding:8px 20px;}
	.slide .main-slider-title .small-slider-title{
		font-size: 1.5em;
	}
	.slide .main-slider-title .big-slider-title{
		font-size: 2.1em;
		line-height: 1.5em;
	}
	.hero .hero-content {
		padding-top: 41%;
	}

	.hero .btn {
		margin: 0 auto;
	}
	.hero .main_banner img {
		width:100%;
	}
	ul.slides li .slide {
		width:80%; }

	.hero .btn:first-of-type {
		margin-bottom: 20px;
	}

	.hero h1 {
		font-size: 50px;
	}

	.btn-margin-right {
		margin-right: 0px;
	}

	.features .device-showcase-left {
		position: absolute;
		bottom: -392px;
		left: 41%;
		right: auto;
		transform: translateX(-50%);
	}

	.features .ipad-wrap {
		width: 706px;
		height: 1002px;
		background: url("../img/ipad-device.png") no-repeat center center;
		z-index: 1;
		background-size: 40%;
	}

	.features .iphone-wrap {
		width: 304px;
		height: 617px;
		background: url("../img/iphone6.png") no-repeat center center;
		position: absolute;
		left: 350px;
		bottom: 129px;
		z-index: 2;
		background-size: 40%;
	}

	.features {
		padding-bottom: 0;
	}

		
	header.main-header img { }
	.section-title {width:80%; }
	.intro-content {width:95%; }
	.benefits-list-1__inner {padding-bottom:30px;}
	.blog-intro h4 {font-size: 1.2em; font-weight:bold; }
	.blog-intro h5 {font-size: 1em; font-weight:bold; }
	.blog-intro p {padding-top:20px; }
	.blog-intro .logo-placeholder img{
    width: 70%;
    height: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
	.blog-intro .container {padding-top:150px;}
	.blog-intro .btn-small {float:left;	margin-top:10px; padding:8px 37%;}
	.blog-intro .feature-icon {display:none;}
	.blog-intro .feature-content {width:100%;}
	.blog-intro ul.features-stack {margin-top:30px; }
	.section-title h2.big-title {font-size:1.8em;}
	
	.features h4 {font-size: 1.2em; font-weight:bold;}
	.features h5 {font-size: 1em; font-weight:bold;}
	.features .btn-small {float:left;	margin-top:10px; padding:8px 30%;}
	.features-extra .feature-list h4 {font-size: 1em; font-weight:bold;}
	.feature-list .img_wrap {padding-top:0px; text-align:center;}
	.feature-list .img_wrap img {padding:0px;}
	.features-extra ul {padding-bottom:20px;}
	.features-extra a {display:inline;}
	.greeting .g_stack {padding-top:0px; text-align:center; }
	.greeting .g_stack2 {padding-top:0px; text-align:center; border-top:solid #eaeaea 1px;}
	.greeting .g_stack li {margin-top:30px; padding-right:0;}
	.greeting .g_content {width:100%; text-align:center;}
	.greeting .g_icon {width:100%; margin-top:20px;}
	.greeting .section-title {margin:0 auto 30px;}
	.greeting .btn-small {padding:8px 30%;}
	.greeting .rightcol {padding:30px 20px 0; text-align:center; }
	.greeting .leftcol {text-align:center;}
	.greeting .rightcol li img{padding:30px 0 0 0;}
	.greeting .rightcol a {margin-top:10px;}
	.greeting .leftcol a {margin-top:10px;}
	footer ul.footer-group {border-bottom:none;}
	
	
	.boardView > ul > li.tit > strong {width:30%;}
	.boardView > ul > li.tit > span {width:70%;}
	.boardView.child02 li.part {width:100%;}
	.boardView.child02 li.date {width:100%;}
	.boardView.child02 li.part > strong {width:30%;}
	.boardView.child02 li.date > span {width:70%;}
	.boardView.child02 li.date > strong {width:30%;}
	.boardView.child02 li.part > span {width:70%;}
	.boardNext li > strong {width:25%;}
	.boardNext li > span {width:75%;}
	
	.tab01 {max-width:430px;}
	
	.areaPoll {height: 400px; font-size:0.9em; }
	.areaPoll .rightArea {padding:20px; min-height:160px;}
    .areaPoll .leftArea p{font-size:12px;}
	.areaPoll .leftArea {background:url(../img/icon_poll.png) no-repeat 50% 20px; padding:100px 20px 20px 20px;}
	.areaPoll .rightArea dd {height:40px;}
	.areaPoll .rightArea dd > p{width:70%; margin-left:30px;}
	.areaPoll .rightArea dd > input[type="button"]{right:0px;}
	.areaPoll .rightArea dd > p input{width:75%;}
	.areaPoll .rightArea dd+dd {top:120px; width:90%; min-width:200px;}
	.areaPoll .leftArea p + p + p {border-left:0; padding-left:0; margin-left:0;}
	.areaPoll .rightArea dt {margin-right:0;}
	.areaPoll .rightArea dd span label {margin-top:5px;}
	
	.tab01 .goods li{width:100% !important;}

.down-arrow {margin-top:20px }	
.down-arrow img{height:auto;}	
.controller { margin-top:50px; }
.hero {min-height:300px;}
.visual_list.type1 .copy_pos_box {height:auto; padding-top: 100px; }
.visual_list.type1 .copy_pos_box .main_banner{width:100%;}

/*.cikh01 { background: url(../img/4_1_1s.jpg) no-repeat 50% 50%; background-size:contain;}*/
.cikh04_1 {background: url(../img/4_4_1s.png) no-repeat 50% 50%; background-size:contain; height:400px;}
.cikh04_2 {background: url(../img/4_4_2s.png) no-repeat 50% 50%; background-size:contain;height:300px;}
.cikh04_3 {background: url(../img/4_4_3s.png) no-repeat 50% 50%; background-size:contain;height:700px;}
.cikh04_4 {background: url(../img/4_4_4s.png) no-repeat 50% 50%; background-size:contain;height:600px;}
.cikh06 {background: url(../img/4_6_1s_new.png) no-repeat 50% 50%;background-size:contain; height:400px;}
.cikh03 {background: url(../img/4_3_1s.png) no-repeat 50% 50%;background-size:contain; height:650px;}