@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo|Stylish|Sunflower:300');
@charset "utf-8";
/* CSS Document */
@import "reset.css";
html,body{height:100%}
body { margin:0; padding:0;  font-family: 'Sunflower', sans-serif;  }

#header{position: relative; width:100%; height:auto;}
#footer{position: relative; width:100%; height:100px; background-color: #eeeeee;}
#wrap  {position: relative; width:100%; height:auto;}

#wrap_start {position: relative; box-sizing: border-box; width:100%; padding-bottom: 0px; top:0;  overflow: hidden;; min-width: 980px; margin-top:-110px;}  
#content {position: relative; box-sizing: border-box; width:100%; padding-bottom: 0px; height: auto; min-width: 980px;}
#content #main_content {position: relative; top:0; left:0; box-sizing: border-box; min-width: 980px;}        
#content #main_content .visual_img {position: relative; box-sizing: border-box; width: 100%; height : 900px; overflow: hidden;z-index: -9999; }
#content #main_content .visual_img img {position : relative; width:100%; height : 100%; overflow: hidden; opacity: .79;}
    
.visual_all {position :absolute; top:0; display: inline-block; width:900px; border: 0;margin-top:0;  right: 0; left:50%; transform: translateX(-50%);margin-top: 190px; }
.visual_text {width: 100%; height: auto; }
.visual_text img {width: 100%;}

.visual_text {
	display: flex;
	color: white;
	flex-direction: column;
	justify-content: center;
    text-align: center;
    padding-top:4.5em;
}

.visual_text h1, .visual_text h2 {
	font-family: 'Sunflower', sans-serif;
}

.visual_text h2 {
	font-size: 2.4em;
	margin-bottom: 2em;
}

.visual_text h1 {
	font-size: 4em;
	margin:0 auto;
	margin-bottom: 1.8em;
	color:white;
	width:400px;
	padding:20px;
	border:1px solid #ffffff7a;
	background-color: #00000024;
	border-radius: 5px;
}

.under_line {
	margin:0 auto;
	border-bottom: 5px solid white;
	width: 200px;
}

.main_bottom_title {
	font-family: 'Sunflower', sans-serif;
	color: white;
	font-size: 1.5em;
	margin-top:2em;
}

