/* selfie +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mc_selfie { width:100%; position:relative; text-align:center; font-size:0; line-height:0; background:#faf5f1; padding-bottom:150px }
	
#mc_selfie .mc_title_wrap { padding:120px 0 60px 0 }

.mc_selfie_wrap { position:relative }
.mc_selfie_wrap > div { max-width:1494px; margin:0 auto; position:relative; background:none }

.selfieBox { position:relative }

.selfieBox_btn { bottom:0px; position:absolute; width:100px; height:80px; background:none; cursor:pointer }
.selfieBox_btn > p { font-family:'Oswald-Regular'; font-size:13px; line-height:1; letter-spacing:1px; color:#aaa; text-align:left; top:50%; margin-top:-7px; position:relative }
.selfieBox_prev { left:0px }
.selfieBox_prev:before { content:''; top:30%; right:0; position:absolute; width:1px; height:40%; background:#ddd }
.selfieBox_prev .arrow { top:0px; left:20px; position:absolute; width:28px; height:100%; background:url(/images/main/selfie/prev.png) 0 center no-repeat }
.selfieBox_prev > p { margin-left:50px }
.selfieBox_next { right:0px }
.selfieBox_next:before { content:''; top:30%; left:0; position:absolute; width:1px; height:40%; background:#ddd }
.selfieBox_next .arrow { top:0px; right:20px; position:absolute; width:28px; height:100%; background:url(/images/main/selfie/next.png) 0 center no-repeat }
.selfieBox_next > p { margin-left:20px }

.xxxselfieBox .selfieList { position:relative } /* slick-slide */

.xxxselfieBox .selfieList .thumb_wrap { text-align:left; width:83.3%; position:relative; background:none }
.xxxselfieBox .selfieList .thumb { display:inline-block; position:relative; width:19.6%; height:0; padding-bottom:19.6%; margin-left:.5%; overflow:hidden } /* thumb */
.xxxselfieBox .selfieList .thumb:first-child { margin-left:0 }
.xxxselfieBox .selfieList .thumb:nth-child(5n+1) { margin-left:0 }
.xxxselfieBox .selfieList .thumb:nth-child(n+6) { margin-top:.5% }
.xxxselfieBox .selfieList .thumb .photo { top:0; left:0; position:absolute; width:100%; height:100%; transform:scale(1); transition:all ease-out.3s }
.xxxselfieBox .selfieList .thumb .photo > img { width:100% }

