@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(//fonts.googleapis.com/earlyaccess/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);


@media screen and (max-width:320px) {
    body {zoom:50%;}
}
@media screen and (min-width:321px) and (max-width:359px) {
    body {zoom:50%;}
}
@media screen and (min-width:360px) and (max-width:374px) {
    body {zoom:56.2%;}
}
@media screen and (min-width:375px) and (max-width:375px) {
    body {zoom:58.5%;}
}
@media screen and (min-width:376px) and (max-width:479px) {
    body {zoom:64.6%;}
}
@media screen and (min-width:480px) and (max-width:639px) {
    body {zoom:75%;}
}
/* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
@media all and (min-width: 640px) {
    body {width:640px; margin:0 auto;}
*/
@media all and (min-width: 640px) {
    body {zoom:100%; margin:0 auto;}
}


*{margin:0; padding:0; box-sizing:border-box;color:inherit;letter-spacing:-0.07em; }
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
html,body {height: 100%;}
body {width:100%;max-width:640px;font-family: 'Noto Serif KR', serif; color:#323232; margin:0 auto; font-size: 18px; background-color: #fff;}
.inner {width:580px; margin:auto;}
/* 텍스트 설정 */
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:500}
.c_lightgray {color:#b0b0b0 !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:22px; line-height:1.5;}
p {font-size:20px; line-height:1.7; color:inherit;word-break:keep-all; }
p.small {font-size:18px;}
.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%; display:inline-block;position:relative;background:#fff;}

h1.logo {width:215px; height:32px; background:url(images/logo.png) center no-repeat; margin:23px 0; text-indent:-3333px;}
h1.logo a {display:block; height:inherit; }


/* 공통상단 */
#header {width:100%; height:90px; position:fixed; z-index:100000; padding: 0 20px; top: 0;}
#header > * {float: left;}
#header .logo {}
/* 중국 사이트 추가 */
#header .cn { position: absolute; right: 7%; top: 36px; display: flex; align-items: center; font-size: 13px; width: auto;} 
#header .cn span {display: inline-block;}
#header .cn span:first-child{background: url(images/lang_cn.gif) no-repeat center/cover; width: 32px; height: 20px;}
#header .cn span:last-child{font-family:'NotoSansKR', sans-serif; padding-left: 7px; color: #909090; font-size: 16px;}




#header .menu {font-size: 40px; float: left; height: 90px; line-height: 90px; margin-right: 40px;}



/* 공통 하단 */
#footer {width:100%; display:inline-block; float:left; padding-bottom: 180px; border-top: 1px #b0b0b0 solid;}

#footer .inner { padding-top:1.5em;}

#footer .inner > div {width:100%;display: inline-block; border-top: 1px #bbb solid;}
#footer .inner .logo {float: left;}
#footer a#back-top {float: right; margin-top: 30px;}
#footer .txt {padding-top: 1em;}
#footer .txt span {font-size:15px; margin:0 7px;}



#tel {width:100%; display:block; cursor: pointer; position: absolute; bottom:0; left:0; z-index: 10; padding: 1em 0 1em 11em; font-weight: 500; border-bottom: #444 3px solid; border-top: #444 3px solid !important; font-size: 20px;}
#tel i {font-size: 80px; position: absolute; left: 1.8em; top:0.18em}






/************************************************************************
********************************* 메인 *********************************/
#main {width:100%; float:left; position:relative;display:inline-block; margin-top: -90px;}

#main > div {float:left;width:100%;}

#main #section1 {background: url(images/main_section1.jpg) center no-repeat; height: 860px; padding-top: 500px;}
#main #section2 {background: url(images/main_section2.jpg) center no-repeat; height: 860px; padding-top: 550px;}
#main #section3 {background: url(images/main_section3.jpg) center no-repeat; padding: 4em 0;}
#section3 .inner > a {float: left; padding: 0 0.6em; width:50%; display:inline-block; margin-bottom: 2em;}
#section3 .inner > a h3 {font-size: 32px; font-weight: 600; height: 130px; line-height: 130px;}
#section3 .inner > a hr {width: 100%; height: 1px; border: 0; background-color: #303030; margin-bottom: 35px;}
#section3 .inner > a p {font-weight: 600;}

#main #section4 {background: url(images/main_section4.jpg) top center no-repeat #ececec; padding-top: 500px;}
#main #section4 .inner {padding: 0 1em;}
#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: 22%;}
#section4 .box h5 {margin-top: 10px;}




#main #section5 {background: url(images/main_section5.jpg) top center no-repeat #ebebeb; padding: 5em 0;}

#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;  -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); border-left: 1px #bbb solid;}
#section5 .link .col.blog {background-image: url(images/main_link3.png); }
#section5 .link .col.blog1 {border-left: 1px #bbb solid;}
#section5 .link .col h4 {font-weight: bold; margin-bottom: 5px;}
#section5 .link .col a {display: block;}

#section5 .box {padding: 2em 10px; 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: 17px; 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: 350px;}