@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Material+Icons);
@import url(css/blank.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
html,body {}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Roboto', sans-serif; color:#505050;}
div {display:block;}
.clearfix {content:"";clear:both;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
#sub .inner {width:1100px;margin:auto;clear:both}
#main .inner {width:1200px;margin:auto;clear:both}
.inner2 {width:1060px;margin:auto;clear:both}
.c_logo {color:#9f843f !important}
.c_main {color:#a89b8d !important}
.c_bold {color:#4b4846 !important}
.c_sky1 {color:#809eb1 !important}
.c_sky2 {color:#80adc9 !important}
.c_navy {color:#003c63 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:50px;line-height:1.15}
h2 {font-size:40px;line-height:1.5}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
.mj {font-family: "Nanum Myeongjo", serif !important;letter-spacing: -0.1em;}

span {color:inherit}

.float {float:left;}
.float_r {float:right}
.center {text-align:center !important}


hr {width:100%;height:1px;background:#d0d0d0;border:0;}


/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}
.half {width:50% !important}

/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 공통 */
body {width:100%; min-width:1500px; height:100%; margin: 0 auto; position: relative;}
#wrap {width:100%; min-width:1500px; margin:auto;height:100%; position: relative;}
#nav {width:200px;position:fixed;left:0; top:0; bottom:0; z-index:10; line-height:0; height:100%;min-height:950px; box-shadow:0 0 15px #a0a0a0; background-color: #fff;}
#nav h1.logo {height:202px;width:100%;background:url(images/logo.png) center no-repeat;}
#nav h1.logo a {text-indent:-3333px;display:block;height:100%}
#nav #gnb {text-align:center; float: left; display: block; width: 100%;/*position:relative;*/border-top:3px #2baccf solid;}



/* 공통 하단 */
#footer {position: relative; padding:40px 0;color:#808080; font-size:14px;line-height:1.6;width:100%;border-top:1px #e0e0e0 solid; background-color: #fff;height: 168px; margin: 0 auto;}
#footer .inner a.ft_logo img{float:left;}
#footer .inner a.ft_logo {display: block; width: 100%; height: 100%;}
#footer .inner a.gp_top img{display: block; width: 100%; height: 100%;}
#footer .footer_txt {float:left; margin-left:40px;}
#footer a.admin {float:right;width:42px;height:42px;line-height:42px;color:#fff;font-weight:bold;background:#959595;font-size:13px;display:block}







/*main*/
#main_wrap {width:100%;position:relative;margin-top:-365px;display:inline-block;}
#main_wrap .section {float:left;width:400px;height:368px;}
#main_wrap .section2 {float:left;width:400px;height:232px;}
#main_wrap .section3 {float:left;width:400px;height:464px;}
#main_wrap .section.s1 {background:url(images/section_01.png) center no-repeat}
#main_wrap .section.s2 {background:url(images/section_02.png) center no-repeat}
#main_wrap .section.s3 {background:url(images/section_03.png) center no-repeat}
#main_wrap .section2.s4 {background:url(images/section_04.png) center no-repeat;}
#main_wrap .section2.s5 {background:url(images/section_05.png) center no-repeat}
#main_wrap .section2.s6 {background:url(images/section_06.png) center no-repeat}
#main_wrap .section3.s7 {background:url(images/section_07.png) center no-repeat}


#main_wrap .section3.s8 {background:url(images/section_08.png) center no-repeat}
#main_wrap .section3.s9 {background:url(images/section_09.png) center no-repeat}


#main_wrap .section > a {display:block;height:368px;text-indent:-3333px}
#main_wrap .section2 > a {display:block;height:232px;text-indent:-3333px}

#main_wrap .section3.s7 ul { width:400px; height: 464px;}
#main_wrap .section3.s7 ul li{float:left; width: 100%; height:232px;}
#main_wrap .section3.s7 ul li a {display:block; width:100%;height:232px; text-indent:-3333px;}

#main_wrap .section3.s8 ul { width:400px; height: 464px;}
#main_wrap .section3.s8 ul li:nth-child(1){float:left; width: 100%; height:390px;}
#main_wrap .section3.s8 ul li:nth-child(1) a {display:block; width:100%;height:390px; text-indent:-3333px;}
#main_wrap .section3.s8 ul li:nth-child(2){float:left; width: 200px; height:74px;}
#main_wrap .section3.s8 ul li:nth-child(2) a {display:block; width:200px;height:74px; text-indent:-3333px;}
#main_wrap .section3.s8 ul li:nth-child(3){float:left; width: 200px; height:74px;}
#main_wrap .section3.s8 ul li:nth-child(3) a {display:block; width:200px;height:74px; text-indent:-3333px;}

#main_wrap .section3.s9 ul { width:400px; height: 464px;}
#main_wrap .section3.s9 ul li:nth-child(1){float:left; width: 100%; height:312px;}
#main_wrap .section3.s9 ul li:nth-child(1) a {display:block; width:100%;height:312px; text-indent:-3333px;}
#main_wrap .section3.s9 ul li:nth-child(2){float:left; width: 140px; height:152px;}
#main_wrap .section3.s9 ul li:nth-child(2) a {display:block; width:100%;height:152px; text-indent:-3333px;}




#main_wrap .section.output,#main_wrap .section.s10 {background:#fff;border-right:1px #e0e0e0 solid;padding:45px;}
#main_wrap .section.output h2 {width:100%;margin-bottom:10px}
#main_wrap .section.output h2 a {display:block; background:url(images/output_more.gif) right center no-repeat;}
#main_wrap .section.output .output_box {width:100%}




#main.container {width:100%; position: relative; min-width: 1200px; padding-left: 200px; height: 100%; background-color: #f5f5f5; }
#sub.container {width:100%; position: relative; min-width: 1100px; padding-left: 200px; height: 100%; background-color: #fff; }
.container .flexslider {width:100%;height: 100%;}
.container .flexslider .main_sl1 {background:url(images/main_sl_bg.jpg) top center no-repeat;height: 879px}



/* 서브 */
#sub { padding-left:180px}
#sub .inner {width:1100px;}
#sub .category {width:100%;height:205px;padding-top:56px }
#sub .category .route {font-size:14px;color:#808080;line-height:2}


#sub #content  {width:100%; display:inline-block;min-height:600px; margin-bottom:100px;}
#sub #content .paragraph {width:100%; display:inline-block;position:relative}
#sub #content .paragraph p {color:#505050;word-break : keep-all}


/*sub1_5*/
#sub .paragraph .mapbg{width:100%; height:163px;  margin:0 auto; background:url(images/sub1_5_mapbg.png) no-repeat center;}
#sub .paragraph .mapbg ul {width:390px; height: 110px; float: right; margin-top: 25px;}
#sub .paragraph .mapbg ul li{float: left; margin-right: 20px; width: 110px; height:110px;}
#sub .paragraph .mapbg ul li a{margin-right: 20px; width: 100%; height:100%;display: block;}


/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:17px;line-height:1.7;min-height:500px}
#main #main_wrap .section3 .output {width:250px;margin-top:0px;line-height:1.6;height:152px;max-height:152px;font-size:16px;}


/* 테이블 */
#sub #content .paragraph table.bagic {border-top:3px solid #38b5d2; }
#sub #content .paragraph table.bagic p{font-size: 16px; line-height: 1.8; }
#sub #content .paragraph table.bagic tr.title{background-color:#e0e0e0; }
#sub #content .paragraph table.bagic tr:nth-child(2n-1){background-color:#f5f5f5 !important;}
#sub #content .paragraph table.bagic th,#sub #content .paragraph table.bagic td {padding:8px 20px}
#sub #content .paragraph table.bagic.job th,#sub #content .paragraph table.bagic.job td {padding:25px 20px;}
#sub #content .paragraph table.bagic th {padding:12px 20px; border-right: 1px solid #d5d5d5; }
#sub #content .paragraph table.bagic th.bleft{border-left:1px #e0e0e0 solid;}
#sub #content .paragraph table.bagic th h5{font-size: 18px; }
#sub #content .paragraph table.bagic td {border-bottom:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid; background-color: #fff;}

#sub #content .paragraph table.bagic td.first {border-left:1px #e0e0e0 solid;}
#sub #content .paragraph table.bagic td.price {text-align:center}