/*  Çì´õ  */

#wrap{position:relative; width:100%; margin:0;}

#head{width:100%; margin:0; padding:0;}
.head{width:100%; margin:0; padding:0;  overflow:hidden; height:85px;}
h1.logo {  margin: 16px 0 0 15px;  text-indent: -9999px;  width: 135px;  height: 37px;  background: url("/front/template/ko/images/main/markinfo_logo.svg") no-repeat;  background-size: 100%;  float: left;}


.main_visual{clear:both; padding:0; margin:0; width:100%;position: relative;}
.main_visual img{width:100%;}


#header_menu {
	z-index: 9998;
	/*position: absolute;
	width: 100%;
	top: -480px;*/
	/*-webkit-transform: translate3d(0,-234px,0);
	-moz-transform: translate3d(0,-234px,0);
	-o-transform: translate3d(0,-234px,0);
	-ms-transform: translate3d(0,-234px,0);
	transform: translate3d(0,-234px,0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	*/
}

.csstransforms3d #header_menu {
	top: 0;
}

#header_menu.header_menu_open {
	top:20px;
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#header_menu_open_close {
   position: relative;
   top: -66px;
}

#header_menu_open_close span {
  background: url("../m_images/common/menu.png") no-repeat;
  background-size: 100%;
  border: none;
  width: 28px;
  /*height: 20px;*/
  text-indent: -999px;
  overflow: hidden;
  padding-bottom: 10px;
  
}

#header_menu_open_close span {
	color: #FFFFFF;
	top: 23px;
	right: 20px;
	
	border-top: none;
	display: block;
	position: absolute;
	z-index: 999;
	text-align: center;
	font-weight: normal;
	cursor: pointer;
}


.header_menu_open #header_menu_open_close span {

}

