@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbarun.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansgothic.css);

.clear10{height:10px; }
.clear20{height:20px; }
.clear30{height:30px; }
.clear40{height:40px; }
.clear50{height:50px; }

/* CSS Document */

/*����-����̹���*/
#sub_main .s_img img{width:100%;}

/*����-����κ�*/
#m_container{padding:3px 3px; height:auto;}


.mfooter { font-size:1.1em; padding-top:30px; padding-bottom:30px;  padding-left:20px;  padding-right:20px; background-color:#ffffff; text-align:center; }
.mfooter a {  color:#222222; text-decoration:none;}

/*����-�޴��κ�(�ڽ�1��)*/
.m_box_menu1{height:35px; }
.m_box_menu1 ul{width:100%; margin:0 auto;}
.m_box_menu1 ul:after{display:block; content:""; clear:both;}
.m_box_menu1 h2{display:none;}
.m_box_menu1 li{float:left; width:50%; text-align:center;}
.m_box_menu1 li a{display:block; width:100%; height:26px; border-bottom:#724133 solid 1px; background:#FFF url(../images/s_menu_border.gif) no-repeat right center; color:#333; font-size:11px;  padding-top:8px;                  font-weight:bold; letter-spacing:-0.8px;}
.m_box_menu1 li a.on{color:#fff; background:#50251b url(../images/s_menu_bg.gif); }


/*����-�޴��κ�(�ڽ�2��)*/
.m_box_menu2{height:35px; }
.m_box_menu2 ul{width:100%; margin:0 auto;}
.m_box_menu2 ul:after{display:block; content:""; clear:both;}
.m_box_menu2 h2{display:none;}
.m_box_menu2 li{float:left; width:50%; text-align:center;}
.m_box_menu2 li a{display:block; width:100%; height:26px; border-bottom:#724133 solid 1px; background:#FFF url(../images/s_menu_border.gif) no-repeat right center; color:#333; font-size:11px;  padding-top:8px;                  font-weight:bold; letter-spacing:-0.8px;}
.m_box_menu2 li a.on{color:#fff; background:#50251b url(../images/s_menu_bg.gif); }


/*����-�޴��κ�(�ڽ�3��)*/
.m_box_menu3{height:35px; }
.m_box_menu3 ul{width:100%; margin:0 auto;}
.m_box_menu3 ul:after{display:block; content:""; clear:both;}
.m_box_menu3 h2{display:none;}
.m_box_menu3 li{float:left; width:33.3333%; text-align:center;}
.m_box_menu3 li a{display:block; width:100%; height:26px; border-bottom:#724133 solid 1px; background:#FFF url(../images/s_menu_border.gif) no-repeat right center; color:#333; font-size:11px;  padding-top:8px;                  font-weight:bold; letter-spacing:-0.8px;}
.m_box_menu3 li a.on{color:#fff; background:#50251b url(../images/s_menu_bg.gif); }


/*����-�޴��κ�(�ڽ�4��)*/
.m_box_menu4{height:35px; }
.m_box_menu4 ul{width:100%; margin:0 auto;}
.m_box_menu4 ul:after{display:block; content:""; clear:both;}
.m_box_menu4 h2{display:none;}
.m_box_menu4 li{float:left; width:25%; text-align:center;}
.m_box_menu4 li a{display:block; width:100%; height:26px; border-bottom:#724133 solid 1px; background:#FFF url(../images/s_menu_border.gif) no-repeat right center; color:#333; font-size:11px;  padding-top:8px;                  font-weight:bold; letter-spacing:-0.8px;}
.m_box_menu4 li a.on{color:#fff; background:#50251b url(../images/s_menu_bg.gif); }


/*����-�޴��κ�(�ڽ�5��)*/
.m_box_menu5{height:35px; }
.m_box_menu5 ul{width:100%; margin:0 auto;}
.m_box_menu5 ul:after{display:block; content:""; clear:both;}
.m_box_menu5 h2{display:none;}
.m_box_menu5 li{float:left; width:20%; text-align:center;}
.m_box_menu5 li a{display:block; width:100%; height:26px; border-bottom:#724133 solid 1px; background:#FFF url(../images/s_menu_border.gif) no-repeat right center; color:#333; font-size:11px;  padding-top:8px;                  font-weight:bold; letter-spacing:-0.8px;}
.m_box_menu5 li a.on{color:#fff; background:#50251b url(../images/s_menu_bg.gif); }




/*ã�ƿ��ô� ��*/
.m_location ul{margin-top:5px; margin-bottom:5px;}
.m_location ul:after{display:block; content:""; clear:both;}
.m_location li{float:left; margin-right:10px; width:15%}
.m_location li img{width:100%; height:auto;}

/*����Ȧ.ī�ν�Ȧ.����Ȧ ������*/
.gall_title{background:#301b1b; width:100%; height:26px; margin:0 auto; margin-bottom:3px; padding-top:7px; position:relative; text-align:center;}
.gall_title span{color:#FFF; font-weight:bold; font-size:14px;}

/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url("../images/button.png") no-repeat; vertical-align:top; overflow:visible; color:#333; font-weight:bold}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}


/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}


/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}


/* Button Strong */
.button.strong *{ font-weight:bold !important;}


/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}




/* CSS Document */


.test{font-family:'Nanum Myeongjo', serif;}
.test{font-family:'Nanum Gothic', sans-serif;}
.test{font-family:'NanumbarunGothic', sans-serif;}
.test{font-family:'Noto Sans Gothic', sans-serif;}
.test{font-family:'Noto Sans Armenian', sans-serif;}


/*����-���κ�*/
#wrap{min-width:320px; position:relative; padding-top:43px;}
#header{width:100%; height:43px; background:#ffffff; position:fixed; top:0; left:0; z-index:2000 }
.logo{width:140px; margin:14px auto; padding-bottom:0px;}
.logo img{width:100%; height:auto;}
.call{position:absolute; top:0px;  left:0; width:43px;}
.call img{width:100%; height:auto;}


/*����-���-�޴�����*/
.openMenu{position:absolute; top:0px;right:0; width:43px;}
.openMenu img{width:100%; height:auto;}

.gnb{position:fixed; top:0; right:-250px; width:250px; height:100%; background:#f8eadd;}
.closeMenu a{display:block; height:23px; padding:6px 15px; background:#ff7262; text-align:right;}
.gnb li .m{display:block; padding:12px 15px; border-bottom:1px solid #bba085; font-size:15px; color:#702d2d; line-height:1em; font-weight:500; background: url(../images/bul_gnb_down.gif) no-repeat 220px center;}
.gnb li .m:hover{color:#c00;}
.gnb li .m.on{color:#c00; background: url(../images/bul_gnb_up.gif) no-repeat 220px center; font-weight:bold; }
.gnb li .sub{display:none; background:#fff8f1}
.gnb li .m2{display:block; padding:10px 0 10px 24px; font-size:12px; border-bottom:1px solid #d8c9bb; background:url(../images/bul_gnb_arr.gif) no-repeat 13px center;}


/*����-�������κ�-���ν����̴�*/
#main_slider #owl-demo .item{margin:0px;}
#main_slider #owl-demo .item img{display: block; width:100%; height: auto; margin:0px auto;}


/*����-�ϴܺκ�-���*/
#m_banner ul:after{display:block; content:""; clear:both;}
#m_banner li{float:left; width:50%;}
#m_banner li img{width:100%; height:auto;}
#m_apple img{width:100%; height:auto;}
#m_under ul:after{display:block; content:""; clear:both;}
#m_under li{float:left; width:25%}
#m_under li img{width:100%; height:auto;}


/*����-Ǫ�ͺκ�*/



/* CSS Document */

*{margin:0; padding:0;} 

header, footer, nav, section, article, aside{display:block;}
body, td, p, input, button, textarea, select, .c1 {font-family:'NanumBarunGothic', '��������','NanumGothicWeb', '���� ����', 'Malgun Gothic'; font-size:15px; color:#222222;  text-decoration:none;}
@font-face {font-family:"NanumBarunGothic"; src:url('/font/NanumBarunGothic.eot') format('eot'); src:url('/font/NanumBarunGothic.woff') format('woff');}
form { margin:0px; }
a{color:#343434; text-decoration:none;}
img{border:0; vertical-align:top;} 
ul, ol, dl{list-style:none;}
ul, ol, li, dl, dt, dd{margin:0; padding:0;}
p, h1, h2, h3, h4, h5, h6, form{margin:0; padding:0;}
table, tr, td, div, span, select, input, textarea{margin:0; padding:0;}

.cf:after{display:block; content:""; clear: both;}



/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: -20px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 2px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #f47a20;
	filter: Alpha(Opacity=90);/*IE7 fix*/
	opacity: 0.9;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 4px;
	filter: Alpha(Opacity=90);/*IE7 fix*/
	opacity: 0.8;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 50px;
	background: #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	display: block;
	/*filter: Alpha(Opacity=100);IE7 fix
	opacity: 100;*/
	background: #eb4411;
	width: 10px;
	height: 10px;
    margin: 5px 4px;
	z-index:1000;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
/*?�때문에 메인 ?�단메뉴링크가 ?�걸�?
    .owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}*/


.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}