@import url(//fonts.googleapis.com/css?family=Open+Sans|Oswald|Poppins);
		@import url(//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

		* { font-family:'Open Sans', sans-serif, '굴림'; }

		html,body {width:100%;
				font-smoothing: antialiased;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
				text-stroke: 0.6px; 
				font-smooth:always;
				-webkit-font-smoothing: antialiased;
				font-size:17px;
				letter-spacing:-1px;
		}
		.header_main {width:100%;margin-bottom:40px}

		.header_sub {width:100%;margin-bottom:40px;background-image:url(../img/bg_01.png);background-color:#2f6a7c;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;height:450px}
		.menu {width:980px;margin:0 auto;font-weight:black;}
		.nav_ul{width:980px;padding:0;margin:0;padding-top:50px}
		.nav_ul li{float:left;list-style:none;width:calc(980px / 5);text-align:center;letter-spacing:6px;font-size:12px;}
		.nav_ul li a {font-family:'Poppins','Open Sans', sans-serif;font-weight:bold;color:#bdbdbd;transition:all .2s; ;padding-left:6px}
		.nav_ul li a:hover {color:#dddddd;text-decoration:none;background:#000}
		.logo_box {text-align:center;margin-top:30px}
		.main_imgs {max-width:980px;margin:0 auto;}
		.main_imgs .images_box {display:block;width:50%;float:left;}
		.footer{background:#222222;padding-bottom:80px;padding-top:80px;margin-top:100px}
		.footer_wrap {max-width:980px;margin:0px auto;}
		.footer_wrap>div{float:left;}
		.footer_wrap .footer_box_01 {width:25%}
		.footer_wrap .footer_box_02 {width:25%}
		.footer_wrap .footer_box_03 {width:50%}
		.footer_box_02 {text-align:left;font-size:12px;line-height:1.75em}
		.footer_box_02 span{color:#fff;font-weight:bold}
		.footer_box_03 {text-align:left;font-size:12px;line-height:1.75em}
		.footer_box_03 span{color:#fff;font-weight:bold}
		.footer_box_02 a {color:#555;font-weight:600}
		.site_ul li {text-align:left;}
		.main_sub_title{width:200px;float:left;border-right:1px solid #eee;}
		.main_sub_content{width:calc(100% - 200px);padding-left:80px;float:left;padding-top:14px}
		h2{ font-family:'NanumSquare', sans-serif, '굴림'; font-weight:800;}
		.main_sub_content {font-family:'NanumSquare', sans-serif, '굴림';font-size:17px;line-height:2em}
		.sub_eng{color:#aaa}
		.main_sub_content h3{margin-top:0; font-weight:600;margin-bottom:20px}
		.main_sub_content>img {width:calc(25% - 20px);border:1px solid #ddd;display:block;float:left;margin:0 5px 5px 0}


		.step_box {margin-top:40px}
		.step_box>div{float:left;width:calc(100% / 3);}
		.step_1, .step_2, .step_3 {box-shadow:2px 0px 5px 0px rgba(0,0,0,.1);}
		.step_title {text-align:center;color:#fff;font-size:40px;font-weight:800;font-family:'NanumSquare', sans-serif, '굴림';padding:34px 0}
		.step_title_1 {background:#fa4062;z-index:3;z-index:5}
		.step_title_2 {background:#50a0c5;z-index:2;z-index:4}
		.step_title_3 {background:#b556e1;z-index:1;z-index:3}

		.step_cont{padding:10px;text-align:center;font-family:'NanumSquare', sans-serif, '굴림';}
		.step_cont img {display:block;width:50%;margin:10px auto 15px;}
		.step_cont_1 {border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:5px solid #fa4062;
		}
		.step_cont_2 {border-right:1px solid #ddd;border-bottom:5px solid #50a0c5}
		.step_cont_3 {border-right:1px solid #ddd;border-bottom:5px solid #b556e1}
		strong{font-family:'NanumSquare', sans-serif, '굴림';}
		.mo_menu {display:none}
		.sub_eng_title {font-weight:700;font-family:'Montserrat','Poppins','Open Sans', sans-serif;font-size:80px;color:#fff}
		
		.pc {display:block;}
		.mo {display:none}

		.subway-line2 {background: #009D3E;
    color: #fff;
    padding: 3px 8px 3px 8px;
    margin: 0 4px 0 4px;
    border-radius: 4px;
    font-size: 13px;}
		@media (max-width: 997px) {
		
			.pc {display:none;}
			.mo {display:block}


			.nav_ul {display:none1;}
			.mo_menu {display:inline-block;border:0;background:rgba(0,0,0,.0);position:absolute;right:10px;top:7px;font-size:24px;color:rgba(0,0,0,.5)}

		
			.footer_wrap .footer_box_01 {display:none;}
			.footer_wrap .footer_box_02 {width:100%;padding:0 20px}
			.footer_wrap .footer_box_03 {width:100%;padding:30px 20px}
			.footer{padding-bottom:20px;padding-top:40px;margin-top:0px}

			.menu {width:100%;display:none;position:absolute;top:50px;z-index:99999;background:#555}
			.nav_ul{width:100%;padding:0;margin:0;}
			.nav_ul li{list-style:none;width:100%;
				text-align:left;
				letter-spacing:6px;
				font-size:12px;
				padding:16px 40px;
				border:0px solid red;
			}
			.nav_ul li:first-child {padding-top:32px}
			.nav_ul li:last-child {padding-bottom:32px}
			.nav_ul li a {font-family:'Poppins','Open Sans', sans-serif;font-weight:bold;color:#bdbdbd;transition:all .2s; }
			.nav_ul li a:hover {color:#dddddd;text-decoration:none;}
			.logo_box {margin:0}
			.sub_eng_title {font-size:40px}
			.header_sub{height:300px;background-position:center right}

			.main_imgs .images_box {display:block;width:100%;margin-top:10px}
			.main_sub_title{border-right:1px solid #eee;width:100%;text-align:center;}
			.main_sub_content {width:100%;padding:0 40px 50px;}
			.step_box>div{float:left;width:calc(100% / 3);}
			.sub_menu {color:rgba(255,255,255,.5)}
		.step_cont{font-size:8px;line-height:12px;padding:10px;text-align:center;font-family:'NanumSquare', sans-serif, '굴림';}
		.main_sub_content>img {width:calc(50% - 5px);border:1px solid #ddd;display:block;float:left;margin:0 5px 5px 0}


		}
figure.snip1384 {
  font-family: 'Poppins', Arial, sans-serif;
  position: relative;
  overflow: hidden;

  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000000;
  cursor:pointer;
}
figure.snip1384 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1384 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
figure.snip1384:after,
figure.snip1384 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1384:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
figure.snip1384 figcaption {
  z-index: 1;
  padding: 40px;
}
figure.snip1384 h3,
figure.snip1384 .links {
  width: 100%;
  margin: 0px 0;
  padding: 0;
}
figure.snip1384 h3 {
text-align:center;
margin-top:29%;
	color:#000; text-shadow:0px 0px 10px rgba(255,255,255,1);
  font-weight: 700;
  font-size: 1.4em;
  text-transform: uppercase;
  opacity: 1;
}


figure.snip1384 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
figure.snip1384:hover img,
figure.snip1384.hover img {
  zoom: 1;

transform:scale(1.1);             /*  default */
-webkit-transform:scale(1.1);     /*  크롬 */
-moz-transform:scale(1.1);       /* FireFox */
-o-transform:scale(1.1);           /* Opera */
}
figure.snip1384:hover:after,
figure.snip1384.hover:after {
  opacity: 1;
  position: absolute;

}
figure.snip1384:hover h3,
figure.snip1384.hover h3,

figure.snip1384:hover i,
figure.snip1384.hover i {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
  color:#fff;
  /**/
}