@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url(https://webfontworld.github.io/jeju/JejuMyeongjo.css);
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/5e08423b/stylesheet/NotoSerif-Web.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.07em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Serif KR', serif; color:#323232; font-size: 1.1em;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:500}
.inner {width:1200px;margin:auto;clear:both}
.c_lightgray {color:#c8c1b8 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:46px;}
h2 {font-size:40px}
h3 {font-size:30px; }
h4 {font-size:24px;}
h5 {font-size:21px; line-height:1.5;}
p {font-size:19px; line-height:1.7; color:inherit;word-break:keep-all; }
p.small {font-size:15px;}
.dotum {font-family:'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif;}
.roman {font-family:"Times New Roman", Times, serif;}
.loose {letter-spacing: 0.1em;}

span {color:inherit}

.float {float:left;}
.float_r {float:right}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.half {width:50% !important}
.clearfix {clear:both;display:inline-block}


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



/* 컬럼 설정 */
.col6 {width:16.66%;}
.col6_r {width:83.3%;}
.col5 {width:20%;}
.col5_r {width:80%;}
.col4 {width:25%;}
.col4_r {width:75%;}
.col3 {width:33.33%;}
.col3_r {width:66.66%;}
.col1 {width:100%;}
.w100 {width: 100%;}
.flex {display: flex;}
.col {flex:1;}
.w05 {width: 5%;}
.w10 {width: 10%;}
.w12 {width: 12%;}
.w40 {width: 40%;}
.w60 {width: 60%;}








/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; }
h1.logo {margin:23px auto;}
h1.logo a {display:block; font-size: 30px;}
#footer h1.logo {font-size: 40px;}



#header {width:100%; background-color:rgba(255,255,255,0.9); height:90px; position:fixed; z-index:100000; padding: 0 5em;}
#header > * {float: left;}
#header #gnb {text-align:center; }
#header #gnb .topnav {font-size: 40px; float: left; height: 90px; line-height: 90px; margin-right: 40px;}
#header #gnb .subnav { margin:auto;
width:100%;
 background-color:rgba(255,255,255,0.9);
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  top:90px;
  left: 0;
  font-size:16px;
  padding-bottom:10px;
 }
 #header #gnb .subnav ul {width:25%; margin:auto; float: left; min-height:300px; padding: 0 1%;}
#header #gnb .subnav ul > li {float:left;width:100%;margin-top:5px;border-bottom:1px #e0e0e0 solid;line-height:2;}
#header #gnb .subnav ul > li:first-child {border-left:0}
#header #gnb .subnav dl {text-align:center;display:block}
#header #gnb .subnav a:hover {background:#aaaaaa;color:#fff;}
#header #gnb .subnav a {display:block;}





#footer {width:100%; height: 250px;}
#main .section#footer {background:#dfdede; }
#footer .inner {border-top: 1px #bbb solid; padding:60px 0 100px !important;}

#footer .inner > div {width:100%;display: inline-block; }
#footer .inner > div > * {float: left;}
#footer .inner > div > .logo {margin: 0 0;}
#footer .txt span {font-size:14px;margin:0 7px;}
#footer .txt span.big {font-size: 16px; font-weight: 500;}
#footer .txt {margin-left: 50px;}





/* 메인 */
a.view {color:#9e896e; border-bottom:1px #9e896e solid; padding:0 5px; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; font-size:13px; padding-bottom:5px; display:inline-block;}
a.view:hover {letter-spacing:0.3em;}



html,body{ margin:0; padding:0; width:100%; height:100%;}
#wrap,#main {margin:0; padding:0; width:100%; height:100%;}
.section { width:100%; height:100%; position:relative; }

#main .section .inner {padding-top:25em;position:relative;}

#main .section .title {background:url(images/main_title.png) center bottom no-repeat; padding-bottom:40px;margin-bottom:40px;}
#main .section .title h1 {font-family: 'Roboto', san-serif; margin-bottom:8px;}


#section1 {background:url(images/main_section1.jpg) center no-repeat;background-size:cover;}


#section2 {background:url(images/main_section2.jpg) center no-repeat;background-size:cover;}
#section2 .float {padding-right:60px;}
#section2 .float_r {background:url(images/main_about_hr.gif) left center no-repeat; padding-left:60px;}


#section3 {background:url(images/main_section3.jpg) center no-repeat;background-size:cover;text-align:center;}
#section3 .inner {padding-top: 8% !important;}
#section3 .inner > a {float: left; padding: 0 1%; width:33.33%; display:inline-block; margin-bottom: 5%;}
#section3 .inner > a * {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section3 .inner > a h3 {font-size: 36px; font-weight: 600; height: 160px; line-height: 160px;}
#section3 .inner > a:hover h3 {font-size: 42px; letter-spacing: 0.05em;}
#section3 .inner > a hr {width: 100%; height: 1px; border: 0; background-color: #303030; margin-bottom: 40px;}
#section3 .inner > a p {font-weight: 600;}



#section4 {background:url(images/main_section4.jpg) center no-repeat;background-size:cover;}
#section4 .inner {padding-top: 15em !important; padding: 0 1%;}
#section4 .box {width: 100%; display: inline-block; }
#section4 hr {width: 100%; height: 1px; border: 0; background-color: #bbb; margin: 3em 0;}
#section4 .box > * {float: left;}
#section4 .box h3 {font-size:35px;color: rgba(0, 0, 0, 0); -webkit-text-stroke: 0.5px black; width: 25%;}
#section4 .box h5 {margin-top: 10px;}


#section5 {background:url(images/main_section5.jpg) center no-repeat;background-size:cover; padding-bottom: 100px; height: 1150px;}
#section5 .inner {padding-top: 6% !important;}

#section5 hr {width: 100%; height: 1px; border: 0; background-color: #bbb; margin: 2em 0; display: block;}

#section5 .link .col {padding: 1em 0 1em 6.5em; background-position: 1em center; background-repeat: no-repeat; border-left: 1px #bbb solid; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section5 .link .col:hover {background-position: 1em 0.5em;}
#section5 .link .col.youtube {background-image: url(images/main_link1.png); border-left: 0;}
#section5 .link .col.instagram {background-image: url(images/main_link2.png); }
#section5 .link .col.blog {background-image: url(images/main_link3.png); }
#section5 .link .col h4 {font-weight: bold; margin-bottom: 5px;}
#section5 .link .col a {display: block;}

#section5 .box {padding: 2em 20px; float: left; }
#section5 .box.box1 {width: 48%;}
#section5 .box.box2 {width: 52%;}
#section5 .box > * {float: left;}
#section5 .box h3 {color: rgba(0, 0, 0, 0); -webkit-text-stroke: 0.5px black; width: 24%;}
#section5 .box p a {margin-top: 5px; border: 1px #333 solid; display: inline-block; padding: 0 0.5em; font-size: 15px; line-height: 2.5; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section5 .box p a:hover {border: 1px #333 solid;background-color: #333; color: #fff; padding:0 5em 0 0.5em; }
#section5 .box h4,#section5 .box h5,#section5 .box p {margin-top: 8px;}
#section5 .box p { display: inline-block;width: 76%;}
#section5 .box p span {width: 30%; display: inline-block;}
#section5 .box.box2 p {line-height: 2.2;}
#section5 .map {width: 100%; padding: 0 20px; display: inline-block; }
.root_daum_roughmap {width: 100%; height: 440px;}

#quick {width:70px; height:283px; background:url(images/quick.png) no-repeat;position:fixed; z-index:9999; right:0; top: 50%; margin-top: -141.5px;}
#quick ul {width:100%; display:inline-block;}
#quick ul li {float:left; width:100%; height: 71px; }
#quick ul li a {display:block;height:inherit;text-indent: -3333px;}