@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 SC", "Noto Sans SC", serif; color:#323232; font-size: 1.1em; } 
/* font-family: "Noto Sans SC", sans-serif; */
div { display:block; } 
h1,h2,h3,h4,h5 { font-weight:400; line-height:1.25 } 
b { letter-spacing:inherit; font-weight:500 } 
.inner { width:1200px; margin:auto; clear:both } 
.inner2 { width:1300px; 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; } 
.roman { font-family:"Times New Roman", Times, serif; } 
.dotum { font-family: "Noto Sans SC", sans-serif; } 
footer .dotum { font-family: "Noto Sans KR", sans-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 { width:215px; height:32px; background:url(images/logo.png) center no-repeat; margin:23px auto; text-indent:-3333px; } 
h1.logo a { display:block; height:inherit; } 
#footer h1.logo { width: 272px; height: 40px; background: url(images/logo.png) cover/center no-repeat; } 



#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:400px; 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; } 
/* 중국 사이트 추가 */
#header .cn { position: absolute; right: 88px; top: 36px; display: flex; align-items: center; font-size: 15px; width: auto; } 
#header .cn span { display: inline-block; } 
#header .cn span:first-child { background: url(images/lang_cn.gif) no-repeat center/cover; width: 25px; height: 18px; } 
#header .cn span:last-child { font-family:'Noto Sans SC', sans-serif; padding-left: 5px; color: #909090; } 





#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; } 





/* 메인 */

 .qrimg ul { cursor: default; display: flex; justify-content: space-between; padding: 24px 20px 20px; border-radius: 30px; border: 1px solid #aaaaaa80; margin-top: 21px; background: #ffffff41; } 
 .qrimg img { width: 100px; } 

 .qrimg li p { padding-top: 20px; } 

 .qrimg  h2{
    font-size: 32px;margin-top: 10px;
 }



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 h3 { font-size: 36px; font-weight: 600; height: 160px; line-height: 1.3; padding-top: 30px; } 
#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%; padding:20px 0; display:inline-block; } 
#quick ul li { float:left; width:100%; height: 71px; } 
#quick ul li a { display:block; height:inherit; text-indent: -3333px; }