@charset "utf-8";

/* SUBVISUAL */
.sub_visu {position: relative; width: 100%; height: 520px; display: table; background-size: auto; background-repeat: no-repeat; background-position: 50% 35%;}
.sub_visu .title {text-align: center; height: 100%; display: table-cell; vertical-align: middle; }
.sub_visu .title h2 {font-size: 50px; font-weight: 700; color: #fff;}
.sub_visu.visu01{ background-image:url(../../img/sub_visu01.png);}
.sub_visu.visu02{ background-image:url(../../img/sub_visu02.jpg);}
.sub_visu.visu03{ background-image:url(../../img/sub_visu03.png); background-position: 50% 87%;}
.sub_visu.visu04{ background-image:url(../../img/sub_visu04.png);}


/* SUBDEPTH */
#sideMenu{position: relative; height: 58px; z-index:99;}
.side-menu-inner-box{width: 1200px; margin: 0 auto; position:absolute; top: -58px; left:0px; right:0px;height:58px; }
#sideMenu.fixed .side-menu-inner-box{position:fixed; right:130px; left:130px; z-index:1000; width:auto; border-bottom:1px solid #e5e5e5;}
.sub-menu-list-con{height:100%; margin:0 !important; }
.sub-menu-list-con ul.snb {display: flex; -ms-display: flexbox; }
.sub-menu-list-con ul.snb li {flex:1; -ms-flex: 1; /* IE10 */ background: rgba(0,0,0,0.25); text-align: center; margin: 0 2px;}
.sub-menu-list-con ul.snb li:hover {background: #fff;}
.sub-menu-list-con ul.snb li a {display: block; font-size: 16px; font-weight: 400; line-height: 58px; color: #fff;}
.sub-menu-list-con ul.snb li:hover a {color: #444;}
.snb.menu2 li:active {background: #fff;}
.snb.menu2 li:active a {color: #285096; font-weight: 500;}


/* SUB-COMMON */
.contWrap {padding: 73px 0 88px; }
.contWrap .titBox {text-align: center; padding-bottom: 38px;}
.contWrap .titBox h3.tit {font-size: 35px; font-weight: 600; color: #333;}


/* CEO 인사말 */
.greeting {}
.greeting .top {text-align: center; font-size: 27px; color: #222; padding-bottom: 80px;}
.greeting .bottom {}
.greeting .bottom .left {float: left; position: relative; width: 610px; padding-left: 53px;}
.greeting .bottom .left:before {content:''; position: absolute; top: -36px; left: 0; background: url(../../img/m12_bg_dot.png)no-repeat; width: 250px; height: 250px; z-index: -1; opacity: 0.4;}
.greeting .bottom .left:after {content:''; position: absolute; top: -16px; left: 27px; width: 250px; height: 250px; border: 2px solid #3059c7; z-index: -2}
.greeting .bottom .right {float: left; width: calc(100% - 630px);}
.greeting .bottom .right p {font-size: 16px; color: #555; margin-bottom: 30px; word-break: keep-all; line-height: 1.6; font-weight: 300;}
.greeting .bottom .right p.sign {position: relative; color: #000; font-weight: 500; font-size: 18px;}
.greeting .bottom .right p.sign span.name {font-size: 23px; display: inline-block; padding-left: 20px;}
.greeting .bottom .right p.sign:before {content:''; position: absolute; top: -33px; right: -25px; background: url(../../img/sign.png)no-repeat; background-size: 35%;  width: 330px; height: 205px;}


/* 연혁 */
.history {display: inline-block; width: 100%; height: auto;}
.history li {display: block; width: 100%; height: auto; position: relative; margin-bottom: 20px;}
.history li.secYear {background:url(../img/history_bg.png) no-repeat 73px center; }
.history li dl {width: 100%; height: auto; display: inline-block; padding: 16px 0; margin-left: 345px;}
.history li dl span.year {position: absolute; top: 6px; left: 8%; font-size: 37px; font-weight: 600;}
.history li dl span.year:after {content: ''; width: 50px; height: 3px; background: #0870b4;position: absolute; top: 28px; right: -79px;}
.history li dl dt {display: block; width: 17%; height: 40px; float: left; font-size: 26px; font-weight: 400; font-style: italic;color: #333333; position: relative;}
.history li dl dt:after {content: ""; visibility: visible; position: absolute; width: 1px; height: 111px; top: -16px; left: 136px; background-color: #dddddd;}
.history li dl dd {display: block; width: 71%; height: 40px; float: left; font-size: 18px; line-height: 36px; position: relative; padding-top: 0px; color: #707070;}
.history li dl dd.first:before {content: "";visibility: visible;width: 12px;height: 12px;background-color: #0870b4;border-radius: 50%;border: 2px solid #0870b4;top: 10px;left: -74px;position: absolute;z-index: 2;}
.history li dl dd span.month {font-size: 20px; font-weight: 600; margin-right: 30px;}
.history li dl dt.now {color: #3d4398;}
.history li.firstBox:before {content:''; position: absolute; top: 50%; left: 144px; width: 100px; height: 100px; background: #161f5f; opacity: 0.4}
.history li.firstBox:after  {content:''; position: absolute; top: 44%; left: 201px; width: 80px; height: 80px; border: 6px solid #0870b4; opacity: 0.4}
.history li dl dd.add {padding-left: 71px;}

/* 비전 */
.vision {position: relative;}
.vision:before {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: #f8f9f9; z-index: -1;}
.vision .visionWrap {position: relative; background: url(../../img/vision_img01.png)no-repeat center center; background-size: cover; width: 1200px; height: 400px;}
.vision .visionWrap p {font-size: 30px; color: #fff; font-weight: 600;}
.vision .visionWrap p.slogan {position: absolute; top: 50%; transform: translateY(-50%); left: 53px;} 
.vision .visionWrap p.slogan strong {color: #235ab9;}
.vision .visionWrap p.vision_text {position: absolute; bottom: -20px; right: 0; color: rgba(255,255,255,0.2); font-size: 67px;} 


/* 인증 및 특허 */
.certi ul.certi_list {width:100%; overflow: hidden;}
.certi ul.certi_list > li {float:left; display:inline-block; width: 30%; margin: 0 20px; }
.certi ul.certi_list > li figure {width: 100%; box-sizing: border-box}
.certi ul.certi_list > li img {margin-top: 2px; border:1px solid #DDDDDD; width:100%; height:auto;}
.certi ul.certi_list > li figure figcaption {text-align: center;padding: 20px 0; color: #222; word-break: keep-all; text-align: center; padding-top: 10px; font-size: 20px;}
.certi ul.certi_list > li:hover figure figcaption { color:#2061bd; }
.certi ul.certi_list > li:hover img {border: 1px solid #2061bd}


/* 오시는길 */
.location .mapTable {margin-top: 50px; border-top: 1px solid #dddddd;}
.location .mapTable table {width: 100%; border-top: 2px solid #999999;}
.location .mapTable table tr th {background: #f4f4f4;font-size: 16px;padding: 14px 15px;text-align: center;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.location .mapTable table tr td {font-size: 16px; padding: 10px 15px; border-bottom: 1px solid #cccccc}


/* 시공사례 */
#bo_v_atc .title {display: block; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
#bo_v_atc .title span.year {color: #fff; font-size: 19px; font-weight: 500; background: #285096; padding: 5px 1px 7px 7px;}
.perfo_img {float: left; width: 50%;}

.perfo_img #zoom_img {position: relative; overflow:hidden; text-align: center; border: 1px solid #ddd; height: 453px; width: 100%; cursor: pointer;}
.perfo_img #zoom_img .imgBig {position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center}
/*

.perfo_img #zoom_img .imgBig:before {content:''; background: url(../../img/magnify2.png
) no-repeat; width: 112px; height: 79px; background-size: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:2}
*/

.perfo_img #zoom_img p {position: absolute; top: 50%; left: 50%; transform: Translate(-50%,-50%); color: #333;}
.perfo_img #zoom_img img {width: auto; max-height: 100%;  cursor: pointer; }

.perfo_img #imgthb{ width:100%; margin-top:15px}
.perfo_img #imgthb ul li{float:left; width: 20%; cursor:pointer; box-sizing:border-box; border:1px solid #ddd; height: 120px;}
.perfo_img #imgthb ul li:last-child{ margin-right:0;}
.perfo_img #imgthb ul li a{ display:block; width:100%; height:100%;}
.perfo_img #imgthb ul li:hover{border:2px solid #285096;}
.perfo_img #imgthb ul li.select{ border:2px solid #285096;}
.perfo_img #imgthb ul li img {width: 100%; height: 100%;}
.perfo_txt {float: left; width: 50%; padding-left: 5%; height: 552.5px;}
.swiper-button-prev.swiper-button-white {left: 16px}
.swiper-button-next.swiper-button-white {right: 16px;}
.list_btn {font-size: 20px; font-weight: 500; display: block; background: #ddd; text-align: center; padding: 13px 20px; margin-top: 80%;}
.list_btn:hover {background: #285096; color: #fff;}

.desc_txt {position: relative; font-size: 15px; text-align: center; padding: 5px 0; font-weight: 500;}
.desc_txt:before {content:''; position: absolute; top: 8px; left: 115px; background: url(../../img/magnify3.png)no-repeat; width: 15px; height: 15px; background-size: 100%;}

/* 온라인 문의 */
.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:2px solid #285096;}
.g_inquiry .sub_content .c_center_box table th{ 
	padding:30px 0 30px 40px; 
	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: 25px 0; 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:30px; bottom:39px; font-size:15px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .count_num span{
	color:#0068b7; 
	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: 25px;}
.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 #285096;
    background: #285096;
}
.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: 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:#0c408d;}}
@keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0c408d;}}
.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:#0c408d; 
	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;}





ul.tabs {display: flex; display: -ms-flexbox; display: -ms-inline-flexbox; /* IE10 */ width: 1190px; margin: 0 auto; margin-bottom: 43px;}
ul.tabs li {flex: 1; -ms-flex: 1; /* IE10 */ margin-left: -1px; border: 1px solid #ddd;}
ul.tabs li.current {background: #285096;}
ul.tabs li:hover {background: #285096;}
ul.tabs li.current a {color: #fff;}
ul.tabs li:hover a {color: #fff;}
ul.tabs li a {display: block; font-size: 15px; text-align: center; line-height: 48px; color: #5d5d5d; }

/* fancybox */
#fancybox-wrap {width: auto !important;}


/* 개인정보처리방침 */
.privacy {margin-bottom: 100px;}
.privacy_tit {text-align: center; font-size: 43px; font-weight: 600; color: #333; letter-spacing: -1px; margin: 30px 0 }
.privacy .strong {position: relative; font-weight: bold; color: #222; display: block; font-size: 16px; margin-bottom: 10px; line-height: 1.5em; padding-left: 20px; word-break: keep-all}
.privacy .strong:before {content: ''; position: absolute; top: 7px; left: 0; background: #0650a3; width: 10px; height: 10px; }
.privacy .privacy_txt {font-size: 15px; color: #666; font-family: 'Nanum Gothic'!important; line-height: 1.8; margin: 20px 0; letter-spacing: -0.3px; padding-left: 24px;}
.privacy .privacy_txt:first-child {padding-left: 0;}


/* 이메일무단수집거부 */
.email_denial_content {padding:85px 0;text-align:center; border:1px solid #ddd}
.email_denial_content h1 {margin-bottom: 29px;padding-bottom: 30px;padding-top: 72px;background: url(../../img/em-reject.png) no-repeat center top;
font-size:34px;letter-spacing:-0.05em;font-weight: 400;position:relative;}
.email_denial_content h1:after { width:30px; height:2px; background:#ddd; content:''; display:block; position:absolute; left:50%; bottom:0; margin-left:-15px;}
.email_denial_content h1 b { font-weight:600;}
.email_denial_content p {font-size:16px;letter-spacing:-0.01em;line-height: 1.75;}
.email_denial_content span {font-size:14px;font-weight:600;letter-spacing:-0.01em;color: #0650a3;margin-top: 16px;display: block;}