@charset "utf-8";
/* CSS Document */

/* LAYOUT #1# */
* { font-family: 'Noto Sans Korean', sans-serif; }
html { overflow-x: hidden; }
#wrap { width:100%; }

/***** header *****/
#top {
	width: 100%;
	height: 85px;
	position: relative;
	border-top: 5px solid #2796c2;
}
.top_wrap {
	height: 80px;
	margin: auto;
	position: relative;
	width: 1024px;
}
.top_line {
	background-color: #db4e4e;
	height: 5px;
	left: 0;
	position: absolute;
	top: -5px;
	width: 230px;
}
.top_login {
	height: 20px;
}
.top_login p {
	box-sizing: border-box;
	font-size: 0.8em;
	height: 100%;
	padding: 6px 6px 0 0;
	text-align: right;
}
.top_wrap header h1 a {
	display: block;
	width: 230px;
	height: 60px;
	text-indent: -9999px;
	background: url("../../images/main/logo_kormss.png") no-repeat 0 center;
	background-size: contain;
	float: left;
}
/* gnb1 */
#gnb {
	float: right;
	overflow: hidden;
	width: 778px;
}
ul.gnb1 {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
ul.gnb1 > li {
	float: left;
	font-size: 1.4em;
	font-family: 'Noto Sans Korean', sans-serif;
	width: 129px;
}
ul.gnb1 > li > a {
	color:#37474f;
	display: block;
	font-size: 85%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 100%;
}
ul.gnb1 > li > a:hover {
	color: #0288d1;
}
ul.gnb1:hover ul.gnb2 {
	visibility: visible;
}
/* gnb2 */
ul.gnb2 {
	background: #fff;
	border-top: 2px solid #0288d1;
	border-left: 1px dotted #0288d1;
	border-bottom: 2px solid #0288d1;
	box-sizing: border-box;
	padding-bottom: 10px;
	position: absolute;
	top: 80px;
	visibility: hidden;
	width: 129px;
	height:404px;
	z-index: 10;
}
ul.gnb1 li:last-child ul.gnb2 {
	border-right: 1px dotted #0288d1;
	width: 134px;
}
ul.gnb2 li {
	float: none;
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 0.7em;
}
ul.gnb2 li a {
	color: #37474f;
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 12px;
}
ul.gnb2 li a.small {
	font-size: 0.65em;
}
ul.gnb2 li a:hover {
	background: #f3f3f3;
}
/* top-right */
.top-right ul{height:20px; position:absolute; top:3px; right:0;}
.top-right ul li{margin-left:5px; float:left;}
.top-right ul li a{display:block; padding:3px 5px; font-size:0.8em; color:#37474f;}

/* side_nav_wrap */
.side_nav_wrap{display:none;}
.data-sidebar{position:absolute; top:0; left:0; height:100%; z-index:2000;}
.data-sidebar.eng{display:none;}
.nav_wrap { width: 240px; background:#232730; padding-top:85px; height:auto;}
.nav_wrap a{display:block; font-family:'Noto Sans Korean',sans-serif;}
.nav1{width:100%; height:auto; border-top:1px solid #494c54;}
.nav1 li a{padding-left:15px; width:215px; height:39px; border-bottom:1px solid #494c54; line-height:40px; font-size:1.1em; background:#232730; color:#fff; font-weight:500;}
.nav1 li a:hover, .nav1_act{background:#2796c2; border-bottom:1px solid #309cc7; color:#fff;}
/* nav2 */
.nav2 li a{padding-left:20px; width:210px; font-size:1em; font-weight:300; background:#232830 url(../../images/main/gray_l.png) no-repeat 0 center;}
.nav2 li a:hover, .nav2_act{background:#232830 url(../../images/main/blue_l.png) no-repeat 0 center; border-bottom:1px solid #494c54;}
/* nav3 */
.nav3{background:#31353c;}
.nav3 li a{margin-left:10px; font-size:1em; border-bottom:0; width:200px; height:30px; line-height:30px; background:url(../../images/main/m_pt.png) no-repeat 0 center;}
.nav3 li a:hover, .nav3_act{background:#31353c url(../../images/main/m_pt.png) no-repeat 0 center; border-bottom:0; text-decoration:underline;}
/* top_right */
.nav_home { background: #203042; }
.nav_home ul{padding:10px;}
.nav_home ul li a{padding-left:10px; font-size:0.9em; height:22px; line-height:22px; font-weight:300; color:#fff; background:url(../../images/main/bul_r_gray.gif) no-repeat 0 center;}
.nav_btn{width:50px; height:48px; text-indent:-9999px; background:url(../../images/main/menubtn1.jpg) no-repeat 0 0; cursor:pointer; position:absolute; top:-66px; right:5%; display:none; z-index:1000;}
.nav_shadow{display:none; position:fixed; top:0; left:0; opacity:0; width:100%; min-height:inherit; background:#000; z-index:1000}

/***** container *****/
#container{width:100%; clear:both; position:relative; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}

/** maincont1 **/
.maincont1 {
	background: #eceff1;
	margin-bottom: 12px;
}
.maincont1_box {
	margin: auto;
	overflow: hidden;
	padding: 8px 0;
	width: 1024px;
}
/* noticeslide */
.noticewrap {
	overflow: hidden;
}
.noticeslide_box {
	background: #fff;
	float: left;
	padding: 8px;
	position: relative;
	height: 280px;
	width: 800px;
}
/* noticeslide stop/start */
.noticeslide_box .bx-wrapper .bx-controls-auto{position:absolute; bottom:10px; left:46px;}
.noticeslide_box .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:14px; height:14px; background:url(../../images/main/top_control.png) no-repeat -49px 0; margin-right:2px;}
.noticeslide_box .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:14px; height:14px; background:url(../../images/main/top_control.png) no-repeat -34px 0;}
/* noticeslide next/pre */
.noticeslide_box .bx-wrapper .bx-prev{left:10px; background: url(../../images/main/top_control.png) no-repeat -14px -14px;}
.noticeslide_box .bx-wrapper .bx-prev:hover {background-position: 0 -14px;}
.noticeslide_box .bx-wrapper .bx-next {left:28px; background: url(../../images/main/top_control.png) no-repeat -14px 0;}
.noticeslide_box .bx-wrapper .bx-next:hover {background-position: 0 0;}
.noticeslide_box .bx-wrapper .bx-controls-direction a{position:absolute; bottom:10px; outline:0; width:14px; height:14px ;text-indent:-9999px; z-index:1;}
p.slideimg { width: 100%; height: 100%; float: left; }
p.slideimg img { height: 280px; width: 100%; }

p.n_tit {
	cursor: pointer;
	display: inline-block;
	font-size: 0.9em;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}
p.n_tit:hover { background-color: rgba(192,192,192,0.3); }
p.n_txt {
	display: inline-block;
	font-size: 0.8em;
	height:3.9em;
	line-height: 1.3em;
	overflow: hidden;
	width: 225px;
	word-wrap: break-word;
}
.morebtn {
	cursor: pointer;
	float: right;
	padding: 10px 10px 0 0;
}
/* popupzone */
div.popupzone {
	/* background: url("../../images/main/bn.jpg"); */
	background-color: #ffffff;
	border-left: 0px solid #10147e;
	border-right: 0px solid #10147e;
	border-radius: 0px;
	box-sizing: border-box;
	cursor: pointer;
	float: right;
	height: 296px; /* 350 .8 = 280 */
	overflow: hidden;
	padding: 0px; /* 10 x .8 = 8 */
	position: relative;
	width: 200px; /* 340 x .8 = 272 */
}
div.popupzone_up{
	position: absolute;
    width: 200px;
    height: 145px;
    padding: 0;
}
div.popupzone_down{
	position: absolute;
    width: 200px;
    height: 140px;
    top: 145px;
    padding: 0;
}
/* .popupzone:hover {
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
	box-shadow: inset 0 0 3px #000000;
}*/
.popupzone img {
	height: 100%;
	width: 100%;
}
.popupzone:hover img {
	/*display: block;*/
}
.popupzone div {
	/*background: url("../../images/main/conf_piece.jpg");*/
	padding: 8px;
}
.popupzone div.head {
	height: 50px;
	overflow: hidden;
}
.popupzone div.head p {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
}
.popupzone div.body {
	border-top: 2px solid black;
	padding-top: 16px;
}
.popupzone div.body p {
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}
.popupzone ul li { height: 232px;}
.popupzone h3{height:48px; line-height:48px; text-align:left; font-size:1.4em; font-family:'Noto Sans Korean',sans-serif; font-weight:400; color:#0288d1;}
.popupzone h3 span{color:#37474f;}
/* popup next/pre */
.popupzone .bx-wrapper .bx-prev{right:66px; background: url(../../images/main/arrow.png) no-repeat -26px -26px;}
.popupzone .bx-wrapper .bx-next {right:38px; background: url(../../images/main/arrow.png) no-repeat -26px 0;}
.popupzone .bx-wrapper .bx-prev:hover {background-position: 0 -26px;}
.popupzone .bx-wrapper .bx-next:hover {background-position: 0 0;}
.popupzone .bx-wrapper .bx-controls-direction a{position:absolute; top:20px; outline:0; width:26px; height:26px ;text-indent:-9999px; z-index:1;}
/* popup stop/start */
.popupzone .bx-wrapper .bx-controls-auto{position:absolute; top:20px; right:10px;}
.popupzone .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:26px;height:26px; background: url(../../images/main/arrow.png) no-repeat 0 -52px;}
.popupzone .bx-wrapper .bx-controls-auto .bx-start:hover, .popupzone .bx-wrapper .bx-controls-auto .bx-start.active {background-position: 0 -52px;}
.popupzone .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:26px;height:26px; background: url(../../images/main/arrow.png) no-repeat -26px -52px;}
.popupzone .bx-wrapper .bx-controls-auto .bx-stop:hover, .popupzone .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -26px -52px;}
.m_cont{display:none;}

/** maincont2 **/
.maincont2 {
	/*margin-bottom: 8px;*/
}
#maincont2_newcont {
	margin: 0 auto;
	width: 1024px;
}
/* maincont2_left */
#maincont2_left {
	background-color: rgba(238,238,238,0.3);
	float: left;
	overflow: hidden;
	margin-right: 8px;
	width: 600px;
}
.notice {
	border-right: 1px dotted gray;
	box-sizing: border-box;
	float: left;
	height: 204px;
	margin-bottom: 16px;
	width: 400px;
}
.notice:last-child {
	border-right: 0;
}
.notice h3 {
	color: #0288d1;
	font-family: 'Noto Sans Korean', sans-serif;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	text-align: left;
}
.notice .content {
	height: 140px;
}
.notice ul li {
	cursor: pointer;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	padding: 4px 4px 4px 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.notice ul li:hover {
	background-color: #ffffff;
}
.notice2 {
	border-right: 1px dotted gray;
	box-sizing: border-box;
	float: left;
	height: 204px;
	margin-bottom: 16px;
	width: 200px;
}
.notice2:last-child {
	border-right: 0;
}
.notice2 h3 {
	color: #0288d1;
	font-family: 'Noto Sans Korean', sans-serif;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	text-align: left;
}
.notice2 .content {
	height: 140px;
}
.notice2 ul li {
	cursor: pointer;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	padding: 4px 4px 4px 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.notice2 ul li:hover {
	background-color: #ffffff;
}
/* maincont2_right */
#maincont2_right {
	float: left;
	width: 416px;
}
#maincont2_right a.panel {
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 115%;
	height: 108px;
	text-align: center;
	width: 206px;
}
#maincont2_right a.panel span:nth-child(1) {
	box-sizing: border-box;
	display: block;
	font-size: 2.7em;
	height: 70%;
	padding-top: 18px;
}
#maincont2_right a.panel span:nth-child(2) {
	background-color: rgba(0,0,0,0.1);
	box-sizing: border-box;
	display: block;
	font-size: 1em;
	height: 30%;
	padding-top: 7px;
}
#maincont2_right a.panel:nth-child(1) {
	background: #b1b1b1;/*
	background: -moz-linear-gradient(-67deg, #b1b1b1 0%, #ffffff 0%, #b1b1b1 50%, #ffffff 100%);
	background: -webkit-linear-gradient(-67deg, #b1b1b1 0%, #ffffff 0%, #b1b1b1 50%, #ffffff 100%);
	background: linear-gradient(157deg, #b1b1b1 0%, #ffffff 0%, #b1b1b1 50%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbccdd', endColorstr='#eeeeee',GradientType=1 );*/
	color: #ffffff;
	margin: 0 4px 4px 0;	
}
#maincont2_right a.panel:nth-child(2) {
	background: #bbccdd;/*
	background: -moz-linear-gradient(-67deg, #bbccdd 0%, #ffffff 0%, #bbccdd 50%, #ffffff 100%);
	background: -webkit-linear-gradient(-67deg, #bbccdd 0%, #ffffff 0%, #bbccdd 50%, #ffffff 100%);
	background: linear-gradient(157deg, #bbccdd 0%, #ffffff 0%, #bbccdd 50%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbccdd', endColorstr='#eeeeee',GradientType=1 );*/
	color: #ffffff;
	margin: 0 0 4px 0;
}
#maincont2_right a.panel:nth-child(2) span:nth-child(1) {
	padding-top: 15px;
}
#maincont2_right a.panel:nth-child(3) {
	background: #7799bb;/*
	background: -moz-linear-gradient(-67deg, #7799bb 0%, #ffffff 0%, #7799bb 50%, #ffffff 100%);
	background: -webkit-linear-gradient(-67deg, #7799bb 0%, #ffffff 0%, #7799bb 50%, #ffffff 100%);
	background: linear-gradient(157deg, #7799bb 0%, #ffffff 0%, #7799bb 50%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbccdd', endColorstr='#ffffff',GradientType=1 );*/
	color: #ffffff;
	margin: 0 4px 0 0;
}
#maincont2_right a.panel:nth-child(4) {
	background: #336699;/*
	background: -moz-linear-gradient(-67deg, #336699 0%, #ffffff 0%, #336699 50%, #ffffff 100%);
	background: -webkit-linear-gradient(-67deg, #336699 0%, #ffffff 0%, #336699 50%, #ffffff 100%);
	background: linear-gradient(157deg, #336699 0%, #ffffff 0%, #336699 50%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbccdd', endColorstr='#ffffff',GradientType=1 );*/
	color: #ffffff;
}
/* maincont2_bottom */
#maincont2_bottom {
	margin: 16px 0;
}
.maincont2_bottom_layer {
	overflow: hidden;
}
.maincont2_bottom_layer:first-child {
	margin-bottom: 8px;
}
.maincont2_bottom_layer img {
	margin-top: 2px;
}
.maincont2_bottom_layer .case {
	float: left;
	height: 128px;
	overflow: hidden;
}
.maincont2_bottom_layer .case:nth-child(1) {
	background-color: rgba(238,238,238,0.3);
	margin-right: 8px;
	width: 600px;
}
.maincont2_bottom_layer .case:nth-child(2) {
	width: 416px;
}
.maincont2_bottom_layer .case:nth-child(2) .imgcase {
	float: left;
	height: 128px;
	width: 208px;
}
.maincont2_bottom_layer .case:nth-child(2) .imgcase:nth-child(2) {
	
}
.maincont2_bottom_layer .case:nth-child(2) .imgcase:nth-child(2) {
	
}
.maincont2_bottom_layer .case:nth-child(2) .imgcase:nth-child(1) img {
	height: 100%;
	width: 100%;
}
.maincont2_bottom_layer .case:nth-child(2) .imgcase:nth-child(2) img {
	box-sizing: border-box;
	height: 62px;
	width: 208px;
}
.maincont2_bottom_layer .case:nth-child(2) img:nth-child(1) {
	/*padding-right: 4px;*/
}
.maincont2_bottom_layer .case:nth-child(2) img:nth-child(2) {
	/*padding-left: 4px;*/
}
.maincont2_bottom_layer .case img {
	margin: 0;
}
.maincont2_bottom_layer .head {
	float: left;
	height: 50px;
	width: 84px;
	margin-top:0px;
}
.maincont2_bottom_layer .head p {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 20px 0 0 8px;
	text-align: center;
}
.maincont2_bottom_layer .head p sup {
	color: darkblue;
	font-size: 50%;
	vertical-align: sub;
}
#maincont2_bottom .body {
	box-sizing: border-box;
	float: left;
	height: 50px;
	padding-left: 10px;
	width: 924px;;
	margin-top:4px;
}
.maincont2_bottom_layer .body img {
	border: 1px solid #ccc;
	box-sizing: border-box;
	cursor: pointer;
	margin-right: 5px;
	width: 174px;
	height: 46px;
}
.maincont2_bottom_layer .body .bannerslide {
	float: left;
	width: 900px;
	
}
.maincont2_bottom_layer .body .control {
	cursor: pointer;
	float: left;
	height: 49px;
	width: 30px;
	text-align: center;
	line-height: 46px;
	
}
#maincont2_bottom .bx-wrapper .bx-controls-direction {
	position: relative;
/*	top: 10px;*/
	outline: 0;
	width: 24px;
	height: 34px;
	text-indent: -9999px;
	z-index: 1;
}
#maincont2_bottom .bx-wrapper .bx-controls-direction .bx-prev {
	left: 0;
	background: url(../../images/main/controls.png) no-repeat 0 0;
}
#maincont2_bottom .bx-wrapper .bx-controls-direction .bx-next {
	right: 0;
	background: url(../../images/main/controls.png) no-repeat 0 -34px;
}
/* DEAD
.maincont2_box{width:1280px; padding:10px 0; margin:auto; overflow:hidden;}
.maincont2_box div{height:175px; padding:10px 31px 15px; border:1px solid #efefef; border-radius:10px; position:relative;}
.maincont2_box div h3{text-align:left; font-size:1.4em; font-family:'Noto Sans Korean',sans-serif; font-weight:500; color:#0288d1;}
.maincont2_box div h3 span{color:#37474f;}
.info-service{float:left;}
.info-education{float:right;}
p.infomore{position:absolute; top:15px; right:30px; font-size:0.8em;}
.maincont2_box ul{margin-top:10px;}
.maincont2_box ul li{width:130px; height:130px; float:left; margin-right:15px; background-size:100%; font-size:0.75em; font-family:'Noto Sans Korean',sans-serif;}
.maincont2_box ul li a{width:130px; height:30px; padding-top:100px; display:inline-block; font-size:1.5em; font-weight:400; text-align:center;}
.maincont2_box ul li:hover{background-size:100%;}
*/
.info1{background:#feece1 url(../../images/main/info_01.png) no-repeat 0 0;} 
.info2{background:#fbf7d2 url(../../images/main/info_02.png) no-repeat 0 0;}
.info3{background:#f2f7d7 url(../../images/main/info_03.png) no-repeat 0 0;}
.info4{background:#eaf6fa url(../../images/main/info_04.png) no-repeat 0 0;}
.info5{background:#feece1 url(../../images/main/info_05.png) no-repeat 0 0;}
.info6{background:#fbf7d2 url(../../images/main/info_06.png) no-repeat 0 0;}
.info7{background:#f2f7d7 url(../../images/main/info_07.png) no-repeat 0 0;}
.info8{background:#eaf6fa url(../../images/main/info_08.png) no-repeat 0 0;}
.info1:hover{background:#fcd9c4 url(../../images/main/info_01.png) no-repeat 0 0;} 
.info2:hover{background:#f8eea4 url(../../images/main/info_02.png) no-repeat 0 0;}
.info3:hover{background:#e6efb0 url(../../images/main/info_03.png) no-repeat 0 0;}
.info4:hover{background:#d5edf5 url(../../images/main/info_04.png) no-repeat 0 0;}
.info5:hover{background:#fcd9c4 url(../../images/main/info_05.png) no-repeat 0 0;}
.info6:hover{background:#f8eea4 url(../../images/main/info_06.png) no-repeat 0 0;}
.info7:hover{background:#e6efb0 url(../../images/main/info_07.png) no-repeat 0 0;}
.info8:hover{background:#d5edf5 url(../../images/main/info_08.png) no-repeat 0 0;}
.maincont2_box ul li.info4, .maincont2_box ul li.info8{margin-right:0;}
/** banner **/
.banner { width: 1024px; margin:auto; margin-bottom:10px; position:relative;}
.banner ul li{width:220px; height:50px;}
.banner img{width:100%; height:100%;}
/* banner next/pre */
.banner .bx-wrapper .bx-prev{left:0; background: url(../../images/main/controls.png) no-repeat 0 0;}
.banner .bx-wrapper .bx-next {right:0; background: url(../../images/main/controls.png) no-repeat 0 -34px;}
.banner .bx-wrapper .bx-prev:hover {background-position: -24px 0;}
.banner .bx-wrapper .bx-next:hover {background-position: -24px -34px;}
.banner .bx-wrapper .bx-controls-direction a{position:absolute; top:10px; outline:0; width:24px; height:34px; text-indent:-9999px; z-index:1;}
/* banner stop/start */
.banner .bx-wrapper .bx-controls-auto{position:absolute; bottom:10px; right:40px; z-index:200;}
.banner .bx-wrapper .bx-controls-auto .bx-start {display:block;text-indent:-9999px;width:10px; height:11px; background: url(../../images/main/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.banner .bx-wrapper .bx-controls-auto .bx-start:hover, .banner .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.banner .bx-wrapper .bx-controls-auto .bx-stop {display:block;text-indent:-9999px;width:9px;height:11px;background: url(../../images/main/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.banner .bx-wrapper .bx-controls-auto .bx-stop:hover, .banner .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/***** footer *****/
#footer { background:#37474f; clear:both; }
/*
.ft_wrap{width:1050px; height:40px; padding:15px 0; margin:auto; padding-left:230px; background:url(../../images/main/ft_logo.png) no-repeat 0 15px;}
*/
.ft_wrap {
	/*height: 32px;*/
	margin: 0 auto;
	width: 840px;
	padding: 16px 0;
}
#footer ul{overflow:hidden; position:relative; top:-2px; font-size:0.8em; font-family:'Noto Sans Korean',sans-serif; font-weight:400; color:#90a4ae;}
#footer ul li a{color:#90a4ae; display:block; float:left; margin-right:10px; font-size:1.1em;}
.add_wrap{font-family:'Noto Sans Korean',sans-serif; font-weight:400; color:#90a4ae; font-size:0.8em; line-height:1;}
.add_wrap address {float:left; font-style:normal;}
.add_wrap address span{ display:inline-block; margin:0 10px;}
.add_wrap p {float:left; font-family:'Noto Sans Korean',sans-serif; font-weight:400; color:#90a4ae;}

/* LAYOUT #2# */
@media all and (max-width:640px) {

/***** header *****/
.top_line { display: none; }
.top_wrap { width: 100%; }
.top_wrap header h1 a {
	margin-left: 2%;
	position: relative;
	top: -5px;
}
/* gnb1 */
#gnb { display: none }
/* side_nav_wrap */
.nav_wrap { display:block; }

/***** container *****/
.nav_btn { display:block; top:-66px; right:5%; }
.maincont1 { background-color: #ffffff; height: auto; }
.maincont1_box { height: auto; padding-top: 0; width: 100%; }

/* noticeslide */
.noticewrap {
	height: auto;
	overflow: hidden;
	width: 100%;
}
.noticeslide_box {
	width: 100%;
	height: auto;
	padding: 0;
	float: none;
	background: #fff;
	position: relative;
}
p.slideimg { width: 100%; }
p.slideimg img { max-width:100%; }
.noticeslide_box .bx-controls { display: none; }

div.notice {
	border-right: 1px dotted black;
	box-sizing: border-box;
	width: 33.33%;
}
div.notice:last-child {
	border: 0;
}
/*.notice h3{height:40px; line-height:40px; font-size:1.2em;}
.notice ul li{padding:5px 10px;}
p.n_tit{width:216px; font-size:1em;}
p.n_txt{width:210px; font-size:0.7em; line-height:1.3em; height:3.8em;} */
/* popupzone */
.popupzone { display: none; }
/*.popupzone{width:300px; height:300px;}
.popupzone ul li{height:260px;}
.popupzone img{width:100%; height:100%;}
.popupzone h3{height:40px; line-height:36px; font-size:1.2em;}
.popupzone .bx-wrapper{width:100%;}
.popupzone .bx-wrapper .bx-controls-direction a, .popupzone .bx-wrapper .bx-controls-auto{top:15px;}
*/
/** maincont2 **/
.maincont2 {
	padding-bottom: 0;
}
#maincont2_newcont {
	box-sizing: border-box;
	padding: 0 4px;
	width: 100%;
}
.maincont2_left_layer {
	padding: 4px;
}
.maincont2_left_layer a {
	font-size: 100%;
	margin-right: 2%;
	width: 32%;
	word-wrap:break-word;
}
.maincont2_left_layer a.upper span.hack span:nth-child(2) {
	display: block;
}
.maincont2_left_layer a span.hack span {
	white-space: nowrap;
}
.maincont2_left_layer a span.hack span.en {
	font-size: 1.9em;
	display: none;
}
#maincont2_left {
	float: none;
	margin-bottom: 4px;
	margin-right: 0;
	width: 100%;
}
#maincont2_right {
	float: none;
	margin-bottom: 4px;
	overflow: hidden;
	width: 100%;
}
#maincont2_right a.panel {
	width: 50%;
}
#maincont2_right a.panel:nth-child(1) {
	margin: 0;
}
#maincont2_right a.panel:nth-child(2) {
	margin: 0;
}
#maincont2_right a.panel:nth-child(3) {
	margin: 0;
}
#maincont2_right a.panel:nth-child(4) {
	/*margin: 0;*/
}
#maincont2_newcont div.cb {
	margin-bottom: 0;
}
#maincont2_bottom {
	height: auto;
	padding: 4px 0;
}
.maincont2_bottom_layer .case {
	float: none;
	width: 100%;
}
#maincont2_bottom .head {
	display: none;
}
#maincont2_bottom .body {
	padding: 0;
	width: 100%;
}
#maincont2_bottom .body .control {
	display: none;
}
#maincont2_bottom .body .bx-wrapper {
	width: 100%;
}
/*.maincont2_box{width:980px;}
.maincont2_box div{height:auto; padding:10px;}
.maincont2_box div h3{font-size:1.2em;}
p.infomore{right:10px;}
.maincont2_box ul{margin-top:5px;}
.maincont2_box ul li{width:105px; height:105px; margin-right:13px; background-size:100%;}
.maincont2_box ul li a{width:105px; height:25px; padding-top:80px; font-size:1.3em;}
.maincont2_box ul li:hover{background-size:100%;}
/** banner **/
/*.banner{width:980px; margin-bottom:7px;}
/* banner pre/next */
/*.banner .bx-wrapper{width:88%;}
.banner .bx-wrapper .bx-prev{left:0; background:#fff url(../../images/main/control_01.png) no-repeat 0 0;}
.banner .bx-wrapper .bx-prev:hover {background:#fff url(../../images/main/control_02.png) no-repeat 0 0;}
.banner .bx-wrapper .bx-next {right:0; background:#fff url(../../images/main/control_04.png) no-repeat 20px 0;}
.banner .bx-wrapper .bx-next:hover {background:#fff url(../../images/main/control_05.png) no-repeat 20px 0;}
.banner .bx-wrapper .bx-controls-direction a{position:absolute; top:0; width:50px; height:55px; text-indent:-9999px; z-index:100;}
/* banner stop/start */
/*.banner .bx-wrapper .bx-controls-auto{right:32px;}

/***** footer *****/
/*#footer { height:60px; }*/
.ft_wrap {
	font-size: 18px;
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}
#footer ul li a{font-size:1em;}
.add_wrap{font-size:0.7em;}
.add_wrap address {
	float: none;
}
.add_wrap p {
	float: none;
	font-size: 0.9em;
	font-weight: 300;
}
.popup{ font-family:'Nanum Gothic', 'Nanum Gothic', sans-serif;}
}/*@media all and (max-width:640px)*/

@media all and (max-width:980px){
/*
#wrap{width:100%;}
*/
/***** header *****/
/*
#top{width:100%; height:85px; position:relative; border-top:5px solid #2796c2;}
.top_wrap{width:90%; padding:0 5%; margin:auto; position:relative;}
.top_line{display:none;}
.top_wrap header h1 a{width:221px; height:85px; background-position:0 center; float:none; margin:auto;}
*/
/* gnb1 */
/*
#gnb{display:none;}
*/
/* top-right */
/*
.top-right{display:none;}
/*
*/
/***** container *****/

/** maincont1 **/
/*
.maincont1{width:100%; height:auto; margin:auto;}
.maincont1_box{width:90%; height:auto; padding:15px 5% 0; overflow:hidden; margin:auto; background:#eceff1;}
*/
/* noticeslide */
/*
.noticeslide_box{display:none;}
.m_cont{display:block; width:100%;}
.m_slidebox{padding-bottom:40px; position:relative;}
.m_slidebox .bx-wrapper .bx-controls-direction a, .m_slidebox .bx-wrapper .bx-controls-auto{bottom:28px;}
.m_slidebox img{width:100%;}
*/
/* noticeslide stop/start */
/*
.m_slidebox .bx-wrapper .bx-controls-auto{position:absolute; bottom:20px; left:34px; z-index:10;}
.m_slidebox .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:14px;height:14px; background:url(../../images/main/top_control.png) no-repeat -49px 0; margin-right:2px;}
.m_slidebox .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:14px;height:14px; background:url(../../images/main/top_control.png) no-repeat -34px 0;}
*/
/* noticeslide next/pre */
/*
.m_slidebox .bx-wrapper .bx-prev{left:0; background: url(../../images/main/top_control.png) no-repeat -14px -14px;}
.m_slidebox .bx-wrapper .bx-prev:hover {background-position: 0 -14px;}
.m_slidebox .bx-wrapper .bx-next {left:16px; background: url(../../images/main/top_control.png) no-repeat -14px 0;}
.m_slidebox .bx-wrapper .bx-next:hover {background-position: 0 0;}
.m_slidebox .bx-wrapper .bx-controls-direction a{position:absolute; bottom:20px; outline:0; width:14px; height:14px ;text-indent:-9999px; z-index:1;}
*/
/* notice tab */
/*
.tab_box{width:48.5%; height:333px; margin-top:10px; overflow:visible; float:left; margin-top:-1px;}
dl.tabs{width:100%; height:100%; position:relative;}
.tabs dt a{float:left; z-index:2; font-size:1.3em; font-weight:500; color:#fff; cursor:pointer; background:#d7d7d7; padding:3px 0 5px; width:35%; text-align:center; font-family:'Noto Sans Korean',sans-serif;}
.tabs dt.tabs_act a{color:#fff; background:#2796c2; }
.tabs dd.tabs_act{display:block;}
.tabs dd{display:none; position:absolute; top:38px; left:0; z-index:1; width:99.5%; border:1px solid #ddd; background:#fff;}
.tabs dd ul{padding:0 0 0;}
.tabs dd ul li{width:100%; height:107px; font-size:1em; border-bottom:1px solid #ddd;}
.tabs dd ul li p.m_tit{width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; font-size:1.1em; font-family:'Noto Sans Korean',sans-serif; font-weight:400; line-height:1.2em; margin-top:10px; margin-left:10px;}
.tabs dd ul li p.m_txt{width:95%; padding-left:10px; overflow:hidden; word-wrap:break-word; display:inline-block; font-size:0.9em; line-height:1.3em; height:3.9em;}
.tabs dd ul li:last-child{border-bottom:0;}
.tabs p.more{position:absolute; top:-40px; right:-15px; font-size:0.8em; padding-top:15px; padding-right:20px; color:#2796c2; cursor:pointer;}
*/
/* popupzone */
/*
.popupzone{width:45%; padding:0 15px 15px; height:345px; float:right; position:relative; border:1px solid #ddd; margin-bottom:10px;}
.popupzone h3{height:40px; line-height:38px; text-align:left; font-size:1.3em;}
.popupzone ul{width:100%; margin-top:0px;}
.popupzone ul li{height:307px;}
.popupzone img{width:100%; height:100%;}
.popupzone .bx-wrapper{width:100%;}
.popupzone .bx-wrapper .bx-controls-direction a, .popupzone .bx-wrapper .bx-controls-auto{top:10px;}
*/
/** maincont2 **/
/*
.maincont2{width:100%; height:auto; margin:auto; margin-top:10px;}
.maincont2_box{width:90%; height:auto; padding:0 5%;; overflow:hidden;}
.maincont2_box div{width:46%; height:140px; background:#fff; border-color:#ddd; padding:5px 10px 10px;}
.maincont2_box div h3{font-size:1.3em;}
p.infomore{right:10px; top:12px;}
.maincont2_box ul{margin-top:5px; width:100%; height:70%; overflow:hidden;}
.maincont2_box ul li{width:24%; height:100%; margin-right:1%; background-size:100%;}
.maincont2_box ul li a{width:100%; height:0; padding-top:75%; font-size:1.2em;}
.maincont2_box ul li.info8 a, .maincont2_box ul li.info5 a{letter-spacing:-1px;}
*/
/** banner **/
/*
.banner{width:90%; margin-top:10px; margin-bottom:10px;}
.banner .bx-wrapper{width:78%;}
*/
/***** footer *****/
/*
#footer ul li{font-size:1.1em;}
.add_wrap address{font-size:1.1em;}
.add_wrap p{font-size:0.95em; margin-top:0;}
*/
}

@media all and (max-width:820px){

/* notice tab *//*
.tab_box{width:49%; height:250px;}
.tabs dt a{font-size:1.2em;}
.tabs dd{top:35px;}
.tabs dd ul li{height:92px;}
.tabs dd ul li p.m_tit{font-size:1em; line-height:1em;}
.tabs dd ul li p.m_txt{font-size:0.8em; line-height:1.3em; height:3.9em; margin-top:5px;}
/* popupzone *//*
.popupzone{height:297px;}
.popupzone h3{font-size:1.2em;}
.popupzone ul li{height:262px;}
.popupzone img{width:100%; height:100%;}
.popupzone .bx-wrapper{width:100%;}
/** maincont2 **//*
.maincont2_box div{height:120px;}
.maincont2_box div h3{font-size:1.2em;}
.maincont2_box ul li a{width:100%; height:0; padding-top:75%; font-size:1em;}
.banner .bx-wrapper{width:64%;}
/***** footer *****//*
#footer{width:100%; height:50px; padding-top:10px; padding-bottom:10px;}
#footer ul li{font-size:1.1em;}
.add_wrap address{font-size:1em; float:none;}
.add_wrap p{font-size:1em; margin-top:2px; float:none;}
*/
}

@media all and (max-width:768px){

/* popupzone */
/*
.popupzone{padding:0 10px 10px; height:302px;}
.popupzone .bx-wrapper{width:100%;}
*/
/** maincont2 **/
/*
.maincont2_box div{height:110px;}
p.infomore{top:14px;}
.maincont2_box ul{margin-top:2px; height:68%;}
.maincont2_box ul li a{padding-top:75%; font-size:1em;}
.maincont2_box ul li.info8 a{ letter-spacing:-1px;}
*/
/** banner **/
/*
.banner{width:90%;}
.banner .bx-wrapper{width:65%;}
*/
}

@media all and (max-width:640px){

/* notice tab */
/*.tab_box{height:200px;}
.tabs dt a{font-size:1.1em; padding:5px 0 5px;}
.tabs dd ul li{height:77px;}
.tabs dd ul li p.m_txt{width:90%; font-size:0.7em; line-height:1.3em; height:2.6em; margin-top:5px;}
/* popupzone */
/*.popupzone{height:257px;}
.popupzone h3{font-size:1.1em;}
.popupzone ul li{height:220px;}
.popupzone .bx-wrapper .bx-controls-direction a, .popupzone .bx-wrapper .bx-controls-auto{top:5px;}
/** maincont2 **/
/*.maincont2_box{width:90%; height:auto; padding:0 5%; overflow:visible;}
.maincont2_box div{width:90%; height:130px; padding:2% 5% 0; background:#fff; border-color:#ddd;}
.maincont2_box div h3{font-size:1.1em;}
.info-service{float:none; margin-bottom:10px;}
.info-education{float:none;}
p.infomore{top:15px; right:5%;}
.maincont2_box ul{margin-top:5px; width:100%; height:72%; overflow:hidden;}
.maincont2_box ul li{width:22%; height:100%; margin-right:13px; }
.maincont2_box ul li a{width:100%; height:0; padding-top:65px; font-size:1.3em; }
.maincont2_box ul li:hover{background-size:100%;}
.maincont2_box ul li, .maincont2_box ul li:hover{background-position:0 -10px;}
/* banner */
/*
.banner .bx-wrapper{width:80%;}
.add_wrap p{font-size:0.9em; display:none;}
*/
}

@media all and (max-width:480px){

/*.nav_btn{width:40px; height:38px; background:url(../../images/main/menubtn1.jpg) no-repeat center center;  top:-60px; right:5%; }
/* notice tab */
/*.tab_box{width:100%; height:225px; overflow:visible; float:none; margin-top:0;}
dl.tabs{width:100%; height:100%; position:relative;}
.tabs dt a{float:left; z-index:2; font-size:1.1em; padding:3px 0 5px; width:100px; }
.tabs dd{width:100%; top:33px;}
.tabs dd ul li{height:58px;}
.tabs dd ul li p.m_tit{width:95%; }
.tabs dd ul li p.m_txt{width:95%; margin-top:3px; font-size:0.8em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; }
.tabs p.more{position:absolute; top:-40px; right:-20px; font-size:0.8em;;}
/* popupzone */
/*.popupzone{width:90%; height:350px; padding:2% 5%; float:none; position:relative; border:1px solid #ddd; margin-bottom:10px;}
.popupzone h3{height:30px; line-height:30px; font-size:1.1em;}
.popupzone ul{margin-top:10px; height:auto;}
.popupzone ul li{height:310px;}
.popupzone .bx-wrapper{width:100%;}
.popupzone .bx-wrapper .bx-prev{right:78px;}
.popupzone .bx-wrapper .bx-next {right:50px;}
.popupzone .bx-wrapper .bx-controls-auto{right:22px;}
.popupzone .bx-wrapper .bx-controls-direction a, .popupzone .bx-wrapper .bx-controls-auto{top:10px;}
/** maincont2 **/
/*.maincont2_box div{height:65%; padding: 2% 5% 3%;}
p.infomore{top:15px; right:5%;}
.maincont2_box ul{height:68%;}
.maincont2_box ul li{width:23%; height:100%; margin-right:2%; }
.maincont2_box ul li a{width:100%; height:30%; padding-top:70%; font-size:1em; }
.maincont2_box ul li:hover{background-size:100%;}
.maincont2_box ul li, .maincont2_box ul li:hover{background-position:0 -5px;}
/* banner pre/next */
/*.banner.bx-wrapper{width:50%;}
/* footer */
/*
#footer ul li{font-size:1em; letter-spacing:-1px;}
*/
}

@media all and (max-width:360px){
/*
.top_wrap header h1 a{width:221px; height:85px; background-position:0 center; float:none; margin:auto; position:absolute; left:12%;}
.tab_box{width:100%; height:9em;}
.tabs dd ul li{height:2em;}
.tabs dd ul li p.m_tit{font-size:0.9em; margin-top:9px;}
.tabs dd ul li p.m_txt{display:none;}
/* popupzone */
/*
.popupzone{height:280px;}
.popupzone ul{margin-top:10px;}
.popupzone ul li{height:242px;}
.popupzone .bx-wrapper .bx-prev{right:66px;}
.popupzone .bx-wrapper .bx-next {right:38px;}
.popupzone .bx-wrapper .bx-controls-auto{right:10px;}
.popupzone .bx-wrapper .bx-controls-direction a, .popupzone .bx-wrapper .bx-controls-auto{top:5px;}
/** maincont2 **/
/*
.maincont2_box ul li a{width:100%; height:30%; padding-top:70%; font-size:0.95em; }
/* banner pre/next */
/*
.banner .bx-wrapper{width:70%; height:100%;}
/* footer */
/*
.add_wrap address{font-size:1em; line-height:1.2;}
.add_wrap address span{margin:0;}
*/
}

@media all and (max-width:320px){
/*
#wrap{min-width:300px;}
*/
/* popupzone */
/*.popupzone{height:258px;}
.popupzone ul{margin-top:5px;}
.popupzone ul li{height:220px;}
.popupzone .bx-wrapper{width:100%;}

.maincont2_box ul li.info8 a, .maincont2_box ul li.info5 a{letter-spacing:-2px;}

.top_wrap header h1 a{width:221px; height:85px; background-position:0 center; float:none; margin:auto; position:absolute; left:8%;}

.maincont2_box ul li a{width:100%; height:30%; padding-top:70%; font-size:0.9em; }
.banner .bx-wrapper{width:80%;}
#footer ul li{font-size:0.9em; letter-spacing:-1px;}
*/
}