.visual_line {width: 100px; border-bottom: 1px solid #fff; padding: 10px 0; margin-left: 20px;}
.about {margin-top: 50px;  width: 180px; text-align: center; height: auto; font-size: 20px; z-index: 1000;}
.about p {color: #fff; vertical-align: middle; padding: 10px 20px;border: 3px solid #fff; border-radius: 100px; font-size: 18px; }
.about p:hover{background-color: #fff;border-radius: 100px; color: #000;}

.step_2 {position: absolute; overflow: auto;width: 680px;; box-sizing: border-box;  top:0; left: 0; z-index:9000; float: left; color: #fff; margin: 720px 0 0 0px;text-align: center;left: 50%;transform: translateX(-50%);}
.step_2 .B1000 {float: left; padding: 25px 40px 00px 40px; font-size: 15px; color: #fff; height: 110px; border: 1px solid #fff; text-align: center;width: 150px;margin-right: 10px; background-color: #1011123b;}
.step_2 .B1000 span{font-size: 28px;color: #fff; font-weight: bold; font-family: 'Sunflower', sans-serif;}
.step_2 .C1000 {float: left; padding: 25px 40px 00px 40px; font-size: 15px; color: #fff; height: 110px; border: 1px solid #fff; text-align: center;width: 350px; }
.step_2 .C1000 span{font-size: 28px;color: #fff; margin-bottom: 20px;font-weight: bold; font-family: 'Sunflower', sans-serif;}


.step_2 .B1000:hover{background-color: rgba(0, 0, 0, 0.7);}
.step_2 .B1000 a:link {text-decoration: none; color:#fff; }
.step_2 .B1000 a:visited {text-decoration: none; color:#fff;}
.step_2 .B1000 a:active {text-decoration: none; color:#fff;}
.step_2 .B1000 a:hover {text-decoration: underline; color:#fff;}

.step_2 .C1000 { font-family: 'Sunflower', sans-serif; background-color: #1011123b;}
.step_2 .C1000:hover{background-color: rgba(0, 0, 0, 0.7);}
.step_2 .C1000 a:link {text-decoration: none; color:#fff;}
.step_2 .C1000 a:visited {text-decoration: none; color:#fff; }
.step_2 .C1000 a:active {text-decoration: none; color:#fff;}
.step_2 .C1000 a:hover {text-decoration: underline; color:#fff;}

.step04 {position: relative;  box-sizing: border-box;  width: 980px;margin:0 auto; margin-top: -500px;}
.step04 .instaid {position: relative; text-align: center; margin-top: 600px;}
.step04 .instaid .gamseon {font-size: 60px;line-height: 60px; font-family: 나눔명조;}
.step04 .instaid .gamseon_ko {font-size: 20px; }
.instar_img {width: 100%; margin-top: 80px;}
.instar_img ul {overflow: auto;}
.instar_img .in_list { float: left;width: 300px; height: 300px;overflow: hidden; padding: 10px 10px; margin-top: 0px;}
.instar_img img {cursor: pointer;opacity: .4; width: 300px;height: 300px; overflow: hidden;padding: 10px 10px; }
.instar_img img:hover{opacity: 1; overflow: hidden;width: 300px;height: 300px;}




.step_3 {position: relative; overflow: auto; box-sizing: border-box; width: 980px; margin: auto;}
.step_3 p {padding: 50px 0;text-align: center; margin-top: 80px; border-top: 1px solid #ddd;  line-height: 40px; font-size: 22px; color: #000;}
.step_3 p span{color:#0f69a5; }
.step_oth {position: relative; overflow: auto; box-sizing: border-box; width: 980px; margin: auto;  margin-bottom: 50px;}

#step05 {position: relative;width:100%; overflow: hidden; box-sizing: border-box; margin-top: 100px;}
#step05.step05{}
#step05 .bg_00 {position: relative; width: 100%; height: 250px;overflow: hidden;}
#step05 .bg_00 img {width: 2240px; overflow: hidden; opacity: .78;}
#step05 .menu_02 {position: absolute; top:0; left: 0; overflow: auto; width: 400px; box-sizing: border-box;min-width:980px;  left: 50%;transform: translateX(-50%);margin-top:50px; margin-left: 40px;}
#step05 .ver01 {overflow: auto; padding: 30px 30px; border: 1px solid #fff; color: #fff;text-align: center;width: 250px; float: left;margin-right: 10px; background-color: #1011123b;}
#step05 li {}
#step05 br {}
#step05 ul .bic_t {font-size: 30px; font-weight: 900;}
#step05 ul .line {width: 100px; padding: 1px 0; text-align: center; border: 1px solid #fff; margin: 10px 80px;}
#step05 .ver02 {background-color: #f9e81e; overflow: hidden; border: 1px solid #f9e81e; width: 260px; float: left;margin-right: 5px;height: 165px;}
#step05 .kakao {width: 100%; margin: 5px 0px; overflow: hidden;}
#step05 .kakao img {width: 100%;}


#step06 {position: relative; overflow: auto; box-sizing: border-box; width: 980px; margin: auto;}
#step06.step06{}
#step06 .trip {margin: auto; padding: 150px 0 180px 0; font-family: 'Sunflower', sans-serif;}
#step06 ul {width: 100%; float: left; font-family: 'Sunflower', sans-serif;}
#step06 .s_text {width: 60%; float: left; text-align: center; font-size: 22px; margin-top: 15px; color: #333;}
#step06 .link_text {right: 0; width: 40%; float: left; text-align: center;font-size: 50px;font-weight: bold; color: #ccc;}