/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }
/* 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:16px; line-height:1.7; font-family: 'Pretendard'; color:#555;} 
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:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}


/*회원가입 스킨*/
.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;}

/* font-family: 'Pretendard'; */

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto; overflow: hidden;}
.inner{width: 1400px; margin: 0 auto; max-width:100%;}

#header{position:Absolute; left: 0; top: 0; width: 100%; height:100px; z-index: 1000;}
#header .inner{position:relative; height: 100%;}
#header h1{position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; height:42px;}
/* #header h1.main_logo { left:-8px;} */
#header h1 a{display: block; width:100%; height:100%;}
#header h1 img{width:172px;}
#header .gnb{position:absolute; display: flex; right: 0; bottom:0; font-size: 0; font-family: 'Pretendard'; z-index:100;}
#header .gnb > li{position:relative; margin-right: 47px;}
#header .gnb > li > a{display: block; line-height: 100px; font-size:16px; color:#fff; font-weight: 500;}
#header .gnb > li > a:before{content:''; position:absolute; left: 50%; transform: translateX(-50%); bottom: 22px; width: 0; height:2px; opacity: 0; background-color: #c4181f; transition:0.3s;}
#header .gnb > li ul{position:absolute; display: none; width:133px; border-radius: 10px; background-color: rgba(196,24,31,0.85); padding: 20px 0; left: 50%; transform: translateX(-50%);}
#header .gnb > li ul li{margin-top: 15px;}
#header .gnb > li ul li:first-child{margin-top: 0;}
#header .gnb > li ul li a{display: block; font-size: 14px; color:#fff; line-height: 1; text-align: center;}
#header .gnb > li:hover > a:before{width:20px; opacity: 1;}


#visual_wrap{position:relative;}
#visual_wrap:before{position:absolute; display:block; width:100%; height:100%; background:rgba(0,0,0,0.25); content:""; top:0; left:0; z-index:90;}

