@import url(http://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(http://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css);

*{margin:0;padding:0;font-size:12px;color:#757575;line-height:160%;letter-spacing:-0.01em;}

body{background:url(images/bg.jpg) no-repeat center 0; width:100%;}
img {border:0px;}

.png24{tmp:expression(setPng24(this));}
.wrap{width:100%;margin:0 auto;}

.wrap1   {margin:0 auto;background-color:#a3d4ed; width:720px;}
.wrap1 p {padding:50px; text-align:left; font-size:22px; color:#333; font-weight:350;font-family:NanumBarunGothic; text-align:center;}
.wrap2   {margin:0 auto;background-color:#f0f0f0; width:720px;}
.wrap3   {margin:0 auto;background-color:#f0f0f0; width:720px;}
h1 {padding:50px; text-align:left; font-size:50px; color:#333; font-weight:600;font-family:NanumSquare; text-align:center;line-height:130%;}
p  {padding:50px 50px 90px 50px; text-align:justify; font-size:26px; color:#666; font-weight:400;font-family:NanumBarunGothic;}


.swiper-container,.swiper-container2,.swiper-container3,.swiper-container7,.swiper-container5,.swiper-container6{width:100%;margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-slide{text-align:center;font-size:18px;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}
.swiper-slide img{max-width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 3px}

.swiper-container5{width:100%; background-color:#dce4e8; background-size:100%;box-sizing:border-box;padding:8% 15px 8%}
.swiper-container5.swiper-container-horizontal>.swiper-pagination{bottom:20px}


.swiper-container{height:auto !important}
.swiper-wrapper{height:auto !important}
.swiper-slide{height:auto !important}
.swiper-slide.first.dlide_img.swiper-slide-active{height:auto !important}


#wrap a{-webkit-tap-highlight-color:rgba(0,0,0,0)}


.video-container3 {position:relative; height:0; padding-bottom:56.25%; padding-top:30px; text-align:center;background-color:#f0f0f0;}
.video-container3 iframe,
.video-container3 object,
.video-container3 embed { width:90%; height:78%; position:absolute; top:0; left:5%;}

