/* Designed and Coding By MEDICAST */
/* Designer Yoon Jain (design,html,css,jquery) */

@charset "UTF-8";
/* font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@font-face{
	font-family:'NanumSquare';
	src:url(./font/NanumSquareR.eot);
	src:url(./font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	url(./font/NanumSquareR.woff) format('woff'),
	url(./font/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:normal;
	src:url('./font/NanumBarunGothic.eot');
	src:url('./font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumBarunGothic.woff') format('woff'),
	url(./font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:bold;
	src:url('./font/NanumBarunGothicBold.eot');
	src:url('./font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
	url('./fonts/NanumBarunGothicBold.woff') format('woff'),
	url(./font/NanumBarunGothicBold.ttf) format('truetype');
}
/* reset */
*{font-family:'Noto Sans KR',sans-serif;-webkit-text-size-adjust:none;/* 아이폰 텍스트 자동확대 막기 */}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;list-style:none;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{color:#333;text-decoration:none;}
a:hover,a:active,a:focus{color:#000;text-decoration:none}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;}
::selection{background:rgba(1,223,215,0.65); color:#fff;} /* 텍스트 드래그 시 속성(IE8 이상) */
::-moz-selection{background:rgba(1,223,215,0.65); color:#fff;}
/* basic */
html{overflow-y:scroll; font-family:'Noto Sans KR', 'NanumGothic', 'Nanum Gothic', '나눔고딕', '돋움', Arial, sans-serif; font-size:16px; line-height:150%; color:#666; letter-spacing:-.75px;}
body{width:100%; height:100%; background:#fff; margin:0 auto;}
a{font-family:'Noto Sans KR', 'NanumGothic', 'Nanum Gothic', '나눔고딕', '돋움', Arial, sans-serif;}
/*공통*/
.wrap{width:1080px; height:100%; margin:0 auto; position:relative;}

/*header*/
#header{clear:both; width:100%; height:185px; position:relative; z-index:999999; background:#b6e4d7;}
#header .logo{width:100%; height:140px;}
#header .logo img{width:205px; height:109px; position:absolute; top:50%; left:50%; margin-top:-54.5px; margin-left:-102.5px;}
#header .openm{display:none;}
#header .nav{position:relative; width:100%; height:45px; background:#b6e4d7;}
#header .navfixed{position:fixed; top:0; padding:5px 0;}
#header .nav .wrap{padding:0px; text-align:center;}
#header .nav .gnb{position:relative; display:inline-block;}
#header .nav .gnb:after{content:''; display:block; clear:both;}
#header .nav .gnb > li{float:left; padding:8px 55px 10px; text-align:center;}
#header .nav .gnb > li > a{display:block; padding:5px 2px; font-size:16px; font-weight:normal; color:#222;}
#header .nav .gnb > li > a:hover{color:#88746a;}
#header .nav .gnb > li.on > a{color:#88746a; border-bottom:1px solid #88746a;}
#header .nav .mgnb{display:none;}

/*footer*/
#footer{clear:both; width:100%; background:#363636;}
#footer address{padding:30px 0px 40px;}
#footer address span{display:block; color:#fff; font-size:13px; line-height:26px;}
#footer address span img{display:inline-block; margin:0 7px 3px 0;}
#footer address span a{color:#545454; font-size:13px; display:block; margin-top:20px;}
#footer address span b.blank{display:inline-block; width:0; height:0; margin:0 10px;}
#footer .link{position:absolute; top:30px; right:0; text-align:right;}
#footer .link a{display:inline-block; color:#fff; font-size:13px;}
#footer .link a:focus,
#footer .link a:hover{color:#fff594;}

@media screen and (max-width:1199px) and (min-width:780px){
	.wrap, .wrap2{width:96%;}
	/*header*/
	#header .nav .gnb > li{padding:0px 25px 8px;}
	#header .nav .gnb > li > a{padding:10px 0;}
	/*footer*/
	#footer address{padding:30px 3% 40px;}
}

@media screen and (max-width:779px){
	.wrap, .wrap2{width:96%;}
	/*header*/
	#header{position:fixed; width:100%; height:90px; top:0; background:#fff; border-bottom:1px solid #b6e4d7;}
	#header .logo{width:100%; height:90px;}
	#header .logo h1{display:block; width:100%; margin:0; padding:22px 20px; box-sizing:border-box;}
	#header .logo img{clear:both; position:relative; width:120px; height:50px; top:0; left:0; margin:0;}
	#header .nav, #header .navfixed{position:relative; height:100%; border-bottom:none; background:none;}
	#header .nav .gnb, #header .navfixed .gnb{display:none;}
	#header .nav .openm{display:block; position:absolute; width:45px; height:45px; top:-68px; right:20px; text-indent:-999999px; background:url(../images/ico_menu.gif) no-repeat center center #67b194; cursor:pointer;}
	#header .navfixed .openm{display:block; position:absolute; width:45px; height:45px; top:-73px; right:20px; text-indent:-999999px; background:url(../images/ico_menu.gif) no-repeat center center #67b194; cursor:pointer;}
	#header .nav .mgnb, #header .navfixed .mgnb{display:none; position:relative; width:100%;}
	#header .nav .mgnb.on, #header .navfixed .mgnb.on{display:block; position:fixed; top:90px; left:0; z-index:9999; border-top:1px solid #b6e4d7; border-bottom:1px solid #b6e4d7;}
	#header .nav .mgnb:after, #header .navfixed .mgnb:after{content:''; display:block; clear:both;}
	#header .nav .mgnb > li, #header .navfixed .mgnb > li{width:auto; width:100%; text-align:center; border-bottom:1px solid #e6eceb;}
	#header .nav .mgnb > li:last-child, #header .navfixed .mgnb > li:last-child{border-bottom:none;}
	#header .nav .mgnb > li > a, #header .navfixed .mgnb > li > a{display:block; padding:15px; font-size:16px; font-weight:bold; background:rgba(255,255,255,0.95); color:#222; box-sizing:border-box;}
	#header .nav .mgnb > li > ul, #header .navfixed .mgnb > li > ul{padding:15px 0; display:block; background:rgba(232,68,61,0.9);}
	#header .nav .mgnb > li > ul li, #header .navfixed .mgnb > li > ul li{margin-bottom:12px; padding:5px 0;}
	#header .nav .mgnb > li > ul li a, #header .navfixed .mgnb > li > ul li a{color:#fff; font-size:14px;}
	#header .nav .mgnb > li > ul li a:hover, #header .navfixed .mgnb > li > ul li a:hover{text-decoration:underline;}
	/*footer*/
	#footer address{padding:30px 2% 40px;}
	#footer .link{position:relative; top:auto; margin:-20px 0 0; padding:0 2% 40px;}
}