.visual_item{position:absolute; left: 0; width: 100%; bottom: 40px; font-size: 0; z-index: 100;}
.visual_item .inner{display: flex; align-items: center;}
.visual_item .pager{display: flex; margin-right: 29px;}
.visual_item .pager a{display: block; width: 8px; height: 8px; border: 1px solid #fff; opacity: 0.7; border-radius: 4px; margin-right: 10px;}
.visual_item .pager a.active{width:30px; height: 8px; opacity: 1; background-color: #fff;}
.visual_item .pager a:last-child{margin-right: 0;}

.visual_txt p{font-size:15px; color:#fff; line-height: 1; display: none;}
.visual_txt p span{font-weight: 600; margin-right: 8px;}
.visual_txt p.on{display: block;}
#visual_wrap p.copyright{position:absolute; right: 50%; margin-right: -700px; line-height:1; font-size:14px; font-weight: 500; color:#fff; z-index: 200; bottom: 40px;}


#visual_wrap .txt_wrap{position:absolute;  left:250px; top:50%; transform:translateY(-50%); z-index:100; text-align:left;}
#visual_wrap .txt_wrap h5.visual_tit{font-size:60px; color:#fff; display:block; width:auto; font-weight:300;}
#visual_wrap .txt_wrap h5.visual_tit b{font-size:60px; color:#E8000C; }
#visual_wrap .txt_wrap p{font-size:25px; color:#fff; font-weight:300;}
#visual_wrap .txt_wrap p:after{display:inline-block; margin-left:20px; width:250px; height:1px; background:#fff; content:""; vertical-align:middle;}


/* ------------------------------sub------------------------------ */
#header.sub_header{position:relative; }
#header.sub_header:before{content:''; position:absolute; left: 0; bottom: 0; width: 100%; height:1px; background-color: #eaeaea;}
#header.sub_header .gnb > li > a{color:#222;}

#footer{padding:38px 0; border-top: 1px solid #ddd; text-align: right;}
#footer p.copyright{font-size:14px; color:#222; line-height: 1; font-weight: 500; }

#sub_contents{padding:80px 0 100px; min-height: 800px;}
.contop{margin-bottom: 30px;}
.contop h3{line-height:1; font-size:30px; color:#222; font-weight: 600;}

.project_top{display: flex; font-size: 0; margin-bottom: 40px;}
.project_top .year{position:relative; z-index: 100; margin-right: 10px;}
.project_top .year em{display: block; width:150px; height: 40px; border-radius:20px; border: 1px solid #ddd; padding:0 19px; font-size:15px; line-height: 38px; color:#222; background: url(/images/sub/sub_select_arrow.png)center right 19px no-repeat; cursor:pointer}
.project_top .year.on em{background: url(/images/sub/sub_select_arrow_on.png)center right 19px no-repeat;}
.project_top .year ul{position:absolute; display: none; left: 0; top:100%; width:100%; border-radius:20px; border: 1px solid #ddd; padding: 18px 19px; background-color: #fff;}
.project_top .year ul li{margin-top: 10px;}
.project_top .year ul li:first-child{margin-top: 0;}
.project_top .year ul li a{display: block; line-height: 1; font-size: 15px; color:#222;}
.project_top .search_box{width:300px; border-radius:20px; height: 40px; border: 1px solid #ddd; margin-right: 10px; overflow: hidden;}
.project_top .search_box input{display: block; width: 100%; height: 100%; border: none; padding:0 19px; background-color: transparent; outline:0;}
.project_top .search_box input::placeholder {font-size: 15px; color:#aaaaaa;}
.project_top .search_box input::-webkit-input-placeholder {font-size: 15px; color:#aaaaaa;}
.project_top .search_box input:-ms-input-placeholder {font-size: 15px; color:#aaaaaa;}
.project_top button{display: block; width:100px; height: 40px; border-radius:20px; background-color: #c4181f; text-align: center; font-size:15px; color:#fff; line-height: 40px; }
.project_list ul{display: flex; flex-wrap: wrap; font-size: 0;}
.project_list ul li{width: 320px; margin-right: 40px; margin-top: 35px;}
.project_list ul li:nth-child(-n + 4){margin-top: 0;}
.project_list ul li:nth-child(4n){margin-right: 0;}
.project_list ul li .img_wrap{position:relative; padding-bottom: 70.62%; overflow: hidden}
.project_list ul li .img_wrap img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width:100%; max-height:100%; transition:0.3s;}
.project_list ul li:hover .img_wrap img{transform: scale(1.1)}
.project_list ul li .txt{margin-top: 17px;}
.project_list ul li .txt em{display: block; font-size:16px; font-weight: 600; line-height:20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.project_list ul li .txt em a{color:#222;}
.project_list ul li .txt p{display: block; font-size:15px; line-height:19px; margin-top: 4px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.project_list ul li .txt p a{color:#666;}

/* sub0101 */
.sub0101_wrap .con01{text-align:center; margin-bottom:60px;}
.sub0101_wrap .con01 em{display:block; margin:40px 0 30px; font-size:0;}
.sub0101_wrap .con01 .txt_wrap strong{display:block; font-size:25px; color:#222; margin-bottom:30px;}
.sub0101_wrap .con01 .txt_wrap span.last_txt {display: block; margin-top:15px;}

.sub0101_wrap .history_wrap div{border-bottom:1px solid #ddd; padding:40px; font-size:0;}
.sub0101_wrap .history_wrap div:first-child{border-top:2px solid #c4181f;}
.sub0101_wrap .history_wrap div h5{font-size:25px; color:#c4181f; width:220px; display:inline-block; vertical-align:top; line-height:1;}

.sub0101_wrap .history_wrap ul.dot_li{display:inline-block; vertical-align:top;}
.sub0101_wrap .history_wrap ul.dot_li li{margin-bottom:15px;}
.sub0101_wrap .history_wrap ul.dot_li li:last-child{margin-bottom:0;}

ul.dot_li li{position:relative; padding-left:20px;}
ul.dot_li li:before{position:absolute; display:block; width:4px; height:4px; border-radius:50%; background:#c4181f; content:""; left:0; top:11px; }
ul.dot_li li b{display:inline-block; width:150px; color:#222; font-size:16px; vertical-align:middle;}
ul.dot_li li p{display:inline-block; width:calc(100% - 150px); color:#555; font-size:15px; vertical-align:middle;}
.red{color:#c4181f;}


/* sub0102 */
.sub0102_wrap .con01{position:relative; text-align:center; margin-bottom:60px;}
.sub0102_wrap .con01:before{position:absolute; width:580px; height:1px; background:#ddd; display:block; content:""; left:0; top:50%; transform:translateY(-50%);}
.sub0102_wrap .con01:after{position:absolute; width:580px; height:1px; background:#ddd; display:block; content:""; right:0; top:50%; transform:translateY(-50%);}
.sub0102_wrap .con02 ul{font-size:0;}
.sub0102_wrap .con02 ul li{display:inline-block; width:calc(25% -  30px); padding:60px 0; border:1px solid #ddd; text-align:center; margin-right:40px;}
.sub0102_wrap .con02 ul li:last-child{margin-right:0;}
.sub0102_wrap .con02 ul li strong{display:block; font-size:20px; color:#222; margin:20px 0;}
.sub0102_wrap .con02 ul li p{display:block; font-size:15px; color:#222; margin-top:20px;}


/* sub0301 */
.sub0301_wrap .con01{border-top:2px solid #c4181f; }
.sub0301_wrap .con01 iframe{width:100%; height:450px; border-width:0 1px 1px 1px;}

.sub0301_wrap .con02{padding:40px; border:1px solid #ddd; margin-top:20px;}
.sub0301_wrap .con02 ul{font-size:0; position:relative;}
.sub0301_wrap .con02 ul:before{position:absolute; width:1px; height:100%; background:#ddd; content:""; display:block; left:50%; top:0;}
.sub0301_wrap .con02 ul li{display:inline-block; width:50%; margin-top:30px;}
.sub0301_wrap .con02 ul li:nth-child(2n){padding-left:40px;}
.sub0301_wrap .con02 ul li:nth-child(-n+2){margin-top:0;}
.sub0301_wrap .con02 ul li img{display:inline-block; margin-right:20px; vertical-align:middle;}
.sub0301_wrap .con02 ul li b{display:inline-block; width:120px; color:#222; font-size:16px; vertical-align:middle;}
.sub0301_wrap .con02 ul li p{display:inline-block; width:calc(100% - 210px); color:#555; font-size:15px; vertical-align:middle;}