@charset "utf-8";
@import url(http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css);
/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body, input, textarea, select, button, table {
	line-height:1;
	font-family: "나눔고딕",NanumGothic,"돋움",dotum,applegothic,sans-serif;
    font-size: 12px;
	color: #767676;
	-webkit-font-smoothing: antialiased;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,.section{display:block}
nav, ul, li{list-style:none}
li {list-style:none;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a {text-decoration:none;margin:0;padding:0; outline:none;font-size:100%;vertical-align:baseline;background:transparent;color:#333;}

a:link, a:visited {text-decoration: none;}
ol, ul { list-style: none; }
hr { display:none; }
h1,h2,h3,h4,h5,h6 {font-size:1em;}

ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; /* aaaaaaaaaaa같은 영문때문에 필요 */}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.skip {visibility:hidden; width:0; height:0; font-size:0; line-height:0;text-indent:-5000px;position:absolute; top:-5000px;}


/* common */
.pd0 {padding:0 !important;}
.line {border-top:1px solid #dddddd;}
.sub_title {font-size:18px;color:#222;}
.mgl3 {margin-left:3px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb10 {margin-bottom:10px !important;}
.pdw {padding:20px 0 15px;}
.mgb0 {margin-bottom:0 !important;}
.orange {color:#f37022;}
.pd10 {padding:0 10px;}
#wrap {font-family: nanum gothic,'돋움',Dotum,AppleGothic,Arial,sans-serif;font-size: 12px;}


#wrap {font-family: nanum gothic,'돋움',Dotum,AppleGothic,Arial,sans-serif;font-size: 12px;}
.color1{color:#00A087;}
.pd10 {padding:0 10px;}
#wrap {min-width:360px;}
header {background:url(../images/header_bg.png) repeat-x left bottom;/* border-bottom:6px solid #00a087; */width:100%;}
.header_inner {max-width:1100px;margin:0 auto;}
.header_inner .member_top {text-align:right;font-size:13px;color:#00a087;margin-top:15px;height:25px;float:right;width:500px;}
.header_inner .member_top a {color:#00a087}
.header_inner .company_top {margin-top:0px;}
.header_inner .company_top:after {content:" ";clear:both;display:block;} 
.header_inner .company_top h1 {float:left;width:20%;margin-top:25px;font-size:3.5em;}
.logotext{padding-bottom:10px;vertical-align:bottom;padding-top:38px;white-space:nowrap;
  }
.header_inner .company_top #pc_gnb {float:right;}
.header_inner .company_top #pc_gnb > ul {width:100%;}
.header_inner .company_top #pc_gnb  ul ul {display: none;}

.header_inner .company_top #pc_gnb > ul > li {display:inline-block;white-space:nowrap;position:relative;margin-top:15px;font-size:18px;font-weight: 600;text-align:center;color: #333;border-bottom:6px solid #00a087;}
.header_inner .company_top #pc_gnb > ul > li > a {display:block;padding: 17px 34px;height:100%;color:#333;}
.header_inner .company_top #pc_gnb > ul > li:hover {border-bottom:6px solid orange;}
.header_inner .company_top #pc_gnb > ul > li.current-menu-item {border-bottom:6px solid orange;color:#fff000;}
.header_inner .company_top #pc_gnb > ul > li > ul {width:130%;position:absolute;background:#f8f8f8;top:/* 68px */60px;left:0px;text-align:left;margin-top:7px;z-index:999;}
.header_inner .company_top #pc_gnb > ul > li > ul > li {/* margin-right:15px;margin-left:15px; */line-height:33px;border-bottom:1px solid #ececec;padding:0 10px 0 25px;}
.header_inner .company_top #pc_gnb > ul > li > ul > li:hover {background:#fff;}
.header_inner .company_top #pc_gnb > ul > li > ul > li > a {display:inline-block;width:100%;font-size:14px;}	
.header_inner .company_top #pc_gnb > ul > li > ul > li > a:hover {color:orange;}
#navi {background:#f8f8f8;border-bottom:1px solid #f0f0f0;height:29px;}
#navi .navi_inner {max-width:1100px;margin:0 auto;text-align:right;padding: 7px 0px 11px;}
#navi .navi_inner span {padding:0 10px;}

/* .section area */
.section {width:100%;}
	.section .bgt{width:100%;height:20px;}
	.section .container {/* background:orange; */max-width:1100px;margin:0px auto;padding:20px;min-height:400px;background:#ffffff;}
	.section .container:after {content:" ";clear:both;display:block;}
	.section .container .sub_menu {width:16%;float:left;/* background:pink; */}
	.section .container .sub_menu > div {margin-right:30px;}
	.section .container .sub_menu > div > h2 {margin-bottom: 20px;padding: 20px 0px;border-top: 2px solid #000;border-bottom: 2px solid #000;font-size: 20px;font-weight: 800;color:#000;text-align: center;}
	.section .container .sub_menu > div > ul {}
	.section .container .sub_menu > div > ul ul {display: none;}

	.section .container .sub_menu > div > ul > li {border-bottom: 1px solid #ececec;overflow:hidden;}
	.section .container .sub_menu > div > ul > li > a {display:block;width:100%;display: block;height: 35px;padding-left: 11px;line-height: 35px;font-size: 17px;font-weight:bold;color:#666;}

	.section .container .sub_menu > div > ul > li > ul {border-top: 1px solid #ececec;overflow:hidden;padding:10px 0 10px 10px;}
	.section .container .sub_menu > div > ul > li > ul > li {background:url(../images/bg_li.png) left center no-repeat;font-size:12px;padding-left:15px;}
	.section .container .sub_menu > div > ul > li > ul > li.on {background:url(../images/bg_on.png) left center no-repeat;padding-left:15px;}
	.section .container .sub_menu > div > ul > li > ul > li.on > a {color:#f06f1b;}
	.section .container .sub_menu > div > ul > li > ul > li > a {display:block;margin-bottom:10px;color:#666;font-weight:bold;}
	.section .container .sub_menu > div > ul > li > ul > li:last-child a {margin-bottom:0;font-weight:bold;}
.section .container .sub_menu > div > ul > li.on > a{background:#00a087;color:#fff;}
	#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	padding: 0.6em 0.8em;
	background-color:#00a087;
	color: #fff;
}
	.section .container .content {width:84%;float:left;/* background:skyblue; */} 
	.section .container .content > div {margin-left:30px;}
	.section .container .content > div > .con_title {}
	.section .container .content > div > .con_title > .tit_h3 {float: left;margin-right: 5px;padding-top: 26px;font-size: 32px;font-weight: 600;color: #006666;background: url(../images/top_h3_bg.gif) no-repeat 0 0;}
	.section .container .content > div > .con_title > .tit_p {float: left;padding-top: 45px;color: #666;}

.footer {background:#f6f6f6;border-top:1px solid #f0f0f0;}
	.footer .footer_inner {max-width:1100px;margin:0px auto;padding:30px 10px;}
	.footer .footer_inner > div {line-height:20px;}
	.footer .footer_inner > div:first-child {}
	.footer .footer_inner > div:first-child > ul {overflow:hidden;}
	.footer .footer_inner > div:first-child > ul > li {float:left;padding-right:30px;font-weight:bold;}
	.footer .footer_inner > div:first-child > ul > li.last {padding-right:0;}
	.footer .footer_inner > div:first-child > ul > li.on a {color:#00a087;}
	.footer .footer_inner > div:nth-child(2) {margin-top:20px;}
	.footer .footer_inner > div:nth-child(3) {}

		.myButton {
			margin-top:20px;
			
	background-color:#44c767;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:3px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:16px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}
.coch li{
font-size:17px;
padding:8px;
color:#333333;
}
.coch2 li{
font-size:15px;
padding:5px;
}


.nums {
	background-color:#44c767;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.nums:hover {
	background-color:#5cbf2a;
}
.nums:active {
	position:relative;
	top:1px;
}





@media screen and (max-width: 1150px) {
	.header_inner .company_top #pc_gnb > ul > li:last-child > ul {left:0px;}
	.header_inner .company_top #pc_gnb > ul > li:last-child > ul > li {margin-left:10px;margin-right:0px;line-height:33px;padding-left:5px}
}
@media screen and (max-width: 800px) {
	header{top:0px;background:#fff;}
	.header_inner .company_top {margin-top:10px;}
		.header_inner .company_top img {}
	.header_inner .member_top {height:30px;margin-top:2px;}
	
	.header_inner .company_top h1 {float:none;width:100%;text-align:center;margin:0 auto;margin-bottom:0px;margin-top:0;}
	.header_inner .company_top #pc_gnb {float:none;width:100%;margin-top:0px;}
	.header_inner .company_top #pc_gnb > ul > li {float:left;padding-left: 0px;width:25%;border-top:1px solid #00a087;margin-top:8px;}
	.header_inner .company_top #pc_gnb > ul > li:hover>ul{display:block;}
	.header_inner .company_top #pc_gnb > ul > li > a {padding: 10px 0px;padding-left:0;font-size:14px;}
	.header_inner .company_top #pc_gnb > ul > li.dropdown > a {pointer-events: none;}
	.header_inner .company_top #pc_gnb > ul > li > ul {left:0;margin-left:0px;width:200%;top:33px;}
	.header_inner .company_top #pc_gnb > ul > li > ul > li {padding:0 10px 0 15px;}
		.header_inner .company_top #pc_gnb > ul > li > ul > li > ul {display:block;}
	
		.header_inner .company_top #pc_gnb > ul > li > ul > li > ul > li > a {padding: 10px 0px;padding-left:10px;font-size:13px;}

	.header_inner .company_top #pc_gnb > ul > li:last-child > ul {width:200%;left:-100%;} /* last li */
	.header_inner .company_top #pc_gnb > ul > li:last-child > ul > li {margin-left:0px;padding:0 10px 0 15px;} /* last li */
	.header_inner .company_top #pc_gnb > ul > li:last-child > ul > li > a {padding-left:0px;}
	/* ------------------------------------------------ */
	/* content .section .container {max-width:1100px;margin:30px auto;padding:0px;min-height:400px;}
*/
	/* ------------------------------------------------ */
	.section .container .sub_menu {display:none;}
	.section .container .content {width:100%;float:none;margin:0px auto;} 
	.section .container .content > div {margin-left:0;}
	#navi {display:none;}
	.footer .footer_inner {padding:20px 10px;}
}
@media screen and (max-width: 540px) {
.section .container {/* background:orange; */max-width:1100px;margin:0px auto;padding:0px;min-height:400px;}
	.header_inner .company_top #pc_gnb > ul > li:hover>ul{display:block;}
	.header_inner .company_top #pc_gnb > ul > li > ul {left:0;}

	.header_inner .company_top #pc_gnb > ul > li > ul > li {padding-left:10px;margin-right:0px;}
	.header_inner .company_top #pc_gnb > ul > li > ul > li > a {font-size:13px;padding-left:5px;}
	.box1 {margin:0 5px;}
}

@media screen and (max-width: 360px) {
	.header_inner .company_top #pc_gnb > ul > li:hover>ul{display:block;}
	.header_inner .company_top #pc_gnb > ul > li > ul > li > a {font-size:13px;}
}


/*-----------------------------------------------------------*/
/* index */
/*-----------------------------------------------------------*/
/* title / more inline */
.owrap {overflow:hidden;}
.owrap > h2 {float:left;font-size:24px;color:#222;}
.owrap > h3 {float:left;font-size:18px;color:#222;}
.owrap > div {float:right}
.owrap > div > a {color:#f37022;font-size:13px;text-decoration:underline;line-height:25px;font-weight:bold;}

.cont_area{padding:0px 10px;}
/* top */
.top_area {}
.top_area:after {content: " ";clear:both;display:block;}
.top_area .main_wrap {float:left;width:68%;}
.top_area .main_wrap > div {margin-right:20px;}
.top_area .main_wrap > div > img {width:100%;}
.top_area .r_wrap {float:left;width:32%;}
.top_area .r_wrap > div {margin-left:20px;border-top:4px solid #00a087;border-bottom:4px solid #00a087;}
.box1 .sub_title {color:#007260;font-size:14px;margin-bottom:20px;}
.box1 .img_wrap {width:100%;}
.box1 .img_wrap img {width:100%;}
.box1 .img_wrap a img {width:100%;}
.box1 p.desc {color:#666666;font-size:14px;line-height:22px;margin:20px 0 24px;}

/* middle */
.info_wrap {margin-top:50px;}
.info_wrap:after {content:" ";clear:both;display:block;}
.info_wrap .f_wrap {float:left;width:30%;}
.info_wrap .f_wrap > div {padding-right:30px;}
.info_wrap .f_wrap > div > ul {margin-top:20px;width:100%;}
.info_wrap .f_wrap > div > ul > li {background:url(../images/bg_dot1.png) left 45% no-repeat;padding-right:1px;padding-left:10px;line-height:22px;font-size:13px;}
.info_wrap .f_wrap > div > ul > li > a {display:block;}
.info_wrap .s_wrap {float:left;width:40%;}
.info_wrap .s_wrap > div {border-left:0px solid #dddddd;border-right:1px solid #dddddd;padding:0 30px;}
.info_wrap .s_wrap > div > ul {margin-top:30px;}
.info_wrap .s_wrap > div > ul:after {content:" ";clear:both;display:block;}
.info_wrap .s_wrap > div > ul > li {float:left;width:25%;text-align:center;}
.info_wrap .s_wrap > div > ul > li > div > a {font-size:14px;color:#000;font-weight:bold;}
.info_wrap .s_wrap > div > ul > li > div {margin-top:20px;}
.info_wrap .l_wrap {float:left;width:30%;}
.info_wrap .l_wrap > div {padding-left:30px;}
.info_wrap .l_wrap .desc {padding:20px 0;font-size:14px;color:#666666;}
.info_wrap .l_wrap > div > div {}
.info_wrap .l_wrap > div > div:after {content: " ";clear:both;display:block;}
.info_wrap .l_wrap > div > div > .img_wrap {float:left;width:15%;}
.info_wrap .l_wrap > div > div > .img_wrap > img {width:100%;}
.info_wrap .l_wrap > div > div > .img_wrap > a > img {width:100%;}
.info_wrap .l_wrap > div > div > .tel {float:left;width:85%;}
.info_wrap .l_wrap > div > div > .tel > div {margin-left:20px;}
.info_wrap .l_wrap > div > div > .tel > div > div:first-child {float:left;margin-top:-4px;font-size:30px;font-weight:bold;width:100%;padding:10px 0;}}
.info_wrap .l_wrap > div > div > .tel > div > div:last-child {float:left;padding-left:5px;padding-top:5px;font-size:14px;}

/* bottom */
.item_wrap {margin-top:40px;border-top:1px solid #ddd;/* padding:30px 0; */}
.item_wrap .item_container {float:left;width:50%;}
.item_wrap .item_container > div {border-right:1px solid #ddd;padding:30px 30px 30px 0;}
.item_wrap .item_container > div:after {content:" ";clear:both;display:block;}
.item_wrap .as_container { float:left;width:50%;}
.item_wrap .as_container > div {;padding:30px 0 30px 30px;}
.item_wrap p {font-size:13px;color:#666;margin-top:10px;line-height:20px;}
.item_wrap .img_wrap {float:left;width:50%;}
.item_wrap .img_wrap > div.left {margin:0 5px;}
.item_wrap .img_wrap > div.right {margin-left:4px;}
.item_wrap .img_wrap > div > img {width:100%;}
.item_wrap .img_wrap > div > a > img {width:100%;}
.item_wrap h4 {margin-top:10px;font-size:15px;color:#222;}
.item_wrap2 {margin-top:0px;border-top:1px solid #ddd;/* padding:30px 0; */}
.item_wrap2 .item_container {float:left;width:100%;padding-top:30px;}
.item_wrap2 .s_wrap > div > ul > li {float:left;width:20%;text-align:center;}

@media screen and (max-width: 1100px) {
	.info_wrap .l_wrap > div > div > .tel > div > div:first-child {font-size:30px;padding:15px 0;}
}


@media screen and (max-width: 850px) {
	.section .container {margin-top:0;}
	/* top */
	.top_area .main_wrap {float:none;width:100%;}
	.top_area .main_wrap > div {margin-right:0px;}
	.top_area .main_wrap > div > img {width:100%;}
	.top_area .r_wrap {float:none;width:100%;margin-top:0px;}
	.top_area .r_wrap > div {margin-left:0px;border-top:4px solid #00a087;border-bottom:4px solid #00a087;}

	/* middle */
	.info_wrap {margin-top:30px;}
	.info_wrap .f_wrap {float:none;width:98%;margin-left:1%;margin-right:1%;margin-bottom:30px;}
	.info_wrap .f_wrap > div {padding-right:0px;}
	.info_wrap .f_wrap > div > ul {margin-top:17px;}
	.info_wrap .s_wrap {float:none;width:98%;margin-left:1%;margin-right:1%;margin-bottom:30px;border-top:1px solid #ddd;padding-top:20px;}
	.info_wrap .s_wrap > div {border:none;padding:0;}
	.info_wrap .s_wrap > div > ul {margin-top:20px;}
	.info_wrap .s_wrap > div > ul > li img {width:70px;}
		.info_wrap .s_wrap > div > ul > li > div > a {font-size:12px;}
	.info_wrap .l_wrap {float:none;width:98%;margin-left:1%;margin-right:1%;margin-bottom:30px;border-top:1px solid #ddd;padding-top:20px;}
	.info_wrap .l_wrap > div {padding-left:0px;}
	.info_wrap .l_wrap > div > div {width:90%;margin:0 auto; }
	.info_wrap .l_wrap > div > div > img {margin-right:20px;}
	.info_wrap .l_wrap > div > div > .tel > div > div:first-child {font-size:27px;padding:15px 0px;}

	/* bottom */
	.item_wrap {margin-top:40px;border-top:1px solid #ddd;padding:20px 0;}
	.item_wrap .item_container {float:none;width:98%;margin-left:1%;margin-right:1%;}
	.item_wrap .item_container > div {padding-top:0;padding-right:0px;border-right:none;}
	/* .item_wrap .item_container > div {border-right:1px solid #ddd;padding:30px 30px 30px 0;} */
	.item_wrap .as_container { float:none;width:98%;margin-left:1%;margin-right:1%;margin-top:0px;border-top:1px solid #ddd;padding-top:20px}
	.item_wrap .as_container > div {padding-top:0;padding-left:0px;}

.nums {
	background-color:#44c767;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}

.coch li{
font-size:12px;
padding:6px;
}
.coch2 li{
font-size:14px;
padding:5px;
}

.item_wrap2 .s_wrap > div > ul > li {float:left;width:50%;text-align:center;}

}

@media screen and (max-width: 381px) {
	.info_wrap .l_wrap > div > div > div.tel > div:first-child {float:left;margin-top:-4px;font-size:37px;font-weight:bold;width:80%;}
	.info_wrap .l_wrap > div > div > div.tel > div:last-child {float:left;padding-left:5px;padding-top:5px;font-size:14px;width:77%;}
	.owrap > h2 {float:left;font-size:22px;color:#222;}
	.owrap > h3 {float:left;font-size:16px;color:#222;}
	.sub_title {font-size:16px}
}