@charset "utf-8";
/* SIR 지운아빠 */

section#Sub_IMG_wrap {width:100%; height:282px; position:relative; top:0;}
.sub_bg01 {background:url('/img/info/top_bg.jpg') no-repeat 50% 50%; }
.sub_bg02 {background:url('/img/business/top_bg.jpg') no-repeat 50% 50%; }
.sub_bg03 {background:url('/img/store/top_bg.jpg') no-repeat 50% 50%; }
.sub_bg04 {background:url('/img/participation/top_bg.jpg') no-repeat 50% 50%; }
.sub_bg05 {background:url('/img/QT/top_bg.jpg') no-repeat 50% 50%; }
.sub_bg06 {background:url('/img/community/top_bg.jpg') no-repeat 50% 50%; }
.sub_bg07 {background:url('/img/member/top_bg.jpg') no-repeat 50% 50%; }
.sub_bg_popup {background:url('/img/store/top_bg_popup.jpg') no-repeat 50% 50%; }

section#Sub_Con_wrap {width:100%; height:100%; display:inline-table; background:#fff; line-height:26px;  color:#222; padding-bottom:100px;}
.sub_title {text-align:center; padding:50px 0 40px 0;}
.sub_title_popup {text-align:center; padding:50px 0 0px 0;}
.popup_left {float:left !important; width:48% !important; }
.popup_right {float:right !important; width:48% !important;}
.popup_left , .popup_right {border:1px solid #ddd; background:#fafafa; box-sizing:border-box; padding:25px 40px; margin-top:30px !important; height:750px;}
.popup_left p , .popup_right p {text-align:center; padding-bottom:15px;}

/* 서브네비게이션 */
nav#nav_pc {width:1200px; margin:0 auto; text-align:center}
nav#nav_pc ul {margin:0 auto; text-align:center;}
nav#nav_pc ul li {display:inline-block; text-align:center; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:196px; height:50px; line-height:50px;  padding:0 0px;}
nav#nav_pc ul li a {color:#333;}
nav#nav_pc ul li a:hover { color:#6c4797;}
nav#nav_pc ul li.last {border-right:1px solid #ddd;} 
.page1 .current1, .page2 .current2, .page3 .current3, .page4 .current4, .page5 .current5 , .page6 .current6  {background:#6c4797;}
.page1 .current1 a, .page2 .current2 a, .page3 .current3 a, .page4 .current4 a, .page5 .current5 a , .page6 .current6 a {color:#fff !important;}

/********************** 서브 공통박스 ***************************/

section#Sub_Con_wrap article {width:100%;  float:left; padding:50px 0;}
.S_con_box1 {background:#f8f8f8;}
section#Sub_Con_wrap article div {width:1200px; margin:0 auto; }


/********************** 01 조합 ***************************/
.info_con_bg1 {background:url('/img/info/01_bg01.jpg') no-repeat 100% 50%; height:533px;}
.info_con_bg2 {background:url('/img/info/01_img_oj01.png') no-repeat 50% 0%; padding-top:40px;}
.info_con_bg3 {background:url('/img/info/img02.jpg') no-repeat 50% 0%; height:370px;}
.info_con_bg4 {background:url('/img/info/01_img_oj04.png') no-repeat 75% 130px;  height:830px;}
.info_con_bg5 {background:url('/img/info/01_bg02.jpg') no-repeat 50% 0%;  height:600px;}
.ci_dl {margin:0 auto; width:75%;}
.ci_dl dt {font-size:28px; color:#222; padding-top:60px; text-align:left;}
.ci_dl dt.photo {position:relative; padding-top:0px !important; margin-right:30px; float:left; display:block; width:231px; height:231px; background:url('/img/info/01_img_oj03.png') no-repeat 50% 50%;}
.ci_dl dd {font-size:22px; text-align:left; padding-top:20px; line-height:34px; }
.info3_left {float:left; width:560px !important;}
.info3_right {float:right; width:560px !important;}
.info3_title {width:100%; float:left; font-size:18px; color:#222; padding-bottom:10px; margin-bottom:20px; font-weight:700; border-bottom:1px dotted #ccc;}
.info3_ul {width:100%; float:left; margin-top:0px;}
.info3_ul li {font-size:15px; display:inline-block; float:left;}
.info3_ul li.fir {width:100px;}
.info3_ul li.none {color:#fff !important;}
.ceo_box_dl {width:100%; background:url('/img/info/ceo_img.png') no-repeat 100% 0%; padding-bottom:50px;}
.ceo_box_dl dt {font-size:34px; line-height:46px; color:#222; padding-bottom:30px; width:800px;  }
.ceo_box_dl dd {width:830px; }

.location_ul { width:100%; margin:0 auto; text-align:center; margin-bottom:10px;}
.location_ul li {text-align:center; display:inline-block; }
.location_ul li.add {background:url('/img/info/icon_add.png') no-repeat 0% 50%; padding-left:40px; margin-right:30px;}
.location_ul li.call {background:url('/img/info/icon_call.png') no-repeat 0% 50%; padding-left:40px; font-size:22px; letter-spacing:0;}
.location_traffic {display:inline-block;  margin:0 auto 50px auto; line-height:20px; background:url('/img/info/icon_traffic.png') no-repeat 0% 50%; padding-left:34px;}

.history_title {float:left; width:350px; margin-right:0; text-align:left;} 
.history_wrap {float:left; width:850px !important; box-sizing:border-box; }
.history_ul {float:left; border-left:1px solid #ddd; position:relative; width:900px; left:0px; padding-bottom:30px;}
.history_ul li {float:left; display:inline-block;  text-align:left; line-height:38px;}
.history_ul li.fir {font-size:22px; width:150px;  margin-left:40px;}
.history_ul li.last {font-size:16px;}  
.history_ul .icon_dot {position:absolute; top:0; left:-10px; width:20px; height:20px; border-radius:50%; background:#6c4797;}
.history_ul .icon_dot_s {position:absolute; top:0; left:-7px; width:14px; height:14px; border-radius:50%; background:#6c4797;}

.Standing_box { padding-top:50px;}
.Standing_box ul {width:900px; margin:0px auto;}
.Standing_box ul li {float:left; display:inline-block; padding:15px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
.Standing_box ul li:first-child {width:150px; background:#fafafa; border-right:0; font-weight:700;}
.Standing_box ul li:last-child {width:750px;}

.Standing_box1 { padding-top:140px; width:100%;}
.Standing_box1 h1 {width:900px; margin:0 auto; text-align:center; height:70px; padding:0 !important; line-height:70px; background:#444; border:1px solid #222; color:#fff !important;box-sizing:border-box;}
.Standing_box1 ul {width:900px; margin:0 auto; box-sizing:border-box;}
.Standing_box1 ul li {float:left; display:inline-block;  width:50%;padding:20px 30px; box-sizing:border-box; border-bottom:1px solid #ddd; border-left:1px solid #ddd;  }
.Standing_box1 ul li:first-child {} 
.Standing_box1 ul li:last-child {border-right:1px solid #ddd;} 
.Standing_box1 dl {width:100%; margin-top:0px;}
.Standing_box1 dl dt {position:relative; float:left; width:116px; height:138px; margin-right:30px;}
.Standing_box1 dl dd {float:left; display:block; width:200px; }
.Standing_box1 dl dd.title {font-size:20px; font-weight:bold; padding:15px 0 5px 0;}






/*************** 02 사업소개 ***********************/
.S_con_bg1 {background:url('/img/business/img01.png') no-repeat 100% 50%; height:283px;}
.S_con_bg2 {background:url('/img/business/img03.png') no-repeat 100% 50%; height:283px;}
.S_con_bg3 {background:url('/img/business/img05.jpg') no-repeat 100% 50%; height:411px;}
.S_con_bg4 {background:url('/img/business/img06.png') no-repeat 100% 50%; height:283px;}
.S_con_bg5 {background:url('/img/business/img07.png') no-repeat 0% 50%; height:364px;}
section#Sub_Con_wrap article span {display:inline-block;}
section#Sub_Con_wrap article h1 {font-size:30px; color:#222;  font-weight:normal; letter-spacing:-1.5px; padding-top:40px;}
.line50 {display:block; width:50px; height:1px; background:#000; margin:25px 0;}
.font_number {font-size:44px; color:#6c4797; font-weight:bold;}
.dl_basic {width:100%; }
.dl_basic dt {font-size:18px; font-weight:700; padding-bottom:10px; letter-spacing:-1.5px; color:#222; }
.dl_basic dt.photo {position:relative; float:left; display:inline-block; width:150px;}
.dl_basic dt.dt_big {font-size:22px; line-height:32px;  font-weight:normal !important;} /* 조합개요 */
.dl_basic dd {font-size:15px; letter-spacing:-1.5px;}
.img_con1 {display:block; float:left; }
.busi_g_box {float:left; width:1200px; padding:30px 30px 30px 170px;  box-sizing:border-box; background:#f8f8f8 url('/img/business/icon01.png') no-repeat 40px 35px;}
.busi_g_box1 {float:left; width:1200px; padding:30px;  box-sizing:border-box; background:#f8f8f8;}

.busi_ul {}
.busi_ul li {display:inline-block; float:left; width:50%;}
.busi_ul li.img {width:335px !important;}
.busi_ul li.text {width:815px !important;}


/* 조합가입혜택 */
.busi2_dl {float:left; width:100%; border:1px solid #ddd;  box-sizing:border-box;}
.busi2_dl dt {display:inline-block; float:left; width:100%; height:120px; margin-top:30px;}
.busi2_dl dd {float:left; width:100%; padding:20px 0;}
.busi2_dl dd.title {font-size:20px; text-align:center; font-weight:bold; line-height:40px; color:#222; }
.busi2_dl dd.text {background:#f7f7f7; padding:30px; box-sizing:border-box;}
.icon_bg1 {background:url('/img/business/icon_bg01.png') no-repeat 50% 0%; }
.icon_bg2 {background:url('/img/business/icon_bg02.png') no-repeat 50% 0%; }
.icon_bg3 {background:url('/img/business/icon_bg04.png') no-repeat 50% 0%; }
.icon_bg4 {background:url('/img/business/icon_bg03.png') no-repeat 50% 0%; }
.icon_bg5 {background:url('/img/business/icon_bg05.png') no-repeat 50% 0%; }
.icon_bg6 {background:url('/img/business/icon_bg06.png') no-repeat 50% 0%; }

.busi3_dl {float:left; width:100%; border-bottom:1px dotted #ddd;padding-bottom:30px; height:160px;}
.busi3_dl dt {font-size:20px; font-weight:bold; }
.busi3_dl dt.photo {position:relative; display:inline-block; width:174px; float:left; margin-right:30px;}
.busi3_dl dt.photo img {width:100%;}
.busi3_dl dd {padding-top:10px;}






/*************** 03 매장안내 ***********************/
.store_search {float:left; width:100%; box-sizing:border-box; padding:30px; border:1px solid #ddd; background:#fafafa;}
.store_search dl {}
.store_search dl dt {font-size:24px; padding-bottom:7px; font-weight:bold; color:#222;}
.store_search dl dd {}
.store_search dl dd.list_text {border-bottom:1px solid #ddd;}
.store_search ul {margin:0 auto; text-align:center;}
.store_search ul li {text-align:center; display:inline-block; margin:0 3px;}
.store_search ul li.fir {position:relative; top:2px;}
.store_search input {vertical-align:middle; border-radius:0;}




.store_left {float:left; width:450px !important; box-sizing:border-box; text-align:center;}
.store_right {float:right; width:700px !important; border-top:2px solid #6c4797;  overflow:auto; height:452px; position:relative;}
.store_right_title {float:right; width:700px !important;  font-size:24px; color:#222; font-weight:bold;}
.store_list {float:left; width:100%; background:#fafafa; border-bottom:1px solid #ddd; padding:10px 30px; box-sizing:border-box;}
.store_list dt {font-size:18px; font-weight:bold; color:#222;}
.store_list dd {font-size:14px; line-height:22px; position:relative;}
.S_con_box2 .store_list dd .btn_view {width:60px; height:60px; border-radius:50%; border:none; background:#f8a41f; font-size:18px; text-align:center; color:#fff; position:absolute; top:-10px; right:0;}
.S_con_box2 .store_list dd .btn_view:hover {background:#e38e08;}
.S_con_box2 .btn_view_normal {padding:7px 15px; background:#f8a41f; border:none; font-size:15px; text-align:center; color:#fff;}
.S_con_box2 .btn_view_normal:hover {background:#e38e08;}


.store_info_con {float:left; width:700px;}
.store_info_img {float:right; width:470px;}


/* 매장안내 인풋박스 */
.S_con_box2 input[type="text"] {border:1px solid #888; background:#fff; height:49px;  padding-left:15px; border-radius:0; font-size:15px;}
.S_con_box2 input.btn_common {height:49px;  text-align:center;  border-radius:0; font-size:15px; }
.S_con_box2 input.btn_basic {background:#6c4797; border:1px solid #6c4797;  color:#fff}
.S_con_box2 input.btn_white {background:#fff; border:1px solid #6c4797;  color:#444}
.S_con_box2 textarea {font-size:15px; padding:15px; box-sizing:border-box;}
.S_con_box2 select { border:1px solid #888;  height:49px;  padding-left:15px; border-radius:0; font-size:15px; }
/*.S_con_box2 select { border:1px solid #888; background:#fff url('/img/common/select_arrow.png') no-repeat 90% 50%; background-size:20px; height:49px;  padding-left:15px; border-radius:0; font-size:15px; }*/

/* 매장소개 새창 */
.store_map {width:100%; float:left; margin-top:50px; border-bottom:1px solid #ddd; padding-bottom:50px;}
.store_map dt {position:relative; display:block; float:left; width:740px; margin-right:60px; border:1px solid #ddd;}
.store_map dd {display:inline-block !important;  width:398px;}
.store_map dd ul {width:100%; float:left; border-bottom:1px solid #ddd; padding:15px 0;}
.store_map dd ul li {float:left; display:inline-block; letter-spacing:-0.5px !important;}
.store_map dd ul li:first-child {font-weight:bold; margin-right:20px; width:150px;}

/* 개인정보취급방침 */
.agree_box {float:left; width:100%;}
.agree_box dt {font-size:18px; color:#222; margin-bottom:15px; width:100%; height:40px; background:#efefef; line-height:40px; font-weight:bold; box-sizing:border-box; padding-left:15px;}
.agree_box dd {padding-bottom:4px; box-sizing:border-box; padding:0 20px; font-size:14px;}


/* 페이징 */
.bbs_paging { float:left; width:100% !important; margin-top:30px !important;}
.bbs_paging .paging_ul {display:table; margin:0 auto;   text-align:center;}
.bbs_paging .paging_ul li { float:left; font-size:12px;  margin:0 auto;  text-align:center;}
.bbs_paging .paging_ul li a {  border:1px solid #ddd; padding:3px 7px; margin:0 2px;}

.bbs_paging li a.on {background:#666; color:#fff;}
.bbs_paging li a.pre_first, .bbs_paging li a.pre, .bbs_paging li a.next, .bbs_paging li a.next_end  { }
.bbs_paging li a.next {}
.pre_first , .next_end{}


/****   테이블 공통     ***/
.table_basic {float:left; width:100%; box-sizing:border-box; border-top:2px solid #6c4797;}
.table_basic th {}
.table_basic td {text-align:center;}
.table_basic th, .table_basic td  {padding:10px 20px; border-bottom:1px solid #ddd;}

.table_g {float:left; width:100%; box-sizing:border-box; border-top:2px solid #6c4797;}
.table_g th {border-bottom:1px solid #444 !important;}
.table_g td {text-align:center;}
.table_g th, .table_g td  {padding:10px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table_g .line_left {border-left:1px solid #ddd;}
.table_g .line_left_th {border-left:1px solid #444;}





/****   공통     ***/
.B_box1 {float:left; width:100%;}  /* 베이직 박스 */
.float_R {float:right;}
.float_L {float:left;}
.t_cen {text-align:center !important;;}
.t_left {text-align:left !important;;}
.line1200 {border-top:1px solid #ddd;}
.line_dot {border-top:1px dotted #ccc;}
.line_top {border-top:2px solid #6c4797;}
.line_harf {width:130px; height:1px; background:#ccc; margin:0 15px; position:relative; top:-7px;}
.color_purple {color:#6c4797;} /* 보라색 폰트컬러 */
.color_big {color:#222; font-weight:bold !important; } /* 보라색 폰트컬러 */
.color_big_b {color:#222; font-size:22px; }


.mg_top10 {margin-top:10px !important;}
.mg_top20 {margin-top:20px !important;}
.mg_top30 {margin-top:30px !important;}
.mg_top40 {margin-top:40px !important;}
.mg_top50 {margin-top:50px !important;}
.mg_top60 {margin-top:60px !important;}
.mg_top70 {margin-top:70px !important;}
.mg_top80 {margin-top:80px !important;}

.mg_bottom10 {margin-bottom:10px !important;}
.mg_bottom20 {margin-bottom:20px !important;}
.mg_bottom30 {margin-bottom:30px !important;}
.mg_bottom40 {margin-bottom:40px !important;}
.mg_bottom50 {margin-bottom:50px !important;}
.mg_bottom60 {margin-bottom:60px !important;}
.mg_bottom70 {margin-bottom:70px !important;}
.mg_bottom80 {margin-bottom:80px !important;}


.mg_right10 {margin-right:10px !important;}
.mg_right20 {margin-right:20px !important;}
.mg_right30 {margin-right:30px !important;}
.mg_right40 {margin-right:40px !important;}
.mg_right50 {margin-right:50px !important;}
.mg_right60 {margin-right:60px !important;}
.mg_right70 {margin-right:70px !important;}
.mg_right80 {margin-right:80px !important;}


.mg_left10 {margin-left:10px !important;}
.mg_left20 {margin-left:20px !important;}
.mg_left30 {margin-left:30px !important;}
.mg_left40 {margin-left:40px !important;}
.mg_left50 {margin-left:50px !important;}
.mg_left60 {margin-left:60px !important;}
.mg_left70 {margin-left:70px !important;}
.mg_left80 {margin-left:80px !important;}

.pd_top10 {padding-top:10px !important;}
.pd_top20 {padding-top:20px !important;}
.pd_top30 {padding-top:30px !important;}
.pd_top40 {padding-top:40px !important;}
.pd_top50 {padding-top:50px !important;}

.pd_bottom10 {padding-bottom:10px !important;}
.pd_bottom20 {padding-bottom:20px !important;}
.pd_bottom30 {padding-bottom:30px !important;}
.pd_bottom40 {padding-bottom:40px !important;}
.pd_bottom50 {padding-bottom:50px !important;}




.tab {
	width:100% !important;
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		/* Float the list items side by side */
		.tab li {
			float: left;
			border:1px solid #ddd;
			border-bottom:0 !important;
		}
		/* Style the links inside the list items */
		.tab li a {
			display: inline-block;
			color: #000;
			text-align: center;
			text-decoration: none;
			padding: 14px 0px;
			width:180px;
			
			font-size: 17px;
			transition:0.3s;
		}
		/* Style the tab content */
		.tabcontent {
			width:100% !important;
			display: none;
			
			
			color:#fff;
		}
		ul.tab li.current{
			color: #fff;
			background:#6c4797;
			border:1px solid #6c4797;
		}
		ul.tab li.current a{color: #fff !important;}
		.tabcontent.current {
			display: block;
		}