/* CSS Document */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

* { padding:0; margin:0;}
a { text-decoration:none;}
li { list-style:none;}
img { border:0;}
html, body { height:100%; margin:0; position:relative; min-width:1900px;}

@font-face {
  font-family: SDSwagger;
  src: local(SDSwagger),
       local(SDSwagger),
       url(/fonts/SDSwagger.woff) format('woff'),
       url(SDSwaggerTTF.ttf) format('truetype');
  font-style: normal;
  font-weight: bold;
  unicode-range: U+0-10FFFF;
}


#wrap { height:100%; overflow:hidden}

@media screen and (min-width:768px){
#ham { display:none !important;}
.mobile_lnb { display:none !important;}

.left_head { width:35%; height:100%; float:left; position:relative; background:url(/images/about_bg.jpg)0 0 / 100%  no-repeat;}
.logo_img { position:absolute; top:30px; left:40px; width:25%}

.right_section { position:relative; float:left; background:url(/images/about_bg_icon.png) 50% 65% no-repeat; overflow:hidden; height:100%}

/* top 메뉴 */
.right_section { width:55%; position:relative; float:left; background:url(/images/about_bg_icon.png)50% 65% no-repeat; overflow:hidden;}

/* top 메뉴 */
.main_menu { float:right; margin:30px 0;}
.main_menu ul { overflow:hidden}
.main_menu ul li { float:left; margin-right:20px;}
.main_menu ul li a { display:block; font:700 30px 'SDSwagger';  color:#000; padding:10px; width:100%; text-align:center; }
.main_menu ul li a > div.bar { width:1%; height:3px; background:#54bdb9; opacity:0; transition:all 0.3s; z-index:999; position:relative; margin:0 auto; position:relative; top:-15px}
.main_menu ul li a:hover > div.bar { opacity:1; width:100%}

/* right 메뉴 */
.right_nav { float:right; width:5%; height:100%;}
.right_nav .top { width:100%; height:50%; background:#54bdb9; position:relative} 
.right_nav .top a {display:block; font: 26px 'Squada One', cursive; color:#fff; letter-spacing:1px; transform:rotate(90deg); letter-spacing:1.5px; transition:all 0.3s; position:absolute; bottom:40px; left:0;}
.right_nav .top a:hover { color:#999 }

.right_nav .bottom { width:100%; height:50%; background:#E4E4E5; position:relative} 
.right_nav .bottom a { display:block; font: 26px 'Squada One', cursive; color:#fff; transform:rotate(90deg); position:absolute; top:60px; left:-22px; letter-spacing:1px; transition:all 0.3s;letter-spacing:1.5px;}
.right_nav .bottom a:hover { color:#999}


/* map (오시는 길) */

.pc_map { display:block;}
.m_map { display:none;}
p.map_title { font:700 20px 'NanumSquare', sans-serif; margin-bottom:10px;}
ul.address_text { padding-left:0 !important; margin:0 !important;}

ul.address_text li:nth-child(1)~li { font:400 14px 'NanumSquare', sans-serif;}


}

@media screen and (min-width:768px) and (max-width:959px){
#ham { display:none !important;}
.mobile_lnb { display:none !important;}
.m_map { display:none;}
}


@media screen and (max-width:767px) {
body, html { height:100% !important;}
#wrap { height:100%; overflow:auto !important}
html, body { width:100% !important; height:100%; margin:0; position:relative; min-width:auto}
.left_head { width:100% !important; height:30% !important; float:none !important; position:relative; background:url(/images/about_bg.jpg)center/ 100%  no-repeat;}

.logo_img { position:absolute; top:3%; left:3%; width:25%}

.right_section { position:relative; float:left; background:url(/images/about_bg_icon.png) center 12%/60% no-repeat !important; overflow:hidden;}
/* mobile toggle menu*/
.main_menu { display:none !important;}

#ham { position:fixed; top:2%; right:5%; z-index:999}
#ham > a > .xi-bars { display:bolock; padding:0px; border:1px solid #fff; color:#fff; border-radius:2px;font-size:3em; text-shadow:2px 2px 2px rgba(0,0,0,0.3);} 

.mobile_lnb{ display:none; position: fixed;right:0;top:0; width:100%; height:100%;background:rgba(0,0,0,0.7); z-index:9999;  box-shadow:0px 3px 3px #999;}
.mobile_lnb { padding:0; box-sizing:border-box}
.mobile_lnb ul { padding:80px 10px 30px; background:#fff;border-bottom:1px solid #d1d1d1; margin-top:0 !important;}
.mobile_lnb ul li { padding:12px 0; border-bottom:1px solid #d1d1d1;}
.mobile_lnb ul li a { display:block;font:700 25px 'SDSwagger';  color:#666; font-weight:700; transform:translate(0,0); transition:all 0.3s}
.mobile_lnb ul li a:hover { color:#F60; transform:translate(5px,0);}

.mobile_lnb > .img1{ position: absolute;left:40%; top:2%; cursor: pointer; display:block; width:20%;}
.mobile_lnb > .img2{ position: absolute;right:5%;top:3%; cursor: pointer; width:5%;}


.right_nav { position:fixed;left:0; bottom:0; width:100%; height:50px; z-index:9999}
.right_nav .top { width:50%; height:100%; background:#54bdb9; position:relative; float:left;} 
.right_nav .top a {display:block; font: 26px 'Squada One', cursive; color:#fff; letter-spacing:1px; transform:rotate(0deg);  letter-spacing:1.5px; transition:all 0.3s; line-height:50px; text-align:center  }
.right_nav .top a:hover { color:#d1d1d1  }

.right_nav .bottom { width:50%; height:100%; background:#E4E4E5; position:relative; float:left;} 
.right_nav .bottom a { display:block; font: 26px 'Squada One', cursive; color:#fff; transform:rotate(0deg); letter-spacing:1px; transition:all 0.3s;letter-spacing:1.5px;line-height:50px; text-align:center }
.right_nav .bottom a:hover { text-shadow:0px 0px 3px rgba(255,255,255,0.4); color:#999}

/* map */
.wrap_map { margin-top:10px !important;}
.all_map { overflow:hidden; margin:0 auto 85px;}
.pc_map { display:none;}
.m_map { display:block;}
.two { margin-bottom:50px !important;}
p.map_title { font:700 20px 'NanumSquare', sans-serif; margin-bottom:10px;}
ul.address_text { padding-left:0 !important; margin:0 !important;}

ul.address_text li:nth-child(1)~li { font:400 14px 'NanumSquare', sans-serif;}
}