/* btns ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#c_btns { position:relative; text-align:center; font-size:0; background:#fff }
.c_btns_wrap { max-width:1288px; margin:0 auto; padding:60px 0 }
.c_btns_wrap > div { display:inline-block; *display:inline; zoom:1; width:20%; position:relative; padding:0px 0; background:none }
.c_btns_wrap > div .gp { width:80px; height:80px; margin:0 auto; position:relative; padding-top:10px }
.c_btns_wrap > div .title1 { font-family:'s-c-d-medium'; font-size:18px; line-height:1; letter-spacing:-1px; color:#aaa; text-align:center; margin:10px 0 }
.c_btns_wrap > div:before { content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:rgba(0,0,0,.1) }
.c_btns_wrap > div:last-child:after { content:''; top:0; right:0; position:absolute; width:1px; height:100%; background:rgba(0,0,0,.1) }



/* guide ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#c_guide { position:relative; }
.c_guide_wrap { /*max-width:1640px;*/ margin:0 auto; height:570px; position:relative; }
#mapfooter { width:100%; height:100%; background:#ddd; position:relative;z-index:0  }
#mapfooter2 { width:100%; height:100%; background:#ddd; position:relative;z-index:0  }
.c_guide_wrap .info_container { top:110px; left:50%; margin-left:100px; position:absolute; padding:60px; background:rgba(255,255,255,.9); border:1px solid rgba(0,0,0,.5); line-height:1; letter-spacing:-1px }
.c_guide_wrap .info_container:before { content:''; top:-20px; left:-20px; position:absolute; width:60px; height:60px; border-top:20px solid #1f1f1f; border-left:20px solid #1f1f1f }

.c_guide_wrap .info_container > div { position:relative }
.c_guide_wrap .info_container > div:first-child { padding-bottom:40px }
.c_guide_wrap .info_container > div:last-child { padding-top:40px }
.c_guide_wrap .info_container > div:last-child:before { content:''; top:0; left:0; position:absolute; width:100%; height:0; border-top:1px dashed #999 }

.c_guide_wrap .info_container > div > div { display:inline-block; vertical-align:top; position:relative; }

.c_guide_wrap .info_container .title_wrap { text-align:right; padding-right:30px }
.c_guide_wrap .info_container .title_wrap > p:first-child { font-family:'s-c-d-extrabold'; font-size:28px; color:#444 }
.c_guide_wrap .info_container .title_wrap > p:last-child { font-family:'Oswald-Regular'; font-size:13px; text-transform:uppercase; letter-spacing:0px; color:#999; margin-top:10px }

.c_guide_wrap .info_container .info_wrap:before { content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:rgba(0,0,0,.2) }

.c_guide_wrap .info_container > div:first-child .info_wrap { padding-left:30px; position:relative }
.c_guide_wrap .info_container > div:first-child .info_wrap > p:first-child { font-family:'Oswald-Bold'; font-size:55px; color:#444; margin-top:-10px }
.c_guide_wrap .info_container > div:first-child .info_wrap > p:last-child { font-family:'s-c-d-medium'; font-size:15px; color:#666; margin-top:10px }

.c_guide_wrap .info_container > div:last-child .info_wrap { padding-left:30px; position:relative }
.c_guide_wrap .info_container > div:last-child .info_wrap > p { font-family:'s-c-d-regular'; font-size:20px; color:#444; position:relative }
.c_guide_wrap .info_container > div:last-child .info_wrap > p:nth-child(-n+2):before { content:url(/images/common/guide/arrow.png); top:-2px; left:70px; position:absolute }
.c_guide_wrap .info_container > div:last-child .info_wrap > p:nth-child(n+2) { margin-top:12px; }
.c_guide_wrap .info_container > div:last-child .info_wrap > p:last-child { font-size:15px; }

@media only screen and (max-width: 1800px) {
	.c_guide_wrap .info_container { margin-left:0px }
}
@media only screen and (max-width: 1500px) {
	.c_guide_wrap .info_container { top:150px; margin-left:-50px; padding:30px }
	.c_guide_wrap .info_container > div:first-child { padding-bottom:30px }
	.c_guide_wrap .info_container > div:last-child { padding-top:30px }
}
	
	
	
/* sns ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#c_sns { position:relative; text-align:center; font-size:0; background:#1f1f1f; border-bottom:2px solid #282828 }
.c_sns_wrap { max-width:1288px; margin:0 auto; padding:50px 0 }
.c_sns_wrap > div { display:inline-block; *display:inline; zoom:1; width:20%; position:relative; padding:0px 0 }
.c_sns_wrap > div .gp { width:60px; height:50px; margin:0 auto; position:relative }
.c_sns_wrap > div:before { content:''; top:0%; left:0; position:absolute; width:1px; height:100%; background:rgba(255,255,255,.1) }
.c_sns_wrap > div:last-child:after { content:''; top:0%; right:0; position:absolute; width:1px; height:100%; background:rgba(255,255,255,.1) }
	
	
	
/* footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer { overflow:hidden; width:100%; position:relative; font-size:0; line-height:0; text-align:center; padding:80px 0; background:#1f1f1f }
#footer .wrap { position:relative; /*max-width:1288px; margin:0 auto; background:#f00;*/ }

#footer .logo { }
#footer .line_h { width:110px; height:4px; background:#fff; margin:30px auto 30px auto }

#footer .info_wrap { position:relative }
#footer .info_wrap p { font-family:'s-c-d-regular'; font-size:16px; line-height:1.4; color:#999 }
#footer .copy { margin-top:15px }
#footer .copy p { font-family:'s-c-d-regular'; font-size:12px; line-height:1; color:#999; text-transform:uppercase }

#footer .btn1_wrap { position:relative; margin-top:40px }
#footer .btn1_wrap .btn { display:inline-block; *display:inline; zoom:1; position:relative; cursor:pointer }
#footer .btn1_wrap .btn p { padding:15px; font-family:'s-c-d-medium'; font-size:16px; line-height:20px; color:#ccc }
#footer .btn1_wrap .btn .line { top:30%; width:1px; height:40%; position:absolute; background:#ccc }
#footer .btn1_wrap .btn .lineL { left:0 }
#footer .btn1_wrap .btn .lineR { right:0 }
		






















/* quick ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#quick { top:0px; right:0px; width:70px; height:100%; position:fixed; font-size:0; line-height:0; z-index:20; }
.quick_container { width:100%; height:100%; position:relative; }
.quick_wrap { width:705px; height:100%; position:relative; }
.quick_wrap > .temp { width:100%; height:100%; overflow:hidden; position:relative; }
.quick_wrap .bg { top:0px; left:70px; width:635px; height:100%; /*background:url(/images/quick/bg.gif) repeat-y;*/ background:#eee; position:absolute; }

.quick_wrap .wrap1 { width:70px; /*height:100%;*/ position:relative; padding-top:calc((100vh - 633px)/2) }

.quick_wrap .wrap1 .customer { width:100%; overflow:hidden; border-radius:0px 0px 0 0; background:rgba(0,0,0,.6) url(/images/quick/customer.png) no-repeat 35px 15px; position:relative }
.quick_wrap .wrap1 .customer p { font-family:'Oswald-Regular'; font-size:22px; color:#fff; line-height:1.2; letter-spacing:0px; padding:20px 0 20px 10px; }
.quick_wrap .wrap1 .customer:before { content:""; top:0px; left:0%; position:absolute; width:100%; height:1px; background:rgba(255,255,255,.1) }

.quick_wrap .wrap1 .btn_top { width:100%; height:70px; overflow:hidden; background:rgba(0,0,0,.6) url(/images/quick/arrow.png) no-repeat center 20px; position:relative; cursor:pointer; }
.quick_wrap .wrap1 .btn_top p { /*font-family:'NanumBG_B';*/ font-family:'Oswald-Regular'; font-size:15px; color:#999; line-height:1; padding-top:35px; text-align:center; }
.quick_wrap .wrap1 .btn_top:before { content:""; top:0px; left:0%; position:absolute; width:100%; height:1px; background:rgba(255,255,255,.1) }

.quick_wrap .wrap1 .btn_wrap { width:100%; position:relative; /*padding-top:calc((100vh - 633px)/2)*/ }
@media only screen and (max-height: 768px) {
	.quick_wrap .wrap1 .btn_wrap { padding-top:80px }
}

.quick_wrap .wrap1 .btn_wrap .btn { width:100%; height:70px; position:relative; cursor:pointer; overflow:hidden; }
.quick_wrap .wrap1 .btn_wrap .btn > div { top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(0,0,0,.6) }
.quick_wrap .wrap1 .btn_wrap .btn > div .icon { width:50px; height:50px; margin:10px auto 0px auto }
.quick_wrap .wrap1 .btn_wrap .btn > div .title { font-family:'s-c-d-bold'; font-size:13px; line-height:1; color:#999; text-align:center }
.quick_wrap .wrap1 .btn_wrap .btn .on { left:70px; background:#000; }
.quick_wrap .wrap1 .btn_wrap .btn .on .title { color:#fff; }
.quick_wrap .wrap1 .btn_wrap .btn:nth-child(n+2):after { content:""; top:0; left:0; position:absolute; width:100%; height:1px; background:rgba(255,255,255,.1); }

.quick_wrap .wrap2 { top:0px; left:70px; width:635px; height:100%; position:absolute; }
.quick_wrap .wrap2 ._____wrap { position:relative; height:980px; 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 #rside2 { background:url(/images/quick/board/bg_tel.jpg) }
.quick_wrap .wrap2 ._____wrap #rside1 .loader { margin-top:410px; position:relative }
.quick_wrap .wrap2 ._____wrap #rside2 .loader { margin-top:410px; 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:'NanumBG_B'; }
.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:#b699dc; cursor:pointer; margin:40px 0 0 90px; width:400px; position:relative }
.q_board_wrap .btn_applicationbtm p { position:relative; font-family:'NanumBG_B'; font-size:25px; line-height:1.1; 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-size:15px; color:#666; }
.q_board_wrap .subject_wrap .line { left:0px; bottom:0px; width:100%; height:1px; background:#000; 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-size:13px; margin-left:10px; color:#666; }
.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-size:13px; color:#fff; padding:6px 10px 4px 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 .btn_wrap { /*padding-top:70px;*/ }
}