body{padding:0; margin:0;} 

.pop{ 
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
 
  align-items:center;
  justify-content:center;
  -webkit-align-items:center;
  -webkit-justify-content:center;
 
  -webkit-box-pack:center;
  -webkit-box-align:center;
  -moz-box-pack:center;
  -moz-box-align:center;
  -ms-box-pack:center;
  -ms-box-align:center;
}
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}
.all_wrap{max-width: 720px; width: 100%; margin: 0 auto; }

 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;


        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
		

#point {background-image:url(../img/point.jpg); background-repeat:no-repeat; background-size:100%; top:0px; width:100%; height:250px; z-index:3;}	
	
.swiper2 {}	
.slide2{top:10px;
        margin-top:2px;}

.news {background-color: #fff; width: 100%; z-index:3;}	
.box {background-color: #fff; width: 100%; height:140px;}
	
	
.jbFixed {
        position: fixed;
        top: 0px; }
		
.myButton {
    opacity: 1;
    background-color: #ff7e00;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 0.5em;
    padding: 10px 16px;
    text-decoration: none;
}

.myButton2 {
    opacity: 1;
    background-color: #006999;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 0.5em;
    padding: 10px 16px;
    text-decoration: none;
}		

#container{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:13px;
	border-left: 1px solid #ddd;
	height:40px;
}
ul.tabs li { margin-bottom:-1px; color:#444;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: 600;
    background: #eee;
    overflow: hidden;
    position: relative;
	
}
ul.tabs li.active { color:#f8981c;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

ul.tabs li.selected { color:#fff;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 1100px;
    margin: 0 auto;
}









#container2{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:0px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    line-height: 45px;
/*    border: 1px solid #c9964c;*/
    font-weight: 400;
/*    background: #fff;*/
    overflow: hidden;
    position: relative;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; 
/*	background: #1f1015; */
	background: none; 
}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a {  font-size:14px; font-weight:600; text-decoration: none; color:#444;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.selected
{
   color:#fff;
}

ul.tabs2 li.active { color:#fff;  }




.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}



		

		



ol,ul,li,a {list-style:none; text-decoration:none;}

#sub-top{
	position: relative;
	margin-top: 60px;
	overflow: hidden;
}

#sub-top img{ transform: scale(1); animation: sub_top_img 2.5s 0s both; }

/*
@keyframes sub_top_img {

  from { transform: scale(1.5); }
  to { }
  
}
*/
#tit {
    font-size: 30px;
    font-weight: 500;
    line-height: 90%;
    text-align: center;
    color: #000;
}

#subtop-tit {
	z-index: 99;
	width: 100%;
    color: #fff;
    font-weight: 300;
    font-size: 4.96vw;
    text-align: center;
    top: 29.4vw;
    font-family: 'Nanum Myeongjo', serif;
/*	font-family: 'Nanum Myeongjo', serif;*/
    position: absolute;
    animation: sub-top 2s 0.5s both;
}

@keyframes sub-top {

  from { opacity:0 }
  to { }
  
}

#subtop-desc {

	z-index: 99;
	left: 0; 
	right: 0; margin: auto;
    color: #fff;
    top: 35.78vw;
    font-weight: 300;
    font-size: 6.96vw;
    text-align: center;
    letter-spacing: -1px;
    font-family: 'Nanum Myeongjo', serif;
    position: absolute;
    animation: sub-top 2s 1.1s both;
}

#sub {width:100%;margin:0 auto; position:relative; text-align:center;  font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:400; }

.sub-tit {
	letter-spacing: -0.13vw;
    font-size: 35px;
    font-weight: 400;
    padding-bottom: 0px;
    line-height: 35px;
    z-index: 99;
    position: relative;
    font-family: 'Maven Pro', sans-serif;
    color: #101010;
	text-align: center;
	margin-bottom: 20px;
}
#sub-tit-color {
    color: #b58b20;
}
#sub .sub-desc {
    font-size: 14px;
	line-height: 14px;
    font-weight: 300;
	margin-top: 2px;
/*    padding-top: 2px;*/
    color: #777;
}
#sub-tit-line {
    z-index: 9;
    position: relative;
    text-align: center;
    width: 1px;
    margin: 15px auto 20px;
    height: 30px;
    background-color: #999;
}
/*#sub .sub-tit-line{padding-bottom:20px; z-index:9999; position:relative;}*/
.sub-page { padding: 20px; padding-bottom: 50px; overflow: hidden; padding-top: 25px; }

.sub_page_tit { margin-bottom: 30px; }

.sub_line { margin: 10px 0 20px; }

/*#sub ul {
    padding-left: 0px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    list-style: none;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -1px;
	color:#444
	}*/



/**#sub li A {text-decoration:none; color:#444;}**/
/*#sub li{line-height:26px;}*/
#sub .select {
    background: #b58b20;
    height: 50px;
    line-height: 49px;
    vertical-align: middle;
    border: none;

	}
#sub .select a {
    color: #FFFFFF;
}




#sub>ul>li { background-color: #fff !important; border-bottom: 1px solid #e8e8e8 !important; border-top: none !important; font-weight: 400; box-sizing: border-box; }
#sub>ul>li a { color: #333; }

#sub .select {

    background: #b58b20 !important;
    height: 50px;
    line-height: 49px;
    vertical-align: middle;
    border: none  !important;

	}



/*ul.tabs2 li.selected a, ul.tabs li.selected a:hover { background-color: #1f1015 !important; }*/
/*ul.tabs2 li { background-color: #fff; }*/


@media all and (min-width: 720px) { 
	

		
}