@charset "euc-kr";
/*CSS Document*/
@import url(reset.css);

.clearfix:after {content:""; display:block; clear:both;}

#Header {position:relative; width:100%; min-width:1200px; background:#2daafb; }
#Gnb { position:relative; width:1200px; margin:0 auto; height:30px; border-bottom:1px solid #1c9df1; }
#Gnb .utill { width:1200px; margin:0 auto; position:relative; text-align:right; white-space: nowrap; font-size:12px;}
#Gnb .utill a { padding:7px 0 0 5px; display:inline-block; color:#fff;}
#Gnb .add_site { position:absolute; left:0; padding:7px 0 0 0 !important; }

#Top { width:1200px; margin:0 auto; height:108px; position:relative; border-top:1px solid #44b3fb; border-bottom:1px solid #2b95da;}
#Top h1{ padding-top:30px;  }
#Top .banner { position:absolute; right:20px; top:10px; }


#Navi_wrap { width:100%; height:50px; background:#fff; border-bottom:1px solid #e0e0e0; }
#Navi{position:relative; width:1200px; height:50px; margin:0 auto; display:block; }

#Navi ul{position:absolute; right:0; top:0px; width:100%; border-right:1px solid #e0e0e0;}
#Navi ul li{float:left; width:16.666%; position:relative; text-align:center; }
#Navi ul li a{display:block; line-height:50px; font-size:16px; font-weight:500; letter-spacing:-0.05em; color:#444; border-left:1px solid #e0e0e0; }
#Navi ul li:hover a{ color:#005b9f; text-decoration:none; background:#f8f8f8;}
#Navi ul li:hover .category{z-index:99; display:block;}
#Navi ul li .category{position:absolute; left:0; top:43px; padding:10px 0 10px; width:180px; border:1px solid #e00000; background:#fff; display:none;}
#Navi ul li .category li{clear:both; width:100%; padding:0;}
#Navi ul li .category li a{display:block; line-height:28px; font-size:13px; color:#333; padding:0 0 0 15px; background:none;}
#Navi ul li .category li a:hover{color:#e00000; background:#f8f8f8;}

#floatMenu {position: absolute; right:90px; top:212px; left:50%; margin-left:620px; z-index:999;}

/*MAIN*/
#Main_box {width:100%; background:url('/img/main/pattern_bg.gif')}
#Main_box .inner {width:1200px; margin:0 auto; padding:20px 0;}
#Main_box .inner > div {float:left;}
#Main_box .inner .left_box {width:283px; margin-right:18px;}
#Main_box .left_box ul:after {content:""; display:block; clear:both;}
#Main_box .left_box ul {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; background:#fff; box-sizing:border-box;}
#Main_box .left_box ul li {float:left; width:50%; text-align:center; box-sizing:border-box;}
#Main_box .left_box ul li a {display:block;}
#Main_box .left_box .qk_top li {height:149px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
#Main_box .left_box .qk_top li:nth-child(1) {background:url('/img/main/quick_ico01.png') center 28px no-repeat;}
#Main_box .left_box .qk_top li:nth-child(2) {background:url('/img/main/quick_ico02.png') center 36px no-repeat;}
#Main_box .left_box .qk_top li:nth-child(3) {background:url('/img/main/quick_ico03.png') center 40px no-repeat;}
#Main_box .left_box .qk_top li:nth-child(4) {background:url('/img/main/quick_ico04.png') center 42px no-repeat;}
#Main_box .left_box .qk_top li a {height:100%; padding-top:110px; color:#333; box-sizing:border-box;}
#Main_box .left_box .qk_btm {background:#b1b1b1;}
#Main_box .left_box .qk_btm li {height:48px;}
#Main_box .left_box .qk_btm li:nth-child(1) {background:url('/img/main/quick_ico05.png') 33px 13px no-repeat;}
#Main_box .left_box .qk_btm li:nth-child(2) {background:url('/img/main/quick_ico06.png') 33px 13px no-repeat;}
#Main_box .left_box .qk_btm li a {height:48px; padding:14px 0 0 20px; color:#fff; box-sizing:border-box;}
#Main_box .inner .main_slide {width:598px;}
#Main_box .inner .main_slide .swiper-button-prev {width:51px; height:67px; background-image:url('/img/main/mv_prev.png'); background-size:100%;}
#Main_box .inner .main_slide .swiper-button-next {width:51px; height:67px; background-image:url('/img/main/mv_next.png'); background-size:100%;}
#Main_box .inner .right_box {float:right; width:283px;}
#Main_box .inner .right_box > div:first-child {padding-bottom:14px;}

