@charset "utf-8"; /* CSS Document */ .box0{ width:1280px; max-width:98%; margin:0 auto;} .box1{ width:1200px; max-width:100%; margin:0 auto;} .box2{ width:1000px; max-width:98%; margin:0 auto;} .pc_hide{ display:none !important;} /*header*/ #header{ position:relative; z-index:11; width:100%;} #header .left{ float:left;} #header .right{ float:right;} #header .top_wrap, #header .header_wrap{ position:relative;} #header .top_wrap{ z-index:111111111111; background:#193988; } #header .top_wrap .vm_wrap{ height:40px; font-size:.875em; margin-left:1em;} #header .top_wrap .vm_wrap img{ margin-right:15px;} #header .top_wrap .vm_wrap:first-child {margin-left:0;} #header .top_wrap .vm_wrap .vm_tt .xi {margin-right:5px; vertical-align:bottom; font-size:1em;} #header .top_wrap .tt{ display:block; color:rgba(255, 255, 255, .7); text-transform:uppercase; line-height:40px;} #header .top_wrap .mem_wrap{ float:left;} #header .top_wrap .mem_wrap .tt > i, #header .top_wrap .link_wrap .tt > i{ vertical-align:middle; padding:0 3px;} #header .top_wrap .mem_wrap .tt, #header .top_wrap .link_wrap .tt{ padding:0 15px;} #header .top_wrap .link_wrap > li:first-child{ margin-left:-10px} #header .top_wrap .lang { display:flex; justify-content:center; align-items:center; width:8em; height:40px; background:rgba(255, 255, 255, .6) } #header .top_wrap .lang a{font-family:'notokrM';font-size: .9em;color:#37499D;} #header .top_wrap .lang a i{margin-right:5px;} #header .header_wrap{ z-index:10; background:#fff; border-bottom:1px solid #ccc;} #header .header_wrap .vm_wrap{ height:80px;} #header .header_wrap .logo{ position:relative; z-index:10001; text-align:left;} #header .header_wrap .logo .mark{ vertical-align:middle;} #header .header_wrap .logo .txt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:25px;} #header .header_wrap .logo .txt .tt{ display:block;} #header .header_wrap .logo .txt .tt1{ font-size:1.250em; color:#111; } #header .header_wrap .logo .txt .tt2{font-size:.625em; color:#aaa; letter-spacing:0.3px; padding:6px 0 0 2px;} #header .header_wrap .btn_wrap{ float:left;} #header .header_wrap .btn_wrap > li{ float:left; margin-left:2px;} #header .header_wrap .btn_wrap .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:40px; height:40px; line-height:40px; text-align:center; transition:.3s; cursor:pointer;} #header .header_wrap .btn_wrap .btn_search{ font-size:1.125em; color:#000;} #header .header_wrap .btn_wrap .btn_search .btn:hover, #header .header_wrap .btn_wrap .btn_search .btn.on{ color:#d54838; border:1px solid #d54838} #header .header_wrap .btn_wrap .btn_search .btn.searchBtn .xi:before{ content:"\e921";} #header .header_wrap .btn_wrap .btn_all{ font-size:0;} #header .header_wrap .btn_wrap .btn_all .btn{} #header .header_wrap .btn_wrap .btn_all .btn .icon, #header .header_wrap .btn_wrap .btn_all .btn .icon:before, #header .header_wrap .btn_wrap .btn_all .btn .icon:after{ content:""; position:relative; display:block; width:30px; height:3px; background:#000; transition-duration:.4s;} #header .header_wrap .btn_wrap .btn_all .btn .icon{ top:50%; margin:0 auto; margin-top:-2px;} #header .header_wrap .btn_wrap .btn_all .btn .icon:before, #header .header_wrap .btn_wrap .btn_all .btn .icon:after{ position:absolute; right:0;} #header .header_wrap .btn_wrap .btn_all .btn .icon:before{ top:-9px;} #header .header_wrap .btn_wrap .btn_all .btn .icon:after{ bottom:-9px;} #header .header_wrap .btn_wrap .btn_all .btn:hover .icon:before{ width:13px; background:#37499d;} #header .header_wrap .btn_wrap .btn_all .btn:hover .icon:after{ width:22px;} #header .header_wrap .btn_wrap .btn_all .btn.on{} #header .header_wrap .btn_wrap .btn_all .btn.on .icon{ margin-top:0; width:25px; background-color:transparent;} #header .header_wrap .btn_wrap .btn_all .btn.on .icon:before, #header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{ width:30px; top:0; bottom:inherit; background:#000;} #header .header_wrap .btn_wrap .btn_all .btn.on .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} #header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} #header .gnb_wrap{ float:left;} #header .gnb_wrap .gnb > li.m_mypage, #header .gnb_wrap .gnb > li.m_member, #header .gnb_wrap .gnb > li.m_guide, #header .gnb_wrap .gnb .dp2 { display:none;} #header .gnb_wrap .gnb{ *zoom:1;} #header .gnb_wrap .gnb:after{ content:""; display:block; clear:both;} #header .gnb_wrap .gnb > li{ float:left; position:relative;} #header .gnb_wrap .gnb > li:before {content:""; position:absolute; z-index:1; left:1em; right:1em; bottom:-1px; background:#152c8d; opacity:0; visibility:hidden; transition:.3s;} #header .gnb_wrap .gnb > li.on:before {height:4px; opacity:1; visibility:visible;} #header .gnb_wrap .gnb > li.m_mypage {display:none;} #header .gnb_wrap .gnb .dp1{display:block;padding: 0 1.5vw;height:80px;line-height:80px;font-size: 1.25em;color:#222;font-family:'notokrM';letter-spacing:-1px;transition:.3s;} #header .gnb_wrap .gnb > li:hover .dp1, #header .gnb_wrap .gnb > li.on .dp1{ color:#152c8d;} #header .gnb_wrap .gnb .dp2{ position:absolute; z-index:2; top:88%; left:0; width:140px; padding:10px 15px; background:#fff; border:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,.2);} #header .gnb_wrap .gnb .dp2:before { content:""; display:block; position:absolute; top:-9px; left:35px; width:15px; height:15px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #header .gnb_wrap .gnb .dp2 > li{ padding:0 10px; transition:.3s; display:block;} #header .gnb_wrap .gnb .dp2 > li > a{ display:block; padding:10px 0; border-top:1px solid #eee; font-size:1.1em; color:#444; letter-spacing:-1px; height:inherit; text-align:left;} #header .gnb_wrap .gnb .dp2 > li > a .tt {display:block;} #header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:none;} #header .gnb_wrap .gnb .dp2 > li:hover{ background:#f2f2f2;} #header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#000;} #header .gnb_wrap .gnb .dp3{ position:absolute; z-index:2; top:88%; left:0; width:130px; padding:10px 15px; background:#fff; border:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,.2);} #header .gnb_wrap .gnb .dp3:before { content:""; display:block; position:absolute; top:-9px; left:35px; width:15px; height:15px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #header .gnb_wrap .gnb .dp3 > li{ padding:0 10px; transition:.3s; display:block;} #header .gnb_wrap .gnb .dp3 > li > a{ display:block; padding:10px 0; border-top:1px solid #eee; font-size:.875em; color:#444; letter-spacing:-1px; height:inherit; text-align:left;} #header .gnb_wrap .gnb .dp3 > li > a .tt {display:block;} #header .gnb_wrap .gnb .dp3 > li:first-child > a{ border-top:none;} #header .gnb_wrap .gnb .dp3 > li:hover{ background:#f2f2f2;} #header .gnb_wrap .gnb .dp3 > li:hover > a{ color:#000;} /**/ #header .searchSection{ position:absolute; z-index:1001; top:100%; left:0; width:100%; background:linear-gradient(to bottom, #fff, #eaedf0); text-align:center; filter:alpha(opacity=0); opacity:0; visibility:hidden; transition:.3s; border-bottom:1px solid #ccc; box-shadow:1px 2px 9px rgba(0,0,0,0.2); padding:2em 0;} #header .searchSection .inner > * {display:inline-block; vertical-align:middle;} #header .searchSection .tit {font-family:'notokrM';} #header .searchSection .tit .xi {padding-right:5px; font-size:1.250em; vertical-align:middle} #header .searchSection .tit .tt { font-size:1.125em; font-family:'notokrM' !important; vertical-align:middle} #header .searchSection .searchClose{} #header .searchSection .searchClose .xi {border:1px solid #ddd; color:#222; background:#f9f9f9; line-height:2.5em; height:2.5em; width:2.5em; border-radius:50%; transition:.3s;} #header .searchSection .searchClose:hover .xi {background:#d54838; transition:.3s; color:#fff;} #header .searchSection .inp_wrap{position:relative; width:45em; margin:0 1em;} #header .searchSection .inp_wrap .inp{ display:inline-block *display:inline;zoom:1; vertical-align:top; box-sizing:border-box; height:55px; line-height:55px; border:1px solid #ccc; background:#fff; font-size:.938em; border-radius:.9em;} #header .searchSection .inp_wrap .inp_txt{ width:100%; padding:0 15px;} #header .searchSection .inp_wrap .inp_btn{ border-color:transparent; background:none; position:absolute; right:15px; top:0;} #header .searchSection .inp_wrap .inp_btn .xi{ font-size:1.750rem; color:#d54838;} #header .searchSection.on{/* top:0; */filter:alpha(opacity=100); opacity:1; visibility:visible;} #header .siteMap_wrap{ position:absolute; z-index:10; top:100%; left:0; width:100%; height:0; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; visibility:hidden; -webkit-transition:opacity.35s,visibility.35s,height.35s; transition:opacity.35s,visibility.35s,height.35s;} #header .siteMap_wrap.on{ filter:alpha(opacity=100); opacity:1; visibility:visible; height:auto;} #header .siteMap_wrap .gnb{ border-left:1px solid #ddd;overflow:hidden;} #header .siteMap_wrap .gnb:after {content:""; display:block; clear:both;} #header .siteMap_wrap .gnb > li, #header .siteMap_wrap .gnb > li *{ transition:.3s; display:block;} #header .siteMap_wrap .gnb > li{float:left; width:25%; position:relative; border-top:1px solid #ddd; margin-top:-1px; padding:2em 0;} #header .siteMap_wrap .gnb > li:after {position:absolute; content:""; width:1px; height:100%; right:0; top:0; background:#ddd;} /*#header .siteMap_wrap .gnb > li.m_guide{ display:none}*/ #header .siteMap_wrap .gnb > li .gnb_draw .draw_title {display:none;} #header .siteMap_wrap .gnb .dp1 .icon{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;} #header .siteMap_wrap .gnb .dp1, #header .siteMap_wrap .gnb .dp2{ margin:0 10px;} #header .siteMap_wrap .gnb .dp1{ display:inline-block; *display:inline; zoom:1; padding:9px 20px; min-width:80px; background:#152c8d; border-radius:15em; text-align:center; color:#fff;} #header .siteMap_wrap .gnb .dp1 .tt {font-size: 1.2em;} #header .siteMap_wrap .gnb .dp2{ padding:10px 5px;} #header .siteMap_wrap .gnb .dp2 li{float:none;} #header .siteMap_wrap .gnb .dp2 > li > a{display:block;font-size: 1.1em;color:#000;font-family:'notokrR';line-height:2.2;text-align:left;position:relative;padding-left:15px;} #header .siteMap_wrap .gnb .dp2 > li > a:before {position:absolute;content:"";width:4px;height:1px;background:#666;left: 5px;top: 19px;} #header .siteMap_wrap .gnb .dp2 > li > a .menu_icon {display:none;} #header .siteMap_wrap .gnb > li:hover{ background:#f9f9f9;} #header .siteMap_wrap .gnb .dp2 a:hover{ color:#055297; text-decoration:underline;} #header .siteMap_bg{ position:fixed; z-index:9; left:0; top:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=0); opacity:0; display:none;} #header .siteMap_bg.on{ display:block;} /**/ .fl_wrap{ *zoom:1;} .fl_wrap:after{ content:""; display:block; clear:both;} .fl_wrap > * { float:left;} .fl_wrap > .left { float:left;} .fl_wrap > .right{ float:right;} .fl_wrap > * > .in{ display:block} .flex{ display:flex;} .flex.wrap{ flex-wrap:wrap;} .flex.column{ flex-direction:column;} .flex.center{ align-items:center;} .flex.cont_center { justify-content:center;} .flex.cont_space { justify-content:space-between;} .flex.cont_around { justify-content:space-around;} .flex.cont_stretch{ align-items:stretch;} .flex.item_stretch{ align-self:stretch;} .sec1 > * { width:100% !important} .sec2 > * { width:50% !important} .sec3 > * { width:33.33% !important} .sec4 > * { width:25% !important} .sec5 > * { width:20% !important} .sec6 > * { width:16.66% !important} .sec7 > * { width:14.28% !important} .sec8 > * { width:12.5% !important} .sec9 > * { width:11.11% !important} .sec10 > *{ width:10% !important} .vm_wrap{ display:block; text-align:center; white-space:nowrap} .vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;} .vm_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; white-space:normal; box-sizing:border-box;} .vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%;} .cl{ clear:both !important; display:block} .pr{ position:relative; z-index:inherit} .oh{ overflow:hidden !important;} /*MAIN PAGE*******************/ .main_visual{ position:relative;} .main_visual .visual .slick-track{ height:570px;} .main_visual .visual .item{ background-repeat:no-repeat; background-position:center -300px; background-size:cover; opacity:60%;} .main_visual .slogan{ position: absolute; left: 50%; top: 50%; z-index:100; transform: translate(-600px, -160px);} .main_visual .slogan p{ color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0,.3); } .main_visual .slogan p:first-child{ margin-bottom: 15px; font-size: 1.5em;} .main_visual .slogan p:last-child{ font-weight:700; font-size:2.8em;} .main_visual .slick-slide{ position:relative;} .main_visual .slick-slide::after{ content:''; width:100%; height:100%; background:linear-gradient(90deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)); position:absolute; left:0; top:0; z-index:0 } .main_visual .slick-dots{display:none !important;} .main_visual .arrow_wrap{ position:absolute; left:1.5%; right:1.5%; top:50%;} .main_visual .arrow_wrap > li{ position:absolute; top:-2.5em; text-align:center;} .main_visual .arrow_wrap > li.prev{ left:0;} .main_visual .arrow_wrap > li.next{ right:0;} .main_visual .arrow_wrap > li .xi{ width:1.8em; line-height:1.8em; font-size:2.500em; color:#fff; cursor:pointer;} /**** main_section ****/ .main_section .btn_wrap{ height:2.8em; line-height:2.8em; color:#222; background:#f5f5f5; display:inline-block; cursor:pointer; border:1px solid rgba(255,255,255,.5); width:100%;} .main_section .btn_wrap > a{ font-size:.938em; text-align:center; display:block} .main_section .btn_wrap > a.go_btn.st1{ width:100%; display:inline-block; position:relative} .main_section .btn_wrap > a.go_btn.st1 .xi { vertical-align:baseline;} .main_section .btn_wrap > a.go_btn.st1:nth-child(2):before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:0} .main_section .btn_wrap .xi{ vertical-align:middle; padding-left:5px;} .main_section .btn_wrap.c1{ /*background:#097d3d*/ background:#f5f5f5;} .main_section .btn_wrap.c1 > a{ color:#333} .main_section .btn_wrap.c2{ background:#fff;} .main_section .btn_wrap.c2 > a{ color:#222} .main_section .btn_wrap.c3{ background:none} .main_section .btn_wrap.c3 > a{ color:#fff} .main_section .btn_wrap:hover {background:#555; border-color:#555; transition:.3s;} .main_section .btn_wrap > a:hover {color:#fff; transition:.3s;} .main_section .btn_wrap2{ margin-top:1.5em} .main_section .btn_wrap2 > ul > li > .btn_ul{ border:1px solid #fff; display:inline-block; height:2.8em; line-height:2.8em; margin-left:-1px; padding:0 1.2em; color:#fff; font-size:.8em; letter-spacing:-1px; border-radius:.3em; margin-right:.3em} .main_section .btn_wrap2 > ul > li > .btn_ul.st{ margin-top:-1px} .main_section .btn_wrap2 > ul > li > .btn_ul.st1{ padding:0 3.5em; font-size:.938em; transition:.3s;} .main_section .btn_wrap2 > ul > li > .btn_ul.st1:hover{ background:#fff; color:#333;} .main_section .btn_wrap2 > ul > li > .btn_ul.st2{ border:none; padding-left:1em; position:relative; height:2.3em; line-height:2.3em} /*교육과정안내*/ .main_section .btn_wrap2 > ul > li > .btn_ul.st2:before{ width:5px; height:5px; background:#fff; position:absolute; content:""; left:0; top:13px; border-radius:50%; opacity:.7} /* main_section1 - quick*/ .main_section1{ position:absolute; left:50%; top:450px; transform:translateX(-50%);} .quick_wrap{ display:flex; width:100%; height:204px;} .quick_wrap > li{ flex:1; display:flex; align-items:center; flex:1; margin-left:3px; padding:50px; box-sizing:border-box; background:rgba(0, 0, 0, .6); position:relative; transition:all .3s; } .quick_wrap > li > p{ margin-right:20px; } .quick_wrap > li > div p{ color:#fff;} .quick_wrap > li > div p:nth-child(1){font-size: 1.3em;} .quick_wrap > li > div p:nth-child(2){font-family:'notokrB';font-size: 2.4em;} .quick_wrap > li::after{ content:''; width:82px; height:12px; background:url(../images/main/arrow.png) no-repeat; position: absolute; right:50px; bottom:80px; opacity:40%; transition:all .3s;} .quick_wrap > li:hover{ background:#193988;} .quick_wrap > li:hover::after{ animation:quick .5s;} @keyframes quick { 0%{ right:52px;} 50%{ right:54px;} 100%{ right:50px;} } /* main_section2*/ .section2{margin-bottom: 50px;padding: 60px 0;background-color:#193988;} .section2 .box1 > div{ width: calc(( 100% - 60px ) / 2);} .section2 .box1 > div .tit_wrap{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding: 0 5px 10px;border-bottom: 1px solid #ddd;font-family:'notokrM';font-size: 1.75em;color:#fff;position: relative;} .section2 .box1 > div .tit_wrap .main_more2{ color: #fff; transition:all .3s;} .section2 .box1 > div .tit_wrap .main_more2:hover{ transform:rotate(90deg);} .section2 .box1 > div .tit_wrap::after{ content:''; width:120px; height: 1px; background: #fff; position: absolute; left: 0; bottom:0;} .section2 .list_wrap .list{padding: 0 .3em;} /*.section2 .list_wrap .list > li { border-top: 1px solid #aaa;} .section2 .list_wrap .list > li:first-child{ border-top:none;}*/ .section2 .list_wrap .list > li .in {display:flex;justify-content:space-between;padding: 0.5em 0;color:#fff;font-size: 1.125em;} .section2 .list_wrap .list > li.def .in .tit { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 70%;} .section2 .list_wrap .list > li:hover .in{ text-decoration:underline;} /* section3 */ .main_section3 .con_tit{font-size: 1.8em;color:#555;margin-bottom: 1.2em;letter-spacing:-1.5px;line-height: 1.25;font-weight:600} .main_section3 .con_tit2{ font-size:1.375em; color:#555; margin-bottom:.6em; font-weight:600} .main_section3 .con_tit .c1{ color:#111} .main_section3 .con_idx{min-height: 260px;padding:1em;box-sizing:border-box;border-bottom:1px solid #ddd;background-color:#f6f6f6;} .main_section3 .main_list_col .research .main_section3 .main_list_col .research .con_idx{ } .main_section3 .main_list_col .research .tab_list{ padding: 1em 0; gap:.5em;} .main_section3 .main_list_col .research .tab_list li{ /*width: calc( (100% - 2em) / 5 ); margin-right: 0.5em; margin-bottom:.5em;*/ padding:.3em .8em; height:3em; border:1px solid #ddd; border-radius: 5em; background-color:#fff; position: relative; transition: all .3s;} .main_section3 .main_list_col .research .tab_list li:nth-child(5n){ margin-right:0;} .main_section3 .main_list_col .research .tab_list li a{font-size:16px;color: #333;text-align: center;letter-spacing: -.2px;font-size: 1.125em;} /*.main_section3 .main_list_col .research .tab_list li::before{ content: ''; width: 100%; height: 3px; background: #06419a; position: absolute; left: 0; top:-1px; opacity:.3; transform: scale(100%,100%); transition: all .3s;} .main_section3 .main_list_col .research .tab_list li::after{ content: "\e935"; width: 100%; font-family: xeicon!important; font-size: 11px; color: #06419a; text-align: center; position: absolute; left: 50%; top:-1px; transform: translate(-50%, -5px); opacity: 0; transition: all .3s;}*/ .main_section3 .main_list_col .research .tab_list li:hover{ background-color:#06419a;/*box-shadow:1px 1px 5px rgba(0, 0, 0, .2);*/} .main_section3 .main_list_col .research .tab_list li:hover a{ color:#fff;} /*.main_section3 .main_list_col .research .tab_list li:hover::before{ opacity:1;} .main_section3 .main_list_col .research .tab_list li:hover::after{ opacity:1; transform:translate(-50%, -1px);}*/ /*section3 - 연구소조직 링크*/ .main_section3 .ref_wrap{ float:right; display:flex; justify-content:center; align-items:center; max-width:300px; width:100%; height:260px; border-radius:5px; margin-top:155px; cursor:pointer;/* background:#193988; */background:url(../images/main/banner_org.png) no-repeat center center / cover; box-shadow:2px 2px 8px rgba(0, 0, 0, .35);} .main_section3 .ref_wrap .in:hover .icon{ background:#fff;} .main_section3 .ref_wrap .in:hover .icon > i{ color:#193988;} .main_section3 .ref_wrap .in:active .icon{ position:relative; top:1px;} .main_section3 .ref_wrap .in .tt{ color:#fff; font-size:1.25em; text-align:center; margin-bottom:1em} .main_section3 .ref_wrap .in .tt span{ font-weight:700; font-size:2em; opacity:.6;} .main_section3 .ref_wrap .in .icon{ background:#193988; width:78px; height:78px; line-height:78px; text-align:center; border-radius:50%; margin:0 auto; transition:.3s} .main_section3 .ref_wrap .in .icon > i{ color:#fff; font-size:2.5em} /* section4 - 갤러리*/ .section4{ background-color:rgba(25, 57, 136, .1); padding:50px 0; box-shadow: 0 -1px 5px rgba(0, 0, 0, .15);} .section4 .con_tit{ font-size: 1.75em; color: #555; margin-bottom: 1em; letter-spacing: -1.5px; line-height: 1.2; font-weight: 600; } .section4 .con_tit span{ color:#111; margin-left:8px; vertical-align:top;} /* .mid_slide{ margin:50px 0;} */ .section4 .gallery .box1{ position:relative;} .section4 .gallery ul { margin:0 -15px 0 0; overflow:inherit; } .section4 .gallery ul:after { content:""; clear:both; display:block; height:auto; visibility:hidden; } .section4 .gallery ul li { float:left; width:25%;} .section4 .gallery ul li .inner { display:block; margin:0 15px 0 0; /* border:1px solid #ddd; */ box-sizing:border-box; box-shadow:1px 1px 5px rgba(0, 0, 0, .1);} .section4 .gallery ul li .inner .img { height: 180px; background:#fff; } .section4 .gallery ul li .inner .img img { width:100%; height:100%; object-fit:cover;} .section4 .gallery ul li .inner .txt{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; /* width:85%; */padding:15px; background-color: #fff;} .section4 .gallery ul li .inner .txt .name {color:#333;font-size: 1.1em;} /* .mid_slide .gallery .slick-arrow { border:none; font-size:0; position:absolute; top:50%; margin-top:-15px; background:none;} .mid_slide .gallery .slick-prev { left:-40px; } .mid_slide .gallery .slick-prev:before{ content:'\e93b'; font-family:'xeicon'; color:#333; font-size:1.8rem; display:block;} .mid_slide .gallery .slick-next { right:-30px; } .mid_slide .gallery .slick-next:before{ content:'\e93e'; font-family:'xeicon'; color:#333; font-size:1.8rem; display:block;} */ .section4 .gallery .main_more{ background:#fff; position:absolute; right:10px; top:-8px; box-shadow: 0 0 1em 0.125em rgba(0,0,0,.1);} .section4 .gallery .main_more:hover{ background:#193988; color:#fff;} /* section5 */ /* .section5{ height:380px; background:url(../images/main/sec5_bg.png) no-repeat center center / cover; position:relative;} */ /*.section5::after{ content:''; width:1px; height:80%; background:rgba(255, 255, 255, .3); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}*/ /* .section5 ul{ position:relative; height:100%;} .section5 li{ width:50%; height:100%; } .section5 li:nth-child(1){ padding:4em 2.5em 4em 0;} .section5 li:nth-child(2){ padding:4em 0 4em 2.5em;} .section5 li a{ display: block; color:#fff; } .section5 li .banner-tit{ font-family:'notokrB'; font-size:2.5em; margin-bottom:30px;} .section5 li .banner-desc{ font-size:1em; line-height:1.5em; opacity:.8;} */ /*.section5{ height:380px; padding: 60px 0; box-sizing:border-box; background:url(../images/main/sec5_bg.png) no-repeat; position:relative;} .section5 .box1{ display:flex; justify-content:space-between;} .section5 .bookinfo{ display:flex; } .section5 .bookinfo .bookcover{ margin-right:20px; } .section5 .bookinfo .bookcover img{ width:200px; heigh:150px; object-fit:cover;} .section5 .bookinfo .txt{ width:50%; padding:10px 0; color:#fff;} .section5 .bookinfo .txt .tit{ font-family:'notokrB'; font-size:1.5em; margin-bottom:80px;} .section5 .bookinfo .txt .number{ margin-bottom:10px;} .section5 .bookinfo .txt .info{ line-height:1.8;} .section5 ul{} .section5 ul li{ display:flex; justify-content:center; align-items:center; width: 220px; height:55px; margin-bottom: 20px; border: 2px solid #fff; box-sizing: border-box;} .section5 ul li a{ width: 100%; height:100%; font-weight:500; font-size:1em; text-align:center; line-height:55px; color: #fff} .section5 ul li:hover{ border:none; background-color:#193988;}*/ /*하단 링크 2개*/ .section5{ background:url(../images/main/sec5_bg.png) no-repeat center center; padding:50px 0;} .section5 .ma_ul1{ overflow:hidden; margin:0 0 0 -20px;} .section5 .ma_ul1 .ma_li1{ float:left; width:50%;} .section5 .ma_ul1 .ma_li1 .in{ padding:30px 80px; margin:0 0 0 20px; background-color:rgba(255, 255, 255, .35); backdrop-filter:blur(5px); text-align:center; cursor:pointer; box-shadow: 0 3px 5px rgba(0, 0, 0, .5);} .section5 .ma_ul1 .ma_li1 .in .icon{ font-size:2.25em; color:#fff; margin-bottom:10px;} .section5 .ma_ul1 .ma_li1 .in .txt{ color:#fff;} .section5 .ma_ul1 .ma_li1 .in .txt .tit{ display: block; margin-bottom:5px; font-size:1.25rem; } .section5 .ma_ul1 .ma_li1 .in .txt .td{ font-family: 'notokrL'; font-size:.875rem; line-height: 1.4;} /* .section5 .ma_ul1 .ma_li1 .in.bg1{ background:#f99 no-repeat center center;} .section5 .ma_ul1 .ma_li1 .in.bg2{ background:#99f no-repeat center center;} */ /*.main_section3 .board2{} .main_section3 .board2 .banner{ background:#fff; border:3px solid #ddd; box-sizing:border-box; display:block} .main_section3 .board2 .schedule{ background:#ebf0f3; margin-top:.3em; min-height:185px} .main_section3 .board2 .schedule .list li:nth-child(1){ border-bottom:1px solid #fff; box-sizing:border-box} .main_section3 .board2 .date_wrap{ width:28%; text-align:center; margin-left:-.5em} .main_section3 .board2 .date_wrap .t1{ font-size:1.250em; font-family:'Ms'; font-weight:600; padding-bottom:3px} .main_section3 .board2 .date_wrap .t2{ font-size:.750em; color:#555; font-family:'Ms';} .main_section3 .board2 .txt_wrap{ width:75%} .main_section3 .board2 .txt_wrap .in{ width:100%; white-space:pre-wrap; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:30px; font-size:.938em; line-height:1.4} .main_section3 .board2 .list > li:hover .txt_wrap > a{ color:#d82744; text-decoration:underline;} .main_section3 .main_list_col .list_wrap.board2 .list > li .in{ padding:1em 0 1em .2em}*/ /*.main_section3 .rec_con{ margin-top:2em;} .main_section3 .rec_con .t1{ font-size:1.125em; line-height:1.5; padding-bottom:2em; padding-top:.5em; color:#fff; opacity:.9}*/ /*.main_section3 .main_list_col .btn_wrap .btn1{ height:2.8em; line-height:2.8em; padding:0 1em; color:#fff; background:#597ca0} .main_section3 .main_list_col .btn_wrap .btn1:hover{ background:#fff; transition:.2s; color:#111} .main_section3 .main_list_col .btn_wrap .btn1 .tt{ vertical-align:middle; margin-right:1em} .main_section3 .main_list_col .btn_wrap .btn1 .xi{ vertical-align:middle; font-size:15px}*/ .main_section3 .main_list_col .list_wrap.board .list{ padding:1em .3em 0 .3em} .main_list_col{ margin-left:-1.25em; /* padding-bottom:2em; */ justify-content:space-between; /* align-items:center; */} .main_wrap .box_st{ overflow:hidden;} .main_list_col .inner{ min-width:0;} .main_list_col .inner:first-child{ width:70%; margin-left:1.25em; margin-right:2em;} .main_list_col .inner:last-child{ width:30%;} .main_list_col .inner .board{ width:100%;} .main_list_col .inner .list_wrap .con_in{ padding:1.875em} .main_list_col .inner .list_wrap .con_in .con_tit{ font-size:1.250em !important; font-weight:500} .main_list_col .inner .list_wrap .con_in .con_tit.wh{ color:#fff !important} .main_list_col .box_st{ border-color:#d4d5d8; min-height:20.625em;} .main_list_col .box_st.edu{ border-color:#272d42; background:#313851;} .main_list_col .con_idx > .idx{ box-sizing:border-box;} .main_list_col .btn_wrap{ text-align:center; font-size:inherit} /*.main_list_col .btn_wrap > a{ min-width:120px; font-size:.9375em}*/ .main_list_col .btn_wrap > a:first-child{ margin-right:5px} .main_list_col .tab{ align-items:stretch; position:relative; border-bottom:1px solid; border-left:1px solid #d4d5d8} .main_list_col .tab.st1{ border-bottom:none; justify-content:flex-start;} .main_list_col .tab.st2{ background:#575e73; border-bottom-color:#272d42;} .main_list_col .tab > li{ text-align:center;} .main_list_col .tab.st1 > li{} .main_list_col .tab.st2 > li{ flex:1;} .main_list_col .tab > li .main_more{ position:absolute; top:50%; right:.3em; transform:translateY(-50%);} .main_list_col .tab > li .tt{ position:relative; display:block; padding:.938em .4em; border-style:solid; cursor:pointer;} .main_list_col .tab.st1 > li .tt{padding-left:1.75em;padding-right:1.75em;border-width:1px 1px 0 0;border-color:#d4d5d8;font-size: 1.25em;color:#3c3c3d;} .main_list_col .tab.st2 > li .tt{ border-width:0 0 0 1px; border-color:#272d42; color:#fff;} .main_list_col .tab.st2 > li:first-child .tt{ border-left-width:0;} .main_list_col .tab > li .tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; display:none;} .main_list_col .tab.st1 > li .tt:after, .main_list_col .tab.st1 > li.on .tt { background:#ffffff;} .main_list_col .tab.st2 > li .tt:after, .main_list_col .tab.st2 > li.on .tt { background:#313851;} .main_list_col .tab > li.on .tt:after { display:block;} .main_list_col .tab > li.on .main_more{ display:block; z-index:10;} .main_list_col .tab > li .main_more:hover{ background-color:#37499d; color:#fff;} .main_list_col .list_wrap.board .tab > li .tt{ min-width:5.188em; border-bottom:1px solid #f6f6f6; background:#fff} .main_list_col .list_wrap.board .tab > li.on .tt{ background:#f6f6f6;} .main_list_col .list_wrap.gallery .tab > li .main_more{ right:.75em;} .tt_btn_wrap{ position:relative} .tt_btn_wrap .main_more{ position:absolute; right:0; top:-5px; background:#fff;} .main_list_col{ justify-content:space-between;} .main_list_col .list_wrap.board{ } .main_list_col .list_wrap.board .list{ padding:1.25em .3em 0 .3em;} .main_list_col .list_wrap.board .list > li{ border-top:1px solid #ddd;} .main_list_col .list_wrap.board .list > li:first-child{ border-top:none;} .main_list_col .list_wrap.board .list > li .in{ padding:.7em 5.5em .7em .2em;} .main_list_col .list_wrap.board .list > li .in .tit { display:block; color:#3c3c3d; font-size:.938em} .main_list_col .list_wrap.board .list > li .in .tit .tag{ display:inline-block; width:auto; height:32px; padding:0 15px; margin-right:8px; font-size:.875em; line-height:32px; color:#fff; text-align:center;} .main_list_col .list_wrap.board .list > li .in .tit .tag.tag_aper{ background-color:#888888} .main_list_col .list_wrap.board .list > li .in .tit .tag.tag_aje{ background-color:#c5a86f} .main_list_col .list_wrap.board .list > li .in .tit .tag.tag_icer{ background-color:#193988} .main_list_col .list_wrap.board .list > li .in .date{ display:block; font-size:.875em; color:#72727d;} .main_list_col .list_wrap.board .list > li.def .in{ display:block; position:relative;} .main_list_col .list_wrap.board .list > li.def .in .tit{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .main_list_col .list_wrap.board .list > li.def .in .date{ position:absolute; top:50%; right:.2em; transform:translateY(-50%);} /*.main_list_col .list_wrap.board .list > li.big .in{ padding:.5em 0} .main_list_col .list_wrap.board .list > li.big .in .img{ width:8.4em;} .main_list_col .list_wrap.board .list > li.big .in .img .bg{ background-repeat:no-repeat !important; background-position:50% 50% !important; background-size:cover !important;} .main_list_col .list_wrap.board .list > li.big .in .sbj{ flex:1; padding-left:1.5em;} .main_list_col .list_wrap.board .list > li.big .in .tit{ max-height:4.25em; line-height:1.4em; overflow:hidden;} .main_list_col .list_wrap.board .list > li.big .in .date{ margin-top:1em;}*/ .main_list_col .list_wrap.board .list > li:hover .in .tit{ color:#152c8d; text-decoration:underline;} /*.main_wrap */.main_more{ width:2.250em; line-height:2.250em; text-align:center; border-radius:100%; display:inline-block; color:#606671; border:1px solid #d4d5d8;} /*.main_wrap */.main_more.st{ border:1px solid #ddd} /*.main_wrap .main_more:hover .xi{ transform:rotate(180deg);}*/ /*.main_wrap*/.main_more .xi{ font-size:1.375em; transition:.2s;} /*.main_wrap*/ .main_more .xi:before{ content:"\e913";} /*section4 gall*/ /*.main_section4 .gall_wrap{ max-width:290px; width:100%; float:left; position:relative; border:1px solid #ccc; box-sizing:border-box;} .main_section4 .gall_wrap .item.slick-slide{} .main_section4 .gall_wrap .visual .slick-track{ height:200px;} .main_section4 .gall_wrap .visual .item{ height:100%; min-height:280px} .main_section4 .gall_wrap .visual .item > dl{ padding:1em} .main_section4 .gall_wrap .visual .item > dl > dt{ font-size:.938em; transition:.3s} .main_section4 .gall_wrap .visual .item > dl > dt:hover a{ color:#b31054} .main_section4 .gall_wrap .visual .item > dl > dd{ font-size:.875em; color:#666; margin-top:1em} .main_section4 .gall_wrap .visual .item > dl > dd .xi{ margin-right:3px} .main_section4 .gall_wrap .visual .item .item_img{ height:180px; background-repeat:no-repeat; background-position:50% 90%; background-size:cover;} .main_section4 .gall_wrap .slick-dots{ position:absolute;; right:1em} .main_section4 .gall_wrap .arrow_wrap{ position:absolute; right:0; top:-45px; z-index:111; display:none} .main_section4 .gall_wrap .arrow_wrap > li{ float:left} .main_section4 .gall_wrap .arrow_wrap > li > i{ color:#222; text-align:center} .main_section4 .gall_wrap .arrow_wrap{} .main_section4 .gall_wrap .arrow_wrap > li{ text-align:center;} .main_section4 .gall_wrap .arrow_wrap > li .xi{ position:relative; z-index:1; width:2.250em; line-height:2.250em; margin-right:-1px; border:1px solid #d4d5d8; border-radius:50%; font-size:1em; color:#3c3c3d; cursor:pointer;} .main_section4 .gall_wrap .arrow_wrap > li .xi:before{ font-size:1.250em;} .main_section4 .gall_wrap .arrow_wrap > li:hover .xi{ z-index:2; border-color:#313851;} .main_section4 .gall_wrap .arrow_wrap .slick-hidden{ display:block;}*/ /*footer*/ #footer{} #footer .gotop{ position:fixed; z-index:1; width:3.8em; height:3.8em; line-height:3.8em; right:2em; bottom:3em; text-align:center; border-radius:50%; background:#fff; color:#444; transition:.3s; transform:translateY(7em); opacity:0; box-shadow:0 0 1em .125em rgba(0,0,0,.3)} #footer .gotop .xi{ font-size:1.5em} #footer .gotop:hover{ background:#152c8d; color:#fff;} .scroll #footer .gotop{ transform:translateY(0); opacity:1} .fAmily_wrap {border-top:1px solid #c0cad4;} .family_wrap{ padding:1.5em 0em; background:#fff;} .family_wrap .control{ width:14%; position:relative; margin-top:1%;} .family_wrap .family { width:85%;} .family_wrap .control .tit{color:#333; display:inline-block; padding-top:4px; font-family:'notokrM';} .family_wrap .control .arrow {position:absolute; right:0; top:0;} .family_wrap .control .arrow > li{ display:inline-block; width:1.5em; line-height:1.5em; background:#fff; text-align:center; cursor:pointer; border:1px solid #ddd;} .family_wrap .control .arrow > li .xi{ font-size:1.125em; color:#222;} .family_wrap .control .arrow > li:hover{ background:#003876; transition:.3s;} .family_wrap .control .arrow > li:hover .xi {color:#fff;} .family_wrap .control .arrow .slick-hidden{ display:inline-block;} .family_wrap .family .item.slick-slide{ width:180px; height:52px;} .family_wrap .family .item > a{ display:block; margin:0 .2em; border:1px solid #ddd; background:#fff;} .family_wrap .family .item > a .in{ } .family_wrap .family .item > a .in .vm_tt{ display:flex; jusrify-content:center; align-items:center; width:200px; height:50px;} .family_wrap .family .item .in img{ max-width:100%; max-height:100%; margin: 0 auto; object-position:center center; object-fit:cover;} .family_wrap .family .item .in:hover{ border-color:#3c4968;} /*.fAmily_wrap {border-top:1px solid #eee; border-bottom:1px solid #ccc; } .family_wrap{ padding:1em 0em;} .family_wrap .control{position:relative; width:11em;} .family_wrap .family {flex:1; min-width:0;} .family_wrap .control .tit{color:#333; display:inline-block; padding-right:5px; font-family:'notokrM';} .family_wrap .control .arrow {} .family_wrap .control .arrow > li{ display:inline-block; width:1.5em; line-height:1.5em; background:#fff; text-align:center; cursor:pointer; border:1px solid #ddd;} .family_wrap .control .arrow > li .xi{ font-size:1.125em; color:#222;} .family_wrap .control .arrow > li:hover{ background:#055297; transition:.3s;} .family_wrap .control .arrow > li:hover .xi {color:#fff;} .family_wrap .control .arrow .slick-hidden{ display:inline-block;} .family_wrap .family .item > a{ display:block; margin:0 .2em; border:1px solid #ddd; background:#fff;} .family_wrap .family .item .resize {padding-bottom:35% !important;} .family_wrap .family .item .in{height:3.65em} .family_wrap .family .item .in img{ *max-width:90%; max-height:80%; max-width:10em;} .family_wrap .family .item .in:hover{ border-color:#3c4968;}*/ #footer .menu_wrap{ background:#333} #footer .menu_wrap .vm_wrap{ height:4em;} #footer .menu_wrap .menu > li{ display:inline-block; vertical-align:middle;} #footer .menu_wrap .menu > li > a{ display:inline-block; vertical-align:middle; padding-right:2em;} #footer .menu_wrap .menu > li > a .tt{ font-size:.875em; color:#fff;} #footer .menu_wrap .menu > li > a:hover .tt{text-decoration:underline; transition:.3s;} #footer .info_wrap{ padding:1.6em 0 3em 0; border-top:1px solid rgba(255,255,255,.1); background:#333} #footer .info_wrap .logo { align-self:flex-start;} #footer .info_wrap .info{width:75%; display:flex; flex-wrap:wrap;} #footer .info_wrap .info > span:nth-of-type(1){ width:100%;} #footer .info_wrap .info .tt{ display:inline-block; vertical-align:middle; padding:.3em 1.6em .3em 0; font-size:.875em; color:#fff; font-family:'notokrR';} #footer .info_wrap .info .tt[href]:hover{ color:#055297;} #footer .info_wrap .info .copy{ width:100%; margin-top:2em; font-size:.813em; color:#fff; opacity:.6; text-transform:uppercase; font-family:'notokrR';} #footer .menu_wrap .top{ position:absolute; top:0; right:0; width:70px; /*background:#353e48;*/ border:1px solid rgba(255,255,255,.1);} /*#footer .menu_wrap .top.vm_wrap{ height:3.125em;}*/ #footer .menu_wrap .top > a{ width:100%;} #footer .menu_wrap .top .xi{ font-size:1.438em; color:#fff; vertical-align:middle;} #footer .menu_wrap .top:hover{ background:#ccc;} /*contents*******************************/ #contents{} /*sub page visual*/ #contents .subVisual_wrap{position:relative;} #contents .subVisual_wrap .subVisual{transition:.5s; height:20em; position:relative;} #contents .subVisual_wrap .subVisual.on{padding-left:0;} #contents .subVisual_wrap .subVisual .bg { position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; } #contents.member_c .subVisual_wrap{display:none;} #contents.member_c .subPage_Tit{display:none;} #contents.member_c .nav_wrap{display:none;} #contents .subVisual_wrap .subVisual .wrap_in {position:relative; height:100%;} #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan {flex:1 1 auto; color:#fff;} #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in {width:100%; text-align:center;} #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t1 {font-family:'notokrR'; opacity:0; padding:0 0 .5em 0; letter-spacing:5px; /*transform:translateX(-2em);*/ font-size:.750em; text-transform:uppercase} #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t2 {font-size:2em; font-family:'notokrM'; opacity:0;/* transform:translateX(2em)*/} #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .line{ display:inline-block; margin:1em 0; width:1px; height:0; background:#fff; opacity:.5; transition:.8s;} .load #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .line{ } .load #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t1, .load #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t2 {opacity:1; transition:1s;/* transform:translateX(0)*/} /*sub page nav*/ #contents .sub_page_nav{ padding-top:1.5em; opacity:0;} #contents .sub_page_nav .nav > li{ display:inline-block; vertical-align:top;} #contents .sub_page_nav .nav > li.def:before{ content:"\e93f"; font-family:xeicon; color:#fff; display:inline-block; vertical-align:middle;} #contents .sub_page_nav .nav > li.home .xi{ display:inline-block; font-size:.875em; color:#fff;} #contents .sub_page_nav .nav > li.def .tt{ display:inline-block; font-size:.875em; text-transform:uppercase; color:#fff;} #contents .sub_page_nav .nav > li.on .tt{ color:#fff;} .load #contents .sub_page_nav {opacity:1; transition:1s;} #contents .subVisual_wrap .sub_gnb_wrap{ margin-bottom:-1em;} #contents .subVisual_wrap .sub_gnb_wrap .gnb{ text-align:center;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li {width:100%;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li, #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li.on, #contents .subVisual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 {width:76%; margin:0 auto; overflow:hidden;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li {flex:1 1 100%!important; max-width:16.666% !important;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{position:relative;font-size: 1.25em;font-family:'notokrM';color:#999;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - .5em); background:#fff; transition:all .3s;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a:before{ background:#ebedf5;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:100%; bottom:0; width:1em; height:.875em; transform:skew(-30deg) translateX(-75%); background: rgba(0,0,0,.2); display:none} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .vm_tt{ display:flex; justify-content:center; align-items:center; position:relative; top:4px; z-index:1;padding:0 1em;height: 3.5em;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .vm_tt .menu_icon {display:none;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{ opacity:1} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{ opacity:1} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on {/*box-shadow:0 0 1em .25em rgba(0,0,0,.25);*/} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{z-index:1} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .vm_tt {background:#152c8d; color:#fff;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a:after {display:block;} #contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp3{ display:none;} #contents .subCon{ position:relative;} #contents .subCon .subPage_Tit{ border-bottom:1px solid #ccc; text-align:center;} #contents .subCon .subPage_Tit .in{ position:relative; display:inline-block; *display:inline; zoom:1; padding:30px 50px 20px 50px; font-size:1.875em; color:#000; text-transform:uppercase;} #contents .subCon .subPage_Tit .in:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#055297;} #contents .subCon .doc{ padding:6em 0 7em 0;} #contents .subCon .doc.st1{ padding:8em 0 7em 0;} #contents .subCon .nav_wrap{ float:right} #contents .subCon .nav{ color:#888; padding:2em .2em 0 0; letter-spacing:0;} #contents .subCon .nav *{ vertical-align: top} #contents .subCon .nav span:before{ content:"\e93f"; font-family:xeicon!important; padding:0 .3em} #contents .subCon .nav .home{ margin-top:-.1em} #contents .subCon .nav .this{ color:#111; vertical-align:top} /*sub common*/ .sub_tit1{font-family:'notokrM';font-size: 1.75em;color:#282828;line-height:1.4;letter-spacing:-1;padding:0 0 0.8em 1em;position:relative;} .sub_tit1::before{ content:''; width:15px; height:15px; margin-right:20px; background-color:#37499d; position:absolute; left:0; top:10px; } .sub_tit1::after{ content:''; width:8px; height:8px; border:3px solid #fff; background-color:#8792c4; position:absolute; left:4px; top:14px; } .sub_tit1 span{ color:#37499d; vertical-align:bottom;} /*.sub_tit2{ font-size:1.125em; font-weight:500; color:#333; margin:40px 0 5px 0; background:url(../images/sub/tit_bg.png) no-repeat left center; padding-left:20px;} .sub_tit2 span{ color:#37499d;} .sub_tit3{ font-size:1em; font-weight:500; color:#333; margin:40px 0 5px 0;} .sub_tit4{ font-size:1em; color:#333; margin:0 0 5px 0;}*/ .txt_box{ border:2px solid #ddd; padding:30px; background:#f8f8f8; position:relative;} .txt_box:after{ position:absolute; content:''; width:2px; height:30px; background:#153888; bottom:-2px; right:-2px;} .txt_box:before{ position:absolute; content:''; width:30px; height:2px; background:#153888; bottom:-2px; right:-2px;} .table_w1{ width:10%;} .table_w2{ width:20%;} .table_w3{ width:30%;} .table_w4{ width:40%;} .table_w5{ width:50%;} .table_w6{ width:60%;} .table_w7{ width:70%;} .table_w8{ width:80%;} .table_w9{ width:90%;} .table_w10{ width:100%;} .table_auto{ width:auto;} .tbl_st2 { border-top:1px solid #ccc; padding:0px; margin-bottom:10px; } .tbl_st2.st2 thead{ border-top:1px solid #37499d;} .tbl_st2.st2 tbody{ border-top:2px solid #37499d;} .tbl_st2.st2 tbody th{ color:#37499d; font-family:'notokrB'; background:#ebedf5;/*background:#37499d; color:#fff;*/} .tbl_st2.st3 thead th{ text-align:center;} .tbl_st2.st3 tbody td{ text-align:center;} .tbl_st2 tbody .t_m{ text-align:center;} .tbl_st2 thead th { background:#37499d; color:#fff; border-bottom:1px solid #ddd; line-height:1.4; padding:15px; } .tbl_st2 tbody th {background:#f8f8f8;color:#333;border-bottom:1px solid #ddd;line-height:1.4;padding:15px;vertical-align:middle;font-size: 1.125em;} .tbl_st2 tbody td {color:#666;border-bottom:1px solid #ddd;line-height:1.4;padding:15px 40px;vertical-align:middle;font-size: 1.125em;} .ta_ul{ margin:-10px 0 0 0} .ta_ul li{ margin:10px 0 0 0; padding-left:8px; line-height:1.4; position:relative;} .ta_ul li:before{ position:absolute; content:''; width:3px; height:3px; background:#eb1949; left:0; top:10px; z-index:0;} .ta_ul li p{ font-size:0.875em; padding-left:10px; line-height:1.6;} .tbl_st2.t_ac tbody td{ text-align:center;} /*sub page_cover*/ .page_cover.hAuto{ padding:6em 0 5em 0; margin:0 auto 80px; width:96%;} .page_cover .cover_layer{position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-color:rgba(0, 0, 0, .6);} .page_cover .cover_bg{ position:absolute; top:0; left:0; z-index:-10; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;} .page_cover .bg1{ background-attachment:fixed;} .page_cover .cover_top_img { width:80px; height:80px; margin:0 auto 30px; object-fit:cover; opacity:98%;} .page_cover .cover_top_tit {color:#fff;font-family:'notokrB';font-size: 2em;letter-spacing:-1px;padding-bottom: 1.125em;position:relative;display:inline-block;opacity:60%;} .page_cover .cover_top_tit:before, .page_cover .cover_top_tit:after {content:"";position:absolute;top: 18px;width:130px;height:1px;background:#fff;} .page_cover .cover_top_tit:before{ left:-155px;} .page_cover .cover_top_tit:after { right:-155px;} .page_cover .cover_title .t1{ font-size:1.25em; font-family:'notokrR'; letter-spacing:-1px; line-height:1.8; color:#fff;} .page_cover .cover_title .t1 span{ display:inline-block; position:relative;} .page_cover{ position:relative; text-align:center; overflow:hidden;} /*sub site_link btn*/ .sitelink_btn{ display:flex; justify-content:center; align-items:center; width:450px; height:80px; margin: 0 auto; padding: .8em 2.5em; font-size:1.125em; color:#555; /*background-color:#ebedf5;*/ border:1px solid #37499d; box-sizing:border-box; border-radius:25px; transition: all .3s; cursor:pointer; } .sitelink_btn .site_logo{ width:50px; height:50px; margin-right:20px;} .sitelink_btn:hover{ background-color:#37499d; color:#fff;} .sitelink_btn:active{ position:relative; top:1px;} /*sub1_1*/ .sub1_1 .page_cover .bg1{ background-image:url(../images/sub/sub1_1_bg.png);} .sub1_1 .box1{ } .eri_info{margin-bottom:100px;} .eri_info:last-child{margin-bottom:0;} .eri_info .info_in:nth-of-type(1){border-top:2px solid #37499d; } .info_in{ display:flex; align-items:center; overflow:hidden; border-bottom:1px solid #ddd; padding:25px 5px 25px 0; } .info_in .info_icon.ht{height:145px;} .info_in .info_icon{ float:left; width:20%;} .info_in .info_icon::after{ content:''; display:block; width:100px; height:100px; margin: 0 auto; border:5px solid #eee; border-radius:50%; text-align:center;} .info_in .info_icon.icon1::after{ background:url(../images/sub/sub1_1_icon01.png) no-repeat center center / 60%;} .info_in .info_icon.icon2::after{ background:url(../images/sub/sub1_1_icon02.png) no-repeat center center / 60%;} .info_in .info_icon.icon3::after{ background:url(../images/sub/sub1_1_icon03.png) no-repeat center center / 60%;} .info_in .info_icon.icon4::after{ background:url(../images/sub/sub1_1_icon04.png) no-repeat center center / 60%;} .info_in .info_tx{float:left;width:80%;line-height:1.6;font-size: 1.25em;} .info_in .info_tx .tx:first-child{margin-bottom:25px;} .info_in .info_tx span{font-weight:600; color:#37499d; margin-bottom:10px; vertical-align:bottom;} .info_in .info_tx .block{display:block;} .info_in .info_tx .block_m{display:block;} /* sub1_2 */ /*연혁*/ .history_bgw{ overflow: hidden; position: relative;} .history_bgw .bg_w{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(1.2, 1.2); transition: 2s;} .history_bgw .txt_wrap{ text-align: center;} .history_bgw .txt_wrap .en{ font-size: .813em; letter-spacing: .9px; padding-bottom: .2em; color: #fff;} .history_bgw .txt_wrap .kr{ font-size: 1.9em; color: #fff; font-weight: 500;} .history_bgw .line_wrap{ position: relative; height: 11em;} .history_bgw .line_wrap .line{ position: absolute; background: #fff; width: 1px; height: 1px; transition: 1s; opacity: .5; display: none;} .history_bgw .line_wrap .line.hor{ transition-delay: 1s} .history_bgw .line_wrap .line.top{ top: 0} .history_bgw .line_wrap .line.bot{ bottom: 0} .history_bgw .line_wrap .line.left{ left: 0} .history_bgw .line_wrap .line.right{ right: 0} .load .history_bgw .bg_w{ transform: scale(1, 1);} .load .history_bgw .line_wrap{ margin: 1.5em;} .load .history_bgw .line_wrap .line.ver{ height: 100%} .load .history_bgw .line_wrap .line.hor{ width: 40%;} .load .history_bgw .line_wrap .line{ display: block} .history_wrap{ position: relative; overflow: hidden; padding: 2em 0} .history_wrap:before, .history_wrap .lineAni{ content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #ddd} .history_wrap .lineAni{ height: 0; background: #06419a; transition: .3s} .history_wrap .lineAni:before, .history_wrap:after{ content: ""; position: absolute; left: 50%; top: 0; margin-left: -.5em; width: 1em; height: 1em; background: #fff; border: .25em solid #06419a; border-radius: 100%; box-sizing: border-box} .history_wrap:after { top: auto; bottom: 0} .history_wrap .history > li{ margin-top: 4em} .history_wrap .history>li:first-child{ margin-top: 0} .history_wrap .history>li .year{ width: 50%; overflow: hidden; justify-content: flex-end} .history_wrap .history>li .year .wrap_in{ position: relative; overflow: hidden; width: 15em} .history_wrap .history>li .year .tt{ display: inline-block; position: relative; padding: 0 .5em; font-size: 2.5em; font-weight: 700; letter-spacing: -3px; color: #37499d; /*font-family: Georgia, "Times New Roman", Times, serif*/} .history_wrap .history>li .year .tt:before{ content: ""; position: absolute; left: 100%; top: 50%; margin-top: -1px; width: 100%; border-top: 2px dotted #aaa} /*.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}*/ .history_wrap .history>li .list{ width: 50%; margin-top: 1em} .history_wrap .history>li .list>li{ margin-top: .5em; margin-bottom: 1em;} .history_wrap .history>li .list>li:first-child{ margin-top: 0} .history_wrap .history>li .list .wrap_in{ padding: 0 2em} .history_wrap .history>li .list .wrap_in .img_wrap .resize{ padding-bottom: 35% !important;} .history_wrap .history>li .list .wrap_in .img_wrap .resize .img_r{ text-align: right !important;} .history_wrap .history>li .list .wrap_in .img_wrap .resize .img_l{ text-align: left !important;} .history_wrap .history>li .list .month{ flex: 0 0 3.2em;} .history_wrap .history>li .list .month .tt{ color: #999; font-size: 1.25em; font-weight: 700; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px} /*.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}*/ .history_wrap .history>li .list .detail>li{ margin-top: .5em} .history_wrap .history>li .list .detail>li:first-child { margin-top: 0} .history_wrap .history>li .list .detail .tt { position: relative; padding: 0 3em; margin-top: .125em; color: #333; font-size: 1.125em; line-height: 1.4;} .history_wrap .history>li .list .detail .tt:before{ content: ""; position: absolute; left: 20px; top: 10px; width: .75em; border-top: 2px solid #ddd} .history_wrap .history>li:nth-child(2n) .year { justify-content: flex-start; text-align: right} .history_wrap .history>li:nth-child(2n) .year .tt:before { left: auto; right: 100%} .history_wrap .history>li:nth-child(2n) .list { order: -1} .history_wrap .history>li:nth-child(2n) .list>li>.flex { justify-content: flex-end} .history_wrap .history>li:nth-child(2n) .list .month { text-align: right} .history_wrap .history>li:nth-child(2n) .list .detail { order: -1} .history_wrap .history>li:nth-child(2n) .list .detail .tt { text-align: right} .history_wrap .history>li:nth-child(2n) .list .detail .tt:before { left: auto; right: 20px;} /*sub1_5*/ .sub1_5 .stafflist{ margin-bottom: 100px;} .sub1_5 .stafflist:last-child{ margin-bottom:0;} /* sub1_6*/ .map_view{ border-top:3px solid #ddd; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em} .map_view .tt {padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;} .map_view .xi {vertical-align:middle; font-size:1.188em; padding-right:5px;} .map_view:hover{ border-color:#0b4790 } .map_info1 {overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; box-sizing:border-box; border-radius:1em} .map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; font-size:1.1em;} .map_info1 .t1 span.st {display:block; margin-top:20px;} .map_info1 .t1 span:last-child { margin-right:0;} .map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:5px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#003876} .map_info1 .t1 span .stop1 {background:#187ce8; color:#fff; text-align:center; border-radius:50px; padding:.5em 1em; font-size:.813em;} /*.sub_rule_wrap {} .sub_rule_wrap .ti_w {background:#fff; padding:3em; border:1px solid #ddd; border-bottom:none; border-top:3px solid #152c8d;} .sub_rule_wrap .ti_w .t1 { font-size:2em; color:#222; text-align:center} .sub_rule_wrap .ti_w .yearW {text-align:right;} .sub_rule_wrap .ti_w .yearW .tt{color:#666; font-size:.813em; line-height:1.6; font-weight:300;} .dl_st{ padding:3em 2em 4em 2em; border:1px solid #ddd; background:#fafafa; margin-bottom:1.5em;} .dl_st:last-child {margin-bottom:0;} .dl_st > dt{ font-size:1.5em; color:#222; font-weight:500; margin-bottom:1em; text-align:center} .dl_st > dt .ts{ font-size:.75em} .dl_st > dd{ line-height:1.2; color:#666; font-size:1.063em; margin-top:2em} .dl_st > dt + dd{ margin-top:0} .dl_st > dd > ul{ margin-left:1.5em} .dl_st > dd > ul li:not(:first-child){ margin-top:.5em} .dl_st.st1 {border-top:none;} .dl_st.st2 > dd {margin-top:2em;} .dl_st > dd > p {line-height:1.8; margin-bottom:.5em;} .page_tit:not(:first-child){ margin-top:6em; line-height:1.2} .page_tit .t1{ font-weight:500; font-size:1.5em; position:relative; padding:.75em 0} .page_tit .t1:before{ content:""; position:absolute; left:0; top:0; width:2em; height:.25em; box-sizing:border-box; background:#152c8d; border-right:1em solid #bbb} .page_tit .t1.ac:before{ left:50%; transform:translateX(-50%)} .page_tit .t1.no:before {display:none;} .page_tit .t2{ font-weight:500; font-size:2.5em; } .page_tit .t3{ position:relative; padding-left:1.375em; font-weight:500; font-size:1.188em; color:#111; line-height:1.2; margin-bottom:.75em} .page_tit .t3:before{ content:""; position:absolute; left:0; top:.125em; background: linear-gradient(-225deg, #4578c8 49%, #152c8d 50%); width:1em; height:1em} .page_tit.st2 .t3 {font-size:1.5em; padding-left:.8em; margin-bottom:1em;} .page_tit.st2 .t3:before {width:7px; height:25px;} .page_tit.st2 .t3:after {display:none} .page_tit .t3:after{ content:""; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#fff; transform:scale(.5)} .page_tit .t4 {margin-top:1em; font-size:1.250em; line-height:1.6;} .ul_st{ margin-top:-1.25em} .ul_st > li .ul_in{ position:relative; padding:0 1em; margin-top:1.25em; color:#666} .ul_st > li .ul_in:before{ content:""; width:1em; height:1em; border-radius:50%; background:#063165; font-size:.375em; position:absolute; left:0; top:1.75em; line-height:1} .ul_st > li .ul_in .t1{ font-weight:500; color:#063165} .ul_st.s1 > li{ margin-top:.875em; font-size:.938em; line-height:1.2} .ul_st.s1 > li .ul_in:before{ top:1em} .ul_st.st3{ margin-top:0} .ul_st.st3 > li{ counter-increment:ul_st3; position:relative; padding:.25em 2em} .ul_st.st3 > li:before{ content:counter(ul_st3) "."; font-weight:500; width:1.5em; padding-right:.5em; text-align:right; color:#063165; position:absolute; left:0; top:.25em} .ul_st.st3 > li:last-child {margin-bottom:.875em;}*/ /*sub2_1*/ .list_tab{ width:100%; margin:0 auto 3.5em; padding:0 2em; gap:.5em; } .list_tab > li { width:calc( 25% - .5em ); position:relative;} /*.list_tab > li:nth-child(5n) { margin-right:0;}*/ .list_tab > li a{ padding: 0 0.3em; height:3em; border:1px solid #ddd; /*margin: 1em 0 0 1em;*/ font-size:1.125em; color: #666; text-align:center; letter-spacing:-1.5px; transition: .3s; position:relative;} .list_tab > li a:after{ content:''; width:100%; height:3px; background:#06419a; position:absolute; left:0; top:0; opacity:0; transform:scale(0,0); transition:all .3s;} .list_tab > li.on::after{ content: "\e935"; width: 100%; font-family: xeicon!important; font-size: 11px; color: #06419a; text-align: center; position: absolute; left:50%; top:0;transform:translateX(-50%);} .tab_idx > li.on > a{ box-shadow: 0 0 1em 0.125em rgba(0,0,0,.1);} .list_tab > li.on > a:after{ opacity:1; transform:scale(100%,100%);} /*.list_tab > li > a:hover:after{ opacity:1; transform:scale(100%,100%);}*/ .list_tab > li:hover a{ background-color:#ebf1f8;} .tab_con.con_wrap thead tr{ background-color:#37499d;} .tab_con.con_wrap thead th{ color:#fff;} .tab_con.aper th, .tab_con.aje th{ color:#fff;} .tab_con.aper thead tr{ background-color:#37499d;} .tab_con.aje thead tr{ background-color:#212c5e;} /*sub2_1 tab*/ .sub2_1 .tab_con.aper .page_cover .bg1{ background-image:url(../images/sub/sub2_1_bg01.png);} .sub2_1 .tab_con.aper .sitelink_btn .site_logo{ background:url(../images/main/aper_logo_m.png) no-repeat center center / contain;} .sub2_1 .tab_con.aje .page_cover .bg1{ background-image:url(../images/sub/sub2_1_bg02.png);} .sub2_1 .tab_con.aje .sitelink_btn .site_logo{ background:url(..//images/main/aje_logo_m.png) no-repeat center center / contain;} /* sub2_2 lab_list*/ .lab_list .list_tab{ margin-bottom:64px;} .lab_list01 .page_cover .bg1{ background-image:url(../images/sub/sub2_2_bg01.png);} .lab_list02 .page_cover .bg1{ background-image:url(../images/sub/sub2_2_bg01.png);} .lab_list03 .page_cover .bg1{ background-image:url(../images/sub/sub2_2_bg01.png);} .lab_list04 .page_cover .bg1{ background-image:url(../images/sub/sub2_2_bg01.png);} .lab_list05 .page_cover .bg1{ background-image:url(../images/sub/sub2_2_bg01.png);} .lab_list01 .sitelink_btn .site_logo{ background:url(../images/main/icer_logo_m.png) no-repeat center center / contain;} .lab_list02 .sitelink_btn .site_logo{ display:none;} .lab_list03 .sitelink_btn .site_logo{ display:none;} .lab_list04 .sitelink_btn .site_logo{ display:none;} .lab_list05 .sitelink_btn .site_logo{ display:none;} /*sub2_3*/ .sub2_3 .page_cover .bg1{ background-image:url(../images/sub/sub2_2_bg01.png);} /*sub3_1*/ .page_tit{ margin-bottom:110px;} .page_tit .td{ font-weight:600; font-size:24px; text-align:center; position:relative;} .page_tit .td::after{ content:'EDUCARION RESEARCH INSTITUE'; width:100%; height:auto; font-weight:900; font-size:50px; color:#f5f5f5; position:absolute; left:50%; bottom:-40px; z-index:-1; transform:translateX(-50%);} /* sub3 연구소사람들 상세페이지*/ .profile_page h3{ font-family:'notokrB'; font-size:2.25em; color:#111; text-align:center; margin-bottom:40px;} .profile_intro{ display: flex; width:100%; padding: 2em; border: 1px solid #ddd; border-top:2px solid #333; box-sizing:border-box; position: relative;} .profile_intro .img{ width:160px; height: 210px; margin-right:40px;} .profile_intro .img img{ width:100%; height: 100%; object-fit: cover;} .profile_intro .txt{display: flex;flex-wrap:wrap;align-items: flex-start;width: calc( 100% - 200px);padding-top:10px;} .profile_intro .name{display:flex;flex-wrap:wrap;align-items:flex-end;width: 100%;padding-bottom: 1.2em;border-bottom:1px dotted #ddd;} .profile_intro .name strong{margin-right: 1em;font-family: 'notokrB';font-size: 1.625em;} .profile_intro .name em{ font-size: 15px; vertical-align: bottom;} .profile_intro .name .e_name{ width:100%; margin-top:10px; font-family: 'notokrM'; font-size: 15px; color:#aaa;} .profile_intro .info{width: 50%;padding-right: 2em;box-sizing: border-box;display: flex;/* float: left; */} .profile_intro .info.interest{ width: 100%;} .profile_intro .info span{width: 6em; /* padding-right:20px; */font-weight:700;font-size: 1.125em;} .profile_intro .info em{flex:1; font-size: 1.125em;color: #555;width: 80%;} .profile_intro a{ padding:0 20px; background-color: #f5f5f5; font-size: 1em; line-height:48px; color: #555; text-align: center; position: absolute; right: 0; bottom: 0; transition:all .3s;} .profile_intro .xi{ font-size: 18px; margin-left:8px;} .profile_intro a:hover{ color: #fff; background-color: #37499d;} .profile_img{ padding: 1em 0;/* border-bottom:1px solid #ddd;*/} .profile_img p{ width:100%; margin-bottom:5px;} .profile_img p:last-child{ margin-bottom:0;} .profile_img p img{ width:100%; object-fit:cover; box-shadow:0 3px 10px rgba(0, 0, 0, .15);} .profile_con{ padding:0 1em 0 2em; border-top:1px solid #ddd;} .profile_con > div{ display: flex; gap:.5em; padding: 50px 0 60px; border-bottom:1px dotted #ddd;} .profile_con > div:last-child{ padding-bottom:0; border-bottom:none;} .profile_con > div .tit{ width: 17%; font-weight:700; font-size: 1.25em;} .profile_con > div .tit span{ position:relative;} .profile_con > div .tit span::after{ content: ''; width: 100%; height:4px; background-color:#37499d; position: absolute; left:0; bottom:-10px;} .profile_con > div .con_list{width: 83%;} .profile_con > div:last-child .con_list{ margin-bottom: 0} .profile_con > div .con_list ul{} .profile_con > div .con_list li{display: flex; margin-bottom: 1.5em;line-height: 1.6;} .profile_con > div .con_list.career_list li .date{ margin-right:60px; font-weight:700; font-size:16px; color:#37499d;} .profile_con > div .con_list.career_list li .tt{ color:#555;} .profile_con > div .con_list .thesis_list{margin-bottom: 5em;} .profile_con > div .con_list .thesis_list:last-child{ margin-bottom:0;} .profile_con > div .con_list .thesis_list h5{font-weight:600;font-size: 1.375em;color:#555;margin: .2em 0 1em;} .profile_con > div .con_list .thesis_list li{ color:#555;} .profile_con > div .con_list .thesis_list li .date{ padding-right: 1.5em;font-size: 1.125em;} .profile_con > div .con_list .thesis_list li .tt{ font-size: 1.125em;} /*sub4_1*/ .w_down .xi{color:#06419a;} .w_down .xi::after{ content:'\e980';} /*sub5_1*/ .sub5_1 .input_st.c3.re{ display:none;} .sub5_1 .input_st.c2.re{ display:none;} /*sub6_1*/ .sub6_1 .input_st.c3.re{ display:none;} .sub6_1 .input_st.c2.re{ display:none;} /* sub6_2 관련사이트*/ .relsite{ margin-bottom: 100px;} .relsite:last-child{ margin-bottom: 0;} .relsite .relsite_list{border-top:2px solid #37499d;} .relsite .relsite_list li{ display:flex; align-items:center; padding:1em 0; border-bottom: 1px solid #ddd; transition:all .3s; } .relsite .relsite_list li > p{ width:30%; margin:0 auto; display:flex; justify-content:center; align-items:center;} .relsite .relsite_list li > p img{ height: 60px; margin-right:20px; object-fit:contain;} .relsite .relsite_list li > div{ width:70%;} .relsite .relsite_list li > div > p{ display:flex; align-items:center; line-height:2em;} .relsite .relsite_list li > div > p::before{ content:''; display:block; width:5px; height:5px; margin-right:8px; background:#37499d;} .relsite .relsite_list li:hover{ background:#ebedf5;} /*학회지소개*/ /*.page2_2wrap .over{overflow:hidden; margin:0 auto; } .page2_2wrap .over .l_dv{ width:45%} .page2_2wrap .over .l_dv img{padding:10px; border:1px solid #ccc;} .page2_2wrap .over .r_dv{} .page2_2wrap .over .r_dv .p1{font-size:1.125em; color:#666; margin-top:1em; margin-bottom:.5em;} .page2_2wrap .over .r_dv .book_name{ font-size:2.375em; color:#000; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;} .page2_2wrap .over .r_dv .book_content{font-size:1em; font-family:ng; color:#666; line-height:1.5;} .page2_2wrap .over .r_dv .book_content dl{ overflow:hidden; padding-bottom:1em} .page2_2wrap .over .r_dv .book_content dl dt{ float:left; width:20%; font-weight:600} .page2_2wrap .over .r_dv .book_content dl dd{ float:left; width:75%} .page2_2wrap .over .r_dv .p_dv{ margin-top:2em;} .page2_2wrap .over .r_dv .p2{font-size:1em; display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .page2_2wrap .over .r_dv .p2 .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1.25em; color:#000; margin-right:3px;} .page2_2wrap .over .r_dv .p2 span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1.063em; color:#000;} .page2_2wrap .over .r_dv .view_btn{ background:#a3104e; font-size:0.875em; color:#fff; display:inline-block; padding:.5em 1em; border-radius:30px; margin-left:1em;} .page2_2wrap .over .r_dv .view_btn:hover{background:#a3104e;} /**/ .dl_st.intro {background:#fff; border-top:3px solid #152c8d; padding: 1em 2em 4em 2em} .dl_st.intro .page_tit .t3 {margin-bottom:1em; font-size:1.5em; padding-left:.8em;} .dl_st.intro .page_tit .t3:before {width:7px; height:25px;} .dl_st.intro .page_tit .t3:after {display:none;} .dl_st.intro > dd {margin-bottom:3em;} .dl_st.intro > dd:last-child {margin-bottom:0;} .guide_wrap {height:80vh; border:1px solid #ddd; padding:3em; box-sizing:border-box; background:#f4f4f4; border-top:3px solid #152c8d;; overflow-y:auto} .agree_wrap.st2{ height:150px; padding:.5em; font-size:.938em; line-height:2; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;/* box-shadow:3px 4px 3px rgba(0,0,0,.2);*/ padding:2em;/* background:#f9f9f9;*/ overflow-y:auto} .agree_wrap .agree.st h3{ font-weight:600; font-size:1.25em;} .agree_wrap .agree.st p{ line-height:1.4;} .agree_wrap .agree.st strong{font-size:1.125em; letter-spacing:.5px; line-height:1.9; padding:1em 0; color:#222; font-weight:600; } .agree_wrap .agree_tit strong{font-size:1em;} .agree_wrap .agree_tit{background:#fff; border:1px solid #ddd; padding:0.9em; margin-bottom:1em;} /*학술페이지 서칭*/ .edu_search{ padding:1.2em .3em; margin-bottom:20px; font-size:.875em; text-align:center; border:1px solid #ccc; box-sizing:border-box} .edu_search label { margin-right:1em} .edu_search label .xi{ font-size:1.5em; margin-top:2px; margin-right:3px; display:none} .edu_search label span{ padding-left:0; font-size:1.188em; font-weight:600; letter-spacing:-1px; color:#111; margin-right:.5em} .edu_search .label_st .input_st{ padding:.6em 1.8em .6em 1em; line-height:inherit;} .edu_search button.input_st{ padding:0 15px; font-weight:600;} .edu_search button.input_st .xi{ font-size:1.25em; vertical-align:middle; margin-top:-4px;} .edu_search .search_em{ color:#888; padding-top:.5em;} .edu_search .search_em .xi{ padding-right:.3em; font-size:1.125em} .edu_search .search_em .xi, .edu_search .search_em .em{ vertical-align:middle} /*논문검색*/ .bk_list{} .bk_list:after{ display:block; clear:both; content:'';} .bk_list li{ float:left; margin-right:10px;} .bk_list li a{ display:block; border-radius:20px; border:1px solid #aaa; padding:6px 14px; color:#333; transition:all .3s;} .bk_list li a:hover{ color:#fff; background:#152c8d; border-color:#152c8d;} .view_3 th{ background:#f5f5f5;} .board_st.view_3 .Vfile{ padding:1px 0; margin-right:15px; font-size:.938em;} .board_st.view_3 .Vfile:before{ content:"\e9ba"; font-family:xeicon!important; font-size:1.375em; padding-right:3px; vertical-align:middle;} .board_st.view_3 .Vfile:hover{color:#e14500;} .page2_5wrap .searching_area{ margin-bottom:10px; margin-top:2em} .page2_5wrap .searching_area .total_area{ padding-top:0} .board_table.mycontent td > a{ line-height:1.6; transition:.3s} .board_table.mycontent td > a:hover{ text-decoration:underline; color:#042b6f} .board_table.mycontent th.bg{ /*background:#044ea3; */ background:#f5f5f5; border-bottom:1px solid #044ea3} .board_table.mycontent .t1{ color:#333; font-size:1.063em; font-family:'notokrR';} .board_table.mycontent .t2{ color:#888; padding:.3em 0} .board_table.mycontent .t3{ color:#333;} /*논문 학회지*/ .board_table{ border-top:2px solid #ddd; font-size:.875em; letter-spacing:-.5px} .board_table th, .board_table td{ padding:.6em 1em; height:2em; border:solid #ccc; border-width:1px 1px 1px 0; color:#222; text-align:center; line-height:1.6} .board_table th:last-child, .board_table td:last-child{ border-right:none} .board_table th{ background:#f5f5f5;} .board_table.inq_table{} .board_table.inq_table th, .board_table.inq_table td{ text-align:left} .board_table.inq_table .check_ul > li{ padding-right:10px} .em_tx{ font-size:.750em; color:#bf0c14; padding-top:10px; display:block;} .board_table.row td{ text-align:left} .board_table.row2 th{ text-align:left} .board_table.row2 thead tr:first-child th{ text-align:center !important} .board_table.mycontent td > a{ line-height:1.6; transition:.3s} .board_table.mycontent td > a:hover{ text-decoration:underline; color:#042b6f} .board_table.mycontent th.bg{ /*background:#044ea3; */ background:#f5f5f5; border-bottom:1px solid #044ea3} .board_table.mycontent .t1{ color:#333; font-size:1.063em; font-family:'notokrR';} .board_table.mycontent .t2{ color:#888; padding:.3em 0} .board_table.mycontent .t3{ color:#333;} .board_table.noline{ border-top:none} .board_st.write, .board_st.view.tit{ border-top:2px solid #333;} .board_st.view.tit.mycontent th .t1{ color:#111; font-family:'notokrR';} .board_st.view.tit.mycontent th .t2{ color:#888; font-size:.875em; padding-top:.5em} .board_st.view.info.mycontent td{ background:#fff} .board_st.view.info.mycontent th{ border-bottom:1px dotted #ddd; background:#f5f5f5} .page2_5wrap .board_table{ border-top:3px solid #152c8d} /*board btn*/ .board_btn_wrap{ margin-top:25px;} .board_btn{ line-height:30px; padding:0 15px 0 15px;} .board_st.view .Vfile{ padding:1px 0; margin-right:15px; font-size:.938em;} .board_st.view .Vfile:before{ content:"\e9ba"; font-family:xeicon!important; font-size:1.375em; padding-right:3px; vertical-align:middle;} .board_st.view .w_view_info .in_info{ text-align:right;} .board_view_con{ padding:50px 20px; border-bottom:1px solid #aaa;} .board_st .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 1px;} .board_st .icon:before{ font-family:xeicon!important; font-style:normal; font-size:1.188em; color:#111;} .board_st .icon.file:before{ content:"\e9ba";} .board_st .icon.open:before{ content:"\e967";} .board_st .icon.close:before{ content:"\e966";} .board_st .icon.prev, .board_st .icon.next{ font-size:1.063em; padding-right:10px;} .board_st .icon.prev:before{ content:"\e944"; color:#333;} .board_st .icon.next:before{ content:"\e941"; color:#333;} /*MEMBER***************************/ .member_wrap{ letter-spacing:-.5px;} .member_wrap .input_st{ height:3em;} .member_wrap .login_box{ width:520px; max-width:100%; margin:0 auto;} .member_wrap .join_box { width:600px; max-width:100%; margin:0 auto;} .member_wrap .confirm_box{ width:45%; margin:0 auto} .member_wrap .member_tab{ text-align:center; padding:0 1px 0 0;} .member_wrap .member_tab > li{ width:50%;} .member_wrap .member_tab > li .in{ position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d;} .member_wrap .member_tab > li.on .in{ z-index:2; background:#fff; border-bottom-color:transparent; color:#0ea04f;} .member_wrap .member_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#0ea04f;} .member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;} .member_wrap .member_tit .tit{ font-size:2.500em; color:#3c3c3d; font-weight:600; letter-spacing:0; text-transform:uppercase;} .member_wrap .member_tit .txt{ font-size:1.125em; color:#69696b; font-weight:300; padding-top:.8em;} .member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#152c8d;} .member_wrap .member_form.st1{ border-top:none !important} .member_wrap .form > li:first-child{ margin-top:0;} .member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;} .member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;} .member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;} .member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;} .member_wrap .form .save_wrap{ margin-top:1.2em;} .member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;} .member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;} .member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;} .member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;} .member_wrap .form .save_wrap .find .link:first-child:before{ display:none;} .member_wrap .form .btn_wrap{ margin-top:.6em;} .member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em; border-radius:.3em} .member_wrap .form .btn_wrap .btn.c1{ background:#152c8d; color:#fff;} .member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#152c8d; color:#152c8d;} .member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;} .member_wrap .form .msg_wrap{ margin-top:2em;} .member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;} .member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;} .member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;} .member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;} .member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;} .member_wrap .form .sns_wrap{ margin-top:2em;} .member_wrap .form .sns_wrap .btn{ position:relative; display:block; margin-top:.4em; border:1px solid #ccc; border-radius:5px;} .member_wrap .form .sns_wrap .btn:first-child{ margin-top:0;} .member_wrap .form .sns_wrap .btn .tt{ display:block; box-sizing:border-box; line-height:55px; padding:0 1em 0 6em; color:#3c3c3d;} .member_wrap .form .sns_wrap .btn .icon{ position:absolute; top:-1px; left:-1px; bottom:-1px; width:2em; line-height:57px; border-radius:5px 0 0 5px; text-align:center; font-size:2.000em; color:#fff;} .member_wrap .form .sns_wrap .btn .icon.naver{ background:#2CB400;} .member_wrap .form .sns_wrap .btn .icon.daum{ background:linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%); font-family:'Ms','NotoSans',sans-serif; font-weight:600;} .member_wrap .form .sns_wrap .btn .icon.google{ background:#1A73E8;} .member_wrap .form .sns_wrap .btn .icon.kakao{ background:#FAE100; color:#3C1E1E;} .member_wrap .form .sns_wrap .btn:hover{} .member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;} .member_wrap .form2 .tit{ font-weight:600; font-size:1.125em; margin-bottom:.5em; display:block} .member_wrap .form2:first-child{ margin-top:0; padding-top:0; border-top:none;} .member_wrap .form2 > li{ margin-top:.4em; font-weight:300;} .member_wrap .form2 > li:first-child{ margin-top:0;} .member_wrap .form2 .inp_wrap{ color:#3c3c3d;} .member_wrap .form2 .inp_wrap select.input_st, .member_wrap .form2 .inp_wrap input[type=text].input_st, .member_wrap .form2 .inp_wrap input[type=password].input_st{ background-color:transparent;} .member_wrap .form2 .inp_wrap input[disabled=disabled].input_st{ background-color:#f5f5f5;} .member_wrap .form2 .check_wrap > *{/* display:inline-block;*/ zoom:1; vertical-align:middle; flex-wrap :wrap; align-items:center;} .member_wrap .form2 .check_wrap .label_wrap{ width:100%;} .member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;} .member_wrap .form2 .check_wrap .tit{ display:block; font-size:1.125em; padding-bottom:1em} .member_wrap .form2 .check_wrap .check_ul{width:100%;} .member_wrap .form2 .check_wrap .check_ul.st{ background:#fff} .member_wrap .form2 .check_wrap .check_ul.st > li{ padding:0} .member_wrap .form2 .check_wrap .check_ul > li{ width:33.33%; padding:.3em 0} .member_wrap .form2 .check_wrap .check_ul > .last {flex:0 1 100%;} .member_wrap .form2 .check_wrap .check_ul .last .w18 {width:18.5em;} .member_wrap .form2 .ess{ display:none;} .member_wrap .form2 .required .ess{ display:inline-block;} .member_wrap .form2 .field{ position:relative;} .member_wrap .form2 .field .txt{ position:absolute; z-index:-1; top:50%; left:1.2em; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0;} .member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -110%) scale(.7,.7);} .member_wrap .form2 .col .col_w1{ width:65.68%; margin-left:1%;} .member_wrap .form2 .col .col_w1:first-child{ width:66.66%; margin-left:0;} .member_wrap .form2 .col .col_w2{ width:32.34%; margin-left:1%;} .member_wrap .form2 .col .col_w2:first-child{ width:33.32%; margin-left:0;} .member_wrap .form2 .tit.input_st{ background:#f5f5f5;} .member_wrap .form2 .check_st{ position:relative; text-align:center; border-color:transparent; cursor:pointer;} .member_wrap .form2 .check_st .on{ position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid #095282; border-radius:5px;} .member_wrap .form2 .check_st .on ~ span{ position:relative; color:#095282;} .member_wrap .form2 .check_st:hover input ~ .on, .member_wrap .form2 .check_st input:checked ~ .on{ background:#095282;} .member_wrap .form2 .check_st:hover input ~ .on ~ span, .member_wrap .form2 .check_st input:checked ~ .on ~ span{ color:#fff;} .member_wrap .form2 .check_st input[type=checkbox], .member_wrap .form2 .check_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;} .member_wrap .type_wrap{} .member_wrap .type_wrap > li{ width:50%;} .member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center;} .member_wrap .type_wrap > li:first-child .inner{ border-left:none;} .member_wrap .type_wrap .icon{ height:8em;} .member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;} .member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;} .member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;} .member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;} .member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;} .member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;} .member_wrap .terms_wrap > li{ padding-top:1.5em;} .member_wrap .terms_wrap > li:first-child{ padding-top:0;} .member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; font-weight:600;} .member_wrap .terms_wrap .c1{ color:#d31717;} .member_wrap .finish_wrap{ text-align:center;} .member_wrap .finish_wrap .tit{ font-size:1.500em; color:#3c3c3d; letter-spacing:-1px;} .member_wrap .finish_wrap .txt{ padding:.4em 0; color:#69696b; font-weight:300;} .member_wrap .finish_wrap .join_fin{ font-size:.938em; color:#3c3c3d;} .member_wrap .finish_wrap .join_fin .th, .member_wrap .finish_wrap .join_fin .td{ padding:.8em 1.5em; border:1px solid #ddd; text-align:left;} .member_wrap .finish_wrap .join_fin .th{ width:10em; background:#f5f5f5;} .member_wrap .finish_wrap .join_fin .td{ width:auto; letter-spacing:0;} .member_btn_wrap{ margin:1.5em 0 0 -.4em;} .member_btn_wrap > *{ width:50%;} .member_btn_wrap .in{ margin-left:.4em;} .member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;} .member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:6em; overflow-y:scroll;} .member_agree .agree p{ padding:.5em 0;} .member_agree .agree *{ vertical-align:baseline;} .member_agree .agree strong{ color:#3c3c3d;} .member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9} .member_agree h1{ color:#111; font-weight:600} /**/ .sub3_1Wrap .t1 {text-align:center; font-size:1.375em; font-weight:500; letter-spacing:-1px; color:#777;} .sub3_1Wrap .t2 {font-weight:700; color:#152c8d; font-size:1.85em; text-align:center; letter-spacing:-1px; padding-top:.3em;} .sub3_1Wrap .line {background:#111; text-align:center; height:2px; width:30px; margin:1em auto;} .sub3_1CON_W {background:#f4f5f7; padding:5em 0 4em; margin:3em 0; /*box-shadow:0 .25em .5em rgba(0,0,0,.1);*/ position:relative; overflow:hidden;} .sub3_1CON_W .bigT { font-family: 'Roboto'; font-weight:700; font-size:13em; color:#ccc; opacity:.4; position:absolute; right:0; bottom:-80px; text-shadow: 3px 2px rgba(0,0,0,0.05); display:none} .sub3_1CON_W .info_w {} .sub3_1CON_W .info_w .tw {/*flex:1; min-width:0;*/ width:50%;} .sub3_1CON_W .info_w .tw .inner {margin-right:10%;} .sub3_1CON_W .info_w .tw .t1 {font-family:'notokrB'; font-size:2.6em; letter-spacing:-1.5px; padding-bottom:1em; color:#222;} .sub3_1CON_W .info_w .tw .info {font-size:1em; color:#666; line-height:1.5;} .sub3_1CON_W .info_w .tw .info dl{position:relative; padding:10px 0 10px 140px;} .sub3_1CON_W .info_w .tw .info dl dt{font-family:'notokrM'; position:absolute; top:10px; left:0; color:#272627; padding-left:10px;} .sub3_1CON_W .info_w .tw .info dl dt:before {position:absolute; content:""; width:2px; height:2px; border-radius:50%; background:#272627; left:0; top:10px;} .sub3_1CON_W .info_w .tw .info dl dd{} .sub3_1CON_W .info_w .tw .btn_w {margin:4em 0 0 -.5em} .sub3_1CON_W .info_w .tw .btn_w .btN {box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2); margin:0 0 0 .5em} .sub3_1CON_W .info_w .tw .btn_w .btN > * {vertical-align:middle;} .sub3_1CON_W .info_w .tw .btn_w .btN .tt {font-size:.813em; font-family:'notokrM';} .sub3_1CON_W .info_w .tw .btn_w .btN .xi {font-size:1.063em} .sub3_1CON_W .info_w .imgw {box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2); width:21.250em;} .sub3_1CON_W .info_w .tw .btn_w .btN:hover {background:#152c8d; border-color:#152c8d; color:#fff; transition:.2s;} /*sub3_2*/ .sub3_1 h3{ margin-bottom:60px; font-family: 'notokrR'; font-size:30px; color:#777; text-align:center;} .eri-person_list{display:flex; flex-wrap:wrap; width:98%; margin:0 auto; gap:2.5em 4em;} .eri-person{width: calc( ( 100% - 16em) / 5); height:220px; box-shadow:2px 2px 5px rgba(0, 0, 0, .2);position:relative;} .eri-person .eri-person-title , .eri-person .eri-person-name{ width:100%; height:35px; background:rgba(21, 44, 141, .75); font-family: 'notokrM'; font-size:1.125em; line-height:35px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;} .eri-person .eri-person-title{ top:-35px;} .eri-person .eri-person-image{ width:100%; height:100%; object-position:center center; object-fit:cover; } /**/ .page_step_wrap{ text-align:center;} .page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;} .page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:8em;} .page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;} .page_step_wrap .step > li:first-child .in:before{ display:none;} .page_step_wrap .step > li .in > *{ position:relative; display:block;} .page_step_wrap .step > li .in .xi{ margin:.2em 0; font-size:2.500em; color:#ddd;} .page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2;} .page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.4em; height:1.4em; background:#f5f5f5; border-radius:100%;} .page_step_wrap .step > li .in .tt{ font-size:1.125em; color:#aaa; font-weight:300;} .page_step_wrap .step > li.on .in .xi{ color:#fff;} .page_step_wrap .step > li.on .in .xi:after{ background:#152c8d;} .page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;} /*inc*********************************/ .page_mg { margin-top:3em !important;} .page_mg1{ margin-top:1em !important;} .page_mg2{ margin-top:6em !important;} .page_mg3{ margin-top:5em !important} /**/ .page_tit2{ position:relative; padding-left:.8em; font-weight:500; font-size:1.5em; color:#111; line-height:1.2; margin-bottom:1em} .page_tit2:before{ content:"";width:7px; height:25px; position:absolute; left:0; top:.125em; background: linear-gradient(-225deg, #4578c8 49%, #152c8d 50%);} .info_txt {margin:1em 0; font-size:.875em; color:#152c8d; line-height:1.5} .join_btn {margin-top:3em;} .join_btn .btn {width:12em; padding:1em; box-sizing:border-box; background:#152c8d; margin: 0 auto} .join_btn .btn a {color:#fff;}