@charset "UTF-8";


/* 서브비주얼 */

.subVisu {width: 100%; height: 324px; position: relative;}
.subVisu .txt {width: 1200px; height: 324px; margin: 0 auto; text-align: center; padding-top: 115px;}
.subVisu .txt p.subtit {font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif; color: #ffffff; font-size: 21px;}
.subVisu .txt h2 {font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif; color: #ffffff; font-size: 42px; margin-top: 10px;}

.subVisu1 {background: url(../img/subVisu1.jpg)no-repeat center center; background-size: cover;}
.subVisu2 {background: url(../img/subVisu2.jpg)no-repeat center center; background-size: cover;}
.subVisu3 {background: url(../img/subVisu3.jpg)no-repeat center center; background-size: cover;}
.subVisu4 {background: url(../img/subVisu4.jpg)no-repeat center center; background-size: cover;}


/* 메인뎁스 */

.depth {width: 100%; height: 64px; background-color: #0c98d7; z-index: 98; position: relative;}
.depth_wrap {width: 1200px; height: 64px; margin: 0 auto;}
.home {width: 64px; height: 64px; float: left; border-left: 1px solid rgba(255, 255, 255, 0.5); padding: 20px 0 0 21px;}
.depth1 {width: 300px; height: 64px; float: left; border-left: 1px solid rgba(255, 255, 255, 0.5)}
.depth1 a {display: block; width: 100%; height: 100%; font-size: 18px; color: #ffffff; padding: 19px 25px; background: url(../img/depth_arrow.png)no-repeat 260px center;}
.depth2 {width: 300px; height: 64px; float: left; border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5)}
.depth2 a {display: block; width: 100%; height: 100%; font-size: 18px; color: #ffffff; padding: 19px 25px; background: #007cbc url(../img/depth_arrow.png)no-repeat 260px center;}

.subdepth {display: none;}
.subdepth a {background: #0067b3; padding: 10px 25px; border-top: 1px solid rgba(255, 255, 255, 0.5); font-size: 17px; font-weight: 300; border-right: 1px solid #0067b3; border-left: 1px solid #0067b3; }
.subdepth li:last-child a {border-bottom: 1px solid #0067b3;}
.subdepth2 a {background: 00518d; border-right: 1px solid 00518d; border-left: 1px solid 00518d;}
.subdepth a:hover {background-color: #00518d; color: #ffffff; border-left: 1px solid #00518d; border-right: 1px solid #00518d;}
.subdepth li:last-child a:hover {border-bottom: 1px solid #00518d;}
.subdepth2 a:hover {background-color: #00518d; color: #ffffff; border-left: 1px solid #00518d; border-right: 1px solid #00518d;}
.subdepth2 li:last-child a:hover {border-bottom: 1px solid #00518d;}


/* 서브페이지 공통 */

.wrap {width: 1200px; height: auto; margin: 0 auto 180px auto;}
.wrap .titBox {width: 1200px; height: auto; text-align: center; padding-top: 100px; padding-bottom: 40px; position: relative;}
.wrap .titBox:before {content: ""; visibility: visible; width: 1px; height: 85px; position: absolute; top: 0; left: 50%; background-color: #333333;}
.wrap .titBox h3 {font-size: 42px; font-weight: 500; }
.wrap .titBox p.subtit {font-size: 30px; color: #252626; font-weight: 400; margin-top: 49px;}



/* 대표자 인사말 */
.greeting .contBox {margin: 112px 0 0 30px;}
.greeting .contBox .cont {position: relative; width: 630px; height: 550px; padding: 82px 66px 0 37px; background: #f3f3f3 url(../img/com_icon0.png) no-repeat; background-size: 90px 90px; background-position: 30px 30px;}
.greeting .contBox .cont:before {content: ''; position: absolute; top: -30px; left: -30px; border: 1px solid #c2c2c2; width: 630px; height: 550px;}
.greeting .contBox .cont:after {content: ''; background: url(../img/com1_img1.png) no-repeat; position:absolute; top: -20%; right: -90%; width: 630px; height: 550px;}
.greeting .contBox .cont p {font-size: 17px; line-height: 33px; padding-top: 37px;}
.greeting .contBox .cont p.sign {font-size: 20px; text-align: right;}



/* 회사개요 */
.contBox.com2 .top p.txt {font-size: 17px; color: #ffffff; text-align: center; line-height: 30px; margin-top: 5px;}
.contBox.com2 .top h7 {font-size: 44px; text-align: center; margin-top: 5px; font-weight: 600; color: #ffffff; display: block; width: 100%;}



/* 연혁 */
.history {width: 100%; height: auto; }
.history dl {display: inline-block; width: 1160px; height: auto; position: relative;}
.history dl:before {content: ""; visibility: visible; position: absolute; top: 0; left: 600px; background-color: #bbbbbb; width: 1px; height: 100%;}
.history dl.right {padding-left: 620px; padding-top: 54px; background: url(../img/abo2_img1.png)no-repeat 120px center; height: 300px;}
.history dl dd {font-size: 18px; display: block; margin-bottom: 20px; position: relative; padding-left: 20px;}
.history dl dd b {margin: 0 10px}
.history dl dt {font-size: 38px; color: #007cbc ; font-weight: 600; margin-top: 65px; position: relative; letter-spacing: 3px; padding-left: 25px;}
.history dl.left {padding-right: 620px; padding-top: 86px; background: url(../img/abo2_img2.png)no-repeat 640px 120px; height: 236px; text-align: right;}
.history dl.left dt {margin-top: 53px;}
.history dl dt span {font-size: 19px; color: #999999; font-weight: 500; letter-spacing: 0.5px;}
.history dl.right dd:after {content: ""; visibility: visible; position: absolute; top: 17px; left: -20px; background-color: #bbbbbb; width: 25px; height: 1px;}
.history dl.left dd:after {content: ""; visibility: visible; position: absolute; top: 17px; right: -61px; background-color: #bbbbbb; width: 25px; height: 1px;}
.history dl.right dt:after {content: ""; visibility: visible; position: absolute; top: 30px; left: -20px; background-color: #007cbc; width: 25px; height: 2px;}
.history dl.left dt:after {content: ""; visibility: visible; position: absolute; top: 23px; right: -61px; background-color: #007cbc; width: 25px; height: 2px;}

.history dl.left dt span.circle {position: absolute; width: 9px; height: 9px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: 19px; right: -65px; background-color: #007cbc;}
.history dl.right dt span.circle {position: absolute; width: 9px; height: 9px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: 26px; left: -24px; background-color: #007cbc;}



/* 조직도 */
.contBox.com3 .org {padding-top: 30px;}


/* 인증서 */
.cert .contBox  {display: inline-block; width: 100%; height: auto;}
.cert .contBox li {display: block; width: 100%; text-align: center; height: auto; }
.cert .contBox li img {border: 1px solid #dddddd;}



/* 찾아오시는 길 */
.location {}
.location .mapTable.table_type1 table {width: 100%; height: 100%;}


/* 사업소개 - 사업분야 */
.business .contBox {}
.business .contBox .cont {}
.business .cont ul {overflow: hidden;}
.business .cont ul li {float: left; width: 23%; background: #007cbc; margin: 1%;}
.business .cont ul li a {text-align: center; display: block; padding: 22px; font-size: 26px; color: #fff;}


/* 사업소개 - 설비현황 */
.equip .contBox {}
.equip .contBox .cont {}
.equip .contBox .cont ul {overflow: hidden; margin-top: 45px;}
.equip .contBox .cont ul li {float: left; width: 50%; padding: 0 1.5% 3% 1.5%;}
.equip .contBox .cont ul li.four {float: left; width: 25%;}
.equip .contBox .cont ul li.four img {width: 100%}
.equip .contBox .cont ul li img {width: 100%;}
.equip .contBox .cont ul li p {font-size: 19px; text-align: center; padding-top: 13px;}
.equip .contBox .cont ul li.f_none {float:none;}



/* 제품소개 공통 */

.pro_depth {width: 100%; height: auto; margin: 50px 0;}
.pro_depth ul {display: inline-block; width: 100%; height: auto;}
.pro_depth ul li {display: block; float: left; height: auto;}
.pro_depth ul li a {display: block; height: auto; padding: 15px; font-size: 19px; background-color: #f4f4f4; text-align: center; border: 1px solid #dddddd; width: 100%;}
.pro_depth ul li.on a{background-color: #0067b3; border: 1px solid #00599b; color: #ffffff;}
.pro_depth ul li:hover a {background-color: #0067b3; border: 1px solid #00599b; color: #ffffff;}

.pro_depth.depth6 ul li {width: 16.66%;}
.pro_depth.depth5 ul li {width: 20%;}
.pro_depth.depth4 ul li {width: 25%;}
.pro_depth.depth3 ul li {width: 33.33%;}
.pro_depth.prodepth2 ul li {width: 50%;}


.pro_tit h4 { font-size: 36px; font-weight: 500; text-align: center; padding: 50px 0 70px; position: relative;}
.pro_tit h4:after {content: ""; visibility: visible; position: absolute; width: 80px; height: 4px; background-color: #00518d; top: 110px; left: calc(50% - 40px); opacity: 0.75;}


.contBox.product {padding: 0 50px; display: inline-block;}
.contBox.product .pro_img {width: 540px; height: 420px; float: left;}
.contBox.product .pro_img img { border: 1px solid #dddddd;}
.contBox.product .pro_img2 {width: 540px; height: 840px; float: left; border: 1px solid #dddddd; overflow: hidden;}
.contBox.product .pro_txt {width: 560px; height: auto; float: left; padding: 30px 50px;}
.contBox.product .pro_txt .subtit {font-size: 28px; font-weight: 500; margin-bottom: 15px; position: relative; padding-left: 25px;}
.contBox.product .pro_txt .subtit:before {content: ""; visibility: visible; width: 8px; height: 8px; background-color: #333333; position: absolute; top: 18px; left: 0;}
.contBox.product .pro_txt .cont {font-size: 17px; padding-left: 40px; margin-bottom: 40px; line-height: 30px;}


/* 온라인 문의 */
.contBox.cs1 .topBox h5 {font-size: 32px; text-align: center; font-weight: 500; line-height: 50px; margin-bottom: 60px; padding-top: 50px;}
.contBox.cs1 .topBox h5 span {color: #007cbc ; font-weight: 600;}
.contBox.cs1 .cstable {width: 900px; height: auto; margin: 0 auto;}





/* Table 설정 */

.table_type1 table {width: 100%; height: 100%; margin-top: 50px;}
.table_type1 table tr th {padding: 16px; background-color: #007cbc ; font-size: 18px; width: 25%; border-bottom: 1px solid #84b8d3; color: #ffffff;}
.table_type1 table tr td {padding: 16px 30px; background-color: #ffffff; font-size: 17px; width: 75%; border-bottom: 1px solid #cccccc; color: #333333;}
.table_type1 table tr:first-child td, .table_type1 table tr:first-child th {border-top: 2px solid #007cbc }

.table_type2 table {width: 100%; height: 100%;}
.table_type2 table tr th {padding: 17px; background-color: #eeeeee; font-size: 18px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 2px solid #007cbc ; font-weight: 600; vertical-align: middle;}
.table_type2 table tr td {padding: 17px 20px; background-color: #ffffff; font-size: 18px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; text-align: center; vertical-align: middle;}
.table_type2 table tr th:last-child {border-right: 1px solid #bbbbbb;}
.table_type2 table tr td:last-child {border-right: 1px solid #dddddd;}

.cstable table {width: 100%; height: 100%;}
.cstable table tr th.header {background-color: #f1f1f1; font-size: 23px; font-weight: 500; color: #007cbc ; padding: 20px; border-bottom: 1px solid #dddddd; border-top: 2px solid #007cbc ;}
.cstable table tr th {background-color: #f9f9f9; font-size: 19px; padding: 15px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.cstable table tr td {background-color: #ffffff; font-size: 19px; padding: 15px 15px 15px 30px; border-bottom: 1px solid #dddddd;}




/*고객센터 -  일반문의*/



.formMail_box {width: 100%;}
.g_inquiry {width: 100%;}
.g_inquiry .sub_content .c_center_box{position:relative; padding-bottom:30px;}
.g_inquiry .sub_content .c_center_box:after{content:''; display:block; clear:both;}
.g_inquiry .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;
}
.g_inquiry .sub_content .c_center_box .info_txt{font-size:15px; color:#666; position:absolute; right:0; top:10px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .info_txt .txt_style{font-size:15px; vertical-align: top; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .check_point{
	position:absolute; 
	top:0;
	left:-25px; 
	display:inline-block; 
	width:20px; 
	height:20px; 
	background:url("/img/check_point.png") 50% 50% no-repeat;
}
.g_inquiry .sub_content .c_center_box table{ width:100%; border-top:2px solid #0067b3; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.g_inquiry .sub_content .c_center_box table th{ 
	border-right:1px solid #ddd; 
	background:#f9f9f9; 
	padding:17px 40px; 
	font-size:17px; 
	text-align:left;
    font-family: "Noto Sans KR", sans-serif;
    border-bottom:1px solid #ddd!important;
}
.g_inquiry .sub_content .c_center_box table th.th_style{vertical-align:top; padding-top:20px;}
.g_inquiry .sub_content .c_center_box table th label{ 
	font-size:17px; 
	position:relative; 
	color:#222; 
	font-weight:normal;
    font-family: "Noto Sans KR", sans-serif;
    cursor: default;
}
.g_inquiry .sub_content .c_center_box table th .label{ position:relative; font-size:16px; color:#333;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box table td{padding:12px 18px 12px 20px; font-size:16px; color:#666; line-height:20px; text-align:left;font-family: "Noto Sans KR", sans-serif; border-bottom:1px solid #ddd!important;}
.g_inquiry .sub_content .c_center_box table tr{}
.g_inquiry .sub_content .c_center_box .select{display:inline-block; height: 32px; box-sizing:border-box; margin-top:-3px; vertical-align:middle; margin-left:10px;}
.g_inquiry .sub_content .c_center_box .select.type1{margin-left:0;}
.g_inquiry .sub_content .c_center_box .selectBox {padding:0;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown {min-width:130px;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-label {height:32px; width:125px !important; overflow: hidden;box-sizing:border-box; line-height: 32px; }
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-arrow:before{margin-top:10px; }
.g_inquiry .sub_content .c_center_box .selectBox-options li a{height:33px; line-height:33px;}
.g_inquiry .sub_content .c_center_box .form_style{height:34px; padding-left:15px; padding-top: 0px; border:1px solid #ddd;  font-size:15px; line-height:20px; font-family: "Noto Sans Kr",sans-serif;}
.g_inquiry .sub_content .c_center_box .f_style3.with_name{width:130px;}
.g_inquiry .sub_content .c_center_box .f_style6{resize:none; height:170px;}
.g_inquiry .sub_content .c_center_box .f_style7{width:270px;  margin-right:10px}
.g_inquiry .sub_content .c_center_box .f_style8{width:270px; margin-left:10px}
.g_inquiry .sub_content .c_center_box .f_style8.with_name{width:300px; margin-left:0;}
.g_inquiry .sub_content .c_center_box .f_style9{width:270px;}
.g_inquiry .sub_content .c_center_box .radio label{font-size:15px; padding-right:10px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .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;}
.g_inquiry .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;}
.g_inquiry .sub_content .c_center_box .count_box{position:relative;}
.g_inquiry .sub_content .c_center_box .count_num{position:absolute; right:30px; bottom:19px; font-size:15px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .count_num span{
	color:#0067b3; 
	font-size:15px;
	vertical-align:top;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .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;}
.g_inquiry .sub_content .c_center_box .info_txt_box.with_name{height:160px; padding:30px 35px 20px ; color:#333; line-height:23px;}
.g_inquiry .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;
  }
.g_inquiry .sub_content .c_center_box .checkbox{padding:20px; float:right;}
.g_inquiry .sub_content .c_center_box .checkbox span{font-size:15px;font-family: "Noto Sans KR", sans-serif; line-height: 31px;}
.g_inquiry .sub_content .c_center_box .checkbox label{ 
	font-size:15px; 
	margin-left:6px;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .sub_content .c_center_box .notice_txt_s{display:inline-block; margin-left:10px;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li{color:#1b2e5a; font-size:12px; line-height:18px;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li:before{content:'* ';}
.g_inquiry .sub_content .btn_style_wrap{text-align: center; clear:both;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn{font-size:15px; padding:10px 55px; font-size: 17px;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn1{ border:1px solid #999; background:#fff; margin-right:10px;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn2{ 
	border:1px solid #0067b3; 
	background:#0067b3; 
	color:#fff; 
}
.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/arrow2.png) no-repeat right 10px 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:#0067b3;}

table .select > a{line-height:32px;}
table .select{width: 170px;}
.utility .select > a{line-height:30px;}
.g_inquiry .sub_content .c_center_box .select ul {top:34px; }
.g_inquiry .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;}
*/


/* btn_style  */
/*.btn_style1 {display: inline-block; width: 110px; height: 40px; position:relative; background: #fff; border: 1px solid #797979; line-height: 40px;}
.btn_style1 span{padding-left: 27px; font-size: 15px; color:#555;}
.btn_style1 span:after{ content:'';  width: 7px;  height: 7px; position:absolute; right: 25px; top: 13px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(45deg)}
.btn_style2{ display: inline-block; width: 135px; height: 50px; position:relative; background: #fff; border: 1px solid #797979;  text-align: center; line-height: 50px;}
.btn_style2 span{font-size: 15px; color:#555;}
.btn_style2 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 28px; top: 21px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}s
.btn_style3 {display: inline-block; width: 95px; height: 30px; border-radius:20px; position:relative; border: 1px solid #797979; line-height: 30px;}
.btn_style3 span{ padding-left: 20px; font-size: 13px; color:#555;}
.btn_style3 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 17px; top: 12px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}
.btn_style4 {display: inline-block; padding:8px 35px 9px ; text-align: center; border: 1px solid #bbb; }
.btn_style4 span{ font-size: 15px; color:#555;}
.btn_style5 {display:inline-block; padding:15px 50px;  background:#1b2e5a;  text-align: center; transition:0.5s;}
.btn_style5 span{font-size: 18px; color:#fff;}
.btn_style6 {display:inline-block; padding:8px 10px 8px 20px; border:1px solid #ddd;}
.btn_style6 span {font-size:12px; color:#333;}
.btn_style6 span:after {display:inline-block; content:""; margin-left:5px; width:4px; height:4px; vertical-align:middle; border-right:1px solid #777; border-bottom:1px solid #777; transform:rotate(-45deg);}
.btn_style7 {position:relative; display:inline-block; padding:8px 24px 8px 20px; font-size:12px; color:#333; border:1px solid #ddd;}
.btn_style7:after {position:absolute; top:50%; right:10px; display:inline-block; content:""; width:4px; height:4px; border-right:1px solid #777; border-bottom:1px solid #777; transform:translate(0, -50%) rotate(-45deg);}
.btn_style8{display:inline-block; height: 40px; padding:9px 35px;  background: #1e305c;  text-align: center; transition:0.5s; }
.btn_style8 span{font-size: 15px; color:#fff;}
.btn_style8:hover,
.btn_style5:hover{background:#1e305c;}
*/

/* Checkbox & radio */
@-webkit-keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0067b3;}}
@keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0067b3;}}
.formMail_box input[type="radio"],
.formMail_box input[type="checkbox"] {/*display:none;*/ position:absolute; opacity:0;}
/*input[type="radio"]:focus,*/
/*input[type="checkbox"]:focus {width:20px; height:20px; border:1px dashed #ddd; }*/
.formMail_box input[type="radio"][disabled],
.formMail_box input[type="checkbox"][disabled] {cursor:not-allowed;}
.formMail_box input[type="radio"] + label,
.formMail_box input[type="checkbox"] + label {
	display:inline-block; 
	position:relative; 
	padding-left:30px; 
	line-height:18px; 
	vertical-align:middle; 
	cursor:pointer; 
	outline:0;
}
.formMail_box input[type="radio"] + label:focus,
.formMail_box input[type="checkbox"] + label:focus {outline:0; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.formMail_box input[type="radio"] + label:hover:before,
.formMail_box input[type="checkbox"] + label:hover:before {animation-duration:0.4s; animation-fill-mode:both; animation-name:hover-color;}
.formMail_box input[type="radio"] + label:before,
.formMail_box input[type="checkbox"] + label:before {
	display:inline-block; 
	content:''; 
	position:absolute; 
	top:0; left:0; 
	width:20px;
	height:20px; 
	border:1px solid #dfdfdf; 
	box-sizing:border-box;
}
.formMail_box input[type="radio"] + label:after,
.formMail_box input[type="checkbox"] + label:after {display:none; position:absolute; content:'';}
.formMail_box input[type="radio"][disabled] + label,
.formMail_box input[type="checkbox"][disabled] + label {cursor:not-allowed; color:#e4e4e4; }
.formMail_box input[type="radio"][disabled] + label:hover,
.formMail_box input[type="radio"][disabled] + label:before,
.formMail_box input[type="radio"][disabled] + label:after,
.formMail_box input[type="checkbox"][disabled] + label:hover,
.formMail_box input[type="checkbox"][disabled] + label:before,
.formMail_box input[type="checkbox"][disabled] + label:after {cursor:not-allowed; border-color:#bbb; }
.formMail_box input[type="radio"][disabled] + label:hover:before,
.formMail_box input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4;}
.formMail_box input[type="radio"][disabled] + label:before,
.formMail_box input[type="checkbox"][disabled] + label:before {border-color:#e4e4e4;}
.formMail_box input[type="radio"]:checked + label:before,
.formMail_box input[type="checkbox"]:checked + label:before {animation-name:none;}
.formMail_box input[type="radio"]:checked + label:after,
.formMail_box input[type="checkbox"]:checked + label:after {display:block; }
.formMail_box input[type="radio"][disabled] + label:hover:before,
.formMail_box input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4; animation-name:none;}
.formMail_box input[type="radio"] + label:before {border-radius:50%;}
.formMail_box input[type="radio"] + label:after {top:5px; left:5px; width:10px; height:10px; border-radius:50%; background:#0067b3;}
.formMail_box input[type="radio"]:checked + label:before {border:1px solid #dfdfdf;}
.formMail_box input[type="radio"]:checked[disabled] + label:before {border:1px solid #e3e3e3;}
.formMail_box input[type="radio"]:checked[disabled] + label:after {background:#eee;}
.formMail_box input[type="checkbox"] + label:before {border-radius:0;}
.formMail_box input[type="checkbox"] + label:after {
	top:0; left:6px; 
	width:6px; height:12px;  
	border-style:solid; 
	border-color:#0067b3; 
	border-top:0; 
	border-left:0; 
	transform:rotate(45deg); 
	-ms-transform:rotate(45deg);
}
.formMail_box input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd; background:#fff;}
.formMail_box input[type="checkbox"]:checked[disabled] + label:before {border:1px solid #e3e3e3; background:#eee;}

.formMail_box input[type="radio"]:focus + label,
.formMail_box input[type="checkbox"]:focus + label {/*box-shadow:0 0 2px #4d90fe; border-collapse: separate;*/}


/* 개인정보처리방침 */

.privacy{
    text-align: left;
    font-size: 16px;
    color: #333333;
    padding: 40px 10px;
    margin-bottom: 30px;
    line-height: 27px;
}
.privacy>b {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.privacy h4 {
    color: 00518d;
    font-size: 21px;
    font-weight: bold;
    padding-top:10px;
    padding-bottom:10px;
    margin-top: 25px;
}
.privacy p {
    padding-left:25px;
    color: #666666;
    font-family: "Noto Sans KR", "돋움", sans-serif;
}