@charset "utf-8";


/*공통레이아웃*/
.subVisu {width: 100%; height: auto; position: relative; padding-top: 100px;}
.subVisu .visual_wrap {width: 100%; height: 280px; position: relative; }
.subVisu .visual_wrap h2 {text-align: center; font-size: 34px; font-weight: 600; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding-bottom: 48px;}
.subVisu1 .visual_wrap {background: url(/img/subVisu1.jpg) no-repeat center center; background-size: cover;}
.subVisu2 .visual_wrap {background: url(/img/subVisu2.jpg) no-repeat center center; background-size: cover;}
.subVisu3 .visual_wrap {background: url(/img/subVisu3.jpg) no-repeat center center; background-size: cover;}
.subVisu4 .visual_wrap {background: url(/img/subVisu4.jpg) no-repeat center center; background-size: cover;}
.subVisu5 .visual_wrap {background: url(/img/subVisu5.jpg) no-repeat center center; background-size: cover;}
.contBox {margin-top: 45px;}


.mainDepth {width: 100%; height: 57px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.5); z-index: 100; background: rgba(10,63,136,0.7); bottom: 57px;}
.mainDepth .depth_wrap {width: 1190px; height: 57px; margin: 0 auto;}
.mainDepth .home {width: 57px; height: 57px; float: left; border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5); text-align: center; line-height: 50px;}
.mainDepth .home a {display: block; width: 100%; height: 100%; }
.mainDepth .depth {width: 230px; height: 57px; float: left; border-right: 1px solid rgba(255,255,255,0.5);}
.mainDepth .depth_one {border-bottom: 1px solid rgba(255,255,255,0.5);}
.mainDepth .depth > a {display: block; width: 100%; height: 100%;  padding-left: 24px; font-size: 16px; position: relative; line-height: 57px; color: #fff;}
.mainDepth .depth_one > a {background: url(/img/depth_arrow.png)no-repeat 188px center;}
.mainDepth .depth_two > a {background: url(/img/depth_arrow.png)no-repeat 188px center;}



.mainDepth .subDepth {width: 100%; height: auto; display: none;}
.mainDepth .subDepth li {display: block;}
.mainDepth .subDepth li a {width: 100%; height: auto; display: block; padding: 11px 23px; font-size: 16px; background: #f4f4f4; border: 1px solid #dddddd; margin-bottom: -1px;}
.mainDepth .subDepth li a:hover {background: #333333; border: 1px solid #333333; border-top: 0; color: #ffffff;}
.mainDepth .depth_two .subDepth li a:hover, .mainDepth .depth_three .subDepth li a:hover {background: #0a3f88; border: 1px solid #0a3f88; border-top: 0;}



/* 서브 공통 */
.contWrap {margin-bottom: 130px;}
.contWrap .titBox {text-align: center; margin-top: -57px;}
.contWrap .titBox h4 {font-size: 32px; font-weight: 600; position: relative;}
.contWrap .titBox h4.tit:before {content: ''; position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); background: #1064d2; width: 9px; height: 9px;}
.contWrap .titBox h4.tit:after {content: ''; position: absolute; bottom: -66px; left: 50%; background: #1064d2; width: 1px; height: 51px;}
.contWrap .titBox .sub_tit2 {display: block; padding-top: 8px; font-size: 18px; color: #2c2828; letter-spacing: -1px;}

/*Tab*/
.tab {padding: 0 !important;}
.tab:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.tab li {float:left; height:56px; line-height:56px; background:#fff; border:solid 1px #dedede; margin-bottom:0; text-align:center; margin-left: -1px;}
.location .tab li {width: 50%;}
.product1 .tab li {width: 25%}
.product2 .tab li {width: 33.3333%}
.tab li a {display:block; height:100%; font-size: 17px;}
.tab li a:hover, .tab li a.active {background:#1064d2; color: #fff !important; font-weight: 500;}
.tab li.current {background:#1064d2; font-weight: 500;}
.tab li.current a {color: #fff !important;}

.tabcontent {display: none; margin-top: 30px;}
.tabcontent.current {display: block; }
.tabcontent.current img {display: block; text-align: center;}


/* CEO 인사말 */
.greeting {}
.greeting .top {padding: 20px 0 46px 0; text-align: center;}
.greeting .top > span {font-size: 22px; font-weight: 300;}
.greeting .top > p {font-size: 30px; font-weight: 400; color: #333;}
.greeting .left_txt {float: left; width: 65%; font-size: 16px; background: #f4f4f4; padding: 60px 210px 60px 48px; height: 500px;}
.greeting .left_txt p {padding-bottom: 23px; line-height: 2em; word-break: keep-all}
.greeting .left_txt p strong {font-size: 20px;}
.greeting .right_img {float: left; width: 35%; position: relative; } 
.greeting .right_img:before {content: ''; background: url(../img/ceo_bg.png) no-repeat; width: 486px; height: 97px; position: absolute; top: 0; right : 0; z-index: 22; background-size: 100%; opacity: 0.5;}
.greeting .right_img:after {content: ''; position: absolute; top: 73px; right: 20px; width: 598px; height: 395px; background: url(../img/ceo_bg2.png) no-repeat; z-index: 11;}
.greeting .right_img img {position: absolute; top: 50px; right: 0; z-index: 21;}
.greeting .sign {font-weight: 500; font-size: 18px; text-align: right; padding-right: 39px;}


/* 연혁 */
.history-list ul { position: relative; padding: 80px 0 0; }
.history-list ul:before { content: ""; display: block; width: 1px; height: 100%; background-color: #d9d9d9; position: absolute; left: 50%; top: 0; }
.history-list ul li { margin-bottom: 60px; overflow: hidden; }
.history-list ul li .year-box { width: 50%; text-align: right; position: relative; }
.history-list ul li .year-box dl dt {font-size: 35px;color: #eb1c24;position: absolute;top: 7px;width:210px;height: 40px;line-height:38px;background-repeat: no-repeat; font-weight:600; }
.history-list ul li .year-box dl dd { position: relative; margin: 15px 0 25px; font-size: 18px; font-weight: 400; padding-right: 50px; line-height: 1.5; }
.history-list ul li .year-box dl dd:before { content: ""; display: block; width:18px; height:18px; background: #eb1c24; opacity: 0.2; border-radius: 100px;  position: absolute; left: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 4px;}
.history-list ul li .year-box dl dd:after { content: ""; display: block; width:9px; height:9px;  background: #eb1c24;  border-radius: 50%; position: absolute; left: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 8px;}
.history-list ul li:nth-child(2n+1) .year-box dl dd:after {left: 0;}
.history-list ul li .year-box dl dd.point { color: #eb1c24; }
.history-list ul li:nth-child(2n+1) .year-box { text-align: left; float: right; }
.history-list ul li:nth-child(2n+1) .year-box dl dt { left: -190px; background-position: 100% 50%; }
.history-list ul li:nth-child(2n+1) .year-box dl dt:before { content: ""; display: block; width: 40px; border-top: 1px dotted #eb1c24; position: absolute; left: 120px; top: 50%; }
.history-list ul li:nth-child(2n+1) .year-box dl dd { padding-left: 50px; }
.history-list ul li:nth-child(2n+1) .year-box dl dd:before { left: 0; }
.history-list ul li:nth-child(2n+1) .year-box .year-img { position: absolute; right: 100%; top: 60px; margin-right: 50px; }
.history-list ul li:nth-child(2n) .year-box { text-align: right; float: left; }
.history-list ul li:nth-child(2n) .year-box dl dt { right: -190px; background-position: 0% 50%; }
.history-list ul li:nth-child(2n) .year-box dl dt:before { content: ""; display: block; width: 40px; border-top: 1px dotted #eb1c24; position: absolute; right: 120px; top: 50%; }
.history-list ul li:nth-child(2n) .year-box dl dd { padding-left: 50px; }
.history-list ul li:nth-child(2n) .year-box dl dd:before { right: 0; }
.history-list ul li:nth-child(2n) .year-box .year-img { position: absolute; left: 100%; top: 60px; margin-left: 50px; }
.history-list ul li .year-box .year-img img {max-width:none;}


/* 오시는길 */
.map_table {width: 100%; height: auto; padding: 25px 0 0 0;}
.map_table table {width: 100%; height: auto; border-left: 2px solid #1064d2; border-top:1px solid #ddd}
.map_table table tr th {padding: 15px; background-color: #f9f9f9; font-size: 17px; width: 32%; border: 1px solid #dddddd; border-top: 0}
.map_table table tr td {padding: 15px 45px; font-size: 17px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}


/* 제품소개 */


/* 주요실적 */




/* 고객센터-온라인문의 */
.qna .blind {color:transparent;}
.formMail_box {width: 100%;}
.inquiry_box {width: 100%;}
.inquiry_box .sub_content .c_center_box{position:relative; padding-bottom:30px;}
.inquiry_box .sub_content .c_center_box:after{content:''; display:block; clear:both;}
.inquiry_box .sub_content .c_center_box h3{
	font-size:25px; 
	color:#333; 
	padding-bottom:15px; 
	text-align:left;
	font-weight:500!important;
    font-family: "Noto Sans KR", sans-serif;
}
.inquiry_box .sub_content .c_center_box .check_point{position:absolute; top: 26px; left: 5px; display: inline-block; width: 20px; height: 20px; background: url(/img/require.png) 50% 50% no-repeat;}
.inquiry_box .sub_content .c_center_box .info_txt_box{width:100%; height:195px; overflow:auto; border:1px solid #ddd; text-align:left; padding:10px 20px; font-size:15px; color:#666; box-sizing:border-box; line-height:1.6;font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box .info_txt_box.with_name{height:160px; padding:30px 35px 20px ; color:#333; line-height:23px;}
.inquiry_box .sub_content .c_center_box .info_txt_box.with_name span{ 		
	display:block; 
	font-size:15px; 
	line-height:23px; 
	font-weight:bold;
    font-family: "Noto Sans KR", sans-serif;
}
.inquiry_box .sub_content .c_center_box .checkbox{padding:20px; float:right;}
.inquiry_box .sub_content .c_center_box .checkbox span{font-size:15px;font-family: "Noto Sans KR", sans-serif; line-height: 25px;}
.inquiry_box .sub_content .c_center_box .checkbox label{ 
	font-size:15px; 
	margin-left:6px;
    font-family: "Noto Sans KR", sans-serif;
}

.inquiry_box .sub_content .c_center_box .info_txt{font-size:15px; color:#666; position:absolute; right:0; top:-27px; font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box .info_txt .check_point {top:0; left: -20px;}
.inquiry_box .sub_content .c_center_box .info_txt .txt_style{font-size:15px; vertical-align: top; font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box table{ width:100%; margin-top: 36px; border-top: 2px solid #282828;}


.inquiry_box .sub_content .btn_style_wrap{text-align: center; clear:both;}
.inquiry_box .sub_content .btn_style_wrap .inq_btn{font-size:15px; padding:10px 55px; font-size: 17px;}
.inquiry_box .sub_content .btn_style_wrap .inq_btn1{border:1px solid #999; background:#fff; margin-right:10px;}
.inquiry_box .sub_content .btn_style_wrap .inq_btn2{ 
    border:1px solid #1064d2; 
	background: #1064d2; 
	color:#fff; 
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.inquiry_box .sub_content .btn_style_wrap .inq_btn2:hover {border: 1px solid #1064d2; background: #1064d2;}
.inquiry_box .sub_content .c_center_box .select{display:inline-block; height: 32px; box-sizing:border-box; margin-top:-3px; vertical-align:middle; margin-left:10px;}
.inquiry_box .sub_content .c_center_box .select.type1{margin-left:0;}
.inquiry_box .sub_content .c_center_box .selectBox {padding:0;}
.inquiry_box .sub_content .c_center_box .selectBox-dropdown {min-width:130px;}
.inquiry_box .sub_content .c_center_box .selectBox-dropdown .selectBox-label {height:32px; width:125px !important; overflow: hidden;box-sizing:border-box; line-height: 32px; }
.inquiry_box .sub_content .c_center_box .selectBox-dropdown .selectBox-arrow:before{margin-top:10px; }
.inquiry_box .sub_content .c_center_box .selectBox-options li a{height:33px; line-height:33px;}
.inquiry_box .sub_content .c_center_box table th{position: relative; padding: 12px 10px 12px 0; font-size: 16px; text-align:left; font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box table th.th_style{vertical-align:top; padding-top:20px;}
.inquiry_box .sub_content .c_center_box table th label{ 
	font-size:16px; 
	position:relative; 
	color:#222; 
	font-weight:normal;
    font-family: "Noto Sans KR", sans-serif;
    cursor: default;
}
.inquiry_box .sub_content .c_center_box table th .label{ position:relative; font-size:16px; color:#333;font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box table td{position: relative; padding: 12px 10px 12px 0;font-size:16px; color:#666; line-height:20px; text-align:left;font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box table tr{}

.inquiry_box .sub_content .c_center_box .form_style{height:48px; padding-left:23px; border:1px solid #ddd;  font-size:16px; line-height:48px; font-family: "Noto Sans Kr",sans-serif; width: 100%;}
.inquiry_box .sub_content .c_center_box .f_style3.with_name{width:130px;}
.inquiry_box .sub_content .c_center_box .f_style6{resize:none; height:170px;}
.inquiry_box .sub_content .c_center_box .f_style7{width:270px;  margin-right:10px}
.inquiry_box .sub_content .c_center_box .f_style8{width:270px; margin-left:10px}
.inquiry_box .sub_content .c_center_box .f_style8.with_name{width:300px; margin-left:0;}
.inquiry_box .sub_content .c_center_box .f_style9{width:270px;}
/*.inquiry_box .sub_content .c_center_box .radio {margin-bottom: 6px;}*/
.inquiry_box .sub_content .c_center_box .radio label{font-size:15px; padding-right:10px; font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box .security_code{width:130px; height:35px; line-height:35px; font-size:20px; background:#ddd; display:inline-block; text-align:center;}
.inquiry_box .sub_content .c_center_box .form_p_btn{height:34px; padding:0 15px; background:#999; color:#fff; font-size:15px; margin-left:10px; vertical-align: bottom; font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box .count_box{position:relative;}
.inquiry_box .sub_content .c_center_box .count_num{position:absolute; right:30px; bottom:19px; font-size:15px; font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box .count_num span{
	color:#0068b7; 
	font-size:15px;
	vertical-align:top;
    font-family: "Noto Sans KR", sans-serif;
}



.inquiry_box .sub_content .c_center_box .notice_txt_s{display:inline-block; margin-left:10px;}
.inquiry_box .sub_content .c_center_box .notice_txt_s li{color:#1b2e5a; font-size:12px; line-height:18px;font-family: "Noto Sans KR", sans-serif;}
.inquiry_box .sub_content .c_center_box .notice_txt_s li:before{content:'* ';}


.file_box {width:400px; overflow:hidden; display:inline-block; }
.file_input_tb{float:left; height:35px; width:365px; margin-right:10px; position:relative;}
input.file_input_tb{ background-color:#ddd; border: none; width:270px; height:34px;}
.file_input_div{display:inline-block; width:270px; text-align:center; }
.file_input_button{
	height:34px; 
	padding: 0 19px;  
	background-color:#afafaf; 
	color:#fff!important; 
	border:none; 
	position:absolute; 
	top:0; 
	right:0; 
	z-index:1; 
	cursor: pointer;
	font-size:15px;
    font-family: "Noto Sans KR", sans-serif;
}
.file_input_hidden{overflow:hidden; display:none; position:absolute; left:-9999em; width:83px;  height:30px; font-size:45px; opacity:0;  filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0;}

 select box 
.select {display:block; position:relative; z-index:1; min-width:120px; text-align:left; background-color:#fff;}
.select > a {
	display:block; 
	overflow:hidden; 
	padding:0 15px; 
	line-height:40px; 
	font-size:15px; 
	color:#666; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all; 
	border:1px solid #ddd; 
	background:url(/img/gnb_bg.gif) no-repeat right 11px center;
    font-family: "Noto Sans KR", sans-serif;
}
.select > a:before {
	display:inline-block; 
	content:""; 
	position:absolute; 
	top:50%; 
	right:30px; 
	margin-top:-7px; 
	width:1px; 
	height:14px; 
	background-color:#ddd;
}
.select ul {
	display:none; 
	position:absolute; 
	top:42px; 
	left:0; 
	width:100%; 
	background-color:#fff;
}
.select ul li {border:1px solid #ddd; border-top:0;}
.select ul li a {
	display:block; 
	overflow:hidden; 
	padding:7px 15px; 
	font-size:15px; color:#666; 
	line-height:30px; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all;
    font-family: "Noto Sans KR", sans-serif;
}
.select ul li a:focus,
.select ul li a:hover {color:#fff; background-color:#0068b7;}

table .select > a{line-height:32px;}
table .select{width: 170px;}
.utility .select > a{line-height:30px;}
.inquiry_box .sub_content .c_center_box .select ul {top:34px; }
.inquiry_box .sub_content .c_center_box .select ul li a{padding:0 15px; }

.selectBox-dropdown {min-width:120px; border-radius:0; background:none; background-color:#fff;}
.selectBox-dropdown .selectBox-label {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  word-break:break-all; background-color:#fff;}
.selectBox-dropdown .selectBox-arrow {background-color:#fff;}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {}
.selectBox-dropdown-menu {}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {}
.selectBox-options li.selectBox-selected a {}

.select .selectBox.selectBox-dropdown{border: 1px solid #ddd;}
.select .selectBox-dropdown {min-width:120px; border-radius:0; }
.select .selectBox-dropdown .selectBox-label {overflow:hidden; height:38px; line-height:38px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; background-color:#fff;}
.select .selectBox-dropdown .selectBox-arrow { width: 38px; background-color:#fff; background-image: url(/ko/pc/assets/images/common/arrow1.png);  background-position:center center; border-left:none;}
.select .selectBox-dropdown .selectBox-arrow:before{content:''; border-left:1px solid #ddd; margin-top:12px; display:inline-block; height: 15px; }
.select .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background-image: url(images/arrow2.png); background-position:center center;}
.select .utility .selectBox-dropdown .selectBox-label {width: 190px !important;}
.select .utility .selectBox.selectBox-dropdown{width: 230px !important;}
.selectBox-options li a{padding:6px 7px; font-size:14px; border-bottom:1px solid #ddd; }
.selectBox-options li a:hover{background:#1b2e5a; color:#fff;}
.selectBox-options li.selectBox-selected a{background:#1b2e5a; color:#fff;}
.selectBox-dropdown-menu{box-shadow:none; -webkit-box-shadow:none; border:1px solid #ddd; }

.select.type1 .selectBox-dropdown .selectBox-label {height: 34px; line-height: 34px; }
.select.type1 .selectBox-options li a {border-bottom:1px solid #ddd; }
.select.type1 .selectBox-options li a{height:34px; line-height:34px;}
.select.type1 .selectBox-dropdown .selectBox-arrow:before{margin-top:10px;}