@charset "euc-kr";


/******
#00509b 기본 블루
#2a4673 블루 오버시
******/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');


/* 서브탑 bg 영역  */
section.Sub_top_bg {float:left; width:100%; height:232px; }
section.Sub_top_bg div {margin:0 auto; width:1100px; padding-top:55px;}
#Sub_bg01 { background:url('/img/About/top_bg.jpg') no-repeat 50% 50% ;}
#Sub_bg02 { background:url('/img/Products/top_bg.jpg') no-repeat 50% 50% ;}
#Sub_bg03 { background:url('/img/Dataroom/top_bg.jpg') no-repeat 50% 50% ;}
#Sub_bg04 { background:url('/img/Cscenter/top_bg.jpg') no-repeat 50% 50% ;}
#Sub_bg05 { background:url('/img/Member/top_bg.jpg') no-repeat 50% 50% ;}



/* 서브네비게이션 영역  */
#Sub_Nav {float:left; width:100%; height:54px;  background:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
#Sub_Nav ul {margin:0 auto; width:1100px;  box-sizing:border-box; }
#Sub_Nav ul li {display:inline-block; float:left;  box-sizing:border-box;  border-left:1px solid #ddd; text-align:center; line-height:54px; height:54px; }
#Sub_Nav ul li:last-child {border-right:1px solid #ddd; }
#Sub_Nav ul li a {font-size:17px;} 
#Sub_Nav .w_20 {width:20%;}
#Sub_Nav .w_33 {width:33.3333%;}
#Sub_Nav .w_25 {width:25%;}
.page1 .current1, .page2 .current2 , .page3 .current3 , .page4 .current4, .page5 .current5, .page6 .current6 { border-bottom:3px solid #00509b; }
.page1 .current1 a , .page2 .current2 a , .page3 .current3 a , .page4 .current4 a, .page5 .current5 a, .page6 .current6 a {color:#00509b;font-weight:400; font-size:20px !important;}


/* 서브 공통 wrap 영역 (타이틀)  */
#Sub_wrap {float:left; width:100%;  margin:55px 0 150px 0;}
#Sub_wrap h1 {float:left;  display:inline-block; text-align:center;  font-size:40px; float:left; width:100%;  padding-bottom:40px; color:#222;}
#Sub_wrap  .title_line {display:table; margin:60px auto; height:2px;  background:#222;  width:70px;}

.Sub_content {width:1100px; margin:0 auto; padding-top:20px;}
.Sub_content span {display:inline-block;}
.Sub_content .line_1 {float:left; width:100%; height:1px; background:#ddd; margin:30px 0;}
.Sub_content .title_text1 {float:left; width:100%; text-align:center; font-size:32px; font-weight:300; color:#222; line-height:46px; } /* 제목 타이틀  */
.common_box1 {width:100%; float:left;}
.common_box1 h3 {font-size:26px; font-weight:700; color:#222; padding-bottom:15px;}


/* 공통 폰트 */
.point_blue {font-size:32px; font-weight:400; color:#00509b;}
.basic_gray {font-size:20px; color:#666; padding-left:5px;}
.f_size16 {font-size:16px;}
.f_size17 {font-size:17px;}
.f_size18 {font-size:18px; line-height:28px; }
.f_size19 {font-size:19px; line-height:30px;}
.f_size20 {font-size:20px; line-height:32px;}



/****************  01.제품소개  *********************/
.Sub_left_box {float:left; width:550px; }
.Sub_left_box h2 {font-size:50px; color:#222; padding-bottom:25px; font-weight:300;}
.Sub_left_box span {display:inline-block; font-weight:700; font-size:50px; color:#222;}
.Sub_left_box h5 {font-size:20px; color:#222; padding-bottom:40px; letter-spacing:-1px; font-weight:400;}
.T50_bg01 {background:url('/img/Products/T50_img_bg.png') no-repeat 0% 0px; float:left; width:100%; height:200px; }
.T30_bg01 {background:url('/img/Products/T30_img_bg.png') no-repeat 0% 0px; float:left; width:100%; height:200px; }
.N50_bg01 {background:url('/img/Products/N50_img_bg.png') no-repeat 0% 0px; float:left; width:100%; height:300px;}
.N74_bg01 {background:url('/img/Products/N74_img_bg.jpg') no-repeat 0% 0px; float:left; width:100%; height:320px;}
.M74_bg01 {background:url('/img/Products/M74_img_bg.jpg') no-repeat 0% 0px; float:left; width:100%; height:420px;}
.textbox_w50 {padding-bottom:70px; line-height:24px; font-size:16px;}

.Sub_right_box {float:right; width:500px; }
.Pro_left {float:left; width:250px;}
.Pro_right {float:right; width:250px; position:relative;}
.Pro_right .option_box {position:absolute; bottom:13px; right:15px; width:240px; height:180px; background:rgba( 0, 0, 0, 0.2); border:2px dashed #C00; text-align:center; border-radius:10px;}
.option_box .option_text {position:absolute; bottom:-30px; left:100px; }
.Sub_right_box ul {float:left; width:100%; margin-bottom:15px;}
.Sub_right_box ul li {float:left; display:inline-block; font-size:12.5px; letter-spacing:-0.5px;}
.Sub_right_box ul li img {width:100%;}
.Sub_right_box ul li:first-child {width:70px; margin-right:10px;}
.Sub_right_box ul li:last-child {width:170px;}

.T_title {float:left; width:100%; font-size:50px; font-weight:700; color:#222; }
.product_form {float:left; box-sizing:border-box; margin-top:30px;}
.diagram dd { padding:25px 0 !important; text-align:center;}
.product_form span {padding-left:36px;}
.product_form dt {background:#2a4673;  font-size:20px; color:#fff; font-weight:700; height:44px; line-height:44px; box-sizing:border-box; padding-left:20px;}
.product_form dd {box-sizing:border-box; padding:25px;}
.product_form ul {width:100%; float:left; margin-bottom:10px;}
.product_form ul li {display:inline-block; float:left; }
.product_form ul li:first-child {width:33%; margin-right:4%; font-weight:700; text-align:right;}
.product_form ul li:last-child {width:63%;}
.text_j {text-align:right;}





/**************** 04.회사소개 *****************/

/* 연혁 */
.history_info {float:left; position:relative; width:100%; margin:15px 0 0 0;}
.history_info li {float:left; width:100px; font-size:16px;}
.history_info li:first-child { border-radius:30px 30px; background:#00509b; color:#fff; text-align:center;}
.history_info li:last-child {width:400px; margin-left:30px;}

/* 연혁 (오른쪽) */
.history_box {float:left; position:relative; width:100%; padding:30px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:0 !important;}
.history_box .icon_b {position:absolute; display:block; width:14px !important; height:14px; top:40px; margin-top:-7px; left:-7px;}
.history_fir  {float:left; position:relative; width:100%; padding:0px 0 30px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:0 !important;}
.history_fir .icon_b {position:absolute; display:block; width:14px !important; height:14px; top:0%; margin-top:-7px; left:-7px;}
.history_last {float:left; position:relative; width:100%; padding:30px 0 0px;  border-left:1px solid #ddd; margin-bottom:0 !important;}
.history_last .icon_b {position:absolute; display:block; width:14px !important; height:14px; top:40px; margin-top:-7px; left:-7px;}

.history_box li, .history_fir li ,.history_last li {float:left; display:inline-block;}
.history_box li:first-child , .history_fir li:first-child , .history_last li:first-child {width:120px !important; font-size:30px;  font-weight:400; color:#00509b; padding-left:50px;}
.history_box .con , .history_fir .con, .history_last .con {width:360px !important; font-size:16px; letter-spacing:0; padding-top:3px;}


.coming_soon111 {float:left; width:100%; text-align:center; font-size:60px; color:#ccc;}
/* 오시는 길 */
.Sub_left_box1 {float:left; width:800px; }
.Sub_right_box1 {float:right; width:280px; }
.location_icon {float:left; width:100%; background:#00509b url('/img/About/icon_contact.png') no-repeat 62px 50%; padding:20px 20px 20px 50px; box-sizing:border-box; color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:26px; letter-spacing:0; text-align:center;}
.location_box {float:left; width:100%; padding:30px; box-sizing:border-box; border:1px solid #ddd;}
.location_box dt {font-family: 'Open Sans Condensed', sans-serif; font-size:22px; color:#00509b; padding-bottom:5px; letter-spacing:0; }
.location_box dd {padding-bottom:15px;}










/******************03. 고객지원 *******************/


.store_table {width:100%; float:left; }
.store_table th, .store_table td {border-bottom:1px solid #ddd; padding:12px 15px; text-align:center; }
.store_table th {  color:#fff;  background:#2a4673; border-right:1px solid #fff;}
.store_table th.last {border-right:0;} 
.store_table .t_left {text-align:left;}


.f_left {float:left;}
.f_right {float:right;}
.f_cen {text-align:center;}