@charset "utf-8";
@import url("/font/NotoKR-Bold/stylesheet.css");
@import url("/font/NotoKR-Light/stylesheet.css");
@import url("/font/NotoKR-Medium/stylesheet.css");
@import url("/font/NotoKR-Regular/stylesheet.css");
@import url("/font/NotoKR-Thin/stylesheet.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,800');


/*-- Start --*/
* {font-family:"NotoKR-Regular",sans-serif; /*line-height:155%;*/letter-spacing:-0.5pt; margin:0; -webkit-text-size-adjust:none;}		
html, body {min-height:100%; background:#fff}
body {margin:0; padding:0;}
img,video,audio,object, embed, iframe {max-width:100%; height:auto; border:0;}
img, fieldset, button {border:none;}	
hr, button img {display:none;}	
ul, li, ol, dl, dt, dd, p {margin:0; padding:0; border:0;}
ul, ol, li {list-style:none;}
li img {vertical-align:middle;} /* for IE image margin */
strong, b {font-weight:100; font-family:'NotoKR-Regular', sans-serif;}
a {text-decoration:none; color:#666}	
/*a, a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; color:#666;}*/	
textarea {overflow:auto; font-size:13px;	padding:5px; border:1px solid #ccc;}
/*html:first-child select {padding-right:6px;	height:20px;}*/ /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; font-size:0; 1`:0;} /* For Screen Reader */
select {color:#444;}
input, textarea, select{color:#666; vertical-align:middle;font-size:0.9em;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
img {vertical-align:top;}
table{border-collapse:collapse;border-spacing:0; font-size:13px;}
table caption {display:none;}
table td {border-collapse:collapse;}
.blind {display:none;}
.clearing {overflow:hidden; clear:both; *zoom:1;}
.radio {width:auto;	border:0;}

.ls0{letter-spacing:0 !important; }
.hide{display:none !important; }


/*-- End --*/

/* 바로가기 */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* 레이아웃 */
body {font-size:13px; font-family:"NotoKR-Regular",sans-serif; color:#666; }
.selector {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}   /*** 공지사항 1줄짜리 말줄임표 ****/


/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 0 0 13px 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a {font-size:12px; color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px ; }
.page_num ul.pagination li a.active { background: #555555; color: #FFF; border: 1px solid #555555 }

#wrapper {width:100%; max-width:640px;margin:0 auto; -moz-transition: all 0.35s ease;  -o-transition: all 0.35s ease;  -webkit-transition: all 0.35s ease;  padding-left: 0; }




/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.mBtn_m{float:right; width:47px; height:47px; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; }
	.mBtn_m input{width:100% !important; height:100% !important; cursor:pointer;}
	.mBtn_lan{float: right; height: 47px; padding-right: 10px;}
	.mBtn_lan select{font-size: 12px; padding: 13px 7px; background-color: white;}
/* 메뉴 : 슬라이드 메뉴 */
#menuArea ul, #menuArea ol, #menuArea li{list-style:none;}
#menuArea {max-width:500px; width:222px; height:100%; position:fixed; right:0; top:0; z-index:99999; overflow-x:hidden;overflow-y:auto;display:none;}
#menuArea .menuList {width:222px; min-height:100%;  background: #fff; position:absolute; right:-528px; box-sizing:border-box;overflow-y:auto; box-shadow:-2px 0 2px rgba(0,0,0,0.8);}

#menuArea .menuList .top_box {background:#a3c52f; position:relative; overflow:hidden;}
#menuArea .menuList .top_box li {width:50%; float:left; height:41px;}
#menuArea .menuList .top_box li a {display:block; color:#fff; font-family:'Montserrat', sans-serif; font-size:13px; letter-spacing:0; text-align:center; line-height:41px; box-sizing:border-box; text-align:center;}
#menuArea .menuList .top_box li.login a {border-right:1px solid rgba(255,255,255,0.2);}

#menuArea .menuList>.list { padding:0 !important; list-style:none;  margin:0 !important; border-top:1px solid #ddd;}
#menuArea .menuList>.list>li {position:relative; list-style:none; border-bottom:1px solid #ddd; }
#menuArea .menuList>.list>li>a {position:relative;display:block; font-size:15px; color:#333; letter-spacing:-0.9pt; line-height:48px; padding-left:20px; width:100%; box-sizing:border-box; margin:0; background:#fff;}
#menuArea .menuList>.list>li>a:after {position:absolute; top:50%; right:20px; display:block; content:""; background:url('/m/img/lnbArrow.gif') center center no-repeat, #fff; background-size:100%; width:10px; height:6px; transform: translate(0, -50%)}
#menuArea .menuList>.list>li.icon02>a {background:#fff;}
#menuArea .menuList>.list .sMenu {list-style:none; padding:10px 0 10px 20px; display:none; background:#f7f7f7; border-top:1px solid #ddd; box-sizing:border-box;}

#menuArea .menuList>.list .sMenu>li>a {display:block; color:#666; line-height:19px; font-size:14px; padding:3px 0 }

#menuArea .menuList>.list>li.active>a{}
#menuArea .menuList>.list>li.active>a:after {transform: rotate(180deg);}
#menuArea .menuList>.list>li.active.icon02>a {}
#menuArea .menuList .btnMenu_mClose {}
#menuArea .menuList .btnMenu_mClose a {font-size:14px; letter-spacing:-0.5pt; margin:15px auto 0 auto; display:block;width:184px; line-height:41px; background:#444; color:rgba(255,255,255,0.9); box-sizing:border-box; text-align:center;}

#grayLayer {width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}

#menuArea .menuList h2{background:#fff; width:100%; padding:14px 20px; box-sizing:border-box;}
#menuArea .menuList h2 a{display:block; line-height:100%; width:145px; margin:0 auto; }
#menuArea .menuList h2 img{vertical-align:top; max-width:100%}


#header {width:100%; max-width:640px; position:relative; background:#fff; /*border-bottom:3px solid #a3c52f; */box-sizing:border-box; padding:15px 10px; z-index:999}
#header .header_in{position:relative; overflow:hidden; width:100%;}
	.header_in h1{width:180px; float:left;  -moz-transition: all 0.35s ease;  -o-transition: all 0.35s ease;  -webkit-transition: all 0.35s ease; }
	.header_in h1 img {vertical-align:middle}
	.header_in a{display:block; width:100%; height:100%; }
	.header_in a img{width:100%; height:auto !important; }
	.header_in .searchBtn{float:right; display:block; width:47px; height:47px; margin-right:1px; -moz-transition: all 0.35s ease;  -o-transition: all 0.35s ease;  -webkit-transition: all 0.35s ease; }
	.header_in a.loginBtn {float:right; display:block; width:47px; height:47px; margin-right:1px;}

.mask {position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none;}
.window {display: none; z-index:99995; width:80%; height:55px; background:#fff; border-radius:8px; box-sizing:border-box; padding:10px 15px; margin-left:-3%;}
.window .close{display:block; font-size:20px; color:#fff; position:absolute; top:-30px; right:8px; height:19px; width:19px; z-index:99999; cursor:pointer; }
.inputB{width:100%; overflow:hidden; clear:both; }
.inputB dd{float:left; width:70%; overflow:hidden; }
.input_search{border:none !important;  letter-spacing:-0.55pt; width:100%; font-size:14px; color:#777; letter-spacing:-0.35pt; padding:8px 0}
.inputB dt{float:right; padding:6px 0 0px 15px;  }
.inputB dt input{cursor:pointer; width:24px;}

input::-webkit-input-placeholder { color:#999; font-size:13px;}
input::-moz-placeholder { color:#999; font-size:13px;}
input:-ms-input-placeholder { color:#999; font-size:13px;}





#footer {position:relative; *overflow:hidden; width:100%; background-color:#424242; padding:4% 10px; box-sizing:border-box;}
	.foot_bn {position:relative; overflow:hidden; text-align:center; margin-bottom:13px}
	.foot_bn li {display:inline-block;}
	.foot_bn li:last-child {margin-right:0}
	.foot_bn li:after {display:block; content:""; width:1px; height:10px; background:rgba(255,255,255,0.3); float:right; margin:5px 5px 0 7px}
	.foot_bn li:last-child:after {display:none;}
	.foot_bn li strong {color:#fff;}
	.foot_bn li a {color:#b1b1b1}

	.footer_info {text-align:center; position:relative; overflow:hidden;  margin:0 auto;}
	.footer_info li {font-size:13px; color:#b1b1b1; letter-spacing:-0.75pt; line-height:18px; text-align:center;}
	.footer_info li strong {color:#fff;}
	.footer_info li a {color:#b1b1b1}
	.footer_info li span {letter-spacing:0}
	.footer_info li.copy {line-height:16px; letter-spacing:0; font-size:12px; color:rgba(255,255,255,0.3); margin:0 0 15px 0; font-family:'Montserrat', sans-serif;}

	.bottomBtn {position:relative; width:100%; box-sizing:border-box; text-align:center; }
	.bottomBtn a {display:inline-block; font-size:12px; color:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.2); width:120px; line-height:35px; box-sizing:border-box; text-align:center; letter-spacing:0}
	.bottomBtn .family_site {position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; z-index:9}
		.bottomBtn .family_site a.family {text-align:left; display:inline-block; *display:inline; zoom:1; width:120px; line-height:35px; color:rgba(255,255,255,0.7); font-size:12px; border:1px solid rgba(255,255,255,0.2); padding-left:14px; box-sizing:border-box; background:url('/img/sitemap_arrow.gif') right 14px center no-repeat; background-size:7px auto }
		.bottomBtn .family_site.on a.family {background-image:url('/img/sitemap_arrow_up.gif')}
		.bottomBtn .family_site .fm_list {display:none; position:absolute; bottom:35px; left:0; width:120px; padding:10px 0; background:#fff; box-sizing:border-box; border:1px solid #ddd;  z-index:9999;}  /* z-index:100: 비주얼 아래로 깔려서 강제 z-index 지정함 */
		.bottomBtn .family_site .fm_list li {float:none; background:none; padding:0; height:auto;word-break: keep-all;}
		.bottomBtn .family_site .fm_list a {line-height:17px; text-align:left; display:block; padding:3px 8px; line-height:normal !important; font-size:12px; transition:all 0.3s;}
		.bottomBtn .family_site.on .fm_list {display:block}
		.bottomBtn .family_site .fm_list a:link, .family_site .fm_list a:visited {color:#666;  transition:all 0.3s;}
		.bottomBtn .family_site .fm_list a:hover, .family_site .fm_list a:focus {color:#a3c52f; text-decoration:underline; transition:all 0.3s;}

/* Top Button */
.topBtn {position:fixed; bottom:10px; right:10px; z-index:999; display:none; opacity:1;}
.topBtn a { position:absolute; right:0; bottom:0; display:block; width:50px; height:50px; border-radius:50px; line-height:50px; background:#fff; border:1px solid #ddd; text-align:center; box-sizing:border-box; transition: all 0.3s ease-out;}
.topBtn a img {vertical-align:middle}
.topBtn a span {font-size:14px; letter-spacing:-0.5pt; line-height:50px; }
.topBtn #scroll {border:none;}
.topBtn #online {bottom:159px;}
.topBtn #online img {width:24px; height:auto}
.topBtn #resv {bottom:105px;}
.topBtn #resv img {width:24px; height:auto}
.topBtn #kakao {bottom:52px; border:none; background:#f7e800}
.topBtn #kakao img {width:24px; height:auto}

.topBtn2 {position:fixed; bottom:10px; right:10px; z-index:999; display:block;}
.topBtn2 a { position:absolute; right:0; bottom:0; display:block; width:50px; height:50px; border-radius:50px; line-height:50px; background:#fff; border:1px solid #ddd; text-align:center; box-sizing:border-box; transition: all 0.3s ease-out;}
.topBtn2 a img {vertical-align:middle}
.topBtn2 a span {font-size:14px; letter-spacing:-0.5pt; line-height:50px; }
.topBtn2 #scroll {border:none;}
.topBtn2 #online {bottom:159px;}
.topBtn2 #online img {width:24px; height:auto}
.topBtn2 #resv {bottom:105px;}
.topBtn2 #resv img {width:24px; height:auto}
.topBtn2 #kakao {bottom:52px; border:none; background:#f7e800}
.topBtn2 #kakao img {width:24px; height:auto}



/*******************************************************************************
	@media 581~640px
*******************************************************************************/
@media all and (max-width:640px){

	.mBtn_lan{float: right; height: 35px; padding-right: 10px;}
	.mBtn_lan select{font-size: 12px; padding: 7px; background-color: white;}

}


/*******************************************************************************
	@media 321~480px
*******************************************************************************/
@media all and (max-width:480px){


#header {padding:10px 10px 3px 10px}
	.header_in h1{width:130px; padding-top:5px}
	.header_in h1 img {vertical-align:top}
	.header_in .searchBtn{ width:35px; height:35px;}
.mBtn_m{width:35px; height:35px;}
.header_in a.loginBtn {width:35px; height:35px;}


/* Footer */
#footer {padding:6% 10px;}




}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){



}