﻿@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@font-face{font-family:'Nanum Gothic'; src:url('//snurologyguro.com/contents/css/NanumGothic.woff')}
@font-face{font-family:'Nanum Gothic'; src:url('//snurologyguro.com/contents/css/NanumGothic.eot')}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap {width:100%; float:left; margin:0 auto; min-width:1200px;}
.container {width:1200px; margin:0 auto;}

/*head*/
.wrap.header {height:80px;}
.wrap.header .container {width:1200px;}
._h.num {width:220px; float:left; margin-top:13px;}
._h.logo {width:328px; position:relative; margin:0 auto; padding-top:10px;}
._h.btn {width:350px; float:right; text-align:right;}
._h.btn ul li {display:inline; text-align:right; font-size:0px; margin-left:3px;}
._h.btn ul {margin-bottom:10px;}


.wrap.navi { height:100px;}
.wrap.navi .container {width:1200px;}

.wrap.naviall {position:absolute; left:0; height:100px; top:80px; z-index:99; width:100%; overflow:hidden; ;}
.gnb_out {width:1200px; margin:0 auto; height:580px; background-color:#f0f5f9; opacity:0.95;}

#gnball_new {position:relative; z-index:50; width:100%; margin:0 auto;}
#gnball_new > ul{overflow:hidden;}
#gnball_new > ul > li {float:left; height:100px; text-align:center; background-color:#00bff3;}
#gnball_new > ul > li.st01 {width:120px;}
#gnball_new > ul > li.st01, .st02, .st03, .st04, .st05, .st06, .st07, .st08, .st09, .st10 {width:120px;}

#gnball_new > ul > li > a {color:#fff; font-size:12.5px; text-decoration:none; font-family: 'Nanum Gothic', serif; font-weight:bold;}
#gnball_new > ul > li > a:hover {color:#fff799; font-size:12.5px; text-decoration:none; font-family: 'Nanum Gothic', serif; font-weight:bold;}

#gnball_new > ul > li > ul {position:absolute;left:0;z-index:50; line-height:25px; height:170px; margin-top:20px; width:110px;}
#gnball_new > ul > li > ul > li > a {padding:0px; text-align:center; color:#222; font-size:12.5px; height:25px; line-height:25px; text-decoration:none; font-family: 'Nanum Gothic', serif; font-weight:bold; letter-spacing:-0.8px;}
#gnball_new > ul > li > ul > li > a:hover {text-decoration:none; line-height:25px; text-decoration:none; color:#00a7d4; font-family: 'Nanum Gothic', serif; font-weight:bold;}
#gnball_new > ul > li > ul.sub01{left:10px}
#gnball_new > ul > li > ul.sub02{left:120px}
#gnball_new > ul > li > ul.sub03{left:240px}
#gnball_new > ul > li > ul.sub04{left:360px}
#gnball_new > ul > li > ul.sub05{left:483px}
#gnball_new > ul > li > ul.sub06{left:603px} 
#gnball_new > ul > li > ul.sub07{left:723px} 
#gnball_new > ul > li > ul.sub10{left:847px} 
#gnball_new > ul > li > ul.sub08{left:967px} 
#gnball_new > ul > li > ul.sub09{left:1078px;}

/*#gnball_new > ul > li > ul > li a{overflow:hidden;display:block;}
#gnball_new > ul > li > ul > li a:hover,#gnball > ul > li > ul > li a.on{}*/


.s_test_btn{float:left; margin-top:10px; padding:20px 0; width:870px; background:#00c1eb; text-align:center; font-weight:bold; color:#fff; font-size:15px;}
.s_test_btn a{color:#fff;}

.m_test_btn{float:left; margin-top:20px; padding:20px 0; width:1100px; background:#00c1eb; text-align:center; font-weight:500; color:#fff; font-size:15px;}
.m_test_btn a{color:#fff;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*footer*/
.wrap.footer {background:#888f91;}
.footer h1 {width:109px; float:left; padding:40px 100px 0 40px;}
.footer .copyright {width:650px; float:left; padding:30px 0 25px 0;}
.footer .foot_btn {width:120px; float:right; padding:25px 0 25px 0;}
.footer .foot_btn li {margin-bottom:2px;}


/*슬라이드 퀵메뉴*/
.quick.qmenu {width:100px; position:absolute; left:50%; margin-left:-720px; z-index:100;}
.quick.qmenu .tit {margin-bottom:5px;}
.quick.qmenu li {float:left; line-height:0px; font-size:0px;}
.quick.qmenu li > a {display:block;}
.quick.data {position:absolute; top:0px;left:120px; width:700px; text-align:left;display:none;}
.quick.data h2 {width:100%; float:right; height:50px;font-size:18px;font-weight:bold;color:#fff; line-height:50px; padding:0 0 0 20px; background:#6877c2;}
.quick.con {width:100%; float:right; background:#fff; padding:10px; box-shadow:0px 3px 5px rgba(0,0,0,0.3)}
.quick.data .btn.quick.close{position:absolute;top:13px;right:20px}
.quick.data .btn_wrap{text-align:center}

.quick.data.map h2 {background:#68a4c2;}
.quick.data.kakao {}
.quick.data.kakao h2 {background:#fdf117; color:#333;}
.quick.data.kakao table {width:680px; border-top:2px solid #503a3f; border-bottom:1px solid #503a3f; margin:20px 10px 00px 10px; float:left;}
.quick.data.kakao th, .quick.data.kakao td {padding:10px; border-bottom:1px solid #ccc}
.quick.data.kakao th {width:200px; text-align:left; font-size:1.2em;}
.quick.data.kakao td {}
.quick.data.kakao input, .quick.data.kakao textarea {border:1px solid #dedede; background:#fdfdfd; width:200px; padding:5px;}
.quick.data.kakao textarea {width:90%; height:200px;}
.quick.data.kakao ._btn {width:100%; float:left; text-align:center; padding:20px;}

.box.rbn {width:150px; border:1px solid #ccc; height:100%; background:#fff; right:0px; top:0px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1); z-index:999;}
.rbn.banner.best {margin-top:20px;}
.rbn.banner li, .rbn.btn li {width:100%; float:right; line-height:0px;}

/*sms
.quick.sms {position:fixed; top:20px;left:50%; margin-left:580px; width:245px; z-index:999;}
.sms.counsle {background:url(../../sms/sms_bg2.png) no-repeat top left; width:width:225px; height:285px; padding:185px 0 0 20px; }
.sms.counsle table {width:203px; }
.sms.counsle table th,.sms.counsle table td {padding-bottom:8px; font-size:0px; line-height:0px; }
.sms.counsle input {width:156px; height:18px; border:1px solid #a0a0a0;}
.sms.counsle textarea {min-width:156px; min-height:70px; max-width:156px; max-height:100px; border:1px solid #a0a0a0; padding:0px; margin:0px;}
.sms.counsle #check {width:15px; height:15px; border:0px; margin:-0px 3px 0 0;}
.sms.counsle #prv {padding:2px 0 8px 0; font-size:0px; line-height:0px;}
.sms.counsle #check, .sms.counsle #prv img {float:left;} */

.quick.sms {position:fixed; top:20px;left:50%; margin-left:600px; width:350px; z-index:999;}
.sms.counsle {padding:0 20px;}
/*.sms.counsle {background:url(../../sms/sms_bg_new.png) no-repeat top left; width:width:225px; height:715px; padding:85px 0 0 20px; }*/
.sms.counsle table {width:203px; }
.sms.counsle table th,.sms.counsle table td {padding-bottom:8px; font-size:0px; line-height:0px; }
.sms.counsle input {width:156px; height:18px; border:1px solid #a0a0a0;}
.sms.counsle textarea {min-width:156px; min-height:105px; max-width:156px; max-height:105px; border:1px solid #a0a0a0; padding:0px; margin:0px;}
.sms.counsle #check {width:15px; height:15px; border:0px; margin:-0px 3px 0 0;}
.sms.counsle #prv {padding:2px 0 8px 0; font-size:0px; line-height:0px;}
.sms.counsle #check, .sms.counsle #prv img {float:left;}

.quick.sms ul {margin-top:55px;}
.quick.sms li {float:left; margin-right:5px; margin-bottom:5px;}

.sms-close {margin:5px auto; padding:5px; background:#00aef0; color:#fff; border-radius:5px; text-align:center; font-weight:bold; }
.sms-close B {padding:3px 7px; background:#fff; border-radius:10px; color:#00aef0; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*main*/
.f_info_wrap .f_info{width:490px}
.f_info_wrap .f_info>img{width:470px}
.f_info_wrap .f_location img{width:607px}

.container_foot {margin:0 auto; width:1200px;} 

.foot_logo_yd {display:none;}

.s1020-box1 {padding:10px; background:#00c3ed; color:#fff; font-size:14px; text-align:center; font-weight:bold;}
.s1020-box2 {padding:10px; background:#868787; color:#fff; font-size:14px; text-align:center; font-weight:bold;}



.sub ._s.info {background:url(../images/common/f_info_cmr.png) no-repeat top;}/*지점별이미지별도*/
.foot_logo_yd {display:block !important;}
.foot_logo {display:none;}