/* 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:15px; line-height:1.6; font-family: 'Poppins','SUIT'; 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;}

/* ==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; border-bottom: 1px solid rgba(255,255,255,0.5); z-index: 1000;}
#header .inner{position:Relative; height: 100%;}
#header h1{position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:214px; height: 51px;}
#header h1 a{display: block; width:100%; height: 100%;}
#header h1 img{position:absolute; left: 0; top: 0; width: 100%; height: 100%;}
#header h1 img.on{opacity: 0;}

ul.gnb{position:Absolute; display: flex; right: 0; top:0; line-height: 100px; font-size: 0;}
ul.gnb li{margin-right: 89px;}
ul.gnb li:last-child{margin-right: 0;}
ul.gnb li a{display: block; line-height: 100px; font-size:18px; color:#fff;}


#header.on{background-color: #fff;}
#header.on h1 img{opacity: 0;}
#header.on h1 img.on{opacity: 1;}
#header.on ul.gnb li a{color:#222;}
#header.on ul.gnb li:hover a{color:#01436c;}

#visual_wrap{position:relative; font-size:0;}
.visual_txt{position:Absolute; left: 0; width: 100%; bottom:370px;}
.visual_txt .inner{padding-left: 30px;}
.visual_txt em{display: block; font-size:45px; color:#fff; font-weight: 600; line-height: 1;}
.visual_item{position:absolute;left: 0; width: 100%; bottom:290px; z-index: 100;}
.visual_item .inner{ display: flex; align-items: center; padding-left: 30px;}
.visual_item .visual_prev{display: block; width: 35px; height: 35px; margin-right: 16px; background: url(/images/main/main_visual_prev.png)center no-repeat rgba(255,255,255,0.4); border-radius:50%;}
.visual_item .visual_next{display: block; width: 35px; height: 35px; margin-right: 24px; background: url(/images/main/main_visual_next.png)center no-repeat rgba(255,255,255,0.4); border-radius:50%;}
.visual_item .pager{display: flex;}
.visual_item .pager a{display: block; width:80px; height: 3px; margin-right: 25px; background-color: #fff; opacity: 0.5;}
.visual_item .pager a.active{opacity: 1;}
.bottom_pager{position:Absolute; display: flex; justify-content: center; width:100%; left: 0; bottom:50px; opacity: 0.8; z-index: 100;}
.bottom_pager a{display: block; width:15px; height: 15px; border-radius:50%; border: 2px solid #fff; margin: 0 10px;}
.bottom_pager a.active{background-color: #fff;}

#section01{padding:50px 0; background-color: #003251; font-size: 0;}
#section01 ul{display: flex; justify-content: space-between;}
#section01 ul li{position:relative; width:442px; height: 200px; overflow: hidden;}
#section01 ul li img{transition:0.3s;}
#section01 ul li a{position:Absolute; display: flex; align-items: center; padding-left: 39px;left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
#section01 ul li em{position:relative; display: block; font-size:26px; font-weight: 500; color:#fff; line-height:32px; padding-bottom: 20px;}
#section01 ul li em:before{content:''; position:absolute; left: 0; bottom: 0; width: 30px; height: 2px; background-color: #fff;}
#section01 ul li span{display: block; font-size:20px; color:#fff; line-height: 1px; margin-top: 24px; font-weight: 300; padding-bottom: 5px;}
#section01 ul li:hover img{transform: scale(1.1)}

#footer{padding:35px 0; background-color: #333333; font-size: 0;}
#footer .inner{position:relative;}
#footer .foot_logo{position:absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 212px; height: 51px;}
#footer address{font-size:16px; line-height: 32px; color:#fff; font-weight: 300; font-family: 'Noto Sans KR';}

/* ---------------------sub--------------------- */
#header.sub_header{position:relative; background-color: #fff; border-bottom: 1px solid #ddd;}
#header.sub_header h1 img{opacity: 0;}
#header.sub_header h1 img.on{opacity: 1;}
#header.sub_header ul.gnb li a{color:#222;}
#header.sub_header ul.gnb li:hover a{color:#01436c;}