#Main_cont { width:1200px; margin:30px auto 0; overflow:hidden; }
#Main_cont .Mcont_box {position:relative; margin-bottom:20px;}
.Mcont_box .main_title {padding:0 0 13px 15px; text-align:left; font-size:24px; color:#444; letter-spacing:-0.05em; border-bottom:1px solid #e1e1e1}
.Mcont_box .main_title b {font-weight:bold; color:#2daafb;}
.Mcont_box .main_title span {display:inline-block; padding-left:5px; font-size:14px; color:#979797;}
.Mcont_box .more_btn {position:absolute; top:7px; right:15px;}

.shoplist { overflow:hidden; margin-top:20px;}
.shoplist li { float:left; margin:0 0 0 54px; text-align:center; width:150px; height:238px; }
.shoplist li.first { margin-left:15px; }
.shoplist li a { display:inline-block; }
.shoplist .img { display:table-cell; border:1px solid #dedede; width:148px; height:148px; vertical-align:middle; }
.shoplist .img img { max-width:148px; max-height:148px; }
.shoplist .title { padding:12px 0 2px; color:#333; font-weight:500; font-size:15px;}
.shoplist .price { font-weight:bold; color:#2daafb; font-size:13px; letter-spacing:-0.05em; }
.shoplist .price s { font-weight:normal; color:#aaa; font-size:12px;}


#Sub_Wrap { width:1200px; margin: 0 auto; overflow:hidden; padding-top:30px; }

#Sub_Category { float:left; width:200px; margin-top:20px; }
#Sub_Container { float:right; width:960px; margin-top:20px;  }

/*¼­ºêÄ«Å×°í¸®*/
#Sub_Category { border-top:2px solid #2daafb;}
#Sub_Category .Category_Title { padding:25px 0 10px 20px; letter-spacing:-0.05em; background:url('/img/main/pattern_bg.gif'); border-width:0px 1px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category .Category_Title span { color:#2daafb; font-size:13px; }
#Sub_Category h2 { font-size:24px; font-weight:600; color:#333;  height:40px; line-height:40px;; }
#Sub_Category ul { border-width:1px 1px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category li { border-bottom:1px solid #ddd; background:#fff; }
#Sub_Category li a { display:block; line-height:1.2!important; color:#666; padding:11px 0 11px 20px; font-size:13px; }
#Sub_Category li a:hover { background:url(../img/comm/arrow.png) no-repeat 90% 17px #f8f8f8; }
#Sub_Category li.on a  { font-weight:bold; color:#005b9f; background:url(../img/comm/arrow.png) no-repeat 90% 17px #fff; }

/*¼­ºêŸÀÌƲ*/
#Sub_Title { position:relative; border-bottom:1px solid #ddd; height:48px;}
#Sub_Title h3 { position:absolute; font-size:26px; font-weight:normal; color:#333; letter-spacing:-0.05em;  }
#Sub_Title ul { position:absolute; overflow:hidden; right:0; top:10px; }
#Sub_Title li { float:left; color:#666; letter-spacing:-0.05em; padding-left:15px; background:url(../img/comm/arrow.png) no-repeat 4px -29px;  font-size:12px !important;}
#Sub_Title li.home {  background:url(../img/comm/home.png) no-repeat 4px 4px; }
#sub_title ul li span{color:#555;  }

/*¼­ºêÄÁÅÙÃ÷*/
#Sub_Body  { margin-top:30px; min-height:500px; padding-bottom:50px; }


/* ÀÌ¿ë¾à°ü */
.term {height:450px; overflow:auto; background:#f8f8f8; padding:40px; border:1px solid #ededed;}

/* ¿À½Ã´Â±æ */
.location .overlay_info {border-radius: 6px; margin-bottom: 12px; float:left;position: relative; border: 1px solid #ccc; border-bottom: 2px solid #ddd;background-color:#fff;}
.location .overlay_info:nth-of-type(n) {border:0; box-shadow: 0px 1px 2px #888;}
.location .overlay_info p {display: block; background: #2daafb; background: #2daafb url(/img/sub/map_arrow.png) no-repeat right 14px center; text-decoration: none; color: #fff; padding:12px 36px 12px 14px; font-size: 14px; border-radius: 6px 6px 0 0}
.location .overlay_info p strong {padding-left: 0px;}
.location .overlay_info .desc {padding:14px;position: relative; min-width: 190px; height: 56px}
.location .overlay_info img {vertical-align: top;}
.location .overlay_info .address {font-size: 12px; color: #333; position: absolute; left: 80px; right: 14px; top: 10px; line-height:16px; white-space: normal}
.location .overlay_info:after {content:'';position: absolute; margin-left: -11px; left: 50%; bottom: -12px; width: 22px; height: 12px; background:url(/img/sub/map_vertex.png) no-repeat 0 bottom;}
.location table {width:100%; border-spacing:0; margin-top:15px; border-top:1px solid #ddd;}
.location table th {background:#2daafb; color:#fff; font-size:15px; font-weight:400; padding:10px 0; width:25%; border-top:1px solid #56b9f9;}
.location table td {padding:0 15px; border-bottom:1px solid #ddd;}


/*ÇÏ´ÜÀÎÆ÷*/
#Footer_Wrap {min-width:1200px; padding:0px 0 0; }

/*Çϴܹè³Ê*/
.footer_banner { background:#f0f0f0; padding:20px 0; margin-top:30px;}
.footer_banner .inner { position:relative; width:1200px; margin:0 auto; }
.footer_banner .inner .swiper-container2 { width:1100px; margin:0 auto; overflow:hidden; }
.footer_banner .inner .swiper-button-prev {background-image:url('/img/main/cooperate_prev.png');}
.footer_banner .inner .swiper-button-next {background-image:url('/img/main/cooperate_next.png');}
.f_box { width:220px; margin-left:40px; float:left; }
.f_box_first { width:220px; float:left; }
.f_tit { font-size:15px; font-weight:600; margin-bottom:14px; color:#333; }
.f_tel { font-size:28px; color:#ff6935; font-weight:600; letter-spacing:-0.05em }
.f_cs { line-height:16px;}
.f_cs th { text-align:left; font-weight:normal; font-size:11px; }
.f_cs td { font-size:11px; }
.f_cs span { color:#999; }
.f_bank th { text-align:left; font-size:15px; font-weight:600; color:#333; }
.f_board { width:220px; overflow:hidden; }
.f_board li { position:relative; }
.f_board li a { display:inline-block; line-height:1.6; width:140px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; }
.f_board span { position:absolute; right:0; color:#999 }

/*Çϴܸ޴º*/
.footer_menu { border-bottom:1px solid #ddd; background:#fff; padding:12px 0; }
.footer_menu span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 5px; color:#999}
.footer_menu ul { overflow:hidden; width:1200px; margin:0 auto;}
.footer_menu ul li { float:left; font-size:12px; }

#Footer_Cont { width:1200px; margin: 0 auto; position:relative; height:115px; background:url('/img/comm/bottom_logo.png') left center no-repeat; }
#Footer_Cont span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}
#Footer_Cont .copyright { position:absolute; left:160px; top:28px; }
#Footer_Cont .copyright { color:#aeaeae; font-size:12px; }
#Footer_Cont .copyright p { color:#999; }
#Footer_Cont .f_etc { position:absolute; right:0px; top:20px; }