@charset "utf-8";
::-moz-selection {
   background-color: #00aeff;
   color: #fff;
}
::selection {
    background-color: #00aeff;
    color: #fff;
}
.pcolor {color:#2696d1}
.noborder {border: 0 !important}

.bodyarea {padding: 20px}
.bodyarea img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}
.autoimg {display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

.carousel.item img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

body {font-size:15px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
.mo {display: none}
.tb {display: none}

header {position: relative;}
header .header {z-index: 99;position: relative;position: fixed;width: 100%;background:rgba(255, 255, 255, 0.95);border-bottom: 1px solid #ddd}
header .header .top {height: 120px;display: table;width: 100%;}
header .header .top .time {display: table-cell;width: 30%;vertical-align: middle}
header .header .top .time table {width: 220px;}
header .header .top .time table tr th {width: 75px;color: #0071b9}
header .header .top .time table tr td {width: 145px;font-size: 14px}
header .header .top .logo {text-align: center;display: table-cell;vertical-align: middle;width: 40%}
header .header .top .tel {display: table-cell;width: 30%;vertical-align: middle;text-align: center}
header .header .top .tel .roboto {font-size: 26px;margin-top:5px}
header .header .top .logo img {height: 50px;cursor: pointer;}
header .header .gnb {border-top: 1px solid #ddd}
header .header .gnb .gnb_ul {margin: 0 auto;display: table;height: 60px;width: 90%}
header .header .gnb .gnb_ul li {display: table-cell;vertical-align: middle;text-align: center;font-size: 17px;cursor: pointer;position: relative;font-family: 'NanumSquare-B';position: relative;border-right: 1px solid #ddd;width: 16.6%;text-align: center}
header .header .gnb .gnb_ul li a span {width: 100%;height: 60px;display: table;padding: 16px}
header .header .gnb .gnb_ul li:last-child {border-right: 0}
header .header .gnb .gnb_ul li a {color: #333}
header .header .gnb .gnb_ul li.on a span {color: #00aeff;font-family: 'NanumSquare-EB'}
header .header::after {clear: both;display: block;content: ''}

.depth01 {z-index: 99;background:#6fba2c;font-size: 14px;position: absolute;left: 0;top:85px;display: none;min-width: 150px}
.depth01 .inner{padding: 5px;text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:14px 30px 14px 20px;font-family: 'NanumSquare-EB';}
.depth01 .inner:hover {background: #3b9630}
.depth01 a {color: #fff !important}
.depth01_back {background: rgba(255, 255, 255, 0.95);position: absolute;top:90px;width: 100%;padding: 30px;z-index: 8;display: none}

.all_gnb li {float: left;width: 14.2%;text-align: center}
.all_gnb li .nav_title {color: #444;font-size: 18px;font-family: 'NanumSquare-B';}
.all_gnb li .nav_title:hover {text-decoration: underline}
.all_gnb li .nav_sub {margin-top: 10px}
.all_gnb li .nav_sub .inner {color: #444;font-size: 14px}
.all_gnb li .nav_sub .inner:hover {text-decoration: underline}

.gnb_btn, .mgnb, .mgnbmask {display: none}

#contents {margin-top:0;overflow: hidden}
.wrap {width: 1200px;margin: 0 auto;position: relative}

/* carousel */
.carousel {z-index: 0;margin-top: 180px}
.carousel .main_ba {height: 635px;display: table;width: 100%}
.carousel .main_ba .ba_text {display: table-cell;vertical-align: middle;font-size: 55px;color: #fff;line-height: 1.4em;text-shadow: 2px 2px 4px #aaa}

.icon_nav_ul {margin-top:-63px;background: #fff;overflow: hidden;border: 1px solid #ddd}
.icon_nav_ul li {float: left;width: 16.666%;}
.icon_nav_ul li .inner {margin: 25px 0;text-align: center;border-right: 1px solid #ddd;}
.icon_nav_ul li:last-child .inner {border-right: 0}
.icon_nav_ul li .inner img {height: 35px;}
.icon_nav_ul li .inner .text {margin-top:15px;font-size: 14px;color: #333}

.main_wrap {position: relative;padding: 120px 0;}
.main_wrap .main_title {text-align: center;font-size: 2.4em;margin-top: 10px;margin-bottom: 50px;line-height: 1em}

.focus_list ul {display: table;overflow: hidden;width: 100%}
.focus_list ul li {float: left;width: 23%;margin: 1%;border: 1px solid #ddd}
.focus_list ul li .img img {width: 100%}
.focus_list ul li .box_text {background: #fff;padding: 25px 20px;}
.focus_list ul li .box_text .mt {color: #2a2f6e;font-family: 'NanumSquare-EB';font-size: 20px}
.focus_list ul li .box_text .st {
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;
	height: 4.5em;
	width: 100%;
	font-size: 15px !important;
	margin-top:20px
}
.focus_list ul li .box_text .more {color: #333;position: relative}

.main_left .bolda, .main_right .bolda {font-size: 36px;line-height: 1.5em}
.main_left {float: left;width: 50%;padding-right: 20px;position: relative}
.main_right {float: right;width: 50%;padding-left: 20px;position: relative}

.btn_set {background: #fff;border: 1px solid #ddd;overflow: hidden}
.btn_set .prv_btn {border-right: 1px solid #ddd;cursor: pointer}
.btn_set div {float: left;padding: 16px 22px}
.main_left .btn_set {position: absolute;right: 20px;bottom: 0;}
.main_right .btn_set {position: absolute;right: 0;bottom: 0;}
.btn_set img {width: 12px}
.btn_set div:hover {background: #eee}

.local_btn {font-family: 'NanumSquare-B';font-size: 13px;color: #fff;width: 220px;height: 50px;background: #00aeff;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_s_btn {font-family: 'NanumSquare-B';font-size: 12px;color: #fff;width: 140px;height: 32px;background: #00aeff;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_btn_a {font-family: 'NanumSquare-B';font-size: 13px;color: #444;height: 50px;background: #fff;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_btn_a:disabled {background: #333}

.footer_box {float: left;width: 50%;height: 285px;display: table;background: #fff;cursor: pointer}
.footer_box .img {display: table-cell;width: 50%;}
.footer_box .textbox {display: table-cell;width: 50%;vertical-align: middle;padding: 0 50px}
.footer_box .textbox .subject {font-size: 20px}
.footer_box .textbox .sub {color: #aaa;}
.footer_box .textbox .bar {margin: 10px 0;background: #4d6fb8;height: 1px;width: 20px}
.footer_box .textbox .body {font-size: 17px;color: #515151}

footer {background: #212832;color: #fff;position: relative;padding: 30px 0}
footer .info {overflow: hidden;}
footer .info .text {font-size: 13px;line-height: 2em}
footer .info .text span {border-right: 1px solid #666;padding: 0 10px}
footer .info .text span.first {padding-left: 0}
footer .copy {font-size: 12px;margin-top: 15px;}


@media screen and (max-width:1199px) {
	body {font-size:14px;margin: 0;padding: 0;background: #fff;color: #333;line-height: 1.6em;font-weight: 400;}
	.mo {display: none}
	.tb {display: inherit}
	
	header {position: relative;}
	header .header {z-index: 99;position: relative;position: fixed;width: 100%;background:rgba(255, 255, 255, 0.95);border-bottom: 1px solid #ddd}
	header .header .top {height: 120px;display: table;width: 100%;}
	header .header .top .time {display: table-cell;width: 30%;vertical-align: middle}
	header .header .top .time table {width: 220px;}
	header .header .top .time table tr th {width: 75px;color: #0071b9}
	header .header .top .time table tr td {width: 145px;font-size: 14px}
	header .header .top .logo {text-align: center;display: table-cell;vertical-align: middle;width: 40%}
	header .header .top .tel {display: table-cell;width: 30%;vertical-align: middle;text-align: center}
	header .header .top .tel .roboto {font-size: 26px;margin-top:5px}
	header .header .top .logo img {height: 40px;cursor: pointer;}
	header .header .gnb {border-top: 1px solid #ddd}
	header .header .gnb .gnb_ul {margin: 0 auto;display: table;height: 60px;width: 100%}
	header .header .gnb .gnb_ul li {display: table-cell;vertical-align: middle;text-align: center;font-size: 14px;cursor: pointer;position: relative;font-family: 'NanumSquare-B';position: relative;border-right: 1px solid #ddd;width: 16.66%;text-align: center}
	header .header .gnb .gnb_ul li:last-child {border-right: 0}
	header .header .gnb .gnb_ul li a {color: #333}
	header .header .gnb .gnb_ul li.on a span {color: #00aeff;font-family: 'NanumSquare-EB';}
	header .header::after {clear: both;display: block;content: ''}
	
	.gnb_btn, .mgnb, .mgnbmask {display: none}

	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_title {text-align: center;font-size: 2em;margin-bottom: 30px;line-height: 1em}
	
	
	#contents {margin-top:0;overflow: hidden}
	.wrap {width: 98%;margin: 0 auto;position: relative}

	footer {background: #333;color: #fff;position: relative;padding: 30px 0 30px}
	footer .info {overflow: hidden;}
	footer .info .text {font-size: 13px;line-height: 2em}
	footer .info .text span {border-right: 1px solid #666;padding: 0 10px}
	footer .info .text span.first {padding-left: 0}
	footer .nav {position: absolute;right: 0;top:0;text-align: right}
	footer .nav ul li {float: left;font-family: 'NanumSquare-EB';margin-left: 10px;font-size: 13px;border-left: 1px solid #666;line-height: 1em;padding-left: 10px}
	footer .nav ul li a {color: #fff}
	footer .copy {font-size: 12px;margin-top: 15px;position: absolute;right: 0;bottom:0;text-align: right}
}

@media screen and (max-width: 780px){/* 최소 ~ 최대 720 */
	body {font-size:14px;margin: 0;padding: 0;line-height: 1.6em;font-weight: 400;}
	.pc {display: none}
	.tb {display: none}
	.mo {display: inherit}

	header {width:100%;z-index: 10}
	header .header {z-index: 10;position: fixed;width: 100%;background:rgba(255, 255, 255, 0.95);border-bottom: 1px solid #ddd}
	header .header .top {height: 70px;display: table;width: 100%;}
	header .header .top .time {display: none}
	header .header .top .logo {text-align: center;display: table-cell;vertical-align: middle;width: 100%}
	header .header .top .tel {display: none}
	header .header .top .logo img {height: 30px;cursor: pointer;}
	header .header .gnb {display: none}

	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_title {text-align: center;font-size: 2em;margin-bottom: 30px;line-height: 1em}
			
	.m_gnb_ul {display: table;width: 100%;text-align: center;margin-top: 10px;}
	.m_gnb_ul li {font-size: 1.8em;line-height: 1.1em;padding: 15px 20px;font-weight: 300;position: relative;}
	.m_gnb_ul li a {color: #2f2f2f}
	.m_gnb_ul li.on .depth0{font-weight: bold;border-bottom: 5px solid #4095df}
	.m_gnb_ul li .m_gnb_sub_nav {margin-top: 0}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 {font-size: 15px;margin-top:10px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li {padding: 15px 0;}
	
	.mgnb {color: #67646e;position: fixed;z-index:99;width:360px;top:0px;background:#fff;display: table;right: -360px;visibility: hidden}
	.mgnbmask {position: fixed;top:0px;z-index: 8;width:100%;display: none}
	.mgnb .logo {padding: 30px}
	.mgnb .logo img {height: 60px}
	.mgnb ul li a {color: #2f2f2f}
	.nav_logo {padding: 80px 20px 20px;text-align: center}
	
	.gnb_btn {position: fixed;right: 20px;top:12px;display: table;z-index: 99}
	.back_btn {position: absolute;left: 20px;top:14px;cursor: pointer}
	.back_btn img {height: 16px}

	#contents {margin-top:0;overflow: hidden}
	.wrap {width: 92%;margin: 0 auto;position: relative}

	/* carousel */
	.carousel {z-index: 0;margin-top: 70px}
	.carousel .main_ba {height: 435px;display: table;width: 100%}
	.carousel .main_ba .ba_text {display: table-cell;vertical-align: middle;font-size: 32px;color: #fff;line-height: 1.4em;text-shadow: 2px 2px 4px #aaa}
	
	.icon_nav_ul {margin-top:-63px;background: #fff;overflow: hidden;border: 1px solid #ddd}
	.icon_nav_ul li {float: left;width: 33.3%;}
	.icon_nav_ul li .inner {margin: 25px 0;text-align: center;border-right: 1px solid #ddd}
	.icon_nav_ul li:last-child .inner {border-right: 0}
	.icon_nav_ul li .inner img {height: 35px;}
	.icon_nav_ul li .inner .text {margin-top:15px;font-size: 14px;color: #333}
	
	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_title {text-align: center;font-size: 2.4em;margin-top: 10px;margin-bottom: 50px;line-height: 1em}
	
	.focus_list ul {display: table;overflow: hidden;width: 100%}
	.focus_list ul li {float: left;width: 48%;margin: 1%}
	.focus_list ul li .img img {max-width: 100%}
	.focus_list ul li .box_text {background: #fff;padding: 25px 20px}
	.focus_list ul li .box_text .mt {color: #2a2f6e;font-family: 'NanumSquare-EB';font-size: 20px}
	.focus_list ul li .box_text .st {
		color: #555555;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.5em;
		height: 4.5em;
		width: 100%;
		font-size: 15px !important;
		margin-top:20px
	}
	.focus_list ul li .box_text .more {color: #333;position: relative}
	
	.main_left .bolda, .main_right .bolda {font-size: 36px;line-height: 1.5em}
	.main_left {float: left;width: 100%;padding-right: 0;position: relative;margin-bottom: 50px}
	.main_right {float: right;width: 100%;padding-left: 0;position: relative}
	
	.btn_set {background: #fff;border: 1px solid #ddd;overflow: hidden}
	.btn_set .prv_btn {border-right: 1px solid #ddd;cursor: pointer}
	.btn_set div {float: left;padding: 16px 22px}
	.main_left .btn_set {position: absolute;right: 20px;bottom: 0;}
	.main_right .btn_set {position: absolute;right: 0;bottom: 0;}
	.btn_set img {width: 12px}
	.btn_set div:hover {background: #eee}
	
	.footer_box {float: left;width: 100%;height: 285px;display: table;background: #fff}
	.footer_box .img {display: table-cell;width: 50%;}
	.footer_box .textbox {display: table-cell;width: 50%;vertical-align: middle;padding: 0 50px}
	.footer_box .textbox .subject {font-size: 20px}
	.footer_box .textbox .sub {color: #aaa;}
	.footer_box .textbox .bar {margin: 10px 0;background: #4d6fb8;height: 1px;width: 20px}
	.footer_box .textbox .body {font-size: 17px;color: #515151}
	
	footer {background: #333;color: #fff;position: relative;padding: 30px}
	footer .info {overflow: hidden;margin-top:20px}
	footer .info .text {font-size: 13px;line-height: 2em}
	footer .info .text span {border-right: 0;padding: 0;display: block}
	footer .info .text span.first {padding-left: 0}
	footer .nav {position: absolute;text-align: left;left: 0;top:0px}
	footer .nav ul li {float: left;font-family: 'NanumSquare-EB';margin-left: 0;font-size: 13px;border-left: 1px solid #666;line-height: 1em;padding-right: 10px}
	footer .nav ul li a {color: #fff}
	footer .copy {font-size: 12px;margin-top: 15px;position: relative;text-align: left}
}