#sub_contents_wrap{margin-top:80px}
#sub_contents_wrap > .inner{display: flex; justify-content: space-between;}
.sub_menu{width:300px; padding-bottom: 120px;}
.sub_menu h2{font-size:30px; font-weight: 500; color:#fff; font-weight: 600; line-height: 150px; margin-bottom: 28px; text-align: center; background: url(/images/sub/sub_menu_bg.jpg)center no-repeat;}

.sub_menu .lnb h3{border: 1px solid #ddd; background: url(/images/sub/sub_menu_icon.png)center right 29px no-repeat; margin-bottom: 10px;}
.sub_menu .lnb h3 a{display: block; padding-left:30px; font-size:16px; font-weight: 500;line-height: 78px; color:#555}
.sub_menu .lnb h3.on{background: url(/images/sub/sub_menu_icon_on.png)center right 29px no-repeat; border:1px solid #003251;}
.sub_menu .lnb h3.on a{color:#003251}

#sub_contents{width:1050px; padding-bottom: 120px; padding-top: 35px; min-height:600px; word-break: keep-all;}
.contop{position:Relative; padding-bottom: 27px; border-bottom: 1px solid #ddd; margin-bottom: 55px; font-size: 0;}
.contop h3{font-size:35px; font-weight: 600; line-height: 1; color:#222;}


h4.sub_tit{position:relative; font-size:22px; font-weight: 500; color:#222; line-height: 1; padding-left: 40px;}
h4.sub_tit:before{content:''; position:Absolute; left: 0; top: 0; bottom: 0; width: 28px; height: 19px; background: url(/images/sub/sub_tit_deco.png)center no-repeat;}
.member_list{margin-top:60px;}
.member_list:first-child{margin-top: 0;}
.member_list ul {margin-top:48px;}
.member_list ul li{display: flex; font-size: 0; margin-top: 50px;}
.member_list ul li:first-child{margin-top: 0;}
.member_list ul li .img_wrap{width:159px}
.member_list ul li .img_wrap .img{position:Relative; padding-bottom: 135.22%;}
.member_list ul li .img_wrap .img img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width:100%; max-height:100%;}
.member_list ul li .txt_wrap{display: flex; flex-direction: column; justify-content: flex-end; width: calc(100% - 159px); padding-left: 33px;}
.member_list ul li .txt_wrap em{position:relative; display: block; font-size:18px; color:#222; font-weight: 500; line-height: 1; padding-bottom: 9px; border-bottom:1px solid #ddd;}
.member_list ul li .txt_wrap em span{font-weight: 600;}
.member_list ul li .txt_wrap em:before{content:''; position:Absolute; left: 0; width:100px ;height: 3px; bottom:-2px; background-color: #003251;}
.member_list ul li .txt_wrap .txt{margin-top: 29px;}
.member_list ul li .txt_wrap .txt p{position:relative; padding-left: 70px; min-height: 21px; font-size: 15px; color:#555555; margin-top: 15px;}
.member_list ul li .txt_wrap .txt p:first-child{margin-top: 0;}
.member_list ul li .txt_wrap .txt p span{position:absolute; display: block; left: 0; top: 0; font-size: 16px; color:#222; font-weight: 500; line-height: 21px}

/* sub0101 */
.sub0101_wrap .editor_box{width:100%; height:450px; border:1px solid #ddd; padding:20px;}

/* sub0201 */
.sub0201_wrap .txt_wrap{float:right; width:715px; padding-top:100px;}
.sub0201_wrap .txt_wrap em{font-size:35px; color:#222;display:inline-block; margin-right:20px;}
.sub0201_wrap .txt_wrap span{font-size:22px; color:#003251; font-weight:500;}
.sub0201_wrap .txt_wrap strong{display:block; font-size:18px; color:#222; font-weight:normal; padding:0 0 10px; position:relative; margin: 0 0 10px;}
.sub0201_wrap .txt_wrap strong::before{position:absolute; content:''; width:715px; height:1px; background:#ddd; left:0; bottom:0;}
.sub0201_wrap .txt_wrap strong::after{position:absolute; content:''; width:100px; height:3px; background:#003251; right:0; bottom:-1.5px;}
.sub0201_wrap .txt_wrap .txt span{font-size:16px; color:#222; }
.sub0201_wrap .txt_wrap .txt p{margin-top:5px;}
.sub0201_wrap h4{margin-top:100px;}
.sub0201_wrap .editor_box{margin-top:20px; padding:20px; border:1px solid #ddd; min-height:300px; }

/* sub0401 */
#year_box{float:right; width:250px; height:40px; padding-left:10px; border:1px solid #999;}
.sub0401_wrap .paper{margin:50px 0 0 0; padding-bottom:50px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:flex-start;}
.sub0401_wrap .paper:last-child{border-bottom:0px solid #ddd;}
.sub0401_wrap .txt_wrap{width:90%;}
.sub0401_wrap .paper01 img{margin-right:50px;}
.sub0401_wrap .paper01 .txt_wrap{width:610px;}
.sub0401_wrap .paper02 .txt_wrap{width:985px;}
.sub0401_wrap .paper02 em{width:45px;}
.sub0401_wrap em{font-size:18px; color:#222; font-weight:700; width:45px; display:block; margin-right:20px;}
.sub0401_wrap .txt_wrap .txt strong{font-size:18px; color:#222; display:block; font-weight:500;}
.sub0401_wrap .txt_wrap .txt span{font-size:17px;}
.sub0401_wrap .txt_wrap .txt button {width:150px; height:40px; color:#fff; background:#003251; float:right; margin-top: 40px;}
.sub0401_wrap .txt_wrap .txt button a{font-size:17px;}
.sub0401_wrap .txt_wrap .txt button:hover a{color:#fff;}

/* sub0402 */
.sub0402_wrap .patent{margin:25px 0 0; padding-bottom:25px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:flex-start;}
.sub0402_wrap .patent:last-child{border-bottom:0px solid #ddd;}
.sub0402_wrap .patent em{width:45px; margin-right:20px; font-size:18px; color:#222; font-weight:700; display:block;}
.sub0402_wrap .patent .txt_wrap{width:985px;}
.sub0402_wrap .patent .txt_wrap p{/*font-size:16px; color:#222; font-weight:500;*/ font-size:17px;}
.sub0402_wrap .patent .txt_wrap span{color:#003251;}