@charset "utf-8";



/* SUBVISUAL */
.sub_visu {position: relative; width: 100%; height: 360px; display: table; background-size: auto; background-repeat: no-repeat; background-position: 50% 35%;}
.sub_visu .txt {text-align: center; height: 100%; display: table-cell; vertical-align: middle; text-shadow: 3px 3px 12px rgba(244,247,224,0.3)}
.sub_visu .txt h2 {font-size: 48px; font-weight: 700; color: #fff; padding-bottom: 27px;}
.sub_visu .txt p.subtit {font-size: 20px; font-weight: 400; color: #fff;}
.sub_visu.visu01 {background-image:url(../../img/sub_visu01.png);}
.sub_visu.visu02 {background-image:url(../../img/sub_visu02.png);}
.sub_visu.visu03 {background-image:url(../../img/sub_visu03.png);}
.sub_visu.visu04 {background-image:url(../../img/sub_visu04.png);}
.sub_visu.visu05 {background-image:url(../../img/sub_visu05.png);}


/* 서브뎁스메뉴 */
.mainDepth {width: 100%; height: 47px; position: relative; border-bottom: 1px solid #dddddd; z-index: 100;}
.mainDepth .depth_wrap {width: 1200px; height: 47px; margin: 0 auto;}
.mainDepth .home {width: 112px; height: 47px; float: left; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; text-align: center; line-height: 47px;}
.mainDepth .home a {display: block; width: 100%; height: 100%; color: #4d4d4f; font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 47px;}
.mainDepth .home a img {padding: 0 7px 4px 0;}
.mainDepth .depth {width: 196px; height: 47px; float: left; border-right: 1px solid #dddddd; font-family: 'NanumSquare';}
.mainDepth .depth_one, .mainDepth .depth_two {border-bottom: 1px solid #ddd;}
.mainDepth .depth > a {display: block; width: 100%; height: 100%;  padding-left: 24px; font-size: 15px; position: relative; line-height: 47px;}
.mainDepth .depth_one > a, .mainDepth .depth_two > a {background: url(../../img/depth_arrow.png)no-repeat 90% 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: #333333; border: 1px solid #333333; border-top: 0;}


/* SUB공통 */
.contWrap {margin-bottom: 150px}
.contWrap .titBox {padding: 116px 0 85px;}
.contWrap .titBox .tit {position: relative; font-size: 30px; font-weight: 700; color: #333132; text-align: center;}
.contWrap .titBox .tit:before {content:''; display: block; width: 120px; height: 3px; background: #0986d0; position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%);}


/* 공통 tab */
.tab {display: flex; cursor: pointer;}
.tab li {background: #fbfbfb; color: #484848; height: 54px; line-height: 54px; font-size: 16px; border:1px solid #e2e2e2;  text-align: center; margin-left: -1px; font-size: 17px; width: 100%;}
.tab li a{width: 100%; height: 100%; line-height: 54px; display: block;}
.tab li.current {background: #fff; color: #fff; background: #0073bb}
.tab li.current a{color: #fff;}
.tab-content {display: none; background: #fff; padding-top: 48px;}
.tab-content.current {display: inherit; }
.tab-content.current li {position: relative; float: left; width: 370px; height: 293px; margin: 1%; border: 1px solid #e2e2e2}
.tab-content.current li:after {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, #0073bb, #ed1c24, #318791 )}
.tab-content li.yt figure {height: 227px;}
.tab-content li figure img {width: 100%; }
.tab-content li figure figcaption {font-size: 17px; text-align: center; height: 65px; background: #eee; border-top: 1px solid #e2e2e2; display: flex; justify-content: center; align-items: center; line-height: 1.2;}




/*=================================== 회사소개 ===================================*/
/* COMPANY1 :: 인사말 */
.company1_cont .top {position: relative; }
.company1_cont .top .txt {position: absolute; top: 50%; left: 55px; transform: translateY(-50%); font-family: 'NanumSquare';}
.company1_cont .top h2 {font-size: 35px; font-weight: 800; color: #1372bb;}
.company1_cont .top p {font-size: 19px; padding: 20px 0; line-height: 1.5; color: #666;}
.company1_cont .top p:first-child {padding-bottom: 8px; color: #333;}
.company1_cont .top span {font-size: 19px; display: block; font-weight: 600; padding-top: 15px;}
.company1_cont .top span b {font-size: 21px; padding-left: 5px;}
.company1_cont .bottom {padding: 18px 43px 0; border-left: 2px solid #f2f2f2; margin: 41px 0;}
.company1_cont .bottom p {padding-bottom: 32px; font-size: 16px; font-weight: 300; letter-spacing: -0.5px; line-height: 1.6;}
.company1_cont .bottom p.first {font-size: 17px; font-weight: 500;}


/* COMPANY2 :: 경영목표 */
.company2 {font-family: 'NanumSquare'; }
.company2 .top {background: #f8f9f9; border: 6px solid #eee; text-align: center; padding: 32px; font-size: 16px; }
.company2 .top p {letter-spacing: 0.7px; padding: 4px 0; font-size: 23px;}
.company2 .top p:first-child {font-size: 33px; font-weight: bold;}
.company2 .top p span {font-family: 'Noto Sans KR', sans-serif; color: #1372bb;}
.company2 .imgBox {text-align: center;}
.company2 .imgBox img:first-child {padding-top: 60px;}
.company2 .imgBox img {padding-top: 30px;}
.company2 .imgBox p {font-size: 14px; color: #666; padding: 10px 0 30px;}



/* COMPANY3 :: 연혁 */
.company3 .left {position: relative; float: left; width: 50%;}
.company3 .left:before {content:''; position: absolute; bottom: -13px; left: 13px; width: 600px; height: 420px; background: #eee; z-index: -1;}
.company3 .right {float: left; width: 50%;}
.company3 .history_wrap {position: relative; padding: 10px 71px;}
.company3 .history_wrap:before {content:''; position: absolute; top: 0; left: 75px; margin: auto; width: 3px; height: 100%; border: 1px solid #ddd; z-index: -1;}
.company3 .history_wrap .h_item {position: relative; margin-bottom: 28px;}
.company3 .history_wrap .h_item:before{content:''; position: absolute; top: 64%; transform: translateY(-50%); display: inline-block; width:10px; height:10px; border-radius: 50%; background: #fff; border: 2px solid #1372bb;}
.company3 .history_wrap .h_item:last-child{margin-bottom: 0;}
.company3 .history_wrap .h_item p{padding-left: 22px; overflow: hidden; color: #333; font-size:16px;}
.company3 .history_wrap .h_item p span{vertical-align:middle;}
.company3 .history_wrap .h_item p .history_year{display: inline-block; font-size: 18px; font-weight:700;}
.company3 .history_wrap .h_item p .history_txt {display: inline-block; font-weight:300; padding-left: 17px;}
.company3 .history_wrap .h_img{position: absolute; top: 0; bottom: 0; margin: auto; max-width: 560px; width: 100%; max-height: 263px; box-sizing: border-box;}


/* COMPANY4 :: CI */
.company4 {}
.company4 h2 {position: relative; font-size: 21px; padding: 5px 0; display: inline-block; padding-left: 20px;}
.company4 h2:after {content:''; position: absolute; top: 11px; left: 0; background: #0986d0; width: 8px; height: 8px;}
.company4 p {font-size: 17px; padding: 11px 0 25px 20px; color: #666; line-height: 1.36em;}
.company4 .company4_sec01 {padding-bottom: 67px;}
.company4 .company4_sec01 img {border: 1px solid #eee;}
.company4 .company4_sec02 .left  {float: left; width: 50%;}
.company4 .company4_sec02 .right {float: left; width: 50%; font-size: 16px; word-break: keep-all; padding-left: 70px; }
.company4 .company4_sec02 .right span {display: inline-block; padding-bottom: 22px; font-size: 18px;}
.company4 .company4_sec02 .right p {display: inline-block; padding: 0; line-height: 1.5em; border-top: 1px solid #eee; padding-top: 26px;}


/* COMPANY5 :: 조직도 */
.pc_hide {display: none!important;}
    

/* COMPANY6 :: 인증 및 특허 */
.company6 ul.tab li {width: 50%;}
.company6 ul.list {}
.company6 ul.list li {width: 30%; margin: 0 59px 57px 0;}
.company6 ul.list li:after {background: none;}
.company6 ul.list li:nth-child(3n) {margin-right: 0;}
.company6 ul.list li figure figcaption {background: #fff!important;}


/* COMPANY7 :: 고객사 */
.company7 ul li {float: left; width: 24%; margin-right: 16px; margin-bottom: 40px;}
.company7 ul li:nth-child(4n) {margin-right: 0;}
.company7 ul li figure {}
.company7 ul li figure img {width: 100%; border: 1px solid #ddd}
.company7 ul li figure figcaption {font-size: 17px; text-align: center; height: 40px; display: flex; justify-content: center; align-items: center; line-height: 1.2;}


/* COMPANY8 :: 찾아오시는 길 */
.company8 h2 {position: relative; font-size: 21px; padding: 5px 0; display: inline-block; padding-left: 20px;}
.company8 h2:after {content:''; position: absolute; top: 11px; left: 0; background: #0986d0; width: 8px; height: 8px;}
.company8 p {font-size: 16px; padding: 5px 0 25px; color: #666;}
.company8 .top {padding-bottom: 80px;}
.company8 .top .left {float: left; width: 50%;}
.company8 .top .right {float: left; width: 50%;}
.company8 .top ul.info {display: inline-block; border: 1px solid #ddd; width: 100%; padding: 35px;}
.company8 .top ul.info li {position: relative; font-size: 16px; line-height: 2; padding-left: 24px;}
.company8 .top ul.info li strong {color: #333;}
.company8 .top ul.info li:before {content: ''; position: absolute; width: 1px; height: 35px; background: #ddd; left: 3px; bottom: -4px;}
.company8 .top ul.info li:after  {content: ''; position: absolute; width: 7px; height: 7px; background: #fff; box-sizing: border-box; border-radius: 50%; border: 2px solid #0986d0; left: 0; top: 14px;}
.root_daum_roughmap .wrap_controllers {display: none;}



/*=================================== 사업영역 ===================================*/
/* BUSINESS1 :: 철도차량 */
.business1 {}
.business1 .tab-content li i {margin-left: 12px; font-size: 15px; vertical-align: top;}
.business1 .tab-content a i {margin-left: 12px; font-size: 15px; vertical-align: top;}
.business1 .tab-content li:hover i {color: #e61d1f; transition: all .2s ease}
.business1 .tab-content a:hover i {color: #e61d1f; transition: all .2s ease}


/* BUSINESS4 :: 물품사업 */
.business4 {}
.business4 .tab-content .imgBox {float: left; width: 50%;  height: 376px; background: #f8f9f9; border: 1px solid #ddd;}
.business4 .tab-content .imgBox figcaption {text-align: center; font-size: 15px; border-top: 1px solid #ddd; padding-top: 15px;}
.business4 .tab-content .txtBox {float: left; width: 50%; height: 376px; padding: 43px; border: 1px solid #ddd; border-left: none;}
.business4 .tab-content .txtBox p {position: relative; padding-left: 20px; font-size: 16px; line-height: 1.7em;}
.business4 .tab-content .txtBox p:before {content:''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #333; }


/*=================================== 연구개발 ===================================*/
.rnd {}
.rnd table, .rnd th, .rnd td {border: 1px solid #ddd;}
.rnd table {width: 100%; border: 1px solid #ddd; font-size: 16px; text-align: center; }
.rnd table tr th {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 18px; padding: 17px; background: #f8f9f9; border-top: 1px solid #0073bb;}
.rnd table tr td {padding: 10px 0;}
.rnd table tr td.year {color: #0073bb; font-weight: 500;}
/*.rnd1 table td a {color: #666;}*/
.rnd1 table td a i {padding-left: 10px; }
.rnd1 table td a:hover {color: #000;}
.rnd1 table td a:hover i {color: #a91f24;}



/*=================================== 채용정보 ===================================*/
/* RECRUIT1 :: 인재상 */
.recruit1 {position: relative;}
.recruit1 .recruit1_cont .top {position: relative; text-align: center; padding: 45px 80px; margin-bottom: 80px; background: #0073bb; color: #fff;}
.recruit1 .recruit1_cont .top:before {content:''; position: absolute; bottom: 0; right: 10px; background: url(../../img/recruit1_img01.png
)no-repeat; width: 178px; height: 110px; opacity: 0.07; background-size: 100%;}
.recruit1 .recruit1_cont .top:after {content:''; position: absolute; top: 0; left: 0; background: #fff; width: 0;height: 0; border-bottom: 30px solid #0073bb; border-left: 30px solid #fff; box-shadow: 6px 6px 3px -1px rgba(0,0,0,0.2)}
.recruit1 .recruit1_cont .top p {font-size: 21px; text-align: left; word-break: keep-all; line-height: 1.4;}
.recruit1 .recruit1_cont .top p strong {font-size: 23px; font-weight: bold;}

.recruit1 .recruit1_cont .left {float: left; width: 25%; margin-top: 231px;}
.recruit1 .recruit1_cont .left img {width: 100%; padding: 50px 0; border-top: 5px solid; border-bottom: 5px solid; border-radius: 20px; border-image: linear-gradient(to right, #3775bb, #e61d1f, #33a192); border-image-slice: 1;}
.recruit1 .recruit1_cont .recruit_list {float: left; width: 75%;}
.recruit1 .recruit1_cont .recruit_list li {text-align: left;}
.recruit1 .recruit1_cont .recruit_list li figure {overflow: hidden; padding-bottom: 40px;}
.recruit1 .recruit1_cont .recruit_list li figure .tit {position: relative; float: left; width: 30%; vertical-align: middle; width: 170px; height: 170px; border-radius: 50%; border: 1px solid #ddd; text-align: center; padding: 45px; box-shadow: 0px 8px 13px -8px rgba(0,0,0,0.2); margin-left: 45px;}
.recruit1 .recruit1_cont .recruit_list li figure .tit:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 59px; height: 1px; background: #ddd; right: -59px;}
.recruit1 .recruit1_cont .recruit_list li figure .tit:after  {content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: #ccc; right: -61px; border-radius: 50%;}
.recruit1 .recruit1_cont .recruit_list li figure p {display: block; font-size: 20px; padding-bottom: 12px; color: #0073bb; font-weight: 600; border-bottom: 1px dashed #ddd; margin-bottom: 12px;}
.recruit1 .recruit1_cont .recruit_list li figure span {display: inline-block; font-size: 18px; color: #888; padding-left: 15px; font-weight: 300;}
.recruit1 .recruit1_cont .recruit_list li figure figcaption.desc {float: right; width: 70%; vertical-align: middle; font-size: 17px; padding: 32px; color: #222; line-height: 26px; letter-spacing: -0.3px; border: 1px solid #ddd; word-break: keep-all}

/* RECRUIT2 :: 복리후생 */
.recruit2 .recruit2_cont > ul > li.first {position: relative; background: #0073bb; padding: 60px 30px 0 30px; border: none;}
.recruit2 .recruit2_cont > ul > li.first:before {content:''; position: absolute; top: 0; left: 0; background: #fff; width: 0; height: 0; border-bottom: 30px solid #0073bb; border-left: 30px solid #fff; box-shadow: 6px 6px 3px -1px rgba(0,0,0,0.2);}
.recruit2 .recruit2_cont > ul > li.first ul.txt {text-align: left;}
.recruit2 .recruit2_cont > ul > li.first ul.txt span {color: rgba(255,255,255,0.5); font-size: 20px; font-weight: 300;}
.recruit2 .recruit2_cont > ul > li.first ul.txt strong {font-size: 31px; color: #fff; display: block; line-height: 1.2;}
.recruit2 .recruit2_cont > ul > li.first ul.txt p {font-size: 17px; color: #fff; line-height: 1.4; padding-top: 15px;}
.recruit2 .recruit2_cont > ul > li {float: left; text-align: center; width: 24%; margin: 0.5%; border: 1px solid #ddd; height: 300px; padding-top: 57px;}
.recruit2 .recruit2_cont > ul > li .imgBox {display: inline-block; width: 110px; height: 110px; border-radius: 50%; background: #0073bb; line-height: 110px;}
.recruit2 .recruit2_cont > ul > li:nth-child(even) {background: #f8f9f9;}
.recruit2 .recruit2_cont > ul > li ul.txt {text-align: center;}
.recruit2 .recruit2_cont > ul > li ul.txt strong {font-size: 20px; display: block; padding:15px 0 5px;}
.recruit2 .recruit2_cont > ul > li ul.txt li {font-size: 17px; color: #666; line-height: 1.2;}




/*=================================== 고객센터 ===================================*/
/* inquiry :: 고객문의 */
.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:-3px;
	right:-17px; 
	display:inline-block; 
	width:20px; 
	height:20px; 
	background:url("/img/require.png") 50% 50% no-repeat;
}
.g_inquiry .sub_content .c_center_box table{ width:100%; border-top: 1px solid #ddd;}
.g_inquiry .sub_content .c_center_box table th{ 
    background: #f8f9f9;
	padding: 0 41px; 
	font-size:15px; 
	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: 15px 28px; 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 td span {padding: 0 20px;}
.g_inquiry .sub_content .c_center_box table tr{}
.g_inquiry .sub_content .c_center_box .select{display:inline-block; height: 53px; box-sizing:border-box; margin-top:-3px; vertical-align:middle; margin-left:20px;}
.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:53px; 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{padding: 14px 20px 14px 15px; border:1px solid #ddd; font-size:16px; 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:49px; bottom:30px; font-size:15px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .count_num span{
	color:#0073bb; 
	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 0; float:right;}
.g_inquiry .sub_content .c_center_box .checkbox span{font-size:15px;font-family: "Noto Sans KR", sans-serif; line-height: 25px; vertical-align: middle;}
.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; margin: 0 10px;}
.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 #444; 
	background: #444; 
	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;
}
.g_inquiry .sub_content .btn_style_wrap .inq_btn2:hover {
    border: 1px solid #0073bb;
    background: #0073bb;
}
.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:#0073bb;}
table .select > a{line-height: 53px;}
table .select{width: 170px;}
.utility .select > a{line-height:30px;}
.g_inquiry .sub_content .c_center_box .select ul {top: 53px; }
.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:#0073bb;}}
@keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0073bb;}}
.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:#0c408d;}
.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:#0073bb; 
	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;*/}
.require {color: red;}