html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 }


* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:100%; color:#000; font-size:1em; font-family: 'Pretendard-Regular'; overflow-y:visible!important; box-sizing:border-box; }
img { vertical-align:middle; border:none; }
a { text-decoration:none; cursor:pointer; }
p { }
div, input, button { vertical-align:middle; border:none; font-family: 'Pretendard-Regular'; }
textarea { border:none; }
.red { color:#ee0000; font-weight:500; }
.wh { color:#fff; }
.orange1 { color:#fd762c; }
.orange2 { color:#f85820; }
.br { color:#58372b; }
.bl { color:#09489c; }


/* PC 
------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; min-width:1200px; overflow:hidden; }
.wrap .contents { position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }

.wrap .main { height:940px; 
	background:url(img/main_bg.jpg)center center no-repeat;
	background-size: cover;
	background-position-y: 0;
}

.wrap .inner { width:1200px; margin:0 auto; position:relative; }
.wrap .p120 { padding:120px 0; }
.wrap .p150 { padding:150px 0; }

.wrap h2 { font-size:70px; line-height:120%; font-weight:600; letter-spacing:-2px; text-align:center;}
.wrap h3 { font-size:60px; line-height:120%; font-weight:600; }
.wrap h4 { font-size:32px; line-height:140%; font-weight:600; }
.wrap h5 { font-size:20px; line-height:120%; }


.wrap .quick { width:110px; z-index:99999; max-width:640px;position:fixed; right:0; top:300px; }
.wrap .quick ul { width:100%;height:56px;line-height:280%; text-align: center;margin: 0 auto;}

@media screen and (max-width:1400px)  {
.wrap > .quick {display:none;}
}

.wrap .service p { color:#fff; font-weight:300; font-size:0.8em; letter-spacing:1px; padding-bottom:20px; }
.wrap .service img { padding-top:60px; }
.wrap .service h4{ font-weight:400; color:#fff; padding-top:60px; }

.wrap #sec1 { background:url(./img/sec1_bg.jpg)no-repeat center; height:auto; }
.wrap #sec2 { background:url(./img/sec2_bg.jpg)no-repeat center; height:auto; }
.wrap #sec3 { background:url(./img/sec3_bg.jpg)no-repeat center; height:auto; }
.wrap #sec4 { background:url(./img/sec4_bg.jpg)no-repeat center; height:auto; }
.wrap #sec5 { background:#372924 url(./img/info_bg.jpg)no-repeat center; background-position:85% 10%; }

.wrap #sec5 .info_box { width:900px; margin:0 auto; padding-top:60px; }
.wrap #sec5 .info_box ul:first-child { width:56%; float:left; }
.wrap #sec5 .info_box ul:last-child { width:44%; float:left;  }

.wrap ul.info li { width:420px; height: 530px; margin:1%; background-color:#fff; float:left; overflow:hidden; }
.wrap ul.info li h4 { width:100%; text-align:center; font-size:22px; color:#fff; font-weight:600; line-height:140%; background-color:rgba(0,0,0,0.5); display:block; position:absolute; bottom:0; padding:10px; }

.wrap ul.info li img { transition: all 0.2s linear; }
.wrap ul.info li img:hover { transition: all 0.2s linear;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1); /* IE 9 */
        -o-transform: scale(1.1);
        transform: scale(1.1); }

.wrap ul.info li div:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1); /* IE 9 */
        -o-transform: scale(1.1);
        transform: scale(1.1);}

.wrap .main h5 { font-size:30px; padding-bottom:20px; }

.wrap ul.call_box { border-top:5px solid #f85820; margin-top:100px; }
.wrap ul.call_box li { width:50%;float:left;padding:10px 15px;background-color:#fff;}
.wrap ul.call_box a li {border-right:1px solid #666; }

.wrap ul.call_box li img { float:left; padding:5px; }
.wrap ul.call_box li p { float:left; line-height:100%; font-size:22px; color:#666; font-weight:500; padding-top:20px; }
.wrap ul.call_box li h4 { float:left; letter-spacing:-1px; color:#000; }

.wrap .footer { width:1200px; margin:0 auto; font-weight:300; }
.wrap .footer ul li:first-child { width:30%; float:left; padding:40px 20px; }

.wrap .footer ul li:last-child { width:70%; float:left; padding:40px 20px; display:block; }
.wrap .footer ul li:last-child h4 { color:#fff; padding-bottom:10px; }
.wrap .footer ul li:last-child p.info { color:#fff; font-size:14px; line-height:24px; }
.wrap .footer ul li:last-child p.copy { color:#fff; font-size:14px; line-height:24px; letter-spacing:1px; font-weight:300; padding-top:20px; }

.wrap #sec6 { background-color:#f1efed; }
.wrap #sec6 .wrap_controllers { display:none; }
.wrap #sec6 .wrap_btn_zoom { display:none; }

.wrap #sec6 .text_box { position:absolute; top:200px; left:760px; text-align:left; font-size:32px; line-height:140%; letter-spacing:-1px;  }
.wrap #sec6 .text_box span { font-weight:600; } 

.wrap #sec6 .map_box { background:#372924 url(./img/map_box_bg.png)no-repeat top right; height:auto;position:absolute; top:360px; left:700px; z-index:9; text-align:left; padding:20px 40px; width:485px; height:265px; }
.wrap #sec6 .map_box p { color:#fff; line-height:150%; }
.wrap #sec6 .map_box p.tit { padding-top:20px; font-weight:600;  }
.wrap #sec6 .map_box h4 { font-size:40px; color:#fff; }
.wrap #sec6 .map_box img { padding-right:2px; }





/* popup CSS */
.complete_wrap { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 3; z-index:99999;display:none;} 
.complete_wrap .bg { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.8);z-index: 1; }
.complete_wrap .popup { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); height: 365px; max-height: 90vh;background: #fff;z-index: 2; }
.complete_wrap .popup { width:90%; overflow:hidden; border-bottom:0px solid #000; background-color:none;color:#fff; font-size:14px; line-height:0; max-width:500px; margin:0 auto;}
.complete_wrap .popup .close { position: absolute;top: 20px;right: 20px; width:20px; font-weight:600; }
.complete_wrap .popup .close img { width: 100%;height: 100%; }
.complete_wrap .popup .iframe { height:100%;width:100%;border:0; overflow:hidden;}