@media all and (min-width:800px) {    /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
}

@import url(//w346.web25.kr/css/notosanskr2.css); /* 본고딕 */
/*@import url(//fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap); /* 본명조 */
 
/*@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); 나눔스퀘어*/
/*@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); 나눔바른고딕*/


/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);  /* 나눔고딕 : 한국서버 빠름 */ 
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); * 나눔바른고딕 : 한국서버 빠름*/ 
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css); 나눔고딕코딩 : 한국서버 빠름*/ 
 @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);  /* 나눔명조 : 한국서버 빠름*/ 
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css);  나눔펜 손글씨 : 한국서버 빠름*/ 
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css);  나눔브러쉬 손글씨 : 한국서버 빠름*/ 

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
/* 헤더 */
#header_wrap { position:; background:#; width:100%; height:60px; z-index:9;}
#header_wrap .wrapper { position:relative; width:100%; min-width:100%; margin:0 auto; }

#header_wrap .wrapper .logo { position:absolute; left:5%; top:15px; z-index:2;}
#header_wrap .wrapper .logo img { height:30px; }

#header_wrap .wrapper .search { position:absolute; top:15px; left:50%; width:160px; margin-left:-60px; }
#header_wrap .wrapper .search ul li { float:left; }

#header_wrap .sns { margin:20px auto 10px; width:90%; overflow:hidden; z-index:9;}
#header_wrap .sns ul li { float:left; margin:0 2%; width:28%; }
#header_wrap .sns ul li a { display:block; border-radius:8px; background:#; padding:8px 0; font-size:0.85em; color:#fff; text-align:center;}
#header_wrap .sns ul li a.blog { background:#47cb21;}
#header_wrap .sns ul li a.insta { background:#f53da5;}
#header_wrap .sns ul li img { width:35px; }

#header_wrap .tel a { display:block; border-radius:8px; background:#fcb934; width:80%; margin:20px auto 0; padding:10px 0; font-size:1.1em; color:#222; text-align:center; }
#header_wrap .tel strong { display:block; font-size:1.1em; color:#e60808; }

/* ----------- footer ---------------------- */

#footer { background:#1a1305; border-top:0px solid #dddedc; width:90%; margin:0 auto; padding:40px 5%; overflow:hidden;}
#footer .address { display:block; color:#c8c8c8; font-size:0.8em; line-height:1.4em; text-align:center;}
#footer .logo { width:120px; margin:0 auto 15px; text-align:center;}
#footer .logo img { height:40px; }
#footer .admin a { display:block; margin:10px 0 0; font-size:1.0em; color:#fff; text-align:center; }


/* 하단 공통 배너 */
.common_bottom { background:url(../images/common_bottom_bg.jpg) center; background-attachment:fixed; background-size:cover; padding:50px 0;}
.common_bottom .wrapper { margin:0 auto; width:85%; }
.common_bottom .about { }
.common_bottom .about h2 {margin:10px 0; font-size:1.4em; font-weight:400; color:#fff; line-height:1.3em; letter-spacing:-1.0px; }
.common_bottom .about h3 { font-size:1.1em; color:#fff; }
.common_bottom .about p { font-size:1.0em; color:#fff; }

.common_bottom .info {}
.common_bottom .info .contents { width:100%; margin:40px 0 0;}
.common_bottom .info .contents h2 {margin:5px 0; font-size:1.3em; color:#fff; line-height:1.3em; letter-spacing:-1.0px; }
.common_bottom .info .contents h2 span { color:#f74836; }
.common_bottom .info .contents h3 { font-size:1.0em; font-weight:400; color:#fff; }
.common_bottom .info .contents p { font-size:1.0em; color:#fff; line-height:1.4em; }
.common_bottom .info .contents span a { display:block; margin:20px 0 0; font-family: 'GmarketSansBold'; font-size:0.9em; color:#fff; }
.common_bottom .info .contents span a:before { contents :""; display:inline-block; background:#fff; margin:0 5px 2px 0; width:8px; height:2px; }

.common_bottom .info .contents .phone { margin:15px 0 0; }
.common_bottom .info .contents .phone span { margin:0 0 0 10px; font-family: 'GmarketSansBold'; font-size:1.8em; color:#ffc843; line-height:45px; }
.common_bottom .info .contents .phone img { height:35px; }