@CHARSET "UTF-8";
@import url("../XEIcon-2.2.0/xeicon.min.css");
@import url("khms_pc_style.css");
@import url("khms_tablet_style.css");
@import url("khms_phone_style.css");

/* layout css */
/*.wrap {width:100%; height:auto; overflow:hidden;}*/
.wrap {width:100%; height:auto;}

header {width:100%;}
.mainContInner {width:100%; height:auto; overflow:hidden; background:#ffffff;}
/*.subContInner {width:100%; height:auto; overflow:hidden; }*/
.subContInner {width:100%; height:auto;}
footer {width:100%;}

.mask {width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); position:fixed; top:0; left:0; display:none; z-index:900;}
.mask.on {display: block !important;}

.topheader {display:none; width:100%; background:#ffffff; border-bottom:1px solid #e0e0e0; position:relative; z-index:999; transition:all 0.2s ease-in-out;}
.topheader .topHeaderBox {width: 100%;
	text-align: center; height:auto; overflow:hidden; margin:0 auto;}

.topheader .topHeaderBox .btn_mobileMenu {display: none;}
.topheader .topHeaderBox .logo {	display:inline-block; width:260px;	}
.topheader .topHeaderBox .logo a {width:100%; height:100%; text-align:center;}
.topheader .topHeaderBox .logo a img {	width:100%;}
.topheader .topheaderRtLayer{height: 24px;padding: 5px;}
.topheader .topheaderRtLayer .topheaderRight {float:right; width:120px;padding: 5px;}
.topheader .topheaderRtLayer .topheaderRight ul li {float:left; display:inline-block;}
.topheader .topheaderRtLayer .topheaderRight a {line-height:initial; }
.topheader .topheaderRtLayer .topheaderRight a i {display:inline-block; width:11px; height:11px; background:url('../icon/i_arrow01.png') 0 0 no-repeat; margin-top:3px; margin-left:7px; }

.topheader .topheaderBottomLayer{height: 20px}

.subContBox {width:100%; height:auto; position:relative;}
.mainGnb {width:100%; height:80px; position:absolute; z-index:999; overflow:hidden; transition:height 0.1s ease-in-out;  background:url('../images/menu/header_back01.png') 0 0 repeat-x #ffffff;}
.mainGnb .nav01 {width:1200px; height:80px; margin:0px auto; position:relative;}
.mainGnb .logo {	display:inline-block; width:200px;	position:absolute; top:10px; left:10px;}
.mainGnb .logo a {width:100%; height:100%; text-align:center;}
.mainGnb .logo a img {width:190px;}
.mainGnb .topheaderRight {display:inline-block; position:absolute; top:27px; right:10px; width:260px; vertical-align:top;}
.mainGnb .topheaderRight .news01 {display:inline-block; border:2px solid #7cb2df; color:#04559b; font-family:'NotoSansKR5'; font-size:15px; line-height:18px;padding:4px 12px; margin-right:3px;}
.mainGnb .topheaderRight .news01:hover {border:2px solid #438ece;}
.mainGnb .topheaderRight .sitemap01 {display:inline-block; border:1px solid #cccccc; font-size:13px; color:#888888; padding:6px 10px;  line-height:16px;}
.mainGnb .topheaderRight .sitemap01:hover {border:1px solid #aaaaaa;}
.mainGnb .topheaderRight a i {display:inline-block; width:11px; height:11px; background:url('../icon/i_arrow01.png') 0 0 no-repeat; margin-top:3px; margin-left:7px; }
.mainGnb ul {width:100%; height:390px; text-align:center;}
.mainGnb .mobile-menu{display: none;}
.mainGnb .nav01 > ul:before {content: ''; display:inline-block; width:100%; height:390px; background-color:#; position:absolute; top:0px; left:0; z-index:-1; }
.mainGnb ul li {display:inline-block; width:220px; vertical-align:top; margin-left:0px;}
/*.mainGnb .nav01 > ul {margin-left:-30px;}*/
.mainGnb ul li a {width:100%; height:100%; line-height:80px; color:#111111; font-size:22px; font-weight:500; font-family:'NotoSansKR5'; text-align:center; z-index:inherit; position:relative; text-decoration:none;}
.mainGnb ul li a:hover {color:#009eba; }
.mainGnb ul li a .i_arrow {display: none;}
.mainGnb ul li a .onBlock {
	display: inline-block; 
	width:100%; 
	height:0px; 
	background-color: #;
	position: absolute; 
	bottom:0; 
	left:0; 
	z-index:-2; 
	animation-name:onBlock; 
	animation-duration:0.1s; 
	animation-delay:1s;	
	animation-iteration-count:1;	
	animation-fill-mode: forwards;
}

@keyframes onBlock {0%  {height:0px;} 100% {height:3px;}}
.mainGnb.on{height:390px; overflow:hidden; transition:height 0.1s ease-in-out;}
[class="mainGnb on"]:before {content: ''; display:inline-block; width:100%; height:79px; position:absolute; top:0; z-index:-1;}
.mainGnb.main.on>ul>li>a {color: #222222;}
.mainGnb.main.on>ul>li:nth-child(4)>a {color: #16b6d3;}
.mainGnb.on ul li.customServ a {background:#09547c;}
.mainGnb ul li .onMenu {display: block; padding:20px 0; border-left:1px solid #f0f0f0;}
.mainGnb ul li:nth-child(3) .onMenu {border-right:1px solid #f0f0f0; }
.mainGnb ul li .onMenu li a {display:inline-block; width:auto; color:#222222; font-size:14px; line-height: 40px; font-family:'NotoSansKR2'; position:relative;}
.wrap.en .subContBox .mainGnb ul li .onMenu li a, .wrap.en .mainContBox .mainGnb ul li .onMenu li a {line-height:21px;padding:13px 10px;}
.mainGnb ul li .onMenu li a:hover {color:#384a72;}
.mainGnb ul li .onMenu li a:hover:before {content: ''; display:inline-block; width:100%; height:1px; background:#384a72; position:absolute; bottom:8px; left:0;}
.mainGnb.on ul li.customServ .onMenu li a{background:none;}
.mainGnb:after {content: ''; width:0%; height:1px; background:#; position:absolute; top:80px; left:0px; opacity:0.6; animation-name:subTopLine; animation-duration:1s; animation-delay:1s; animation-iteration-count:1; animation-fill-mode:forwards;}
.mainGnb ul li.infoGnbBox {display: none;}
.mainGnb ul li.homeInfo{	display:none;}
@keyframes subTopLine {0%   { width:0%; }	100% { width:100%; }}



/*left menu*/
.subContBox .leftMenu{
	float: left; display: inline-block; width:250px; height:auto; overflow:hidden; padding-top:28px; margin-right:30px;}
.subContBox .leftMenu h1 {display:inline-block; width:100%; text-align:center; padding-bottom:30px; font-size:38px; font-weight:800; color:#384a72;}
.subContBox .leftMenu ul {width:100%; height:auto; overflow:hidden;}
.subContBox .leftMenu ul li {display:block; width:100%; border-bottom:1px solid #dddddd;}
.subContBox .leftMenu ul li a {width:100%; line-height:50px; font-size:17px; color:#666; text-decoration:none; box-sizing:border-box; padding:0 10px 0 30px; position:relative;}
.subContBox .leftMenu.en ul li a {line-height:22px; padding: 15px 10px;}
.subContBox .leftMenu ul li a .i_arrow {
	display:inline-block; width:10px; height:10px; position:absolute; right:25px; top:20px; text-indent: -100000px;
	background:url('../icon/i_arrow04.png'); background-repeat:no-repeat; background-position:center center; background-size: 10px 10px;
}
.subContBox .leftMenu ul li.on a span{	background:url('../icon/i_arrow03.png');}
.subContBox .leftMenu > ul > li > a:hover,.subContBox .leftMenu > ul > li > a:focus,.subContBox .leftMenu > ul > li.on > a{color:#ffffff;	font-weight:700; background:#384a72;}
.subContBox .leftMenu ul li ul.subMenu {border-top:1px solid #384a72; border-bottom:1px solid #dddddd; background:#f6f6f6; box-sizing:border-box;padding:10px 0; display:none; float: left;}
.subContBox .leftMenu ul li ul.subMenu.on {display:block;}
.subContBox .leftMenu ul li ul.subMenu li{border-bottom:none;}
.subContBox .leftMenu ul li ul.subMenu li a {font-size:14px; padding:5px 30px; color:#666666; line-height:35px;}
.subContBox .leftMenu.en ul li ul.subMenu li a {line-height:17px; padding:12px 30px; position:relative;}
.subContBox .leftMenu ul li ul.subMenu li a:before {content:'';}
.subContBox .leftMenu.en ul li ul.subMenu li a:before{position:absolute; left:16px;	top:8px;}
.subContBox .leftMenu ul li ul.subMenu li a:hover,.subContBox .leftMenu ul li ul.subMenu li.on a {color:#384a72; font-weight:700;}

.subContBox .subTop {width:100%; height:310px; overflow:hidden; position:relative; transition:all 0.5s ease-in-out;}
.subContBox .subTop:before {content: ''; display:inline-block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;
	/*transform:scale(1.2); -webkit-transform:scale(1.2); animation-name:subTop; animation-duration:2s; animation-delay:0s; animation-iteration-count:1; animation-fill-mode:forwards;*/
}
.subContBox .subTop.small:before {background-size: 100% auto;}

@keyframes subTop {
	0%   { transform:perspective(500px) scale(1.2) rotate(.001deg); }
	100% { transform:perspective(500px) scale(1.0) rotate(.001deg); }
}

/*subTop bg*/
.subContBox .subTop.subImgCam:before {}
.subContBox .subTop.subImgCam_about:before {background-image: url('../images/main/about_subImg01.jpg');}
.subContBox .subTop.subImgCam_campaign:before {background-image: url('../images/main/campaign_subImg01.jpg');}
.subContBox .subTop.subImgCam_accreditation:before {background-image: url('../images/main/accreditation_subImg01.jpg');}
.subContBox .subTop.subImgCam_committee:before {background-image: url('../images/main/committee_subImg01.jpg');}
.subContBox .subTop.subImgCam_edu:before {background-image: url('../images/main/edu_subImg01.jpg');}
.subContBox .subTop .subTopCont {width:1200px; height:100%; margin:0 auto;}
.subContBox .subTop .subTopCont h1 {position:absolute; bottom:56px; font-size:60px; font-weight:800; color:#ffffff; margin-left:30px; opacity:0.4; /*transition:all 0.5s ease-in-out; margin-top:20px;    
    animation-name: onMovTop;
	animation-duration: 0.5s;
	animation-delay: 2s;
	animation-iteration-count:1;
	animation-fill-mode: forwards;*/
}
.subContBox .subTop .subTopCont .onlyWise {display:none;}
.subContBox .subTop .subCategoryArea {width:100%; height:40px; background-color:rgba(12, 18, 33, 0.45); position:absolute; bottom:0; left:0;}
.subContBox .subTop .subCategoryArea .subCategory {width:1200px; height:100%; margin:0 auto; position:relative;  transition:all 0.2s ease-in-out;}
.subCategory .catHomeArea {position:absolute; left:30px; top:10px; display:inline-block; width:20px; height:20px; background:url('../icon/location_homeIcon01.png') 50% 50% no-repeat;
    background-size:100%;
    /*transition: all 0.2s ease-in-out;*/
}
.subCategory ul {position:absolute; left:60px; height:auto; overflow:hidden;}
.subCategory ul li {height:40px; padding:0 10px 0 20px; position:relative; float:left; transition:all 0.2s ease-in-out;}
.subCategory ul li:last-child {padding-right: 0}
.subCategory ul li:before {content: ''; display:inline-block; width:15px; height: inherit; position:absolute; top:50%; left:0;
	background-image:url('../icon/i_arrow02.png');  background-repeat:no-repeat; background-position:center center; background-size:5px auto;
   transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);
}
.subCategory ul li a {width:100%; height:100%; line-height:40px; color:#cccccc; font-size:13px; position:relative; transition:all 0.2s ease-in-out;}
.subCategory ul li a br{display:none;}
.subCategory ul li a:hover:after {content: ''; display:inline-block; width:100%; height:1px; background-color:#ffffff; position:absolute; left:0; bottom:10px;}

/*sub 틀*/
.subTit {width:100%; height:56px; margin-top:40px;}
.subTit h2 {font-size: 25px; font-weight:700; color: #222;}
.content {
	display: inline-block;
	width:calc(100% - 290px); width:-ms-calc(100% - 290px); width:-webkit-calc(100% - 290px); width:-moz-calc(100% - 290px);  width:-o-calc(100% - 290px);
	height:auto;
	vertical-align:top;  
	transition:all 0.2s ease-in-out;
	}
/*
float:left;
overflow:hidden;
*/

#leftMenuSticky {display: inline-block;position: sticky;top: 10px;position: -webkit-sticky;}

.content .subSMenu_listBox {width:100%;} 
.content .subSMenu_listBox  ul {width:100%;}
.content .subSMenu_listBox  li {float:left; padding-right:3px; padding-bottom:3px;}
.content .subSMenu_listBox  li a {height:48px; line-height:48px; font-size:15px; color:#555555; border:1px solid #cccccc; text-align:center;}
.content .subSMenu_listBox  li a:hover {color:#009eba;}
.content .subSMenu_listBox .li2n li {width:458px;}
.content .subSMenu_listBox .li2n li:nth-child(2) {padding-right:0px;}
.content .subSMenu_listBox .li2n a {width:458px;}
.content .subSMenu_listBox .li3n li {width:304px;}
.content .subSMenu_listBox .li3n li:nth-child(3) {padding-right:0px;}
.content .subSMenu_listBox .li3n a {width:304px;}
.content .subSMenu_listBox .li4n li {width:227px;}
.content .subSMenu_listBox .li4n li:nth-child(4n) {padding-right:0px;}
.content .subSMenu_listBox .li4n a {width:225px;}
.conTitBox {position: relative;width:99%; height: 50px; }
.content .conTitBox .subSTit {position: absolute; left:0; top:26px; }
.content .conTitBox .subSTit h3 { font-size:22px; font-weight:700; color: #009eba;}
.content .conTitBox .lanZoom  {position: absolute; right:15px; top:18px; }
.content .conTitBox .lanZoom div {float:left;}
.content .conTitBox .lanZoom .btn_sns {display:inline-block;margin-top:5px; margin-right:20px;}
.subBannBox .thumbnail .caption {padding:5px 0px; margin:0px; }
.subBannBox .thumbnail .caption h5 {display:inline-block; font-size:14px; line-height:16px; margin-bottom:3px;}
.subBannBox .thumbnail .caption p {font-size:13px; line-height:15px; color:#888888;}

.conBox .sub_con01 {width:100%; padding:25px 0;}
.conBox .sub_con01 h4 {display:block; font-size:17px; font-weight:400; font-family:'NotoSansKR4'; color: #222222; margin-bottom:10px;}
.conBox .sub_con01  div {width:100%; padding:0px important; margin:0px;  text-align:center;}
.conBox .sub_con01  pre {width:100%; display:inline-block; padding:0px important; margin:0px auto important; overflow:hidden;  text-align:left;}
.conBox .sub_con01 pre code {font-size:15px; line-height:22px; color:#444; padding:0px important; margin:0px important; word-wrap:break-word;}
.conBox .sub_con01 .qnaBox {width:100%; height:auto; padding:10px 0px; background:#c5ced5; border-radius:3px;}
.conBox .sub_con01 .qBox {position:relative; width:94%; margin:10px auto;}
.conBox .sub_con01 .qBox div {position:absolute; width:2.5em; left:0px; display:inline-block;}
.conBox .sub_con01 .qBox div img {width:2.5em;}
.conBox .sub_con01 .qBox table {margin-left:50px;  margin-top:5px; display:inline-block;}
.conBox .sub_con01 .qBox thead tr td:nth-child(1) {width:12px; height:2px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_qBox_topLeft01.png') 50% 50% no-repeat; }
.conBox .sub_con01 .qBox thead tr td:nth-child(2) {width:auto; height:2px; background:#ffffff; }
.conBox .sub_con01 .qBox thead tr td:nth-child(3) {width:3px; height:2px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_qBox_topRight01.png') 50% 50% no-repeat; }
.conBox .sub_con01 .qBox tbody tr td:nth-child(1) {width:12px; height:100%;; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_qBox_leftBack01.png') 50% 50% repeat; vertical-align:top;}
.conBox .sub_con01 .qBox tbody tr td:nth-child(1) img {margin-top:3px;}
.conBox .sub_con01 .qBox tbody tr td:nth-child(2) {min-width:100px; width:auto; max-width:400px; min-height:46px; line-height:22px; height:auto; padding:5px; background:#ffffff; text-align:left}
.conBox .sub_con01 .qBox tbody tr td:nth-child(3) {width:3px; height:100%; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_qBox_rightBack01.png') 50% 50% repeat;}
.conBox .sub_con01 .qBox tfoot tr td:nth-child(1) {width:12px; height:4px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_qBox_bottomLeft01.png') 50% 50% no-repeat;}
.conBox .sub_con01 .qBox tfoot tr td:nth-child(2) {width:auto; height:4px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_qBox_bottomBack01.png') 50% 50% repeat;}
.conBox .sub_con01 .qBox tfoot tr td:nth-child(3) {width:3px; height:4px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_qBox_bottomRight01.png') 50% 50% no-repeat;}
.conBox .sub_con01 .aBox {width:94%; margin:10px auto; text-align:right !important;}
.conBox .sub_con01 .aBox table {width:auto; margin-right:20px; margin-top:5px; display:inline-block;  text-align:right !important;}
.conBox .sub_con01 .aBox thead tr td:nth-child(1) {width:3px; height:2px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_aBox_topLeft01.png') 50% 50% no-repeat; }
.conBox .sub_con01 .aBox thead tr td:nth-child(2) {width:auto; height:2px; background:#fff8a1; }
.conBox .sub_con01 .aBox thead tr td:nth-child(3) {width:12px; height:2px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_aBox_topRight01.png') 50% 50% no-repeat; }
.conBox .sub_con01 .aBox tbody tr td:nth-child(1) {width:3px; height:100%;; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_aBox_leftBack01.png') 50% 50% repeat;}
.conBox .sub_con01 .aBox tbody tr td:nth-child(2) {min-width:100px; width:auto; max-width:400px; min-height:46px; line-height:22px; height:auto; padding:5px; background:#fff8a1; text-align:left}
.conBox .sub_con01 .aBox tbody tr td:nth-child(3) {width:12px; height:100%; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_aBox_rightBack01.png') 50% 50% repeat; vertical-align:top;}
.conBox .sub_con01 .aBox tbody tr td:nth-child(3) img {margin-top:3px;}
.conBox .sub_con01 .aBox tfoot tr td:nth-child(1) {width:3px; height:4px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_aBox_bottomLeft01.png') 50% 50% no-repeat;}
.conBox .sub_con01 .aBox tfoot tr td:nth-child(2) {width:auto; height:4px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_aBox_bottomBack01.png') 50% 50% repeat;}
.conBox .sub_con01 .aBox tfoot tr td:nth-child(3) {width:12px; height:4px; background:url('/assets/images/healthy_life/lifestyle_diseases/qa_aBox_bottomRight01.png') 50% 50% no-repeat;}
.conBox .sub_con01 .aBox div {float:right; width:2.5em; right:0px; display:inline-block;}
.conBox .sub_con01 .aBox div img {width:2.5em;}
.conBox .sub_con01 .youtubeBox {width:100%;}
.conBox .sub_con01 .youtube_L {display:block; width:98%; padding:0px 1% 40px 1%;}
.conBox .sub_con01 .youtube_S {display:block; width:100%;}
.conBox .sub_con01 .youtube_S div {float:left; display:block; width:49%; padding:0px 1%;}
.conBox .sub_con01 .youtubeBox h5 {display:block; font-size:15px; font-weight:400; font-family:'NotoSansKR4'; color:#384a72; margin:0px; padding:10px 0px 7px 0px;}
.conBox .sub_con01 .youtubeBox p {font-size:14px; line-height:18px; color:#666666; }

/*footer*/
footer {width:100%; margin-top:100px; height:auto; overflow:hidden; background:#3b3b3b;}
.footerSitemap {width:1200px; height:auto; overflow:hidden; color:#fff; margin:0 auto; padding:35px 0 20px 0; transition:all 0.2s ease-in-out; }
.footerSitemap div > ul {width:80%; margin-left:15%;}
.footerSitemap div > ul > li {float:left; width:20%;}
.footerSitemap div > ul > li > a {width:100%; color:#f0f0f0; font-size:16px; font-weight:500; padding-bottom:20px;}
.footerSitemap ul li ul {width:100%;}
.footerSitemap ul li li {display:block; }
.footerSitemap ul li li a {color:#999999; font-size:13px; padding-bottom:13px;}
.footerInfo {width:100%; height:auto; overflow:hidden; background:#384a72;}
.footerInfo .infoArea {width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:20px 0; position:relative;}
.footerInfo .footerLogo01 {display:block; width:250px; text-align:center;}
.footerInfo .footerLogo01 a {width:100%; height:auto; overflow:hidden; padding:20px 0px;}
.footerInfo .footerLogo01 img {width:13em;}
.footerInfo .footerAdd01 {width:680px; padding-left:20px; position:absolute; left:250px; top:20%;}
.footerInfo .footerAdd01 p {font-size:12px; color:#999999; line-height:20px;}
.footerInfo .footerAdd01 .blank01 {display:inline-block; width:20px;}
.footerInfo .footerCoop01 {width:250px; position:absolute; right:0; top:20%;}
.footerInfo .footerCoop01 a {margin:15px 15px;}

.topSnsRight {
	display: inline-block;
	position: absolute;
	top: 40px;
	right: 10px;
	width: 260px;
	vertical-align: top;
}
.topSnsRight a {
	float: left;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border: 1px solid transparent;
	position: relative;
	margin-right: 15px;
}
.topSnsRight a i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
.topSnsRight a.blog {
	background: #3acc15
}
.topSnsRight a.blog:hover, .topSnsRight a.blog:focus {
	color: #3acc15;
	border-color: #3acc15;
	background: #fff
}
.topSnsRight a.instar {
	background: #c837ab
}
.topSnsRight a.instar:hover, .topSnsRight a.instar:focus {
	color: #c837ab;
	border-color: #c837ab;
	background: #fff
}
.topSnsRight a.facebook {
	background: #2c68d5
}
.topSnsRight a.facebook:hover, .topSnsRight a.facebook:focus {
	color: #2c68d5;
	border-color: #2c68d5;
	background: #Fff
}
.topSnsRight a.youtube {
	background: #ff0000
}
.topSnsRight a.youtube:hover, .topSnsRight a.youtube:focus {
	color: #ff0000;
	border-color: #ff0000;
	background: #fff
}
.topSnsRight a.twitter {
	background: #01aced
}
.topSnsRight a.twitter:hover, .topSnsRight a.twitter:focus {
	color: #01aced;
	border-color: #01aced;
	background: #fff
}
.sr_only {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0 none;
	clip: rect(0, 0, 0, 0);
}
.schema_hidden {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: -1px;
	padding: 0;
	border: 0 none;
	clip: rect(0, 0, 0, 0);
}

/* ----------------------------------------------------- 모바일 wide1 ----------------------------------------------------- */
@media all and (max-width:1199px) {
.topheader .topHeaderBox {width:100%; height:auto; overflow:hidden; margin:0 auto;}
.topheader .topHeaderBox .topheaderRight {float:right; width:250px; height:88px; padding-top:50px; line-height:40px; box-sizing:border-box; }
.mainGnb .nav01 {width:100%; height:70px; margin:0px auto; position:relative;}
.mainGnb ul li {display:inline-block; width:160px; vertical-align:top; margin-right:-4px;}
}
@media all and (max-width:1023px) {
 
/*main*/
.mainSlideBox {top: 75px;}
.mainSlideImg .bx-wrapper li:nth-child(3) img {left: unset;transform: none;right: 0;}

.topheader {display:block;}  
.topheader {height: 75px; position: fixed;}
.topheader .topheaderRtLayer {
		width:30%;
		position:absolute; right:0; top:50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
}
.topheader .topheaderBottomLayer{display: none}
.topheader .topHeaderBox .leftLogo,.topheader .topHeaderBox .topheaderRight .scaleBox,.footerGnb {display: none;}
.topheader .topHeaderBox .topheaderRight {height:75px; line-height:75px; background-image:none;}   

.topheader .topHeaderBox .logo {width:190px; height:100%;margin-top: 10px;}
.subContBox .subTop {height: 250px;}
.subContBox .subTop .subTopCont h1 {top:50px; font-size: 30px;}
.subContBox .subTop .subTopCont .subTitleEn {top:115px;}

.topheader .topHeaderBox .btn_mobileMenu {display:block; width:50px; height:50px; position:absolute; left:10px; top:50%; margin-top:-25px; z-index:10000; }
.topheader .topHeaderBox .btn_mobileMenu img {width:20px; height:auto; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.topheader .topHeaderBox .topheaderRight {float:right; width:220px; height:88px; padding-top:30px; line-height:40px; box-sizing:border-box; }
.topheader .topHeaderBox .topheaderRight a i {display:none;}
.content {width:100%;}    
.mainGnb .logo, .mainGnb .topheaderRight {display:none;}
.mainGnb {position:fixed; width:70%; height:100vh !important; overflow:hidden; z-index:999; font-size:17px; left:-71%; transition:left 0.3s ease-in-out; top:75px; background:#ffffff;}
.mainGnb .nav01 {width:100%; height:100%; margin:0px auto; position:relative;display: flex;flex-direction: column;}
.mainGnb.on {left:0; transition:left 0.2s ease-in-out;}
.mainGnb .mobile-menu {display: block}
/*.mainGnb ul {width:100%; height:calc(100% - 75px); overflow-y:hidden; text-align:left; border-top:1px solid #eee;}*/
.mainGnb ul {width:100%; height:unset; overflow-y:hidden; text-align:left; border-top:1px solid #eee;}
.mainGnb .nav01 > ul:before{content: none;}
.mainGnb ul li {width:100%; height:auto; overflow:hidden; display:block; border-bottom:1px solid #eee; cursor:pointer; margin-right:0px;}
.wrap.en .mainContBox .mainGnb ul li, .wrap.en .subContBox .mainGnb ul li {width:100%;}    
.mainGnb .nav01 >ul > li > a {pointer-events: none;}        
.mainGnb .nav01 >ul >li .customServ >a, .mainGnb > ul > li >a .infomation {pointer-events: unset;}
[class="mainGnb on"]:before,[class="mainGnb main on"]:before {display:none;}	
.mainGnb ul > li a {width:100%; color:#666 !important; text-align:left; height:50px; line-height: 50px; padding:0 55px; font-size: 17px; position:relative; transition: all 0.2s ease-in-out;}
.mainGnb .nav01 >ul > li:nth-child(4) a {color:#009eba !important; text-align:left; height:50px; line-height: 50px; padding:0 55px; font-size: 17px; position:relative; transition: all 0.2s ease-in-out; background:#ffffff; line-height:50px !important; margin-top:0px; margin-left:0px;}
.mainGnb .nav01 >ul > li:nth-child(4) a .i_detail01 {width:14px; height:14px; margin-top:1.05em; background:url('../icon/i_detail02.png') 0 0 no-repeat; background-size:100%;}
.mainGnb ul li .onMenu {width:100%; padding:0; border-left:none; border-top:1px solid #eee; padding:10px 0 10px 30px; background:#f6f6f6f6; display: none; float: left;}
.mainGnb ul li .onMenu li {padding:0 0px; border-bottom:none;}    
.mainGnb ul li .onMenu li a {color: #666; font-size:15px; height:30px;  margin-left:35px; line-height:30px; padding:0;}    
.mainGnb ul li .onMenu li a br{display:none;}    
.wrap.en .mainContBox .mainGnb ul li .onMenu li a, .wrap.en .subContBox .mainGnb ul li .onMenu li a {height:auto; overflow:hidden; line-height:18px; padding:8px 0;}    
.mainGnb ul li a:hover, .mainGnb ul li .onMenu li a:hover {color:#384a72; font-weight:700;}
.mainGnb ul li .onMenu li a:hover:before {content: none;}
.mainGnb ul li.on>a, .mainGnb ul li>a:hover {color: #384a72 !important; font-weight:700;}
.mainGnb ul li a .i_arrow {display:inline-block; width:24px; height: 24px; background:url('../icon/i_arrow04.png'); background-repeat: no-repeat;  background-position: center center; background-size:10px 10px;
        position:absolute; right:25px; top:50%; margin-top:-12px; text-indent:-100000px;}
.mainGnb ul li.on a .i_arrow {transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}
.mainGnb:after {content: none;}    
  
/*left menu*/
.subContBox .leftMenu h1 {display:none;}
.subContBox .leftMenu {width:100%; background-image:none; padding-top:0; margin-right:0; padding-bottom:20px;}
.subContBox .leftMenu ul li {border-bottom: none;}
.subContBox .leftMenu>ul>li:not(.on), .subContBox .leftMenu>ul>li.on>a {display: none;}
.subContBox .leftMenu ul li ul.subMenu {width: 100%;}
.subContBox .leftMenu ul li ul.subMenu.on li {width: 25%; float: left;}    
.subContBox .leftMenu.en ul li ul.subMenu.on li {width: 100%;}    
.subContBox .leftMenu ul li ul.subMenu li a {padding: 0 10px;}

.subContBox .subTop {width:100%; height:310px; overflow:hidden; position:relative; transition:all 0.5s ease-in-out;}
.subContBox .subTop:before {content: ''; display:inline-block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;
/*transform:scale(1.2); -webkit-transform:scale(1.2); animation-name:subTop; animation-duration:2s; animation-delay:0s; animation-iteration-count:1; animation-fill-mode:forwards;*/
}
.subContBox .subTop.small:before {background-size: 100% auto;}

@keyframes subTop {
	0%   { transform:perspective(500px) scale(1.2) rotate(.001deg); }
	100% { transform:perspective(500px) scale(1.0) rotate(.001deg); }
}
	/*subTop bg*/
.subContBox .subTop.subImgCam:before {}
.subContBox .subTop.subImgCam_about:before {background-image: url('../images/main/about_subImg01.jpg');}
.subContBox .subTop.subImgCam_campaign:before {background-image: url('../images/main/campaign_subImg01.jpg');}
.subContBox .subTop.subImgCam_accditation:before {background-image: url('../images/main/accditation_subImg01.jpg');}
.subContBox .subTop.subImgCam_committee:before {background-image: url('../images/main/committee_subImg01.jpg');}
.subContBox .subTop.subImgCam_edu:before {background-image: url('../images/main/edu_subImg01.jpg');}
.subContBox .subTop .subTopCont {width:100%; height:50px;; margin:0 auto;}
.subContBox .subTop .subTopCont > h1 {position:absolute; bottom:40px;  font-size:60px; font-weight:800; color:#ffffff; margin-left:20px; margin-top:150px; opacity:0.4; /*transition:all 0.5s ease-in-out; margin-top:20px;    
    animation-name: onMovTop;
	animation-duration: 0.5s;
	animation-delay: 2s;
	animation-iteration-count:1;
	animation-fill-mode: forwards;*/
}
.subContBox .subTop .subTopCont .onlyWise {display:block; width:100%; height:50px;; margin:0 auto;}
.subContBox .subTop .subTopCont .onlyWise h1 {position:absolute; bottom:80px;  font-size:45px; font-weight:800; color:#ffffff; margin-left:22px; margin-top:100px; opacity:1;}
.subContBox .subTop .subCategoryArea {width:100%; height:40px; background-color:rgba(12, 18, 33, 0.45); position:absolute; bottom:0; left:0;}
.subContBox .subTop .subCategoryArea .subCategory {width:100%; height:100%; margin:0 auto; position:relative;  transition:all 0.2s ease-in-out;}
.subCategory .catHomeArea {position:absolute; left:20px; top:10px; display:inline-block; width:20px; height:20px; background:url('../icon/location_homeIcon01.png') 50% 50% no-repeat;
    background-size:100%;
    /*transition: all 0.2s ease-in-out;*/
}
.subCategory ul {position:absolute; left:40px; height:auto; overflow:hidden;}
.subCategory ul li {height:40px; padding:0 10px 0 20px; position:relative; float:left; transition:all 0.2s ease-in-out;}
.subCategory ul li:last-child {}
.subCategory ul li:before {content: ''; display:inline-block; width:15px; height: inherit; position:absolute; top:50%; left:0;
	background-image:url('../icon/i_arrow02.png');  background-repeat:no-repeat; background-position:center center; background-size:5px auto;
	transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);
}
/*.subCategory ul li:not(:last-child):before {content: ''; display:inline-block; width:15px; height: inherit; position:absolute; top:50%; left:0;
	background-image:url('../img/i_arrow02.png');  background-repeat:no-repeat; background-position:center center; background-size:5px auto;
	transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);
}*/
.subCategory ul li a {width:100%; height:100%; line-height:40px; color:#cccccc; font-size:13px; position:relative; transition:all 0.2s ease-in-out;}
.subCategory ul li a br{display:none;}
.subCategory ul li a:hover:after {content: ''; display:inline-block; width:100%; height:1px; background-color:#ffffff; position:absolute; left:0; bottom:10px;}

/*sub 틀*/
.subTit {width:100%; height:30px; margin-top:10px; }
.subTit h2 {font-size: 25px; font-weight:700; color: #222;}

.content {
	display:inline-block;
	width:98%;	 	
	height:auto;  
	margin-left:1%;	
	overflow:hidden;  
	vertical-align:top;  
	transition:all 0.2s ease-in-out;
	}
.content .subSMenu_listBox {width:100%;} 
.content .subSMenu_listBox  ul {width:100%;}
.content .subSMenu_listBox  li {float:left; padding-left:.5%; padding-right:.5%; padding-bottom:3px;}
.content .subSMenu_listBox  li a {height:48px; line-height:48px; font-size:14px; letter-spacing:-1.5px; color:#555555; border:1px solid #cccccc; text-align:center;}
.content .subSMenu_listBox  li a:hover {color:#009eba;}
.content .subSMenu_listBox .li2n li {width:49%;}
.content .subSMenu_listBox .li2n a {width:99%;}
.content .subSMenu_listBox .li3n li {width:32%;}
.content .subSMenu_listBox .li3n a {width:99%;}
.content .subSMenu_listBox .li4n li {width:24%;}
.content .subSMenu_listBox .li4n a {width:99%;}

.content .sub_con01 {width:98%; height:auto; margin:0px auto; overflow:hidden; font-size:15px; color:#444; padding:15px 0; line-height:22px;}

/*footer*/
footer {width:100%; margin-top:30px; height:auto; overflow:hidden; background:#3b3b3b;}
.footerSitemap {display:none;}
.footerInfo {width:100%; height:auto; overflow:hidden; background:#384a72;}
.footerInfo .infoArea {width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; position:relative;}
.footerInfo .footerLogo01 {display:block; width:30%; text-align:center;}
.footerInfo .footerLogo01 a {width:100%; height:auto; overflow:hidden; padding:20px 0px;}
.footerInfo .footerLogo01 img {width:13em;}
.footerInfo .footerAdd01 {width:55%; padding-left:10px;margin-top:-5px;}
.footerInfo .footerAdd01 p {display:block; font-size:12px; color:#999999; line-height:20px;}
.footerInfo .footerAdd01 .blank01 {display:inline-block; width:15px;}
.footerInfo .footerCoop01 {width:10%; position:absolute; right:0; top:5%;}
.footerInfo .footerCoop01 a {display:block; margin:10px 10px;}
.footerInfo .footerCoop01 a  img {width:2.5em;}

  }

@media only screen and (max-width: 1023px){
	.topSnsRight{
		top: unset;
		bottom: unset;
		right: unset;
		text-align: center;
		width: 100%;
		display: flex;
		justify-content: center;
		position: unset;
		padding-top: 10px;
	}
}

/* ----------------------------------------------------- 모바일 ----------------------------------------------------- */
@media all and (max-width:799px) {
.logo a h1 {margin: 0px !important;}
.mainSlideBox {top:50px;}

.topheader {height:50px; position:fixed; top:0px;}
.topheader .topHeaderBox .leftLogo,
.topheader .topHeaderBox .topheaderRight .scaleBox,
.footerGnb {display:none;}
.topheader .topHeaderBox .topheaderRight {display:none;}
.topheaderRight {display:none;}
.topheader .topHeaderBox .logo {
	width: 140px;
	margin-top: 5px;
}
.mainGnb {width:70%; top:50px;}
.mainGnb .mobile-menu {display: block}
.mainGnb.on {top:50px;}
.mainSlideBox {top:50px; height:550px;}
 table {font-size:14px;}
.topBox {height:50px;}
.topBox .topInner {padding:0 20px;}
.topBox .topInner .koihaLogo {width:110px;}
.subContBox {padding-top:50px;}
.contAreaBox .contArea {padding:10px 5px;}
.topBox .topInner .mobileTopBtn {left:20px; width:20px; height:50px;}
.topBox .topInner .mobileTopBtn img {width:20px;}
.subContBox .subTop {height:45px;}
.subContBox .subTop:before {content:unset;}
.subContBox .subTop .subCategoryArea {height:45px;}
.subContBox .subTop .subCategoryArea .subCategory {padding:0;}

/*left menu*/
.subContBox .leftMenu h1 {display:none;}
.subContBox .leftMenu {width:100%; background-image:none; padding-top:0; margin-right:0; padding-bottom:20px;}
.subContBox .leftMenu {border-top:0px;}
.subContBox .leftMenu ul li {border-bottom: none;}
.subContBox .leftMenu>ul>li:not(.on), .subContBox .leftMenu>ul>li.on>a {display: none;}
.subContBox .leftMenu ul li ul.subMenu {width: 100%;}
.subContBox .leftMenu ul li ul.subMenu.on li {width: 50%; float: left;}    
.subContBox .leftMenu.en ul li ul.subMenu.on li {width: 100%;}    
.subContBox .leftMenu ul li ul.subMenu li a {padding: 0 10px;}

/*subTop bg*/
.subContBox .subTop .subTopCont {display:none;}
.subContBox .subTop .subCategoryArea {width:100%; height:45px; background:#384a72; opacity:1; position:absolute; bottom:0; left:0;}
.subContBox .subTop .subCategoryArea .subCategory {width:100%; height:100%; margin:0 auto; position:relative;  transition:all 0.2s ease-in-out;}
.subCategory .catHomeArea {position:absolute; left:8px; top:15px; display:inline-block; width:15px; height:15px; background:url('../icon/location_homeIcon01.png') 50% 50% no-repeat;
    background-size:15px 15px;
    /*transition: all 0.2s ease-in-out;*/
}
.subCategory ul {position:absolute; left:25px; height:auto; overflow:hidden;}
.subCategory ul li {height:45px; line-height:45px; padding:0 7px 0 15px;}
.subCategory ul li a {line-height:45px; font-size:12px; letter-spacing:-1px;}
.subCategory ul li:before {right:0px;}

/*sub 틀*/
.subTit {width:100%; height:26px; margin-top:0px;}
.subTit h2 {font-size: 24px; font-weight:700; color:#384a72;}
.content {
	display:inline-block;
	width:98%;	 	
	height:auto;  
	margin-left:1%;	
	overflow:hidden;  
	vertical-align:top;  
	transition:all 0.2s ease-in-out;
	}
.content .subSMenu_listBox {width:100%;} 
.content .subSMenu_listBox  ul {width:100%;}
.content .subSMenu_listBox  li {float:left; padding-left:.5%; padding-right:.5%; padding-bottom:3px;}
.content .subSMenu_listBox  li a {height:38px; line-height:38px; font-size:14px; letter-spacing:-1.5px; color:#555555; border:1px solid #cccccc; text-align:center;}
.content .subSMenu_listBox  li a:hover {color:#009eba;}
.content .subSMenu_listBox .li2n li {width:49%;}
.content .subSMenu_listBox .li2n a {width:99%;}
.content .subSMenu_listBox .li3n li {width:32%;}
.content .subSMenu_listBox .li3n a {width:99%;}
.content .subSMenu_listBox .li4n li {width:49%;}
.content .subSMenu_listBox .li4n a {width:99%;}

.content .sub_con01 {width:97%; height:auto; margin:0px auto; overflow:hidden; font-size:15px; color:#444; padding:15px 0; line-height:22px;}

/*footer*/
footer {width:100%; margin-top:30px; height:auto; overflow:hidden; background:#3b3b3b;}
.footerSitemap {display:none;}
.footerInfo {width:100%; height:auto; overflow:hidden; background:#384a72;}
.footerInfo .infoArea {width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; position:relative;}
.footerInfo .footerLogo01 {display:block; width:20%; overflow:hidden; text-align:center;}
.footerInfo .footerLogo01 a {width:50px; height:auto; overflow:hidden; padding:20px 0px;}
.footerInfo .footerLogo01 img {width:13em;}
.footerInfo .footerAdd01 {width:65%; margin-left:-12.5em; margin-top:-15px;}
.footerInfo .footerAdd01 p {display:block; font-size:12px; color:#999999; line-height:17px;}
.footerInfo .footerAdd01 .blank01 {display:inline-block; width:10px;}
.footerInfo .footerCoop01 {width:13%; position:absolute; right:0; top:5%;}
.footerInfo .footerCoop01 a {display:block; margin:10px 10px;}
.footerInfo .footerCoop01 a  img {width:2.5em;}

	.topSnsRight {
		display: flex;
		justify-content: center;
		position: unset;
		top: unset;
		/*right: unset;*/
		width: 100%;
		height: 32px;
		vertical-align: top;
		/*bottom: 60px;*/
		/*left: 30px;*/
	}
	.topSnsRight a {
		margin-right: 10px;
	}
}

@media only screen and (max-width: 375px){
	.topSnsRight{
		display: flex;
		justify-content: center;
		position: unset;
		top: unset;
		right: unset;
		width: 100%;
		height: 32px;
		vertical-align: top;
		/*bottom: 140px;*/
		/*left: 10px;*/
	}
}