/*鍮꾩＜�쇱쁺��*/

.sub_visual {position:relative; width:100%; height:450px; overflow:hidden;}
.text-box {position:absolute;  top: 50%;  left: 50%; transform: translate(-50%, -20%); text-align:center; color:#fff; font-size:2.625rem; font-weight:500; text-shadow: 2px 2px 2px rgba(0,0,0,.4);}
.text-box:after {content:""; display:block; width:50px; height:2px; background:#fff; margin:40px auto 0;}

.sub-top-imgs {height:450px; -webkit-animation: kenburns-bottom 1s ease-out both;animation: kenburns-bottom 1s ease-out both;}
/* ----------------------------------------------
 * Generated by Animista on 2021-1-21 23:44:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-bottom
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
.sub-top-img01 {background:url("/images/sub/subtop01.jpg")no-repeat center center; background-size:cover;}
.sub-top-img02 {background:url("/images/sub/subtop02.jpg")no-repeat center center; background-size:cover;}
.sub-top-img03 {background:url("/images/sub/subtop03.jpg")no-repeat center center; background-size:cover;}
.sub-top-img04 {background:url("/images/sub/subtop04.jpg")no-repeat center center; background-size:cover;}
.sub-top-img05 {background:url("/images/sub/subtop05.jpg")no-repeat center center; background-size:cover;}
.sub-top-img06 {background:url("/images/sub/subtop06.jpg")no-repeat center center; background-size:cover;}
.sub-top-img07 {background:url("/images/sub/subtop07.jpg")no-repeat center center; background-size:cover;}
.sub-top-img08 {background:url("/images/sub/subtop08.jpg")no-repeat center center; background-size:cover;}


.sub-top-img09 {background:url("/images/sub/subtop09.jpg")no-repeat center center; background-size:cover;} /*嫄댁텞�먯옱*/
.sub-top-img10 {background:url("/images/sub/subtop10a.jpg")no-repeat center center; background-size:cover;} /*吏��ㅽ뤃由щ㉧*/

/*鍮꾩＜�쇱쁺��*/
 
/* �쒕툕 location */
#location {
    width: 100%;
    position: absolute;
    top: 420px;
    height: 60px;
    z-index: 9;
}
#container #location.fix {width: 100%}
#container #location.fix .all-wrap {width: 100%;position: fixed;top:114px;height:60px;}

#location .all-wrap {
    width: 1280px;
    height: 60px;
    margin: 0 auto;
    left: 0;right:0;
    position: absolute;
    top: 0;
    background:#fff;
	-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05);
}
#location .all-wrap .loca-wrap {
	/*
    width: 1200px;
    margin: 0 auto;
	*/
    height: 60px;
}
#location .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 60px;
   /* margin-left: 28px; */
}
#location .all-wrap .loca-wrap .loca-area .homeBtn {
    float: left;
    display: block;
	width:60px;
	height:60px;
	text-align:center;
	background:/*#0a8001;*/#183728;
}
#location .all-wrap .loca-wrap .loca-area .homeBtn .lnr{	
	text-align:center;
	font-size:25px;
	color:#fff;
	/*margin-top: 16px;*/
	line-height:58px;
}
#location .all-wrap .loca-wrap .loca-area i a {
    display: block;
    width: 15px;
    height: 18px;
    padding: 8px 10px;
	text-indent:-9999px;
}
#location .all-wrap .loca-wrap .loca-area>ul {
    float: left;
    margin:0 12px;
}
#location .all-wrap .loca-wrap .loca-area>ul>li {
    float: left;
    width: 220px;
    height: 60px;
    position: relative;
}
#location .all-wrap .loca-wrap .loca-area>ul>li button {
	border:none;
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	padding: 0 24px;
    height: 60px;
    width: 220px;
    position: relative;
    color: #212121;
	font-size:1.125rem;
	font-weight:500;
    text-align: left;
	background:url('/images/sub/loca_arr_down.png');
	background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
	box-sizing:border-box;
	outline:none;
	cursor:pointer;
}

#location .all-wrap .loca-wrap .loca-area>ul>li button:hover {
	color:#0a8001;
	transition:.3s;
}

#location .all-wrap .loca-wrap .loca-area>ul>li.submenu-list button:before {
    position: absolute;
    top:18px;
    left: 0;
    width: 1px;
    height: 24px;
    background: #e1e1e1;
    content: "";
}
/*
#location .all-wrap .loca-wrap .loca-area>ul>li button span {
    padding-left: 24px;
}
*/

#location .all-wrap .loca-wrap .loca-area>ul>li div {
    position: relative;
}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    /*border-top: 1px solid #26a4df;*/
}
#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 	
	-o-text-overflow:ellipsis;
	padding-right:10px;
    background:#fff;
	transform: skew(0.03deg);
	outline:1px solid #e1e1e1;
	margin-bottom:1px;
    height: 50px;
    color: #666;
    line-height: 50px;
    display: block;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    padding-left: 19px;
    box-sizing: border-box;
}
#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {
    background: #f5f5f5;
}

#location.fix { width: 100%}
#location.fix .all-wrap { width: 100%;  position: fixed; top:0px; height:60px;}

#location.fix .all-wrap .loca-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
}
#location.fix .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 60px; 
}

#location.fix .all-wrap .loca-wrap .loca-area i {
	margin-top:10px;
}

#location.fix .all-wrap .loca-wrap .loca-area>ul>li {
    float: left; 
    height: 60px;
    position: relative;
}
#location.fix .all-wrap .loca-wrap .loca-area>ul>li button {
    height:60px;
	}

#location.fix .all-wrap .loca-wrap .loca-area>ul>li button:before {
    position: absolute;
    /*top: 13px;*/
    left: 0;
    width: 1px;
    height: 20px;
    background: #d1d1d1;
    content: ""
}




