input{border:1px solid #ddd; border-radius:0;padding:0.6em 0.3em;margin:0.1em 0;box-sizing:content-box;vertical-align:middle;}
input[type="date"]{vertical-align:middle;}
select{border:1px solid #ddd; border-radius:0;padding:0.6em 0.3em;margin:0.1em 0;box-sizing:content-box;vertical-align:middle;}
textarea{width:calc(100% - 0.6em - 2px);border:1px solid #ddd; border-radius:0;padding:0.6em 0.3em;margin:0.1em 0;resize: none;}
input[type="radio"] { background:#fff;vertical-align: middle;  appearance: none;  border: 2px solid #ddd;  margin-bottom:0.125em;border-radius: 50%;  width: 1em;  height: 1em; }
input[type="radio"]:checked {  border: 0.3em solid #f8cc00;}
input[type="radio"]:disabled {  background-color: lightgray;  box-shadow: none;  opacity: 0.7;  cursor: not-allowed;}
input[type="checkbox"] {margin:0;margin-bottom:-0.2em;appearance: none;position: relative;width: 1.2em;height: 1.2em;cursor: pointer;outline: none !important; border: 1px solid #ddd;border-radius: 0px; background: #fbfbfb;}
input[type="checkbox"]::before {content: "\2713"; position: absolute;top: 50%;left: 50%;overflow: hidden;transform: scale(0) translate(-50%, -50%);line-height: 1; }
input[type="checkbox"]:checked {background-color: #7ca343;border-color: rgba(255, 255, 255, 0.3); color: white;}
input[type="checkbox"]:checked::before {border-radius: 2px;transform: scale(1) translate(-50%, -50%)}

.input100{width:calc(100% - 0.6em - 2px);}
.input15{width:calc(15% - 0.6em - 2px);}
.input25{width:calc(25% - 0.6em - 2px);}
.input45{width:calc(45% - 0.6em - 2px);}
.input35{width:calc(45% - 0.6em - 2px);}
.p-img{text-align:center;font-size:0;}
.p-img img{max-width:100%;}
.mm-b{font-weight:bold;font-size:3rem; color:#333;}
.ml{font-size:3.8rem; color:#333;}
.sm{font-size:2.4rem; color:#333;}
.ss-b{font-weight:bold;font-size:1.8rem; color:#333;}
.ml-b{font-size:3.8rem; color:#333;font-weight:bold;}
.col1b{color:#f8cc00;}
.mt12{margin-top:11rem;}
.mt8{margin-top:7rem;}
.mt6{margin-top:5rem;}
.tit{font-size:3.6rem;color:#222;margin:0; padding:0;word-break:keep-all;}
.tit::before{display:inline-block; content:''; height:6px; margin-bottom:0.3em;width:2em; background:#f8cc00;}
.tit u{text-decoration:none;font-size:2rem; display:block; color:#444;font-weight:normal;margin-top:1rem;}
.keep{word-break:keep-all;}
.nowrap{white-space: nowrap;}


.listing{display:flex;justify-content:space-between;padding:0; margin:0;list-style:none;margin:0 -1%;}
.listing li{border-radius:2rem;font-size:2rem; color:#444;margin:1%;padding:6.5rem 1rem 2rem;flex-basis: 20%;}
.listing li:nth-child(odd){background:url(../images/bullet-gr.png) no-repeat top 1em center / 1.7em, linear-gradient(0deg, #fff, #ffe673);}
.listing li:nth-child(even){background:url(../images/bullet-ye.png) no-repeat top 1em center / 1.7em, linear-gradient(0deg, #fff, #ffe673);}

.listing2{padding:0; margin:0;list-style:none;width:85%; margin:0 auto;overflow:hidden;}
.listing2 li{padding-left:2em;margin:1.2rem 0;float:left; width:50%;box-sizing:border-box;padding-bottom:0.3em;background:url(../images/bullet-gr.png) no-repeat top left / 1.6em;font-size:2rem;color:#444;}

.table-scroll{overflow-x:auto;}
.tb1{width:100%;/*table-layout:fixed;*/word-break:keep-all;}
.tb1 th,.tb1 td{padding:0.8em;font-size:1.8rem;border:4px solid #fff;}
.tb1 th{background:#ffe04a;color:#444;}
.tb1 td{background:#faf3ed;color:#444;}

.tb2{width:100%;table-layout:fixed;word-break:keep-all;}
.tb2 th,.tb2 td{background:#faf3ed;padding:0.6em 1em;font-size:1.8rem;border-bottom:4px solid #fff;}
.tb2 th{color:#444;text-align:center;width:10em;}
.tb2 td{color:#444;}

.btn{display:inline-block; margin:0.2em 0;background:#ffe04a;color:#444;font-size:2.6rem; font-weight:bold;text-align:center; width:34rem;padding:1em 0;border-radius:10px;}
.btn.type2{background:#7ba343; color:#fff;}
.btn:hover{background:#f8a600;}

.btn-s{vertical-align:middle;font-size:1em; background:#fff; border:0;border-radius:0;padding:0.6em;background:#7ca343; color:#fff;}

.privacy{font-size:2rem;}
.privacy .box{border:1px solid #999;}
.privacy .box .pri-tit{margin:0;padding:1em;font-weight:bold;background:#faf3ed; color:#333; text-align:center;}
.privacy .box .pri-con{margin:0;padding:1em;color:#444;}

#sub-visual{padding:14rem 1em;background:#ddd;text-align:center;}
#sub-visual h2{font-size:6rem;color:#222;margin:0.2em;word-break:keep-all;
text-shadow: 0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),-1rem 0 2rem rgba(255,255,255,1),1rem 0 2rem rgba(255,255,255,1),0 -1rem 2rem rgba(255,255,255,1),0 1rem 2rem rgba(255,255,255,1);}

#sub-visual p{font-size:2rem;color:#222;margin:0.2em;
text-shadow: 0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),-1rem 0 2rem rgba(255,255,255,1),1rem 0 2rem rgba(255,255,255,1),0 -1rem 2rem rgba(255,255,255,1),0 1rem 2rem rgba(255,255,255,1);}

#sub-visual.am{background:url(../images/vi-am.png) no-repeat center center / cover;}
#sub-visual.bm{background:url(../images/vi-bm.png) no-repeat center center / cover;}
#sub-visual.cm{background:url(../images/vi-cm.png) no-repeat center center / cover;}
#sub-visual.dm{background:url(../images/vi-dm.png) no-repeat center center / cover;}

#sub-con.introduction .intro01 .p-img img{max-width:50%;}
#sub-con.introduction .intro01 .mm-b{text-align:center;margin-bottom:0;}
#sub-con.introduction .intro02{text-align:center;}
#sub-con.introduction .intro02 .listing{margin-top:3rem;}
#sub-con.introduction .intro03 .views{overflow:hidden;margin:0 -1%;padding:0; list-style:none;}
#sub-con.introduction .intro03 .views li{float:left; width:48%; margin:1%;}
#sub-con.introduction .intro03 .views li div{padding-bottom:56.25%;}
#sub-con.introduction .intro03 .views li h3 {position:relative;padding:0;}
#sub-con.introduction .intro03 .views li h3 p{margin:0;display:inline-block;background:#f8cc00;border-radius:50px;font-size:2.8rem;color:#222;padding:0.15em 0.8em 0.2em;}
#sub-con.introduction .intro03 .views li h3 span{color:#222;font-size:2rem; position:absolute; right:0; bottom:0;text-align:right;}

#sub-con.steps .step01 h3{text-align:center;}
#sub-con.steps .step01 .listing2{margin-top:4rem;}
#sub-con.steps .step01 .btn-box{text-align:center; margin-top:6rem;}

#sub-con.contribution .contri01 .ml-b{text-align:center; line-height:1.3;margin-bottom:1.6em; margin-top:0;}
#sub-con.contribution .contri02{text-align:center;}
#sub-con.contribution .contri02 .table-scroll{margin-top:5rem;}
#sub-con.contribution .contri03{text-align:center;}

#sub-con.calculator .calcu01 .ml-b{text-align:center; line-height:1.3;margin-bottom:1.6em; margin:0;}
#sub-con.calculator .calcu02 .cal-box{box-sizing:border-box; border:1px solid #ddd;padding:7rem;border-bottom:0;margin-top:4rem;}
#sub-con.calculator .calcu02 .cal-box .line ~ .line{margin-top:4.5rem}
#sub-con.calculator .calcu02 .cal-box .line input{font-size:2rem;}
#sub-con.calculator .calcu02 .cal-box .line .cal-tit{color:#222; margin:0;vertical-align:middle;font-size:2.6rem;width:11em; display:inline-block;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con{display:inline-block; vertical-align:middle;width:calc(100% - 28.6rem - 0.5rem);}
#sub-con.calculator .calcu02 .cal-box .line .cal-con ul{padding:0; margin:0;list-style:none;margin-top:1rem;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con ul li{display:inline-block;margin-right:1rem;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con ul li a{font-size:1.6rem; color:#222;border:1px solid #ddd; border-radius:100px;padding:0.25em 0 0.35em;width:9.5rem;margin:0.1em 0;text-align:center;display:block;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con .cal-p{color:#222; font-size:2rem; display:inline-block;margin:0;margin-right:3em;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con .cal-p2{color:#222; font-size:2rem; margin:0;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con .cal-p2 ~ .cal-p2{margin-top:1.4rem;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con .cal-p2 span{display:inline-block; width:10.5em;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con .cal-p2 ul{display:inline-block;margin-left:2rem;}
#sub-con.calculator .calcu02 .cal-box .line .cal-con .cal-p2 ul li a{width:3.5em;}
#sub-con.calculator .calcu02 .cal-btns{margin-top:-0.4rem;}
#sub-con.calculator .calcu02 .cal-btns .btn{width:50%;border-radius:0;}
#sub-con.calculator .calcu02 .cal-box.bottom{margin-top:6em;}
#sub-con.calculator .calcu02 .cal-box.bottom .input45{text-align:right;}
#sub-con.calculator .calcu02 .cal-box.bottom h4{color:#222; text-align:center; font-size:2.6rem;padding:0; margin:0;margin-bottom:4rem;}
#sub-con.calculator .calcu02 .cal-box.bottom ul{margin:0; padding:0; list-style:none;overflow:hidden;}
#sub-con.calculator .calcu02 .cal-box.bottom ul li{color:#222; font-size:2rem; margin:0;float:left; width:48%;margin-bottom:3rem;}
#sub-con.calculator .calcu02 .cal-box.bottom ul li:nth-child(odd){margin-right:4%;}
#sub-con.calculator .calcu02 .cal-box.bottom ul li:last-child{margin-bottom:0;}
#sub-con.calculator .calcu02 .cal-box.bottom ul li label span{display:inline-block; width:calc(50% - 2em);vertical-align:middle;}
#sub-con.calculator .calcu02 .cal-result{font-weight:bold;margin-top:-0.4rem;text-align:center;color:#222; text-align:center; font-size:2.6rem;border:1px solid #ddd;padding: 1em 0;}
#sub-con.calculator .calcu02 .cal-result b{color:#7ba343;}

#sub-con.jobtraining .jobt01{text-align:center;}
#sub-con.jobtraining .jobt02 .tit{text-align:center;}
#sub-con.jobtraining .jobt02 .listing2{margin-top:4rem;}
#sub-con.jobtraining .jobt02 .p-img{margin-top:4rem;}
#sub-con.jobtraining .jobt03 .tit{text-align:center;}
#sub-con.jobtraining .jobt03 ul{list-style:none; margin:4rem -1% 0; padding:0;overflow:hidden;}
#sub-con.jobtraining .jobt03 ul li{float:left; width:48%; margin:1%;}
#sub-con.jobtraining .jobt03 ul li .p-img{border:1px solid #ddd;}
#sub-con.jobtraining .jobt03 ul li h4{text-align:center; margin:0;margin-top:5px;background:#7ca343; padding:0.5em 0 0.6em;font-size:2.6rem; color:#fff;}
#sub-con.jobtraining .jobt03 ul li h4.col2{background:#f8cc00;color:#333;}
#sub-con.jobtraining .jobt04{text-align:center;}

#sub-con.employcounsel .employ02{border-top:4px solid #7ca343; border-bottom:4px solid #7ca343; padding:5rem;margin-top:5rem;}
#sub-con.employcounsel .employ02 .input15{min-width:6em;}
#sub-con.employcounsel .employ02 select{width:7em;}
#sub-con.employcounsel .employ02 textarea{height:5em;}
#sub-con.employcounsel .employ02 .rd{display:inline-block;margin-right:4em;}

#sub-con.employcounsel .employ03{text-align:center;margin-top:5rem;}

#sub-con.resume .res01{border-top:4px solid #7ca343; border-bottom:4px solid #7ca343; padding:5rem;}
#sub-con.resume .res01 .sm{font-weight:bold; margin-bottom:0.5em;}
#sub-con.resume .res01 .rd{display:inline-block;margin-right:4em;margin-top:0.6em; margin-bottom:0.6em;}
#sub-con.resume .res01 .ss-b{margin-bottom:0.5em;}
#sub-con.resume .res01 .align .rd{margin-right:0em;width:8em;}
#sub-con.resume .res02{text-align:center;}
#sub-con.resume .res02 .btn-box{margin-top:5rem;}


#sub-con.jobcounsel .jobco02{border-top:4px solid #7ca343; border-bottom:4px solid #7ca343; padding:5rem;margin-top:5rem;}
#sub-con.jobcounsel .jobco02 .input15{min-width:6em;}
#sub-con.jobcounsel .jobco02 select{width:7em;}
#sub-con.jobcounsel .jobco02 textarea{height:5em;}
#sub-con.jobcounsel .jobco02 .rd{display:inline-block;margin-right:4em;}
#sub-con.jobcounsel .jobco03{text-align:center;margin-top:5rem;}

#sub-con.board .boar01{text-align:center;}

#search{text-align:right; font-size:2rem;margin-bottom:0.6em;}
#search input{width:220px;max-width:50%;}
#search select{width:4em;max-width:15%;}
#search input,#search select{vertical-align:middle;border-radius:0;border:1px solid #ddd;}
#search button{line-height:2;display:inline-block; vertical-align:middle;color:#fff; background:#7ca343;border:1px solid #7ca343;padding:0.25em 0.5em;border-radius:0;margin:0.1em 0;}
#search button img{height:1em;}

#pagination{text-align:center;margin-top:3rem;}
#pagination a{line-height:1;display:inline-block;background:#f8ce49; margin:0 0.1%;color:#fff;font-size:2rem;padding:0.4em 0.8em;border-radius:15px;}
#pagination a img{height:0.8em;}
#pagination a.on{background:#7ca343;}


.tb3{width:100%;font-size:2rem;text-align:center;color:#333;table-layout:fixed;}
.tb3 thead{background:#7ca343; color:#fff;}
.tb3 tr > *{padding:1.2em 0.5em;vertical-align:middle;}
.tb3 tbody{background:#faf3ed;}
.tb3 tbody tr{border-bottom:4px solid #fff;}
.tb3 tr td:nth-child(2){text-align:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tb3 tr td:nth-child(2) a{color:inherit;}
.tb3 tr.notice .not b{display:inline-block; border:1px solid #666;padding:0.2em 0.5em;}

#sub-con.board .boar03{font-size:2rem;}
#sub-con.board .boar03 .tit3{border-top:6px solid #7ca343;border-bottom:3px solid #ddd;}
#sub-con.board .boar03 .tit3.bb{margin-top:-3px;}
#sub-con.board .boar03 .tit3 h3{margin:0;padding:1.4em 1em;text-align:center;font-size:3rem;color:#333;line-height:1.3;}
#sub-con.board .boar03 .tit3 ul{margin:0;text-align:center;margin-bottom:1.8em;}
#sub-con.board .boar03 .tit3 ul li{display:inline-block; margin:0 1em;}
#sub-con.board .boar03 #bo-cont{padding:3.5em 2em;border-bottom:3px solid #ddd;line-height:1.6;}
#sub-con.board .boar03 #bo-cont #file{padding-top:3em; margin:0;}
#sub-con.board .boar03 #bo-cont #file a{color:#333;}
#sub-con.board .boar03 #bo-cont #file a:hover{font-weight:bold;}
#sub-con.board .boar03 .btn-box{text-align:center;margin-top:5rem;}

#bo-cont table {table-layout: auto;max-width: 100% !important;}
#bo-cont table *{word-break:break-all;}
#bo-cont img{max-width:100% !important; height:auto !important;}

.resume-pic .photo{display:inline-block; position:relative;vertical-align:middle;background:#fff; width:200px; padding-bottom:260px;}
.resume-pic .photo .pic-up{font-size:30px;font-weight:normal;color:#888;position:absolute;left:50%; top:50%; transform:translate(-50%, -50%);}
.resume-pic .photo img{position:absolute; top:0; left:0;}
.resume-pic .pic-txt{color:#555;font-weight:normal;display:inline-block;padding: 1em ;text-align:left;vertical-align:middle;}

.resume-pic.views img{display:inline-block; width:200px; height:260px;}