@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
/* CSS Document */

#wrap { position:relative; max-width: 1920px; min-width: 1300px; margin:auto; overflow: hidden; }
#notosans {font-family: 'Noto Sans KR', sans-serif;}

.visual_wrap { position:relative; width:100%; overflow: hidden; }
.visual_wrap .visual_bg { position: relative; width: 1920px; left: 50%; top: 0; margin-left: -960px; }
.visual_wrap .visual_bg .visual_txt_1 { position:absolute; top: 160px; left: 452px; opacity:0; }
.visual_wrap .visual_bg .visual_txt_2 {position:absolute;bottom: 0;left: 452px;opacity:0;font-size: 25px;color: #fff;line-height: 150%;letter-spacing: -0.5px;}
.visual_wrap .visual_top { position: absolute; top: 60px; width: 100%; left: 0; height: 80px; }
.visual_wrap .visual_top .logo {width: 600px;float:left;text-align: center;opacity: 0;}
.visual_wrap .visual_top .logo img { cursor: pointer; }
.visual_wrap .visual_top .search_wrap { width: 600px; float:right; font-size: 23px; letter-spacing: -1px; }
.visual_wrap .visual_top .search_wrap .search_title {float:left;line-height: 38px;color: #ffdb15;}
.visual_wrap .visual_top .search_wrap .search_area {float:left;width: 230px;line-height: 38px;margin-left: 30px;background: url(../img/search.png) no-repeat center center;/* padding-left: 18px; */color: #ffdb15;text-align: center;}
/*
.visual_wrap .visual_top .search_wrap { width: 47%; margin-left: 3%; float:left; font-size: 20px; letter-spacing: -1px; }
.visual_wrap .visual_top .search_wrap .search_title { float:left; line-height: 38px; color: #777; }
.visual_wrap .visual_top .search_wrap .search_area { float:left; width: 212px; line-height: 38px; margin-left: 30px; background: url(../img/search.png) no-repeat center center; padding-left: 18px; color: #f0a1a9; }
*/

.visual_wrap .mouse_scroll { position:absolute; bottom: 30px; left: 50%; margin-left: -11px; }

.item_wrap { width: 1200px; margin: 0 auto; padding: 125px 0; }
.item_wrap ul li { float:left; width: 23.5%; margin-right: 2%; height: 260px; text-align: center; overflow: hidden; }
.item_wrap ul li:last-child { margin-right: 0; }
.item_wrap ul li .item { margin-top: 260px; opacity: 0; }
.item_wrap ul li .item_icon { position: relative; height: 145px; }
.item_wrap ul li .item_icon img { position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }
.item_wrap ul li h3 {color: #52546d;font-size: 24px;margin-top: 30px;font-weight: 600;}
.item_wrap ul li p { color: #777; font-size: 15px; line-height: 120%; margin-top: 22px; }

.intro_wrap { padding: 125px 0; background:url(../img/intro_wrap_bg.jpg) repeat; }
.intro_wrap .intro_cont_wrap { width: 1200px; height: 784px; margin: 0 auto; position: relative; }
.intro_wrap .intro_cont_wrap .intro_img { box-shadow: 0px 0px 15px #bfbfbf; display:inline-block; margin-left: -1131px; }
.intro_wrap .intro_cont_wrap .intro_img img { display: block; }
.intro_wrap .intro_cont_wrap .intro_cont { position:absolute; background-color: #fff; top: 50%; right: -600px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); padding: 100px 65px; color: #222; }
.intro_wrap .intro_cont_wrap .intro_cont h1 { font-size: 30px; font-weight: 400;line-height: 140%;   margin-bottom: 35px; color: #ababab;}
.intro_wrap .intro_cont_wrap .intro_cont h1 b{ font-size: 40px; font-weight: bold; color: #222;}
.intro_wrap .intro_cont_wrap .intro_cont .hr { width: 50px; height: 1px; background-color: #222; margin: 35px 0; }
.intro_wrap .intro_cont_wrap .intro_cont p { font-size: 15px; line-height: 180%;}
.intro_wrap .intro_cont_wrap .intro_cont p.sign { font-size: 17px; font-weight: 600; margin-top: 50px; }

.banner_wrap { padding: 60px 0; background: url(../img/banner_bg.jpg) no-repeat; }
.banner_wrap .banner_area { width: 1200px; margin: 0 auto; }
.banner_wrap .banner_area .banner { float:left; position:relative; }
.banner_wrap .banner_area .banner .banner_cont { position: absolute; }
.banner_wrap .banner_area .banner .banner_cont h1 { font-size: 40px; color: #333; font-weight: 600; }
.banner_wrap .banner_area .banner .banner_cont p { font-size: 15px; color: #555; line-height: 180%; margin-top: 30px; letter-spacing: -1px; }
.banner_wrap .banner_area .banner button { width: 190px; height: 56px; border-radius: 28px; border: solid 1px #454545; color: #454545; font-size: 18px; text-align:center; cursor: pointer; margin-top: 30px; text-align: left; padding-left: 45px; }
.banner_wrap .banner_area .banner .over_bg { position: absolute; top:0; bottom:0; left: 0; right:0; opacity: 0.9; display: none; }
.banner_wrap .banner_area .banner .over_txt { display: none; width:100%; text-align: center; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); color: #fff; }
.banner_wrap .banner_area .banner .over_txt h1 { font-size: 40px; font-weight: 600; margin-bottom: 10px; }
.banner_wrap .banner_area .banner .over_txt p { margin-top: 30px; line-height: 150%; font-size: 15px; letter-spacing: -0.5px; }
.banner_wrap .banner_area #banner01 { width: 370px; height: 372px;  background:url(../img/banner01.jpg) no-repeat; }
.banner_wrap .banner_area #banner01 .banner_cont { text-align:center; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width: 100%; }
.banner_wrap .banner_area #banner01 button { background:url(../img/button_bg_black.png) 130px center no-repeat; }
.banner_wrap .banner_area #banner01 button:hover { background:url(../img/button_bg_black.png) 130px center no-repeat; background-color:#fff; color:#000;}

.banner_wrap .banner_area #banner01 .over_txt button { color: #fff; border: solid 1px #fff; background:url(../img/button_bg_gray.png) 130px center no-repeat; color:#000;}
.banner_wrap .banner_area #banner01 .over_bg { background-color: #f1634c; }

.banner_wrap .banner_area #banner02 { width: 365px; height: 372px;  background:url(../img/banner02.jpg) no-repeat; }
.banner_wrap .banner_area #banner02 .banner_cont { text-align:center; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width: 100%; }
.banner_wrap .banner_area #banner02 button {background:url(../img/button_bg_black.png) 130px center no-repeat; }
.banner_wrap .banner_area #banner02 button:hover { background:url(../img/button_bg_black.png) 130px center no-repeat; background-color:#fff; color:#000;}

.banner_wrap .banner_area #banner02 .over_bg { background-color: #4c4544; }
.banner_wrap .banner_area #banner03 { width: 465px; height: 372px; background:url(../img/banner03.jpg) no-repeat; }
.banner_wrap .banner_area #banner03 .banner_cont {top: 50%;left: 60px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.banner_wrap .banner_area #banner03 .banner_cont h1 { color: #fff; }
.banner_wrap .banner_area #banner03 .banner_cont p { color: #fff; }
.banner_wrap .banner_area #banner03 .over_bg { background-color: #f49d8c; }

.banner_wrap .banner_area #banner04 { width: 735px; height: 534px; background:url(../img/banner04.jpg) no-repeat; }
.banner_wrap .banner_area #banner04 .banner_cont {top: 320px;left: 40px;}
.banner_wrap .banner_area #banner04 .banner_cont p:last-child { }
.banner_wrap .banner_area #banner04 .over_bg { background-color: #857976; }
.banner_wrap .banner_area #banner05 { width: 465px; height: 534px; background:url(../img/banner05.jpg) no-repeat; }
.banner_wrap .banner_area #banner05 .banner_cont {top: 320px; left: 40px; }
.banner_wrap .banner_area #banner05 .over_bg { background-color: #e6e7ff; }
.banner_wrap .banner_area #banner05 .over_txt { color: #4e4745; }

.map_wrap { padding: 100px 0; background:url(../img/map_wrap_bg.jpg) no-repeat; position: relative; }
.map_wrap .map_info_bg { position: absolute; top: 0; bottom: 0; right: -1000px; opacity: 0; max-width: 1320px; width: 75%; background-color: #f6f6f6; z-index: 1; }
.map_wrap .map_cont_wrap { position:relative; width: 1200px; margin: 0 auto; z-index: 50; }
.map_wrap .map_cont_wrap .map { width: 498px; height: 478px; float:left; background-color: #ddd; margin-left: -498px; }
.map_wrap .map_cont_wrap .map_info { width: 702px; padding: 80px 0; float:left; margin-left: -498px; opacity: 0; }
.map_wrap .map_cont_wrap .map_info .map_title { padding-left: 40px; margin-bottom: 60px; }
.map_wrap .map_cont_wrap .map_info .map_title h1 { font-size: 30px; color: #222; font-weight: 600; }
.map_wrap .map_cont_wrap .map_info .map_title p { font-size: 18px; color: #777; margin-top: 30px; line-height: 120%; }
.map_wrap .map_cont_wrap .map_info .map_contact { padding-left: 350px; background:url(../img/map_contact.png) no-repeat left center; min-height: 151px; }
.map_wrap .map_cont_wrap .map_info .map_contact .address { font-size: 18px; color: #555; line-height: 150%; padding: 15px 0; }
.map_wrap .map_cont_wrap .map_info .map_contact .call { font-size: 35px; color: #ffaa06; font-weight: 600; }
.map_wrap .map_cont_wrap .map_info .map_contact .time { font-size: 12px; color: #818181; padding-top: 10px; }


.contact_wrap {background:url(../img/contact_bg.jpg) no-repeat; padding: 65px 0;}
.contact_wrap .contact_cont_wrap { width: 1200px; margin: 0 auto; height: 390px; overflow: hidden; }
.contact_wrap .contact_cont_wrap .contact_title { float:left; width:350px; opacity: 0; }
.contact_wrap .contact_cont_wrap .contact_title p { font-size: 15px; color: #cbcbcb; margin-top: 40px; line-height: 150%; letter-spacing: -1px; }
.contact_wrap .contact_cont_wrap .contact { float:left; width: 850px; margin-top: 150px; opacity: 0; }
.contact_wrap .contact_cont_wrap .contact .field_wrap { float:left; width: 400px; margin: 0 50px 20px 0; }
.contact_wrap .contact_cont_wrap .contact .field_wrap:nth-child(2n+0) { margin-right: 0; }
.contact_wrap .contact_cont_wrap .contact .field_wrap.content_wrap { width: 100%; margin-right: 0; }
.contact_wrap .contact_cont_wrap .contact .field_wrap label { float:left; width: 80px; line-height: 47px; font-size: 18px; color: #b9b9b9; }
.contact_wrap .contact_cont_wrap .contact .field_wrap input[type=text] { float:right; width: 320px; border: none; background-color: #fff; padding: 15px 10px; font-size: 13px; }
.contact_wrap .contact_cont_wrap .contact .field_wrap select { float:right; width: 320px; border: none; background-color: #fff; padding: 15px 10px; font-size: 13px;}
.contact_wrap .contact_cont_wrap .contact .field_wrap textarea { float:right; width: 750px; height: 150px; border: none; background-color: #fff; padding: 15px 10px; outline: none; }
.contact_wrap .contact_cont_wrap .contact .contact_btm { width: 770px; margin-left: 80px; }
.contact_wrap .contact_cont_wrap .contact .contact_btm .agree_wrap { float:left; width: 345px; font-size: 14px; color: #777; letter-spacing: -1px; }
.contact_wrap .contact_cont_wrap .contact .contact_btm button {float:right;width: 425px;height: 55px;background-color: #ff9500;color: #fff;border: none;}

#footer { width: 100%; text-align: center; padding: 30px 0; line-height: 150%; font-size: 12px; }