/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family:'Noto Sans Korean', sans-serif;  color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.inner {width:1300px; margin:0 auto;}
/*--- MAIN ---*/
#wrap {position:relative; width:100%; min-width:1300px; overflow:hidden;}
#header {width:100%; height:201px;}
#header .inner {position:relative;}
.logo {position: absolute; top: 15px; left: 50%; margin-left: -53px;}
.gnb {width:100%; padding-top:140px; font-family: 'Poppins', sans-serif;}
.gnb > li {position: relative; float:left; width:200px; height:62px; border-top:1px solid #eee; text-align:center;
			 line-height:52px; margin-left:20px; letter-spacing:-0.1px;}
.gnb > li:hover::before{width: 77px; height: 1px; background: #000; position: absolute; bottom: 0; left: 50%; margin-left: -40px; content: '';  z-index: 999;}
.gnb > li:first-child {margin-left:0;}
.gnb > li > a {display:block; width:100%; height:100%; font-size:13px; color:#7c7c7c;}
.gnb > li:hover > a {color:#000; font-weight:500;}
.gnb:hover{border-bottom: 1px solid #eeeeee;}
.gnb_2depth {display:none; position:absolute; top:61px; left:0; z-index:999; width: 800px; }
.gnb_2depth li {position:relative; float:left; line-height:61px; margin-left:20px;}
.gnb_2depth li:first-child {margin-left:0;}
.gnb_2depth li a {font-size:13px; color:#7c7c7c;}
.gnb_2depth li:hover a {color:#0f4c1c; font-weight:bold;} 
.gnb_bg {display:none; position:absolute; top:203px; left:0; width:100%; height:61px; z-index:99;
		    background:#fdfdfd;}
#visual_wrap {position:relative; width:100%; height:604px; overflow:hidden;}
.visual_line {position:absolute; top:328px; left:50%; margin-left:275px; z-index:99;}

#footer {width:100%; height:175px; overflow:hidden; font-family:'Noto Sans Korean', sans-serif;
		   padding-top:31px;}
.footer_left {float:left; text-align:left; font-family: 'Poppins', sans-serif;}
.footer_left h3 {font-size:14px; color:#000; font-weight:500;
					text-indent:-1px; margin-bottom:12px; letter-spacing:-0.2px;}
.footer_left p {font-size:11px; color:#7c7c7c; line-height:22px; font-weight:500; letter-spacing:-0.1px;}
/* .footer_left p span {display:inline-block; margin:0 5px 0 6px;} */
.footer_left p span{margin-right: 5px; font-size: 11px; font-weight: 600;  color: #000;}
.footer_left p span.bigfont{font-size: 20px; color: #000; font-weight: bold;}
.footer_right {float:right;  text-align: right;}
.footer_right h3 {font-size:14px; color:#000; font-weight:500; font-family: 'Poppins', sans-serif;
					text-indent:-1px; margin-bottom:10px; letter-spacing:-0.3px;}
.footer_right address {font-size:11px; color:#7c7c7c; line-height:22px; letter-spacing:-0.3px;}


.sns {margin-top:16px;}
.sns span {display:inline-block; margin-right:12px; margin-left:1px;}
.sns span:first-child img {vertical-align:1px;}

/*--- SUB ---*/
#sub_contents {width:100%; min-height:550px; padding-bottom:50px; overflow:hidden;}
.conbody {}
.sub_title{width: 100%; margin: 50px 0 30px;}
.sub_title h3{font-family: 'Poppins', sans-serif; font-size: 30px; color: #000; text-align: center; font-weight: 400;}

.sub_menu {width:100%; height:50px; text-align:center; font-family: 'Poppins', sans-serif; margin-top: 10px;}
.sub_menu span {display:inline-block; margin:0 13px; font-weight:500; letter-spacing:-0.2px;}
.sub_menu span a {font-size:12px; color:#4d4d4d;}
.sub_menu span.on a {color:#b7b6b6;}
/* sub0201 - list */
#list_Wrap {position:relative; width:100%;}

.p_list {}
.p_list li {float:left; width:424px; height:294px; margin-right:14px; margin-top:15px;
		   text-align:center;}
.p_list li:nth-child(3n) {margin-right:0;}
.p_list li:nth-child(-n+3) {margin-top:0;}
.p_list li a {display:block; width:100%; height:100%;}
.p_list li .p_img {width:100%; height:244px; overflow:hidden;}
.p_list li .p_img img {width:100%; height:100%; transition:all 0.4s ease-in-out;}
.p_list li h4 {width:100%; height:50px; font-size:12px; color:#000; font-weight:500;
				padding-top:9px; font-family:'Noto Sans Korean', sans-serif;}
.p_list li:hover .p_img img {transform:scale(1.1);}

.paging_wrap{text-align:center; box-sizing:border-box; margin-top:22px; font-family:'Noto Sans Korean', sans-serif;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; margin:0 3px; vertical-align:middle; }
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; width:25px; height:25px; border:1px solid #ebebeb;  font-size:12px; color:#ababab; line-height:22px; font-weight:350;}
ul.paging li.page_arrow a {line-height:20px; background:#ebebeb;}
ul.paging li.on{background:#000;}
ul.paging li.on a{color:#ffffff; border:1px solid #000;}

#search_wrap {position:absolute; bottom:0; right:0;}
#search_wrap select {width:75px; height:25px; outline:none; border-radius:0;  
							font-family:'Noto Sans Korean', sans-serif;
							border:none; cursor:pointer; padding-left:7px; margin-left:16px;
							color:#616161; font-size:12px; margin-right:8px; font-weight:350;
							background:url(/images/sub/select_bg.jpg) no-repeat;
							-moz-appearance:none; /* Firefox */			
							-webkit-appearance:none; /* Safari and Chrome */
							 appearance:none;}
#search_wrap select::-ms-expand {display: none;}
#search_wrap .search_box {width:223px; height:25px; border:1px solid #e0e0e0;  
							       border-right:0; outline:0; font-family:'Noto Sans Korean', sans-serif; font-weight:350; margin-right:24px;
								   border-radius:0; font-size:12px; color:#616161; padding-left:4px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#616161;}
::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#616161;}
:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#616161;}
:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#616161;}
#search_wrap .search_btn {position:absolute; top:0px; right:0;}
#search_wrap .search_btn button {border: 0; outline: 0; width:25px; height:25px;
											 background:url(/images/sub/search_btn.jpg) no-repeat;}

/* sub02view - view */
#view_Wrap {font-family:'Noto Sans Korean', sans-serif;}
.view_tit {width:100%; height:135px; text-align:center; padding-top:31px;}
.view_tit h3 {font-size:30px; color:#000; font-weight:400; margin-bottom:21px;}
.view_tit img {}
#view_Wrap > h4 {font-size:20px; color:#000; font-family: 'Poppins', sans-serif;
					     line-height:28px; padding-left:69px; font-weight:500; letter-spacing:-0.3px;}
.view_top {width:1160px; height:445px; overflow:hidden; margin:0 auto;
			  border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.view_img_wrap {float:left; width:770px; height:443px; text-align:center;}
.view_img {display:table-cell; vertical-align:middle; width:770px; height:443px; text-align:center;}
.view_img img {width:100%; height:auto;}
.view_txt_wrap {float:left; width:390px; padding-left:30px; padding-top:108px;}
.view_txt {}
.view_txt {}
.view_txt li {width:100%;/*  height:26px; */ line-height:26px; margin-bottom:10px;overflow:hidden;}
.view_txt li span {display:block; float:left;}
.view_txt li span.v_tit {font-size:14px; color:#000; padding-left:24px; font-weight:350;
							background:url(/images/sub/view_dot.jpg) left 9px no-repeat;
							width:135px;}

.view_txt li span.v_desc {width:225px; font-size:14px; color:#5e5e5e;}
.view_detail{margin-top: 30px;}
.view_detail p{text-align: center; font-size: 14px; line-height: 26px; color: #5e5e5e;}
.view_con {margin-top:69px;}
.view_con img {margin-top:50px;}
.view_con img:first-child {margin-top:0;}

/* sub0301 process */
.process_wrap{}
.process_wrap ul{width: 1200px; margin: 0 auto; }
.process_wrap ul li{float: left; width: 285px; height: 310px; border: 1px solid #ddd; padding: 30px;  margin-right: 20px; margin-bottom: 20px;} 
.process_wrap ul li:nth-child(4n){margin-right: 0;}
.process_wrap ul li .img{text-align: center; margin-bottom: 20px;}
.process_wrap ul li .img img{display: inline-block;}
.process_wrap ul li dl{font-family:'Noto Sans Korean', sans-serif; margin-top: 15px;}
.process_wrap ul li dl dt{text-align: center; font-size: 14px; color: #000000; font-weight: 500; margin-bottom: 10px;}
.process_wrap ul li dl dd{word-break:keep-all; text-align: center;  font-size: 12px; line-height: 20px; color: #7f7f7f;}
.process_wrap ul li span.number{margin: 7px auto 20px;  font-family: 'Poppins', sans-serif; font-size:15px; color:#ffffff; font-weight:bold; display:block; width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; background:#000; }

.sub0301_faq{text-align:center;}
.sub0301_faq h2{font-size:40px; color:#000000; font-weight:400; margin-top:10px;}
.sub0301_faq h3{font-size:14px; color:#000000; font-weight:400; margin:47px 0 25px 0;}
.sub0301_faq strong{font-size:14px; color:#000000; font-weight:600; margin-right:5px;}
.sub0301_faq p{font-size:12px; color:#7d7d7d; line-height:20px;}

/* online_request */
.tbl_recruit{font-family: 'Noto Sans Korean', sans-serif; border-top:2px solid #333333; }
.tbl_recruit tr:hover{background:#f5f5f5; }
.tbl_recruit tr.tbl_th:hover{background:none; }
.tbl_recruit th{font-weight: 400; height:50px; border-bottom:1px solid #dddddd; font-size:14px; color:#333333; }
.tbl_recruit td{text-align:center; height:50px; padding:5px 0; border-bottom:1px solid #dddddd; font-size:14px; color:#555555; }
.tbl_recruit td.recruit_title{text-align:left; padding-left:20px; }
.tbl_recruit td.recruit_title a{ color:#555555; }
span.recruit_pre{display:inline-block; width:50px; height:25px; background:#0955e9; text-align:center; line-height:25px; font-size:12px; color:#ffffff; }
span.recruit_end{display:inline-block; width:50px; height:25px; background:#333333; text-align:center; line-height:25px; font-size:12px; color:#ffffff; }
.button{margin-top: 30px;float: right; width: 120px; height: 35px; line-height: 33px; border: 1px solid #000;  text-align: center;}
.button a{font-size: 13px; width: 100%; height: 100%; display: block; cursor: pointer; color: #000;}
.button:hover{background: #000; transition: 0.3s;}
.button:hover a{color: #fff;}

.button1{ margin-left: 5px; display: inline-block;}
.button1 a{font-size: 12px; width: 100%; height: 100%; display: block; cursor: pointer; color: #1859d0;}
.button2{margin-left: 5px; display: inline-block;}
.button2 a{font-size: 12px; width: 100%; height: 100%; display: block; cursor: pointer; color: #d03218;}


.recruit_box{background: #F8F8F8; border: 1px solid #ddd; padding: 50px; margin-bottom: 30px;}
.recruit_box p.title{color: #000; font-size: 16px; text-align: center; margin-bottom: 40px; font-weight: 500;}
.recruit_box p span.color{color: #a51111;}
.recruit_box dl{margin-bottom: 50px; }
.recruit_box dl dt{color: #000; font-size: 16px; text-align: left;}
.recruit_box dl dd{color: #000; font-size: 16px; text-align: left; margin-top: 5px;}
.recruit_box dl dt span{color: #245D30; margin-right: 10px;}
.recruit_box dl dd span{color: #a51111; margin-right: 10px;}
/*sub0101 about us*/
.sub0101_wrap{text-align:center;}
.sub0101_txt{text-align:center;}
.sub0101_txt img{margin-top:60px; margin-bottom:30px;}
.sub_tit01{font-size: 16px; color: #000000; font-weight: 500; margin-bottom: 15px; }
.sub_txt01{word-break: keep-all; font-size: 14px; line-height: 28px; color: #7f7f7f;}