@charset "utf-8";
/* CSS Document */



.sub_wrap {width:100%; float:left; border-top: 1px solid #dadada; box-sizing: border-box;}
/*.sub_top_bg1 {width:100%; float:left; height:170px; background:url('/img/top_img.jpg') no-repeat 50% 50%;}*/

/*.sub_content {width:1200px; margin:0px auto; padding-bottom:100px; height: calc(100vh + 142px); border-left: 1px solid #dadada; }*/
.sub_content { overflow: hidden; position: relative; width:1200px; margin:0px auto; padding-bottom:50px; min-height: 600px; height: auto; border-left: 1px solid #dadada; }
.sub_content2 { overflow: hidden; position: relative; width:1200px; margin:0px auto; padding-bottom:50px; min-height: 500px; height: auto; }

/* 왼쪽 메뉴 */
/*.sub_left_box {float:left; width:210px; height: calc(100vh + 142px); display: inline-block; border-right: 1px solid #dadada;} */
.sub_left_box {position: absolute; float:left; top: 0; left: 0; bottom: 0; width:210px; display: inline-block; border-right: 1px solid #dadada;} 
.sub_left_menu { margin-top:0px;}
.sub_left_menu dt { font-family: 'NanumBarunGothic'; font-size:30px; color: #fff; line-height: 100px; background: #353195; text-align: center;}
.sub_left_menu dd { margin: 0px; }
.sub_left_menu ul { }
.sub_left_menu li { background: #fff url('/img/common/sub_left_arrow.png') no-repeat 90% 50%; height: 50px; border-bottom: 1px solid #dadada; padding: 0 20px; text-align: left;}
.sub_left_menu li a { display: inline-block; font-family: 'NanumBarunGothic'; font-size:15px; color: #333; line-height: 50px; white-space: nowrap; overflow: hidden;}
.sub_left_menu li a:hover { color: #94c951;}
.sub_left_menu li a.s_navi { color: #94c951; font-weight: bold;}
.sub_left_menu li.first { background: #fff url('/img/common/sub_left_arrow.png') no-repeat 90% 78%; height: 30px; line-height: 30px; padding-top: 8px; text-align: left; text-indent: 5px; border-bottom: 0;}
.sub_left_menu li.uni_first { background: #fff url('/img/common/sub_left_arrow.png') no-repeat 90% 50%; height: 40px; line-height: 40px; text-align: left; text-indent: 5px;}
.sub_left_menu li.last { background: #fff url('/img/common/sub_left_arrow.png') no-repeat 90% 50%; height: 40px; line-height: 40px; text-align: left; text-indent: 5px;}
.sub_left_menu li.first a { display: inline-block; font-family: 'NanumBarunGothic'; font-size:13px; color: #333; line-height: 30px; white-space: nowrap; overflow: hidden;}
.sub_left_menu li.first a:hover { color: #94c951;}
.sub_left_menu li.first a.s_navi { color: #94c951; font-weight: bold;}
.sub_left_menu li.uni_first a { display: inline-block; font-family: 'NanumBarunGothic'; font-size:13px; color: #333; line-height: 40px; white-space: nowrap; overflow: hidden;}
.sub_left_menu li.uni_first a:hover { color: #94c951;}
.sub_left_menu li.uni_first a.s_navi { color: #94c951; font-weight: bold;}
.sub_left_menu li.last a { display: inline-block; font-family: 'NanumBarunGothic'; font-size:13px; color: #333; line-height: 40px; white-space: nowrap; overflow: hidden;}
.sub_left_menu li.last a:hover { color: #94c951;}
.sub_left_menu li.last a.s_navi { color: #94c951; font-weight: bold;}


/*.sub_now_bar {width:100%; float:left; height:46px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; text-align:right;}*/
/*.sub_now_bar p {width:1100px; margin:0 auto; line-height:46px; padding-left:25px; }*/
/*.sub_now_bar span {display:inline-block; float:right; background:url('/img/common/icon_home.png') no-repeat 0% 50%; padding-left:20px;}*/


/* 오른쪽 */
.sub_right_box {float:right; width:940px; margin-bottom: 70px;}
.sub_right_box .sub_now_bar { position: relative; width:100%; height: 100px; background:#fff url('/img/common/sub_right_line.png') no-repeat 100% 100%;; text-align:left;}
.sub_right_box .sub_now_bar h3 {display: inline-block; font-family: 'NanumBarunGothic'; font-size:30px; color: #222; padding-top: 52px;}
.sub_right_box .sub_now_bar span {display:inline-block; position: absolute; top: 67px; right: 0px; background:url('/img/common/icon_home.png') no-repeat 0% 50%; text-indent: 10px; padding-left:7px; }

/*.title_box {width:100%; float:left; padding:20px 0; height:120px; font-size:40px; border-bottom:1px solid #ddd; margin-bottom:50px;}*/
/*.title_box span {display:block; font-size:16px; color:#555; padding-top:10px;}*/

.box_basic  {float:left; width:100%;}
.bbs_basic {float:left; width:100%; margin-bottom:150px;}


/******************** 01. 회사소개 **********************/
.about_box {width: 100%;}
.about_box dt.about_title { font-family: 'NanumBarunGothic'; font-size:36px; font-weight: bold; color: #222; line-height: 24px; padding-top: 50px; text-align: center;}
.about_box dd.about_sub_title p { font-family: 'NanumBarunGothic'; font-size:24px; color: #353195; line-height: 30px; padding-top: 26px; text-align: center;}
.about_box ul { margin-top: 50px; text-align: left;}
.about_box li { display: inline-block; font-family: 'NanumBarunGothic'; font-size:16px; color: #333; line-height: 33px; vertical-align: top; white-space: nowrap; overflow: hidden;}
.about_box li:first-child {margin-right: 15px;}
.about_box li p { padding-top: 40px; }
.about_box li p span { font-size: 30px; color: #222; line-height: 26px; }

/******************** 02. 연혁 **********************/
.history_con{width:100%; display:table;}
.history_con > .history_title, .history_con > .history_box {display:table-cell; vertical-align:top; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; transition:all 0.3s; }
.history_con > .history_title {width:18%;}
.history_con > .history_title > span {display:inline-block; font-size:42px; font-weight:600; color:#000; font-style:italic; padding-left:25px;}
.history_con > .history_box {width:82%;}
.history_box > dl {width:100%; display:table;}
.history_box > dl dt, .history_box > dl dd {display:table-cell; vertical-align:top;}
.history_box > dl dt {width:9%; text-align:left; font-size:23px; line-height:30px; font-weight:600; color:#353195; font-style:italic; padding:5px 0; }
.history_box > dl dd {width:91%; background:url('/img/about/history_line.png') repeat-y 10% top; padding-bottom:3%; }
.history_box > dl dd > p {width:100%; overflow:hidden; padding:5px 0;}
.history_box > dl dd > p strong, .history_box > dl dd > p span {float:left; display:block;}
.history_box > dl dd > p strong {width:10%; font-size:18px; line-height:30px; color:#151515; font-weight:600; font-style:italic;}
.history_box > dl dd > p span {width:84%; font-size:16px; line-height:30px; color:#535353; padding-left:10%; position:relative; text-align: center;}
.history_box > dl dd > p span:before {display:inline-block; content:""; width:12px; height:12px; background:url('/img/about/history_icon.png') no-repeat; position:absolute; left:-5px; top:8px;}

/******************** 03. 제품소개 **********************/
/* 탭메뉴 */
.prod_nav { width: 100%; margin:0 auto; text-align:center;}
.prod_nav > ul { text-align:center;}
.prod_nav > ul > li { position: relative; display:inline-block; padding:0 20px;}
.prod_nav > ul > li > a { font-family: 'NanumBarunGothic'; font-size:25px; color: #222; height:50px; line-height:50px; }
.prod_nav > ul > li > a:before { content: ""; display: inline-block; position: absolute; left: 0px; top: 50%; width: 13px; height: 13px; background: url('/img/product/prod_point.png'); transform: translateY(-60%); }
/*.prod_nav > ul > li > a:hover { color:#94c951; transition: all ease 0.6s;}*/
#page1 .current1, #page2 .current2 {}
#page1 .current1 a, #page2 .current2 a {color:#222;}
/*#page1 .current1 a:hover, #page2 .current2 a:hover {color:#94c951; transition: all ease 0.6s;}*/

.prod_title_bar { width: 100%;}
.prod_title_bar ul { position: relative; text-align: center; overflow: hidden; border-bottom: 1px solid #353195;}
.prod_title_bar ul li:first-child { float: left; width: 94px; height: 37px; font-family: 'NanumBarunGothic'; font-size:18px; line-height: 37px; font-weight: bold; color: #fff; background: #383695; }
.prod_title_bar ul li:nth-child(2) { float: right; position: absolute; top: 5px; right: 72px; font-family: 'NanumBarunGothic'; font-size:15px; font-weight: bold; line-height: 20px; color: #353195; background: #fff; padding: 7px 9px; border-top: 1px solid #353195; border-left: 1px solid #353195; }
.prod_title_bar ul li:nth-child(2) a {color: #353195; }
.prod_title_bar ul li:last-child { float: right; position: absolute; top: 5px; right: 0px; font-family: 'NanumBarunGothic'; font-size:15px; font-weight: bold; line-height: 20px; color: #353195; background: #fff; padding: 7px 9px; border-top: 1px solid #353195; border-left: 1px solid #353195; border-right: 1px solid #353195; }

.prod_title_bar2 { width: 100%;}
.prod_title_bar2 ul { position: relative; text-align: center; overflow: hidden; border-bottom: 1px solid #353195;}
.prod_title_bar2 ul li { float: left; width: 94px; height: 37px; font-family: 'NanumBarunGothic'; font-size:18px; line-height: 37px; font-weight: bold; color: #fff; background: #383695; }


.display_tb { margin-top: 20px;}
.display_tb ul { display: table; table-layout: fixed; width: 100%; text-align: center;}
.display_tb li { display: table-cell; height: 40px; vertical-align: middle; border-bottom: 1px solid #ddd;}
.display_tb li + li { border-left: 1px solid #ddd;}
.display_tb ul li span.title { display: inline-block; font-family: 'NanumBarunGothic'; font-size:16px; line-height: 30px; color: #353195; padding: 8px 0px; }
.display_tb ul li p { font-family: 'NanumBarunGothic'; font-size:16px; line-height: 30px; color: #353195; background: #fff; padding: 8px 0px; }
.display_tb ul li:first-child { text-align: left; padding-left: 20px;}
.display_tb_bg { background: #ededed; }


/******************** 04. 인증서 **********************/
.certi_box { text-align: center;}
.certi_box ul { margin-top: 30px; }
.certi_box li { display: inline-block; margin-right: 10px; box-sizing: border-box; }
.certi_box li img { border: 1px solid #ddd; }
.certi_box li:last-child { margin-right: 0px;}
.certi_box li p { font-family: 'NanumBarunGothic'; font-size:16px; line-height: 30px; color: #333; background: #fff; padding: 8px 0px; }


/******************** 05. 사업실적 **********************/


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

.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%;} 
.agree_box1 {float:left; width:200px; margin-right:20px;}
.agree_box2 {float:right; width:560px; line-height:28px; color:#444;}
.agree_box2 dt {font-size:15px; color:#222; width:100%; height:30px; line-height:30px; font-weight:bold; box-sizing:border-box; padding-left:15px;}
.agree_box2 dd {padding-bottom:4px; box-sizing:border-box; padding:0 20px; font-size:14px;}


/* 회원사소개 새창 */
.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;}


/*.about_box1 {float:left; width:304px; margin-right:26px;}*/
/*.about_box2 {float:right; width:450px; line-height:28px; color:#444;}*/

.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;}

/* 매장안내 인풋박스 */
.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; }*/

.line900 {border-top:1px solid #ddd;}
.line_dot {border-top:1px dotted #ccc;}
.line_top {border-top:2px solid #f37321;}
.color_big_b {color:#222; font-size:16px; margin-bottom:5px; background:#efefef !important;}
.color_orange {color:#f39821;} /* 주황색 폰트컬러 */
.color_blue {color:#6799FF;} /* 파랑색 폰트컬러 */
.font_s {font-size:13px; color:#888 !important;} /* 작은글씨 */
.font_s2 {font-size:14px; color:#888 !important;} /* 작은글씨 */

.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;}


.tbl_frm01 {margin:50px 0 20px}
.tbl_frm01 th { width: 150px; background: #ededed;}
.tbl_frm01_line { border-bottom: 0px !important; border-top: 0px !important;}

.Btn_common_s {height:36px; width: 12%; padding:7px 15px 7px 15px; text-align:center; font-size:14px;}
.Btn_BG_blue { border: 0; font-size: 24px; width: 100%; text-align: left; font-weight: bolder; margin-top: 40px; margin-left: -15px; color:#353195; background:white; }

.btn_confirm { text-align: center;}