.xxxselfieBox .selfieList .thumb_large { top:0; right:0; position:absolute; width:16.33%; height:0; padding-bottom:33.1%; background:#000; overflow:hidden }
.xxxselfieBox .selfieList .thumb_large .photo { top:0; left:0; position:absolute; width:100%; height:100%; transform:scale(1); transition:all ease-out.3s }
.xxxselfieBox .selfieList .thumb_large .photo > img { width:100% }
.xxxselfieBox .selfieList .thumb_large .video_wrap { /*top:0; left:0; position:absolute; width:100%; height:100%; transform:scale(1); transition:all ease-out.3s*/ }
.xxxselfieBox .selfieList .thumb_large .video_wrap .video { top:calc(50% - 1px); left:calc(50% - 1px); position:absolute;
															transform:translate(-50%,-50%); min-width:calc(100% + 2px); min-height:calc(100% + 2px); 
															/* 가로 > 세로*/
															/*max-width:none; max-height:calc(100% + 2px);*/
															/* 가로 < 세로*/
															max-width:calc(100% + 2px); max-height:none	}
															

.selfieBox .selfieList { position:relative }
.selfieBox .selfieList .thumb_wrap { position:relative; display:grid; grid-template-columns:repeat(6, auto); grid-gap:6px }
.selfieBox .selfieList .thumb_wrap .thumb { position:relative; overflow:hidden; height:0; padding-bottom:100% }
.selfieBox .selfieList .thumb_wrap .thumb:nth-child(6) { grid-column:span 1; grid-row:span 2; height:0; padding-bottom:calc((494/244)*100%) }
.selfieBox .selfieList .thumb_wrap .thumb:nth-child(7) { grid-column:span 1; grid-row:span 2; height:0; padding-bottom:calc((494/244)*100%) }
.selfieBox .selfieList .thumb_wrap .thumb .photo { top:0; left:0; position:absolute; width:100%; height:100%; transform:scale(1); transition:all ease-out.3s }
.selfieBox .selfieList .thumb_wrap .thumb .photo img { width:100%; height:100%; object-fit:cover }
.selfieBox .selfieList .thumb_wrap .thumb .photo video { width:100%; height:100%; object-fit:cover }

.selfieBox .selfieList .btn .on { top:0; left:0; position:absolute; width:100%; height:100%; background:#000; opacity:0 }
.selfieBox .selfieList .btn .more { box-sizing:border-box; top:50%; left:50%; margin-top:-30px; margin-left:-30px; position:absolute; width:60px; height:60px; border-radius:50%; border:4px solid rgba(255,255,255,.2); ; transform:scale(1); transition:all ease-out.3s }
.selfieBox .selfieList .btn .more:before { content:''; top:50%; left:50%; margin-top:-15px; position:absolute; width:1px; height:30px; background:rgba(255,255,255,.2) }
.selfieBox .selfieList .btn .more:after { content:''; top:50%; left:50%; margin-left:-15px; position:absolute; width:30px; height:1px; background:rgba(255,255,255,.2) }

/*
.selfieBox .selfieList .video_wrap { top:0; right:0; position:absolute; width:16.3%; background:none }
.selfieBox .selfieList .video_wrap video { width:100%; position:relative }
.selfieBox .selfieList .video_wrap .title_wrap { top:60% }
*/

.selfieBox .slick-slide { /*padding:0px 32px;*/ }
.selfieBox .slick-slide img { width:100% }

.selfieBox .selfieDots_wrap { top:-40px; right:0; position:absolute; font-size:0; text-align:right }
.selfieBox .selfieDots_wrap li { display:inline-block; *display:inline; zoom:1; padding:8px; cursor:pointer }
.selfieBox .selfieDots_wrap li.slick-active button { background:#999 }
.selfieBox .selfieDots_wrap li button { vertical-align:middle; overflow:hidden; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; border-radius:7px; box-sizing:border-box; background:#ddd; box-sizing:border-box;	text-indent:-9999px; border:none; cursor:pointer;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.35s;
-o-transition:.3s;
transition:.3s
 }
 
 
 
 
/* sms +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#c_sms { background:#fff; width:100%; padding:100px 0 100px 0; position:relative }

.c_sms_wrap { width:1288px; margin:0 auto; position:relative; position:relative; font-size:0; line-height:0; letter-spacing:-.5px; text-align:left }
.c_sms_wrap:before { content:''; top:0; left:0; position:absolute; width:201px; height:219px; background:url(/images/common/sms/icon_phone.png) }

.c_sms_wrap .title_wrap { margin-left:230px; display:inline-block; vertical-align:top; position:relative; text-align:right }
.c_sms_wrap .title_wrap .t1 { font-size:42px; line-height:1; color:#333; letter-spacing:-2px; font-family:'scd-black'; }
.c_sms_wrap .title_wrap .t2 { font-size:16px; line-height:1; color:#aaa; letter-spacing:-.5px; font-family:'scd-regular'; margin-top:10px; }
.c_sms_wrap .title_wrap .t3 { font-size:54px; line-height:1; color:#eee; letter-spacing:0px; margin-top:15px; font-family:'Oswald-regular'; }
.c_sms_wrap .title_wrap .t4 { font-size:8px; line-height:1; color:#eee; letter-spacing:6px; margin-top:10px; font-family:'Oswald-light' }

.c_sms_wrap .field_container { padding-left:78px; box-sizing:border-box; margin-left:90px; display:inline-block; position:relative }
.c_sms_wrap .field_container:before { content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:rgba(0,0,0,.1) }

.c_sms_wrap .field_container .wrap { position:relative; }
.c_sms_wrap .field_container .wrap:nth-child(n+2) { margin-top:10px; }
.c_sms_wrap .field_container .wrap:nth-child(2) .field_wrap input:nth-child(n+2) { margin-left:10px; }

.c_sms_wrap .field_container .wrap:nth-child(1) { } /* 이름 */

.c_sms_wrap .field_container .wrap:nth-child(2) { } /* 연락처 */

.c_sms_wrap .field_container .wrap:nth-child(3) { /*top:0; left:0; position:absolute; margin-top:0; margin-left:460px;*/ } /* 상담내용 */
.c_sms_wrap .btn_applicationbtm { top:0; left:0; margin-left:420px; position:absolute; background:#bcd3e3 url(/images/common/sms/line.png) no-repeat; cursor:pointer; width:180px; height:100%; }
.c_sms_wrap .btn_applicationbtm p { font-family:'scd-bold'; vertical-align:middle; font-size:28px; line-height:1.1; color:#fff; text-align:center; width:100%; top:50%; margin-top:-28px; left:0; position:absolute }

.c_sms_wrap .subject_wrap { display:inline-block; position:relative; vertical-align:top; }
.c_sms_wrap .subject_wrap { width:80px; height:35px; position:relative; }
.c_sms_wrap .subject_wrap .title { bottom:5px; left:0; width:100%; position:absolute; text-align:right; }
.c_sms_wrap .subject_wrap .title p { font-family:'scd-regular'; font-size:15px; line-height:1; color:#666 }
.c_sms_wrap .subject_wrap .line { left:0px; bottom:0px; width:100%; height:1px; background:#000; opacity:.1; position:absolute; }

.c_sms_wrap .field_wrap { display:inline-block; position:relative; vertical-align:top; width:300px; margin-left:10px; }
.c_sms_wrap .field_wrap .input_sms { /*margin:0 !important;*/ height:35px; font-size:15px; line-height:1; background:#eee; color:#000; padding:0 10px; border:none; font-family:'Nanum' }

.c_sms_wrap .bottom_wrap { /*position:absolute; bottom:0px; left:0; margin:0px 0 0 777px; width:280px;*/ margin:15px 0 0 90px; position:relative }
.c_sms_wrap .bottom_wrap > { vertical-align:middle; }
.c_sms_wrap .bottom_wrap .title { font-family:'scd-regular'; font-size:13px; line-height:1; margin-left:5px; color:#666; }
.c_sms_wrap .bottom_wrap .btn_info { display:inline-block; cursor:pointer; background:#aaa; margin-left:20px }
.c_sms_wrap .bottom_wrap .btn_info p { font-family:'scd-regular'; font-size:13px; color:#fff; line-height:1; padding:6px 10px 4px 10px; }

#c_sms .balloon { top:-50px; left:50%; margin-left:-594px; position:absolute; width:201px; height:212px; background:url(/images/common/sms/balloon.png) }





/* btns +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#c_btns { position:relative; text-align:center; background:#d5d7ee; font-size:0 }
.c_btns_wrap { max-width:1288px; margin:0 auto }
.c_btns_wrap .btn { display:inline-block; width:166px; height:350px; padding:80px 0 0 0; box-sizing:border-box; position:relative }
.c_btns_wrap .btn .gp { width:60px; height:50px; margin:0 auto; position:relative; opacity:.5 }
.c_btns_wrap .btn .stripe { width:30px; height:3px; background:#999; margin:35px auto 35px auto }
.c_btns_wrap .btn .title1 { font-family:'scd-medium'; font-size:18px; line-height:1; letter-spacing:-.5px; color:#777; text-align:center; transform:scaleX(.93) }
.c_btns_wrap .btn .title2 { font-family:'Oswald-light'; font-size:10px; line-height:1; letter-spacing:.5px; color:rgba(0,0,0,.5); text-align:center; text-transform:uppercase; margin-top:15px }
.c_btns_wrap .btn:before { content:''; top:20%; left:0; position:absolute; width:1px; height:55%; background:rgba(0,0,0,.1) }
.c_btns_wrap a:last-child .btn:after { content:''; top:20%; right:0; position:absolute; width:1px; height:55%; background:rgba(0,0,0,.1) }





/* footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer { width:100%; position:relative; font-size:0; line-height:0; letter-spacing:-.5px; text-align:left }

#footer > div { max-width:1492px; margin:0 auto; position:relative; padding:120px 0 }

#footer .box { display:inline-block; vertical-align:top; width:50%; height:100%; position:relative }

/* left */
#footer .box:first-child { padding-right:70px; box-sizing:border-box }

#footer .info_container { position:relative; padding-bottom:50px; border-bottom:20px solid #e3e7e9 }
#footer .info_container .wrap { position:relative }
#footer .info_container .wrap:last-child { margin-top:50px }

#footer .info_container .title_wrap { display:inline-block; vertical-align:top; width:160px; box-sizing:border-box; position:relative }
#footer .info_container .title_wrap > p:nth-child(1) { font-family:'scd-medium'; font-size:22px; line-height:1; letter-spacing:-1px; color:#333 }
#footer .info_container .title_wrap > p:nth-child(2) { font-family:'Oswald-light'; font-size:12px; line-height:1; letter-spacing:.5px; color:#ccc; margin-top:10px }

#footer .info_container .info_wrap { display:inline-block; vertical-align:top; width:calc(100% - 210px); margin-left:50px; padding-left:60px; box-sizing:border-box; position:relative }
#footer .info_container .info_wrap:before { content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:#ddd }

#footer .info_container .wrap:first-child .info_wrap > p:first-child { font-family:'scd-extralight'; font-size:58px; line-height:1; letter-spacing:0px; color:#333; margin-top:-5px }
#footer .info_container .wrap:first-child .info_wrap > p:last-child { font-family:'scd-regular'; font-size:15px; line-height:1; color:#333; margin-top:15px }
@media only screen and (max-width: 1380px) {
	#footer .info_container .info_wrap { width:calc(100% - 190px); margin-left:30px; padding-left:40px }
}

#footer .info_container .wrap:last-child .info_wrap .txt > p { font-family:'scd-regular'; font-size:18px; line-height:1; color:#333; position:relative; display:inline-block; vertical-align:top }
#footer .info_container .wrap:last-child .info_wrap .txt .day { width:65px; background:none }
#footer .info_container .wrap:last-child .info_wrap .txt .time { padding-left:15px; letter-spacing:-.5px }
#footer .info_container .wrap:last-child .info_wrap .txt:nth-child(n+2) { margin-top:25px }
#footer .info_container .wrap:last-child .info_wrap .txt:last-child > p { font-size:15px }

#footer .arrow {
  border: solid #666;
  border-width: 0 1px 1px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 2px;
  margin-top:5px
}
#footer .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#footer .logo { width:265px; height:49px; background:url(/images/footer/logo.png); margin-top:50px }

#footer .copyright_wrap { margin-top:40px }
#footer .copyright_wrap > p:nth-child(1) { font-family:'scd-regular'; font-size:15px; line-height:1.7; color:#333 }
#footer .copyright_wrap > p:nth-child(2) { font-family:'scd-regular'; font-size:10px; line-height:1; color:#333; margin-top:20px; text-transform:uppercase; letter-spacing:0px; }

#footer .etc_wrap { position:relative; margin-top:40px }

#footer .btn1_wrap { position:relative }
#footer .btn1_wrap .btn { display:inline-block; position:relative; cursor:pointer }
#footer .btn1_wrap .btn > p { padding:5px 20px; font-family:'scd-medium';  font-size:14px; line-height:1; color:#333 }
#footer .btn1_wrap .btn:before { content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:rgba(0,0,0,.1) }
#footer .btn1_wrap .btn:last-child:after { content:''; top:0; right:0; position:absolute; width:1px; height:100%; background:rgba(0,0,0,.1) }

#footer .sns_wrap { position:relative; margin-top:40px; padding-bottom:50px; border-bottom:20px solid #e3e7e9 }
#footer .sns_wrap .linkBtn { display:inline-block; vertical-align:top; position:relative; cursor:pointer; padding:0px 20px }
#footer .sns_wrap .linkBtn:before { content:''; top:10%; left:0; position:absolute; width:1px; height:80%; background:rgba(0,0,0,.1) }
#footer .sns_wrap .linkBtn:last-child:after { content:''; top:10%; right:0; position:absolute; width:1px; height:80%; background:rgba(0,0,0,.1) }
#footer .sns_wrap .linkBtn .gp { width:60px; height:50px; margin:0 auto; position:relative; opacity:.7 }

/* right */
#footer .box:last-child { height:797px; box-sizing:border-box; border:1px solid #e9e6db }
#footer .box:last-child .info { top:180px; right:0; position:absolute; padding:70px; background:rgba(0,0,0,.8); z-index:1 }
#footer .box:last-child .info div:nth-child(1) p:first-child { display:inline-block; vertical-align:middle; font-family:'scd-bold'; font-size:20px; line-height:1.2; color:#fff }
#footer .box:last-child .info div:nth-child(1) p:last-child { display:inline-block; vertical-align:middle; font-family:'Oswald-bold'; font-size:60px; line-height:1; color:#fff; margin-top:-10px; margin-left:10px }

#footer .box:last-child .info div:nth-child(2) { position:relative; margin-top:20px; padding-left:20px }
#footer .box:last-child .info div:nth-child(2):before { content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:rgba(255,255,255,.2) }
#footer .box:last-child .info div:nth-child(2) p:nth-child(1) { font-family:'scd-light'; font-size:20px; line-height:1; color:#fff }
#footer .box:last-child .info div:nth-child(2) p:nth-child(2) { font-family:'scd-light'; font-size:20px; line-height:1; color:#fff; margin-top:10px }
#footer .box:last-child .info div:nth-child(2) p:nth-child(3) { font-family:'scd-light'; font-size:20px; line-height:1; color:#fff; margin-top:10px }

#footer .box:last-child .info a:nth-child(3) p { font-family:'scd-medium'; font-size:18px; line-height:1; color:#333; background:#fff; padding:20px 40px; margin-top:20px; text-align:center }

#mapfooter { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff }





/* top +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#top { width:100%; top:0; left:0; position:absolute; background:rgba(255,255,255,1); z-index:35 }
#top:before { content:''; bottom:0; left:0; position:absolute; width:100%; height:1px; background:rgba(0,0,0,.05); display:none }
#top .top_wrap { max-width:1492px; height:100px; margin:0 auto; position:relative; background:none }

#top .sns_wrap { position:absolute; top:50%; margin-top:-15px; left:30px }
#top .sns_wrap .linkBtn { display:inline-block; position:relative; padding:0px 15px; cursor:pointer }
#top .sns_wrap .linkBtn .gp_wrap { position:relative }
#top .sns_wrap .linkBtn .gp { width:30px; height:30px; position:relative; /*transform:scale(.6);*/ opacity:.5; /*filter:invert(1)*/ }
#top .sns_wrap .linkBtn:before { content:''; top:10%; left:0; position:absolute; width:1px; height:80%; background:rgba(0,0,0,.1) }
#top .sns_wrap .linkBtn:last-child:after { content:''; top:10%; right:0px; position:absolute; width:1px; height:80%; background:rgba(0,0,0,.1) }

#top .logo_wrap { top:50%; margin-top:-24px; left:50%; margin-left:-132px; position:absolute }

#top .right_wrap { top:0; right:30px; position:absolute; padding-top:38px; box-sizing:border-box; font-size:0 }

#top .customer_wrap { display:inline-block; vertical-align:middle; margin-right:15px }
#top .customer_wrap > p:first-child { font-family:'Oswald-regular'; font-size:10px; line-height:1; letter-spacing:.5px; color:#666 }
#top .customer_wrap > p:last-child { font-family:'scd-regular'; font-size:24px; line-height:1; color:#333; letter-spacing:-.5px; transform:scaleX(.95); transform-origin:left; margin-top:3px }

#top .member_wrap { position:relative; display:inline-block; vertical-align:middle }
#top .member_wrap > div { width:60px; height:40px; background:url(/images/top/icon_login.png) center center no-repeat; opacity:.5; cursor:pointer }
#top .member_wrap:before { content:''; top:50%; margin-top:-12px; left:0px; position:absolute; width:1px; height:24px; background:rgba(0,0,0,.1) }

#top .global_wrap { position:relative; display:inline-block; vertical-align:middle; width:60px; height:40px; cursor:pointer }	
#top .global_wrap:before { content:''; top:50%; margin-top:-12px; left:0px; position:absolute; width:1px; height:24px; background:rgba(0,0,0,.1) }
#top .global_wrap:after { content:''; top:50%; margin-top:-12px; right:0px; position:absolute; width:1px; height:24px; background:rgba(0,0,0,.1) }
#top .global_wrap .open { width:100%; height:100%; position:relative; background:url(/images/top/icon_language.png) center center no-repeat; opacity:.5 }
#top .global_wrap .btn_wrap { position:relative; height:0; overflow:hidden }
#top .global_wrap .btn_wrap .linkBtn { padding:10px 15px; position:relative; background:rgba(0,0,0,.8) }
#top .global_wrap .btn_wrap .linkBtn:nth-child(n+3):after { content:""; top:0; left:0; position:absolute; width:100%; height:1px; background:rgba(255,255,255,.1) }
#top .global_wrap .btn_wrap .linkBtn .icon { width:30px; height:30px; position:relative; border-radius:15px; overflow:hidden }





/* gnb +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#gnb a { text-decoration:none }
#gnb { top:100px; left:0; position:absolute; width:100%; min-width:1288px; height:80px; font-size:0; line-height:0; z-index:30; background:rgba(255,255,255,1) }
#gnb_bt_line { bottom:0; left:0; position:absolute; width:100%; height:1px; background:rgba(0,0,0,.2) }

#gnb .gnb_wrap { width:100%; height:100%; position:relative }
#gnb .gnb_wrap > div:nth-child(1) { max-width:1492px; height:100%; margin:0 auto; position:relative; z-index:1; background:none }

#gnb .gnb_wrap > div:nth-child(1):before { content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:#00f; display:none }
#gnb .gnb_wrap > div:nth-child(1):after { content:''; top:0; right:0; position:absolute; width:1px; height:100%; background:#f00; display:none }

.gnb_d1_wrap { width:100%; height:100%; position:relative; font-size:0 }

.gnb_d1_wrap .d1_wrap { margin-left:0px; margin-right:0px; height:80px; position:relative; text-align:center; overflow:hidden }
.gnb_d1_wrap .d1_wrap.fixed { margin-left:100px }
.gnb_d1_wrap .d1_wrap .btn_wrap { position:relative }
.gnb_d1_wrap .d1_wrap .btn_wrap .btn { padding:34px 2.70% 100px 2.70%; display:inline-block; overflow:hidden; cursor:pointer; position:relative }
.gnb_d1_wrap .d1_wrap .btn_wrap .btn p { font-family:'scd-regular'; font-size:16px; line-height:1; letter-spacing:-.5px; color:#333 }
.gnb_d1_wrap .d1_wrap .btn_wrap .btn .btn_hit { top:0; left:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0) }
.gnb_d1_wrap .d1_wrap .btn_wrap .btn.fixed { padding:34px 2.50% 100px 2.50%; }
.gnb_d1_wrap .d1_wrap .bg { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff;}

#gnb .logo { top:0; left:0px; position:absolute; width:100%; height:100%; cursor:pointer; overflow:hidden }
#gnb .logo > div { width:100%; height:100%; background:url(/images/gnb/logo.png) center center no-repeat }

#gnb .right_wrap { top:0; right:0; width:110px; height:100%; position:absolute; display:none }
#gnb .right_wrap:before { content:''; top:20%; left:0px; position:absolute; width:1px; height:60%; background:rgba(0,0,0,0) }
#gnb .right_wrap:after { content:''; top:20%; right:0px; position:absolute; width:1px; height:60%; background:rgba(0,0,0,0) }
#gnb .right_wrap .bg { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff }

/* bar */
.bar_container { width:100%; position:absolute; bottom:0px; left:0 }
.bar_container .bar_wrap { position:relative }
.bar_container .bar_wrap .bar { width:0px; height:4px; background:#1990ba; position:relative }

/* ---------- 2차메뉴 ---------- */

.gnb_d2_wrap { margin:0 auto; position:relative; height:0; overflow:hidden; background:rgba(255,0,0,.5); background:none }
.gnb_d2_wrap .wrap { top:-60px; left:0px; width:100%; position:absolute; overflow:hidden; display:none }
.gnb_d2_wrap .wrap .bg { top:0px; left:0px; width:100%; height:100%; background:rgba(255,255,255,.95); position:absolute }
.gnb_d2_wrap .wrap .line_L_hair { top:0; left:0px; width:1px; height:0px; background:#000; position:absolute }
.gnb_d2_wrap .wrap .line_R_hair { top:0; right:0px; width:1px; height:0px; background:#000; position:absolute }
.gnb_d2_wrap .wrap .line_B_hair { bottom:0px; left:0px; width:100%; height:1px; background:rgba(0,0,0,.2); position:absolute }
.gnb_d2_wrap .wrap .bg_gp { top:0px; left:50%; margin-left:-751px; width:100%; max-width:1492px; height:230px; position:absolute }
.gnb_d2_wrap .wrap .bg_gp .line_v { top:55px; left:0px; margin-left:310px; width:1px; height:130px; position:absolute; background:#000; opacity:.1; filter:alpha(opacity=10) }
.gnb_d2_wrap .wrap .btn_wrapper { top:0; left:0; position:absolute; overflow:hidden; text-align:left; font-size:0; background:none }
.gnb_d2_wrap .wrap .btn { display:inline-block; height:60px; position:relative; cursor:pointer }
.gnb_d2_wrap .wrap .btn .title { padding:22px 20px 100px 10px }
.gnb_d2_wrap .wrap .btn .txt { display:inline-block; font-family:'scd-regular'; font-size:15px; line-height:1; letter-spacing:-.5px; color:#333; margin:0 !important; padding:0 !important; margin-left:0px !important }
.gnb_d2_wrap .wrap .btn .underline { bottom:21px; left:10px; width:0; height:1px; background:rgba(0,0,0,.2); position:absolute }
.gnb_d2_wrap .wrap .btn .mdot { top:44%; left:0px; position:absolute; width:4px; height:7px; background:url(/images/gnb/arrow.png); opacity:.3 }

/* ---------- home / sitemap / etc ---------- */

.home_wrap { width:100px; height:100%; overflow:hidden; top:0; left:0; position:absolute; display:none }
.home_wrap:before { content:''; top:20%; right:0; position:absolute; width:1px; height:60%; background:rgba(0,0,0,.2) }
.home_btn { width:100%; height:100%; position:relative; margin-left:100px; background:url(/images/gnb/home_off.png) center center no-repeat; cursor:pointer }
.home_btn .on { top:0; left:0; position:absolute; opacity:0; filter:alpha(opacity=0) }

@media only screen and (max-width: 1500px) {
	.gnb_d1_wrap .d1_wrap .btn_wrap .btn { padding:34px 2.48% 100px 2.48% }
	.gnb_d1_wrap .d1_wrap .btn_wrap .btn.fixed { padding:34px 2.25% 100px 2.25% }
}
@media only screen and (max-width: 1380px) {
	/*.gnb_d1_wrap .d1_wrap .btn_wrap .btn p { font-size:16px; letter-spacing:-1.5px }*/
	.gnb_d1_wrap .d1_wrap .btn_wrap .btn { padding:34px 2.35% 100px 2.35% }
	.gnb_d1_wrap .d1_wrap .btn_wrap .btn.fixed { padding:34px 2.08% 100px 2.08% }
}
	
	
	
	
/* quick +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#quick { top:0px; right:0px; width:90px; height:100%; position:fixed; font-size:0; line-height:0; z-index:20 }
.quick_container { width:100%; height:100%; position:relative }
.quick_wrap { width:735px; height:100%; position:relative }
.quick_wrap > .temp { width:100%; height:100%; overflow:hidden; position:relative }
.quick_wrap .bg { top:0px; left:90px; width:645px; height:100%; /*background:url(/images/quick/bg.gif) repeat-y;*/ background:#eee; position:absolute }

.quick_wrap .wrap1 { width:90px; /*height:100%;*/ position:relative }

.quick_wrap .wrap1 .customer { width:100%; height:110px; overflow:hidden; background:#8f6cd0 url(/images/quick/customer.png) no-repeat 27px 13px; position:relative }
.quick_wrap .wrap1 .customer > p { font-family:'Oswald-Regular'; font-size:20px; color:#fff; line-height:1; letter-spacing:0px; text-align:left; padding:40px 0 0 20px; position:relative }
.quick_wrap .wrap1 .customer:before { content:""; bottom:0; left:0;position:absolute; width:100%; height:1px; background:rgba(0,0,0,.1) }

.quick_wrap .wrap1 .btn_top { width:100%; height:0; overflow:hidden; position:relative; transition:all ease-out .3s; background:none }
.quick_wrap .wrap1 .btn_top.on { height:84px }
.quick_wrap .wrap1 .btn_top .wrap { top:0; left:0; margin-top:-84px; position:absolute; width:100%; height:84px; cursor:pointer; transition:all ease-in-out .3s }
.quick_wrap .wrap1 .btn_top .wrap.on { margin-top:0 }
.quick_wrap .wrap1 .btn_top .wrap div { top:50%; left:50%; margin:-30px 0 0 -22px; position:absolute; width:44px; height:44px; border-radius:22px; overflow:hidden; background:#444 }
.quick_wrap .wrap1 .btn_top .wrap p { font-family:'Oswald-Regular'; font-size:15px; color:#fff; line-height:1; text-align:center; padding-top:15px }

.quick_wrap .wrap1 .btn_wrap { position:relative; /*margin-top:calc((100vh - 525px)/2)*/ transition:all ease-in-out .5s }
@media only screen and (max-height:705px) {
	.quick_wrap .wrap1 .btn_wrap { /*margin-top:90px*/ }
}

.quick_wrap .wrap1 .btn_wrap { margin-top:180px }
.quick_wrap .wrap1 .btn_wrap.scroll { margin-top:80px }

/*
.quick_wrap .wrap1 .btn_wrap .btn { width:100%; height:84px; position:relative; cursor:pointer; overflow:hidden }
.quick_wrap .wrap1 .btn_wrap .btn > div { top:0; left:0; width:100%; height:100%; position:absolute; background:none }
.quick_wrap .wrap1 .btn_wrap .btn > div .icon { width:50px; height:50px; margin:13px auto 0px auto }
.quick_wrap .wrap1 .btn_wrap .btn > div .title { font-family:'Oswald-Regular'; font-size:10px; line-height:1; color:#333; text-align:center; text-transform:uppercase }
.quick_wrap .wrap1 .btn_wrap .btn .off { background:rgba(255,255,255,0) }
.quick_wrap .wrap1 .btn_wrap .btn .on { left:90px; background:#333 }
.quick_wrap .wrap1 .btn_wrap .btn .on .title { color:#fff }
.quick_wrap .wrap1 .btn_wrap .btn:after { content:""; bottom:0; left:25%; position:absolute; width:50%; height:1px; background:rgba(0,0,0,.2) }
*/
.quick_wrap .wrap1 .btn_wrap .btn { width:100%; height:84px; position:relative; cursor:pointer; overflow:hidden }
.quick_wrap .wrap1 .btn_wrap .btn > div { top:0; left:0; width:100%; height:100%; position:absolute; background:none }
.quick_wrap .wrap1 .btn_wrap .btn > div .icon { width:50px; height:50px; margin:5px auto 3px auto }
.quick_wrap .wrap1 .btn_wrap .btn > div .title { font-family:'nanum'; font-size:13px; line-height:1; letter-spacing:-1px; color:#333; text-align:center; text-transform:uppercase }
.quick_wrap .wrap1 .btn_wrap .btn .off { background:rgba(255,255,255,0) }
.quick_wrap .wrap1 .btn_wrap .btn .on { left:90px; background:#2f92ae }
.quick_wrap .wrap1 .btn_wrap .btn .on .title { color:#fff }
.quick_wrap .wrap1 .btn_wrap .btn:after { content:""; bottom:0; left:25%; position:absolute; width:50%; height:1px; background:rgba(0,0,0,.2) }

.quick_wrap .wrap2 { top:0px; left:90px; width:645px; height:100%; position:absolute }
.quick_wrap .wrap2 ._____wrap { position:relative; height:1000px; overflow:hidden }
.quick_wrap .wrap2 ._____wrap > div { top:0; left:0; position:absolute; width:100%; height:100%; background:#eee }

.quick_wrap .wrap2 ._____wrap #rside0 { background:url(/images/quick/board/bg_katalk.jpg) }
.quick_wrap .wrap2 ._____wrap #rside1 { background:url(/images/quick/board/bg_sms.jpg) }
.quick_wrap .wrap2 ._____wrap #rside1 .loader { margin-top:250px; position:relative }

/* board_sms(common) */
.q_board_wrap { margin-left:40px; position:relative; line-height:1 }
.q_board_wrap .title_wrap { position:relative; margin-top:0px; margin-left:90px; display:none }
.q_board_wrap .title_wrap .t1 { font-size:36px; color:#333; letter-spacing:-2px; font-family:'nsk-black' }
.q_board_wrap .title_wrap .t2 { font-size:16px; color:#fff; letter-spacing:-.5px; margin-top:10px }

.q_board_wrap .field_container { position:relative; margin-top:40px }
.q_board_wrap .field_container:before { /*content:""; top:0; left:0; position:absolute; width:600px; height:1px; background:rgba(0,0,0,.9)*/ }

.q_board_wrap .field_container .wrap { position:relative }
.q_board_wrap .field_container .wrap:nth-child(1) { padding-top:15px }
.q_board_wrap .field_container .wrap:nth-child(n+2) { margin-top:10px }
.q_board_wrap .field_container .wrap:nth-child(2) .field_wrap input:nth-child(n+2) { margin-left:10px }

.q_board_wrap .field_container .wrap:nth-child(1) { } /* 이름 */

.q_board_wrap .field_container .wrap:nth-child(2) { } /* 연락처 */

.q_board_wrap .field_container .wrap:nth-child(3) { /*top:0; left:0; position:absolute; margin-top:0; margin-left:460px;*/ } /* 상담내용 */
.q_board_wrap .btn_applicationbtm { /*top:0; left:0; margin-top:60px; margin-left:420px; position:absolute;*/ background:#f60; cursor:pointer; margin:40px 0 0 90px; width:400px; position:relative }
.q_board_wrap .btn_applicationbtm p { position:relative; font-family:'nsk-bold'; font-size:25px; line-height:1; letter-spacing:-1px; color:#fff; text-align:center; padding:40px 0 }

.q_board_wrap .subject_wrap { display:inline-block; *display:inline; zoom:1; position:relative; vertical-align:top }
.q_board_wrap .subject_wrap { width:80px; height:35px; position:relative }
.q_board_wrap .subject_wrap .title { bottom:5px; left:0; width:100%; position:absolute; text-align:right }
.q_board_wrap .subject_wrap .title p { font-family:'nsk-regular'; font-size:15px; color:#fff }
.q_board_wrap .subject_wrap .line { left:0px; bottom:0px; width:100%; height:1px; background:#fff; position:absolute }

.q_board_wrap .field_wrap { display:inline-block; *display:inline; zoom:1; position:relative; vertical-align:top; width:380px; margin-left:10px }
.q_board_wrap .field_wrap .input_sms { /*margin:0 !important;*/ height:35px; font-size:15px; background:#fff; color:#000; padding:0 10px; border:none; font-family:'Nanum' }

.q_board_wrap .bottom_wrap { position:relative; margin:15px 0 0 90px; width:280px }
.q_board_wrap .bottom_wrap > { vertical-align:middle }
.q_board_wrap .bottom_wrap .title { font-family:'nsk-regular'; font-size:13px; margin-left:10px; color:#fff }
.q_board_wrap .bottom_wrap .btn_info { display:inline-block; *display:inline; zoom:1; cursor:pointer; background:#666; margin-left:20px }
.q_board_wrap .bottom_wrap .btn_info p { font-family:'nsk-regular'; font-size:13px; color:#fff; padding:5px 10px 5px 10px }

/* 상담신청 */
#rside2 .q_board_wrap .btn_applicationbtm { }
/* 전화상담신청 */
#rside3 .q_board_wrap .btn_applicationbtm { }


/* close */
.quick_wrap .closeBtn { top:50%; margin-top:-40px; left:0px; position:absolute; cursor:pointer; display:none }	


/* black */
.disabledSquare { top:0px; left:0px; width:100%; height:100%; background:#000; position:fixed; z-index:20 }

#quick .temp_space { -webkit-transition:all .5s ease-out; transition:all .5s ease-out }

@media only screen and (max-height: 640px) {
	.quick_wrap .wrap1 .customer { /*padding-top:65px;*/ }
}

/*
#quick .btn_model { bottom:50px; right:140px; position:absolute; }
#quick .btn_model .linkBtn { position:relative; width:136px; height:151px; background:url(/images/quick/btn_model.png) no-repeat }
#quick .btn_model > div:nth-child(2) { cursor:pointer; bottom:0px; right:0px; position:absolute; width:27px; height:27px; background:url(/images/quick/btn_modelClose.png) no-repeat }
*/
/*
.customer_wrap { position:relative; width:46px; height:100%; background:linear-gradient(to bottom, #de85b2, #a4a8e4); border-radius:23px; overflow:hidden; margin:20px 0 0 22px }
.customer_wrap > div:first-child { width:100%; height:60px; background:url(/images/quick/icon_call.png) no-repeat center center; position:relative }
.customer_wrap > div:first-child:after { content:''; bottom:0; left:30%; position:absolute; width:40%; height:1px; background:rgba(255,255,255,.5) }
.customer_wrap > p { -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr; font-family:'Oswald-Regular'; font-size:14px; line-height:1; letter-spacing:4px; color:#fff; margin:15px 0 24px 16px; background:rgba(255,0,0,0); display:inline-block }
*/