/*以묎컙�곸뿭*/
.content_box {width:1280px; margin:80px auto 40px; padding:50px 0; box-sizing:border-box;}
.content_box h2.title {font-size:2.625rem; font-weight:600; text-align:center; color:#222;}
.content_box h2.title:after {content:""; display:block; width:50px; height:1px; background:#0a8001; margin:38px auto 80px;}
.content_box h3.sub-title {font-size:2.250rem; font-weight:500; text-align:center; color:#222; padding-bottom:24px; border-bottom:1px solid #e1e1e1;}



/*sub0101 寃쎌쁺泥좏븰 諛� �ы썕*/
.gry_bg {background:#f5f5f5;}
.philosophy {display:flex; align-items:center; width:80%; margin:50px auto;}
.philosophy:not(:last-child) {padding-bottom:24px; border-bottom:1px dotted #ccc;}
.philosophy .tit {display:flex; flex-direction:column; justify-content:center; font-size:1.5rem; text-align:center; width:120px; height:120px; border-radius:50%; color:#fff;}
.philosophy .tit.bg1 {background:/*#478d45*/#ebc023;}
.philosophy .tit.bg2 {background:/*#438d68*/#51b26d;}
.philosophy .tit.bg3 {background:/*#438f8f*/#348db5;}
.philosophy .txt {font-size:1.375rem; font-weight:600; padding-left:80px; box-sizing:border-box;}

/*sub0102 �몄궗留�*/
.about-greeting-top{position:relative;}

.about-border {
	display:inline-block;
	border: 5px solid #183728;
	box-sizing: border-box;
	z-index: 10;
	font-size: 2.625rem;
	font-weight: 700;
	color: #222222;
	letter-spacing: -0.025em;
	line-height: 1.2;
	padding:40px 150px 40px 40px;;
}

.about-sign{
	margin: 45px 0 0;
	font-weight: 400;
	color: #555555;
}

.about-cont {font-size:1.125rem; font-weight:300;color:#333333;padding-left:45px;margin-top:20px; line-height:1.5;}
.about-cont .txt-c_m {display:none;}
.about-cont.re .inr .mo_br {display:none;}


/*sub0103 �고쁺*/
.years-containter {position:relative; padding:50px 0;}
.years-containter:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
	z-index:-1;
}

.year-box{position:relative;}
.year {font-size:2.625rem; color:#174332;}

.year:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 25px;
    z-index: 2;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: #0a8001;
}

.yearBar:after {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    display: block;
    width: 70px;
    height: 1px;
    background: #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.year-tit {font-size:1.375rem; margin:20px 0 12px 0; font-weight:600; color:#0a8001;}

.year-area {display:flex; align-items:center;}
.year-area .year-imgs, .year-area .year-box {flex-grow: 0; flex-shrink: 0;  flex-basis: 50%;}
.year-area .year-box {padding-left:84px; box-sizing:border-box;}


/*sub0103 �뚯궗�고쁺*/
.history_wrap {
    position: relative;
	text-align: center;
	margin-top:50px;
}

.history_wrap:before {
    content: '';
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    background: #999;
}

.history_wrap ul {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 52.5%;
    position: relative;
}

.history_wrap ul:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #0a8001;
    border-radius: 9px;
    position: absolute;
    left: -36px;
    top: 32px;
}

.history_wrap ul:nth-of-type(even) {
    text-align: right;
    margin-left: auto;
    margin-right: 52.5%;
}

.history_wrap ul:nth-of-type(even):after {
    left: auto;
    right: -36px;
}

.history_wrap ul li.years_tit {
    color: #183728;
    font-size: 2.125rem;
    font-weight: 600;
}

.history_wrap ul li {
    color: #666;
	paliing:20px 0;
	line-height:1.8;
	transform:skew(-0.03deg);
}

/*sub0104 �ㅻ━寃쎌쁺*/
.content_box dl {
	padding-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.content_box dl dt {
    padding-right: 40px;
    width: 360px;
    line-height: 1.5;
    font-size: 1.250rem;
    font-weight: 400;
    word-break:keep-all;
    box-sizing: border-box;

}

.content_box dl dd {
    position: relative;
    padding: 0 20px 0 50px;
    width: calc(100% - 360px);
    line-height: 1.7;
    font-size: 1.125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content_box dl dd:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    bottom: 0;
    width: 2px;
    height: calc(100% - 5px);
    background-color: #a6a6a6;
}

.content_box dl dd:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
    width: 2px;
    height: 50%;
    background-color: #0a8001;
}

.content_box dl dd > ol.oderList li {list-style:decimal; padding-left:8px;}
.content_box dl dd > .info-box {display:flex; flex-wrap:wrap;}
.content_box dl dd > .info-box .tit {width:100px;height:60px; line-height:60px; text-align:center; background:#438d68; color:#fff;}
.content_box dl dd > .info-box .txt {width:calc(100% - 100px); padding-left:10px; box-sizing:border-box; margin-bottom:40px;}
.content_box dl dd > .info-box .txt .txt__detail {display: flex;}


/*sub0105 鍮꾩쟾*/
.vision-img-box {text-align:center; background:#f0f2dc; padding:34px 0;}
.vision-box {display:flex; margin-top:50px;}
.vision-box div {width:calc(33.33% - 20px); font-size:1.125rem; line-height:1.5; text-align:center; margin:10px; padding:24px 0; border:1px solid #e1e1e1; background:#f7f7f7; box-sizing:border-box;}


/*sub0107 �꾩튂 諛� �곕씫泥�*/
.loca-box {display:flex; align-items:center; margin:20px 0;}
.loca-box .icons {width:80px; height:80px; border-radius:50%; overflow:hidden;}
.loca-box .icons.bus {background:url("/images/sub/bus_icon.png")no-repeat;}
.loca-box .icons.car {background:url("/images/sub/car_icon.png")no-repeat;}
.loca-box .txt {width:calc(100% - 80px); padding-left:20px; box-sizing:border-box;}


/*sub0201 �곌뎄�뚯냼媛�*/
.research-top {height:480px; background:url("/images/sub/rs_top.jpg")no-repeat center center;}
.research-top p {padding-top:180px;}
.research-txt {position:relative; top:-120px; width:80%; padding:60px 40px 0 40px; font-size:1.125rem; line-height:1.8; margin:0 auto; background:#fff; text-align:justify;}

.rs-point {display:flex; flex-wrap:wrap; margin:-40px 0 50px 0;}
.rs-point div {position:relative; width:25%;}
.rs-point div:not(:last-child):after {content:""; display:block; position:absolute; top:0; right:-1px; width:1px; height:100%; border-left:1px dotted #ddd;}

/*sub0203 �곌뎄遺꾩빞*/
.rs-about {display:flex; flex-wrap:wrap;}
.rs-about .rs-cont {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(33.33% - 20px); height:450px; margin:10px; text-align:center; color:#fff; line-height:1.3;  box-sizing:border-box;}
.rs-about .rs-cont01 {background:url("/images/sub/rs_about01.jpg")no-repeat center center; background-size:cover;}
.rs-about .rs-cont02 {background:url("/images/sub/rs_about02.jpg")no-repeat center center; background-size:cover;}
.rs-about .rs-cont03 {background:url("/images/sub/rs_about03.jpg")no-repeat center center; background-size:cover;}
.rs-about .rs-cont04 {background:url("/images/sub/rs_about04.jpg")no-repeat center center; background-size:cover;}
.rs-about .rs-cont05 {background:url("/images/sub/rs_about05.jpg")no-repeat center center; background-size:cover;}
.rs-about .rs-cont06 {background:url("/images/sub/rs_about06.jpg")no-repeat center center; background-size:cover;}

.rs-about .rs-cont .cont-wrap {position:relative; z-index:10;}
.rs-about .rs-cont .bgs {position:absolute; top:0; left:0; width:100%; height:100%; background:#0a8001; opacity:0; z-index:1;}
.rs-about .rs-cont:hover .bgs {opacity:0.2;}


/*sub0204 �곌뎄怨쇱젣- ��*/
.tab_wrap {
  display: table;
  width: 100%;
  margin-bottom: 3rem;
}

.tab_wrap a {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  height: 4rem;
  text-align: center;
  font-size: 1.250rem;
  color: #000;
  border: 1px solid #dfdfdf;
  background: #f8f8f8;
  position: relative;
}


.tab_wrap a + a {
  border-left: 0;
}

.tab_wrap a:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: #0a8001;
  left: 0;
  bottom: 0;
}

.tab_wrap a.active {
  border: 2px solid #0a8001;
  border-bottom: 0;
  background: #fff;
  font-weight: 500;
  color: #0a8001;
}

.tab_wrap a.active:before {
  background: #fff;
}


/*sub0207 蹂댁쑀�λ퉬*/
.equip-box {display:flex; flex-wrap:wrap;}
.equip-box div.thumb {display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(33.33% - 20px); height:450px; margin:10px; text-align:center; line-height:1.3; border:1px solid #e1e1e1; box-sizing:border-box;}
.equip-box div.thumb:hover {box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.05);}


/*sub0301 �덈�肄�*/
.rm-step {display:flex;}
.rm-step div.inr {position:relative; width:25%; text-align:center;}
.rm-step div.inr:not(:last-child):after {content:""; display:block; position:absolute; top:50%; margin-top:-15px; right:-10px; width:20px; height:30px; background:url("/images/sub/arr_r.png")no-repeat center center;}
.rm-step-icon {margin:12px 0;}

.tbl-wrap {border-top:1px solid #666;}
.tbl-wrap-p {display: none;}
.tbl-wrap table.normalTbl {width:100%;}
.tbl-wrap table.normalTbl th, .tbl-wrap table.normalTbl td {border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; padding:14px; box-sizing:border-box; font-size:1.125rem;}
.tbl-wrap table.normalTbl th {background:#f9f9f9; line-height:1.5; font-weight:500;}
.tbl-wrap table.normalTbl td {padding-left:20px;}
.tbl-wrap table.normalTbl.tc td {text-align:center;}
.tbl-wrap table.normalTbl th + th {border-left: 0;}

.ciment_tbl th {width: 30%;}
.ciment_tbl td {width: 70%;}


.th-bg1 {background:#0a8001 !important; color:#fff;}
.bold-br {border-right:1px solid #0a8001 !important;}
.bold-bb {border-bottom:1px solid #0a8001 !important;}

/*.list-st {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}*/
.list-st li {position:relative; margin:4px 0; line-height:1.5;}
.list-st li:nth-child(odd){color:#0a8001; width:100px; padding-left:20px; box-sizing:border-box;}
.list-st li:nth-child(odd):before {content:""; display:block; position:absolute; top:12px; left:4px; width:4px; height:4px; background:#0a8001; }
/*.list-st li:nth-child(even) {width:calc(100% - 100px);}*/


/*sub0302 嫄댁텞�먯옱*/
.pt-box {padding:6px; box-sizing:border-box; background:url("/images/sub/pattern.png");}
.pt-box div.inr {padding:20px; box-sizing:border-box; background:#fff;}

/*sub0303 吏��ㅽ뤃由щ㉧*/
.etc-2box {display:flex;}
.etc-2box div.inr {width:calc(50% - 40px); margin:20px; text-align:center; }
.etc-2box div.inr img {width: 100%;}

.etc-6box {display:flex; margin-top:50px;}
.etc-6box div.inr {width:calc(16.66% - 20px); margin:10px; box-sizing:border-box; border:1px solid #e1e1e1; text-align:center;}
.etc-6box div.inr > div.top {padding:6px 0; background:#f5f5f5;}
.etc-6box div.inr > p {color:#ce0606; margin:20px 0;}



/*sub0402 �쒖“怨듭젙*/
table.aTbl {width:100%;}
table.aTbl th {font-size:1.125rem; background:#dbdfe8;}
table.aTbl th, table.aTbl td {padding:10px 0; border:1px solid #eee; text-align:center; transform: skew(0.03deg);}
table.aTbl td.bg-grn {background:#e6f2e5 !important;}
table.aTbl td.bg-gry {background:#f4f5f8 !important;}

.col2-wrap {display:flex; margin-top:50px;}
.col2-wrap .box-con {flex-grow: 0; flex-shrink: 0; flex-basis: 50%;}
.col2-wrap .box-con.mf-left-box {padding-right:10px; box-sizing:border-box;}
.col2-wrap .box-con.mf-right-box {padding-left:10px; box-sizing:border-box;}


/*sub0403 �쒗뭹�뱀꽦 諛� �μ젏*/
.box-con.pd-left-box, .box-con.pd-right-box {padding:0 40px; box-sizing:border-box;}

.box-con .tit {padding:14px 0;  background:#0a8001; color:#fff; font-size:1.5rem; text-align:center;}
.box-con .txt {font-size:1.125rem; margin:40px 0;}
.box-con .txt > p.txt-tit {position:relative; font-size:1.375rem; font-weight:600; padding-left:16px; margin-bottom:20px;}
.box-con .txt > p.txt-tit:before {content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6px; height:6px; background:#e4c51c;}

.res-box p.sub-tit {padding:14px 0; font-size:1.375rem; font-weight:600; background:#f4f5f8; text-align:center; border:1px solid #eee;}
.res-box p.f20 {position:relative; padding-left:16px;}
.res-box p.f20:before {content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6px; height:6px; background:#e4c51c;}
.res-box ol {padding-left:16px; box-sizing:border-box;}
.res-box ol li {list-style:decimal; line-height:1.5; font-size:1.125rem; padding-left:8px; margin:8px 0; box-sizing:border-box;}

.box-con div.res-img img {border:1px solid #e1e1e1; box-sizing:border-box;}
.pd-advantage {padding:0 40px; box-sizing:border-box; }
.pd-advantage div.title {max-width:560px; padding:14px 0;  background:#0a8001; color:#fff; font-size:1.5rem; text-align:center;}

.pd-advantage div.pd-advantage-img {display:flex; margin:40px 0;}
.pd-advantage div.pd-advantage-img .inr {margin: 0 auto; flex:0 1 auto; max-width:440px; padding:4px; box-sizing:border-box;}


/*sub0404 二쇱슂�묐젰��*/
.partners {display:flex; flex-wrap:wrap; margin-bottom:20px;}
.partners li {display:flex; align-items:center; justify-content:center; width:calc(20% - 12px); min-height:100px; margin:6px; border:1px solid #f1f1f1; box-sizing:border-box;cursor:default; text-align:center;}
.partners li:hover {cursor:pointer; box-shadow: 0 0 4px 2px rgba(0,0,0, .1);cursor:default;}


/*sub0602 �몄옱�≪꽦*/
.person-edu-top {background:/*#f8f9f7;*/#f8f8f8; padding:24px 0; text-align:center;}
.person-edu {width:90%; display:flex; align-items:center; margin:28px auto; padding-bottom:20px; border-bottom:1px dotted #ddd;}
.person-edu .icon {width:100px; height:100px; border-radius:100%; background:#f2fbf1; margin-right:40px;}
.person-edu p {font-size:1.375rem;}
.person-edu span.f24 {display:block; margin-bottom:20px;margin-right:34px; font-weight:500;}

/*sub0603 蹂듬━�꾩깮*/
.welcare-area {display:flex; flex-wrap:wrap;}
.welcare-area div.inr {width:calc(25% - 20px); padding:40px 20px; margin:10px; box-sizing:border-box; border:1px solid #e1e1e1; border-top:2px solid #08a000;}
.welcare-area div.inr:hover {background:#f2fbf1; transition:.2s;}
.welcare-area div.icons {margin:30px 0;}


/*sub0604 梨꾩슜�덉감*/
.recruit-step {display:flex; flex-wrap:wrap;}
.recruit-step > div.box {position:relative; width:calc(33.33% - 100px); margin:0 50px; box-sizing:border-box;}
.recruit-step .m_arrow {display: none;}
.recruit-step > div.arrow:after{content:""; display:block; position:absolute; top:50%; margin-top:-15px; right:-60px; width:20px; height:30px; background:url("/images/sub/arr_r.png")no-repeat center center;}

.recruit-step > div.box01 {border:1px solid #84c1a3;}
.recruit-step > div.box02 {border:1px solid #65a5af;}
.recruit-step > div.box03 {border:1px solid #65afaf;}
.recruit-step > div.box04 {border:1px solid #408d8d;}
.recruit-step > div.box05 {border:1px solid #428c67;}
.recruit-step > div.box06 {border:1px solid #0a8000;}

.recruit-step .steps {padding:12px 0;background:#0a8000; color:#fff; text-align:center;}
.recruit-step .steps.bg1 {background:#84c1a3;}
.recruit-step .steps.bg2 {background:#65a5af;}
.recruit-step .steps.bg3 {background:#65afaf;}
.recruit-step .steps.bg4 {background:#408d8d;}
.recruit-step .steps.bg5 {background:#428c67;}
.recruit-step .steps.bg6 {background:#0a8000;}
.recruit-step > div.box p.f24 {padding-top:20px;}
.recruit-step > div.box p.f18 {padding:0 40px 40px;}
.recruit-step a.goLink {display:inline-block; border:1px solid #174332; font-size:1rem; padding:10px 14px; box-sizing:border-box;}
.recruit-step a.goLink:hover {text-decoration:underline;}

.pt-box.recruit {width:calc(100% - 100px); margin:20px auto 0;}
.pt-box.recruit p.f28 {margin-left:12px;}



/*�붾㈃ �덈퉬 0 ~ 1200px*/
@media (max-width: 1200px){
	
	#location {position:relative; top:0;}
	#location .all-wrap {width:100%;}
	
	/*#location .all-wrap .loca-wrap {width:100%;}
	#location .all-wrap .loca-wrap .loca-area {margin-left: 5%;}*/

	.content_box {width:100%; padding:20px 14px; margin:40px auto 40px;}
}

@media (max-width: 768px){
	.pc_br {display:none;}
	#location .all-wrap .loca-wrap .loca-area {width:100%; margin-left:0;}
	#location .all-wrap .loca-wrap .loca-area .homeBtn {width:10%; text-align:center;}
	#location .all-wrap .loca-wrap .loca-area>ul {margin:0; width:45%;}
	#location .all-wrap .loca-wrap .loca-area>ul>li {width:100%;}
	#location .all-wrap .loca-wrap .loca-area>ul>li button {width:inherit; background-position-x:90%;}
}

/*�붾㈃ �덈퉬 0 ~ 540px*/
@media (max-width: 540px){
	.sub_visual {height:250px;}
	.text-box {padding-top:25px; font-size:28px;}
	.text-box:after {margin: 18px auto 0;}

	.content_box h2.title {font-size: 1.6rem;}
	.content_box h2.title:after {margin: 23px auto 40px;}

	#location .all-wrap .loca-wrap .loca-area .homeBtn {display:none;}
	/*#location .all-wrap .loca-wrap .loca-area .homeBtn .lnr {font-size:20px;}*/
	#location .all-wrap .loca-wrap .loca-area>ul {width:50%;}
	
	#location .all-wrap .loca-wrap .loca-area>ul>li button {font-size:15px; transform: skew(0.03deg);}
	#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {font-size: 15px; transform: skew(0.03deg);}

}




/*======================�⑤씪�멸껄��/sub07/sub02.php====================*/
/*寃ъ쟻�붿껌 怨듯넻 css*/
#quote_wrap {font-family: 'Pretendard'; font-weight: 400;}
#quote_wrap .tit1 {margin-bottom:40px; padding-bottom:20px; border-bottom: 1px solid #eee; font-size:30px;}
#quote_wrap .quo_tit {margin-bottom:10px;}
#quote_wrap .quo_tit .quo_tit_left {float:left; border-left: 6px solid #0a8001; padding-left:10px; font-size:18px;}
#quote_wrap .quo_tit .quo_tit_right {float:right;}
#quote_wrap .quo_tit .quo_tit_right span {margin-left:8px; font-family: 'Pretendard'; font-weight: 400;}
#quote_wrap .quo_tit .quo_tit_right span .fa-phone-square-alt {position:relative; top: 2px; margin-right:8px; font-size:20px;}
#quote_wrap .row.g_line {border-top:2px solid #0a8001;}
#quote_wrap .row {height:66px; border-bottom: 1px solid #c7c7c7; }
#quote_wrap .row .row_title {line-height: 66px; float:left; padding-left:2%; width:13%; background-color:#f5f5f5;}
#quote_wrap .row .row_input {float:left; width:85%; height:100%; box-sizing:border-box;}
#quote_wrap .row .row_input input {display:block; border:1px solid #e1e1e1; box-sizing:border-box; padding-left:16px; width: 96%; height:30px; margin:17px 2%; font-size:15px; border-radius:3px;}
#quote_wrap .row .row_input input::placeholder {color: #afafaf;}

#quote_wrap .row .row_input input:focus {
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.125rem rgba(196, 216, 206, .5);
}

#quote_wrap .row .row_input select {height:30px; border:1px solid #ddd; font-size:15px; border-radius:3px;padding:0 2em 0 1em;vertical-align:middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#quote_wrap .row .row_input select::placeholder {color:#afafaf;}
/*寃ъ쟻�붿껌 怨듯넻 css*/



/*�대떦�� 移�*/
#quote_wrap .row.per_updown {height:100px;}
#quote_wrap .row.per_updown .row_input input {margin: 12px 2%;}
#quote_wrap .row.per_updown .row_title {line-height:100px;}
/*�대떦�� 移�*/

/*�⑺뭹 �좎쭨 移�*/
#quote_wrap .submit_date .row_input {padding:17px 0 17px 1.7%;}
#quote_wrap .submit_date .row_input select {width: 200px;}
/*�⑺뭹 �좎쭨 移�*/

/*�쒗뭹�뺣낫 �낅젰 諛뺤뒪*/
#quote_wrap .quo_form02_wrap .quo_tit {margin-top:50px; font-size:18px;}
#quote_wrap .quo_form02_wrap .quo_tit  p {border-left: 6px solid #0a8001; padding-left:10px;}
#quote_wrap .quo_item_info_wrap {position:relative; width: 100%; height: 188px;}
#quote_wrap .quo_item_info_wrap .quo_item_info01 {position:absolute; top:0; left:0; width: 100%; height: auto;}
#quote_wrap .quo_item_info_wrap .quo_item_info02 {display:none; position:absolute; top:0; left:0; width: 100%; height: auto;}
/*�쒗뭹�뺣낫 �낅젰 諛뺤뒪*/

/*�쒗뭹 媛뺣룄/�щ읆�� �낅젰 移�*/
#quote_wrap .row .row_input .q_select_btn {padding-left:1%; box-sizing:border-box;}
#quote_wrap .row .row_input .q_select_btn input {display:inline-block; width:30px; height:auto; margin:26px 0; padding-left:0;}
#quote_wrap .quo_size_row {height: 120px;}
#quote_wrap .quo_size_row .row_title {height: 100%; line-height:1;}
#quote_wrap .quo_size_row .row_title .row_tit_50 {float:left; width: 50%;}
#quote_wrap .quo_size_row .row_title .first_h_tit {line-height:120px; border-right:1px solid #c7c7c7; box-sizing:border-box;}
#quote_wrap .quo_size_row .row_title .row_tit_50 .updown_tit {height:60px; line-height:60px; text-indent:20px;}
#quote_wrap .quo_size_row .row_title .row_tit_50 .updown_tit:first-child {border-bottom:1px solid #c7c7c7; box-sizing:border-box;}
#quote_wrap .updown_input {padding-left:2%; height:60px; box-sizing:border-box;}
#quote_wrap .updown_input:first-child {border-bottom:1px solid #c7c7c7;}
#quote_wrap .updown_input select {width:300px; margin: 15px 0;}
/*�쒗뭹 媛뺣룄/�щ읆�� �낅젰 移�*/

/*�쒗뭹 �꾩슂�섎웾 �낅젰 移�*/
#quote_wrap .row .row_input.ness_num {padding-left:1.7%;}
#quote_wrap .row .row_input.ness_num input {display:inline-block; width: 300px; margin:18px 0;}
#quote_wrap .row .row_input.ness_num span {margin-left:30px; color:#666;}
/*�쒗뭹 �꾩슂�섎웾 �낅젰 移�*/

/*紐고깉 / 諛고빀鍮� �낅젰 移�*/
#quote_wrap .row .row_input.baehab {padding-left:1.7%; box-sizing:border-box; }
#quote_wrap .row .row_input.baehab select {width:300px; margin: 15px 0;}
/*紐고깉 / 諛고빀鍮� �낅젰 移�*/

/*媛쒖씤�뺣낫 �숈쓽 諛뺤뒪*/
#quote_wrap .agreebox_wrap {margin-top:50px;}
#quote_wrap .agreebox_wrap .agree_top {margin-bottom:10px;}
#quote_wrap .agreebox_wrap .agree_top p {float:left;}
#quote_wrap .agreebox_wrap .agree_top a {float:right; display:block;}
#quote_wrap .scroll_box  {height:100px; border:1px solid #d8d8d8; font-size:15px; line-height:24px; background:#f7f7f7; color:#666; padding:15px; overflow:auto;}
#quote_wrap .agree_chkbox {margin-top:15px;}
#quote_wrap .quo_sumit_wrap {margin-top:60px; text-align:center;}
#quote_wrap .quo_sumit_wrap .btn-pack.bt-submit {display:inline-block; width:146px; height:48px; color:#fff; font-size:18px; line-height:48px; border:0; border-radius:none !important; font-weight:500; text-align:center; background:#0a8001; cursor:pointer;}
#quote_wrap .quo_sumit_wrap .btn-pack.bt-cancel {display:inline-block; width:146px; height:46px; color:#0a8001; font-size:18px; line-height:46px; border:1px solid #0a8000; font-weight:500; text-align:center;}
/*媛쒖씤�뺣낫 �숈쓽 諛뺤뒪*/



/*�붾㈃ �덈퉬 0 ~ 1200px*/
@media (max-width: 1200px){
	#quote_wrap {width:96%; margin:0 auto;}
}

/*�붾㈃ �덈퉬 0 ~ 960px*/
@media (max-width: 960px){
	#quote_wrap .row .row_input input {font-size:14px;}
	#quote_wrap .submit_date .row_input .select_wrap {width: 31.333%;}
	#quote_wrap .submit_date .row_input .select_wrap select {width:90%;}
	#quote_wrap .quo_size_row .row_title .row_tit_50 {width:60%;}
	#quote_wrap .quo_size_row .row_title .first_h_tit {width:40%;}
	#quote_wrap .quo_size_row .row_title .row_tit_50 .updown_tit {text-indent:10px;}
}

/*�붾㈃ �덈퉬 0 ~ 760px*/
@media (max-width: 760px){
	#quote_wrap .tit1 {font-size:25px;}
	#quote_wrap .row {height: auto;}
	#quote_wrap .row .row_title {float:none; line-height: 40px; float:none; width: 100%; padding-left:0; text-align:center;}
	#quote_wrap .row .row_input {float:none; height: auto; width: 100%;}
	#quote_wrap .quo_tit .quo_tit_left {float:none; font-size:17px;}
	#quote_wrap .quo_tit .quo_tit_right {float:none; margin-top:10px; font-size:14px; color:#5c5c5c; text-align:right;}
	#quote_wrap .quo_tit .quo_tit_right span {margin-top:5px; margin-left:0; display:block;}
	#quote_wrap .submit_date .row_input .select_wrap {display:block; width: 100%;}

	#quote_wrap .row.per_updown {height: auto;}
	#quote_wrap .row.per_updown .row_title {float:none; line-height:40px; width:100%; padding-left:0; text-align:center;}
	#quote_wrap .quo_size_row .row_title .first_h_tit {position:relative; float:none; border-right:none; width:100%; line-height:40px;}
	#quote_wrap .quo_size_row .row_title .first_h_tit::after {position:absolute; display:block; content:""; top:40px; left:0; width: 100%; height: 1px; background-color:#c7c7c7;}
	#quote_wrap .quo_size_row .row_title .row_tit_50 {width:100%;}
	#quote_wrap .quo_size_row .row_title .row_tit_50 .updown_tit {float:left; width: 50%; height: 40px; line-height: 40px; text-indent:0;}
	#quote_wrap .quo_size_row .row_title .row_tit_50 .updown_tit:first-child {border-bottom:none; border-right:1px solid #c7c7c7;}
	#quote_wrap .quo_item_info_wrap {height:283px;}
	#quote_wrap .row .row_input .q_select_btn {text-align:center;}
	#quote_wrap .updown_input {float:left; width: 50%; padding-left:0;}
	#quote_wrap .updown_input:first-child {border-bottom:none; border-right:1px solid #c7c7c7; }
	#quote_wrap .updown_input select {display:block; width:95%; margin: 15px auto;}
	#quote_wrap .row .row_input.ness_num span {display:block; margin-left:0; margin-bottom:10px;}

	#quote_wrap .agreebox_wrap .agree_top p {float:none; text-align:center;}
	#quote_wrap .agreebox_wrap .agree_top a {float:none; margin-top:20px; text-align:right;}
	#quote_wrap .scroll_box {font-size:14px;}
	#quote_wrap .quo_sumit_wrap .btn-pack.bt-submit {width:135px; height: 45px; line-height: 43px; font-size:16px;}
	#quote_wrap .quo_sumit_wrap .btn-pack.bt-cancel {width:136px; height:41px; line-height:41px; font-size:16px;}
}

/*======================�⑤씪�멸껄��/sub07/sub02.php====================*/




/*======================�낆궗吏���/sub06/sub06.php====================*/
/*�낆궗吏��� 怨듯넻 css*/
#apply_wrap {font-family: 'Pretendard'; font-weight: 400;}
#apply_wrap .tit1 {padding-bottom:20px; border-bottom: 1px solid #eee; font-size:30px;}

#apply_wrap .tit2 {position:relative; margin:30px 0 20px 0; padding-left:14px; /*border-left:6px solid #0a8001; font-size:18px;*/ font-size:1.375rem;}

#apply_wrap .tit2:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 0;
    width: 4px;
    height: calc(100% - 5px);
    background-color: #a6a6a6;
}

#apply_wrap .tit2:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    width: 4px;
    height: 50%;
    background-color: #0a8001;
}

#apply_wrap .row.g_line {border-top:1px solid #0a8000;}
#apply_wrap .row {height:66px; border-bottom: 1px solid #c7c7c7; }
#apply_wrap .row .row_title {line-height: 66px; float:left; padding-left:2%; width:13%; background-color:#f5f5f5;}
#apply_wrap .row .row_input {float:left; width:85%; height:100%; box-sizing:border-box;}
#apply_wrap .row .row_input input {display:block; border:1px solid #ddd; box-sizing:border-box; padding-left:16px; width: 96.5%; height:30px; margin:17px 2%; font-size:15px; border-radius:3px;}
#apply_wrap .row.fff50 .row_input input {width:97%;}
#apply_wrap .row .row_input.p_d_chan input {margin:17px 1%; width: 98.5%; border-radius:3px;}
#apply_wrap .row .row_input input::placeholder {color: #afafaf;}

#apply_wrap .row .row_input input:focus, #apply_wrap .row .row_input.p_d_chan input:focus, #apply_wrap .row .row_input select:focus {
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.125rem rgba(196, 216, 206, .5);
}


#apply_wrap .row .row_input select {height:30px; border:1px solid #ddd; font-size:15px;}
#apply_wrap .row .row_input select::placeholder {color:#afafaf;}

#apply_wrap .row .row_input select {height:30px; border:1px solid #ddd; font-size:15px; border-radius:3px;padding:0 2em 0 1em;vertical-align:middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

#apply_wrap .row.ff25 {float:left; width:25%;  box-sizing:border-box;}
#apply_wrap .row.ff25 .row_title {width:28%; line-height:63px;}
#apply_wrap .row.ff25 .row_input {width:70%;}
#apply_wrap .row.ff25 .row_input select {margin:18px 0 18px 3%; width: 90%;}
#apply_wrap .row.ff100 {float:left;  width:100%;}
#apply_wrap .row.ff100 .row_input .select_wrap {padding:18px 0 18px 0.5%;}
#apply_wrap .row.ff100 .row_input .select_wrap select {width:160px;}
#apply_wrap .row.ff30 {float:left; width:33.333%;}
#apply_wrap .row.ff30 .row_title {width:20.5%;}
#apply_wrap .row.ff30 .row_input {width:77.5%;}
#apply_wrap .row.fff50 {float:left; width:50%; box-sizing:border-box;}
#apply_wrap .row.fff50 .row_title {line-height:65px;}
#apply_wrap .row.fff50:first-child .row_title {line-height:63px;}
#apply_wrap .row.fff50:nth-child(2) .row_title {line-height:63px;}
#apply_wrap .row_addBtn {float:right; margin:15px 0; /*width: 100%;*/ width:20%; min-width:150px; height: 45px; line-height: 45px; color: #fff; font-size:1.125rem; background-color:#22761c; text-align:center; font-weight:300; cursor:pointer;}
#apply_wrap .row_addBtn .lnr-cross:before {display:inline-block; margin-right:8px; transform:rotate(45deg);}

/*�낆궗吏��� 怨듯넻 css*/

/*湲곕낯 �ы빆 css*/
#apply_wrap .basic_info_wrap .row.ff50 {float:left; width:57.5%;}
#apply_wrap .basic_info_wrap .row.ff50:nth-child(2) {width:42.5%;}
#apply_wrap .basic_info_wrap .row.ff50 .row_title {width:22.5%; padding-left:3.5%;}
#apply_wrap .basic_info_wrap .row.ff50:nth-child(2) .row_title {width:20%; padding-left:0; text-align:center;}
#apply_wrap .basic_info_wrap .row.ff50:nth-child(2) .row_input {padding-left:0; width:80%;}
#apply_wrap .basic_info_wrap .row.ff50 .row_input {width:74%; /* padding-left:2%; */}
#apply_wrap .basic_info_wrap .row.ff50 .row_input .select_wrap {padding:18px 0; width: 29.333%;}
#apply_wrap .basic_info_wrap .row.ff50 .row_input .select_wrap select {width:128px;}
#apply_wrap .row .row_input .row_input_50 {float:left; width: 50%;}
#apply_wrap .row .row_input .row_input_50 span {float:left; display:block; width:20%; line-height:66px; background-color:#f5f5f5; text-align:center;}
#apply_wrap .row .row_input .row_input_50:first-child span {border-left:1px solid #fff; box-sizing:border-box;}
#apply_wrap .row .row_input .row_input_50 input {float:left; width:78%; margin:17px 1%}
#apply_wrap .row .row_input .row_input_30 {float:left; width:33.333%; border-bottom: 1px solid #c7c7c7; box-sizing:border-box;}
#apply_wrap .row .row_input .row_input_30 span {float:left; display:block; width:30%; line-height:66px; background-color:#f5f5f5; text-align:center;}
#apply_wrap .row .row_input .row_input_30:first-child span {border-left:1px solid #fff; box-sizing:border-box;}
#apply_wrap .row .row_input .row_input_30 input {float:left; width:66%;}
#apply_wrap .row .row_input .row_input_100 {float:left; width:100%; }
#apply_wrap .row .row_input .row_input_100.bt_line {border-bottom: 1px solid #c7c7c7; box-sizing:border-box;}
#apply_wrap .row .row_input .row_input_100 span {float:left; display:block; border-left:1px solid #fff; box-sizing:border-box; width: 16%; line-height:65px; background-color:#f5f5f5; text-align:center;}
#apply_wrap .row .row_input .row_input_100 input {float:left; width: 80%;}
#apply_wrap .row .row_input .row_input_100.flno input {float:left; width:22%; margin:17px 0.5%;}
#apply_wrap .row .row_input .row_input_100.p_d_chan input {width:83%; margin:17px 0.5%;}
/* #apply_wrap .row .row_input .row_input_100 .select_wrap {padding:18px 0;} */
#apply_wrap .row .row_input .row_input_100 span.mulgeol {float:left; display:inline-block; line-height:65px; border-left:none; background-color: transparent; width:20px; text-align:center;}
#apply_wrap .row .row_input .row_input_100 .select_wrap.mar_left {margin-left:0.5%;}
#apply_wrap .row .row_input .row_input_100 .select_wrap select {width:150px;}
#apply_wrap .row .row_title.hgt3 {line-height:198px;}
#apply_wrap .row.hgt3 {height:198px;}
/*湲곕낯 �ы빆 css*/


/*�숇젰 �ы빆 css*/
#apply_wrap .school_info_wrap .school_info .row:nth-child(2) {border-top:1px solid #0a8000;}
#apply_wrap .school_info_wrap .school_info .row:nth-child(3) {border-top:1px solid #0a8000;}
#apply_wrap .school_info_wrap .school_info .row:nth-child(4) {border-top:1px solid #0a8000;}
#apply_wrap .school_info_wrap .school_info .row.ff100 .row_title {width:7%; padding-left:0.5%;}
#apply_wrap .school_info_wrap .school_info .row.ff100 .row_input {width:92.5%;}
#apply_wrap .school_info_wrap .school_info .row.ff100 .row_input input {float:left; width:22%; margin:17px 0.5%;}
#apply_wrap .school_info_wrap .school_info .row.ff100 span.mulgeol {float:left; display:inline-block; line-height:65px; width:20px; text-align:center;}
/*�숇젰 �ы빆 css*/


/*吏곷Т �먭꺽 css*/
#apply_wrap .certifi_info_wrap .certifi_info .row:nth-child(2) {border-top:1px solid #0a8000;}
#apply_wrap .certifi_info_wrap .certifi_info .row_input .select_wrap {padding:18px 0 0 2%;}
#apply_wrap .certifi_info_wrap .certifi_info .row_input .select_wrap select {width:160px;}
/*吏곷Т �먭꺽 css*/

/*�댄븰�ы빆 css*/
#apply_wrap .langc_info_wrap .langc_info .row:nth-child(2) {border-top:1px solid #0a8000;}
#apply_wrap .langc_info_wrap .langc_info .row .select_wrap {padding:18px 0 0 2%;}
#apply_wrap .langc_info_wrap .langc_info .row .select_wrap select {width:160px;}
/*�댄븰�ы빆 css*/

/*寃쎈젰 �ы빆 css*/
#apply_wrap .comp_info_wrap .comp_info .row.ff30 .row_title {width:27%; padding-left:6%;}
#apply_wrap .comp_info_wrap .comp_info .row.ff30 .row_input {width:67%;}
#apply_wrap .comp_info_wrap .comp_info .row.fff50 .row_title {width:18%; padding-left:4%;}
#apply_wrap .comp_info_wrap .comp_info .row.fff50 .row_input {width:78%;}
#apply_wrap .comp_info_wrap .comp_info .row.fff50:nth-child(2) .row_title {line-height:65px;}
#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_title {width:9%}
#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_input {width:89%;}
#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_input .select_wrap {padding: 18px 0 18px 1%;}


#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_input input {float:left; width:22%; margin:17px 0.8%;}
#apply_wrap .comp_info_wrap .comp_info .row.ff100 span.mulgeol {float:left; display:inline-block; line-height:65px; width:20px; text-align:center;}

/*寃쎈젰 �ы빆 css*/

/*�먭린�뚭컻 css*/
#apply_wrap .self_intro_wrap .self_info.mt40 {margin-top:30px;}
#apply_wrap .self_intro_wrap .self_info {margin-bottom:35px;}
#apply_wrap .self_intro_wrap .self_info .tit3 {font-size:1.125rem; margin-bottom:15px;}
#apply_wrap .self_intro_wrap .self_info textarea {padding:15px 10px; border:1px solid #ddd;  width: 100%; box-sizing:border-box; height:150px; resize:none; color:#1c1c1c; border-radius:3px;}
/*�먭린�뚭컻 css*/

/*�몃� �섑뻾怨쇱젣 css*/
#apply_wrap .detail_doc_wrap textarea {border:1px solid #ddd; width:100%; height:150px; resize:none; box-sizing:border-box; padding:15px 10px; color:#1c1c1c; border-radius:3px;} 
#apply_wrap .uploadWrap {position:relative; margin-top:12px;}
#apply_wrap .uploadWrap .textBox02 {border:1px solid #c7c7c7; padding-left:2%; width: 75%; height:40px; box-sizing:border-box;}
#apply_wrap .uploadWrap label {position:absolute; /*position: relative; top:15px;*/ right:0; cursor: pointer; display: inline-block; overflow: hidden; text-align: center; width: 24%; height: 40px; line-height: 40px; /*border-radius: 5px;*/ background-color:#22761c; color: #fff; transition: all 0.3s;}
#apply_wrap .uploadWrap label > input {position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1;}
/*�몃� �섑뻾怨쇱젣 css*/

/*媛쒖씤 �뺣낫 �숈쓽 css*/
#apply_wrap .agree_info_wrap .select_wrap {width:28%;}
#apply_wrap .agree_info_wrap select {width:80%; height:27px; border:0; font-size:15px; border-radius:3px;padding:0 2em 0 1em;vertical-align:middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

#apply_wrap .agree_info_wrap input {padding-left:10px; height:27px; box-sizing:border-box; border:none; border-radius:3px;}

#apply_wrap .self_intro_wrap .self_info textarea:focus, #apply_wrap .detail_doc_wrap textarea:focus, #apply_wrap .agree_info_wrap select:focus, #apply_wrap .agree_info_wrap input:focus{
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.125rem rgba(196, 216, 206, .5);
}


#apply_wrap .agree_info_wrap {margin-top:70px; padding:40px 30px; width:100%; box-sizing:border-box; background-color:#f5f5f5;}
#apply_wrap .agree_info_wrap .a_s01_tit {margin-bottom:40px; font-size:1.5rem; font-weight:700; text-align:center;}

#apply_wrap .agree_info_wrap .agree_sign01_wrap {margin-bottom:60px;}
#apply_wrap .agree_info_wrap .agree_sign01_wrap .sign30 {float:left; width:20%;}
#apply_wrap .agree_info_wrap .agree_sign01_wrap .sign30:first-child {width:60%;}

#apply_wrap .agree_info_wrap .agree_sign02_wrap {margin-bottom:50px;;}
#apply_wrap .agree_info_wrap .agree_sign02_wrap p > input {margin:0 10px; width:100px;}

#apply_wrap .agree_info_wrap .agree_sign03_wrap .tit4 {margin-bottom:20px; /*padding-left:10px; border-left:6px solid #0a8001;*/ font-size:1.1215rem;}
#apply_wrap .agree_info_wrap .agree_sign03_wrap .agree_detail_wrap {padding:28px; width:100%; height:200px; box-sizing:border-box; overflow-y:scroll; background-color:#fff;}
#apply_wrap .agree_info_wrap .agree_detail_wrap table.agree_detail_tbl {width:96%; margin:0 auto; border:1px solid #c7c7c7;}
#apply_wrap .agree_info_wrap .agree_detail_wrap table.agree_detail_tbl th, table.agree_detail_tbl td {padding: 10px 0; box-sizing:border-box;}
#apply_wrap .agree_info_wrap .agree_detail_wrap table.agree_detail_tbl tr:first-child {border-bottom:1px solid #c7c7c7;}
#apply_wrap .agree_info_wrap .agree_detail_wrap table.agree_detail_tbl tr, table.agree_detail_tbl th:first-child {border-right:1px solid #c7c7c7;}
#apply_wrap .agree_info_wrap .agree_detail_wrap table.agree_detail_tbl tr, table.agree_detail_tbl td {text-align:center;}
#apply_wrap .agree_info_wrap .agree_detail_wrap table.agree_detail_tbl tr, table.agree_detail_tbl td:first-child {border-right:1px solid #c7c7c7;}
#apply_wrap .agree_info_wrap .agree_sign03_wrap .fin_agree_p {margin: 40px 0;}
#apply_wrap .agree_info_wrap .yesornot .ag_wrap {display:inline-block; margin: 0 20px; text-align:center;}
#apply_wrap .agree_info_wrap .yesornot input {width:12px; height:12px; margin-right:15px; }

#apply_wrap .agree_info_wrap .agree_sign04_wrap .agree30 {float:left; width:20%;}
#apply_wrap .agree_info_wrap .agree_sign04_wrap .agree30:first-child {width:60%;}
/*媛쒖씤 �뺣낫 �숈쓽 css*/
/*border-radius:none !important;*/

/*sub06/sub06 踰꾪듉 css*/
#apply_wrap .quo_sumit_wrap {margin:30px 0; text-align:center;}
#apply_wrap .quo_sumit_wrap .btn-pack.bt-submit {display:inline-block; width:146px; height:48px; color:#fff; font-size:18px; line-height:48px; border:0;  font-weight:500; text-align:center; background:#0a8000; cursor:pointer;}
#apply_wrap .quo_sumit_wrap .btn-pack.bt-cancel {display:inline-block; width:146px; height:46px; color:#0a8001; font-size:18px; line-height:46px; border:1px solid #0a8000; font-weight:500; text-align:center;}
/*sub06/sub06 踰꾪듉 css*/




/*�붾㈃ �덈퉬 0 ~ 1242px*/
@media (max-width: 1242px){
	#apply_wrap {font-size:15px;}
	#apply_wrap .basic_info_wrap .row.ff50 .row_input .select_wrap select {width:84%;}
	#apply_wrap .row .row_input .row_input_100 .select_wrap select {width:82%;}
	#apply_wrap .agree_info_wrap input {width:100px;}

}

/*�붾㈃ �덈퉬 0 ~ 1010px*/
@media (max-width: 1010px){
	#apply_wrap .row {height:auto; }
	#apply_wrap .row .row_title {float:none; width:100%; padding-left:0; line-height:35px; background-color:#ebeaea; text-align:center;}
	#apply_wrap .row .row_input {float:none; float:none; width:100%; height: auto; text-align:center;}
	#apply_wrap .row .row_input input {width:96%; margin:18px 2%;}
	#apply_wrap .row.fff50 .row_input input {width:96%;}
	#apply_wrap .row .row_input.p_d_chan input {width:96%; margin:18px 2%;}
	#apply_wrap .row .row_input .row_input_50 input {width:75%; margin:18px 2%;}
	#apply_wrap .row .row_input .row_input_50:first-child span {border-left:none;}
	#apply_wrap .basic_info_wrap .row.ff50 {float:none; width:100%;}
	#apply_wrap .basic_info_wrap .row.ff50:nth-child(2) {width:100%;}
	#apply_wrap .basic_info_wrap .row.ff50:nth-child(2) .row_input {width:100%;}
	#apply_wrap .basic_info_wrap .row.ff50 .row_input {width:100%; padding-left:0; text-align:center;}
	#apply_wrap .basic_info_wrap .row.ff50 .row_title {width:100%; padding-left:0; text-align:center;}
	#apply_wrap .basic_info_wrap .row.ff50:nth-child(2) .row_title {width:100%;}

	#apply_wrap .row .row_input .row_input_30 {float:none; width:100%;}
	#apply_wrap .row .row_input .row_input_30.b_b_none {border-bottom:none;}
	#apply_wrap .row .row_input .row_input_30 span {float:none; width:100%; line-height:35px;}
	#apply_wrap .row .row_input .row_input_30:first-child span {border-left:none;}
	#apply_wrap .row .row_input .row_input_30 input {float:none; width:96%;}

	#apply_wrap .row .row_title.hgt3 {line-height:45px;}
	#apply_wrap .row.hgt3 {height:auto;}
	#apply_wrap .row .row_input .row_input_100 span {float:none; width:100%; line-height:35px; border-left:none;}
	#apply_wrap .row .row_input .row_input_100 input {float:none;  width:96%;}
	#apply_wrap .row .row_input .row_input_100.p_d_chan input {width:96%; margin:17px 2%;}
	#apply_wrap .row .row_input .row_input_100 .select_wrap {width:20%;}
	#apply_wrap .row .row_input .row_input_100 .select_wrap select {width:77%;}
	#apply_wrap .row.ff25 {width:50%;}
	#apply_wrap .row.ff25 .row_title {width:98%; float:none; line-height:35px; border-bottom:none;}
	#apply_wrap .row.ff25 .row_input {width:100%; float:none}
	#apply_wrap .row.ff25 .row_input select {margin:18px 0; width:96%;}
	#apply_wrap .school_info_wrap .school_info .row:nth-child(3) {border-top:none;}
	#apply_wrap .school_info_wrap .school_info .row:nth-child(4) {border-top:none;}
	#apply_wrap .school_info_wrap .school_info .row.ff100 .row_title {float:none; padding-left:0; width:100%; line-height:35px;}
	#apply_wrap .school_info_wrap .school_info .row.ff100 .row_input {float:none; width:100%;}
	#apply_wrap .row.ff100 {float:none;}
	#apply_wrap .row.ff100 .row_input .select_wrap {width:20%; padding:18px 0 18px 1%;}
	#apply_wrap .row.ff100 .row_input .select_wrap select {width:73%;}
	#apply_wrap .row.ff25 {float:none; width:100%;}
	#apply_wrap .school_info_wrap .school_info .row:nth-child(2) {border-top:none;}
	#apply_wrap .row.ff25 .row_title {float:none; width:100%; line-height:35px;}
	#apply_wrap .row.ff30 {float:none; width:100%;}
	#apply_wrap .row.ff30 .row_title {width:100%;}
	#apply_wrap .row.ff30 .row_input {width:100%;}
	#apply_wrap .row.fff50 {float:none; width:100%;}
	#apply_wrap .row.fff50:first-child .row_title {line-height:35px;}
	#apply_wrap .certifi_info_wrap .certifi_info .row:nth-child(2)  {border-top:none;}
	#apply_wrap .row.fff50:nth-child(2) .row_title {line-height:35px;}
	#apply_wrap .row.fff50 .row_title {line-height:35px;}
	#apply_wrap .certifi_info_wrap .certifi_info .row_input .select_wrap {width:45%; padding:18px 0 18px 2%;}
	#apply_wrap .certifi_info_wrap .certifi_info .row_input .select_wrap select {width:79%;}
	#apply_wrap .langc_info_wrap .langc_info .row:nth-child(2) {border-top:none;}
	#apply_wrap .langc_info_wrap .langc_info .row .select_wrap {width:45%; padding:18px 0 18px 2%;}
	#apply_wrap .langc_info_wrap .langc_info .row .select_wrap select {width:79%;}
	#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_title {width:100%;}
	#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_input {width:100%;}
	#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_input .select_wrap {width:20%;}
	#apply_wrap .comp_info_wrap .comp_info .row.fff50:nth-child(2) .row_title {width:100%; padding-left:0; line-height:35px;}
	#apply_wrap .comp_info_wrap .comp_info .row.fff50 .row_input {width:100%;}
	#apply_wrap .comp_info_wrap .comp_info .row.fff50 .row_title {width:100%; padding-left:0;}
	#apply_wrap .comp_info_wrap .comp_info .row.ff30 .row_title {width:100%; padding-left:0;}
	#apply_wrap .comp_info_wrap .comp_info .row.ff30 .row_input {width:100%;}
	#apply_wrap .agree_info_wrap .agree_sign01_wrap .sign30 input {width:64%;}
	#apply_wrap .agree_info_wrap .agree_sign04_wrap .agree30 input {width:54%;}
	#apply_wrap .agree_info_wrap {padding:20px 15px;}
	#apply_wrap .agree_info_wrap .agree_detail_wrap table.agree_detail_tbl th, table.agree_detail_tbl td {font-size: 0.75rem;}


	#apply_wrap .row .row_input .row_input_100.flno input {width:44%; margin:17px 2%;}
	#apply_wrap .school_info_wrap .school_info .row.ff100 .row_input input {width:44%; margin:17px 2%;}
	#apply_wrap .comp_info_wrap .comp_info .row.ff100 .row_input input {width:44%; margin:17px 2%;}
	#apply_wrap .row .row_input .row_input_100 span.mulgeol {width:4%;}
	#apply_wrap .school_info_wrap .school_info .row.ff100 span.mulgeol {width:4%;}
	#apply_wrap .comp_info_wrap .comp_info .row.ff100 span.mulgeol {width:4%;}

}


@media (max-width:768px){
	/*sub0103 �뚯궗�고쁺*/
	.history_wrap {width:100%;}


	.history_wrap ul li.years_tit {font-size:18px;}
	.history_wrap ul li {font-size:14px; line-height:1.5;}

	.history_wrap:before {left:5%;}

	.history_wrap ul {margin-left:10%;}
	.history_wrap ul:after {top:5px; left:-23px}
	.history_wrap ul:nth-of-type(even) {text-align:left; margin-left:10%; margin-right:0;}
	.history_wrap ul:nth-of-type(even):after {left:-23px;}

	html,body {font-size:14px;}

	#apply_wrap .tit2 {font-size: 1.1rem;}
	#apply_wrap .self_intro_wrap .self_info .tit3 {font-size: 0.875rem;}
	#apply_wrap .row .row_input input {margin:10px 2%;}
	#apply_wrap .row .row_input .row_input_50 span {line-height:50px;}
	#apply_wrap .agree_info_wrap .a_s01_tit {font-size:1rem;}
	#apply_wrap .agree_info_wrap .agree_sign01_wrap .sign30 {width:50%;}
	#apply_wrap .agree_info_wrap .agree_sign01_wrap .sign30:first-child {margin-bottom:20px; width:100%;}
	#apply_wrap .agree_info_wrap .select_wrap {width:26%;}
	#apply_wrap .agree_info_wrap select {width:68%;}
	#apply_wrap .agree_info_wrap .agree_sign04_wrap .agree30:first-child {margin-bottom:20px; width: 100%;}
	#apply_wrap .agree_info_wrap .agree_sign04_wrap .agree30 {width:50%;}
	#apply_wrap .agree_info_wrap .agree_sign04_wrap .agree30 input {margin-right: 8px; width: 60%;}
	#quote_wrap .row .row_input.ness_num input {width: 90%;}
	#apply_wrap .row_addBtn {height:35px; line-height:35px; font-size:16px;}
	.agree_detail_wrap p {font-size: 0.75rem !important;}
	#apply_wrap .agree_info_wrap .agree_sign03_wrap .fin_agree_p {margin: 20px 0;}
	#apply_wrap .agree_info_wrap .agree_sign03_wrap .agree_detail_wrap {padding: 28px 15px;}
	#apply_wrap .quo_sumit_wrap .btn-pack.bt-submit {height: 40px; line-height: 42px; font-size: 16px;}
	#apply_wrap .quo_sumit_wrap .btn-pack.bt-cancel {height: 39px; line-height: 39px; font-size: 16px;}
	#apply_wrap .agree_info_wrap .agree_sign03_wrap .tit4 {font-size: 1rem;}

}


/*�붾㈃ �덈퉬 0 ~ 450px*/
@media (max-width: 450px){

}

/*======================�낆궗吏���/sub06/sub06.php====================*/