.nav {border-top: 1px solid #bababa;width: 100%;margin: 0;padding: 0; overflow: hidden;padding-top: 16px; padding-bottom: 15px;background:#f47320;}
.nav ul {}
.nav ul li{float: left;width: 49%;height: 17px;line-height: 15px; font-size: 15px;padding: 0px;border-right: 1px solid #fff;color:#2d2525;font-weight: bold;letter-spacing: -0.5px;}
.nav ul li a{color:#fff;text-shadow: 0px 1px 0px #333;}
.nav ul li:last-child {border-right:none;}


.serarch-wrapper {}

/*  ½½¶óÀÌ´õ  */

		.jssor_1 {position: relative; margin: 0 auto; left: 0px; width: 660px; height: 660px; overflow: hidden; visibility: hidden;}
		.jssor_1 img {width:100% !important; }	

        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover {
		  width: 16px;
		  height: 16px;
		  display: inline-block;
		  border-radius: 100%;
		  background: #cac3bc;
				}
				.jssorb05 .av {
		  width: 16px;
		  height: 16px;
		  display: inline-block;
		  border-radius: 100%;
		  background: #1ca29a;
		  opacity:1;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('./m_images/common/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }

/* ½½¶óÀÌ´õ ³¡ */

#tabArea1{clear:both; padding-left:23px;}
#tabArea1 .tabM{float:left; width:140px;}
#tabArea1 #content1{float:left;}
#tabArea1 #content2{float:left;}
#tabArea1 #content3{float:left;}
#tabArea1 #content4{float:left;}

#tabArea1 h5{clear:both; padding-bottom:10px;}
#tabArea1 dl{width:460px;}
#tabArea1 dl dt{float:left; width:60px; padding-bottom:5px; font-weight:bold; color:#5e74bd;}
#tabArea1 dl dd{float:left; width:400px; padding-bottom:5px;}

#tabArea2{clear:both; padding:10px 0 20px 23px;}
#tabArea2 .tabM{}
#tabArea2 .tabM ul li{float:left;}
#tabArea2 .tabM ul li a{display:block; width:166px; height:37px; padding-top:7px; background:url('../../common/images/sub/tab_off.png') no-repeat; text-align:center; color:#fff; font-weight:bold;}
#tabArea2 .tabM ul li a:hover{display:block; width:166px; height:37px; padding-top:7px; background:#333; text-align:center; color:#fff; font-weight:bold;}
#tabArea2 .tabM ul li a.on{display:block; width:166px; height:37px; padding-top:7px; background:red; text-align:center; color:#fff; font-weight:bold;}
#tabArea2 #content1{clear:both;}
#tabArea2 #content2{clear:both;}
#tabArea2 #content3{clear:both;}

#tabArea3{clear:both; padding:10px 0 20px 23px;}
#tabArea3 .tabM{width:600px; overflow:hidden;}
#tabArea3 .tabM ul li{float:left;}
#tabArea3 .tabM ul li a{display:block; width:150px; height:37px; padding-top:7px; background:url('../../common/images/sub/tab2_off.png') no-repeat; text-align:center; color:#fff; font-weight:bold;}
#tabArea3 .tabM ul li a:hover{display:block; width:150px; height:37px; padding-top:7px; background:url('../../common/images/sub/tab2_on.png') no-repeat; text-align:center; color:#fff; font-weight:bold;}
#tabArea3 .tabM ul li a.on{display:block; width:150px; height:37px; padding-top:7px; background:url('../../common/images/sub/tab2_on.png') no-repeat; text-align:center; color:#fff; font-weight:bold;}
#tabArea3 #content5{clear:both; padding-top:20px;}
#tabArea3 #content6{clear:both; padding-top:20px;}
#tabArea3 #content7{clear:both; padding-top:20px;}
#tabArea3 #content8{clear:both; padding-top:20px;}


#tabArea{clear:both; margin-top: 64px;width:100% !important;}
#tabArea .tabM{}
#tabArea .tabM ul li{float:left;width:33.3333%;letter-spacing: -0.5px;font-size: 12px;font-weight: bold;}
#tabArea .tabM ul li a{
	display:block;
	padding:15px;
	background:#fff;
	text-align:center;
	color:#333;
	border-top: 3px solid #b2b2b2;
	font-weight:bold;
	text-decoration: blink;
	font-weight: bold;

	border-left: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}

#tabArea .tabM ul li:last-child a{
	display:block;
	padding:15px;
	background:#fff;
	text-align:center;
	color:#333;
	border-top: 3px solid #b2b2b2;
	font-weight:bold;
	text-decoration: blink;
	font-weight: bold;

	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}

#tabArea .tabM ul li a.on{
	display:block;
	background:#fff;
	text-align:center;
	color:#0db7ae;
	border-top: 3px solid #0db7ae;
	border-left: 1px solid #b2b2b2;
	border-right: 0px solid #b2b2b2;
	border-bottom: 0px solid #b2b2b2;
	font-weight:bold;
	background:url('../m_images/common/border-top.png') no-repeat center top;
	background-size: 8%;
    height: 15px;
}

#tabArea .tabM ul li:last-child a.on{
	display:block;
	background:#fff;
	text-align:center;
	color:#0db7ae;
	border-top: 3px solid #0db7ae;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-bottom: 0px solid #b2b2b2;
	font-weight:bold;
	background:url('../m_images/common/border-top.png') no-repeat center top;
	background-size: 8%;
    height: 15px;
}

#tabArea #content1{clear:both;padding-top:20px;padding-bottom:20px;border-right: 1px solid #b2b2b2;border-left: 1px solid #b2b2b2;border-bottom: 1px solid #b2b2b2;}
#tabArea #content2{clear:both;padding-top:20px;padding-bottom:20px;border-right: 1px solid #b2b2b2;border-left: 1px solid #b2b2b2;border-bottom: 1px solid #b2b2b2;}
#tabArea #content3{clear:both;padding-top:20px;padding-bottom:20px;border-right: 1px solid #b2b2b2;border-left: 1px solid #b2b2b2;border-bottom: 1px solid #b2b2b2;}
#tabArea #content4{clear:both;padding-top:20px;}
#tabArea #content5{clear:both;padding-top:20px;}


/* ¸ÞÀθ޴º ¿µ¿ª */
.smenu_area {
margin: 0 auto;
clear: both;
overflow: hidden;
width:100%;
background: #f1f1f1;
padding-top: 15px; 
}

.smenu_area ul {
}

.smenu_area ul li{
padding: 0px;
}

.smenu_area a{
display: block;  
float: left;  
width: 33.3%;  
text-align: center;
letter-spacing: -1px;
color:#333;
line-height:13px;
margin-bottom: 10px; 
font-size:0.8em;
}

.smenu_area a img{
display:block;  
width: 90%; 
margin: 0 auto; 
}

.smenu_area p a img{
display:block;  
width: 100%; 
margin: 0 auto; 
}

/* ÇÏ´Ü Ä«ÇǶóÀÌÅÍ */
#footer{clear:both; width:100%; padding:20px 0 20px 0; background-color:#333333; color:#999999;}
.control_btn{width:100%; overflow:hidden; height:71px;}
.control_btn img{width:100%;}
.btn_back{width:62px; float:left;}
.btn_top{width:62px; float:right;}

/*@media screen and (min-width: 200px) {
.footer_btn{ /*width:200px; height:40px;margin:0 auto;} 

}*/
/* °øÁö»çÇ× */
.notice_area{width:100%; padding:1 0 0 0; margin:0; clear:both;}
.notice_area img{width:100%}
.notice_area h3{float:left;width:20%;padding-top: 15px; padding-bottom: 15px; height: 17px;font-weight:bold;}
.notice_area ul{overflow:hidden;}
.notice_area ul li {  float: left;  overflow: hidden;  width:100%; font-size: 11px;  text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.notice_list {padding-top: 15px; padding-bottom: 15px; height: 17px;}
.notice_list ul{}
.notice_list ul li{padding-left: 15px;border-left: 1px solid #1e1e1e;}
.notice_list ul li span.title{display:block; width:50%; float:left; color:#565656; font-weight:bold; text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.notice_list ul li span.data{display:block; width:29.5%; float:left; color:#565656;}




@media screen and (min-width: 320px) {
#tabs-2{}
.notice_area{width:100%; padding:0 0 0 0; margin:0; clear:both;}
.notice_area img{width:100%}
.notice_area h3{float:left;width:20%;clear:both;padding-top: 15px; padding-bottom: 15px; height: 17px;font-weight:bold;}
.notice_area ul{overflow:hidden;}
.notice_area ul li {  float: left;  font-size: 11px;  width:100%;text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.notice_area ul li a{    }
.notice_list ul li span.title{display:block; width:40%; float:left; color:#565656; font-weight:bold; text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;letter-spacing: -1px;}
.notice_list ul li span.data{display:block; width:29.5%; float:left; color:#565656;}

}

@media screen and (min-width: 360px) {

#tabArea .tabM ul li{float:left;width:33.33333333333%;letter-spacing: 0px;font-size: 12px;font-weight: bold;}

.notice_area{width:100%; padding:0 0 0 0; margin:0; clear:both; }
.notice_area img{width:100%}
.notice_area h3{float:left;width:20%;clear:both;padding-top: 15px; padding-bottom: 15px; height: 17px;font-weight:bold;}
.notice_area ul{overflow:hidden;}
.notice_area ul li {  float: left; width:100%;font-size: 11px;  text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.notice_list ul li span.title{display:block; width:48%; float:left; color:#565656; font-weight:bold; text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;letter-spacing: -1px;}
.notice_list ul li span.data{display:block; width:29.5%; float:left; color:#565656;}
}


@media screen and (min-width: 400px) {
.notice_area{width:100%; padding:0 0 0 0; margin:0; clear:both;}
.notice_area img{width:100%}
.notice_area h3{float:left;width:20%;clear:both;padding-top: 15px; padding-bottom: 15px; height: 17px;font-weight:bold;}
.notice_area ul{overflow:hidden;}
.notice_area ul li {  float: left;  width:100%;  font-size: 12px;  text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.notice_list ul li span.title{display:block; width:51%; float:left; color:#565656; font-weight:bold; text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.notice_list ul li span.data{display:block; width:29.5%; float:left; color:#565656;}
}

@media screen and (min-width: 800px) {
.notice_area{width:100%; padding:0 0 0 0; margin:0; clear:both;}
.notice_area img{width:100%}
.notice_area h3{float:left;width:20%;clear:both;padding-top: 15px; padding-bottom: 15px; height: 17px;font-weight:bold;}
.notice_area ul{overflow:hidden;}
.notice_area ul li {  float: left;  width:100%; font-size: 13px;  text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.notice_list ul li span.title{display:block; width:30%; float:left; color:#565656; font-weight:bold; text-align:left;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.notice_list ul li span.data{display:block; width:29.5%; float:left; color:#565656;}
}

@media screen and (min-width: 320px) {
.head {  width: 100%;  margin: 0;  padding: 0;  overflow: hidden;  height: 65px;}
h1.logo {  margin: 16px 0 0 15px;  text-indent: -9999px;  width: 135px;  height: 37px;  background: url("/front/template/ko/images/main/markinfo_logo.svg") no-repeat;  background-size: 100%;  float: left;}
.footer_btn{margin:0 auto; width: 100%; margin:15px 0 15px 0;} 
.footer_btn ul li a{color:#999999;}
.footer_btn li {width: 43%; border:#999999 solid 1px; line-height: 40px; font-size:14px; margin:0 1.5% 0 3%; text-align: center; display: inline-block; color:#999999;}
.footer_btn li:hover {border:#1ca29a solid 1px; color:#1ca29a;}

.vr_btn{position: absolute;  right: 0px;  top: 80px; width:45%;}

.footer_con{margin:0 auto; width: 100%;}
.footer_con ul {padding-top:1px;}
.footer_con li {margin-top:2px; text-align: left; display: inline-block; color:#999999;}
.footer_con01 {padding:0px 3px;}
.footer_con02 {padding-left: 9px;}

.month_schedule { top: 344px;  margin: 0 auto;  width: 100%;  /* clear: both; */   left: 85px;}
.month_schedule_btn{ height:65px;clear:both; border:1px solid #bdbdbd; background-image:-webkit-linear-gradient(top,white,#f5f5f5,#ededed);}
.month_schedule_btn span{display:block; margin:0 auto; text-align:center; padding:20px 0 0 0;}
.month_schedule_btn span a img{width:70%;}

.smenu_area01 { position:relative; z-index:2; padding-top:5%;  background:#f1f1f1;}
.smenu_area01 a {color:#1ca29a;}
.smenu_area01 ul {width: 100%; margin:0 auto; overflow: hidden;}
.smenu_area01 li {display: block;  float: left; font-size:16px; background:#fff; text-align: center; width:45.5%; margin:0px 1.5% 0px 3%; line-height:70px;}

.smenu_area02 { position:relative; z-index:2; width: 100%; padding-bottom:5%;  background:#f1f1f1;}
.smenu_area02 a {}
.smenu_area02 ul { width: 100%; overflow: hidden; padding-top:3%;}
.smenu_area02 img { padding-top:10%; width: 25%;}
.smenu_area02 p { padding-bottom:10%; font-size:13px; color:#666666;}
.smenu_area02 li {display: block;  float: left;  background:#fff; text-align: center; width:31.3%; margin:auto; line-height:20px;}

.m_main_con { background-color:#fff; margin:3% 3% 0 3%;}
.m_main_con p {background-color:#f1f1f1; font-size:18px; color:#333333; -text-align:left; padding-bottom:2%;}

.m_main_con01 { margin:5% 5% 0px 5%; text-align:left;}
.m_main_con01 img {width:30%;float: left;margin-right:5%;}
.m_main_con01 span { font-size:15px; color:#1ca29a; text-align:left; padding-bottom:5%; vertical-align:top;}
.m_main_con01 p {font-size:14px;background-color:#fff; font-size:12px; color:#999999; text-align:left; padding-bottom:5%; vertical-align:top;}

.m_main_con02 { margin:5% 5% 0px 5%;}
.m_main_con02 img {width:30%;float: left;margin-right:5%;}
.m_main_con02 p { background-color:#fff; font-size:12px; color:#999999; text-align:left; padding-bottom:5%; vertical-align:top;}
.m_main_con02 span { font-size:14px; color:#1ca29a; text-align:left; padding-bottom:5%; vertical-align:top;}

.m_main_con03 { margin:5% 5% 0px 5%; padding-bottom:5%;}
.m_main_con03 img {width:30%;float: left;margin-right:5%;}
.m_main_con03 p { background-color:#fff; font-size:12px; color:#999999; text-align:left; padding-bottom:5%; vertical-align:top;}
.m_main_con03 span { font-size:14px; color:#1ca29a; text-align:left; padding-bottom:5%; vertical-align:top;}

.m_main_btn01 { margin:0% 3% 3% 3%; width:94%; background-color:#1ca29a;}
.m_main_btn01 p {text-align:left;color:#fff; font-size:18px; padding:5% 5% 0% 5%;}
.m_main_btn01 img {float: right; padding:9.25% 5% 9.25% 5%; }

.m_main_faq { background-color:#f1f1f1; padding:5% 0; margin:5% 0% 5% 0%;}
.m_main_faq p {float:left;font-size:18px; color:#333333; text-align:left;  }
.m_main_faq span {float:right; font-size:14px; color:#1ca29a; padding-top:5px;}
.m_main_faq img {width:10%; padding-left:15%;}

.m_main_faq01 { float:right; background:#fff;  width:90%; padding:5% 5%; margin-bottom:2%;}
.m_main_faq01 p { color:#666666; float:left; text-align: left;font-size:16px;
.m_main_faq01 img { width: 2.5%; float:right; }
.m_main_faq01 span { color:#1ca29a;  }

.m_cost { margin:22% 5% 0% 5%;}




@media screen and (min-width: 360px) {
}

@media screen and (min-width: 400px) {
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 640px) {
}


@media screen and (min-width: 800px) {
.head { width: 100%;  margin: 0;  padding: 0;  overflow: hidden;  height: 95px;}
}

.contents {position: relative;margin-top: 64px;}

.contents_notice {position: relative;margin-top:0px;}