@charset "utf-8";
@import url('./board.css');

#container {padding:60px 10px 90px 10px}
#container .sub {}

/* 상단이미지 */
.row.row_top {position:relative}
/* .sub_top_txt {position:absolute; left:0; top:50%; z-index:99; width:100%; text-align:center; color:#fff; font-size:50px; } */
.sub_top {background:#091128; }
.sub_top img {min-width:300px; width:100%;}
.sub_top_m {display:none}


.sub_top_txt {position:absolute; top:50%; z-index:99; width:100%; text-align:center}
.sub_top_txt img {width:100%; max-width:980px}


/* 현재위치 */
.top-area {border-bottom: 1px solid #dcdcdc;width:100%}
.top-area:after {display:block; clear:both; content:""}
.location_area {position:relative;max-width:1200px;margin:0 auto;z-index:9;}
.location_area .i_home {display:block;float: left;width: 58px;height: 62px;line-height: 62px;text-align: center;color: #3d3d3d;font-size: 18px;background:url() no-repeat 50% 50%;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.location_area .fake_select {display:block;float: left; position:relative;width: 210px;background:#fff; vertical-align:middle; *zoom:1;}
.location_area .fake_select * {margin:0; padding:0; font-size:14px; cursor:pointer;}
.location_area .fake_select .my_value {width:calc(100% - 1px); height:62px; padding: 0 40px 0 20px; overflow:visible; position:relative; top:0; left:0; z-index:2; border:0;border-right: 1px solid #e9e9e9;background:transparent; color:#3d3d3d; text-align:left; font-family:'GothamMedium'; font-size: 14px; line-height:62px; background:url('/images/bg_arrow.png') no-repeat 90% 50%;}
.location_area .fake_select .my_value.selected {font-weight:400;}
.location_area .fake_select div.my_value {height:62px; text-indent:0.8rem;}
.location_area .fake_select ul {overflow:hidden; position:absolute; top:62px; left:-1px; width:100%; border-top: 1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.location_area .fake_select ul.a_list {display:none}
.location_area .fake_select.open ul.a_list {display:block}
.location_area .fake_select li {overflow:hidden; position:relative; height:40px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; white-space:nowrap;}
.location_area .fake_select li input.option {position:absolute; width:100%; height:40px; line-height:40px;}
.location_area .fake_select li label {position:absolute; top:0; left:0; width:100%; height:1.8rem; background:#fff; color:#3d3d3d; line-height:40px; text-indent:0.8rem;;}
.location_area .fake_select li a {display:block; height:40px; background:#fff; color:#3d3d3d; line-height:40px; text-indent:20px;}
.location_area .fake_select li.on a {color:#f82249;}


.location_area .fake_select .my_value.my_value2 {width:calc(100% - 2px);}
.location_area .fake_select ul.a_list.a_list2 {left:-2px}


/* 서브공통 */
.sub {clear:both}
.sub .img_m {display:none}


/* 인사말 */

/* .sub01_1 .row01_01 img{width:100%} */
.sub01_1 .row01_02 {margin-top:63px;}
.sub01_1 .row01_02 ul {width:100%}
.sub01_1 .row01_02 li {float:left;}
.sub01_1 .row01_02 li.li01 {width:26%}
.sub01_1 .row01_02 li.li02 {width:72%; border-left:1px solid #dcdcdc; padding-left:3%}
.sub01_1 .row01_02 li.li02 > h3 {font-family: 'NotoSansKR-Medium'; font-size:34px; color:#222; line-height:130%; padding-bottom:20px; clear:both}
.sub01_1 .row01_02 li.li02 > p {width:100%; display:inline-block; margin-top:30px;  font-family: 'NotoSansKR'; font-size:16px; line-height:160%;  letter-spacing:-.5px}
.sub01_1 .row01_02 li.li02 > p.p01 {margin-top:0}
.sub01_1 .row01_02 li.li02 > p.p03  {font-family: 'NotoSansKR-Medium'; color:#000}
.sub01_1 .row01_02 li.li02 > p em {font-family: 'NotoSansKR'; color:#f82249}
.sub01_1 .row01_02 li.li02 > p em.em01 {color:#c0504d}
.sub01_1 .row01_02 li.li02 > p em.em02 {color:#00b050}
.sub01_1 .row01_02 li.li02 > p em.bold,
.sub01_1 .row01_02 li.li02 > p strong {font-weight:normal; font-family: 'NotoSansKR-Medium';}


.sub01_1 .row01_02 .li02_div01 {color:#555; background:#eee; background:url('/images/sub/sub01_1_img03.jpg') no-repeat; background-size:cover; padding:30px 20px; margin-top:50px; font-size:14px; line-height:160%; letter-spacing:-.5px}
.sub01_1 .row01_02 .li02_div01 h3 {font-family: 'NotoSansKR-Medium'; font-size:25px; line-height:34px; color:#66ffcc; margin-bottom:20px;}
.sub01_1 .row01_02 .li02_div01 h3 br{display:none}
.sub01_1 .row01_02 .li02_div01 p {position:relative;  padding-left:25px; color:#fff; font-size:16px; line-height:22px; margin-top:10px }
.sub01_1 .row01_02 .li02_div01 em {font-family: 'NotoSansKR-Regular'; color:#ffff80}
.sub01_1 .row01_02 .li02_div01 em:after {position:absolute; top:0; left:7px; content:""; }
.sub01_1 .row01_02 .li02_div01 p.p01 em:after {content:"1.";}
.sub01_1 .row01_02 .li02_div01 p.p02 em:after {content:"2. ";}
.sub01_1 .row01_02 .li02_div01 p.p03 em:after {content:"3. ";}
.sub01_1 .row01_02 .li02_div01 p.p04 em:after {content:"4. ";}
.sub01_1 .row01_02 .li02_div01 p.p05 em:after {content:"5. ";}
.sub01_1 .row01_02 .li02_div01 p.p06 em:after {content:"6. ";}
.sub01_1 .row01_02 .li02_div01 p.p07 em:after {content:"7. ";}
.sub01_1 .row01_02 .li02_div01 p.p08 em:after {content:"8. ";}




/* SCIENCE */
.sub02_1 .articleTit {position:relative; font-family: 'NotoSansKR-Medium'; font-size: 20px;color: #000;margin-bottom: 25px;line-height: 40px;}
.sub02_1 .articleTit:after {position:absolute; left:0; bottom:0; width:55px; height:2px; background:#1ea5de; content:"";}
.sub02_1 .recruit_process li {float:left; width:25%; }
.sub02_1 .recruit_process .div01 {width:90%; height:400px; background:url('/images/sub/specialty_img01.jpg') no-repeat; background-size:cover; padding-top:30px}
.sub02_1 .recruit_process .div02 {width:87%; clear:both; margin:20px 0 0 1.5%}
.sub02_1 .recruit_process li .txt {display:block;padding-top:15px; font-family: 'NotoSansKR-Medium'; font-size:25px;line-height: 35px; text-align:center; -webkit-text-shadow:0px 0px 5px 7px #160907; -moz-text-shadow:  0px 0px 5px 7px #160907; text-shadow: 0px 0px 5px 7px #160907}
.sub02_1 .recruit_process li .txt em {display:block; font-family: 'NotoSansKR-Regular'; font-size:19px;line-height:24px !important; margin-top:7px; color:#ff4f4f;}
.sub02_1 .recruit_process li .desc {font-size: 14px;color: #000;line-height:22px}
.sub02_1 .recruit_process .step1 .div01 {border-top:10px solid #013d79; color:#6bb5fe}
.sub02_1 .recruit_process .step2 .div01 {border-top:10px solid #00bde3; color:#6ae6ff}
.sub02_1 .recruit_process .step3 .div01 {border-top:10px solid #73bf45; color:#acd991}
.sub02_1 .recruit_process .step4 .div01 {border-top:10px solid #fcd140; color:#fddc6c}



/* PROCESS */
.sub03_1 .articleTit {position:relative; font-family: 'NotoSansKR-Medium'; font-size: 20px;color: #000;margin-bottom: 25px;line-height: 40px;}
.sub03_1 .articleTit:after {position:absolute; left:0; bottom:0; width:55px; height:2px; background:#1ea5de; content:"";}
.sub03_1 li {display:inline-block; float:left; width:16.666%; height:100px; position:relative;text-align: center; background:url('/images/sub/process_bg.jpg') center no-repeat; background-size:100px 100px}
.sub03_1 li .txt {display:block; position:absolute; top:50%; margin-top:-11px; width:100%; line-height:20px; font-family: 'NotoSansKR-Regular'; color:#fff; font-size:15px; vertical-align:middle;
-webkit-text-shadow:  0px 0px 5px 3px #1f0901; -moz-text-shadow: 0px 0px 5px 3px #1f0901; text-shadow: 0px 0px 5px 3px #1f0901;}
.sub03_1 li:before {content:'';display:block;overflow: hidden;width:25px;height:41px;right:0;top:50%;margin-top:-21px; 
background:url('/images/sub/arrow_right.png') no-repeat 8px 9px;position:absolute; background-size:70%; }

.sub03_1 p {margin-top:60px}

.sub03_1 .recruit_process li.step1 .txt {margin-top:-20px}
.sub03_1 .recruit_process li.step3 .txt,
.sub03_1 .recruit_process li.step4 .txt,
.sub03_1 .recruit_process li.step5 .txt {margin-top:-31px;}

.sub03_1 .recruit_process2 li {margin-top:60px}
.sub03_1 .recruit_process2 li.step6:last-child:before {display: none}
.sub03_1 .recruit_process2 li.step1 .txt,
.sub03_1 .recruit_process2 li.step2 .txt,
.sub03_1 .recruit_process2 li.step3 .txt, 
.sub03_1 .recruit_process2 li.step4 .txt, 
.sub03_1 .recruit_process2 li.step5 .txt {margin-top:-22px;}

.sub03_1 .row02 {margin-top:90px}
.sub03_1 .row02_body {color:#fff; font-family: 'NotoSansKR'; font-size:16px;line-height:24px; border:1px solid #ccc; background:#eee; background:url('/images/sub/sub03_1_img01.jpg') left center; no-repeat; background-size:cover; padding:20px;
-moz-text-shadow:0px 0px 5px 3px #160907; -moz-text-shadow:0px 0px 5px 3px #160907; text-shadow:0px 0px 5px 3px #160907}

.sub03_1 .row02_body .p01 {font-family: 'NotoSansKR-Regular'; font-size:20px;line-height:24px; }
.sub03_1 .row02_body .p03 {color:#ffb5b7; -webkit-text-shadow:0px 2px 7px #000;}



/*PRODUCT*/
.sub04_1 .row01_02 {margin-top: 63px;}
.sub04_1 .row01_02 li {float:left;}
.sub04_1 .row01_02 li.li01 {width:63%;padding-right: 3%;}
.sub04_1 .row01_02 li.li02 {width:37%;border-left:1px solid #dcdcdc; padding-left:3%}
.sub04_1 .articleTit {position:relative; font-family: 'NotoSansKR-Medium'; font-size: 20px;color: #000;margin-bottom: 3px;line-height: 40px;}
.sub04_1 .articleTit:after {position:absolute; left:0; bottom:0; width:55px; height:2px; background:#1ea5de; content:"";}
.sub04_1 .row01_02 li.li02 div ~ div {margin-top: 90px;}

/*Table*/
.tableW table {border: 1px solid #e2e2e2;width: 100%;table-layout: fixed;}
.tableW table tr th {padding: 10px;background: #f7f7f7;border-top: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;font-family: 'NotoSans-Bold'; font-size: 14px;}
.tableW table tr td {padding: 10px;border-right: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;text-align:center;font-size: 14px;}