@charset "UTF-8";
/*-------------------------------------------------
title : 서브
Author : 플랜아이 yeona
Create date : 2022-04
-------------------------------------------------*/
#header .srch_area { left: 52%; } 

#contents { padding-bottom: 10rem; } 

/* #header .srch_area .form_select { float: left; height: 100%; min-width: 12rem; max-width: 15rem; border: 0; } 

#header .srch_area .form_select select { border: 0; min-height: inherit; min-width: 100%; height: 100%; border-radius: 5px; color: #555555; padding: 0 1.5rem 0 1rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; } 

#header .srch_area .form_select > select { background: #fff url(../../image/service/layout/arrow.png) right 0 center no-repeat; } 

#header .srch_area .form_select > select:focus { background: #fff url(../../image/service/layout/arrow_h.png) right 0rem center no-repeat} */

#visual { position: relative; height: 24rem; color: #fff; text-align: center; z-index: -1; width: 128rem; max-width: calc(100% - 3rem); margin-left: auto !important; margin-right: auto !important; position: relative; } 

#visual .title { position: absolute; top: 47%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color:#fff; font-size: 3.6rem; font-weight: bold; } 

#visual .control { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 150rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; } 

#visual .control a { font-size: 1.8rem; float: left; line-height: 5rem; } 

#visual .control a::before { float: left; width: 5rem; height: 5rem; margin-right: 1rem; border-radius: 100%; background-color: rgba(0, 0, 0, 0.2); font-family: "xeicon"; content: ''; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; } 

#visual .control a.next { float: right; } 

#visual .control a.next::before { float: right; margin: 0 0 0 1rem; content: ''; } 

#visual .control a:hover::before, #visual .control a:focus::before { background-color: rgba(0, 0, 0, 0.7); } 

#visual .img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; z-index: -1; width: 100%; height: 100%; } 

#visual .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: inherit; height: 100%; border-radius: 20px; } 

#contents_title { color:#111; font-size: 3rem; font-weight: bold; display: inline-block; } 

.depth3_tab { width: 128rem; max-width: calc(100% - 3rem); position: relative; margin: 0 auto 0; } 

.snb_btn { display: none; } 

.location { position: absolute; right: 0; top: auto; } 

.location > * { display: inline-block; vertical-align: middle; } 

.location .path { font-size: 0; } 

.location .path > li { display: inline-block; vertical-align: middle; font-size: 1.6rem; } 

.location .path li.icon { background-color: #155CD6; width: 1.8rem; height: 1.8rem; color: #fff; font-size: 1.2rem; text-align: center; line-height: 1.8rem; font-weight: bold; } 

.location .path > li.active > a { letter-spacing: -0.16px; font-weight: bold; } 

.location .path > li + li:before { display: inline-block; position: relative; top: -1px; width: .4rem; height: .4rem; margin: 0 .7rem 0 1.2rem; background-color: #D1D4DB; content: ''; vertical-align: middle; } 

.location > .util { margin-left: 1.6rem; } 

.contents_util { position: relative; margin: 6.5rem 0 4rem; display: flex; align-items: center; } 

.contents_util .menu_type { display: inline-block; vertical-align: middle; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12); border: 1px solid #E5E5E5; border-radius: 10px; margin-left: 2.5rem; } 

.contents_util .menu_type > li { display: inline-block; vertical-align: middle; position: relative; } 

.contents_util .menu_type > li > a { display: block; padding: .5rem 1.6rem; color: #333333; font-size: 1.5rem; } 

.contents_util .menu_type > li > a:hover { color: #000; } 

.contents_util .menu_type > li > a > i { font-size: 2rem; color: #868D96; vertical-align: middle; display: inline-block; margin-right: 4px; } 

.contents_util .menu_type > li > a:hover > i { color: #000; } 

.contents_util .menu_type > li + li:before { height: 2rem; background: #E5E5E5; width: 1px; content: ''; position: absolute; left: -2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

/*3차메뉴*/
.depth3_tab ul { display: table; width: calc(100% + 0px); table-layout: fixed; border-radius: 5px; overflow: hidden; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); margin-top: -3rem; } 

.depth3_tab ul > * { display: table-cell; padding-right: 0px; vertical-align: middle; } 

.depth3_tab ul li { border: 1px solid #ddd; color: #555; background-color: #fff; height: 6.4rem}

.depth3_tab ul li:first-child { border-radius: 5px 0 0 5px; } 

.depth3_tab ul li:last-child { border-radius: 0 5px 5px 0; } 

.depth3_tab ul li + li { border-left: 0 none; } 

.depth3_tab ul a { display: block; padding: 1.4rem; text-align: center; font-size: 1.7rem; line-height: 1.3; } 

.depth3_tab ul li.active { border-color: #155CD6; background-color: #155CD6; font-weight: 600; color: #fff; } 

.icon_type6 i { background-color: #F44336; } 

/*4차메뉴*/
.depth4_tab ul { display: table; width: calc(100% + 0px); table-layout: fixed; margin-bottom: 5rem !important; border-radius: 5px; overflow: hidden; } 

.depth4_tab ul > * { display: table-cell; padding-right: 0px; vertical-align: middle; } 

.depth4_tab ul li { border: 1px solid #ddd; color: #555; } 

.depth4_tab ul li:first-child { border-radius: 5px 0 0 5px; } 

.depth4_tab ul li:last-child { border-radius: 0 5px 5px 0; } 

.depth4_tab ul li + li { border-left: 0 none; } 

.depth4_tab ul a { display: block; padding: 1.4rem; text-align: center; font-size: 1.7rem; } 

.depth4_tab ul li.active { border-color: #1A3871 !important; background-color: #1A3871; font-weight: 500; color: #fff; } 

.depth4_tab .num { color: #155CD6; font-size: 1.7rem; font-weight: bold; display: inline-block; vertical-align: middle; margin-left: 6px; } 

.depth4_tab ul li.active .num { color: #FFFFFF; } 

.depth_tabs ul { display:flex; flex-wrap:wrap; border-bottom:1px solid #F7F8FA; background:#F7F8FA; }

.depth_tabs ul li { display:inline-block; position:relative; flex:1; min-width: 12rem; }

.depth_tabs ul li:not(:last-child)::after { content:""; display:inline-block; position:absolute; right:0; top:50%; width:1px; height:2.4rem; background:#ddd; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
 
.depth_tabs ul li a { display:block; position:relative; height: 100%; padding:1.4rem 0.7rem; border-bottom:1px solid #707070; color:#555; font-size:1.6rem; letter-spacing: -0.1px; text-align: center; z-index: 2; }

.depth_tabs ul li .active { border:1px solid #707070; border-bottom:1px solid rgba(0,0,0,0); background:#fff; color:#333; font-weight: 600; font-family: 'semibold'; }

.depth4_tabs { padding-bottom:0.5rem; overflow-x: auto; }

.depth4_tabs ul { display:flex; border-bottom:1px solid #ddd; }

.depth4_tabs ul li { display:inline-block; vertical-align: middle; margin-right:2.4rem; }

.depth4_tabs ul li a { display:block; position:relative; padding: 1rem 0; color:#767676; font-size:1.7rem; line-height:2rem; text-align: center; letter-spacing: -0.01rem; white-space: nowrap; }

.depth4_tabs ul li .active { color:#333; font-weight: 600; font-family: 'semibold'; }

.depth4_tabs ul li .active::after { content:""; display:block; position:absolute; bottom:-0.2rem; left:0; width:100%; height:0.3rem; background:#222; }

.contents_util .util .btt { display: inline-block; overflow: hidden; width: 3.6rem; height: 3.6rem; border-radius: 100%; border: 1px solid #E1E1E1; color: #878787; text-align: center; line-height: 3.5rem; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; text-align: center; padding: 0; } 

.contents_util .util .btt::before { display: block; width: 100%; height: 100%; font-family: "remixicon"; text-align: center; line-height: inherit; font-size: 2rem; font-weight: 400; } 

.contents_util .util .btt.print::before { content: "\f029"; } 

.contents_util .util .btt.up::before { content: ""; } 

.contents_util .util .btt.down::before { content: ""; } 

.contents_util .util .btt.open::before { content: "\f0fe"; } 

.contents_util .util .btt:hover, .contents_util .util .btt:focus { border-color: #000; background-color: #000; color: #fff; } 

.contents_util .util .share { display: inline-block; position: relative; z-index: 2; vertical-align: top; } 

.contents_util .util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; top: 100%; width: 6rem; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #fff; white-space: nowrap; } 

.contents_util .util .share .item::before { position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -0.3rem; width: 1rem; height: 1rem; background-color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; content: ''; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); } 

.contents_util .util .share .item .list { display: block !important; } 

.contents_util .util .share .item a { display: block; overflow: hidden; width: 3rem; height: 3rem; margin-top: 1rem; text-align: center; line-height: 3rem; } 

.contents_util .util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "remixicon"; text-align: center; line-height: inherit; font-size: 2rem; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } 

.contents_util .util .share .item a.close::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s; transition: all 0.2s; } 

.contents_util .util .share .item a.close:hover::before, .contents_util .util .share .item a.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); } 

.contents_util .util .share .item a.close::before { content: '\eb99'; } 

.contents_util .util .share .item a:hover::before, .contents_util .util .share .item a:focus::before { -webkit-transform: scale(1.5); transform: scale(1.5); } 

.contents_util .util .share .item .facebook a::before { color: #29487d; content: "\ecbc"; } 

.contents_util .util .share .item .twitter a::before { color: #1da1f2; content: "\f23a"; } 

.contents_util .util .share .item .kakaostory a::before { color: #ffc20f; content: ""; } 

.contents_util .util .share .item .kakaotalk a::before { color: #381e1f; content: "\ee6c"; } 

.contents_util .util .share .item .band a::before { font-size: 2rem; font-family: "Noto Sans KR"; font-weight: 900; color: #21c531; content: 'b'; } 

.contents_util .util .share.active .btn { border-color: #000; background-color: #000; color: #fff; } 

.contents_util .util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; margin-top: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; } 

.search_history_wrap .top_btn_area { width: 100%; } 

.title2 { color: #1A3871; font-size: 2.2rem; font-weight: bold; line-height: 2.5rem; letter-spacing: -0.22px; display: block; margin: 5rem 0 2rem; } 

.title2.btm12 { margin-bottom:1.2rem; }

.title2.btm8 { margin-bottom:0.8rem; }

/* .title3 { color: #111; font-size: 2.3rem; font-weight: bold; line-height: 4rem; letter-spacing: -0.22px; display: block; margin: 4rem 0 1.5rem; }  */
.title3 { color: #111; font-size: 2.2rem; font-weight: bold; line-height: 1.5; letter-spacing: -0.23px; display: block; margin: 4rem 0 1.5rem; } 

.title3::after { content:""; display:table; clear: both; }

.title3.type_top1 { margin-top:7.2rem; }

.title3.type_top2 { margin-top:6.7rem; }

.title4 { color: #111; letter-spacing: -0.18px; font-size: 1.8rem; font-weight: bold; display: block; margin: 5rem 0 1.5rem; } 

.title5 { color: #111; letter-spacing: -0.2px; font-size: 2rem; font-weight: 600; font-family: 'semibold'; display: block;  margin: 5rem 0 1.5rem; }

.mgt20 { margin-top: 2rem !important; } 

.mgt30 { margin-top: 3rem !important; } 

.mgt40 { margin-top: 4rem !important; } 

.mgt50 { margin-top: 5rem !important; } 

.mgt60 { margin-top: 6rem !important; } 

.mgt10 { margin-top: 1rem !important; } 

.mgt0 { margin-top: 0 !important; } 

.mgb0 { margin-bottom: 0 !important; } 

.point { color: #155CD6; } 

.pdb10 { padding-bottom: 1rem; } 

.pdb20 { padding-bottom: 2rem; } 

.title3 + .txt { margin-bottom:1.5rem; color:#555; font-size:1.6rem; }

.title3 label { display:inline-block; vertical-align: middle; color:#333; font-size:1.5rem; font-weight: 400; }

.title3 input[type='checkbox'] {position:relative;width:1.6rem;height:1.6rem;margin:0 0.6rem 0 1.6rem;border:1px solid #B6B6B6;background:#fff;-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.title3 input[type='checkbox']:checked {border-color:#155CD6;}

.title3 input[type='checkbox']:checked:after {content:"\eb7b";display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:#155CD6;color:#fff;font-size:1.4rem;font-family: 'remixicon' !important;}


/*공통*/
.form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #D8D9DF; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; border-radius: 5px; } 

.form_textbox.number, .form_select.number select { width: 10rem; min-width: inherit; } 

.form_select > select { padding-right:3rem; background: #fff url(../../image/service/layout/arrow.png) 95% 50% no-repeat; }

.form_select.number { vertical-align: middle; } 

.form_textbox:focus { border-color: #000; } 

.form_mail { line-height: 4rem; } 

.form_mail .form_textbox { width: 16rem; } 

.btn_line { height: 3rem; border: 1px solid #ddd; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; border-radius: 4px; margin: .25rem; } 

.btn_line:hover, .btn_line:focus { border-color: #333; background-color: #333; color: #fff; } 

.btn_line:hover i.ri-file-excel-2-line { color: #fff; } 

.btn_line i { font-size: 1.6rem; vertical-align: middle; margin-left: .5rem; } 

.btn_line i.ri-file-excel-2-line { color: #0F9D58; font-size: 1.5rem; margin-right: 4px; } 

.btn { height: 4.5rem; border-radius: 5px; line-height: 4.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 11.8rem; padding: 0 1.5rem; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem; border: 1px solid #000; color: #fff; background: #000; } 

.btn:hover, .btn:focus { background: #EBEBEB; color: #000000; border-color: #7F7F7F; } 

.btn_line.type2 { border: 1px solid #bbb; } 

.btn_line.type2 > i { font-size: 1.5rem; margin-top: -1px; margin-left: 1px; } 

.btn_line.type2:hover, .btn_line.type2:focus { border-color: #333; } 

.btn.type1 { border: 1px solid #155CD6; background-color: #155CD6; color: #fff; } 

.btn_line.type3 { border: 1px solid #333333; background-color: #333333; color: #fff; } 

.btn_line.type3:hover { color: #333; background-color: #fff; } 

.btn_line.type4 { min-width: inherit; } 

.btn.type1:hover, .btn.type1:focus { background: #fff; color: #155CD6; } 

.btn.type2 { background: #1247A1; color: #fff; border: 1px solid #1247A1; } 

.btn.type2:hover, .btn.type2:focus { color: #1247A1; background: #EBF3FB; } 

.btn.type3 { background: #BBBBBB; color: #fff; border: 1px solid #BBBBBB; } 

.btn.type3:hover, .btn.type3:focus { color: #BBBBBB; background: #FAFAFA; } 

.btn.type4 { background: linear-gradient(112deg, rgba(18,104,250,1) 0%, rgba(29,186,143,1) 100%); border: 0 none}

.btn.type4:hover,.btn.type4:focus { color: #fff; } 

.btn.type5 { background: #333333; color: #fff; border: 1px solid #333333; } 

.btn.type5:hover, .btn.type3:focus { color: #333333; background: #fff; border-color: #BBBBBB; } 

.btn.type7 { border: 1px solid #D8D9DF; background: #fff; color: #333; } 

.btn.type7:hover, .btn.type7:focus { color: #fff; background: #333; border-color: #333; } 

.btn.type8 { border: 1px solid #1A3871; background: #1A3871; } 

.btn.type8:hover, .btn.type8:focus { color: #1A3871; background: #fff; } 

.btn.red_txt { color: #C5091C; } 

.btn.red_txt:hover, .btn.red_txt:focus { color: #fff; background:#C5091C; border-color:#C5091C; }

.btn i { vertical-align: middle; } 

.float-right { float: right; } 

.float-left { float: left; } 

.btn_line3 { height: 4rem; line-height: 3.9rem; display: inline-block; border: 1px solid #333; background: #333; color: #fff; border-radius: 5px; padding: 0 1rem; -webkit-transition: all .2s; transition: all .2s; } 

.btn_line3 > i { margin-right: 4px; margin-top: -3px; font-size: 2rem; display: inline-block; vertical-align: middle; } 

.btn_line3:hover, .btn_line3:focus { border-color: #bbb; color: #333333; background: none; } 

.btn_line3.ver2 { border: 1px solid #ddd; background: #fff; color: #333; } 

.btn_line3.ver2:hover { border-color: #000; color: #000; } 

/*검색박스*/
.search-box { background: #F4F5F9; padding: 1.5rem; text-align: center; border-radius: 6px; margin-bottom: 3rem; } 

.search-box:after { content: ''; display: table; clear: both; } 

.search-box * { display: inline-block; vertical-align: middle; } 

.search-box .form_textbox { border: 0; float: left; width: calc(100% - 4rem); } 

.search-box .item { padding-right: .5rem; } 

.search-box.type2 .form_textbox { width: 100%; float: none; } 

.search-box .input-group { position: relative; border-radius: 5px; border: 1px solid #DDDDDD; width: 70rem; overflow: hidden; background: #fff; } 

.search-box .input-group-btn { width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.8rem; color: #222; text-align: left; } 

.search-box .input-group-btn>button { width: 100%; height: 100%; } 

.search-box .input-group-btn i { height: 100%; line-height: 3.5rem; } 

td .btns { margin-bottom: .25rem; vertical-align: top; margin-top: 0; } 

.search-box .btns { margin: 0.3rem 0 0.3rem .3rem; } 

.search-box .btn-primary1 { background: #222222; border-radius: 5px; color: #fff; height: 4rem; line-height: 3.8rem; padding: 0 1.4rem; font-size: 1.5rem; border: 1px solid #222; -webkit-transition: all .2s; transition: all .2s; } 

.search-box .btn-primary1:hover, .search-box .btn-primary1:focus { background: #fff; color: #222; } 

.btn-primary1.blue{border-color:transparent;background-color:#145CD6}

.btn-primary1.blue:hover, 
.btn-primary1.blue:focus{border-color:#145CD6;background-color:#fff;color:#145CD6}

.btn_icon1:before{content:"";display:inline-block;margin-right:.2rem;width:1.8rem;height:1.8rem;background:url(../../image/service/content/icon_btn_bul1.png) center no-repeat;background-size:contain;vertical-align:middle}

.btn_icon1:hover:before,
.btn_icon1:focus:before{background-image:url(../../image/service/content/icon_btn_bul1_ov.png)}

.search-box .btn-primary2 { background:#fff; border-radius: 5px; color: #333; height: 4rem; line-height: 3.8rem; padding: 0 1.4rem; font-size: 1.5rem; border: 1px solid #ddd; -webkit-transition: all .2s; transition: all .2s; } 

.search-box .btn-primary2:hover, .search-box .btn-primary2:focus { border-color:#222; background: #222; color: #fff; } 

.search-box.ver2 .form_textbox { width: 100%; } 

.btns { height: 4rem; padding: 0 1.7rem; line-height: 3.8rem; color: #fff; font-size: 1.5rem; background: #222; border-radius: 5px; border: 1px solid #222; transition: all .2s; display: inline-block; } 

.btns > i { margin-right: 5px; margin-top: -1px; font-size: 1.7rem; vertical-align: middle; } 

.btns:hover, .btns:focus { background: #fff; color: #222; } 

.andbtn { display: inline-block; position: relative; } 

.andbtn.active .lst { display: block; z-index: 3; } 

.andbtn .btns { min-width: 10rem; padding: 0 1.4rem; text-align: left; } 

.andbtn .btns > i { float: right; margin-right: -3px; } 

.andbtn .lst { position: absolute; top: 100%; left: 0; padding: 1.5rem; border: 1px solid #AAAAAA; width: 100%; margin-top: 6px; display: none; background: #fff; } 

.andbtn .lst li > * { display: block; color: #555555; font-size: 1.5rem; } 

.andbtn .lst li + li { margin-top: .8rem; } 

/* 최근검색어 */
.s_search_wrap .sch_keyword{margin-top:.5rem}

.sch_keyword{display:flex;text-align:left;max-width:98rem}

.sch_keyword .label{flex:0 0 auto;padding-top:1rem;margin-right:.5rem;color:#333;font-weight:400}

/*바이오 프로젝트 등록*/
.sampleWrap { height: 36rem; overflow: hidden; border-radius: 10px; margin-top: 3.7rem; margin-bottom: 5.3rem; } 

.sampleWrap:after { content: ''; clear: both; display: table; } 

.sampleWrap > div { float: left; width: 50%; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; } 

.sampleWrap > .register { padding: 0 6rem; } 

.sampleWrap > div:before { content: ''; background: url(../../image/service/content/bg02.png) no-repeat center/cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } 

.sampleWrap > .register:before { background: url(../../image/service/content/bg01.png) no-repeat center/cover; } 

.sampleWrap > .register>strong { letter-spacing: -0.3px; color: #fff; display: block; font-size: 3rem; font-weight: bold; line-height: 3.5rem; } 

.sampleWrap > .register>span { color: #fff; line-height: 2.6rem; opacity: .8; } 

.sampleWrap > .register .btntype { margin-top: 5rem; overflow: hidden; width: calc(100% + 1rem); } 

.sampleWrap > .register .btntype li:first-child a { z-index: 1; } 

.sampleWrap > .register .btntype ul { overflow: hidden; } 

.sampleWrap > .register .btntype li { width: calc(50% - 1rem); float: left; margin-right: 1rem; } 

.sampleWrap > .register .btntype li > a { background: #1A57BF; color: #fff; border-radius: 5px; font-size: 1.8rem; font-weight: 600; font-family: 'semibold'; letter-spacing: -0.18px; line-height: 5.9rem; height: 6rem; display: block; padding: 0 2rem; position: relative; overflow: hidden; } 

.sampleWrap > .register .btntype li > a:hover:after { -webkit-animation: shine .65s; animation: shine .65s; } 

.sampleWrap > .register .btntype li > a:hover i { opacity: .8; } 

.sampleWrap > .register .btntype li > a:hover:before { -webkit-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.2); } 

.sampleWrap > .register .btntype li > a::after { position: absolute; top: 0; left: -100%; z-index: 0; display: block; content: ''; width: 20%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); } 

@-webkit-keyframes shine { 100% { left: 100%; } 
 }

@keyframes shine { 100% { left: 100%; } 
 }

.sampleWrap > .register .btntype li > a > i { vertical-align: middle; opacity: .4; font-weight: 300; font-size: 2.6rem; margin-right: 1rem; transition: all .3s; } 

.sampleWrap > .register .btntype li > a:before { content: '\ea6e'; font-family: 'remixicon'; color: #fff; font-size: 1.8rem; position: absolute; right: 1.2rem; top: 50%; font-weight: 300; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .1s; } 

.sampleWrap > .register .btntype li.type2 > a { background: #17A081; } 

.data { padding-left: 6rem; } 

.data > .txt { font-weight: 500; font-size: 2rem; color: #fff; display: inline-block; vertical-align: middle; } 

.data::after { background: transparent linear-gradient(90deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.2) 100%) 0% 0% no-repeat padding-box; position: absolute; top: 0; right: 0; width: 10%; content: ''; height: 100%; } 

.data > ul li { float: left; width: 21rem !important; } 

.data > ul li .inner { width: 19rem; height: 19rem; border-radius: 10px; background: #fff; padding: 2rem; margin-right: 2rem; display: block; margin-top: 2rem; transition: all .3s; } 

.data > ul li .inner:hover, .data > ul li .inner:focus { transform: translateY(-10px); } 

.data > ul li .inner .tt { color: #155CD6; letter-spacing: -0.45px; display: block; padding: 3rem 0 4px; border-bottom: 1px solid #ddd; position: relative; font-weight: 500; font-size: 1.5rem; } 

.data > ul li .inner .tt:after { content: ''; background: #155CD6; width: 7rem; height: 1px; position: absolute; bottom: -1px; left: 0; } 

.data > ul li .inner > strong { padding-top: 1rem; display: block; font-weight: 600; font-family: 'semibold'; font-size: 2rem; letter-spacing: -0.2px; color: #111; height: 8.5rem; overflow: hidden; line-height: 2.4rem; } 

.data .arrow { position: absolute; right: 6rem; top: 5.6rem; } 

.data .arrow > button { border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; text-align: center; color: #fff; width: 3.2rem; height: 3.2rem; transition: all .2s; } 

.data .arrow > button:hover,.data .arrow > button:focus { background: #fff; color: #333; } 

.data .arrow > button > i { font-size: 1.9rem; line-height: 3.2rem; } 

.data .slick-track { margin-left: 0 !important; margin-right: 0 !important; } 

.data .slick-slide > div { overflow: hidden; } 

.data .slick-counter { display: inline-block; position: absolute; right: 15rem; top: -3.2rem; } 

.data .slick-counter em { opacity: .5; color: #fff; } 

.data .slick-counter > span { font-size: 1.8rem; letter-spacing: -0.18px; color: #fff; } 

.data .slick-counter .current { color: #FFD500; font-weight: bold; } 

.formWrap { position: relative; margin-bottom: 3rem; } 

.formWrap .datatit > strong { color: #111111; font-size: 2.2rem; font-weight: bold; letter-spacing: -0.22px; } 

.formWrap .datatit > strong > a { line-height: 3rem; } 

.formWrap .datatit > strong i { color: #D1D4DB; font-size: 2.5rem; vertical-align: middle; margin-right: 1rem; font-weight: 300; display: inline-block; } 

.formWrap .datatit > span { color: #555555; font-weight: 500; font-size: 1.5rem; letter-spacing: -0.15px; line-heighT: 2.6rem; vertical-align: middle; transition: all .3s; } 

.formWrap .datatit > span > a { transition: all .3s; display: inline-block; } 

.formWrap .datatit > span > a:hover { color: #000; } 

.formWrap .datatit > span > a:hover i { color: #000; transform: rotate(180deg); } 

.formWrap .datatit > span i { margin-left: 5px; color: #D1D4DB; font-weight: 300; font-size: 1.8rem; vertical-align: bottom; -webkit-transition: all .2s; transition: all .2s; display: inline-block; vertical-align: middle; } 

.formWrap .datatit > * { display: inline-block; vertical-align: middle; } 

.formWrap .datatit > * + *:before { display: inline-block; position: relative; top: -1px; width: 0.2rem; height: 1.4rem; margin: 0 1rem 0 .7rem; background-color: #D1D4DB; content: ''; vertical-align: middle; } 

.formWrap .datalst { font-size: 0; padding-top: 1.6rem; margin-bottom: 2rem; } 

.formWrap .datalst > ul > li { display: inline-block; vertical-align: middle; } 

.formWrap .datalst > ul li > a { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.15px; height: 3rem; border: 1px solid #D8D9DF; display: block; line-height: 3rem; padding: 0 1.4rem; border-radius: 15px; transition: all .3s; } 

.formWrap .datalst > ul > * + * { margin-left: .8rem; } 

.formWrap .datalst > ul a > i { vertical-align: middle; margin-left: 3px; font-size: 1.3rem; margin-top: -3px; display: inline-block; } 

.formWrap .datalst > ul > li > a:hover, .formWrap .datalst > ul > li > a:focus, .formWrap .datalst > ul > li.active > a { border-color: #333; background: #333; color: #fff; } 

.formWrap .alltype .slide { display: inline-block; vertical-align: middle; width: 20rem; height: 16rem; } 

.formWrap .alltype .slide a { display: block; height: 100%; padding: 0 2.3rem; position: relative; margin-right: 1.6rem; } 

.formWrap .alltype .slide a:hover, .formWrap .alltype .slide a:focus { outline: #000; } 

.formWrap .alltype .slide a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../../image/service/content/Rectangle.png); z-index: -2; background-repeat: no-repeat; background-size: contain; } 

.formWrap .alltype .slide a::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../../image/service/content/Rectangle-hover.png); background-repeat: no-repeat; background-size: contain; z-index: -1; -webkit-filter: drop-shadow(4px 6px 16px rgba(0,0,0,.1)); filter: drop-shadow(4px 6px 16px rgba(0,0,0,.1)); opacity: 0; visibility: hidden; } 

.formWrap .alltype .slide a:hover:after, .formWrap .alltype .slide a:focus:after { opacity: 1; visibility: visible; } 

.formWrap .alltype .slide a .txtbox > em { color: #04A2BB; letter-spacing: -0.45px; display: block; padding: 4rem 0 4px; border-bottom: 1px solid #ddd; position: relative; font-weight: 500; font-size: 1.5rem; } 

.formWrap .alltype .slide a .txtbox > em:after { content: ''; background: #04A2BB; width: 7rem; height: 1px; position: absolute; bottom: -1px; left: 0; } 

.formWrap .alltype .slide a .txtbox > strong { padding-top: 1rem; display: block; font-weight: 600; font-family: 'semibold'; font-size: 2rem; letter-spacing: -0.2px; color: #111; height: 8.5rem; overflow: hidden; line-height: 2.4rem; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.formWrap.c1 .alltype .slide a .txtbox > em { color: #155CD6; } 

.formWrap.c1 .alltype .slide a .txtbox > em:after { background: #155CD6; } 

.formWrap .slick-arrow { position: absolute; right: 2rem; top: -10rem; } 

.formWrap .slick-arrow { border-radius: 50%; border: 1px solid #ddd; text-align: center; font-size: 2rem; color: #777777; width: 3.2rem; height: 3.2rem; line-height: 3rem; -webkit-transition: all .3s; transition: all .3s; } 

.formWrap .slick-arrow:hover { border-color: #04A2BB; color: #fff; background: #04A2BB; } 

.formWrap.c1 .slick-arrow:hover { border-color: #3B70D4; color: #fff; background: #3B70D4; } 

.formWrap .slick-arrow.slick-prev { right: 5.8rem; } 

.formWrap .typebox { width: calc(100% + 2rem); } 

.formWrap .typebox .slide { padding-right: 2rem; } 

.formWrap .typebox .slide > a { display: block; width: auto; height: 17.2rem; position: relative; padding: 2.8rem 2rem 1rem; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; } 

.formWrap .typebox .slide > a .txtbox > em { color: #fff; letter-spacing: -0.45px; display: block; padding: 0 0 4px; border-bottom: 1px solid rgba(238, 238, 238, .4); position: relative; font-weight: bold; font-size: 1.5rem; margin-bottom: 1rem; } 

.formWrap .typebox .slide > a .txtbox > em:after { content: ''; background: #FFFFFF; width: 7rem; height: 1px; position: absolute; bottom: -1px; left: 0; } 

.formWrap .typebox .slide > a .txtbox > strong { font-size: 2rem; font-weight: 500; letter-spacing: -0.2px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.8rem; } 

.formWrap .typebox .slide > a .txtbox > span { letter-spacing: -0.16px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.parent { position: absolute; top: 0; left: 0; } 

.formWrap .slick-track { margin-left: 0 !important; } 

.formWrap div[id*="tab"] { opacity: 0; visibility: hidden; height: 0; width: calc(100% + 2rem); } 

.formWrap div[id*="tab"].active { opacity: 1; visibility: visible; height: auto; } 

.formWrap .slick-dots { display: table; table-layout: fixed; width: calc(100% - 2rem); margin-top: 1rem; } 

.formWrap .slick-dots > li { display: table-cell; vertical-align: middle; font-size: 0; height: 8px; background: #ddd; cursor: pointer; } 

.formWrap .slick-dots > li.slick-active { background: #777; } 

/*바이오 프로젝트 등록*/
/* .pbox { border: 1px solid #A0AEC9; border-radius: 10px; overflow: hidden; padding: 2.4rem 2.5rem 2rem; }  */

.pbox { border: 1px solid #E1E1E1; border-radius: 5px; overflow: hidden; padding: 2.9rem 2.8rem; } 

.pbox > p { float: left; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.18px; } 
/*
.pbox > p > em { border-radius: 5px; color: #555; padding: 4px 1rem 4px 1.4rem; margin-right: .5rem; word-break: break-all; display: inline-block; position: relative; border: 1px solid #155CD6; overflow: hidden; vertical-align: middle; } 

.pbox > p > em:before { width: .6rem; height: calc(100% + 2px); z-index: 1; background: #155CD6; content: ''; position: absolute; left: -1px; top: -1px; } 

.pbox > p > em.ver2 { border-color: #04BB8F; } 

.pbox > p > em.ver3 { border-color: #04A2BB; } 

.pbox > p > em.ver4 { border-color: #335AA4; } 

.pbox > p > em.ver2:before { background: #04BB8F; } 

.pbox > p > em.ver3:before { background: #04A2BB; } 

.pbox > p > em.ver4:before { background: #335AA4; }  */

.pbox > p > em { display:inline-block; vertical-align: middle; margin-right: .8rem; padding:0 1rem; border-radius:5px; background:#155CD6; color:#fff; font-weight:500; line-height:2.9rem; word-break: break-all }

.pbox > p > em.UmbrellaProject { background: #9D3AAA; } /* Umbrella Project */

.pbox > p > em.BioProject { background: #155CD6; } /* Bio Project */

.pbox > p > em.BioSample { background: #01866C; } /* Bio Sample */

.pbox > p > em.BioData { background: #646974; } /* BioData */

.pbox > p > em.KRA { background: #E4F7F9; color:#333; } /* NGS 데이터 */

.pbox > p > em.KArray { background: #EEF1FE; color:#333; } /* 마이크로어레이 데이터 */

.pbox > p > em.KNA { background: #FCEEF9; color:#333; } /* 염기서열 데이터 */

.pbox > p > em.KPOP { background: #FDEBE9; color:#333; } /* 단백체 데이터 */

.pbox > p > em.KMAP { background: #EBFBEE; color:#333; } /* 대사체 데이터 */

.pbox > p > em.KBI { background: #FFF4DC; color:#333; } /* 이미지 데이터 */

.pbox > p > em.KCODE { background: #FEEFE3; color:#333; } /* 화합물 데이터 */

.pbox > p > em.KPC { background: #FBE5E5; color:#333; } /* 전임상 데이터 */

.pbox > p > em.ETC { background: #E9ECF2; color:#333; } /* 기타 */

.pbox > span { float: right; font-weight: 500; } 

.pbox > span > i { width: 2.6rem; height: 2.6rem; background: #A0AEC9; color: #fff; font-size: 1.7rem; text-align: center; line-height: 2.6rem; display: inline-block; border-radius: 50%; font-weight: 300; margin-right: .8rem; vertical-align: middle; } 

.stepWrite { overflow: hidden; margin-top: 4rem; } 

.stepWrite .wform { float: left; width: calc(100% - 34rem); } 

.stepWrite .category { width: 30rem; float: right; z-index: 1; } 

.stepWrite .category.stick > div { position: fixed; width: 30rem; top: 2rem; z-index: 1; } 

.stepWrite .tt { font-size: 2rem; font-weight: bold; letter-spacing: -0.2px; } 

.stepWrite .num { vertical-align: middle; text-align: center; border: 2px solid #155CD6; width: 3rem; height: 3rem; line-height: 2.6rem; color: #155CD6; border-radius: 50%; margin-right: 1rem; float: left; font-weight: 500; background: #fff; } 

.stepWrite .inner { float: left; width: calc(100% - 4rem); position: relative; } 

.stepWrite div[class*="step"] { padding-bottom: 2.5rem; position: relative; } 

.stepWrite div[class*="step"] .txt { opacity: 0; visibility: hidden; height: 0; position: relative; } 

.stepWrite div[class*="step"].active .txt { opacity: 1; visibility: visible; height: auto; transition: 0.1s ease-in; margin-top: 2rem; } 

.stepWrite div[class*="step"]:before { content: ''; width: 3px; height: 100%; position: absolute; left: 1.35rem; top: 0; background: #F4F5F9; z-index: -1; } 

.stepWrite div[class*="step"]:last-child:before { display: none; } 

.stepWrite div[class*="step"]:after { display: table; clear: both; content: ''; } 

.stepWrite div[class*="step"].active .num { background: linear-gradient(135deg, rgba(14,102,252,1) 0%, rgba(4,191,138,1) 100%); border: 0; color: #fff; line-height: 3rem; } 

.sub-tit { color: #1A3871; border: 1px solid #D8D9DF; background: #fff; padding: 1.3rem 2.7rem; border-radius: 6px 6px 0 0; font-weight: bold; font-size: 1.7rem; letter-spacing: -0.34px; z-index: 1; margin-bottom: -6px; cursor: pointer; position: relative; } 

.stepWrite div[class*="step"] .sub-tit:after { content: '\ea4e'; position: absolute; font-size: 2.2rem; -webkit-transition: all .3s; transition: all .3s; font-family: 'remixicon'; right: 1.5rem; top: 1rem; } 

.stepWrite div[class*="step"] .txt.on .sub-tit:after { content: '\ea78'; } 

.stepWrite div[class*="step"] .board_btns { display: none; } 

.stepWrite div[class*="step"].active .board_btns { display: block; } 

.stepWrite .wform h4.tt { margin-bottom: 2rem; } 

.stepWrite .category .box1 { border: 1px solid #333333; border-radius: 5px; margin-bottom: 1.7rem; box-shadow: 0px 0px 20px rgba(182, 192, 200, 0.2); background: #fff; } 

.stepWrite .category .box1 .cap { border-bottom: 1px solid #EEEEEE; padding: 1.8rem 2.5rem; } 

.stepWrite .category .box1 .cap > strong { font-size: 2.1rem; line-height: 2.7rem; letter-spacing: -0.21px; } 

.stepWrite .category .box1 .per { float: right; position: relative; padding-left: 2.2rem; font-size: 1.8rem; font-weight: 500; } 

.stepWrite .category .box1 .per:before { content: ''; width: 1.6rem; height: 1.6rem; border: 4px solid #e4e9e2; position: absolute; left: 0; top: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

.stepWrite td .twrap > * { display: inline-block; vertical-align: bottom; } 

.stepWrite td .twrap { display: flex; } 

.stepWrite td .twrap > div[class*="st"] { display: flex; width: 50%; } 

.stepWrite td .twrap > div[class*="st"] .txtp { line-height: 1.2; margin: .8rem; white-space: nowrap; } 

.stepWrite td .twrap.ver2 div[class*="st"] { position: relative; float: left; width: calc(50% - 3rem); margin-right: 3rem; } 

.stepWrite td .twrap.ver2 .tooltip { position: absolute; top: auto; right: -3rem; } 

.stepWrite .etc { width: 4rem; height: 4rem; color: #fff; background: #1B3871; border-radius: 5px; text-align: center; line-height: 1.1; font-size: 2rem; margin: 0 0.2rem; display: inline-block; line-height: 4rem; } 

.stepWrite td .twrap input { margin-bottom: 0; } 

.counter { display: inline-flex; cursor: pointer; width: 22px; height: 22px; max-width: 100%; position: relative; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: 500; transition: height .2s ease-in-out; background: #fff; border-radius: 50%; float: right; margin-right: 3.5rem; margin-top: .2rem; } 

.percentage { position: absolute; text-align: center; top: 0; left: 2.7rem; vertical-align: middle; letter-spacing: -1px; } 

canvas.circleProgressCanvas { position: absolute; top: 1px; right: 0; } 

.stepWrite td .twrap + .twrap { margin-top: .8rem; } 

.stepWrite .category .complt { padding: 2.2rem 2.5rem; } 

.stepWrite .category .complt li { border-radius: 5px; border: 1px solid #E1E1E1; height: auto; line-height: 1.3; padding: 1.3rem 4rem 1.3rem 1.6rem; position: relative; } 

.stepWrite .category .complt li.on { background: #F8F9FA; color: #333333; border: 1px solid #E1E1E1; } 

.stepWrite .category .complt li.on:before { color: #A0AEC9; content: '\eb80'; } 

.stepWrite .category .complt li:before { position: absolute; top: 50%; right: 1.6rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '\eb7d'; border-radius: 50%; font-size: 1.8rem; font-family: 'remixicon'; color: #95A2B9; } 

.stepWrite .category .complt li.active:before { content: '\eb80'; color: #fff; } 

.stepWrite .category .complt li.active { background: linear-gradient(100deg, rgba(14,102,252,1) 0%, rgba(4,191,138,1) 100%); border: 0 none; color: #fff; font-weight: 500; } 

.stepWrite .category .complt li + li { margin-top: .8rem; } 

.stepWrite .category .btn { margin: 0.3rem 0; width: 100%; height: 5.2rem; line-height: 5.2rem; font-size: 1.8rem; } 

.stepWrite .category .btn_wrap { width: calc(100% + .8rem); overflow: hidden; display: table; table-layout: fixed; } 

.stepWrite .category .btn_wrap > * { display: table-cell; vertical-align: middle; width: calc(50% - 0.8rem); background-color: #fff; } 

.stepWrite .category .btn_wrap > *:hover, .stepWrite .category .btn_wrap > *:focus { background-color: #333; } 

.stepWrite .category .wdt100 { width: 100%; } 

.stepWrite .category .wdt100 > * { width: 100%; margin-right: 0; } 

.form_select > select { border-radius: 5px; } 

.btn_line2 { border-radius: 5px; border: 1px solid #DDDDDD; height: 5.2rem; line-height: 5.2rem; color: #333; font-weight: 500; font-size: 1.8rem; margin: .5rem .8rem .5rem 0; transition: all .2s; } 

.btn_line2:hover, .btn_line2:focus { background-color: #333; border-color: #333; color: #fff; } 

.btn_line.close { min-width: inherit; line-height: 2rem; padding: 0 .5rem; } 

.btn_line.close > i { margin-left: 0; font-size: 1.8rem; } 

.stepWrite .txt .inputbox { margin-bottom: .5rem; text-align: right; } 

.stepWrite .txt .inputbox.left { position: static; float: left; } 

.stepWrite .txt .right { float: right; } 

.stepWrite .txt .inputbox > * { display: inline-block; vertical-align: middle; } 

.btn i { font-size: 1.7rem; vertical-align: middle; margin: -1px 0 0 7px; font-size: 2rem; display: inline-block; } 

.btn i.ri-arrow-left-line, .btn i.ri-search-line { font-size: 1.7rem; vertical-align: middle; margin: -1px 7px 0 0; font-size: 2rem; display: inline-block; color: #AAAAAA; } 

.btn i.ri-list-unordered, .btn i.ri-pencil-fill { margin-right: 5px; margin-left: -7px; } 

.board_list.type2 + .board_list.type2 { margin-top: 1.2rem; } 

.board_list.type2 { border: 1px solid #D8D9DF; background-color: #F7F8FA; border-radius: 6px; padding: 2.4rem 2.4rem 2.4rem 2rem; overflow: visible; position: relative; } 

.board_list.type2 .sbox { padding: 2rem !important; background: #eee; border-radius: 10px; } 

.board_list.type2 .sbox table .stit { font-weight: 500; font-size: 1.8rem; padding: 0; } 

.step .inputbox + .board_list.type2 { padding-top: 3.5rem !important; } 

.step .sub-tit ~ .board_list.type2 { display: none; margin-top: 0; } 

.step .txt.on .board_list.type2 { display: block; } 

.step .board_list.type2 { border: 1px solid #D8D9DF !important; background-color: #F7F8FA !important; border-radius: 6px !important; padding: 1.5rem 2rem 2.4rem 2rem !important; overflow: visible; position: relative; } 

.board_list.type2 .excel { margin-top: 2rem; overflow: auto; } 

.step .btn { min-width: auto; padding: 0 1.9rem; height: 4rem; line-height: 3.9rem; font-size: 1.6rem; } 

.stepWrite .board_list.type2 .tstyle_write th { padding: .8rem 2rem .8rem .2rem; } 

.stepWrite .board_list.type2 .tstyle_write th .point1 { position: absolute; left: -8px; top: 1rem; margin: 0; } 

.stepWrite .board_list.type2 .tstyle_write th .tooltip { right: 0; top: .6rem; } 

.stepWrite .board_list.type2 .tstyle_write td { padding: 0.6rem 0 0.4rem 1.3rem; position: relative; letter-spacing: -0.5px; } 

.stepWrite .board_list.type2 .tstyle_write td .item input.form_textbox { margin-bottom: 2px; } 

.stepWrite .board_list.type2 td .btn_line { height: 4rem; margin: 0 0.2rem; } 

.stepWrite .board_list.type2 td .btns { margin: .2rem 0 .2rem .2rem; } 

.stepWrite td .bioname { display: flex; align-items: center; margin: .6rem 0 0.7rem; } 

.stepWrite td .bioname > span { margin-right: .5rem; width: 24rem; font-size: 1.6rem; font-weight: 500; white-space: nowrap; } 

.board_list.type2 .in { overflow: hidden; } 

.board_list.type2:after { display: table; content: ''; clear: both; } 

.board_list.type2 .float-right { position: absolute; top: -4rem; right: 0; color: #111; } 

.board_list input { margin: 0 0 .2rem; margin-left: 0; } 

.boxStyle { border: 1px solid #767676; background: #fff; padding: 2rem 5rem; border-radius: .5rem; margin-bottom: 2rem; } 

input.bg, textarea.bg { background: #EAECEF; border: 1px solid #CED4DA; } 

.board_list.type2 > .dele { text-align: right; margin: -1.5rem -1.5rem 1rem; } 

.board_list textarea { padding: 1rem 3rem 1rem 1rem; border-radius: 5px; vertical-align: top; text-align: left; border: 1px solid #D8D9DF; margin: .2rem 0; -webkit-transition: all 0.2s; transition: all 0.2s; width: 100%; } 

.board_info.type2 .form .form_select select { padding: 0 2.5rem 0 1rem !important; } 

.board_list.type2 .tstyle_write th { border-bottom: 0 none; font-weight: 400; line-height: 1.14; text-align: left; vertical-align: top; word-break: break-word; letter-spacing: -0.5px; position: relative; } 

.board_list.type2 .tstyle_write .detailed { font-size: 1.3rem; font-weight: bold; color: #111; margin-top: 2px; } 

.board_list td .lang { position: relative; display: inline-block; width: 100%; max-width: 100%; } 

.board_list td .lang:before { content: ''; color: #868D96; font-size: 1.4rem; opacity: .5; letter-spacing: -0.14px; top: 1.1rem; right: 1.2rem; z-index: 1; position: absolute; } 

.board_list td .lang.en:before { content: 'EN'; } 

.board_list td .lang.ko:before { content: 'KR'; } 

.board_list td .lang > .tip { display: inline-block; } 

.board_list td .item { overflow: hidden; display: flex; align-content: center; } 

.board_list td .item > * { display: inline-block; vertical-align: top; } 

.board_list td .item > .tooltip { right: -2rem; } 

.board_list td .small { width: 30rem; display: inline-block; } 

.board_list .tooltip { cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 0.3rem; position: absolute; z-index: 2; } 

.board_list.type2 .tstyle_write td { position: relative; } 

.stepWrite .board_list.type2 td .small { width: 100%; } 

.board_list td .lang.en input, .board_list td .lang.ko input { padding-right: 4rem; } 

.tooltip > i { color: #A0AEC9; font-size: 1.7rem; } 

.tooltip .tooltxt { display: none; position: absolute; max-width: 32rem; border: 1px solid #AAAAAA; font-size: 1.4rem; padding: .6rem 1rem; font-weight: 300; line-height: 1.6rem; background: #fff; margin: -3.2rem 0 0 3rem; z-index: 2; border-radius: 5px; word-break: break-all; min-width: 17rem; min-height: 3rem; } 

.tooltip:hover .tooltxt { display: block; } 

.tooltip:hover .tooltxt:after { content: ''; border-top: 1px solid #aaa; border-left: 1px solid #aaa; width: .8rem; height: .8rem; position: absolute; left: -0.2rem; transform: rotate(-45deg) translateY(-50%); background: #fff; top: 1.3rem; } 

.tooltip:hover > i:before { content: '\ee58'; color: #155CD6; } 

td .add { border: 1px solid #D8D9DF; width: 2.8rem; height: 2.8rem; border-radius: 50%; text-align: center; font-size: 1.8rem; color: #555; line-height: 2.7rem; margin-left: .4rem; margin-top: .6rem; } 

td .add:hover, td .add:focus { background: #555; color: #fff; border-color: #555; } 

.ctype { overflow: hidden; width: calc(100% + .6rem); } 

.ctype > li { width: 33.3333%; padding-right: .6rem; float: left; margin-bottom: .4rem; } 

.ctype > li > span { display: table; table-layout: fixed; border: 1px solid #D8D9DF; height: 7rem; background: #fff; width: 100%; text-align: center; border-radius: 5px; } 

.ctype > li > span > * { display: table-cell; vertical-align: middle; color: #555555; height: 100%; width: 100%; padding: 0.3rem; } 

.ctype > li:hover > span { border-color: #000; } 

.ctype > li > span.active .type { border-color: #333; background: #333; color: #fff; } 

.board_list.type2 .tstyle_write .desc { display: block; color: #000000; font-size: 1.3rem; font-weight: 300; margin-top: .6rem; word-break: break-all; line-height: 1.2; clear: both; float: left; } 

.board_list.type2 .tstyle_write .desc:after { content: ''; clear: both; display: table; } 

.board_list.type2 .tstyle_write .desc a { color: #155CD6; } 

.board_list.type2 .tstyle_write .desc a:hover { text-decoration: underline; } 

table td .depth1 { font-size: 1.5rem; margin-top: 1rem; } 

table td .depth1 > em { vertical-align: middle; font-weight: 600; font-family: 'semibold'; float: left; min-width: 5rem; margin: 0; margin-left: 0 !important; } 

table td .depth1 > em > i { vertical-align: middle; font-size: 1.7rem; margin-right: 2px; } 

table td .depth1 > span { color: #6C757D; position: relative; padding-left: 1.5rem; float: left; font-size: 1.45rem; margin-top: .1rem; } 

table td .depth1 > span::before { position: absolute; top: .7rem; left: .7rem; width: 1px; height: 0.8rem; background-color: #D8D9DF; content: ''; margin: 0; } 

.step .sub-tit ~ .board_list.type2.cont_table { margin: 0; } 

/*등록 데이터 목록 조회*/
.viewsWrap .lst { margin-bottom: 2rem; padding-top: 3.6rem; } 

.viewsWrap .lst > span { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.15px; height: 3rem; border: 1px solid #04A2BB; line-height: 2.9rem; padding: 0 1.4rem; border-radius: 15px; transition: all .3s; background: #04A2BB; color: #fff; display: inline-block; } 

.viewsWrap .lstbox { overflow: hidden; width: calc(100% + 1.6rem); } 

.viewsWrap .lstbox .slide { float: left; width: 20rem; height: 16rem; margin-right: 1.2rem; margin-bottom: 1.6rem; } 

.viewsWrap .lstbox .slide a { display: block; height: 100%; padding: 0 2.3rem; position: relative; } 

.viewsWrap .lstbox .slide a:hover, .viewsWrap .lstbox .slide a:focus { outline: #000; } 

.viewsWrap .lstbox .slide a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../../image/service/content/Rectangle.png); z-index: -2; background-repeat: no-repeat; background-size: contain; } 

.viewsWrap .lstbox .slide a::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../../image/service/content/Rectangle-hover.png); background-repeat: no-repeat; background-size: contain; z-index: -1; -webkit-filter: drop-shadow(4px 6px 16px rgba(0,0,0,.1)); filter: drop-shadow(4px 6px 16px rgba(0,0,0,.1)); opacity: 0; visibility: hidden; } 

.viewsWrap .lstbox .slide a:hover:after, .viewsWrap .lstbox .slide a:focus:after { opacity: 1; visibility: visible; } 

.viewsWrap .lstbox .slide a .txtbox > em { color: #04A2BB; letter-spacing: -0.45px; display: block; padding: 4rem 0 4px; border-bottom: 1px solid #ddd; position: relative; font-weight: 500; font-size: 1.5rem; } 

.viewsWrap .lstbox .slide a .txtbox > em:after { content: ''; background: #04A2BB; width: 7rem; height: 1px; position: absolute; bottom: -1px; left: 0; } 

.viewsWrap .lstbox .slide a .txtbox > strong { padding-top: 1rem; display: block; font-weight: 600; font-family: 'semibold'; font-size: 2rem; letter-spacing: -0.2px; color: #111; height: 8.5rem; overflow: hidden; line-height: 2.4rem; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.viewsWrap .formWrap .typebox { overflow: hidden; } 

.viewsWrap .formWrap .slick-arrow { top: -5.3rem; } 

.viewsWrap .formWrap .typebox .slide { width: 25%; float: left; margin-bottom: 2rem; } 

.viewsWrap .lst { padding-top: 1.6rem; } 

.depth { color: #6C757D; font-size: 1.5rem; } 

.depth > i { color: #155CD6; font-size: 1.7rem; margin-right: 2px; vertical-align: middle; } 

.align .btns { float: right; } 

.align { overflow: hidden; margin-top: 2rem; } 

td .item2 { position: relative; display: inline-block; vertical-align: top; } 

td .item2 .point1 { font-size: 1.2rem; font-weight: 300; } 

.agree.ver2 .item { overflow-y: hidden; max-height: inherit; } 

.agree .leftp { padding-left: 2rem; } 

.agree .leftp > span { display: block; color: #555; } 

.agree .leftp .pp { font-weight: 500; color: #333; text-decoration: underline; } 

.agree.ver2 .bbx_form { margin-top:2rem; padding:2.8rem; border:1px solid #E1E1E1; border-radius:6px; background:#F7F8FA; text-align: center; }

.agree.ver2 .bbx_form > strong { display:block; margin-bottom:2.8rem; color:#111; font-size:1.8rem; letter-spacing: -0.01rem; font-weight:400; }

/*신고하기*/
.e_tc { width: 4rem; height: 4rem; color: #fff; background: #1B3871; border-radius: 5px; text-align: center; line-height: 1.1; font-size: 2rem; margin: 0 .2rem; vertical-align: top; display: inline-block; } 

/*신고완료*/
.complete { text-align: center; margin-top: 4rem; } 

.complete .img { margin: auto; display: block; text-align: center; } 

.complete .tt { color: #1A3871; font-size: 2.2rem; font-weight: bold; display: block; margin: 2rem 0 1rem; } 

.complete .depth { color: #555555; font-size: 1.7rem; display: block; margin: 1.2rem 0 2.5rem; } 

.complete .btn { min-width: 22.6rem; } 

/*내 등록 데이터 목록*/
.mdLst > li { border: 1px solid #E1E1E1; border-radius: 5px; padding: 2.8rem 4rem; position: relative; min-height: 20rem; -webkit-transition: all .3s; transition: all .3s; } 

.mdLst > li + li { margin-top: 2rem; } 

.mdLst > li.selected { border-color: #155CD6; box-shadow: 0px -1px 19px rgba(21, 92, 214, .1); } 

.mdLst.type3 > li { min-height: inherit; } 

.mdLst > li:hover, .mdLst > li:focus { border: 1px solid #767676; box-shadow: 0px -1px 19px rgba(0,0,0, .1); } 

.mdLst .box1 { width: calc(100% - 15rem); } 

.mdLst .box1 .clsfc > li > em { height: 3rem; line-height: 3rem; color: #555555; padding: 4px 1rem 4px 1.4rem; line-height: 1.2; display: inline-block; vertical-align: top; font-weight: 500; text-align: center; border-radius: 5px; margin-bottom: .3rem; border: 1px solid #155CD6; overflow: hidden; position: relative; } 

.mdLst .box1 .clsfc > li > em:before { width: .6rem; height: calc(100% + 2px); z-index: 1; background: #155CD6; content: ''; position: absolute; left: -1px; top: -1px; } 

.mdLst .box1 .clsfc > li > em.c2:before { background: #04A2BB; } 

.mdLst .box1 .clsfc > li > em.c3:before { background: #335AA4; } 

.mdLst .box1 .clsfc > li > em.c4:before { background: #04BB8F; } 

.mdLst .box1 .clsfc > li > em.c5:before { background: #335AA4; } 

.mdLst .box1 .clsfc > li > em.c6:before { background: #7C54C2; } 

.mdLst .box1 .clsfc > li > em.c2 { border-color: #04A2BB; } 

.mdLst .box1 .clsfc > li > em.c3 { border-color: #335AA4; } 

.mdLst .box1 .clsfc > li > em.c4 { border-color: #04BB8F; } 

.mdLst .box1 .clsfc > li > em.c5 { border-color: #335AA4; } 

.mdLst .box1 .clsfc > li > em.c6 { border-color: #7C54C2; } 

.search_result_list_wrap .result_list > ul > li div.form_check { display: block; margin-right: 0; } 

.mdLst > li .tit { font-weight: bold; font-size: 2.3rem; letter-spacing: -0.23px; color: #111; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 1rem 0; } 

.mdLst > li .depth { color: #767676; display: block; white-space: inherit; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 

.mdLst > li .box1 > .info { overflow: hidden; margin-top: 1.7rem; } 

.mdLst > li .box1 > .info .edit > i { width: 2.6rem; height: 2.6rem; color: #fff; line-height: 2.6rem; background-color: #A0AEC9; border-radius: 50%; display: inline-block; vertical-align: middle; text-align: center; margin-right: .8rem; } 

.mdLst > li .info > li { float: left; } 

.mdLst > li .info > li::after { display: inline-block; position: relative; top: -1px; width: 0.3rem; height: 0.3rem; margin: 0 .8rem 0 .8rem; background-color: #DDDDDD; content: ''; vertical-align: middle; } 

.mdLst > li .info > li:last-child:after { display: none; } 

.mdLst .modify { position: absolute; right: 4rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

.mdLst .modify > a { display: block; width: 12.6rem; text-align: center; border: 1px solid #D1D4DB; border-radius: 5px; height: 4rem; line-height: 3.8rem; font-size: 1.5rem; font-weight: 500; -webkit-transition: all .2s; transition: all .2s; } 

.mdLst .modify > a + a { margin-top: .6rem; } 

.mdLst .modify > a:hover, .mdLst .modify > a:focus { background: #333; border-color: #333; color: #fff; } 

/*table*/
/*테이블테이블~ */
.scroll_x { width: 100%; overflow-x: auto !important; -ms-overflow-style: none; scrollbar-width: none; } 

.scroll_x::-webkit-scrollbar { display: none; } 

.scroll_x::-webkit-scrollbar { height: 5px; } 

.scroll_x::-webkit-scrollbar-thumb { background-color: #555; border-radius: 5px; -webkit-print-color-adjust: exact; } 

.scroll_x::-webkit-scrollbar-track { background-color: #f9f9f9; border-radius: 5px; -webkit-print-color-adjust: exact; } 

.scroll_info { display: none; text-align: center; margin-top: 2rem; } 

.scroll_info::after { content: ''; } 

.scroll_info i { font-size: 2.4rem; } 

.scroll_info p { font-size: 1.4rem; } 

.cont_table { margin-bottom: 4rem; margin-top: 1.5rem; position: relative; overflow: hidden; } 

.cont_table table { table-layout: fixed; position: relative; margin-left: -1px; } 

.cont_table table::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #9ca7b2; } 

.cont_table table th, .cont_table table td { padding: 1.4rem 1rem; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; word-break: break-word; text-align: center; border-right: 1px solid #ddd; } 

.cont_table table th:last-child, .cont_table table td:last-child { border-right: 0 none; } 

.cont_table table th.left, .cont_table table td.left { text-align: left; padding-left: 1rem; } 

.cont_table table th.right, .cont_table table td.right { text-align: right; } 

.cont_table table th { background-color: #f6f7f9; font-size: 1.6rem; color: #222222; text-align: center; font-weight: bold; word-break: break-all; } 

.cont_table table td { color: #767676; } 

.cont_table table.table01 tbody th { background: #fbfbfb; color: #333333; font-weight: bold; font-size: 1.8rem; } 

.cont_table .table01 td.point1 { color: #C50A1C; } 

.cont_table table .td_bg { color: #1b4f8b; font-weight: 500; } 

.block { display: block; } 

.board_list.type2.cont_table .table01 td { background: #fff; } 

.board_list.type2.cont_table .table01 td.imp { color: #C50A1C; } 

.board_list.type2.cont_table .table01 td .point1 { color: #C50A1C; } 

.board_list.type2.cont_table .table01 th:first-child, .board_list.type2.cont_table .table01 td:first-child { border-left: 1px solid #ddd; } 

.board_list.type2.cont_table .table01 th:last-child, .board_list.type2.cont_table .table01 td:last-child { border-right: 1px solid #ddd; } 

.board_list.type2.cont_table .table01 td.bg { background: #F7F8FA; } 

/*로그인*/
#wrapper { position: relative; height: 100vh; background: url(../../image/service/content/logbg.jpg) no-repeat left top / cover; } 

#wrapper .logotitle { color: #fff; font-size: 6rem; font-weight: bold; display: inline-block; padding: 13% 0 0 7%; } 

#wrapper .logotitle>span { opacity: 0.8; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.16px; display: block; padding-top: 3rem; } 

#wrapper .LoginWrap { position: fixed; right: 0; top: 0; height: 100%; width: 41.6%; padding: 2rem; backdrop-filter: blur(31px); -webkit-backdrop-filter: blur(31px); } 

#wrapper .LoginWrap > fieldset { height: 100%; position: relative; } 

#wrapper .LoginWrap .Logbox { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40.8rem; top: 50%; } 

#wrapper .LoginWrap .Logbox > .tt { font-size: 4rem; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #fff; } 

#wrapper .LoginWrap .Logbox > .depth { opacity: 0.8; color: #fff; font-weight: 400; display: block; text-align: center; padding-bottom: 3.4rem; } 

#wrapper .LoginWrap .Logbox .form-group { margin-bottom: 1.6rem; } 

#wrapper .LoginWrap .Logbox .form-group input { width: 100%; background-color: transparent; border-radius: 5px; border: 1px solid rgba(255,255,255,.25); height: 5.5rem; color: #fff; } 

#wrapper .LoginWrap .Logbox .form-group input::placeholder { opacity: 0.4; color: #fff; } 

#wrapper .LoginWrap .Logbox .form-group input:hover, #wrapper .LoginWrap .Logbox .form-group input:focus, #wrapper .LoginWrap .Logbox .form-group input:focus-visible { border: 2px solid #fff; outline: 0; } 

#wrapper .LoginWrap .btn.type4 { width: 100%; border-radius: 28px; height: 5.5rem; line-height: 5.5rem; font-size: 1.8rem; font-weight: 500; margin: .4rem 0 3.7rem; } 

#wrapper .LoginWrap .btn.type4 a { width: 100%; display: block; } 

#wrapper .LoginWrap .resLst > li { overflow: hidden; } 

#wrapper .LoginWrap .resLst > li .depth { opacity: 0.7; letter-spacing: -0.16px; color: #fff; float: left; padding-top: 4px; } 

#wrapper .LoginWrap .resLst > li + li { margin-top: 1rem; } 

#wrapper .LoginWrap .resLst > li .idps { float: right; } 

#wrapper .LoginWrap .resLst > li .idps * { display: inline-block; vertical-align: middle; color: #04BA90; } 

#wrapper .LoginWrap .resLst > li .idps * + *::before { display: inline-block; position: relative; top: -1px; width: 0.1rem; height: 1rem; margin: 0 1rem 0 1rem; background-color: #D1D4DB; content: ''; vertical-align: middle; opacity: .2; } 

#wrapper .LoginWrap .resLst > li .idps *:hover { font-weight: bold; } 

#wrapper .logocopyright { color: #FFFFFF; opacity: .6; letter-spacing: -0.15px; display: inline-block; position: absolute; bottom: 9rem; left: 7%; } 

/*공통추가*/
/* .other_list { border-top: 1px solid #AAAAAA; border-bottom: 1px solid #E1E1E1; background: #F7F8FA; padding: 2rem; } 

.other_list li .inner { border: 1px solid #D8D9DF; padding: .75rem 1.5rem; background: #fff; border-radius: 6px; overflow: hidden} */

.other_list { border-top:1px solid #707070; }

.other_list li .inner { padding: 1.1rem 1.6rem; border-bottom:1px solid #E1E1E1; overflow: hidden }

.other_list li .inner:hover { background:#F8F9FB; }

.other_list li .title { float: left; padding-right:1rem; font-size: 1.6rem; font-weight: 500; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: calc(100% - 24rem); } 

.other_list li .title:not(.no-before)::before { content:attr(aria-label); display:inline-block; vertical-align: middle; padding: .4rem 0.6rem .3rem; background: #E7EFFB; border-radius: 4px; font-size:1.3rem; font-weight:500; line-height:1.6rem; margin-right: 1rem; }

.other_list li .title:not(.no-before).UmbrellaProject::before { background: #FCE6FF; color: #9C3BAA }

.other_list li .title:not(.no-before).BioProject::before { background: #E7EFFB; color: #145CD6 }

.other_list li .title:not(.no-before).BioSample::before { background: #E5F4F0; color: #007C64 }

.other_list li .title:not(.no-before).KRA::before { background: #E4F7F9; }

.other_list li .title:not(.no-before).KArray::before { background: #EEF1FE; }

.other_list li .title:not(.no-before).KNA::before { background: #FCEEF9; }

.other_list li .title:not(.no-before).KPOP::before { background: #FDEBE9; }

.other_list li .title:not(.no-before).KMAP::before { background: #EBFBEE; }

.other_list li .title:not(.no-before).KCODE::before { background: #FEEFE3; }

.other_list li .title:not(.no-before).KBI::before { background: #FFF4DC; }

.other_list li .title:not(.no-before).KPC::before { background: #FBE5E5; }

.other_list li .title:not(.no-before).ETC::before { background: #E9ECF2 }

.other_list li em { font-size: 1.4rem; font-weight: 400; color: #767676; float: right}

.other_list li em .more { display: inline-block; padding: .2rem 1rem; border: 1px solid #DDDDDD; border-radius: 4px; margin-left: 1rem; } 

.other_list li em .more i { vertical-align: middle}

.other_list li em .more:hover, .layerpopup.type2 .other_list li em .more:focus { background: #333; color: #fff}

/* .other_list li + li { margin-top: 1rem} */

/* .exel_box { border: 1px solid #D8D9DF; padding: 2rem; background: #F7F8FA; border-radius: 6px; }  */
.exel_box { border: 1px solid #D8D9DF; padding: 2.8rem; background: #F7F8FA; } 

.exel_box .exel_download { border: 1px solid #DDDDDD; background: #fff; border-radius: 4px; font-size: 1.5rem; line-height: 2.6rem; display: inline-block; padding: .1rem .75rem; } 

.exel_box .exel_download i { color: #0F9D58; vertical-align: middle; margin-right: .5rem; } 

.exel_box .search_box .input-group { position:relative; }

.exel_box .search_box .input-group::before { content:"\f0d1"; position:absolute; left:1.2rem; top:50%; color:#707070; font-size:1.4rem; font-family: 'remixicon' !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.exel_box .search_box .form-control { padding:0.6rem 1.6rem 0.6rem 3.4rem; border:1px solid #ccc; border-radius: 4px; height: 3.5rem;}

.exel_area { background: transparent; width: 100%; min-height: 30rem; margin-top: 2rem}

.other_list li .open_wrap { display: none}

.other_list li .open_wrap .cont_table { margin-bottom: 2rem; } 

.other_list li .open_wrap .cont_table table td { background: #fff; } 

.other_list li .open_wrap .exel_box { background: #fff; } 

.other_list li.on .open_wrap { display: block}

.titbox { margin:4rem 0 1.5rem; }

.titbox::after { content:""; display:table; clear: both; }
/* .result_list .titbox a.more { display: inline-block; padding: 0.2rem 1rem; border: 1px solid #ddd; border-radius: 4px; margin-left: 1rem; float: right; margin: 3.6rem 0 1.5rem; }  */
.titbox a.more { display: inline-block; padding: 0.6rem 1.3rem; border: 1px solid #ddd; border-radius: 4px; margin:0 0 0.5rem ; float: right; color:#555; font-size:1.5rem; line-height:1.8rem; -webkit-transition: all .3s; transition: all .3s;  } 

.titbox a.more.bk { border-color:#333; background:#333; color:#fff; } 

.titbox a.more:hover, .titbox a.more:focus { border-color:#333; color:#111; }

.titbox a.more.bk:hover, .titbox a.more.bk:focus { background:#fff; }

.titbox .float-right a.more { float: none; }

.titbox .title2 { display: inline-block; margin:0; } 

.titbox .title3 { display: inline-block; margin:0; } 

i.ri-arrow-right-down-line, i.ri-arrow-left-up-line { margin-left: 0; margin-right: .5rem; } 

.result_list_search_wrap .result_search_box .form_select { width: 100%; } 

.check_list_wrap .depth { padding: 2rem 0; font-size: 1.7rem; color: #111; } 

.agree.ver3 .form { text-align: left; margin-top: 1rem; } 

.agree.ver3 .form_radio label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.8rem; height: 1.8rem; border-radius: 0; border: 1px solid #ddd; background-color: #fff; content: ''; } 

.agree.ver3 .form_radio label::after { position: absolute; left: .1rem; top: 0.6rem; z-index: -1; width: 0.8rem; height: 0.8rem; border-radius: 0; content: '\eb7b'; font-family: 'remixicon'; opacity: 0; } 

.agree.ver3 .form_radio input:checked + label::after { width: 1.6rem; height: 1.6rem; background: #437CDE; transform: scalex(1); color: #fff; opacity: 1; border: none; line-height: 1.6rem; } 

.agree.ver3 .form_radio input:checked + label::before { border-color: #437CDE; } 

.form_check { display:block; position: relative; max-width:100%; z-index: 0; padding-left: 2.5rem; color: #333333; } 

/* .form_check label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.8rem; height: 1.8rem; border-radius: 0; border: 1px solid #ddd; background-color: #fff; content: ''; }  */
.form_check label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.6rem; height: 1.6rem; border-radius: 0; border: 1px solid #B6B6B6; background-color: #fff; content: ''; } 

.form_check label::after { position: absolute; left: .1rem; top: 0.6rem; z-index: -1; width: 0.8rem; height: 0.8rem; border-radius: 0; content: '\eb7b'; font-family: 'remixicon'; opacity: 0; transition: none; } 

.form_check input:checked + label::after { width: 1.6rem; height: 1.6rem; background: #437CDE; transform: scalex(1); color: #fff; opacity: 1; border: none; line-height: 1.6rem; } 

.form_check input:checked + label::before { border-color: #437CDE; } 

.hoverLabel { display:inline-block; vertical-align: middle; position:absolute; padding:0.5rem 0.6rem; top:0; left:2.4rem; border-radius:4px; border:1px solid #B6B6B6; background:#fff; font-size:1.4rem; line-height:1.2; letter-spacing: -0.02rem; white-space: nowrap; -webkit-transition: all .3s; transition: all .3s; z-index: 5; box-shadow: 0 3px 6px rgba(0,0,0,0.16); }

.form_check.none { margin-right: 1rem; vertical-align: inherit}

.form_check.none label { display:block; line-height: normal; padding: .5rem 1.5rem; border: 1px solid #bbb; border-radius: 5px; } 

.form_check.none label::before { display: none; } 

.form_check.none label::after { display: none; } 

.form_check.none input:checked + label::after { display: none; } 

.form_check.none input:checked + label::before { display: none; } 

.form_check .num { position:absolute; right:0; top:0; color:#767676; font-size:1.2rem; }

.check_list li .blue_txt, .blue_txt { color:#145CD6; }

.form_sel { padding:2rem 1rem; border-top:1px solid #E1E1E1; }

.form_sel select { width: calc(50% - 0.5rem); padding-right:1.8rem; padding-left:0.8rem; border-radius: 4px; background:url("../../image/service/layout/arrow.png") no-repeat 95% 50% / 1.5rem; }

.form_radio_list { position: absolute; right: 0; top: 100%; width: auto; padding: 0 1.5rem; border: 1px solid #AAAAAA; background: #fff; height: 0; overflow: hidden; opacity: 0; transition: .2s; z-index: 2; } 

.form_radio_list.on { padding: .5rem 1.5rem; height: auto; overflow: visible; opacity: 1; } 

.form_radio_list li { display: block; } 

.form_radio_list li .form_radio { padding-left: 0; font-size: 1.4rem; font-weight: 400; color: #555; } 

.form_radio_list li .form_radio label:before { display: none; } 

.form_radio_list li .form_radio label:after { display: none; } 

.form_radio_list.type2 { position: static; padding: 0; border: none; background: none; height: auto; opacity: 1; } 

.form_radio_list.type2 li { display: inline-block; position: relative}

.form_radio_list.type2 li + li { padding-left: 1.5rem; } 

.form_radio_list.type2 li + li:before { content: ''; position: absolute; left: .5rem; top: 13px; width: 3px; height: 3px; background: #DDDDDD; } 

.form_radio_list.type2 li .form_radio { font-size: 1.6rem; font-weight: 400; color: #333}

.form_radio_list.type2 li .form_radio i { color: #AAAAAA; padding-right: .3rem; vertical-align: bottom}

.form_radio_list.type2 li .form_radio input:checked + label i { color: #155CD6}

.form_radio_list.type2 li .form_radio input:checked + label { font-weight: 700; } 

.circle_btn { display: inline-block; width: 2.8rem; height: 2.8rem; border-radius: 100%; border: 1px solid #D8D9DF; line-height: 2.8rem; margin-top: 5px; margin-left: 5px; } 

.circle_btn:hover, .circle_btn:focus { background: #333; color: #fff; } 

.btn_line.type2 { min-width: 6.6rem; } 

.btn_line.type2.ver2 { background: #777; border: 1px solid #777; color: #fff; } 

.btn_line.type2.ver2:hover, .btn_line.type2.ver2:focus { background: none; color: #333; } 

.form_textbox.size_s { width: 15rem !important; } 

.form_textbox.size_m { width: 20rem !important;; } 

.form_textbox.size_l { width: 40rem !important;; } 

.form_textbox.size_xl { width: 100%; } 

.form_mail .form_select > select { width: 16rem; } 

.form_mail .form_select > select.bg { background: #EAECEF; } 

.form_mail + .form_mail { margin-top: .3rem; } 

.form_birth { position: relative; } 

.form_birth .calendar { display: inline-block; position: absolute; right: 1rem; top: 1rem; font-size: 2rem; color: #777777; } 

.form_phone .form_textbox, .form_phone .form_select > select { width: 12rem; } 

.form_phone .form_select > select.bg { background: #EAECEF; } 

.form_phone { line-height: 4rem; } 

.form_phone + .form_phone { margin-top: .3rem; } 

.form_website .form_textbox { width: calc(100% - 40px); } 

.form_website + .form_website { margin-top: .5rem; } 

.form_institution .form_textbox { width: calc(100% - 270px)}

.form_institution .form_textbox + button { margin-left: 10px; } 

.form_sns .form_textbox { width: calc(100% - 78px); } 

.form_sns .sns_icon { width: 4rem; height: 4rem; display: inline-block; background: #333333; border-radius: 5px; line-height: 4rem; font-size: 1.8rem; text-align: center; } 

.form_sns .sns_icon.facebook { background: #1877F2; color: #fff; } 

.form_sns .sns_icon.twitter { background: #01ACED; color: #fff; } 

.form_sns + .form_sns { margin-top: .5rem}

.form_password .text_password { position: relative}

.form_password .text_password .eye_password { position: absolute; right: 0rem; top: 0; width: 4rem; height: 3.8rem; color: #657280}

.form_password .info, .infotxt { font-size: 1.5rem; font-weight: 400; color: #333; } 

.form_password .info i, .infotxt i { color: #155CD6; display: inline-block; transform: translateY(2px); padding-right: 5px; } 

.infotxt { padding-bottom: 2rem; } 

.form_password .text_password.warning input { border: 2px solid #C50A1C}

.form_password .text_password.warning + .info { color: #C50A1C}

.form_password .text_password.warning + .info i { color: #C50A1C; display: inline-block; } 

.form_password .text_password.sugcess input { border: 2px solid #155CD6}

.form_password .text_password.sugcess + .info { color: #155CD6}

.form_password .text_password.sugcess + .info i { display: none; } 

.board_list .tstyle_write .point2 { color: #AAAAAA; font-weight: 300; } 

.depth1 { font-size: 1.5rem; margin-top: 1rem; } 

.depth1 > em { vertical-align: middle; font-weight: 600; font-family: 'semibold'; } 

.depth1 > em > i { vertical-align: middle; font-size: 1.7rem; margin-right: 2px; } 

.depth1 > em + span { color: #333; } 

.depth1 > em + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 0.8rem; margin: 0 .8rem 0 .6rem; background-color: #D8D9DF; content: ''; vertical-align: middle; } 

/*마이페이지 left_menu*/
.left_menu { float: left; width: 24rem; margin-top: 5.5rem; margin-bottom: 10rem; position: relative; } 

.left_menu .profile_box { background: #F2F4F8; padding: 2.4rem 0 1.8rem; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #ddd; border-bottom: 0; } 

.left_menu .profile_box .btns { display: inline-block; height: 3rem; line-height: 3rem; margin: 0; } 

.left_menu .user_img { width: 6.4rem; height: 6.4rem; border-radius: 100%; margin: 0 auto .75rem; background-color: #fff; } 

.left_menu .user_name { font-size: 2rem; font-weight: 700; color: #333; } 

.left_menu .user_id { font-size: 1.4rem; color: #727272; margin-bottom: .6rem; } 

.left_menu .left_depth2 > li > a { padding: 1.5rem 2rem; display: block; background: #fff; font-size: 1.7rem; font-weight: 500; color: #111; line-height: 2.2rem; position: relative; } 

.left_menu .left_depth2 > li.children > a:before { content: '\ea4e'; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); font-family: 'remixicon'; font-size: 2.2rem; transition: .2s; color: #D6D6D6; } 

.left_menu .left_depth2 > li > a:after { content: ''; width: 100%; height: calc(100% + 1px); border: 1px solid #ddd; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1; } 

.left_menu .left_depth2 > li:last-of-type > a:after { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } 

.left_menu .left_depth2 > li > a:hover:after, .left_menu .left_depth2 > li > a:focus:after { border: 1px solid #155CD6; z-index: 3; } 

.left_menu .left_depth2 > li.on { border-top: none; } 

.left_menu .left_depth2 > li.on > a { background-color: #155CD6; color: #fff; z-index: 1; } 

.left_menu .left_depth2 > li.on > a:before { transform: translateY(-50%) rotate(-180deg); color: #fff; } 

.left_menu .left_depth2 > li.on > a:after { border: 1px solid #155CD6; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } 

.left_menu .left_depth3 { padding: 0 2rem; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height: 0; overflow: hidden; transition: .2s; background: #F8F9FB; } 

.left_menu .left_depth2 > li.on .left_depth3 { padding: 2rem 2rem; height: inherit; } 

.left_menu .left_depth2 > li.on { border-bottom: none; } 

.left_menu .left_depth2 > li.on.last .left_depth3 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 1px solid #ddd; } 

.left_menu .left_depth3 > li { line-height: 1.8rem; } 

.left_menu .left_depth3 > li + li { margin-top: .5rem; } 

.left_menu .left_depth3 > li > a { font-size: 1.6rem; font-weight: 500; color: #727272; line-height: 2.3rem; position: relative; padding-left: 1rem; } 

.left_menu .left_depth3 > li > a:hover, .left_menu .left_depth3 > li > a:focus { color: #111; font-weight: 700; } 

.left_menu .left_depth3 > li > a:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 100%; background-color: #767676; } 

.left_menu .left_depth3 > li.active > a { color: #111111; font-weight: 700; } 

.left_menu .left_depth3 > li.active > a:before { background: #111; } 

.highlight { font-weight: 500; color: blue; background: none; } 

/*마이페이지*/
.Mypage_wrap { position: relative; } 

.Mypage_wrap:after { content: ''; clear: both; display: block; } 

.Mypage_wrap #contents { width: calc(100% - 24rem); float: left; padding-left: 5rem; } 

.edit_sec { position: relative; } 

.edit_sec .arcodian_box { height: 100%; overflow: visible; opacity: 1; transition: all .2s; } 

.edit_sec .arcodian_box.close { height: 0; overflow: hidden; opacity: 0; } 

.edit_sec .po_right { position: absolute; right: 0; top: 0; } 

.edit_profile .all_agree .agree.ver3 .form { text-align: center; margin-top: 2rem; } 

.edit_sec .border_box .board_list { background-color: #fff; } 

.edit_profile .edit_sec { position: relative; } 

.edit_profile .edit_sec + .edit_sec { margin-top: 5rem; } 

.edit_profile .edit_sec .border_box { border: 1px solid #D8D9DF; padding: 3.6rem 2.8rem; border-radius: 6px; } 

.edit_profile .edit_sec .border_box:after { content: ''; clear: both; display: block; } 

.edit_profile .edit_sec .bg_box { padding: 2rem; background: #F7F8FA; border-radius: 6px; margin-top: 2rem; } 

.edit_profile .edit_sec .bg_box .tit { font-size: 1.6rem; font-weight: 600; color: #333; margin-bottom: .5rem; } 

.edit_profile .edit_sec .bg_box p { font-size: 1.6rem;; } 

.edit_profile .edit_sec .re_user_img { float: left; width: 18rem; padding-right: 3rem; text-align: center; margin-top: 1rem}

.edit_profile .edit_sec .re_user_img .re_user_img_thumb { width: 100%; height: 19rem; border: 1px solid #D8D9DF; margin-bottom: 1rem; } 

.edit_profile .re_user_img + .board_list.type2 { float: right; width: calc(100% - 18rem); } 

.edit_profile .board_list.type2 { text-align: left; border: none; padding: 0; background: none; border-radius: 0; } 

.edit_profile .board_list.type2 .tstyle_write th { line-height: 3.5rem; padding: 1rem; font-size: 1.6rem; font-weight: 400; color: #111; } 

.box4_list_wrap { margin: -1rem 0 0 -1rem; overflow: hidden; } 

.box4_list_wrap .box { padding: 1rem 0 0 1rem; float: left; width: 50%; } 

.box4_list_wrap .box .inner { border-radius: 6px; overflow: hidden; bordeR: 1px solid #D8D9DF; min-height: 16rem; } 

.box4_list_wrap .box .title { font-size: 1.7rem; font-weight: 500; color: #333; padding: 1.3rem 2.3rem; background: #F4F5F9; } 

.box4_list_wrap .box .tag_list { padding: 1.5rem 2.3rem; } 

.box4_list_wrap .box .tag_list li { display: inline-block; padding: .3rem}

.box4_list_wrap .box .tag_list li span { padding: .3rem .5rem; border-radius: 5px; display: inline-block; color: #fff}

.box4_list_wrap .box .tag_list li:nth-of-type(1) span { background: #155CD6; } 

.box4_list_wrap .box .tag_list li:nth-of-type(2) span { background: #04A2BB; } 

.box4_list_wrap .box .tag_list li:nth-of-type(3) span { background: #335AA4; } 

.box4_list_wrap .box .tag_list .no_data { font-size: 1.5rem; font-weight: 400; color: #CECECE; } 

.tt-box { padding: 1.2rem 1.5rem; position: relative; } 

.tt-box .btn_wrap { position: absolute; right: 0; top: 14px; right: 30px; } 

.board_list.type2 .tip { vertical-align: middle; color: #7C8298; display: inline-block; cursor: pointer; position: relative; } 

.tip > i { font-size: 1.9rem; } 

.tip .tiptxt { display: none; position: absolute; left: 0; border: 1px solid #AAAAAA; font-size: 1.4rem; padding: .6rem 1rem; font-weight: 300; line-height: 1.6rem; background: #fff; margin: -3.2rem 0 0 3rem; z-index: 1; border-radius: 5px; word-break: break-all; min-width: 17rem; max-width: 32rem; } 

.tip:hover .tiptxt { display: block; } 

.tip:hover .tiptxt::after { content: ''; border-top: 1px solid #aaa; border-left: 1px solid #aaa; width: .8rem; height: .8rem; position: absolute; left: -0.2rem; transform: rotate(-45deg) translateY(-50%); background: #fff; top: 1.3rem; } 

.tip:hover > i:before { content: "\f044"; color: #155CD6; } 

.cont .cbox:before { width: 100%; height: 1px; background: #eee; position: absolute; top: 0; left: 0; content: ''; } 

.cont .cbox > * { margin-bottom: 2rem; } 

.cont .cbox.ver2 { width: calc(100% + 3rem); } 

.cont .cbox .w50 { float: left; width: calc(50% - 3rem); margin-right: 3rem; margin-bottom: 1rem; } 

.cont .cbox .cwrap { margin-bottom: 10px; } 

div[class*="element"] { margin-bottom: 2.5rem; } 

.cont .cbox .group > input { width: calc(100% - 15rem); float: left; } 

.cont .cbox .group > .setting { width: 14rem; float: right; } 

.cont .cbox .group:after { content: ''; clear: both; display: table; } 

.cont .cbox .group { display: block; } 

.group .setting { background: #7C8298; color: #fff; border-radius: 5px; height: 4.5rem; line-height: 4.5rem; text-align: center; } 

.btns { overflow: hidden; margin: 2rem 0; } 

.btns > .left { float: left; } 

.btns > .right { float: right; } 

.btn_wrap .addnew { background: #1B3871; color: #fff; line-height: 2.75rem; height: 2.75rem; text-align: center; display: inline-block; border-radius: 4px; font-size: 1.4rem; font-weight: 500; position: relative; } 

.btn_wrap .addnew > .tit { display: block; padding: 0 11px; } 

.btn_wrap .addnew i { vertical-align: middle; margin-left: 3px; } 

.btn_wrap > * { vertical-align: middle; } 

.btn_wrap .addnew .addbox { display: none; position: absolute; padding: 16px 14px; border: 1px solid #e1e1e1; border-radius: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06); background: #fff; min-width: 130px; left: 0; top: auto; margin-top: 8px; } 

.btn_wrap .addnew .addbox > * { display: block; color: #333333; font-size: 14px; } 

.btn_wrap .addnew .addbox > * + * { margin-top: 10px; } 

.btn_wrap .addnew .addbox > * img { margin-right: 8px; } 

.btn_wrap .addnew.on .addbox { display: block; z-index: 2; } 

.cbox .box_wrap:after, .cbox .col2_box .twrap:after { content: ""; display: block; clear: both}

.cont .cbox .twrap.w50:last-child { width: 50%; margin-right: 0; } 

.cbox .col2_box div[class*="st"] { float: left; width: calc(50% - 2rem); margin-right: 1rem; } 

.cbox .col2_box div[class*="st"] > .txtp { width: 5rem; display: inline-block; vertical-align: middle; padding-top: .9rem; } 

.cbox .col2_box div[class*="st"] .form_textbox { width: calc(100% - 6rem); } 

.cbox .col2_box div.st2 { margin-right: 0; width: calc(50% - 4rem); } 

.cbox .col2_box .etc { float: right; } 

/* 빨간색 설명 */
.cont .cbox .desc { vertical-align: middle; display: block; color: #7C8298; cursor: pointer; display: block; left: 0; font-size: 1.5rem; line-height: 1.8rem; font-weight: 300; color: #C50A1C; margin: .5rem 0 1.2rem; } 

.cont .cbox .twrap.w50 input.mt34 { margin-top: 3.4rem}

.cont .cbox .etc { width: 3.6rem; height: 3.6rem; color: #fff; background: #1B3871; border-radius: 5px; text-align: center; line-height: 1.1; font-size: 2rem; margin: 0 .2rem; vertical-align: top; display: inline-block; line-height: 3.6rem; } 

/* input_wrap */
.input_wrap { padding: .3rem 0; display: flex; } 

.input_wrap .gtxt { display: inline-block; vertical-align: middle; height: 4rem; line-height: 4rem; background: #ddd; border-radius: 5px; font-size: 1.6rem; text-align: center; padding: 0rem 1rem; font-weight: 500; white-space: nowrap; } 

.input_wrap em { display: block; font-size: 1.6rem; font-weight: 500; margin-bottom: 0.5rem; } 

.input_wrap > textarea.ftxt6 { padding: 1.5rem; } 

.input_wrap .areatit { height: 13rem; vertical-align: top; min-width: inherit; line-height: 1.2; padding-top: 4rem; margin-right: .5rem; } 

.input_wrap .gtxt + input { margin-left: .5rem; } 

.input_wrap input + .gtxt { margin-left: .5rem; } 

/* 멀티셀렉트박스 */
.multiselect { position: relative; color: #333; } 

.multiselect a.btn_multi { position: relative; display: inline-block; width: 100%; height: 5rem; line-height: 5rem; padding: 0 3rem 0 2rem; border: 1px solid #ddd; vertical-align: middle; transition: all .2s; border-radius: 5px 5px 0 0; color: #818181; font-weight: 500; transition: all .3s; background: #fff; } 

.multiselect a.btn_multi::after { content: '\ea4d'; position: absolute; top: 0; right: 2rem; font-family: "remixicon"; color: #777; font-size: 1.9rem; } 

.multiselect .multi_list { display: none; border: 1px solid #ddd; border-top: 0; padding: .5rem; background: #fff; } 

.multiselect .multi_list li { text-align: left; padding: .5rem 1rem; transition: all .2s; display: flex; flex-direction: row; align-items: stretch; } 

.multiselect .multi_list li > span { white-space: nowrap; } 

.multiselect .scroll_box { overflow-y: auto; height: 100%; max-height: 30rem; margin-right: .3rem; } 

.multiselect .scroll_box::-webkit-scrollbar { width: .6rem; } 

.multiselect .scroll_box::-webkit-scrollbar-thumb { background: #ACACAC; border-radius: .3rem; } 

.multiselect .scroll_box::-webkit-scrollbar-track { width: 13px; } 

.multiselect.active .multi_list { display: block; } 

.multiselect.active a.btn_multi:hover::after, .multiselect.active a.btn_multi:focus::after { content: "\ea77"; } 

.cht-lst { width: calc(100% + 1.3rem); overflow: hidden; } 

.cht-lst li { float: left; width: calc(33.3333% - 1.3rem); margin-right: 1.3rem; position: relative; overflow: hidden; border-radius: 20px; height: 35rem; } 

.cht-lst li .img { display: block; height: 100%; } 

.cht-lst li img { width: 100%; height: 100%; } 

.cht-lst li > .txt { position: absolute; bottom: 0; left: 0; width: 100%; height: 13.2rem; background: linear-gradient(113deg, rgba(14,102,252,.85) 0%, rgba(4,191,138,.85) 100%); border-radius: 20px; padding: 3rem; } 

.cht-lst li > .txt .icon { display: inline-block; position: absolute; top: 2.3rem; right: 2.7rem; } 

.cht-lst li > .txt .icon:before { display: inline-block; position: absolute; top: -1px; width: 1px; height: 2.5rem; background-color: #ddd; opacity: .5; content: ''; vertical-align: middle; top: 100%; margin-top: 1.25rem; left: 50%; } 

.cht-lst li > .txt > span { color: #FFFFFF; font-size: 1.8rem; font-weight: 500; display: block; } 

.cht-lst li > .txt .num { font-size: 3.5rem; font-weight: bold; color: #fff; } 

.halfwrap:after { content: ''; display: table; clear: both; } 

.halfwrap > * { width: calc(50% - 1.4rem); float: left; border-radius: 10px; background-color: #fff; margin-right: 1.4rem; height: 100%; } 

.txtlst { position: relative; padding: 0 2.5rem; } 

.txtlst > li + li { margin-top: .7rem; } 

.txtlst > li > i { width: 4rem; height: 4rem; border-radius: 10px; background: rgba(14, 102, 252, 0.05); display: inline-block; text-align: center; line-height: 3.8rem; font-size: 1.8rem; color: #155CD6; font-weight: 300; vertical-align: middle; } 

.txtlst > li .tt { font-weight: 500; font-size: 1.8rem; display: inline-block; vertical-align: middle; padding-left: 1.2rem; } 

.txtlst > li .tp { float: right; font-size: 1.8rem; font-weight: 600; display: inline-block; padding-top: .5rem; } 

.txtlst > li .tp > .number { color: #155CD6; } 

.halfwrap .w50 { border: 1px solid #E1E1E1; overflow-y: auto; display: flex; align-items: center; } 

.halfwrap .w50::-webkit-scrollbar { width: 5px; } 

.halfwrap .w50::-webkit-scrollbar-thumb { height: 30%; background: #217af4; border-radius: 10px; } 

.halfwrap .w50::-webkit-scrollbar-track { background: rgba(33, 122, 244, .05); } 

.halfwrap .w50 > * { float: left; width: 50%; } 

.txtlst + .txtlst:before { width: 1px; background: #eee; content: ''; height: calc(100% - 6rem); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

.chartWrap .halfwrap { width: calc(100% + 1.4rem); margin: 2rem 0; } 

div[class*="c_type"] { border: 1px solid #e1e1e1; border-radius: 10px; padding: 3rem 3.5rem; background-color: #fff; margin-bottom: 2rem; } 

div.c_type1 { padding: 0; height: 31rem; } 

div[class*="c_type"] .s_lstbox .list li a { width: calc(100% - 4rem); font-size: 1.4rem; line-height: 1.2; } 

.s_lstbox_wrap .s_lstbox { padding: 1.5rem 0 0 1.5rem; float: left; width: 50%; } 

.c_step { overflow: hidden; } 

.c_type1 { overflow: hidden; height: 31rem; } 

.c_step > li { float: left; width: 25%; text-align: center; font-weight: 500; font-size: 1.5rem; line-height: 1.8rem; padding-top: 1.8rem; position: relative; } 

.c_step > li:after { content: ''; width: .7rem; height: .7rem; border-radius: 50%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #0E66FC; } 

.c_step > li:nth-child(2)::after { background: #0F7BBE; } 

.c_step > li:nth-child(3)::after { background: #099BA6; } 

.c_step > li:nth-child(4)::after { background: #04BB8F; } 

.c_step > li:before { width: 100%; height: 1px; background: #eee; position: absolute; left: 50%; content: ''; top: .28rem; z-index: 0; } 

.c_step > li:last-child:before { display: none; } 

.c_type1 > .element { float: left; width: 80%; height: 100%; padding: 3rem; } 

.c_type1 > .se_data { float: right; width: 20%; height: 100%; } 

.c_type1 > .se_data > li { height: 50%; background-color: #FAFAFA; text-align: center; display: table; table-layout: fixed; width: 100%; border-left: 1px solid #E1E1E1; } 

.c_type1 > .se_data > li > div { display: table-cell; vertical-align: middle; } 

.c_type1 > .se_data > li > div > span { display: block; font-weight: 500; } 

.c_type1 > .se_data > li > div > .number { color: #111; font-weight: bold; font-size: 2.4rem; letter-spacing: -0.24px; line-height: 2.2rem; padding: 4px 0; } 

.c_type1 > .se_data > li > div > .et { font-weight: 500; font-size: 1.2rem; color: #999; } 

.c_type1 > .se_data > li + li { border-top: 1px solid #E1E1E1; } 

.c_type2 { height: 31rem; } 

.chartWrap .depth2 { font-size: 2rem; font-weight: bold; letter-spacing: -0.2px; display: block; padding-bottom: 1.5rem; } 

.dp { color: #999999; font-size: 1.5rem; letter-spacing: -0.15px; padding-left: .8rem; } 

.bio-project { background-color: #F7F8FA; border: 1px solid #D8D9DF; border-radius: 10px; padding: 3.5rem 3.5rem 1.5rem; } 

.bio-project .depth2 { padding-bottom: 0; } 

.bio-project .depth { font-size: 1.6rem; } 

.bio-project > .tit { display: block; text-align: center; color: #111; font-size: 2.4rem; font-weight: bold; padding-bottom: 3rem; } 

.bio-project > .tit > i { width: 3.8rem; height: 3.8rem; background: #155CD6; border-radius: 50%; vertical-align: middle; display: inline-block; color: #fff; font-size: 2rem; font-weight: 300; line-height: 3.8rem; margin-right: 1rem; margin-top: -4px; } 

.bio-project > .tit.ver2 > i { background: #04A2BB; } 

.bio-project > .tit.ver3 > i { background: #04BB8F; } 

.bio-project { margin-bottom: 2rem; } 

.bio-project .datatit { padding-bottom: 1.4rem; border-bottom: 1px solid #ddd; } 

.bio-project .datatit > strong { font-size: 1.8rem; letter-spacing: -0.18px; color: #111; } 

.bio-project .datatit > strong > i { color: #fff; font-weight: 300; width: 2.2rem; height: 2.2rem; border-radius: 5px; display: inline-block; margin-right: .7rem; vertical-align: middle; text-align: center; font-size: 2.2rem; line-height: 2.2rem; } 

.bio-project .datatit > strong > i { color: #fff; font-weight: 300; } 

.edit_profile[id*="tab"] { display: none; } 

.edit_profile[id*="tab"].active { display: block; } 

.edit_profile .stepWrite { margin-top: 0; } 

.edit_profile .stepWrite .wform { float: none; width: 100%; } 

.bio-project .s_lstbox_wrap .s_lstbox .list li a:hover, .bio-project .s_lstbox_wrap .s_lstbox .list li a:focus { color: inherit; text-decoration: inherit; } 

.bio-project .s_lstbox_wrap .s_lstbox .list li a:hover span, .bio-project .s_lstbox_wrap .s_lstbox .list li a:focus span { font-weight: 400; text-decoration: inherit; } 

.bio-project .s_lstbox_wrap a { cursor: inherit; } 

/*마이페이지 알림*/
.ntfct > li { border: 1px solid #E1E1E1; border-radius: 10px; position: relative; -webkit-transition: all .3s; transition: all .3s; } 

.ntfct > li + li { margin-top: 1rem; } 

.ntfct > li > a { padding: 2rem 0 2rem 2.5rem; display: block; overflow: hidden; width: calc(100% - 7rem); } 

.ntfct > li .nt-close { position: absolute; right: 2.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 3.4rem; font-weight: 300; color: #D1D4DB; } 

.ntfct > li > a > i.icon { width: 6rem; height: 6rem; border-radius: 50%; background: #F7F8FA; text-align: center; line-height: 6rem; display: inline-block; vertical-align: middle; } 

.ntfct > li > a > .txt { padding-left: 1.5rem; display: inline-block; vertical-align: middle; } 

.ntfct > li > a > .txt .tp { font-size: 1.7rem; letter-spacing: -0.17px; } 

.ntfct > li > a > .txt .tp .tt { font-weight: bold; margin-right: 4px; } 

.ntfct > li > a > .txt .detc { overflow: hidden; } 

.ntfct > li > a > .txt .detc > li { float: left; } 

.ntfct > li > a > .txt .detc > li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 0.9rem; margin: 0 .6rem 0 .6rem; background-color: #E1E1E1; content: ''; vertical-align: middle; } 

.ntfct > li > a > .txt .detc .days { color: #999999; font-size: 1.3rem; } 

.ntfct > li > a > .txt .detc .point { color: #155CD6; font-size: 1.3rem; font-weight: 500; } 

.ntfct > li.no_read { background-color: #fff; } 

.ntfct > li.read { background-color: #F7F8FA; } 

.ntfct > li.read i.icon { background: #fff; } 

.ntfct > li.read > a > .txt .detc .point { color: #51658B; } 

.ntfct > li:hover, .ntfct > li:focus { border-color: #155CD6; } 

.ntfct > li:hover .nt-close, .ntfct > li:focus .nt-close { color: #51658B; } 

/* 구인구직 */
.work { display:grid; gap:2.4rem; grid-template-columns: 1fr 1fr 1fr 1fr; min-height:calc(100vh - 60rem); }

.work > li { text-align:center; }

.work > li > a { display:block; border:1px solid #E1E1E1; border-radius: 1.5rem; -webkit-transition: all .3s; transition: all .3s; }

.work > li > a:hover, .work > li > a:focus {border-color:#155CD6;}

.work > li .img { display:block; position:relative; width:100%; height:12rem; margin-bottom:1rem; overflow: hidden; }

.work > li .img img { position:absolute; max-width:calc(100% - 4rem); top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.work > li strong { font-size:1.8rem; }

.work > li p { margin-top:1rem; padding-bottom:3rem; color:#555; line-height:1.9rem; }

/*통합검색*/
.box4_list_wrap { margin: -1rem 0 0 -1rem; overflow: hidden; } 

.box4_list_wrap .box { padding: 1rem 0 0 1rem; float: left; width: 50%; } 

.box4_list_wrap .box .inner { border-radius: 6px; overflow: hidden; bordeR: 1px solid #D8D9DF; min-height: 16rem; } 

.box4_list_wrap .box .title { font-size: 1.7rem; font-weight: 500; color: #333; padding: 1.3rem 2.3rem; background: #F4F5F9; } 

.box4_list_wrap .box .tag_list { padding: 1.5rem 2.3rem; } 

.box4_list_wrap .box .tag_list li { display: inline-block; padding: .3rem}

.box4_list_wrap .box .tag_list li span { padding: .3rem .5rem; border-radius: 5px; display: inline-block; color: #fff}

.box4_list_wrap .box .tag_list li:nth-of-type(1) span { background: #155CD6; } 

.box4_list_wrap .box .tag_list li:nth-of-type(2) span { background: #04A2BB; } 

.box4_list_wrap .box .tag_list li:nth-of-type(3) span { background: #335AA4; } 

.box4_list_wrap .box .tag_list .no_data { font-size: 1.5rem; font-weight: 400; color: #CECECE; } 

.s_search_wrap .s_tit { font-size: 2rem; font-weight: 500; color: #333333; margin-bottom: 2rem; } 

.s_search_wrap .s_tit .point { font-weight: 700; color: #0051AE; } 

.s_search_wrap .info { font-size: 1.5rem; font-weight: 400; color: #6C757D; text-align: left; margin-top: 1rem; line-height: 1.2; } 

.s_search_wrap .info i { color: #155CD6; display: inline-block; padding-right: 5px; } 

.s_search_wrap .search_top_box { padding: 2.5rem 3rem; background: url('../../image/service/content/search_img01.png') no-repeat top/cover; border-radius: 10px; overflow: hidden; margin-bottom: 4rem; } 

.s_search_wrap .search_top_box h4 { font-size: 2.6rem; font-weight: 700; color: #fff; display: inline-block; line-height: 5.5rem; } 

.s_search_wrap .search_top_box .btn_area { float: right; } 

.s_search_wrap .search_top_box .i_btn { display: inline-block; width: 26rem; padding: 1.2rem 2rem; color: #fff; font-size: 1.8rem; font-weight: 600; line-height: 3rem; border-radius: 5px; position: relative; border: 1px solid transparent}

.s_search_wrap .search_top_box .i_btn + .i_btn { margin-left: .5rem; } 

.s_search_wrap .search_top_box .i_btn.blue { background: #1A57BF; } 

.s_search_wrap .search_top_box .i_btn.green { background: #17A081; } 

.s_search_wrap .search_top_box .i_btn i { padding-right: 1rem; opacity: .4; font-size: 2.6rem; font-weight: 300; line-height: 3rem; vertical-align: middle; } 

.s_search_wrap .search_top_box .i_btn span { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); display: inline-block; padding: .2rem 1.25rem; font-weight: 300; border-radius: 15px; border: 1px solid rgba(255,255,255,.3); font-size: 1.6rem; line-height: 2.2rem; } 

.s_search_wrap .search_top_box .i_btn:hover, .s_search_wrap .search_top_box .i_btn:focus { box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4); } 

.s_search_wrap .search_top_box .i_btn:hover span { background-color: #fff; color: #111; font-weight: 700; } 

.s_lstbox_wrap .s_lstbox .inner { border: 1px solid #DDDDDD; border-radius: 5px; overflow: hidden; } 

.s_lstbox_wrap .s_lstbox .tit { padding: 1rem 1.5rem; background: #F7F8FA; font-size: 1.7rem; font-weight: 700; color: #111; } 

.s_lstbox_wrap .s_lstbox .list { padding: .75rem 1.2rem; background: #fff; } 

.s_lstbox_wrap .s_lstbox .list li { position: relative}

.s_lstbox_wrap .s_lstbox .list li + li { border-top: 1px solid #EEEEEE; } 

.s_lstbox_wrap .s_lstbox .list li a { padding: .9rem 0; font-size: 1.5rem; font-weight: 500; color: #333; display: inline-block; width: calc(100% - 5rem)}

.s_lstbox_wrap .s_lstbox .list li a span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; color: #155CD6; font-size: 1.3rem; font-weight: 400; border: 1px solid transparent}

.s_lstbox_wrap .s_lstbox .list li a:hover, .s_lstbox_wrap .s_lstbox .list li a:focus { color: #000; text-decoration: underline; } 

.s_lstbox_wrap .s_lstbox .list li a:hover span, .s_lstbox_wrap .s_lstbox .list li a:focus span { font-weight: bold; text-decoration: underline; } 

.s_search_wrap .search-box { position:relative; padding: 2rem }

.s_search_wrap .search-box .btns { background: #51658B; border: 1px solid #51658B}

.s_search_wrap .search-box .btns:hover, .s_search_wrap .search-box .btns:focus { background-color: #fff; } 

.s_search_wrap .search-box .radio_group { position: absolute; left: 4rem; top: auto; } 

.s_search_wrap .search-box .radio_group .radio_wrap { display: block; text-align: left; position: relative; } 

.s_search_wrap .search-box .radio_group .radio_wrap + .radio_wrap { margin-top: .5rem; } 

.s_search_wrap .search-box .radio_group .radio_wrap .form_radio { margin-right: 0; } 

.s_search_wrap .search-box .search_filter_date em { font-size: 1.4rem; color: #999999; display: inline-block; padding: 0 .25rem .25rem .25rem}

.s_search_wrap .search-box .search_filter_date i { color: #999}

.s_search_wrap .search-box .tag_group { display: block; margin-top: 1rem; } 

.s_search_wrap .search-box .tag_group .tit { font-size: 1.6rem; font-weight: 600; color: #333; margin-right: 1rem; } 

.s_search_wrap .search-box .tag_group .tag_list li { position: relative; } 

.s_search_wrap .search-box .tag_group .tag_list li + li { margin-left: .5rem; } 

.s_search_wrap .search-box .tag_group .tag_list li a { display: inline-block; padding: .15rem 3rem .25rem 1.25rem; border: 1px solid #ddd; border-radius: 15px; font-size: 1.4rem; color: #555; background-color: #fff; line-height: 2rem; } 

.s_search_wrap .search-box .tag_group .tag_list.ver2 li a { padding: .15rem 1.25rem .25rem; } 

.s_search_wrap .search-box .tag_group .tag_list li a:hover, .s_search_wrap .search-box .tag_group .tag_list li a:focus { border: 1px solid #51658B}

.s_search_wrap .search-box .tag_group .tag_list li button { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); color: #aaa; display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 100%; } 

.s_search_wrap .search-box .tag_group .tag_list li button:hover, .s_search_wrap .search-box .tag_group .tag_list li button:focus { background: #333; } 

.s_search_wrap .search-box .tag_group .tag_wrap + .tag_wrap { margin-left: 2rem; } 

.s_search_wrap .search-box .input-group { width:80rem; }

/* .s_search_wrap .search-box .form_check { position:absolute; top:50%; left:calc(50% + 43.5rem); -webkit-transform: translateY(-50%); transform: translateY(-50%); } */

.s_search_wrap .search-box fieldset > ul > li { display:block; text-align: start; }

.s_search_wrap .search-box fieldset > ul > li:first-child { padding-left:9rem; }

.s_search_wrap .search-box fieldset > ul > li + li { margin-top:1.2rem; }

.s_search_wrap .search-box .append_input { display:inline-flex; vertical-align: middle; margin-right:0.8rem; }

.s_search_wrap .search-box .append_input input[type="text"] { min-width: 40rem; }

.form_search_setting { display: block; width: 100%; } 

.search_setting_field { display: none; position: relative}

.search_setting_field > * { display: inherit; } 

.search_setting_field .title2 { text-align: left; border-bottom: 1px solid #DDDDDD; padding-bottom: 1rem; padding-top: 1rem; } 

.search_setting_field .btn_line { position: absolute; right: 0; top: 0; padding-left: .5rem; } 

.search_setting_field .btn_line i { color: #D1D4DB; font-weight: 300; font-size: 1.5rem; padding-right: .5rem; } 

.search_setting_field .form_textbox { border: 1px solid #d8d9df; width: calc(100% - 55rem); float: inherit}

.search_setting_field .form_select select { width: 20rem; } 

.search_setting_field .form_select.dark select { width: 10rem; background: #222222; color: #fff; background: #222 url(../../image/service/layout/arrow.png) right 1rem center no-repeat; } 

.search_setting_field li { display: block; width: 100%; } 

.search_setting_field li + li { margin-top: 1rem; } 

.search_result { font-size: 2rem; line-height: 1.25; font-weight: 500; color: #333333; text-align: center; letter-spacing: -0.023rem; margin-bottom: 4rem; } 

.search_result .point { color: #00623a; font-weight: 700; padding: 0 .3rem;} 

.s_search_wrap .search_result { margin-bottom: 3.7rem }

.s_search_wrap .search_result_all_wrap { position: relative; word-break: break-word;} 

.s_search_wrap .search_result_all_wrap:after { content: ''; clear: both; display: block; } 

.s_search_wrap .search_result_list_wrap { float: left; width: calc(100% - 24rem); padding-right: 3rem}

.s_search_wrap .search_result_list_wrap.type_right { float: right; padding: 0 0 0 3.8rem}

.s_search_wrap .search_result_list_wrap.type_wrap { float:none; width: 100%; padding: 0; }

.s_search_wrap .search_category_filter_wrap { float: right; width: 24rem; } 

.s_search_wrap .search_category_filter_wrap.type_left { float: left; }

.s_search_wrap .tit_box { border: 1px solid #D8D9DF; padding: 1rem 1.8rem; border-radius: 6px; position: relative; background: #F7F8FA; } 

.s_search_wrap .tit_box .tit { font-size: 18px; font-weight: 700; color: #203969; } 

.s_search_wrap .tit_box .tit span { color:#555; font-size:1.6rem; font-weight:400; }

.s_search_wrap .tit_box .tit span em { color:#145CD6; font-weight:700; }

.s_search_wrap .tit_box .filter_btn { font-size: 1.6rem; font-weight: 500; color: #333; letter-spacing: -0.016rem; padding: 0 1.25rem 0 .5rem}

.s_search_wrap .tit_box .filter_btn i { padding-right: .5rem; } 

.s_search_wrap .tit_box .check_txt { display:inline-block; vertical-align: middle; padding:0 1.6rem 0 0.6rem; font-size:1.5rem; letter-spacing: -0.2px; }

.s_search_wrap .tit_box .check_txt em { color:#145CD6 }

.s_search_wrap .tit_box input[type='checkbox'] { appearance: none; position:relative; width: 1.6rem; height:1.6rem; border:1px solid #B6B6B6; background:#fff; }

.s_search_wrap .tit_box input[type='checkbox']:checked { border-color:#2670E5;background:#2670E5; }

.s_search_wrap .tit_box input[type='checkbox']:checked::after { content:"\eb7b"; position:absolute; top: 50%; left:50%; color:#fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'remixicon' !important; }

.recently_search { display:flex; padding-top:.5rem; }

.recently_search > ul { text-align: start;}

.recently_search > ul > li { display:inline-block; vertical-align: top; margin:0.5rem 1.6rem 0 0; color:#666; font-size:1.4rem; line-height:1.6rem; }

.recently_search .btn_more { color:#666; font-size:1.4rem; font-weight: 600;  }

.search_top_sortation { margin-bottom:1rem; }

.search_top_sortation::after { content:""; display:table; clear: both; }

.search_top_sortation h4 { display:inline-block; color:#111; font-size:1.8rem; font-weight:400; letter-spacing: -0.01rem; }

.search_top_sortation p { display:inline-block; margin-top:0.8rem; color:#767676; font-size:1.5rem; letter-spacing: -0.01rem; }

.search_top_sortation a { color:#767676; }

.search_top_sortation a:hover, .search_top_sortation a:focus { color:#333; }

.recently_search > ul > li .close { padding:0 0.2rem; }

.search_result_list_wrap .radio_group { position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); z-index: 1; } 

.search_result_list_wrap .radio_group.item2 { right:12rem; }

.search_result_list_wrap .form_radio_list { width: 100%; transform: translateY(3px); border-radius: 5px; } 

.search_result_list_wrap .result_list.type2 { border-top:1px solid #AAA; }

/* .search_result_list_wrap .result_list > ul > li { padding: 2.5rem 0 2.1rem; position: relative; }  */
.search_result_list_wrap .result_list > ul > li { padding: 3rem 1.6rem 3rem 1.6rem; position: relative; }

.search_result_list_wrap .result_list > ul > li:has(.btn_area) { padding-right:16.5rem; }

.search_result_list_wrap .result_list > ul > li.btn_item4:has(.btn_area), .search_result_list_wrap .result_list > ul > li.btn_item5:has(.btn_area) { padding-right:32rem; }

.search_result_list_wrap .result_list > ul > li:last-of-type { border-bottom: 1px solid #eee}

.search_result_list_wrap .result_list.type2 > ul > li:last-of-type { border-bottom:none; }

.search_result_list_wrap .result_list > ul > li + li { border-top: 1px solid #eee}

.search_result_list_wrap .result_list > ul > li .tit { font-size: 1.8rem; font-weight: 600; font-family: 'semiBold'; color: #111; display: block; letter-spacing: -0.02rem; line-height:2.1rem; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.search_result_list_wrap .result_list > ul > li .tit a:hover, .search_result_list_wrap .result_list > ul > li .tit a:focus { text-decoration: underline; }

.search_result_list_wrap .result_list > ul > li .tit .tag { margin:0 0.8rem 0 0; }

/* .search_result_list_wrap .result_list > ul > li .tit .tag { font-size: 1.6rem; font-weight: 500; color: #fff; background: #335AA4; border-radius: 5px; padding: .25rem .75rem; margin-right: 1rem} */

.search_result_list_wrap .result_list > ul > li .refer_box { margin-top:1.7rem; }

.search_result_list_wrap .result_list > ul > li .refer_box.right { padding-right:30rem;}

.search_result_list_wrap .result_list > ul > li .refer { display:inline-block; vertical-align:middle; margin-bottom: .6rem; padding-right:3.2rem; font-size: 1.4rem; line-height:1.6rem; color: #555}

.search_result_list_wrap .result_list > ul > li .refer span { position: relative; font-weight: 500; color: #333; padding-right: 1.5rem; } 

.search_result_list_wrap .result_list > ul > li .refer span:before { content: ''; position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #E1E1E1; } 

.search_result_list_wrap .result_list > ul > li .data_area_wrap { position: relative; margin-top: 1rem; } 

.search_result_list_wrap .result_list > ul > li .data_area .more { font-size: 1.5rem; font-weight: 600; color: #333; vertical-align: middle; display: inline-block; margin-top: 1.5rem}

.search_result_list_wrap .result_list > ul > li .data_area .more i { display: inline-block; margin-left: .5rem; width: 1.8rem; height: 1.8rem; border-radius: 100%; border: 1px solid #E1E1E1; background: #FAFAFA; vertical-align: middle}

.search_result_list_wrap .result_list > ul > li .data_area.on .more i { background: #333; color: #fff; transform: rotate(-180deg)}

.search_result_list_wrap .result_list > ul > li .data_area .data_list { background: #F7F8FA; height: 0; padding: 0 2rem; margin-top: 0; opacity: 0; overflow: hidden; visibility: hidden; transition: .2s; } 

.search_result_list_wrap .result_list > ul > li .data_area.on .data_list { margin-top: 2rem; padding: 2rem; height: auto; opacity: 1; overflow: visible; visibility: visible; } 

.search_result_list_wrap .result_list > ul > li .data_area .data_list li span { font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 2rem; line-height: 2.6rem; position: relative}

.search_result_list_wrap .result_list > ul > li .data_area .data_list li span:before { content: ''; position: absolute; right: 1rem; top: 5px; width: 1px; height: 10px; background: #E1E1E1}

.search_result_list_wrap .result_list > ul > li .data_area .data_list li + li { margin-top: .5rem}

.search_result_list_wrap .result_list > ul > li .data_area .data_list li em { font-size: 1.5rem; line-height: 2.6rem; } 

.search_result_list_wrap .result_list > ul > li .data_area + .btn_area { top: 0; } 

/* .search_result_list_wrap .result_list > ul > li .btn_area { position: absolute; right: 0; bottom: 2.1rem; }  */

/* .search_result_list_wrap .result_list > ul > li .btn_area li { display: inline-block; }  */

/* .search_result_list_wrap .result_list > ul > li .btn_area li + li { margin-left: .2rem; }  */

.search_result_list_wrap .result_list > ul > li .btn_area { display:flex; flex-wrap:wrap; max-width: 14rem; position: absolute; right: 1.6rem; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

.search_result_list_wrap .result_list > ul > li .btn_area li { margin: .2rem; } 

.search_result_list_wrap .result_list > ul > li .btn_area li a { width: auto; min-width:14rem; padding: .8rem 1rem; display: block; background:#fff; border: 1px solid #D1D4DB; border-radius: 5px; position: relative; text-align: center; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size:15px; line-height:18px; color: #333333; } 

.search_result_list_wrap .result_list > ul > li .btn_area li a em { color : #155CD6; font-weight: 700; } 

.search_result_list_wrap .result_list > ul > li .btn_area li a .over { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; padding: .8rem 1rem; background: #333; color: #fff; display: none; } 

.search_result_list_wrap .result_list > ul > li .btn_area li a.on .over { display: block; }

.search_result_list_wrap .result_list > ul > li.btn_item4 .btn_area,
.search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area {max-width:28.8rem; }

.search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area > li:first-child {width:100%;}

/* .search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area > li:first-child ~ li {max-width: calc(50% - 0.4rem);} */

.search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area li a {min-width: auto;}

.search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area li:nth-child(2n) { width:calc(60% - 0.4rem); }

.search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area li:nth-child(3),
.search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area li:nth-child(5) { width:calc(40% - 0.4rem); }

.search_result_list_wrap .result_list > ul > li .desc { margin-top:1rem; color:#767676; font-size:1.4rem; letter-spacing: -0.01rem; white-space: normal; text-overflow: ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

.search_result_list_wrap .result_list > ul > li .tag { display:inline-block; vertical-align: top; position:relative; margin-bottom:1rem; padding: .4rem 0.6rem .3rem; background: #E7EFFB; border-radius: 4px; font-size:1.3rem; font-weight:500; line-height:1.6rem; margin-right: 0.2rem; }
/* 
.search_result_list_wrap .result_list > ul > li .tag.blue { background: #E7EFFB; color: #145CD6 }

.search_result_list_wrap .result_list > ul > li .tag.green { background: #E5F4F0; color: #007C64 }

.search_result_list_wrap .result_list > ul > li .tag.purple { background: #FCE6FF; color:#9C3BAA } */

.search_result_list_wrap .result_list > ul > li .tag.UmbrellaProject { background: #FCE6FF; color: #9C3BAA }

.search_result_list_wrap .result_list > ul > li .tag.BioProject { background: #E7EFFB; color: #145CD6 }

.search_result_list_wrap .result_list > ul > li .tag.BioSample { background: #E5F4F0; color: #007C64 }

.search_result_list_wrap .result_list > ul > li .tag.BioData { background:#EFEFEF; color:#555 }

.search_result_list_wrap .result_list > ul > li .tag.KRA { background: #E4F7F9; }

.search_result_list_wrap .result_list > ul > li .tag.KArray { background: #EEF1FE; }

.search_result_list_wrap .result_list > ul > li .tag.KNA { background: #FCEEF9; }

.search_result_list_wrap .result_list > ul > li .tag.KPOP { background: #FDEBE9; }

.search_result_list_wrap .result_list > ul > li .tag.KMAP { background: #EBFBEE; }

.search_result_list_wrap .result_list > ul > li .tag.KCODE { background: #FEEFE3; }

.search_result_list_wrap .result_list > ul > li .tag.KBI { background: #FFF4DC; }

.search_result_list_wrap .result_list > ul > li .tag.KPC { background: #FBE5E5; }

.search_result_list_wrap .result_list > ul > li .tag.ETC { background: #E9ECF2 }

.search_result_list_wrap .result_list > ul > li .file_type { display:inline-block; vertical-align: top; }

.search_result_list_wrap .result_list > ul > li .file_type > li { display:inline-block; vertical-align: top; padding:0 0.6rem; border-radius: 4px; border:1px solid #CCC; color:#555; font-size:1.3rem; font-weight:500; line-height:2.1rem; }

.search_result_list_wrap .result_list > ul > li .file_type > li:not(:last-child) { margin-right:0.2rem; }

.search_result_list_wrap .result_list.type_img > ul > li { display:flex; align-items: center; flex-wrap:wrap; width:100%; }

.search_result_list_wrap .result_list.type_img > ul > li .img_box { display:inline-block; width:16rem; height:100%; margin-right:2.4rem; background:#ddd; overflow: hidden; }

.search_result_list_wrap .result_list.type_img.big > ul > li .img_box {height: 18rem;}

.search_result_list_wrap .result_list.type_img > ul > li .img_box img { max-width:100%; min-height: 100%; object-fit: cover; }

.search_result_list_wrap .result_list.type_img > ul > li .text_area { width: 100%; }

.search_result_list_wrap .result_list.type_img > ul > li .img_box + .text_area { width: calc(100% - 20.4rem); }

.search_result_list_wrap .result_list.type_img > ul > li .refer {min-width:45%;}

.search_result_list_wrap .result_list.type_chk > ul > li { padding-left:4.9rem; }

.search_result_list_wrap .result_list.type_chk > ul > li.check::after { content:""; display: block; position:absolute; top:50%; left:0; width: 100%; height:calc(100% - 1.6rem); border-radius: 6px; background:#F7F8FA; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; }

.search_result_list_wrap .result_list.type_chk input[type='checkbox'] { position:absolute; left:1.7rem; width: 1.6rem; height:1.6rem; border:1px solid #B6B6B6; appearance: none; background:#fff; }

.search_result_list_wrap .result_list.type_chk input[type='checkbox']:checked { border-color:#2670E5;background:#2670E5; }

.search_result_list_wrap .result_list.type_chk input[type='checkbox']:checked::after { content:"\eb7b"; position:absolute; top: 50%; left:50%; color:#fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'remixicon' !important; }

.search_result_list_wrap .more_view_bx { display:block; padding:1.2rem 1rem 1.1rem; border:1px solid #D8D9DF; border-radius: 6px; background:#F7F8FA; text-align: center; color:#767676; font-size:1.6rem; letter-spacing: -0.01rem; -webkit-transition: all .3s; transition: all .3s; }

.search_result_list_wrap .more_view_bx:hover, .search_result_list_wrap .more_view_bx:focus { background:#fff;  }

.search_category_filter_wrap > div + div { margin-bottom: 1.6rem; } 

.category_list_wrap .category_btn { display: block; width: 100%; padding: .75rem 1.5rem; text-align: center; border-radius: 6px; background: #203969; overflow: hidden; color: #fff; font-size: 1.8rem; line-height: 1.5625; } 

.category_list_wrap .category_btn i { padding-left: 1rem; font-weight: 300; opacity: .4; } 

.category_list_wrap .category_list { position: absolute; right: 0; top: 0; width: 100%; background: #fff; z-index: 2; border: 1px solid #E1E1E1; border-radius: 6px; padding: 3.5rem 4rem; display: none; height: 100%; max-height: 163rem; overflow-y: auto; } 

.category_list_wrap .category_list.active { display: block; } 

.category_cls_btn { display: block; margin: auto; font-size: 2rem; font-weight: 700; color: #333; width: 14rem;; } 

.category_cls_btn i { padding-left: 1rem; font-weight: 400; opacity: .4; } 

.result_list_search_wrap { border: 1px solid #D8D9DF; background: #F7F8FA; border-radius: 6px; padding: 2rem; } 

.result_list_search_wrap strong { text-align: center; display: block; margin-bottom: 1rem; font-size: 1.7rem; font-weight: 700; color: #111; } 

.result_list_search_wrap .result_search_box { position: relative; } 

.result_list_search_wrap .result_search_box .form_textbox { padding-right: 4rem; } 

.result_list_search_wrap .input-group-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4rem; height: 4rem; text-align: center; line-height: 4rem; } 

.check_list_wrap { position:relative; }

.check_list_wrap > div + div { margin-top: 1.2rem; } 

.check_list_wrap .top_title {  position:absolute; bottom:calc(100% + 1.2rem); font-size:17px; line-height:20px; }

.check_list_wrap .tabs_list { display:flex; align-items: center; margin-bottom:1.2rem; background:#EAECEF; border-radius: 5px; }

.check_list_wrap .tabs_list button { flex:1; height:5rem; border-radius: 5px; font-size:1.5rem; text-align:center; letter-spacing: -0.02rem; }

.check_list_wrap .tabs_list .active { background:#145CD6; color:#fff; font-weight:600; }

.check_list_wrap .all_check_box { border: 1px solid #DDDDDD; background: #FFFFFF; border-radius: 5px; overflow: hidden; padding: 1rem 1.5rem}

.arcordian_check_box { border: 1px solid #DDDDDD; background: #FFFFFF; border-radius: 5px; } 

.arcordian_check_box .arc_btn { display: block; width: 100%; padding: 15px 30px 15px 20px; font-size: 17px; font-weight: 700; color: #111; position: relative; text-align: left; } 

/* .arcordian_check_box .arc_btn label { color: #111; font-size:1.7rem; }  */

.arcordian_check_box .arc_btn i { position: absolute; right: 1.5rem; top: 50%; color:#999; font-size:2rem; font-weight:400; transform: translateY(-50%); } 

.arcordian_check_box .check_list { border-top: 1px solid #E1E1E1; padding: 0 1.5rem; height: 0; overflow: hidden; opacity: 0; transition: .3s; } 

.arcordian_check_box.active .check_list { border-top: 1px solid #E1E1E1; padding: 1.5rem 2rem; height: auto; overflow: visible; opacity: 1; } 

.arcordian_check_box.active .check_list > li label { font-size:1.5rem; line-height:2.2rem; max-width: calc(100% - 3.8rem);}

.arcordian_check_box.active .check_list > li label > em { color: #155CD6; } 

.arcordian_check_box.active .check_list:has(.btn-more) { padding-bottom:0.6rem; }

.arcordian_check_box.active .arc_btn i { transform: translateY(-50%) rotate(180deg); } 

.arcordian_check_box .check_list li { position:relative; word-break: break-all; } 

.arcordian_check_box .check_list li + li { margin-top: .5rem; } 

.tags_search { position:relative; margin-bottom:1.4rem; }

.tags_search input[type="text"] { height:3.2rem; padding-left:3rem; border-radius: 2px; background:#F7F8FA; }

.tags_search::before { content:"\f0d1"; position:absolute; left:1rem; top:50%; color:#aaa; font-size:1.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'remixicon' !important; }

.btn-more-wrap { display: block; text-align:center; margin:1.4rem 0 0; padding: 0;}

.btn-more-wrap .btn-more { position: relative; display:inline-block; width:100%; padding:1rem 0; border-top:1px solid #EAEBED; color:#767676;font-size:1.5rem;text-align:center;-webkit-transition:all .3s;transition:all .3s;}

.btn-more-wrap .btn-more i { display:inline-block; vertical-align: middle; position:relative; top:-0.1rem; padding:0 0.3rem }

.btn-more-wrap .btn-more.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg);}

/*검색결과 없을 때*/
.s_search_wrap .box { border: 1px solid #E1E1E1; border-radius: 6px; padding: 4rem; } 

.s_search_wrap .box li { line-height: 2; } 

/*내정보*/
.edit_profile .dashbox { border: 1px solid #D8D9DF; background: #F7F8FA; border-radius: 10px; padding: 2.3rem 3rem; display: flex; align-items: center; } 

.edit_profile .dashbox .dnum { width: 7.4rem; height: 7.4rem; border-radius: 50%; background: linear-gradient(100deg, rgba(14,102,252,1) 0%, rgba(4,191,138,1) 100%); display: inline-block; text-align: center; display: table; table-layout: fixed; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.14px; float: left; } 

.edit_profile .dashbox .dnum > em { display: table-cell; vertical-align: middle; } 

.edit_profile .dashbox .txtp { overflow: hidden; padding-left: 2rem; } 

.edit_profile .dashbox .txtp > .name { color: #111111; font-size: 2.2rem; font-weight: bold; letter-spacing: -0.22px; } 

.edit_profile .dashbox .txtp > .name .point { margin-left: .8rem; } 

.edit_profile .dashbox .txtp em.point { color: #999999; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.16px; display: inline-block; vertical-align: middle; } 

.edit_profile .dashbox .txtp .info li { display: inline-block; vertical-align: middle; position: relative; padding-right: 2.3rem; } 

.edit_profile .dashbox .txtp .info li > * { display: inline-block; vertical-align: middle; } 

.edit_profile .dashbox .txtp .info li > span { color: #111; } 

.edit_profile .dashbox .txtp .info li > span:before { content: ''; display: inline-block; position: relative; top: -1px; width: 1px; height: 1.2rem; vertical-align: middle; background-color: #ddd; margin: 0 .8rem; } 

.edit_profile .dashbox .txtp .info li:after { width: 3px; height: 3px; background: #ddd; position: absolute; right: .6rem; top: 1.3rem; content: ''; } 

.edit_profile .bbox { border: 1px solid #D8D9DF; background-color: #fff; border-radius: 6px; padding: 3.2rem; position: relative; margin-top: 1rem; } 

.edit_profile .bbox.bg_color { background:#F4F5F9; }

.edit_profile .bbox.bg_color .desc { margin:1.6rem 0 2.4rem; color:#767676; }

.edit_profile .bbox.bg_color .search-box { margin:0; padding:0; background:rgba(0,0,0,0); }

.mydataInfo .title2 .info:before { content: ''; display: inline-block; position: relative; top: -1px; width: 1px; height: 1.6rem; vertical-align: middle; background-color: #ddd; margin: 0 1rem; } 

.mydataInfo .title2 .info { font-size: 1.5rem; letter-spacing: -0.15px; display: inline-block; vertical-align: middle; } 

.mydataInfo .title2 .info > span { color: #555555; } 

.mydataInfo .title2 .info > em { color: #999; font-weight: 400; } 

.edit_profile .bbox .more { top: 3rem; right: 3.5rem; position: absolute; } 

.mydataInfo .notiLst .list { border-top: 1px solid #E1E1E1; padding-top: 1.5rem; } 

.mydataInfo .notiLst .list > li { position: relative; padding-left: 1rem; } 

.mydataInfo .notiLst .list > li + li { margin-top: 1rem; } 

.mydataInfo .notiLst .list > li::before { content: ''; width: .4rem; height: .4rem; background: #999; position: absolute; top: 1.3rem; left: 0; } 

.mydataInfo .notiLst .list > li > a { display: block; padding-right: 16rem; line-height: 2.4rem; font-weight: 500; letter-spacing: -0.16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

.mydataInfo .notiLst .list > li > a > .days { position: absolute; right: 0; top: 0; color: #767676; font-size: 1.5rem; font-weight: 400; } 

.mydataInfo .notiLst .list > li > a:hover { text-decoration: underline; color: #000; } 

.mydataInfo .division { overflow: hidden; } 

.mydataInfo .division > * { height: 45.2rem; float: left; width: calc(100% + 1rem); } 

.mydataInfo .division .w35 { width: calc(40% - 1rem); margin-right: 1rem; padding: 3.5rem 1rem 1rem; } 

.mydataInfo .division .w65 { width: 60%; } 

.Mypage_wrap .contents_util { margin: 5.1rem 0 4rem; } 

/*데이터관리*/
.mdLst2 > li { border: 1px solid #E1E1E1; border-radius: 5px; background-color: #fff; padding: 3rem 3.5rem; position: relative; } 

.mdLst2 > li + li { margin-top: 1rem; } 

.mdLst2 > li .tit { font-size: 2.1rem; font-weight: bold; letter-spacing: -0.21px; color: #111111; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: .3rem; } 

.information { overflow: hidden; margin-bottom: 1rem; } 

.information > li { position: relative; padding-right: 1.8rem; float: left; font-size: 1.5rem; line-height:1.8rem; letter-spacing: -0.15px; } 

.information > li:after { position: absolute; width: 3px; height: 3px; background: #ddd; /*top: 1.1rem;*/top: 0.8rem; right: 0.75rem; content: ''; } 

.information > li:last-child { padding-right: 0; } 

.information > li:last-child:after { display: none; } 

.information > li > span { color: #555555; } 

.information > li > span:before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1rem; margin: 0 .5rem 0 .2rem; background-color: #E1E1E1; content: ''; vertical-align: middle; } 

.mdLst2 > li .depth { color: #767676; letter-spacing: -0.16px; font-size: 1.6rem; } 

.mdLst2 > li .checknote { display: flex; margin-top: 1rem !important; } 

.mdLst2 > li .checknote > li { position: relative; padding-right: 3rem; } 

.mdLst2 > li .checknote > li:last-child { padding-right: 0; } 

.mdLst2 > li .checknote > li:after { content: ''; border-top: 2px dotted #D1D4DB; position: absolute; top: 1.3rem; right: .8rem; width: 1.2rem; } 

.mdLst2 > li .checknote > li:last-child:after { display: none; } 

.mdLst2 > li .checknote > li em[class*="co"] { color: #555555; padding: 4px 1rem 4px 1rem; line-height: 1.2; font-weight: 500; letter-spacing: -0.25px; display: inline-block; border-radius: 5px; margin-right: 1px; max-width: 17rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; font-weight: 500; border: 1px solid #155CD6; font-size: 1.55rem; } 

.mdLst2 > li .checknote > li em[class*="co"]:before { width: .6rem; height: calc(100% + 2px); z-index: 1; background: #155CD6; content: ''; position: absolute; left: -1px; top: -1px; } 

.mdLst2 > li .checknote > li em.co2 { border-color: #1DBB8F; } 

.mdLst2 > li .checknote > li em.co2:before { background: #1DBB8F; } 

.mdLst2 > li .checknote > li em.co3 { border-color: #19A2BB; } 

.mdLst2 > li .checknote > li em.co3:before { background: #19A2BB; } 

.mdLst2 > li .checknote > li em.co4 { border-color: #335AA4; } 

.mdLst2 > li .checknote > li em.co4:before { background: #335AA4; } 

.mdLst2 > li .checknote > li em.co5 { border-color: #7C54C2; } 

.mdLst2 > li .checknote > li em.co5:before { background: #7C54C2; } 

.mdLst2 > li .checknote > li i { color: #A0AEC9; font-size: 1.6rem; vertical-align: middle; font-weight: 300; } 

.mdLst2 > li .checknote > li > * { display: inline-block; vertical-align: middle; } 

.mdLst2 > li .checknote > li > span { font-weight: 500; position: relative; font-size: 1.5rem; } 

.mdLst2 > li .checknote > li .exp { position: absolute; left: 100%; top: -1.7rem; background-color: #fff; padding: 8px; border: 1px solid #AAAAAA; border-radius: 5px; z-index: 2; line-height: 1; font-weight: 300; font-size: 1.4rem; width: 33rem; letter-spacing: -0.14px; color: #555555; display: none; margin-left: 1rem; line-height: 1.4; } 

.mdLst2 > li .checknote > li .exp:before { width: 8px; height: 8px; content: ''; position: absolute; left: -0.7rem; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: #fff; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); top: 50%; } 

.mdLst2 > li .checknote > li > span.notip:hover .exp { display: block; } 

.mdLst2 > li .checknote > li > span.notip { cursor: pointer; } 

.mdLst2 > li .modify { margin-top: 1.5rem; } 

.mdLst2 > li .modify > a { display: inline-block; vertical-align: middle; margin: 0; } 

.mdLst2 > li .modify > a.btns.type { background: #EFF1F5; color: #D1D4DB; border-color: #EFF1F5}

.mdLst2 > li .modify > div { display: inline-block !important; } 

.mdLst2 > li .modify > div > div { display: inline-block; vertical-align: middle; } 

.mdLst2box { position:relative; border: 1px solid #e1e1e1; }

.mdLst2box::after { content:""; clear: both; display:table; }

.mdLst2box p { padding-right:20rem; color:#111; font-size: 2rem; font-weight: bold; word-break: break-all; line-height:2.9rem; float: none; } 

.mdLst2box p em { font-size: 1.6rem; } 

.mdLst2box p br { display:none; }

.mdLst2box .information { margin-top: 1.4rem; margin-bottom: 0; } 

.mdLst2box > * { float: none; display: block; } 

.mdLst2box > span { float: none; } 

.mdLst2box > span > i { background: #155CD6; } 

.mdLst2box .desc_btn { position:absolute; right:2.8rem; top:4rem; }

.mdLst2box .desc_btn.bk_btn { top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mdLst2box .hidden_desc { position:relative; margin-top:3rem; padding:2.8rem 0 0; color:#767676; font-size:1.5rem; letter-spacing: -0.01rem; }

.mdLst2box .hidden_desc::before { content:""; display:block; position:absolute; top:0; left:50%; width:calc(100% + 5.6rem); height:1px; background:#e1e1e1; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.mdLst3box { padding:1.5rem 2rem; }

.mdLst3box::after { content:""; clear: both; display:table; }

.mdLst3box > em { display:inline-block; vertical-align: middle; padding:0.5rem 0 0; }

.edit_profile textarea { border: 1px solid #E1E1E1; border-radius: 6px; width: 100%; padding: 2rem; } 

.edit_sec .board_list.type2 { padding: 1.6rem 2.8rem; border: 1px solid #D8D9DF; border-radius: 6px; background: #F7F8FA; } 

.edit_profile .edit_sec .board_list.type2 .dele { float: right; margin: 0; } 

.edit_sec .board_list.type2.selected { border-color: #66789B; box-shadow: 0px 0px 20px rgba(182, 192, 200, 0.2); background: #fff; } 

.edit_sec .board_list.type2 input { background: #EAECEF; } 

.edit_sec .board_list.type2.selected input { background: #fff; } 

.edit_sec .board_list.type2 .diagram_b { color: #A0AEC9; font-size: 1.7rem; margin-left: -2rem; } 

.mdLst2.type2 > li { overflow: hidden; padding: 0; position: relative; } 

.mdLst2 > li.nodata { padding: 2rem; font-size: 1.8rem; } 

.mdLst2.type2 > li .style1 { float: left; width: calc(100% - 16rem); padding: 3rem; border-right: 1px solid #eee; } 

.mdLst2.type2 > li .choice { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16rem; text-align: center; } 

.mdLst2.type2 > li .choice > * { text-align: center; min-width: 9rem; margin: 0; } 

.mdLst2.type2 > li .depth { margin-bottom: 0; } 

.mdLst.type3 .box1 { width: 100%; } 

.mdLst.type3 > li .tit { font-size: 2.1rem; letter-spacing: -0.21px; } 

.mdLst.type3 > li .icon_type1 i { background-color: #203969 !important; } 

.icon_type2 i { background-color: #04BB8F !important; } 

.icon_type3 i { background-color: #155CD6 !important; } 

.icon_type4 i { background-color: #E26949 !important; } 

/*참조데이터 목록 샘플 건수*/
.refList > i[class^="st"] { border: 1px solid #DDDDDD; background: #fff; height: 2.2rem; line-height: 2rem; border-radius: 2px; padding: 0 0.8rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.14px; display: inline-block; margin-right: 0.8rem; border-radius: 2px; } 

.refList > i.st2 { color: #00A081; } 

/*신청목록조회 상세*/
.accordion .group + .group { margin-top: .6rem; } 

.accordion .group .label { display: block; position: relative; padding: 1.5rem 1.8rem; font-weight: 500; letter-spacing: -0.16px; border-radius: 6px; border: 1px solid #D8D9DF; } 

.accordion .group .label > span { color: #767676; font-weight: 400; font-size: 1.4rem; } 

.accordion .group.active .label { border-radius: 6px 6px 0 0; } 

.accordion .group .label > span:before { display: inline-block; position: relative; margin: 0 .65rem; height: 1rem; width: 1px; background: #e1e1e1; top: -1px; content: ''; vertical-align: middle; } 

.accordion .group .label:after { content: '\ea4e'; position: absolute; font-size: 2.2rem; -webkit-transition: all .3s; transition: all .3s; font-family: 'remixicon'; right: 1.5rem; top: 1rem; } 

.accordion .group.active .label:after { content: '\ea78'; } 

.accordion .group .item { border: 1px solid #D8D9DF; border-radius: 0px 0px 6px 6px; visibility: hidden; opacity: 0; height: .0; width: 0; position: relative; border-top: 0 none; background: #F7F8FA; } 

.accordion .group.active .item { visibility: visible; opacity: 1; height: auto; width: auto; -webkit-transition: all 0.2s; transition: all 0.2s; padding: 2.8rem; } 

.edit_sec .title2 .info1 { font-size: 1.5rem; letter-spacing: -0.15px; color: #555; font-weight: 400; display: inline-block; vertical-align: middle; } 

.edit_sec .title2 .info1:before { content: ''; width: 1px; height: 1.6rem; margin: 0 1rem; background: #e1e1e1; display: inline-block; vertical-align: middle; position: relative; } 

.edit_sec .title2 .info1 strong { font-weight: 600; } 

.edit_sec .title2 .info1 em { color: #999; margin-right: 4px; } 

/*bullet*/
.bul1 > li { padding-left: 1.5rem; position: relative; } 

.bul1 > li:before { content: ''; width: .5rem; height: .5rem; background: #B2BBCD; top: 1.35rem; position: absolute; left: 0; } 

/*최근검색기록*/
.top_btn_area { overflow: hidden; padding-bottom: 1.25rem; border-bottom: 1px solid #aaa}

.top_btn_area .tab_list { float: left; } 

.top_btn_area .tab_list li { display: inline-block; position: relative}

.top_btn_area .tab_list li + li { margin-left: 3rem; } 

.top_btn_area .tab_list li + li:before { content: ''; position: absolute; left: -1.55rem; top: 10px; width: 1px; height: 15px; background: #777}

.top_btn_area .tab_list li a { font-size: 2.2rem; font-weight: 700; color: #767676; } 

.top_btn_area .tab_list li a:hover, .tab_btn_box .tab_list li a:focus { color: #666; } 

.top_btn_area .tab_list li.active a { color: #155CD6; font-weight: 700; text-decoration: underline; } 

.top_btn_area .btn_area { float: right}

.top_btn_area .btn_area button { padding: .5rem 1.5rem; border: 1px solid #bbb; border-radius: 5px}

/*다운로드한데이터*/
.download_history_wrap .top_btn_area { border-bottom: 1px solid #ddd; } 

.download_history_wrap .top_btn_area .form_radio_list.type2 { float: left}

.day_wrap { margin-top: 3rem; } 

.day_info { position: relative; margin-bottom: 1rem; padding-bottom: 1rem}

.day_info.on { border-bottom: 1px solid #DDDDDD}

.day_info p { font-size: 2.2rem; font-weight: 700; color: #1A3871}

.day_info p .date { font-size: 1.5rem; font-weight: 400; color: #999999; padding-left: 2rem; vertical-align: middle; position: relative}

.day_info p .date:before { content: ''; position: absolute; left: 1rem; top: 3px; width: 1px; height: 12px; background: #999}

.day_info button { position: absolute; right: 0; top: 0; min-width: inherit}

.day_info.on + .file_list { height: 0; overflow: hidden; opacity: 0; } 

.day_info + .file_list { height: auto; overflow: visible; opacity: 1; transition: .2s; } 

.file_list > ul > li { border: 1px solid #E1E1E1; border-radius: 1rem; position: relative; padding-left: 11rem; } 

.file_list > ul > li:after { content: ''; clear: both; display: block; } 

.file_list > ul > li + li { margin-top: 1rem; } 

.file_list .file_icon { position: absolute; left: 0; top: 0; width: 11rem; height: 100%; border-right: 1px solid #E1E1E1; text-align: center}

.file_list .file_icon span { display: inline-block; width: 6rem; height: 6rem; background: #F7F8FA; border-radius: 100%; text-align: center; line-height: 6rem; transform: translateY(calc(50% + .75rem)); position: relative}

.file_list .file_icon span img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-51%); width: 3.4rem; height: 3.4rem; } 

.file_list .file_info { padding: 2rem; width: calc(100% - 8rem); } 

.file_list .file_info .tit { font-size: 1.7rem; font-weight: 600; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin-bottom: .5rem}

.file_list .file_info .info { margin-bottom: 1.5rem}

.file_list .file_info .info li { display: inline-block; } 

.file_list .file_info .info li + li { margin-left: 1.5rem; position: relative}

.file_list .file_info .info li + li:before { content: ''; position: absolute; left: -1rem; top: 10px; width: 3px; height: 3px; background: #DDDDDD}

.file_list .file_info .info li { font-size: 1.3rem; font-weight: 400; color: #555555}

.file_list .file_info .info li span { font-weight: 500; color: #333; padding-right: 1rem; position: relative}

.file_list .file_info .info li span:before { content: ''; position: absolute; right: .5rem; top: 3px; width: 1px; height: 8px; background: #E1E1E1}

.file_list .file_down li { display: inline-block}

.file_list .file_down li + li { margin-left: 1.5rem; position: relative}

.file_list .file_down li + li:before { content: ''; position: absolute; left: -1rem; top: 8px; width: 1px; height: 10px; background: #DDDDDD}

.file_list .file_down li a { font-size: 1.4rem; font-weight: 400; color: #333}

.file_list .file_down li a:hover, .file_list .file_down li a:focus { text-decoration: underline; color: #fff; } 

.file_list .delete_btn { position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); font-size: 3rem; color: #D1D4DB; font-weight: 300}

.file_list .delete_btn:hover, .file_list .delete_btn:focus { color: #333; } 

/*데이터활용신청*/
.tit_edit { overflow: hidden; margin: 5rem 0 2rem; } 

.tit_edit .title2 { margin: 0; float: left; } 

.tit_edit *[class*="btn"] { float: right; margin: 0; height: 3.3rem; line-height: 3.2rem; } 

.tit_edit *[class*="btn"] + *[class*="btn"] { margin-right: .5rem; } 

.cleandata { padding: 4rem 3rem; border: 1px solid #e1e1e1; border-radius: 5px; display: block; text-align: center; font-weight: 500; font-size: 1.85rem; } 

textarea { resize: none; } 

.textarea {padding:1.2rem;width:100%;min-height: 10rem;border-radius:5px;font-size: 1.5rem;color: #555;background-color: #fff;border: 1px solid #D8D9DF;vertical-align: top;}

/*open api*/
.apibox { border-radius: 6px; background: #F4F5F9; text-align: center; padding: 2.4rem 1rem; font-size: 1.7rem; font-weight: 500; color: #555; word-break: keep-all; } 

.apibox > i { display: inline-block; vertical-align: middle; margin-right: 1.2rem; } 

.circleBox .border_box .subtt { text-align: center; } 

.circleBox .border_box .subtt > span { border: 1px solid #aaa; border-radius: 17px; padding: .6rem 1.4rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.18px; color: #111; } 

.circleBox .border_box .conlist { width: calc(100% + 6rem); margin-top: 2rem; } 

.circleBox .border_box .conlist > li { width: 50%; float: left; padding-right: 6rem; margin-bottom: .7rem; } 

.circleBox .border_box .conlist > li .num { float: right; } 

.circleBox .border_box .conlist > li > span[class*="tt"] { position: relative; padding-left: 2.1rem; } 

.circleBox .border_box .conlist > li > span[class*="tt"]:before { content: ''; width: 1.5rem; height: 1.5rem; border-radius: 50%; position: absolute; top: .3rem; left: 0; background: #31B8EB; } 

.circleBox .border_box .conlist > li > span.tt2:before { background: #6771DC; } 

.circleBox .border_box .conlist > li > span.tt3:before { background: #C767DC; } 

.circleBox .border_box .conlist > li > span.tt4:before { background: #2352AC; } 

.circleBox .border_box .conlist > li > span.tt5:before { background: #188CFB; } 

.circleBox .border_box .conlist > li > span.tt6:before { background: #4DB6AC; } 

.circleBox .border_box .conlist > li > span.tt7:before { background: #9FC257; } 

.circleBox .border_box .conlist > li > span.tt8:before { background: #F48FB1; } 

.circleBox .border_box .conlist > li > span.tt9:before { background: #8563C1; } 

.cont_table td.txt_left .bul1 > li > span { vertical-align: middle; margin-right: 1rem; display: inline-block; } 

.cont_table.scroll_x td.txt_left .bul1 > li > span:first-child { vertical-align: top; } 

.cont_table.scroll_x td.txt_left .bul1 > li textarea { padding: 1rem; border: 1px solid #ddd; border-radius: 5px; } 

.cont_table td.txt_left .bul1 > li + li { margin-top: 1rem; } 

.cont_table td.txt_left .bul1 > li .form_textbox { vertical-align: middle; } 

.cont_table.scroll_x td.txt_left .bul1 > li:before { top: 1.25rem; } 

.scroll_y { overflow-y: auto; max-height: 40rem; } 

div[id*="tab5-"] { display: none; padding-top: .5rem; } 

div[id*="tab5-"].active { display: block; } 

div[id*="ky"] { display: none; margin-top: 2rem; } 

div[id*="ky"].active { display: block; } 

.bx { border: 1px solid #E1E1E1; padding: 3rem; margin: 2rem 0; border-radius: 6px; } 

.mgb20 { margin-bottom: 2rem; } 

.mgb10 { margin-bottom: 1rem; } 

/*sitemap*/
.sitemap > ul { overflow: hidden; width: calc(100% + 4rem); } 

.sitemap > ul > li { width: 25%; float: left; padding-right: 4rem; margin-bottom: 5.8rem; } 

.sitemap > ul > li .depth-1 { border: 1px solid #155CD6; text-align: center; color: #155CD6; font-weight: bold; font-size: 1.9rem; letter-spacing: -0.19px; width: 100%; height: 6rem; line-height: 6rem; } 

.sitemap > ul > li:nth-child(5) { clear: both; } 

.sitemap > ul > li .depth-2 > li > a { display: block; font-weight: 500; color: #383B40; padding: 1.5rem 2rem; border-bottom: 1px solid #DDDDDD; font-size: 1.7rem; } 

.sitemap > ul > li .depth-3 { padding: 2rem; background: #F7F9FA; border-bottom: 1px solid #ddd; } 

.sitemap > ul > li .depth-3 > li { position: relative; padding-left: 1rem; } 

.sitemap > ul > li .depth-3 > li + li { margin-top: .5rem; } 

.sitemap > ul > li .depth-3 > li::before { background: #727272; width: 3px; height: 3px; content: ''; position: absolute; top: 1rem; left: 0; } 

.sitemap > ul > li .depth-3 > li > a { display: block; color: #727272; letter-spacing: -0.16px; } 

.agree.ver3 .item { max-height: inherit; } 

.txp.block { font-size: 1.7rem; color: #555; } 

.agree.ver3 .item .bul2 { padding-left: 1rem; color: #555; margin: .4rem 0; font-size: 1.6rem; } 

/* 영역 */
.items { display:flex; align-items: center; flex-wrap: wrap; }

.items > article { flex:1; }

.items .txt { display: block; text-align: center; }

/*오시는길*/
#map > div { width: 100%; max-width: 100%; } 

#map .map_address { background: #F8F9FA; padding: 1.8rem 3rem; position: relative; } 

.root_daum_roughmap .wrap_controllers { display: none; } 

#map .map_address li { display: inline-block; vertical-align: middle; margin-right: 3rem; } 

#map .map_address li i { color: #CECECE; font-size: 2.2rem; vertical-align: middle; display: inline-block; margin-right: 3px; } 

#map .map_address li strong { font-size: 1.8rem; color: #333B43; vertical-align: middle; display: inline-block; } 

#map .map_address li span { font-size: 1.8rem; color: #555555; vertical-align: middle; display: inline-block; padding-left: 2.4rem; position: relative; } 

#map .map_address li span:before { content: ''; width: .4rem; height: .4rem; background: #ddd; position: absolute; left: 1rem; top: 1.1rem; } 

#map .map_address .txt { border: 1px solid #E1E1E1; border-radius: 5px; background: #fff; width: 13.5rem; height: 4.6rem; display: inline-block; position: absolute; right: 3rem; top: 1.2rem; text-align: center; color: #111111; font-weight: bold; padding-top: .8rem; } 

#map .map_address .txt img { width: 2.2rem; height: 2.2rem; margin-right: 8px; margin-top: -3px; } 

#map .map_address .txt i { vertical-align: middle; font-size: 2rem; font-weight: 500; } 

.map_img { outline: 1px solid #E1E1E1; } 

.map_img > p > span { display: inline-block; width: 50%; } 

.map_img .etc { background: #F8F9FA; border-top: 1px solid #E1E1E1; color: #555; padding: 2.4rem; } 

.map_img .etc > em { background: #A87C25; width: 2rem; height: 2rem; color: #fff; border-radius: 50%; display: inline-block; text-align: center; line-height: 2rem; font-size: 1.5rem; font-weight: 400; margin: 0 3px; } 

.title4 > i { vertical-align: middle; margin-right: 6px; font-size: 2rem; font-weight: 300; display: inline-block; margin-top: -4px; } 

.traffic .search-box .form_textbox { width: 30rem; margin: 0 .8rem; } 

.traffic .search-box .ri-arrow-right-line { background: #6C757D; color: #fff; text-align: center; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; border-radius: 50%; margin: .8rem 0; float: left; } 

.traffic ul[class*="list"] { display: table; table-layout: fixed; width: 100%; border: 1px solid #E1E1E1; } 

.traffic ul[class*="list"] > li { display: table-cell; vertical-align: middle; text-align: center; } 

.traffic ul[class*="list"] > li + li { border-left: 1px solid #e1e1e1; } 

.traffic .list1 li { padding: 2.6rem 1rem; } 

.traffic .list1 li em { display: block; font-weight: bold; } 

.traffic .list2 { background: #F8F9FA; } 

.traffic ul.list2 li { padding: 2.6rem 3rem; text-align: left; color: #111111; } 

.traffic ul.list2 li span { float: left; line-height: 1.4; } 

.traffic ul.list2 li span > i { color: #6C757D; vertical-align: middle; display: inline-block; margin: -5px 0 0 3px; } 

.traffic ul.list2 li .txt { background: #fff; border: 1px solid #E1E1E1; border-radius: 5px; padding: .8rem 1.4rem .5rem 1.8rem; font-weight: 500; float: right; -webkit-transition: all .2s; transition: all .2s; } 

.traffic ul.list2 li .txt i { font-size: 2rem; vertical-align: middle; } 

.traffic ul.list2 li .txt:hover { background: #111; color: #fff; border-color: #333; } 

/*통합검색 추가*/
.m_check_list_open { display: none}

/*공통*/
.agree .item p span .num { font-size: 1.4rem; padding-right: 3px}

.board_list.type3 { border: 1px solid #D8D9DF; background-color: #fff; border-radius: 6px; padding: 2.4rem 2.4rem 2.4rem 2rem; overflow: visible; position: relative; } 

.board_list.type3 .tstyle_write th { border-bottom: 0 none; font-weight: 400; line-height: 1.2; text-align: left; vertical-align: top; padding-top: 1.3rem; } 

td .btns.type2 { background: #fff; border: 1px solid #D8D9DF; color: #333; padding: 0 1.2rem}

.btns.type2 > i { margin-right: 0; } 

/*회원가입*/
.icon_top_box { border: 1px solid #D8D9DF; background: #F7F8FA; border-radius: 1rem; padding: 3rem 4rem; display: table; width: 100%}

.icon_top_box .desc { display: inline-block; vertical-align: middle; padding-left: 2.5rem; width: calc(100% - 10rem); } 

.icon_top_box .desc .tit { font-size: 2.3rem; font-weight: 700; color: #333; display: block}

.icon_top_box .desc .txt { font-size: 1.7rem; color: #555; word-break: keep-all; } 

.icon_top_box .icon { display: inline-block; width: 10rem; height: 10rem; border-radius: 100%; background: #fff; text-align: center; padding-top: 3rem}

.gradientbox.icon_right_bx { padding:9.4rem 12.4rem; border-radius: 15px; }

.gradientbox.icon_right_bx::after { content:""; display:table; clear: both; }

.gradientbox.icon_right_bx .desc { display:inline-block; vertical-align: middle; width: calc(100% - 39rem); padding:0 2rem 0 0; }

.gradientbox.icon_right_bx .desc .tit, .gradientbox.icon_right_bx .desc .txt { max-width:53rem; }

.gradientbox.icon_right_bx .desc .tit { padding-bottom:2.3rem; font-size:3.6rem; line-height:4.2rem; }

.gradientbox.icon_right_bx .desc .txt { color:#111; font-size:1.8rem; }

.gradientbox.icon_right_bx .icon { display:inline-block; vertical-align: middle; width: 38rem; height:41rem; }

.gradientbox.type_txt { padding:6rem; border-radius: 15px; }

.gradientbox.type_txt .tit { display:inline-block; vertical-align: middle; margin-right:0.9rem; font-size:3rem; line-height:3.5rem; letter-spacing: -0.01rem; }

.gradientbox.type_txt .s_blue { color:#3176EB; font-size:1.8rem; }

.gradientbox.type_txt .txt { margin-top:2.4rem; font-size:1.8rem; line-height:2.7rem; }

/*연구개발성과*/
.Rsrch-box .box { border: 1px solid #D8D9DF; border-radius: 10px; background: #F7F8FA; padding: 4rem 5rem; overflow: hidden; }

.Rsrch-box .box.bg-white { background: #fff; }

.Rsrch-box .box .inn { float: left; width: calc(100% - 32rem); } 

.Rsrch-box .box .img { float: right; } 

.Rsrch-box .box .tt { display: block; color: #111111; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.24px; padding-bottom: 1.2rem; position: relative; margin-bottom: 2rem; } 

.Rsrch-box .box .tt:before { content: ''; position: absolute; bottom: 0; left: 0; height: .4rem; width: 5rem; background: #1A3871; } 

.Rsrch-box .box span { display: block; color: #555; } 

.Rsrch-box .box span + span { margin-top: 1.5rem; } 

.Rsrch-box .title2 { padding-bottom: 2rem; border-bottom: 1px solid #AAAAAA; margin-bottom: 0; } 

.Rsrch-box .system { overflow: hidden; display: flex; align-items: center; } 

.Rsrch-box .system .depth { background: #043A84; width: 19.3rem; height: 19.3rem; border-radius: 50%; float: left; text-align: center; color: #fff; word-break: keep-all; font-size: 1.9rem; font-weight: 500; padding: 2rem; display: flex; align-items: center; line-height: 1.4; } 

.Rsrch-box .system .txtbox { float: left; width: calc(100% - 19.3rem); padding-left: 6rem; } 

.Rsrch-box .system .txtbox > li + li { border-top: 1px solid #ddd; } 

.Rsrch-box .system .txtbox > li { padding: 2rem 0; position: relative; } 

.Rsrch-box .system .txtbox > li span { display: block; color: #555555; } 

.Rsrch-box .system .txtbox > li > em { border-radius: 20px 20px 20px 0; background: #E5E5E5; display: inline-block; font-weight: bold; font-size: 1.7rem; letter-spacing: -0.17px; padding: .5rem 1.8rem; margin-bottom: 1.2rem; } 

.Rsrch-box .system .txtbox > li > div { padding-right: 26rem; overflow: hidden; } 

.Rsrch-box .system .txtbox > li > div > strong { font-weight: bold; font-size: 1.7rem; color: #555; display: block; float: left; width: 10rem; } 

.Rsrch-box .system .txtbox > li > div > span { float: left; width: calc(100% - 10rem); } 

.Rsrch-box .system .txtbox > li a { border: 1px solid #ddd; width: 16.2rem; height: 4.8rem; text-align: center; line-height: 4.6rem; color: #555555; font-size: 1.5rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #fff; transition: all .3s; } 

.Rsrch-box .system .txtbox > li a:hover, .Rsrch-box .system .txtbox > li a:focus { border-color: #000; color: #000; } 

.Rsrch-box .system .txtbox > li a > i { color: #767676; vertical-align: middle; margin-left: .4rem; } 

.bullet > li { position: relative; display: block; padding-left: 1.2rem; color: #555555; } 

.bullet > li+li { margin-top: 5px; } 

.bullet > li:before { content: '-'; vertical-align: middle; display: inline-block; left: 0; position: absolute; } 

.Rsrch-box .mob { display: none; } 

.Rsrch-box .pc, .Rsrch-box .mob { padding: 4rem 0; } 

.Rsrch-box .procedure { overflow: hidden; width: calc(100% + 3.2rem); padding-top: 2rem; } 

.Rsrch-box .procedure > li { width: calc(25% - 3.2rem); float: left; margin-right: 3.2rem; } 

.Rsrch-box .procedure > li > p { border: 1px solid #A0AEC9; border-radius: 10px; height: 6rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #333; letter-spacing: -0.18px; font-family: 'semiBold'; word-break: keep-all; line-height: 1.2; padding: 1rem; text-align: center; } 

.Rsrch-box .procedure > li > span { display: block; margin-top: 1rem; text-align: center; word-break: keep-all; letter-spacing: -0.1px; line-height: 1.4; padding: 0 5px; } 

.Rsrch-box .procedure > li:nth-child(n+5) { margin-top: 3.4rem; } 

/*필수항목입니다*/
em.error { line-height: 1.2; font-size: 1.2rem; color: #dc3545; display: block; font-weight: 500; padding: 0.5rem 0; } 

/*에러페이지*/
.errorPage { position: fixed; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } 

.errorPage .errortxt { display: block; color: #155CD6; font-weight: 900; font-size: 3.5rem; margin-bottom: 1.8rem; } 

.errorPage .title3 { font-size: 2.5rem; margin-top: 5rem; } 

.errorPage .depth { font-size: 1.6rem; color: #767676; } 

.errorPage .btn { width: 22.6rem; font-weight: bold; line-height: 5rem; border: 2px solid #222; background: #222; } 

.errorPage .btn:hover { color: #fff; } 

.errorPage .btn1 { background: #fff; color: #222; } 

.errorPage .btn1:hover { color: #222; } 

/* .result_list .tit_box { margin-bottom: 3rem; border: 1px solid #D8D9DF; padding: 0.75rem 1.5rem; border-radius: 6px; position: relative; background: #F7F8FA; color: #203969; font-weight: bold; font-size: 1.8rem; display: block; line-height: 1.8; } 

.result_list .tit_box > i { vertical-align: middle; font-weight: 400; margin-right: 6px; display: inline-block; margin-top: -2px; }  */

.result_list .tit_box { margin-bottom: 2rem; border-radius: 6px; position: relative; color: #203969; font-weight: bold; font-size: 1.8rem; display: inline-block; vertical-align:middle; line-height: 1.8; }

.result_list .tit_box > i { vertical-align: middle; font-weight: 400; margin-right: 6px; display: inline-block; margin-top: -2px; }

.btn_line.bioexpress { margin: 0 0 2rem 0; background: linear-gradient(112deg, rgba(18,104,250,1) 0%, rgba(29,186,143,1) 100%); color: #fff; }

.no-data { border: 1px solid #E1E1E1; height: 24rem; display: table; table-layout: fixed; width: 100%; padding: 2.8rem 4rem; } 

.no-data > span { display: table-cell; vertical-align: middle; text-align: center; position: relative; color: #999; font-size: 1.7rem; padding-top: 3rem; } 

.no-data > span:before { content: "\ea99"; font-family: 'remixicon'; color: #DBDBDB; font-size: 4rem; position: absolute; top: 3.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } 

.inWrap { padding: 0 2rem 2rem 2rem; border: 1px solid #ddd; border-radius: 5px; background: #eee; width: calc(100% - 3rem); position: relative; } 

.inWrap .th { font-weight: 400; line-height: 1.2; padding-bottom: 1rem; display: inline-block; } 

.inWrap .th .tooltip { padding-top: 0; z-index: 1; } 

.Lst1 { overflow: hidden; } 

.Lst1 { margin-top: 2rem; } 

.inWrap .exp_b { position: absolute; right: -4rem; top: 0; } 

.inWrap .exp_b > * { display: block; width: 2.8rem; height: 2.8rem; border-radius: 100%; border: 1px solid #D8D9DF; line-height: 2.8rem; margin-bottom: 5px; } 

.board_list.type2 .sbox { padding: 2rem !important; background: #eee; border-radius: 10px; } 

.board_list.type2 .sbox table .stit { font-weight: 500; font-size: 1.8rem; padding: 0; } 

/*소개페이지*/
.gradientbox { border: 0 none; background: transparent linear-gradient(116deg, rgba(14, 102, 252, 0.08) 0%, rgba(4, 191, 138, 0.08) 100%) 0% 0% no-repeat padding-box; padding: 6rem 6rem 6.5rem; } 

.gradientbox .icon { padding-top: 0; line-height: 18rem; width: 18rem; height: 18rem; text-align: center; padding-top: 0; vertical-align: top; } 

.gradientbox .desc { width: calc(100% - 18rem); padding-left: 4rem; } 

.gradientbox .desc strong { display: block; font-size: 3rem; letter-spacing: -0.3px; color: #111111; padding-bottom: 1.8rem; } 

.sevlst { overflow: hidden; width: calc(100% + 1.6rem); } 

.sevlst li { border-radius: 20px; border: 1px solid #ddd; width: calc(50% - 1.6rem); margin-right: 1.6rem; float: left; height: 10rem; display: table; table-layout: fixed; margin-bottom: 1.6rem; } 

.sevlst li em { background-color: #1A3871; color: #fff; width: 4.2rem; height: 4.2rem; text-align: center; line-height: 4.2rem; display: inline-block; border-radius: 50%; font-size: 1.8rem; font-weight: bold; vertical-align: middle; margin-right: .8rem; } 

.sevlst li>div { display: table-cell; vertical-align: middle; padding: 2.8rem 1rem 2.8rem 2.2rem; font-size: 1.8rem; letter-spacing: -0.18px; } 

.sevlst li>div span { overflow: hidden; display: inline-block; vertical-align: middle; width: calc(100% - 6rem); } 

.img.pdb10.block.scroll_x img { min-width: 760px; } 

/*API*/
.apidiagram { background-color: #F7F8FA; text-align: center; padding: 1.5rem 1rem; border-radius: 10px; overflow: hidden; position: relative; } 

.apidiagram .txt { display: inline-block; position: absolute; color: #fff; z-index: 1; font-size: 1.8rem; top: 50%; transform: translate(-50%,-50%); left: 50%; } 

.apidiagram .txt:before { content: ''; background: url(../../../resources/image/service/content/posi.png) no-repeat center/cover; width: 14.3rem; height: 8.2rem; position: absolute; top: 50%; left: -1.5rem; z-index: -1; transform: translateY(-50%); } 

.apidiagram .img { width: 50%; float: left; padding: 2rem; } 

.apidiagram .txt br { display: none; } 

#api2 .Rsrch-box .box .tt { padding-bottom: 0; } 

#api2 .Rsrch-box .box .tt:before { display: none; } 

#api2 .box .apiStep { overflow: hidden; width: calc(100% + 3rem); } 

#api2 .box .apiStep li { width: calc(25% - 3rem); margin-right: 3rem; float: left; border: 1px solid #A0AEC9; border-radius: 10px; background: #fff; min-height: 10rem; display: table; table-layout: fixed; position: relative; } 

#api2 .box .apiStep li::before { content: ''; background: url(../../../resources/image/service/content/right_icon.png) no-repeat center/cover; position: absolute; right: -2.3rem; top: 50%; width: 1.3rem; height: 1.7rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

#api2 .box .apiStep li:last-child::before { display: none; } 

#api2 .box .apiStep li > span { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.4px; color: #333333; padding: 1rem; width: 100%; } 

#api2 .box .apiStep li > span img { margin-right: 7px; } 

#api2 .box .apiStep li:last-child { border-color: #155CD6; } 

#api2 .box .apiStep li:last-child span { color: #155CD6; } 

.box-1 { overflow: hidden; border: 1px solid #E1E1E1; border-radius: 6px; padding: 3rem 5rem; } 

.box-1 .icon { width: 10rem; height: 10rem; border-radius: 50%; border-radius: 50%; background: #F7F8FA; text-align: center; line-height: 10rem; float: left; } 

.box-1 .txt { width: calc(100% - 10rem); padding-left: 5rem; float: left; } 

.bul2 li { position: relative; color: #555; padding-left: 1.2rem; } 

.bul2 li+li { margin-top: 5px; } 

.bul2 li:before { content: ''; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 1rem; left: 0; background: #979797; } 

#api2,#api1 { display: none; margin-top: 3rem; } 

#api2.active,#api1.active { display: block; } 

/* 20230710*/
.digm { text-align: center; display: block; } 

.digm img { min-width: 530px; } 

/*api활용예시*/
.top_btn_area.ver2 { border-bottom: 0; } 

.top_btn_area.ver2 .tab_list { text-align: center; float: none; display: flex; justify-content: center; } 

.top_btn_area.ver2 .tab_list li { padding: 1.2rem 0; border: 1px solid #DDDDDD; width: 20rem; text-align: center; background: #F4F5F9}

.top_btn_area.ver2 .tab_list li > a { color: #555555; font-size: 1.7rem; font-weight: 400; } 

.top_btn_area.ver2 .tab_list li + li { margin-left: 0; } 

.top_btn_area.ver2 .tab_list li.active { border-color: #155CD6; background: #155CD6; } 

.top_btn_area.ver2 .tab_list li.active > a { color: #fff; } 

.top_btn_area.ver2 .tab_list li + li:before { display: none; } 

.top_btn_area.ver3 { text-align: center; border-bottom: 0; border-top: 1px solid #D8D9DF; padding-top: 1.2rem; margin-top: 1.5rem; padding-bottom: .9rem; } 

.top_btn_area.ver3 .tab_list li a { font-size: 1.6rem; font-weight: 400; color: #767676; } 

.top_btn_area.ver3 .tab_list li.active a { color: #155CD6; padding-bottom: 1rem; border-bottom: 2px solid #155CD6; font-weight: 500; font-size: 1.6rem; } 

.top_btn_area.ver3 .tab_list { float: none; } 

.javaGuide, #exam1, #exam2 { display: none; } 

.javaGuide.active,#exam1.active,#exam2.active { display: block; } 

.javaGuide .box-1 { background: #F7F8FA; } 

.borBottom { border-bottom: 1px solid #E1E1E1; padding-bottom: 1.6rem; } 

#exam2 .bul2 li { color: #333; font-weight: 500; } 

.box-2 { background-color: #F7F8FA; border: 1px solid #D8D9DF; border-radius: 10px; padding: 3rem 1rem; } 

.box-2.key { text-align: center; } 

.box-2.key > span { display: block; padding: 1.6rem 0; } 

.box-2.key .keynumber { border: 1px solid #D8D9DF; border-radius: 5px; background: #fff; width: 20rem; height: 4rem; line-height: 4rem; margin: auto; text-align: left; padding: 0 1.2rem; font-size: 1.5rem; color: #555; } 

.box-2.key .keynumber button { float: right; padding-top: 1rem; font-size: 1.4rem; color: #767676; } 

.box-2.key .keynumber button i { vertical-align: middle; font-weight: 300; } 

.box-2.gradient { position: relative; padding:4.5rem 1rem; background:rgba(0,0,0,0); border:none; font-size:1.8rem; overflow: hidden; }

.box-2.gradient::after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to left, #0e66fc, #04bf8a); opacity: 0.08; z-index: -1; }

#copy_num { min-height: inherit; background: none; padding: 0; border: 0; max-width: 13rem; } 

#copy_num:focus-visible { border: 0; outline: 0; } 

.modal-xl { margin: auto; } 

/* 이용약관 */
.modal-pop { display:block; position:fixed; top:50%; left:50%; width:100%; height:100%; background:rgba(0,0,0,0.3);  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; }

.modal-pop .modal-inner { position:absolute; top:50%; left:50%; width:calc(100% - 4rem); max-width:66rem; padding:4rem 6rem; border-radius:10px; background:#fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; }

.agree_pop img { display:block; max-width:4.8rem; margin:0 auto; }

.agree_pop .title4 { margin:2rem 0 0; font-weight:400; word-break: keep-all; }

/* Surmary */
.modal-pop .modal-inner.type2 { max-width:130rem; padding:0; border-radius: 20px; }

.modal-pop .modal-inner.type2 h1 { padding:2.25rem 8rem 2.25rem 4rem; background:#203969; color:#fff; font-size:2.5rem; line-height:1.4; letter-spacing: -0.01rem; }

.modal-pop .modal-inner .top_txt { font-size:1.5rem; text-align: center; }

.modal-pop .modal-inner .small_tit { display: block; margin:2rem 0 0.8rem; font-size:1.5rem; font-weight:500; }

.modal-pop .modal-inner .box-2 { margin-top:3rem; padding:4rem; }

.modal-pop .modal-inner .box-2.thin { padding:3rem 2.8rem; }

.modal-pop .con_table .table01 tr th { font-weight: 400; }

.modal-pop .pop_area { padding:5rem 6rem; max-height:calc(100vh - 18rem); overflow-y: auto; }

.modal-pop .pop_area::-webkit-scrollbar { width: 4px; }

.modal-pop .pop_area::-webkit-scrollbar-thumb { background-color: #D8D9DF; }

.modal-pop .pop_area::-webkit-scrollbar-track {  }

.modal-pop .pop_close { position:absolute; right:4rem; top:1.6rem; color:#A0AEC9; font-size:3rem; }

.modal-pop .choice_li {  }

.modal-pop .choice_li > li { display:inline-block;vertical-align: top; width: calc(50% - 0.6rem); }

.modal-pop .choice_li input[type='checkbox'] { position:relative; width: 1.6rem; height: 1.6rem; margin-right:0.5rem; border-radius: 0; border: 1px solid #B6B6B6; background-color: #fff; appearance: none; }

.modal-pop .choice_li input[type='checkbox']:checked { border-color: #437CDE; background:#437CDE; }

.modal-pop .choice_li input[type='checkbox']:checked:after { content: ""; content: '\eb7b'; position:absolute; top:50%; left:50%; color:#fff; font-family: 'remixicon'; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.modal-pop .choice_li input[type='radio'] { width: 1.8rem; height:1.8rem; margin-right:0.4rem; border:1px solid #E1E1E1; border-radius: 50%; background:#fff; appearance: none; }

.modal-pop .choice_li input[type='radio']:checked { border:5px solid #155CD6; }

.modal-pop .choice_li label { font-size:1.5rem; }

/* 20220927 추가 */
.btn-co1 { background: #335AA4; color: #fff; border-radius: 5px; float: left; margin-top: .5rem; padding: .5rem 1rem; margin-right: .8rem; } 

.board_info .form .form_select select:focus { outline: 1px solid}

.bio-project *[class*="item_box"] { overflow: hidden; padding: 0; border-radius: inherit; padding: 0; background: none; border: 0; } 

.s_lstbox_wrap { display: flex; flex-flow: column wrap; align-content: flex-start; margin: -0.6rem 0 0 -1.5rem; overflow: hidden; text-align: left; height: 920px; margin: -1rem 0 0 -1.2rem; } 

.bio-project *.item_box .s_lstbox_wrap { height: 540px; margin: 0; width: calc(100% + 1.5rem); } 

.bio-project *.item_box2 .s_lstbox_wrap { flex-direction: row; height: auto; margin: 0; width: calc(100% + 1.5rem); } 

div[class*="s_lstbox_cont"] { width: calc(50% - 1.8rem); float: left; margin-right: 1.8rem; } 

div[class*="s_lstbox_cont"] .datatit { margin-top: 0 !important; } 

.s_block { overflow: hidden; width: calc(100% + 1.8rem); } 

div[class*="s_lstbox_cont"].formWrap .datatit > strong i { margin-right: .4rem; margin-top: -3px}

.s_lstbox_cont1 .datatit > strong i { color: #155CD6; } 

.s_lstbox_cont2 .datatit > strong i { color: #04BB8F; } 

div[class*="s_lstbox_cont"] .s_lstbox .inner { border-color: #A1BEEF; } 

div[class*="s_lstbox_cont"] .s_lstbox .tit { background: #E2EBFA; } 

div[class*="s_lstbox_cont"] .s_lstbox.etc .inner { border-color: #81DDC7; } 

div[class*="s_lstbox_cont"] .s_lstbox.etc .tit { background: #E7F4F5; } 

div[class*="s_lstbox_cont"] .s_lstbox.etc .list li a span { color: #1B7880; } 

.bio-project div[class*="s_lstbox_cont"] { width: 100%; float: none; margin-right: 0; } 

.bio-project .s_lstbox_wrap .s_lstbox { width: calc(33.2% - 1.5rem); padding: 0; margin-right: 1.5rem; margin-bottom: 2rem; } 

.chartWrap .boxstyle { border: 1px solid #E1E1E1; border-radius: 10px; padding: 2.5rem 3rem; background: #F7F8FA; color: #333333; font-weight: 500; margin-bottom: 2rem; } 

.chartWrap .boxstyle i { vertical-align: middle; color: #155CD6; font-size: 1.7rem; } 

.chartWrap .group_list { overflow: hidden; border: 1px solid #E1E1E1; border-radius: 10px; margin: 2rem 0; } 

.chartWrap .group_list li { width: 16.6666%; float: left; display: block; height: auto; padding: 5rem 1rem; margin-top: 0; background: #fff; border: none; border-radius: inherit; } 

.chartWrap .group_list li > a { text-align: center; } 

.chartWrap .group_list li .tit { display: block; font-weight: 500; font-sizE: 1.8rem; margin: 2.5rem 0 0; } 

.chartWrap .group_list li .icon { width: 9rem; height: 9rem; border-radius: 50%; display: block; float: none; margin: auto; position: relative; } 

.chartWrap .group_list li .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 5.8rem; height: 5.8rem; } 

.chartWrap .group_list li .txt { display: block; padding-left: 0; text-align: center; } 

.chartWrap .group_list li .txt .tp .number { font-size: 2.2rem; letter-spacing: -0.24px; color: #666666 !important; font-weight: bold; } 

.chartWrap .group_list li .txt > em { font-size: 1.8rem; letter-spacing: -0.18px; margin: 3rem 0 .8rem; line-height: 1.2; } 

.chartWrap .group_list li .txt .tp { font-size: 1.6rem; } 

.chartWrap .group_list li + li { margin-top: 0; position: relative; } 

.chartWrap .group_list li + li:before { content: ''; width: 1px; height: 16rem; position: absolute; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #EEEEEE; } 

.chartWrap .group_list li .tp { font-weight: 500; font-size: 1.6rem; color: #888888; } 

.chartWrap .group_list li .tp .number { font-size: 2.2rem; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 16rem; vertical-align: bottom; display: inline-block; line-height: 2.9rem; } 

.chartWrap .group_list li.d1 .icon { background: #FCEEF9; } 

.chartWrap .group_list li.d2 .icon { background: #FDEBE9; } 

.chartWrap .group_list li.d3 .icon { background: #EBFBEE; } 

.chartWrap .group_list li.d4 .icon { background: #FEEFE3; } 

.chartWrap .group_list li.d5 .icon { background: #FFF4DC; } 

.chartWrap .group_list li.d6 .icon { background: #E9ECF2; } 

.c_type15 .c_total { overflow: hidden; width: calc(100% + 1.4rem); } 

.c_type15 .c_total > li .icon { width: 4rem; height: 4rem; border-radius: 10px; line-height: 4rem; color: #155CD6; font-size: 2rem; float: left; background: #EEF7FF; text-align: center; } 

.chartWrap .c_total > li { overflow: hidden; border: 1px solid #E1E1E1; border-radius: 10px; height: calc(50% - .7rem); padding: 0 3.5rem; display: flex; align-items: center; background: #fff; width: calc(33.3333% - 1.4rem); margin-right: 1.4rem; float: left; height: 12rem; } 

.chartWrap .c_total > li.st2 > .icon { background: #EFFBF7; } 

.chartWrap .c_total > li .inn { float: left; width: calc(100% - 6rem); } 

.chartWrap .c_total > li .txt > em { display: block; letter-spacing: -0.16px; line-height: 1.4; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.18px; } 

.chartWrap .c_total > li .txt > em > small { display: block; color: #767676; font-size: 1.5rem; letter-spacing: -0.15px; font-weight: 400; } 

.chartWrap .c_total > li .txt .tp { font-size: 1.8rem; font-weight: 600; letter-spacing: -2.5px; } 

.chartWrap .c_total > li .txt .tp .number { font-size: 2.4rem; letter-spacing: -0.24px; color: #1A57BF; font-weight: bold; margin-right: 2px; line-height: 2.2rem; } 

.chartWrap .c_total > li .txt .tp .day { color: #999999; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.15px; margin-left: 3px; } 

.c_type15 .c_total > li .txt { width: calc(100% - 4.5rem); padding-left: 1.5rem; display: flex; justify-content: space-between; align-items: center; } 

.chartWrap .boxstyle2 .listbox { overflow: hidden; border: 1px solid #E1E1E1; border-radius: 10px; } 

.chartWrap .boxstyle2 .listbox > li { height: 14rem; padding: 0 6rem 0 3.5rem; display: flex; align-items: center; width: 50%; float: left; position: relative; } 

.chartWrap .boxstyle2 .listbox > li + li:before { height: 60%; content: ''; background: #eee; width: 1px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

.chartWrap .boxstyle2 { margin: 2rem 0; } 

.chartWrap .boxstyle2 .listbox > li:last-child .number { color: #17A081 !important; } 

.chartWrap .boxstyle2 .listbox > li > .icon { float: left; width: 6rem; height: 6rem; background: #EEF7FF; border-radius: 50%; text-align: center; line-height: 6rem; } 

.chartWrap .boxstyle2 .listbox > li.st2 > .icon { background: #EFFBF7; } 

.chartWrap .boxstyle2 .listbox > li .inn { float: left; width: calc(100% - 6rem); } 

.chartWrap .boxstyle2 .listbox > li .txt { display: flex; justify-content: space-between; align-items: center; padding-left: 2rem; } 

.chartWrap .boxstyle2 .listbox > li .txt > em { display: block; font-weight: 500; letter-spacing: -0.16px; font-size: 2.2rem; font-weight: bold; line-height: 1.4; } 

.chartWrap .listbox > li .txt > em > small { display: block; color: #767676; font-size: 1.5rem; letter-spacing: -0.15px; font-weight: 400; } 

.chartWrap .boxstyle2 .listbox > li .txt .tp { font-size: 1.8rem; font-weight: 600; letter-spacing: -2.5px; } 

.chartWrap .boxstyle2 .listbox > li .txt .tp .number { color: #1A57BF; font-size: 2.8rem; font-weight: bold; letter-spacing: -0.28px; line-height: 2.2rem; margin-right: 2px; } 

.chartWrap .boxstyle2 .listbox > li .txt .tp .day { color: #999999; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.15px; margin-left: 3px; } 

.chartWrap .boxstyle2 .listbox > li.st2 .txt .tp .number { color: #17A081; } 

div.s_lstbox_cont2 .s_lstbox .inner { border-color: #81DDC7; } 

div.s_lstbox_cont2 .s_lstbox .tit { background: #E7F4F5; } 

div.s_lstbox_cont2 .s_lstbox .list li a span { color: #1B7880; } 

.cps-lst > li { border: 1px solid #D8D9DF; border-radius: 21px; background: #fff; display: inline-block; vertical-align: middle; padding: .75rem 2rem; color: #111111; font-size: 1.5rem; } 

.cps-lst > li .nub { color: #155CD6; font-weight: 500; margin-left: 1rem; } 

.c_type .boxwrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.5rem; } 

/*사이트가이드*/
.site_guide { word-break: keep-all; display: none; } 

.site_guide.active { display: block; } 

.site_guide .guide_inner { display: none; } 

.site_guide.active .guide_inner.on { display: block; } 

.depth5_tab { padding-bottom: 3rem; border-bottom: 1px solid #E5E5E5; } 

.depth5_tab ul { display: flex; justify-content: center; align-items: center; } 

.depth5_tab ul li { position: relative; } 

.depth5_tab ul li+li:before { background: #777777; content: ''; height: 1.5rem; position: absolute; left: 1px; top: 50%; width: 1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

.depth5_tab ul li a { display: block; font-size: 1.8rem; color: #767676; padding: 0 1.6rem; position: relative; transition: all .2s; text-align: center; } 

.depth5_tab ul li a:before { content: ''; width: calc(100% - 3.2rem); left: 50%; -webkit-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); position: absolute; bottom: 4px; height: 2px; background: #155CD6; transition: all .3s; } 

.depth5_tab ul li.on a, .depth5_tab ul li a:hover { font-weight: bold; color: #155CD6; } 

.depth5_tab ul li.on a:before, .depth5_tab ul li a:hover::before { -webkit-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1); } 

.site_guide .txtp { font-size: 1.7rem; color: #555555; } 

.site_guide .txtp + .txtp { margin-top: 1rem; } 

.site_guide .txtp > .bult1 { padding-left: 1rem; } 

.title1 { font-weight: 900; font-size: 3.2rem; letter-spacing: -0.32px; margin: 5rem 0 2rem; line-height: 1.2; } 

.title1-1 { font-weight: bold; font-size: 2.6rem; letter-spacing: -0.26px; margin: 6.5rem 0 2.5rem; border-bottom: 1px solid #acacac; padding-bottom: .9rem; line-height: 1.2; } 

ul[class*="bult"] > ul { margin-top: 2px; } 

ul[class*="bult"] > li > ul > li { font-size: 1.6rem; color: #767676; } 

ul.bult1 > li > ul.sub-1 > li, .gray_txt { font-size: 1.5rem; color: #767676; display: block; line-height: 1.7; } 

ul[class*="bult"] > li { padding-left: 0; color: #555555; font-size: 1.7rem; line-height: 1.6; } 

.bult > li + li { margin-top: .4rem; } 

ul[class*="bult"] > li > ul { padding-left: 2rem; } 

ul.bult1 > li { position: relative; padding-left: 1.2rem; } 

ul.bult1 > li + li { margin-top: .1rem; } 

ul.bult1 > li:before { width: 4px; height: 4px; top: 1.1rem; background: #979797; content: ''; position: absolute; left: 0; border-radius: 50%; } 

ul.bult1 > li > ul { padding-left: 0; } 

ul[class*="bult"] > li > ul > li > ul { padding-left: 1rem; } 

.bold { margin: 2rem 0 1rem; font-weight: 500; } 

.bold.under { text-decoration: underline; margin-bottom: 0; } 

.box_exp { border: 1px solid #E1E1E1; background: #F7F8FA; border-radius: 5px; padding: 2.6rem; margin: 1rem 0; } 

.box_exp.bg { background: #fff; } 

.box_exp .box_title { font-weight: 600; font-size: 1.7rem; display: block; letter-spacing: -0.17px; margin-bottom: .3rem; } 

.box_exp .box_title i { vertical-align: middle; margin-right: 3px; } 

.title2-1 { font-weight: bold; font-size: 1.8rem; letter-spacing: -0.18px; display: block; margin: 4rem 0 1rem; } 

.gray_border { border: 1px solid #E1E1E1; border-radius: 5px; text-align: center; margin: 2rem 0 3rem; } 

.gray_border > p { padding: 3rem; } 

.gray_border figcaption { text-align: center; border-top: 1px solid #E1E1E1; display: block; line-height: 1.3; color: #555555; padding: 2rem; } 

.pic_guide { border-radius: 5px; overflow: hidden; display: flex; align-items: center; border: 1px solid #E1E1E1; background: #F7F8FA; }

.pic_guide > * { float: left; width: 50%; } 

.pic_guide .gallery { text-align: center; border-right: 1px solid #E1E1E1; background: #fff; padding: 2rem; } 

.pic_guide .expl { padding: 2.4rem; } 

.pic_guide .expl .list + .list { margin-top: .8rem; } 

.pic_guide .expl .list { background: #fff; padding: 2.4rem; border: 1px solid #e1e1e1; border-radius: 5px; overflow: hidden; } 

.pic_guide .expl .list > em { background: #555555; text-align: center; color: #fff; width: 2.2rem; height: 2.2rem; border-radius: 50%; display: inline-block; line-height: 2.2rem; font-size: 1.5rem; font-weight: 500; float: left; margin-top: .3rem; } 

.pic_guide .expl .list > span { font-size: 1.7rem; color: #555555; width: calc(100% - 2.2rem); padding-left: .8rem; float: left; } 

.pic_guide .expl .list > span > small { font-size: 1.5rem; display: block; color: #767676; } 

.pic_guide .expl .list-1 { border: 1px solid #E1E1E1; background: #F7F8FA; padding: 2.6rem 2rem; margin-top: .8rem; border-radius: 5px; } 

.pic_guide .expl .list-1 .point * { vertical-align: middle; } 

.pic_guide .expl .list-1 .point i { margin-right: 3px; } 

.pic_guide .expl .list-1 .bullet li { color: #767676; font-size: 1.5rem; margin-top: .5rem; } 

ul[class*="diagram"] { display: flex; justify-content: space-between; } 

.diagram1 { width: calc(100% + 3rem); } 

.diagram1 .txt { margin-top: 1.5rem; } 

.diagram1 li { position: relative; margin-right: 3rem; } 

.diagram1 li:after { content: '\ea6e'; font-family: 'remixicon'; color: #868D96; font-size: 2.6rem; position: absolute; right: -2.7rem; top: 34%; } 

.diagram1 li:last-child:after { display: none; } 

em.fsize { font-size: 1.1rem; vertical-align: middle; display: inline-block; margin-top: -1px; } 

strong.point2 { font-weight: 400; color: #155CD6; } 

/*23.1.30*/
.layer_contact h4 { float: left; margin: 0; width: 27rem; } 

.layer_contact { border: 1px solid #ddd; border: 1px solid #ddd; padding: 3rem; border-radius: 10px; } 

.layer_contact .group { overflow: hidden; } 

.layer_contact .group + .group { margin-top: 3rem; } 

.layer_contact .info_list { width: calc(100% - 27rem); float: left; } 

.layer_contact .info_list li { padding-left: 3.5rem; font-size: 1.6rem; font-weight: 600; color: #111; position: relative}

.layer_contact .info_list li + li { margin-top: .75rem; } 

.layer_contact .info_list li:before { content: ''; position: absolute; left: 0; top: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: #155CD6}

.layer_contact .info_list li:after { content: '\eef6'; position: absolute; left: 6px; top: 0; font-family: 'remixicon'; color: #fff; font-weight: 300; font-size: 1.4rem; line-height: 2.5rem; } 

.layer_contact .btn_area { text-align: center; } 

.layer_contact .info_list li:nth-of-type(2):after { content: '\efe9'; } 

.gray_box { margin-top: 1.5rem; padding: 2.5rem; background: #eee; } 

.gray_box .lang { font-size: 1rem; vertical-align: middle; } 

.gray_box strong { background: #333; color: #fff; padding: .2rem 1rem; display: inline-block; font-size: 1.5rem; font-weight: 500; } 

.gray_box > b { display: block; margin: .3rem 0; margin-left: .5rem; } 

.gray_box > div { padding-left: 1rem; } 

.radioBox .point2 { font-size: 1.4rem; color: red; } 

/*23.03.28*/
.flatform { border-top: 1px solid #AAAAAA; } 

.flatform > li { display: flex; justify-content: space-between; align-items: center; padding: 3rem 0; } 

.flatform > li + li { border-top: 1px solid #EDEDED; } 

.flatform > li .thumbnail { width: 30.4rem; height: 17.2rem; border-radius: 10px; border: 1px solid #EEEEEE; display: inline-block; overflow: hidden; transition: all .3s; } 

.flatform > li .thumbnail img { max-height: 100%; transition: all .3s; } 

.flatform > li .linktxt { width: calc(100% - 43.8rem); padding: 0 7rem 0 3.2rem; } 

.flatform > li a.gotolink { border: 1px solid #BBBBBB; border-radius: 5px; display: inline-block; width: 13.4rem; height: 4rem; line-height: 3.8rem; text-align: center; letter-spacing: -0.32px; transition: all .3s; } 

.flatform > li a.gotolink:hover, .flatform > li a.gotolink:focus { border-color: #000; color: #000; font-weight: 500; } 

.flatform > li a.gotolink > i { vertical-align: bottom; font-size: 1.7rem; margin-right: 4px; display: inline-block; } 

.flatform > li .linktxt > strong { letter-spacing: -0.2px; display: block; font-size: 2rem; font-weight: bold; margin-bottom: .8rem; } 

.flatform > li .linktxt > span { display: block; color: #555555; } 

.flatform > li .linktxt > a { display: block; color: #AAAAAA; font-size: 1.5rem; margin-top: 2rem; } 

.flatform > li .linktxt > a:focus, .flatform > li .linktxt > a:hover { text-decoration: underline; } 

.flatform > li .thumbnail:hover img, .flatform > li .thumbnail:focus img { transform: scale(1.2); } 

/* 마이크로어레이 230830 추가 */

/* submit */
.contents_util.mt5 {margin-top:5rem;}

.submit_form {position:relative;}

.submit_form::after {content:'';display:block;position:absolute;top:3.45rem;left:50%;width:1000%;height:1000%;background:#F7F8FA;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index: -1;}

.submit_form .form_tit {max-width:90rem;margin:0 auto;padding:2.1rem 2.8rem 2rem;border:1px solid #A0AEC9;border-radius: 10px;background:#fff;font-size:1.8rem;line-height:2.6rem;box-shadow: 0 4px 16px rgba(0,0,0,0.14); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.submit_form .form_tit.no-label {text-overflow: unset; white-space: normal;}

.submit_form .form_tit:not(.no-label)::before { content:attr(aria-label); display:inline-block; vertical-align: middle; position:relative; top:-0.1rem; padding: .4rem 0.6rem .3rem; background: #E7EFFB; border-radius: 4px; font-size:1.3rem; font-weight:500; line-height:1.6rem; margin-right: 1rem; }

.submit_form .form_tit[aria-label='BioProject']::before { background: #E7EFFB; color: #145CD6 }

.submit_form .form_tit[aria-label='BioSample']::before { background: #E5F4F0; color: #007C64 }

.submit_form .form_tit[aria-label='BioData']::before { background: #646974; color:#fff }

.submit_form .form_tit[aria-label='NGS 데이터']::before { background: #E4F7F9; }

.submit_form .form_tit[aria-label='마이크로어레이 데이터']::before { background: #EEF1FE; }

.submit_form .form_tit[aria-label='염기서열 데이터']::before { background: #FCEEF9; }

.submit_form .form_tit[aria-label='단백체 데이터']::before { background: #FDEBE9; }

.submit_form .form_tit[aria-label='대사체 데이터']::before { background: #EBFBEE; }

.submit_form .form_tit[aria-label='이미지 데이터']::before { background: #FFF4DC; }

.submit_form .form_tit[aria-label='화합물 데이터']::before { background: #FEEFE3; }

.submit_form .form_tit[aria-label='전임상 데이터']::before { background: #FBE5E5 }

.submit_form .form_tit::after {content:'';display:table;clear: both;}

.submit_form .form_tit .state {float:right;font-size:1.6rem;line-height:1.9rem;font-weight:500; white-space: nowrap;}

.submit_form .form_tit .state i {display:inline-block;vertical-align: middle;position:relative;width:2.6rem;height:2.6rem;margin-right:0.8rem;border-radius:50%;background:#A0AEC9;color:#fff;font-weight:400;}

.submit_form .form_tit .state i.reject {background:#dc3545;}

.submit_form .form_tit .state i::before {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.submit_form .accordion {max-width:90rem;margin:0 auto 3rem;}

.submit_form .accordion > li {margin-top:3rem;padding:0 2.8rem;border:1px solid #D8D9DF;border-radius:10px;background:#fff;}

.submit_form .accordion.type2 {max-width: 100%;}

/* .submit_form .accordion.type2 > li {margin-top:2rem;padding:3rem 2.8rem;} */

.submit_form .accordion.type2.npd > li {padding-top:0;padding-bottom:0;}

.submit_form .accordion .open_title {position:relative;width:100%;height:6.4rem;font-size:2rem;font-weight:700;text-align:start;letter-spacing: -0.02rem;}

.submit_form .accordion .open_title .num {display:inline-block;vertical-align: middle;width:2.4rem;height:2.4rem;margin-right:0.8rem;border:1px solid #333;border-radius: 50%;font-size:1.4rem;font-weight:600;line-height:2.2rem;text-align: center;letter-spacing: -0.014rem;}

.submit_form .accordion .open_title::after {content:"\ea78";display:inline-block;vertical-align:middle;position:absolute;right:0;top:50%;font-size:2.4rem;font-weight:400;font-family: 'remixicon' !important;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .25s;transition: all .25s;}

.submit_form .accordion .close .open_title::after {-webkit-transform: translateY(-50%) rotate(0.5turn);transform: translateY(-50%) rotate(0.5turn);}

.submit_form .accordion .hidden_group {padding:2.3rem 0 3.4rem;border-top:1px solid #D8D9DF;}

.submit_form .accordion .close .hidden_group {height:0;padding:0;visibility:hidden;opacity: 0;}

.submit_form .accordion .btn_align.right {padding-bottom:2rem;}

.submit_form .accordion .btn_align.center {padding-top:3rem;}

.submit_form .accordion .btn_align.right.float-right {padding-bottom:0;}

.part_title { display:block; margin-bottom:2rem; padding-bottom:0.6rem; border-bottom:1px solid #666; font-size:1.7rem; }

.form_table + .part_title { margin-top:3.6rem; }

.form_table tr th {vertical-align:top;min-width:22rem;padding:1rem 0 0;color:#111;font-size:16px;font-weight:400; word-break: keep-all;}

.form_table tr th.essential:not(:has(span.point1))::after {content:' *';color:#155CD6;}
/*.form_table tr th.essential::after {content:' *';color:#155CD6;}*/

.form_table tr td {vertical-align:top;width:100%;}

.form_table tr:not(:last-child) td {padding-bottom:2rem;}

.bk_btn {display:inline-block;vertical-align:middle;padding:1rem 1.5rem;border-radius:5px;background:#222;color:#fff;font-size:15px;font-weight: 300;line-height:18px; cursor: pointer;}

.bk_btn i {position:relative;top:0.2rem;}

.info_btn {position:relative;display:inline-block;vertical-align:middle;color:#A0AEC9;font-size:1.7rem;}

.question .info_btn i {color:#155CD6}

.info_btn .hidden_desc {position:absolute;bottom:-100%;left:0;width:0;border:1px solid #eee;border-radius:3px;background:#fff;color:#333;font-size:1.2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);opacity: 1;visibility: hidden;z-index:2;}

/* .info_btn:hover .hidden_desc, .info_btn:focus .hidden_desc {width:100%;min-width:15rem;padding:0.8rem;opacity: 1;visibility: inherit;} */
.info_btn:hover .hidden_desc, .info_btn:focus .hidden_desc {width:100%;min-width:18rem; max-width:40rem; padding:0.8rem;opacity: 1;visibility: inherit; word-break:keep-all;}

.form_table tr td input[type="text"] {width:100%;border-radius:5px;font-size:1.5rem;}

.form_table tr td input[type="text"].tp4 {margin-top:0.4rem;}

input[type="text"].readonly,
.form_table tr td input[type="text"].readonly {border-color:#CED4DA;background:#EAECEF;}

input[type="text"].readonly::placeholder,
.form_table tr td input[type="text"].readonly::placeholder {color:#6C757D;}

.form_table tr td select {width:100%;max-width:30rem;padding-right:3.5rem;border-radius:5px;background:url("./../../image/service/layout/arrow.png") no-repeat bottom 50% right 1rem / 1.4rem;font-size:1.6rem; background-color: #fff;}

.form_table tr td .desc_box {padding:1.3rem 0 0.6rem;}

.form_table tr td .desc_box strong {margin-bottom:0.5rem;color:#155CD6;font-size:15px;font-weight:600;}

.form_table tr td .desc_box strong i {position:relative;top:0.2rem;font-size:1.7rem;font-weight:400;}

.form_table tr td .desc_box p {color:#6C757D;font-size:15px;line-height:20px;}

.form_table tr td .desc {margin-top:1rem;color:#767676;font-size:1.5rem;line-height:1.5;word-spacing: -0.01rem;}

.form_table tr td .desc .blue {color:#155CD6;}

.form_table tr td .double_items {display:flex;flex-wrap:wrap;align-items: center;}

.form_table tr td .double_items > *:nth-child(2) {margin-left:1.2rem;}

.form_table tr td .double_items select, .form_table tr td .double_items input[type="text"] {width:calc(50% - 0.6rem);}

.calendar, .form_table tr td .calendar {display:inline-block;vertical-align:middle;max-width:14.8rem; border: 1px solid #D8D9DF;border-radius: 5px;overflow: hidden; background-color: #fff;}

.calendar input[type="text"], .form_table tr td .calendar input[type="text"] {width:calc(100% - 3.4rem);height:3.8rem;padding-right:0;border:none;}

.calendar .btn_calendar, .form_table tr td .calendar .btn_calendar {position:relative;width:2rem;height:3.8rem;color:#777;font-size:2rem;}

.calendar .btn_calendar i, .form_table tr td .calendar .btn_calendar i {position:absolute;top:50%;left:40%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/* .form_table.type_data tr th {min-width:23.2rem;padding-right:0.5rem;} */

.form_table.type_data tr th {min-width:23.2rem;padding-right:0.5rem;}

.form_table.type_data tr:not(:last-child) td {padding-bottom:1.2rem;}

.radio_list {padding:0.8rem 0;}

.radio_list input[type="radio"] + label {padding-right:3.2rem;}

.form_table .file_area {display:flex;align-items: center;flex-direction: row-reverse;}

.form_table .file {display:inline-block;vertical-align:middle;position:relative;flex:1;margin-right:0.8rem;}

.form_table .file .text {display:block;width:100%;min-height:40px;padding:9px 30px 6px 12px;border:1px solid #D8D9DF;border-radius: 5px;color:#555;font-size:15px;line-height:1.5;}

.form_table .file .btn_del {display:none;position:absolute;right:1rem;top: 50%;width:1.6rem;height:1.6rem;border-radius:50%;background:#B1B7BF;color:#fff;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.submit_form .accordion .list {padding:1.3rem 0 0.6rem;}

.submit_form .accordion .list > li + li {margin-top:1.6rem;}

.api_file_upload {display:block;position:relative;width:100%;height:11.1rem;padding:1rem;border:1px solid #D8D9DF;background:#F7F8FA;}

.api_file_upload input[type="file"] {position:absolute;top:0;left:0;width:1px;height:1px;opacity: 0;visibility: hidden;}

.api_file_upload .txt {position:absolute;top:50%;left:50%;color:#888;font-size:1.6rem;letter-spacing:-0.016rem;transform: translate(-50%,-50%);}

.submit_form .data_box {position:relative;margin-bottom:4rem;padding:3.1rem 2.8rem 2.8rem;border:1px solid #D8D9DF;border-radius:10px;background:#fff;}

.submit_form .data_box .title {display:inline-block;margin-bottom:0.3rem;font-size:2rem;line-height:2.4rem;letter-spacing: -0.02rem;}

.submit_form .data_box .btn_align {position:absolute;top:2.8rem;right:2.8rem;}

.submit_form .data_box .txt_desc { color:#767676; font-size:1.5rem; letter-spacing: -0.01rem; line-height:1.2; }

.submit_form .btn {min-width:13.8rem;height:5.2rem;margin:0 0.3rem;font-size:1.8rem;font-weight:600;}

.submit_form .btn.normal {border-color:#BBB;background:#fff;color:#333;}

.submit_form .btn.common {border-color:#155CD6;background:#155CD6;}

.submit_form .btn.normal:hover, .submit_form .btn.normal:focus {border-color:#222;background:#222;color:#fff;}

.submit_form .btn.common:hover, .submit_form .btn.common:focus {background:#fff;color:#155CD6;}

/* input */
.submit_form input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:24px;font-size:1.6rem;line-height:1.9rem;letter-spacing: -0.032rem;}

.submit_form input[type="radio"] + label::before {content:'';display:block;position:absolute;top:0;left:0;width:18px;height:18px;border:1px solid #B6B6B6;border-radius: 50%;}

.submit_form input[type="radio"]:checked + label::before {border:6px solid #155CD6;}

.submit_form input[type="radio"] + label .desc::before {content:"(";}

.submit_form input[type="radio"] + label .desc::after {content:")";}

.btn_align {display:flex;align-items:center;}

.btn_align.right {justify-content: flex-end;}

.btn_align.right .normal_btn {margin-left:0.8rem;}

.btn_align.left .normal_btn {margin-right:0.8rem;}

.btn_align.center {justify-content: center;}

.btn_align.center .normal_btn + .normal_btn {margin-left:0.8rem;}

.normal_btn {display:inline-block;vertical-align: middle;padding:0.6rem 1.3rem;border:1px solid #ddd;border-radius:4px;background:#fff;color:#555;font-size:1.5rem;font-weight:500;line-height:1.8rem;text-align: center;-webkit-transition: all .25s;transition: all .25s;}

.normal_btn.bg { background: #f2f2f2; }

.normal_btn:hover, .normal_btn:focus {border-color:#555; color:#111;}

.normal_btn i {position:relative;top:0.2rem;}

.normal_btn.type2 {border-color:#333;background:#333;color:#fff;}

.normal_btn.type2:hover, .normal_btn.type2:focus {background:#fff;color:#333;}

.gradientbtn {height:3.9rem;padding:1rem 1.9rem;border-radius:4px;background: transparent linear-gradient(114deg, #0E66FC 0%, #04BF8A 100%) 0% 0% no-repeat padding-box;color:#fff;font-size:1.6rem;font-weight:600;text-align: center;}

.gradientbtn i {position:relative;top:0.2rem;font-weight: 400;}

.txt_btn {display:inline-block;vertical-align:bottom;margin-top:0.8rem;color:#767676; font-size:1.4rem; letter-spacing: -0.01rem;}

.txt_btn:hover, .txt_btn:focus {color:#111;text-decoration: underline;}

.disc_list > li {position:relative;padding-left:1.4rem;}

.disc_list > li::before {content:"";display:inline-block;position:absolute;left:0;top:1.2rem;width:0.4rem;height:0.4rem;background:#999;}

 /* lhj -2023-10- */
 .bt_line_area.mt20 {margin-top:2rem;margin-bottom:0;}

 .form_table.type2 tr td input[type="text"]{height:32px;}

 .form_table.depth_3 td select{height:32px;background-color:#fff;font-size:1.4rem;}

 .form_table input[type="radio"] + label{color:#555;font-size:1.5rem;}

 .form_table .next_input input[type="radio"] + label {padding-right:0.4rem;}

 .w10 {width:10rem !important;}

 .w20 {width:20rem !important;}

 .w30 {width:30rem !important;}

 .mw60 {max-width: 60rem;}

 .form_table .select_box{display:flex;}

 .form_table .select_box select{margin-right:.6rem;}

 /* 이미지 submit  */
 .form_table tr td input[type="text"].small {display:inline-block;vertical-align: middle;max-width:15rem;}
 
 .unit_input_txt {display:block;position:relative;}
 
 .unit_input_txt input[type="text"] {padding-right:7rem;}
 
 .unit_input_txt .txt {position:absolute;right:1rem;top:50%;color:#555;font-size:1.3rem;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
 
 .form_table.mtb20 {margin:2rem 0;}
 
 .form_table.depth_2.not_mg {margin:0;}
 
 .col_item2 {width:50%;}
 
 .col_item3 {width:33.3%;} 
 
 /* KPOP submit  */
 .form_area {}

 .form_area .tit {display:block;padding-bottom:1rem;color:#111;font-size:16px;font-weight:400;}

 .form_area .tit::before {content: "";display:table;clear: both;}

 .form_area .tit.essential::after { content: ' *';color: #155CD6;}

 .form_area .tit.type2 {padding-bottom:0.6rem;color:#555;font-size:14px;}

 .form_area .tit .desc {color:#767676;font-size:1.5rem;}

 .form_area input[type='checkbox'] {position:relative;width:1.6rem;height:1.6rem;margin-right:0.6rem;border:1px solid #B6B6B6;background:#fff;-webkit-appearance: none; -moz-appearance: none; appearance: none;}

 .form_area input[type='checkbox']:checked {border-color:#155CD6;}

 .form_area input[type='checkbox']:checked:after {content:"\eb7b";display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:#155CD6;color:#fff;font-size:1.4rem;font-family: 'remixicon' !important;}

 .form_area select {padding-right:3rem; border-radius: 5px; background: url(./../../image/service/layout/arrow.png) no-repeat bottom 50% right 1rem / 1.4rem;}

 .form_area input[type='text'],  .form_area input[type='number'] {width:100%;border-radius: 5px;}

 .doble_items > span {display:inline-block;vertical-align: middle;}

 .line_table {}

 .line_table tr {}

 .line_table tr th {height:4rem;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;color:#555;font-size:1.4rem;font-weight: 400;text-align: start;}

 .line_table tr th + th {padding-left:1.2rem;}

 .line_table tr td {padding-top:1rem;}

 .line_table tr td + td {padding-left:1.2rem;}

 .sel_text_input {display:flex;align-items: center;}

 .sel_text_input + .sel_text_input {margin-top:1rem;}

 .sel_text_input select {width:20rem;margin-right:0.8rem;border-radius:5px;}

 .sel_text_input select + input {flex:1;}

 .sel_text_input .append_input {flex:1;}

 .append_input {display:flex;align-items: center;}

 .append_input + .append_input {margin-top:1rem;}
 
 .append_input input[type="text"] {display:inline-block;vertical-align: middle;width:100%;width:calc(100% - 7.2rem) !important;border-radius: 5px;}
 
 .append_input.one_button input[type="text"] {width:calc(100% - 3.8rem) !important;}
 
 .append_input.full_input input[type="text"] {width: 100% !important;}

 .append_input button {display:inline-block;vertical-align: middle;width:2.8rem;height:2.8rem;margin-left:0.8rem;background-color:#fff;border:1px solid #D8D9DF;border-radius: 50%;text-align: center;line-height:2.6rem;}

 .doble_input { display:inline-flex; /**width:100%;*/ border:1px solid #D8D9DF; border-radius: 5px; overflow: hidden; }

 .doble_input select { width:20rem; height:3.8rem; margin:0; border:none; border-radius: 0; border-right:1px solid #D8D9DF; }

 .doble_input select.small { width:11rem; }

 .doble_input input[type="text"] { width:calc(100% - 20rem); height:3.8rem; border:none; border-radius: 0; }

 .num_control {display:inline-flex;align-items: center;vertical-align:middle;max-width:20rem;border:1px solid #E1E1E1;border-radius:5px;overflow: hidden;}

 .num_control input {width:calc(100% - 6.8rem);height:3.8rem;padding:1rem 1.2rem;border:none;}

 .num_control button {position:relative;width:3.4rem;height:3.8rem;font-size:1.8rem;color:#333;}

 .num_control button i {position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

 .num_control button:not(:last-child)::after {content:"";display:inline-block;vertical-align: middle;position:absolute;right:0;top:50%;width:1px;height:2.6rem;background:#D8D9DF;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

 .num_control button:disabled {color:#aaa;}

 .con_table.type_li {padding:0.5rem 0 ;overflow: auto;}
 
 .con_table.type_li .table02 th {min-width:16rem;overflow: hidden;}

 .con_table.type_li .table02 th .ellipsis {float: left;max-width: calc(100% - 1.8rem);}

 .btn_align_updown {float: right;display:inline-block;vertical-align: middle;margin-top:0.3rem;}

 .btn_align_updown button {display:block;padding:0.2rem;}

 .btn_align_updown button::after {content:"";display:block;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}

 .btn_align_updown .up::after {border-bottom:5px solid #bbb}
 
 .btn_align_updown .down::after {border-top:5px solid #bbb;}

 .btn_align_updown button:hover::after, .btn_align_updown button:focus::after {border-top-color:#145CD6;border-bottom-color:#145CD6;}

 .btn_align_updown button.active::after, .btn_align_updown button:hover::after, .btn_align_updown button:focus::after {border-top-color:#145CD6;border-bottom-color:#145CD6;}
 
 .con_table.type_li {min-height:60rem;padding:0.5rem 0;overflow: auto;}
 
 .con_table.type_li .table02 th {min-width:16rem;height:5.2rem;padding-left:1.2rem;padding-right:1.2rem;font-size:1.4rem;overflow: hidden;}

 .con_table.type_li .table02 th .ellipsis {float: left;max-width: calc(100% - 2rem);}

 .con_table.type_li .table02 td {padding-left:1.2rem;padding-right:1.2rem;color:#555;font-size:1.4rem;}

 .con_table.type_li .table02 td a:not(.normal_btn) {text-decoration: underline;}

 .con_table.type_li .table02 th:last-child,
 .con_table.type_li .table02 td:last-child {position:sticky;right:0;min-width:12rem;}
 
 .con_table.type_li .table02 td:last-child {background:#fff;}

 .con_table.type_li .table02 th:last-child::before,
 .con_table.type_li .table02 td:last-child::before {content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#aaa;}

 .con_table.type_li .table02 th.sticky,
 .con_table.type_li .table02 td.sticky {position:sticky;right:0;min-width:12rem;}

 .con_table.type_li .table02 td.sticky {background:#fff;}

 .con_table.type_li .table02 th.sticky::before,
 .con_table.type_li .table02 td.sticky::before {content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#aaa;}

/* view */
.con_table {}

.con_table table {border-top:1px solid #707070;letter-spacing: -0.016rem;}

.con_table table.layout {table-layout: fixed;}

.con_table tr {border-bottom:1px solid #E1E1E1;}

.con_table tr th {padding:1rem 2rem;background:#F8F9FB;font-weight:600;text-align: start;word-break: keep-all;}

.con_table tr td {height:5rem;padding:0.5rem 2rem;color:#767676; word-break: break-word;}

.con_table tr th.r_line,
.con_table tr td.r_line {border-right:1px solid #E1E1E1;}

.con_table.over, .con_table.over2 {padding:0.1rem 0;overflow: auto;}

.con_table.over table {min-width: 60rem;}

.con_table.over2 table {min-width: 42rem;}

.con_table .table02 {}

.con_table .table02 tr th, .con_table .table02 tr td {border:1px solid #E1E1E1;}

.con_table .table02.not_line tr:not(:last-child), .con_table .table02.not_line tr td {border-bottom:none;border-top:none;}

.con_table .table02.not_line tr th {padding-top:0.5rem;padding-bottom:0.5rem;}

.con_table .table02.not_line tr th, .con_table .table02.not_line tr td {height:3.6rem;}

.con_table .table02.ck_bg tr:has(input[type='checkbox']:checked) {background:#E9F1FD;}

.con_table .table03 th, .con_table .table03 td {text-align: center;}

.con_table .table03 td {height:7.2rem;color:#333;}

.con_table .table03 td .txt {color:#767676;}

.con_table table input[type='checkbox'] {position:relative;width:1.6rem;height:1.6rem;margin-right:0.6rem;border:1px solid #B6B6B6;background:#fff;-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.con_table table input[type='checkbox']:checked {border-color:#155CD6;}

.con_table table input[type='checkbox']:checked:after {content:"\eb7b";display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:#155CD6;color:#fff;font-size:1.4rem;font-family: 'remixicon' !important;}

.result_list .exel_box {margin-top:2rem;}

.alert {position:relative;margin-top:4rem;padding:4rem 4rem 4rem 11rem ;border:1px solid #E1E1E1;border-radius:6px;background:#F7F8FA;color:#111;font-size:1.8rem;letter-spacing: -0.01rem;line-height:1.5;word-break: keep-all;}

.alert:before {content:"";display:block;position:absolute;top:50%;left:4rem;width:4.4rem;height:4rem;background:url("../../image/service/content/aret_icon.png") no-repeat 50% 50% / 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.dot_desc {padding:1.8rem 1rem;border:2px dashed #E1E1E1;color:#555;font-size:1.5rem;letter-spacing:-0.01rem;text-align: center;line-height:2rem;}

.nmg {margin:0 !important;}

.arr_view {display:inline-block;vertical-align:middle;position:relative;min-width:20%;margin-right:4rem;-webkit-transition: all .2s;transition: all .2s;}

.arr_view::after {content:"\ea6e";font-family: 'remixicon' !important;}

.arr_view:hover, .arr_view:focus {color:#145CD6;font-weight:600;text-decoration: underline;}

.arr_view:hover::after, .arr_view:focus::after {font-weight:400;}

.line_view_bx {width:100%;height:2.5rem;overflow: hidden;}

.line_view_bx.on {height:auto;}

.line_view {min-width: 150px; display:inline-block;vertical-align:middle;position:relative;margin-right:1.6rem;text-decoration: underline;-webkit-transition: all .2s;transition: all .2s;}

.line_view:hover, .line_view:focus {color:#145CD6;}

.filter_align { padding:1.2rem 1.6rem; border:1px solid #ddd; border-radius: 6px; background:#F7F8FA; overflow: hidden; }

.filter_align > span { font-size:1.5rem; font-weight:600; font-family: 'semibold'; line-height:2.4rem; }

.filter_align .btn_box { float: right; }
 
.filter_align button { width:2.4rem;height:2.4rem; border:1px solid #ddd; border-radius: 6px; background:#fff; text-align: center; }

/* // 마이크로어레이 230830 추가 */

/* 모바일 depth 메뉴 선택박스 */
.depth_select_box {display:none;position:relative;width:calc(100% - 32px);height:50px;}

.depth_select_box::before {content:"";display:block;position:absolute;bottom:0;left:50%;width:1000%;height:1px;background:#E1E1E1;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.depth_select_box .label {position:relative;width:100%;height:50px;padding-right:5.5rem;font-size:17px;font-weight:700;text-align: start;}

.depth_select_box .label.child::after {content: "\ea4e";position:absolute;right:2rem;top:50%;color:#aaa;font-size:20px;font-weight:400;font-family: 'remixicon' !important;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s;transition: all .3s;}

.depth_select_box .depth_sel_li {position:absolute;left:-2rem;width:calc(100% + 2rem);height:0;background:#fff;box-shadow: 0 4px 8px rgba(0,0,0,0.1);z-index: 5;visibility: hidden;opacity: 0;overflow: hidden;}

.depth_select_box .depth_sel_li > li + li {border-top:1px solid #e1e1e1;}

.depth_select_box .depth_sel_li > li > a {display:block;padding:1.4rem 2rem;font-size:2rem;line-height: 1.6;}

.depth_select_box .depth_sel_li > li > a:hover, .depth_select_box ul > li > a:focus {color:#155CD6;}

.depth_select_box.active .label::after {-webkit-transform: translateY(-50%) rotate(0.5turn);transform: translateY(-50%) rotate(0.5turn);}

.depth_select_box.active .depth_sel_li {height:auto;visibility:visible;opacity: 1;}

/* submit tab */
.depth_tab {padding:4rem 0; text-align: center;}

.depth_tab > li {display:inline-block;vertical-align: middle;padding:0 1rem;}

.depth_tab > li a {color:rgba(0,0,0,0.3);font-size:2.2rem;font-weight:700;letter-spacing: -0.1rem;}

.depth_tab > li a.active {color:#1A3871;text-decoration: underline;}

/* submit */
.submit_form .form_tit.type2 {max-width:100%;}

.submit_layer::after {content:"";display:table;clear: both;}

.submit_layer aside {float:left;width: 20rem;margin-right:4rem;padding:1rem;border:1px solid #D8D9DF;border-radius:10px;background:#fff;}

.submit_layer aside ul {}

.submit_layer aside ul > li {}

.submit_layer aside ul > li a {display:block;position:relative;padding:1.5rem 2.5rem 1.3rem 1.2rem;border-radius: 5px;color:#767676;font-size:1.5rem;line-height:1.7rem;}

.submit_layer aside ul > li a.active {background:#EAECEF;color:#111;}

.submit_layer aside ul > li a.active::after {content:"\ea6e";display:block;position:absolute;top:50%;right:1.2rem;font-family: 'remixicon' !important;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.submit_layer aside.type_process {}

.submit_layer aside.type_process ul > li {}

.submit_layer aside.type_process ul > li a { padding-left:3.4rem; }

.submit_layer aside.type_process ul > li a::before { content:"";display:block;position:absolute;top:50%;left:1.5rem;width:0.6rem;height:0.6rem;border-radius: 50%;background:#ddd;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }

.submit_layer aside.type_process ul > li a.active::before { background:#333; }

.submit_layer aside.type_process ul > li a.error::before { content:"\eca0"; width:1.6rem;height:1.6rem; color:#C5091C; font-family: 'remixicon' !important; font-size:1.6rem; background:rgba(0,0,0,0); }

.submit_layer aside.type_process ul > li a.pass::before { content:"\eb80"; width:1.6rem;height:1.6rem;color:#3176EB; font-family: 'remixicon' !important; font-size:1.6rem; background:rgba(0,0,0,0); }

.submit_layer .area {float: right;width:calc(100% - 24rem);}

.submit_layer .area .form_top_tit {padding:1.8rem 2.8rem;border-radius:10px;background:#EAECEF;font-size:2rem;letter-spacing: -0.1rem;line-height:1.2;font-weight:600;font-family: 'semiBold';}

.submit_form .bt_btn_box {overflow: hidden;}

.submit_form .bt_btn_box::after {content:"";display: table;clear: both;}

.submit_form .bt_btn_box > .btn {float: left;}

.submit_form .btn {min-width:8.7rem;height:4rem;font-size:1.6rem;line-height:3.8rem;}

.submit_form .btn i {margin:0;font-size:inherit;font-weight:400;}

.submit_form .btn.normal i {color:#AAA;}

.submit_layer .form_table tr th {padding:1rem 0;}

.submit_layer .form_table tr th .normal_btn {float: right;margin-left:1rem;}

.submit_layer .form_li_tit {float: left;font-size:1.8rem;letter-spacing: -0.01rem;font-weight:600;font-family: 'semiBold';}

.submit_form .submit_layer .accordion {margin-bottom:2rem;}

/* table depth */
.form_table.depth_2 {margin:3rem 0;}

/* .form_table.depth_2 tr th {font-size:1.4rem;} */

.form_table.depth_2 tr td, .form_table.depth_3 tr td {width: auto;}

.form_table.depth_2 td > strong {display:block;margin-bottom:0.6rem;color:#555;font-size:14px;font-weight:400;}

.form_table.depth_3 td > strong {display:block;margin-bottom:0.6rem;color:#555;font-size:13px;font-weight:400;}

.form_table.depth_2 td > strong.essential::after, .form_table.depth_3 td > strong.essential::after {content:" *";color:#155CD6;}

/* .form_table.depth_2 td.left_pd, .form_table.depth_3 td.left_pd {padding-right:1rem;} */

.form_table.depth_2 tr td:not(:last-child), .form_table.depth_3 tr td:not(:last-child) {padding-right:1rem;}

.form_table .next-btn-box {display:flex;}

.form_table .next-btn-box input[type='text'] {flex:1;margin-right:0.9rem;}

.form_table .form_depth_box {padding:2rem;border:1px solid #E1E1E1;border-radius:5px;background:#F7F8FA;}

.form_table.depth_3 td input[type='text'] {height:32px;}

.form_table.depth_3 td .bk_btn {padding:0.5rem 1.5rem;font-size:13px;}

.bt_line_area {margin-bottom:2rem;padding:1.1rem 0;border-bottom:1px solid #E1E1E1;}

.bt_line_area input[type="radio"] + label {margin-right:3.2rem;color:#555;font-size:1.5rem;}

.bt_add {display:block;max-width:27.6rem;width:100%;margin:1.6rem auto 0;padding:0.8rem;border:1px solid #ddd;border-radius: 2.4rem;color:#333;font-size:1.5rem;letter-spacing: -0.01rem;-webkit-transition: all .3s;transition: all .3s;}

.bt_add:hover, .bt_add:focus {border-color:#333;}

.li_bt_add {display:block;width:100%;margin-bottom:4rem;padding:2rem 1rem 1.9rem;border:1px solid #ddd;border-radius:10px;background:#fff;color:#111;font-size:1.6rem;letter-spacing: -0.01rem;}

.unit_input {}

.unit_input input[type='text'] {vertical-align:middle;max-width:26rem;margin-right:0.8rem;}

.unit_input > div {display:inline-block;vertical-align: middle;white-space: nowrap;padding-right:4rem;}

.unit_input em {display:block;margin-bottom:0.6rem;font-size:1.4rem;}

.unit_input span {display:inline-block;vertical-align:middle;color:#555;font-size:1.5rem;}

.unit_input .normal_btn {margin-left:0.8rem;padding:0.9rem 1.3rem;}

/* radio list */
.submit_form .radio_li {}

.submit_form .radio_li li {display:inline-block;vertical-align:middle;position:relative;}

.submit_form .radio_li input[type='radio'] {position:absolute;visibility: hidden;opacity: 0;}

.submit_form .radio_li input[type="radio"] + label {display:inline-block;vertical-align:middle;margin:0 0 0.3rem;padding:1rem 1.2rem 0.9rem;border:1px solid rgba(0,0,0,0);border-radius:5px;background:#EAECEF;font-size:1.5rem;text-align: center;letter-spacing: -0.02rem;cursor: pointer;}

.submit_form .radio_li input[type="radio"] + label::before {display:none;}

.submit_form .radio_li input[type="radio"]:checked + label {border-color: #145CD6;background:#fff;color:#145CD6;font-weight:600;}

.submit_form .radio_li input[type="radio"]:checked + label::before {content:"\eb7b";display:inline;border:none;position:relative;top:0.2rem;padding-right:0.5rem;font-family: 'remixicon' !important;line-height: 1;}

/* browse */
.bases_check_bx {padding:1.6rem 1.2rem;border:1px solid #ddd;border-radius: 5px;background-color:#F7F8FA;font-size:1.3rem;overflow: hidden;}

.bases_check_bx strong {color:#111;font-size:1.5rem;font-weight:700;}

.bases_check_bx .table_bx {margin-top:1.4rem;border:1px solid #DDD;background: #fff;border-radius: 4px;}

.bases_check_bx .table_bx table tr + tr {border-top:1px solid #ddd;}

.bases_check_bx .table_bx table th {padding:1.2rem 0.8rem 1.2rem 1.2rem;font-size:1.3rem;font-weight:400;text-align: start;overflow: hidden;line-height:1.4rem;}

.bases_check_bx .table_bx table th span {color:#145CD6;}

.bases_check_bx .table_bx table td {padding:1.2rem 0.8rem;border-left:1px solid #ddd;color:#767676;font-size:1.2rem;text-align: end;letter-spacing: -0.02rem;line-height:1.4rem;}

.graph_item4 {display:flex;justify-content: center;flex-wrap:wrap;margin:4rem 0;padding:1rem;border:1px solid #E1E1E1;border-radius: 15px;}

.graph_item4 > li {max-width:28rem;padding:3rem;}

.graph_bx4 {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:2rem 0;}

.graph_bx4 > div {width:calc(50% - 1rem);margin-bottom:2rem;padding:4rem;border:1px solid #E1E1E1;border-radius: 15px;}

.graph_bx4 > div:nth-child(2n) {margin-left:2rem;}

.graph_bx4 > div .tit {display:block;margin-bottom:1rem;font-size:2.2rem;font-weight: 600; font-family: 'semibold';}

.graph_bx4 .graph_area {display:inline-block;vertical-align: middle;width:50%;}

.result_list .tit_list {display:inline-block;vertical-align: middle;width:45%;padding:1rem 1rem 1rem 0;}

.result_list .tit_list li {padding:0.8rem 0;font-size:1.4rem;overflow: hidden;}

.result_list .tit_list li .color {display: inline-block;vertical-align: middle;width: 1.5rem; height: 1.5rem;margin-right: 0.6rem;border-radius: 50%;background: #ddd;}

.static_sheet {}

.static_sheet .top_bx {padding:1rem 0;border-top:1px solid #ddd;}

.static_sheet .top_bx::after {content:"";display:table;clear: both;}

.static_sheet .top_bx .num {color:#555;font-size:1.6rem;letter-spacing: -0.01rem;}

.static_sheet .top_bx .num em {color:#145CD6;font-weight:600;}

.static_sheet .top_bx .radio_group {display:inline-block;vertical-align:middle;position:relative;padding-right:3rem;}

.static_sheet .con_table {padding:0.2rem 0;overflow-x: auto;}

.static_sheet .con_table table {min-width:150rem;border-color:#B6B6B6;}

.static_sheet .con_table tr th {font-size:1.5rem;}

.static_sheet .con_table tr th, .static_sheet .con_table tr td {text-align:center;}

.static_sheet .con_table tr th:not(:last-child), .static_sheet .con_table tr td:not(:last-child) {border-right:1px solid #ddd;}

.graph_items {display:flex;flex-wrap:wrap;}

.graph_items > div {width:calc(50% - 3rem);}

.graph_items > div:not(:last-child) {margin-right:6rem;}

.download_bx {min-height:6rem;margin:4rem 0 2rem;padding:1.5rem 2rem;border:1px solid #E1E1E1;line-height:2;overflow: hidden;}

.excel i {color:#0F9D58;}

.btn_circle {display:inline-block;vertical-align:middle;position:relative;width:4rem;height:4rem;border:1px solid #D8D9DF;border-radius: 50%;-webkit-transition: all .3s;transition: all .3s;}

.btn_circle i {position:absolute;top:50%;left:50%;color:#555;font-size:1.8rem;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.btn_circle:hover, .btn_circle:focus {border-color:#555;}

.li_bx {padding:2rem;border:1px solid #E1E1E1; border-radius: 5px; background:#F7F8FA;}

.li_bx > li {color:#555;font-size:1.6rem;letter-spacing: -0.01rem;}

.li_bx > li + li {margin-top:2.2rem;}

.bx_list {display: flex; flex-wrap:wrap;}

.bx_list > button {flex:1;position:relative;min-height:9rem;padding:2rem 3rem;border:1px solid #E1E1E1; border-radius:10px;font-size:1.7rem;font-weight: 600;;letter-spacing: -0.01rem;font-family: 'semibold';text-align: start;}

.bx_list > button::after {content: '';display: block;position: absolute; right: 2.2rem;top: 50%; width: 1.2rem;height: 1.2rem;border-top: 1px solid #707070; border-right: 1px solid #707070; -webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg); -webkit-transition: all .25s;transition: all .25s;}

.bx_list > button:not(:last-child) {margin-right:1.6rem;}

.bx_list > button .txt {display:block;margin-top:0.9rem;color:#767676;font-size:1.5rem;font-weight:400;font-family: 'Pretendard';}

.bx_list > button.disabled {background:#F7F8FA;}

.bx_list > button.disabled::after {display:none;}

.bx_list > button:not(.disabled):hover, .bx_list > button:not(.disabled):focus {box-shadow: 0 0 6px rgba(0,0,0,0.1);}

/* .line_accordion {width: 100%;max-width:92rem;overflow: hidden;} */

.line_accordion {width: 100%;}

.line_accordion + .line_accordion {margin-top:1.1rem;}

.line_accordion .toggle_btn {position:relative;width:100%;padding:1.5rem 1.7rem 1.5rem 4rem;border-radius:6px;border:1px solid #D8D9DF;color:#333; font-size:1.6rem; letter-spacing: -0.01rem; text-align: start;}

.line_accordion .toggle_btn::before {content:"\ea4e";position:absolute;top:1.4rem;left:1.7rem;font-size:2rem;font-family: 'remixicon' !important;}

.line_accordion .con_table {display:none;margin:1.1rem 0 2rem;}

.line_accordion .con_table table {display:inline-table;width:calc(50% - 2rem);white-space: nowrap;border-color:#B6B6B6;}

.line_accordion .con_table table:first-child {margin-right:1.6rem;}

.line_accordion .con_table table th {color:#333;font-weight: 400;}

.line_accordion .con_table table th, .line_accordion .con_table table td {height:3.7rem;font-size: 1.4rem;}

.line_accordion .con_table {display: none;}

.line_accordion.active .toggle_btn {background:#F7F8FA;}

.line_accordion.active .toggle_btn::before {-webkit-transform: rotate(0.5turn);transform: rotate(0.5turn);}

.line_accordion.active .con_table {display: block;}

.search_choice {display:flex;flex-wrap: wrap;}

.search_choice > div {width:calc(50% - 1rem);padding:4.8rem 2rem 7rem;border:1px solid #E1E1E1; border-radius: 15px;text-align: center;}

.search_choice > div:not(:last-child) {margin-right:2rem;}

.search_choice > div .icon {display:block;width:7.6rem;height:7.6rem;margin:0 auto;}

.search_choice > div > strong {display:block;margin:1rem 0;color:#111;font-size:2.2rem;font-weight:700;letter-spacing: -0.01rem;line-height:1.5;}

.search_choice > div > p {color:#555;line-height:1.4;}

.search_choice > div fieldset {display:block;max-width:49rem;margin:3.7rem auto 0;}

.search_choice > div .input-group {display:inline-block;vertical-align: middle;}

.search_choice > div .input-group input[type='text'], .search_choice > div .form_select > select {border-color:#666;}

/* 등록절차 */
.procedure_list {display:flex;flex-wrap:wrap;}

.procedure_list > li {display:inline-block;vertical-align:middle;position:relative;width:33.3%;padding:3.4rem 4rem;}

.procedure_list > li {border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;}

.procedure_list > li:first-child {border-radius: 15px 0 0 15px;border-left:1px solid #E1E1E1;}

.procedure_list > li:last-child {border-radius: 0 15px 15px 0;border-right:1px solid #E1E1E1;}

.procedure_list > li:not(:last-child)::after {content:"";display:block;position:absolute;right:0;top:0;width:3rem;height:100%;background:url("../../image/service/content/process_arrow.png") no-repeat 50% 50% / cover;}

.procedure_list > li .icon {display:inline-block; vertical-align: middle; position:relative; width:4rem; height:4rem; border-radius: 10px;}

.procedure_list > li .icon.type1 {background:#1A57BF;}

.procedure_list > li .icon.type2 {background:#00A081;}

.procedure_list > li .icon.type3 {background:#E16AA5;}

.procedure_list > li .icon img {position:absolute;top:50%;left:50%;max-width:70%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.procedure_list > li .text {display:inline-block;vertical-align: middle;width:calc(100% - 5.4rem);padding:0 1.6rem;}

.procedure_list > li strong {display:block; margin-bottom:1.2rem;font-size:1.8rem;font-weight:600;font-family: 'semibold'; line-height:2.1rem;}

.procedure_list > li a {display:inline-block;position:relative;color:#767676;font-size:1.6rem;letter-spacing: -0.01rem; line-height:1.9rem;}

.procedure_list > li a::after {content:"";display:block;position:absolute;left:0;bottom:0;width:0;height:1px;background:#111;-webkit-transition: all .3s;transition: all .3s;}

.procedure_list > li a:hover, .procedure_list > li a:focus {color:#111;}

.procedure_list > li a:hover::after, .procedure_list > li a:focus::after {width: 100%;}

.history_bx {margin-top:6rem;padding:4rem 7rem;border:1px solid #E1E1E1;border-radius: 15px;background:#F7F8FA;}

.history_bx::after {content:"";display:table;clear:both;}

.history_bx .title2 {display:inline-block;vertical-align:middle;margin: 0;}

.history_bx .title2::before {content:"\f25f";display:inline-flex;align-items:center;justify-content: center; vertical-align: middle;width:4rem;height:4rem;margin-right:1.2rem;border-radius:50%;background:#1A3871;color:#fff; font-family: 'remixicon' !important;}

.history_bx .normal_btn {min-width: 20rem;height:3.9rem;color:#111;line-height:2.4rem;border-radius: 0;}

/* 소개 */
.goals_bx .icon {display:block;width:25rem;height:25rem;margin:6rem auto 4.8rem;border-radius:50%;box-shadow:0 20px 30px #EDEFF4;}

.goals_bx > ul {display:flex;flex-wrap:wrap;}

.goals_bx > ul > li {position:relative;width:calc(25% - 1.2rem);}

.goals_bx > ul > li:not(:last-child) {margin-right:1.6rem;}

.goals_bx > ul > li .num {display:block;position:absolute;top:-1.8rem;left:50%;width:3.6rem;height:3.6rem;border-radius:50%;color:#fff;font-size:1.7rem;font-weight:600;font-family:'semibold';line-height:3.6rem;text-align:center;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.goals_bx > ul > li .num::before {content:"";display:block;position:absolute;left:50%;top:-3rem;width:1px;height:3rem;border-left:1px dashed #ddd;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.goals_bx > ul > li .tt {display:block;padding:4rem 1rem 3rem;border-radius: 15px;border:1px solid #ddd;font-size:1.7rem;font-weight:600;font-family:'semibold';text-align: center;}

.goals_bx > ul > li > ul {min-height:16.2rem;margin-top:0.8rem;padding:3rem 2rem;border-radius: 15px;}

.goals_bx > ul > li:nth-child(1) .num {background:#2D58B1;}
.goals_bx > ul > li:nth-child(2) .num {background:#103F50;}
.goals_bx > ul > li:nth-child(3) .num {background:#13607C;}
.goals_bx > ul > li:nth-child(4) .num {background:#4F4F4F;}

.goals_bx > ul > li:nth-child(1) .tt, .goals_bx > ul > li:nth-child(1) .num::before {border-color:#2D58B1;}
.goals_bx > ul > li:nth-child(2) .tt, .goals_bx > ul > li:nth-child(2) .num::before {border-color:#103F50;}
.goals_bx > ul > li:nth-child(3) .tt, .goals_bx > ul > li:nth-child(3) .num::before {border-color:#13607C;}
.goals_bx > ul > li:nth-child(4) .tt, .goals_bx > ul > li:nth-child(4) .num::before {border-color:#4F4F4F;}

.goals_bx > ul > li:nth-child(1) > ul {background:#E9EEF7;}
.goals_bx > ul > li:nth-child(2) > ul {background:#E6EBED;}
.goals_bx > ul > li:nth-child(3) > ul {background:#E7EFF2;}
.goals_bx > ul > li:nth-child(4) > ul {background:#EDEDED;}

.goals_bx > ul > li > ul > li {position:relative;padding-left:1rem;font-size:1.6rem;line-height:1.9rem;letter-spacing: -0.01rem;}

.goals_bx > ul > li > ul > li + li {margin-top:1.2rem;}

.goals_bx > ul > li > ul > li::before {content:"";display:block;position:absolute;left:0;top:0.8rem;width:0.4rem;height:0.4rem;background:#999;}

.assurance {display:flex; align-items:center;position:relative;border-radius:30px;background:#EDEFF4;}

.assurance + .assurance {margin-top:2rem;}

.assurance .toptext {display:inline-block;position:absolute;top:-2.8rem;left:20%;padding:0.8rem 1.8rem;border-radius: 22px;background:#758698; color:#fff;font-size:1.6rem;font-weight:600;font-family: 'semibold';line-height:1.9rem;}

.assurance .left_bx {position:relative;width:65%;padding:3rem 5rem;}

.assurance .left_bx::after {content:"";display:block;position:absolute;right:0;top:0;width:37.4rem;height:100%;background:url("../../image/service/content/arrow_bg1.png") no-repeat 100% 50% / cover;}

.assurance .left_bx strong {display:inline-flex;justify-content: center;align-items: center;vertical-align: middle; width:19.8rem;height:19.8rem;margin-right:6.1rem;border-radius:50%;background:#0F3E50;color:#fff;font-size:2rem;font-weight:600;font-family:'semibold';text-align: center;line-height:1.4;letter-spacing: -0.01rem;}

.assurance + .assurance .left_bx strong {background:#13607B;}

.assurance .left_bx ul {display:inline-block;vertical-align:middle;width:calc(100% - 30rem);max-width: 40rem;}

.assurance .left_bx ul > li {padding:1.2rem;border-radius:40px;background:#fff;font-size:1.7rem;font-weight:600;font-family:'semibold';text-align: center;letter-spacing: -0.01rem;line-height:2rem;}

.assurance .left_bx ul > li.on {border:1px solid #758698;}

.assurance .left_bx ul > li + li {margin-top:0.6rem;}

.assurance .list {position:relative;padding:4rem;max-width:40rem;}

.assurance .list > li {position:relative;padding-left:1rem;font-size:1.8rem; letter-spacing: -0.01rem;word-break: keep-all;}

.assurance .list > li + li {margin-top:1.5rem;}

.assurance .list > li::before {content:"";display:block;position:absolute;left:0;top:1rem;width:0.4rem;height:0.4rem;background:#999;}

/* 연구팀 구성 */
.mdcc_bx {display:flex;flex-wrap:wrap;}

.mdcc_bx > div:not(:nth-child(2)) {width: calc(50% - 24rem);}

.mdcc_bx > div:nth-child(2) {position:relative;width: 32.4rem;margin:0 7.8rem;}

.mdcc_bx > div:nth-child(2)::before, .mdcc_bx > div:nth-child(2)::after {content:"";display:block;position:absolute;top:50%;width:4.6rem;height:80%;background:url("../../image/service/content/arrow_bg3.png") no-repeat 50% 50% / cover;}

.mdcc_bx > div:nth-child(2)::before {left:-5.5rem;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.mdcc_bx > div:nth-child(2)::after {right:-5.5rem;-webkit-transform: translateY(-50%) rotate(0.5turn);transform: translateY(-50%) rotate(0.5turn);}

.mdcc_bx .box {border-radius: 15px;overflow: hidden;}

.mdcc_bx .box + .box {margin-top:14.5rem;}

.mdcc_bx .box .top_tt {display:block;padding:1.3rem 1.6rem;background:#ddd;color:#fff;font-size:2rem;font-weight:600;font-family:'semibold';line-height:2.4rem;text-align:center;}

.mdcc_bx > div:nth-child(2) .box .list {padding:6.2rem 1.5rem 10.5rem;}

.mdcc_bx .box .list {padding:2.5rem 1.5rem;background:#eee;}

.mdcc_bx .box .list > li {position:relative;padding:2.5rem 1.5rem 1.5rem;border-radius:8px;background:#fff;overflow: hidden;}

.mdcc_bx .box .list > li + li {margin-top:1.5rem;}

.mdcc_bx .box .profile_image {position:absolute;left:1.5rem;top:2.5rem;width:11rem;height:13rem;background:#ddd;}

.mdcc_bx .box .info {padding-left:13rem;padding-bottom:0.8rem;}

.mdcc_bx .box .info.not_img {padding:0.5rem 1.5rem 1.4rem;}

.mdcc_bx .box .affiliation {display:block;height:3.1rem;}

.mdcc_bx .box .affiliation img {max-width:100%;object-fit: cover ;}

.mdcc_bx .box .name {display:block;margin:1rem 0 1.5rem;font-size:2.4rem;line-height:2.9rem;font-weight:700;letter-spacing: -0.01rem;}

.mdcc_bx .box .name span {padding-left:0.5rem;font-size:1.7rem;font-weight:600;font-family: 'semibold';}

.mdcc_bx .box .info ul {}

.mdcc_bx .box .info ul > li {position:relative;padding-left:1rem;color:#555;font-size:1.5rem;line-height:1.8rem;letter-spacing: -0.8px;}

.mdcc_bx .box .info ul > li::before {content:"";display:block;position:absolute;left:0;top:0.7rem;width: 0.4rem;height:0.4rem;background:#999;}

.mdcc_bx .box .info ul > li + li {margin-top:0.5rem;}

.mdcc_bx .box .job {display:block;width: 100%;margin-top:0.8rem;padding:0.6rem 1.2rem;border-radius:2px;background:#ddd;color:#fff;font-weight:500;text-align: center;line-height:1.9rem;}

.mdcc_bx .box .mdcc_logo {display:block;padding:0 1.5rem 1.4rem;text-align: center;}

.mdcc_bx .box .info .title2 {margin:0 0 1.2rem;}

.mdcc_bx .box.red .top_tt, .mdcc_bx .box.red .job {background:#E0307B;}
.mdcc_bx .box.red .list {background:#FCEBF3;}

.mdcc_bx .box.blue .top_tt {background:#1A3871;}
.mdcc_bx .box.blue .list {background:#EDEFF4;}

.mdcc_bx .box.green .top_tt, .mdcc_bx .box.green .job {background:#04959F;}
.mdcc_bx .box.green .list {background:#DAEFF1;}

.mdcc_bx .box.sky .top_tt, .mdcc_bx .box.sky .job {background:#3176EB;}
.mdcc_bx .box.sky .list {background:#E0EAFC;}

/* 전체 프로세스 */
.all_process {margin-top:4.8rem;padding:2.3rem 2.5rem;border:1px solid #E1E1E1;border-radius: 5px;}

.all_process + .all_process {margin-top:1.5rem;}

.all_process .tit {color:#111;font-size:2.2rem;font-weight:700;letter-spacing: -0.01rem;}

.all_process .tit em {display:inline-flex;align-items: center;justify-content: center;width:3.6rem;height:3.6rem;margin-right:0.4rem;border-radius:50%;background:#2D58B1;color:#fff;font-size:1.7rem;font-weight:700;}

.all_process .text {padding-left:4rem;}

.all_process .text p {color:#111;font-size:1.8rem;}

.all_process .text p + p {margin-top:1.5rem;}

.all_process .text p b {color:#333;font-weight:600;font-family: 'semibold';}

.all_process .text ul {padding:0.8rem 0;}

.all_process .text ul li {position:relative;padding-left:1rem;color:#555;font-size:1.5rem;line-height:1.8rem;}

.all_process .text ul li::before {content:"";display:inline-block;position:absolute;left:0;top:0.7rem;width:0.4rem;height:0.4rem;background:#999;}

.all_process .text ul li + li {margin-top:0.5rem;}

.color_desc_box {padding:4rem;border-radius: 5px;background:#E9EEF7;}

.color_desc_box strong {display:block;margin-bottom:1rem;font-size:1.8rem;font-weight:600;font-family: 'semibold';letter-spacing: -0.1px;}

.color_desc_box strong em {font-size:1.2rem;}

.color_desc_box p {color:#555;font-size:1.6rem;letter-spacing: -0.1px;line-height:1.9rem;}

.color_desc_box p + p {margin-top:0.5rem;}

.border_box.type_image {padding:4rem;border-radius: 5px;border:1px solid #E1E1E1;}

.border_box.type_image > div {overflow: hidden;}

.border_box.type_image > div + div {margin-top:3.5rem;padding-top:3.5rem;border-top:1px dashed #E1E1E1;}

.border_box.type_image .img {float: left;}

.border_box.type_image .text {float: left;max-width:calc(100% - 20rem);padding-left:3rem;}

.border_box.type_image .text strong {display:block;margin-bottom:1rem;font-size:1.8rem;font-weight:600;font-family: 'semibold';line-height:2.1rem;}

.border_box.type_image .text p {color:#555;}

.border_box.type_image .text em {font-size:1rem;}

.compound_table {display:flex;flex-wrap:wrap;}

.compound_table .img {display:inline-block;vertical-align:top;position:relative;width:36rem;margin-right:4rem;border:1px solid #D8D9DF;}

.compound_table .img img {position:absolute;top:50%;left:50%;max-width: 90%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.compound_table .con_table {display:inline-block;vertical-align:top;width: calc(100% - 40rem);}

/* contact */
.data_contact {}

.data_contact > li {padding:1.5rem 0;}

.data_contact > li .img {display:inline-block;vertical-align:middle;position:relative;width:36rem;height:16rem;border:1px solid #D8D9DF; width: 30rem; height: 14rem;}

.data_contact > li .img img {position:absolute;top:50%;left:50%;max-width:80%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.data_contact > li .text {display:inline-block;vertical-align:middle;width: calc(100% - 40.4rem);margin-left:4rem;}

.data_contact > li strong {display:block;color:#111;font-size:2.3rem;font-weight:600;font-family: 'semibold';line-height:2.7rem;}

.data_contact > li .list {margin-top:1rem;}

.data_contact > li .list > li {display:inline-block;vertical-align:middle;min-width: 30%;padding:0.6rem 1rem 0 0;font-size:1.8rem;line-height:2.1rem;}

.data_contact > li .list > li a {-webkit-transition: all .3s;transition: all .3s;}

.data_contact > li .list > li i {color:#145CD6;font-size:2rem;}

.data_contact > li .list > li a:hover, .data_contact > li .list > li a:focus {color:#145CD6;text-decoration: underline;}

/* 로그맵 */
.loadmap {overflow-x: auto;}

.loadmap::after {content:"";display:table;clear:both;}

.loadmap > div {position:relative;min-width:102rem;padding:6.4rem 4rem;}

.loadmap > div:nth-child(1) {height: 85.8rem;}

.loadmap > div:nth-child(2) {height: 42.7rem;margin-top:2.5rem;}

.loadmap > div::after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius: 30px; z-index: -1;}

.loadmap > div:nth-child(1)::after {background: #EDEFF4;}

.loadmap > div:nth-child(2)::after {background:linear-gradient(130deg, rgba(14,102,252,0.08) 0%, rgba(4,191,138,0.08) 100%);}

.loadmap > div img {float: right;width: 102rem;}

.loadmap > div strong {display:inline-block;vertical-align:top;padding-bottom:1rem;color:#1A3871;font-size:1.8rem;font-weight: 600;font-family: 'semibold';letter-spacing: -0.01rem;line-height:2.2rem;}



/*회원가입, 통합검색 모바일*/
@media (max-width: 1280px){
 .s_search_wrap .search-box .input-group { width:65rem; }

 .s_search_wrap .search-box .search_field { padding-left: 12rem; } 

 .s_search_wrap .search-box .input-group.type2{width:56rem}

 #visual { height: 17rem; } 

 .Mypage_wrap #contents { padding-left: 2rem; } 
 }

@media (max-width: 1200px){

 .s_search_wrap .search-box .append_input input[type="text"] { min-width:26rem; }

 .sevlst li { height:12rem; } 

 .mdLst2 > li .checknote > li i { margin-right: 0; } 

 .sampleWrap > .register { padding: 0 4rem; } 
 }

@media (max-width: 1100px){
 .mdLst2 > li .checknote { flex-direction:column; } 

 .mdLst2 > li .checknote > li { padding-right: 0; margin-top: .5rem; } 

 .mdLst2 > li .checknote > li:first-child { margin-top: 0; } 

 .mdLst2 > li .checknote > li:after { display: none; } 

 .data::after { z-index: -1; } 

 .data .arrow { right: 1rem; } 

 .contents_util { align-items: flex-start; flex-direction: column; } 

 .contents_util .menu_type { margin-left: 0; } 

 .assurance .left_bx strong {width:16rem;height:16rem;margin-right:4rem;}

 .assurance .left_bx ul { width:calc(100% - 24rem); }
 }

@media (max-width: 1023px){
 .s_search_wrap .search-box { margin-bottom: 2rem; } 

 .s_search_wrap .search-box .search_field { padding-left: 0; width: 100%; } 

 .s_search_wrap .search-box .radio_group { position: static; display: block; margin-bottom: .5rem; } 

 .s_search_wrap .search-box .radio_group .radio_wrap { display: inline-block; } 

 .s_search_wrap .search-box .radio_group .radio_wrap + .radio_wrap { margin-left: 2rem; margin-top: 0; } 

 .search_result { margin-bottom: 2rem; } 

 .category_cls_btn { margin-bottom: 2rem; } 

 .category_list_wrap .category_list { padding: 3rem 2rem; } 

 .s_lstbox_wrap + .s_lstbox_wrap { margin-top: 0; } 

 .category_list_wrap .s_lstbox_wrap_box { overflow: inherit; overflow-x: auto; max-height: 60vh; margin-top: 0; } 

 .category_list_wrap .s_lstbox_wrap .s_lstbox:nth-of-type(1) { padding-top: 0; } 

 .s_lstbox_wrap .s_lstbox { float: none; width: 100%; } 

 .traffic ul.list2 li { text-align: center; padding: 2rem .4rem; } 

 .traffic ul.list2 li > .txt { float: none; display: inline-block; line-height: 3.3rem; display: inline-block; padding: 0 1rem; } 

 .traffic ul.list2 li span { float: none; display: block; margin-bottom: 1rem; } 

 .search-box .btn-primary1 { min-width: 8rem; margin-left: 1rem; } 

 .sampleWrap > div { width: 100%; float: none; } 

 .sampleWrap { height: auto; } 

 .sampleWrap .data, .sampleWrap > .register { padding: 4rem 5rem; } 

 .sampleWrap .data .arrow { top: 3.7rem; right: 5rem; } 

 .sampleWrap > .register .btntype { margin-top: 3rem; } 

 .data .slick-counter { right: 9rem; } 

 .main_data_type_wrap .border_box { padding: 3rem 2rem; } 

 .box_clear .wdt4 { width: 33rem; } 

 .box_clear .wdt6 { width: calc(100% - 35rem); } 

 .search-box .input-group { width: 52rem; } 

 .apibox > i { margin-right: 0; margin-bottom: 1.5rem; display: block; } 

 .mdLst2 > li { padding: 2.5rem; } 

 .chartWrap .halfwrap { width: 100%; height: auto; } 

 .circleBox .halfwrap > * { width: 100%; margin-bottom: 2rem; } 

 .chartWrap .halfwrap .w50 { width: 100%; margin-right: 0; } 

 .chartWrap .c_total { width: 100%; margin-top: 0; margin-right: 0; height: auto; margin-top: 2rem; } 

 .cht-lst li { height: 32rem; } 

 .cht-lst li > .txt { padding: 2rem; } 

 .cht-lst li > .txt .icon { right: .8rem; top: 1.3rem; } 

 .search-box { justify-content: center; } 

 .depth4_tab .num { display: block; margin-left: 0; } 

 .wform .board_list colgroup, .wform .board_list thead { display: none; } 

 .wform .board_list.type2 tr { display: block; padding: .5rem 0; overflow: hidden; border-bottom: 1px solid #ddd; } 

 .board_list.type2 tr:first-child { padding-top: 0; } 

 .wform .board_list.type2 .tstyle_write th { display: block; font-weight: 500; font-size: 1.7rem; padding-bottom: 1rem; padding-left: 0; font-weight: 500; color: #000; } 

 .wform .board_list.type2 .tstyle_write .detailed { display: inline-block; } 

 .wform .board_list.type2 .tstyle_write td { display: block; padding-left: 0; } 

 .wform .board_list.type2 { padding: 1rem 2rem; } 

 .stepWrite .category, .stepWrite .category.stick>div { width: 25rem; } 

 .stepWrite .category .complt { padding: 2.2rem 1rem; } 

 .stepWrite .category .box1 .cap { padding: 1.8rem 2rem; } 

 .stepWrite .wform { width: calc(100% - 27rem); } 

 .step .board_list.type2 { padding-right: 3rem !important; } 

 .board_list td .lang { width: 100%; } 

 .stepWrite .wform h4.tt { margin-bottom: 1rem; } 

 #wrapper .LoginWrap { width: 100%; height: 70vh; top: auto; bottom: 0; } 

 #wrapper .LoginWrap .Logbox { top: 35%; } 

 #wrapper .logotitle { text-align: center; display: block; padding: 6vh 1rem 1rem; } 

 #wrapper .logocopyright { bottom: 5rem; } 

 .snb_btn { padding: 0 2rem; text-align: left; font-size: 2rem; display: flex; width: 100%; height: 50px; border-bottom: 1px solid #ddd; color: #111; font-weight: bold; position: relative; align-items: center; } 

 .snb_btn.on { border-color: #155CD6; background-color: #155CD6; color: #fff; } 

 .snb_btn:before { content: '\ea4e'; font-family: 'remixicon'; font-size: 2.5rem; color: #aaa; position: absolute; right: 2rem; top: 1.6rem; font-weight: 300; } 

 .snb_btn.on:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #fff; } 

 .left_menu { float: none; width: 100%; margin-top:2rem; margin-bottom: 2rem; z-index: 3; } 

 .Mypage_wrap #contents { float: none; width: 100%; padding-left: 0; } 

 .left_menu .snb_btn { position: relative; border: 1px solid #ddd; } 

 .left_menu .snb_btn.on { border: 0; border-color: #155CD6; border-bottom-color: #ddd; } 

 .left_menu .profile_box { padding: 1rem 0; border-bottom:1px solid #ddd; border-radius: 5px; } 

 .left_menu .profile_box > * { display: inline-block; vertical-align: middle; margin: 0 0 0 1rem; } 

 .left_menu .user_img { width: 5rem; height: 5rem; } 

 .left_menu .profile_box .list { position: relative; } 

 .left_menu .left_depth2 { position: absolute; width: 100%; top: auto; left: 0; z-index: 2; display: none; } 

 .left_menu .left_depth2.menu { display: block; box-shadow: 0px 16px 38px rgba(0, 0, 0, 0.16); } 

 .left_menu .left_depth2 > li.on .left_depth3 { background: #fff; } 

 .stepWrite .txt .inputbox { margin-bottom: 0; } 

 .board_list td .tooltip { margin: 0 .5rem; } 

 .Mypage_wrap .location .path { display: none; } 

 .Mypage_wrap .location { right: 0; margin-top: 0; top: 0; } 

 .Mypage_wrap .location .util .btt { border: 0; } 

 /* .Mypage_wrap .contents_util { padding-top: 0; margin: 3.5rem 0 2rem; }  */

 .Mypage_wrap .contents_util { height: 3rem; padding-top: 0; margin: 1rem 0; } 

 .Mypage_wrap #contents_title { display: inline-block; padding-top: 0; font-size: 2.3rem; letter-spacing: -0.03rem; line-height:3.6rem; } 

 .chartWrap .c_total > li { padding: 2rem 3rem; height: auto; } 

 #api2 .box .apiStep li > span img { margin-right: 0; display: block; margin: auto; margin-bottom: .7rem; } 

 #api2 .box .apiStep li { margin-right: 1rem; width: calc(25% - 1rem); } 

 #api2 .box .apiStep { width: calc(100% + 1rem); } 

 #api2 .box .apiStep li::before { right: -1.3rem; } 

 .stepWrite .board_list.type2 .tstyle_write th .point1 { position: static; left: inherit; margin-right: 3px; } 

 .board_list .tooltip:visited .tooltxt { display: block; } 

 .tooltip > i { font-size: 2.3rem; } 

 .stepWrite .board_list.type2 .tstyle_write th .tooltip { right: auto; } 

 .Rsrch-box .system .txtbox > li > div { padding-right: 18rem; } 

 .Rsrch-box .procedure > li { width: calc(50% - 3.2rem); } 

 .Rsrch-box .procedure > li:nth-child(n+3) { margin-top: 3rem; } 

 .Rsrch-box .procedure > li > span { min-height: 5rem; } 

 .txtlst { padding: 2.5rem; } 

 div[class*="s_lstbox_cont"] { width: 100%; float: none; margin-right: 0; } 

 .bio-project .item_box .s_lstbox_wrap { height: 497px; } 

 div.s_lstbox_cont2 { margin-top: 2rem; } 

 .s_block { width: 100%; } 

 .s_lstbox_wrap .s_lstbox .tit { padding: 0.5rem 1.5rem; } 

 .s_lstbox_wrap .s_lstbox .list li a { padding: .5rem 0; } 

 .chartWrap .group_list li { width: 33.3333%; padding: 2rem 1rem; } 

 .chartWrap .boxstyle2 .listbox > li { width: 100%; padding: 2rem 1rem; height: auto; border: 1px solid #E1E1E1; border-radius: 10px; } 

 .chartWrap .boxstyle2 .listbox > li + li { margin-top: 1rem; } 

 .chartWrap .boxstyle2 .listbox > li + li:before { display: none; } 

 .chartWrap .boxstyle2 .listbox { border: 0 none; border-radius: inherit; } 

 .halfwrap > * { width: 100%; } 

 .s_lstbox_wrap { height: auto; } 

 .diagram1 .txt br { display: none; } 

 .diagram1 .txt { word-break: keep-all; } 

 .c_type .boxwrap { display: block; justify-content: inherit; } 

 .c_type .cps-lst li { margin-top: 1rem; } 

 /*230328*/
 .flatform > li .linktxt { padding: 0 2rem; } 

 /*230414 사용자 가이드 업데이트*/
 .pic_guide { display: block; } 

 .pic_guide > * { float: none; width: 100%; } 

 .work { gap:1.6rem; grid-template-columns: 1fr 1fr 1fr; }

 .mdLst2box p { padding-right:0; }

 .mdLst2box .desc_btn { right:0.8rem; top:1.4rem; }

 .mdLst2box.right { padding-right:22rem; }

 /* .line_accordion {max-width:calc(100vw - 14%);} */
 .procedure_list > li {padding:2.6rem 3rem;}

 .assurance .left_bx strong {width:auto;height:auto;margin-right:0;margin-bottom:1rem;padding:0.8rem 1.2rem;border-radius:4px;font-size:1.8rem;}

 .assurance .left_bx strong br {display:none;}

 .assurance .left_bx ul {width: 90%;max-width: 100%;}
 
 .mdcc_bx > div:nth-child(2) { width: 100%; max-width: 70rem; margin:0 auto 10rem; order:1; }
 
 .mdcc_bx > div:nth-child(2)::before { display:none; }
 
 .mdcc_bx > div:nth-child(2)::after { top:auto; bottom:-32rem; right:auto; left:50%; -webkit-transform: translateY(0) translateX(-50%) rotate(-0.25turn); transform: translateY(0) translateX(-50%) rotate(-0.25turn); }
 
 .mdcc_bx > div:nth-child(2) .box .list { padding-top:5rem;padding-bottom:5rem; }
 
 .mdcc_bx > div:not(:nth-child(2)) { order:2; width: calc(50% - 0.8rem); }
 
 .mdcc_bx > div:last-child { margin-left:1.6rem; }

 /* .data_contact > li .img { width: 30rem; height:14rem; } */

 .data_contact > li .text { width: calc(100% - 32.8rem); margin-left:2.4rem; }

 .gradientbox.icon_right_bx { padding:6.4rem 4.2rem; }

 .gradientbox.icon_right_bx .desc { width: calc(100% - 31rem); }

 .gradientbox.icon_right_bx .icon { width: 30rem; height:33rem; }
 
 }

@media (max-width: 768px){
 .scroll_x table { width: 700px; } 

 .form_select > select { width: 100%; }

 .s_search_wrap .search_top_box h4 { display: block; } 

 .s_search_wrap .search_top_box .btn_area { float: none; width: 100%; } 

 .s_search_wrap .search_top_box .i_btn { width: calc(50% - 5px); } 

 .s_search_wrap .search-box .tag_group .tag_wrap { display: block; } 

 .s_search_wrap .search-box .tag_group .tag_wrap + .tag_wrap { margin-left: 0; margin-top: .5rem; } 

 .s_search_wrap .search-box fieldset > ul > li:first-child { padding-left: 0; }

 .s_search_wrap .search-box fieldset > ul { width: 100%; }

 .s_search_wrap .search-box .append_input { width:100%; min-width:100%; margin:0 0 1rem; }

 .search-box .input-group { width: 50rem; } 

 .search_setting_field .form_textbox { width: calc(100% - 14.5rem); } 

 .search_setting_field .form_select { width: calc(50% - 3px); margin-bottom: 3px; } 

 .search_setting_field .form_select.dark { width: auto; margin-bottom: 0; } 

 .search_setting_field .form_select select { width: 100%; } 

 .s_search_wrap .info > * { display: inline-block; } 

 .s_search_wrap .info i { transform: none; } 

 /* .s_search_wrap .search_result_all_wrap { display: flex; flex-direction: column; }  */

 .s_search_wrap .search_result_all_wrap { display: flex; flex-direction: column-reverse; } 

 .s_search_wrap .search_result_list_wrap { float: none; width: 100%; padding-right: 0; order: 1; margin-top: 2rem; } 

 .s_search_wrap .search_result_list_wrap.type_right { float: none; padding-left: 0 } 

 .s_search_wrap .search_category_filter_wrap.type_left { float: none; }

 .s_search_wrap .search_category_filter_wrap.type_left .check_list_wrap { padding:2rem 0 0; margin-top:2rem; }

 .search_result_list_wrap .result_list > ul > li:has(.btn_area),.search_result_list_wrap .result_list > ul > li.btn_item4:has(.btn_area), .search_result_list_wrap .result_list > ul > li.btn_item5:has(.btn_area) { padding-right:1.6rem; }

 .search_result_list_wrap .result_list > ul > li .btn_area { position: static; margin-top: 1rem; -webkit-transform: translateY(0); transform: translateY(0);}

 .search_result_list_wrap .result_list > ul > li .btn_area li { display:inline-block; vertical-align: middle; width:calc(50% - 0.4rem); }

 /* .search_result_list_wrap .result_list > ul > li .btn_area li + li { margin-top:0; } */

 .search_result_list_wrap .result_list > ul > li .btn_area, .search_result_list_wrap .result_list > ul > li.btn_item4 .btn_area, .search_result_list_wrap .result_list > ul > li.btn_item5 .btn_area { max-width:100%; }

 .s_search_wrap .search_category_filter_wrap { float: none; width: 100%; order: 0; } 

 .s_search_wrap .search-box .input-group.type2{width:100%}

 .search_result_list_wrap .result_list > ul > li .data_area .more { margin-top: 0; } 

 .search_result_list_wrap .result_list > ul > li .data_area.on .data_list { margin-top: 1rem; } 

 .form_select > select { width: 100%; }

 .search-box .btn-primary1 { width: 100%; margin-top:0.5rem; margin-left: 0; }

 .traffic .search-box .btn-primary1 { width: auto; } 

 .check_list_wrap.active > div { display: block; } 

 .m_check_list_open { display: block; font-size: 1.7rem; font-weight: 700; color: #111; display: block; text-align: center; width: 100%; } 

 .m_check_list_open i { padding-left: 1rem; font-weight: 300; vertical-align: middle; } 

 .check_list_wrap.active .m_check_list_open { padding: 1rem 0 2rem; } 

 .icon_top_box { text-align: center; padding: 3rem 2rem; } 

 .icon_top_box .desc { display: block; padding-left: 0; margin-top: 1.5rem; width: 100%; } 

 .gradientbox.icon_right_bx .desc { width:100%; padding:0 0 2rem; }

 .gradientbox.icon_right_bx .desc .txt { max-width: 100%; }

 .gradientbox.icon_right_bx .icon { display:block; margin:0 auto; }

 .form_institution .form_textbox { display: block; width: 100%; margin-bottom: 5px; } 

 .form_institution .form_textbox + button { margin-left: 0; } 

 .traffic .search-box .form_textbox { width: auto; margin: 0 .8rem; } 

 .agree .form > strong { float: none; display: block; text-align: left; margin-bottom: 1rem; } 

 #map .map_address .txt { position: static; margin-top: 1rem; right: inherit; top: inherit; } 

 .root_daum_roughmap .wrap_map { height: 300px !important; } 

 .depth3_tab ul a { padding: 1rem .5rem; } 

 .box_clear .wdt6, .box_clear .wdt4 { width: 100%; float: none; } 

 .box_clear .wdt6 { margin-bottom: 2rem; } 

 .box_clear .wdt4 { position: static !important; right: inherit; top: inherit; } 

 .update_list .tit { width: calc(100% - 21rem); } 

 .board_list.type2 .tstyle_write th { display: block; font-weight: 500; font-size: 1.7rem; padding: 1rem 0; } 

 .board_list.type2 { padding: 1rem 2rem; } 

 .mdLst > li { padding: 2.5rem 2rem; } 

 .mdLst .modify { right: 2rem; } 

 .Rsrch-box .box .inn { float: none; width: 100%; } 

 .Rsrch-box .box .img { float: none; text-align: center; } 

 .Rsrch-box .box { padding: 3rem; } 

 .edit_sec .po_right { position: static; right: inherit; top: inherit; margin-bottom: 2rem; } 

 .edit_sec .po_right.btn_line.type2 { margin: 0 0 1rem 0; width: 100%; height: 4.5rem; font-size: 1.6rem; line-height: 4.5rem; } 

 .cht-lst li { height: 26rem; } 

 .board_list td .tooltip { margin: 0 0.3rem; } 

 .cht-lst li .img img { width: 100%; } 

 .depth3_tab { width: calc(100% - 4rem); max-width: 100%; position: relative; margin-left:0; margin-right: 0; height: auto; } 

 .depth3_tab ul { margin-top: 0; display: none; border-radius: inherit; width: calc(100% + 50px); position: absolute; z-index: 2; } 

 .depth3_tab ul li { display: block; height: auto; border-radius: inherit !important; border: 0; border-bottom: 1px solid #ddd; background: #fff; } 

 .depth3_tab ul li > a { padding: 1.8rem 2rem; font-size: 1.7rem; text-align: left; font-size: 2rem; font-weight: 500; color: #111; } 

 .depth3_tab ul li.active, .depth3_tab.menu ul { display: block; } 

 .location .path, .contents_util .util .btt.print, .depth3_tab ul li.active, #contents_title:not(.m_tit) { display: none; } 

 .location { right: -2rem; top: -2rem; margin-top: -50px; } 

 .contents_util.mt5 { margin: 0; }

 .contents_util.mt5 .location { top:0; margin-top: 0; }

 .contents_util .util .btt { line-height: 50px; border-radius: inherit; width: 6rem; height: 50px; border: 0; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; } 

 .contents_util { margin: 2rem 0; } 

 .location > .util { margin-left: 0; } 

 .contents_util .util .btt::before { font-size: 2.5rem; } 

 .Mypage_wrap .location .util .btt { width: 3.6rem; height: 3.6rem; line-height: 3.6rem; } 

 .result_list .cont_table table.table01 tbody th, .result_list .cont_table table.table01 tbody td { display: block; border-right: 0 none; } 

 .result_list .cont_table table colgroup { display: none; } 

 .contents_util .util .btt:hover, .contents_util .util .btt:focus { background-color: #155CD6; border-left: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2); } 

 .contents_util.type_top .location { top:2rem; right:0; }

 .contents_util.type_top .util .btt { width:36px; height:36px; border:1px solid #E1E1E1; border-radius: 50%; line-height:1.7; }

 .pbox > p > em { display: inline-block; margin-bottom: .5rem; } 

 .cont_table .table01 caption, .cont_table .table01 colgroup { display: none; } 

 .cont_table .table01 tr th, .cont_table .table01 tr td { display: block; border-left: 0 none; border-right: 0 none; text-align: center !important; word-break: break-all; } 

 .Mypage_wrap .main_wrap { margin-top: 0; } 

 .cont_table.scroll_x .table01 tr th, .cont_table.scroll_x .table01 tr td { display: table-cell; border-left: 1px solid #ddd; } 

 .cont_table.scroll_x .colgroup { display: block; } 

 .apidiagram .img { padding: 1rem; } 

 .apidiagram .txt:before { width: 11.3rem; height: 6.2rem; left: -1rem; } 

 .modal-body { padding: 2rem; } 

 #api2 .box .apiStep li { width: calc(50% - 1rem); margin-bottom: 1rem; } 

 #api2 .box .apiStep li::before { display: none; } 

 .cont_table.scroll_x td.txt_left .bul1 > li { text-align: left; } 

 .Rsrch-box .system .txtbox { padding-left: 2rem; } 

 .mdLst2 > li .modify { position: static; top: inherit; right: inherit; margin-top: .5rem; } 

 /* #header.active .etc .side > .lang { top: 9.9rem !important; }  */

 .board_list .tstyle_list td[aria-label="다운로드"]:before { display: none; } 

 .board_list .tstyle_list td[aria-label="다운로드"] a { display: inline-block; } 

 .left_menu .left_depth3 > li > a { font-size: 1.7rem; } 

 .board_list .tstyle_list td[aria-labe="제목"]::before { display: none; } 

 .ri-links-line.text-primary.ml-4 { margin-left: 0 !important; } 

 .bio-project { padding: 3rem 2rem; } 

 .bio-project .item_box .s_lstbox_wrap { height: auto; width: 100%; } 

 .bio-project .s_lstbox_wrap .s_lstbox { width: 100%; margin-right: 0; } 

 .bio-project div[class*="s_lstbox_cont"], .bio-project *.item_box2 .s_lstbox_wrap { width: 100%; } 

 ul[class*="diagram"] { display: block; text-align: center; } 

 .diagram1 li { margin-bottom: 2rem; } 

 .diagram1 li:after { display: none; } 

 .formWrap { margin-bottom: 4rem; } 

 .board_list .bTop input { width: 100% !important; } 

 .depth4_tab ul a br { display: none; } 

 .work { grid-template-columns: 1fr 1fr; }

 /* submit */
 .bases_check_bx { background:#fff; }
 
 .depth_select_box { display:block; }

 .submit_form { padding-top:34px; }

 .submit_form::after { top:0; }

 .submit_form .accordion .open_title { height:8.75rem; font-size:18px; }

 .submit_form .accordion .hidden_group { padding-top:0; border:none; }

 .normal_btn { padding:0.9rem; font-size:13px; }

 .bk_btn { padding:1.25rem 1.5rem; }

 .submit_form .accordion .btn_align.right { flex-wrap:wrap; padding-bottom:1.3rem; }

 .submit_form .accordion .btn_align.right .normal_btn { width:100%; margin:0 0 8px; }

 .submit_form .accordion .btn_align.right.float-right { float: none; }

 .submit_form .accordion .form_li_tit + .btn_align.right .normal_btn { width:auto; }

 .form_table tbody, .form_table tr, .form_table td { display:block; width:100%; }

 .form_table tr th { padding:1rem 0; }

 .form_table tr.m_download_tr th { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0); color:#000;background:none; }

 .form_table tr.m_download_tr td .bk_btn { width:100%; text-align: center; }

 .form_table tr td select, .form_table tr td input[type="text"] { max-width:100%; height:40px; }

 .form_table tr td input[type="text"], .form_table tr td input[type="text"]::placeholder { font-size:14px; }

 .submit_form input[type="radio"] + label { font-size:15px; font-weight:500; line-height:21px; }

 .submit_form input[type="radio"] + label .desc { display:block; color:#6C757D; font-size:14px; font-weight: 400; word-break: keep-all; }

 .submit_form input[type="radio"] + label .desc::before,  .submit_form input[type="radio"] + label .desc::after { display:none; }

 .submit_form .data_box .title { font-size:18px; }

 .submit_form .data_box .btn_align { position:relative; top:0; left:0; padding:2.8rem 0 0; }

 .submit_form .data_box .btn_align .normal_btn { width:calc(50% - 0.4rem); margin:0; }

 .submit_form .data_box .btn_align .normal_btn + .normal_btn { margin-left:0.8rem; }

 /* browse */

 .s_search_wrap .search-box { margin-bottom:32px; padding:30px 0 0; background:rgba(255,255,255,0); }

 .s_search_wrap .search_field {  }

 .s_search_wrap .search_field fieldset, .s_search_wrap .search_field form, .s_search_wrap .search_field .input-group { display:block; }

 .s_search_wrap .search-box .input-group { width: 100%; margin:0.4rem 0; border:none; }

 .s_search_wrap .search-box .input-group::after { content:"\f0d1"; position:absolute; top:50%; left:8px; color:#6C757D; font-size:18px; font-family: 'remixicon' !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

 .s_search_wrap .search-box fieldset { width: 100%; }

 .s_search_wrap .search-box .form_textbox { width:100%; height:40px; padding-left:4.5rem; border:1px solid #1247A1; border-radius: 6px; font-size:14px; }

 .s_search_wrap .search-box:has(.input-group-btn) .form_textbox { width:calc(100% - 9.5rem); }

 .s_search_wrap .search-box .input-group-btn { width:70px; height:40px; margin-left:4px; }

 .s_search_wrap .search-box .input-group-btn > button { position:relative; border-radius: 6px; background:#1247A1; }

 .s_search_wrap .search-box .input-group-btn > button::after { content:"검색"; position:absolute; top:50%; left:50%; color:#fff; font-size:16px; font-weight:500; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

 .s_search_wrap .search-box .input-group-btn > button i { display:none; }

 .s_search_wrap .search_result { margin: 0; }
 
 .s_search_wrap .tit_box { padding:1.25rem 1.8rem; }

 .search_result_list_wrap .result_list > ul > li .tit { font-size:2rem; white-space: normal;text-overflow: ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
 
 .search_result_list_wrap .result_list > ul > li .refer_box.right { padding-right:0; }

 .search_result_list_wrap .result_list > ul > li .refer { min-width:auto; padding-right:1.6rem; }
 
 .search_result_list_wrap .result_list > ul > li .refer_box br { display:none; }
 
 .search_result_list_wrap .result_list > ul > li .btn_area li a { padding:1rem; }

 .check_list_wrap::after { content:""; display:block; position:absolute; top:0; left: 50%; width:1000%; height:1000%; background:#F7F8FA; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }

 .check_list_wrap .top_title { position:relative; bottom:0; margin:5rem 0 0; padding:5rem 0 1.2rem; }

 .check_list_wrap .tabs_list { margin-bottom:18px; }

 .check_list_wrap .tabs_list button { font-size:15px; }

 .arcordian_check_box.active .check_list > li label { font-size:16px; }

 .tags_search input[type="text"] { height:4.6rem; font-size:1.8rem; }

 .btn-more-wrap .btn-more { padding-top:1.4rem; font-size:1.8rem; }

 .result_list .tit_box { margin:30px 0 0; }

 .result_list .bioexpress { margin-top: 30px; margin-bottom: 0; }

 .pbox { padding:25px 0; border:none; border-bottom:1px solid #e1e1e1; border-radius: 0; }

 .mdLst2box p br { display:block; }

 .exel_box { padding:0; background:rgba(0,0,0,0); border:none; }

 .exel_box .search_box { float: none; margin: 0 0 1rem; }

 .exel_box .search_box .form-control { width: 100%; height: 4rem; }

 .exel_box .btn_align {  }

 .exel_box .btn_align.right .normal_btn { width:calc(50% - 0.4rem); margin:0; }

 .exel_box .btn_align.right .normal_btn:not(:first-child) { margin-left:0.8rem; }

 .form_table tr td .calendar { max-width:20rem; padding:0.48rem 0; }

 .alert { padding:3rem; }

 .alert::before { position:static; top:0; margin:0 auto 1.6rem; -webkit-transform:translateY(0); transform:translateY(0); }

 .depth_tabs ul li a { border-bottom-color:#ddd; }

 .depth_tabs ul li .active { border-bottom-color:#707070; }

 .search_top_sortation { margin:4rem 0 0; }

 /* submit */
 .submit_layer aside { display:none; }

 .submit_layer .area { float: none; width:100%; }
 
 .col_item3 {width:100%;}

 .form_table.depth_2 tr td:not(:last-child), .form_table.depth_3 tr td:not(:last-child) { padding-right:0; }

 .form_table.depth_2 tr:last-child td, .form_table.depth_3 tr:last-child td { padding-bottom:2rem; }

 .unit_input > div { padding-right:0.5rem; }

 .form_table tr td .unit_input input[type="text"] { max-width:15rem; }

 .modal-pop .pop_area { padding:3rem; }

 .modal-pop .pop_area .con_table { padding:0.1rem 0 0;overflow: auto; }

 .modal-pop .pop_area .con_table table { min-width:50rem; }

 .line_table colgroup {display:none;}

 .line_table tr th {position:absolute;width:1px;height:1px;visibility:hidden;opacity: 0;}

 .line_table tr td {display:block;width:100%;padding-top:0.5rem;}

 .line_table tr td + td {padding-left:0;}

 .search_choice > div {width:100%;}

 .search_choice > div:not(:last-child) {margin:0 0 2rem;}

 .search_choice > div .form_select {display:block;margin-bottom:0.6rem;}

 .search_choice > div .input-group {width:calc(100% - 9rem);}

 .procedure_list > li .text {width:100%;padding:2rem 0 0;}

 .line_accordion .con_table table {width:100%;}

 .line_accordion .con_table table:first-child {margin-right:0;margin-bottom:1rem;}

 .assurance {flex-wrap:wrap;}

 .assurance .left_bx {width: 100%;padding-bottom:7rem;}

 .assurance .left_bx::after {right:auto;left:0;top:auto;bottom:-1.6rem;width:100%;background:url("../../image/service/content/arrow_bg2.png") no-repeat 50% 100% / cover; }

 .assurance .left_bx ul, .assurance .list {width:100%;max-width:100%;}

 .assurance .left_bx ul {position:relative;z-index: 1;}

 .compound_table .img { width: 28rem; }

 .compound_table .con_table { width: calc(100% - 32rem); }
}

@media (max-width: 650px){
 .search-box .input-group { width:100%; margin-bottom: .5rem; } 

 .data_number_list li { width: 33.3333%; } 

 .depth4_tab ul a { padding: .9rem .3rem; } 

 .cont_table table td .float-right { float: none; display: block; } 

 .search-box { margin-bottom: 2rem; } 

 .sitemap > ul > li { width: 100%; padding-right: 0; } 

 .depth4_tab { overflow-x: auto; width: 100%; } 

 .sitemap > ul { width: 100%; } 

 .depth4_tab ul { margin-bottom: 2rem !important; } 

 .stepWrite { display: flex; flex-direction: column-reverse; margin-top: 2rem; } 

 .stepWrite .category, .stepWrite .wform { width: 100%; margin-bottom: 2rem; } 

 .stepWrite .category .btn { width: calc(50% - .8rem); float: left; margin-right: .8rem; } 

 div[data-component-rol="data-btn"] { width: calc(100% + .8rem); overflow: hidden; } 

 .stepWrite .category .btn_wrap { width: 100%; } 

 .search-box .form_select { display: block; width: 100%; margin-bottom: .5rem; } 

 .edit_profile .edit_sec .re_user_img { float: none; margin: 0 auto 2rem; } 

 .edit_profile .re_user_img + .board_list.type2 { float: none; width: 100%; } 

 .mdLst2 > li .checknote > li+li { margin-top: 1rem; } 

 .mdLst2 > li .checknote > li:after { display: none; } 

 .bio-project { padding: 0; background: none; border: 0 none; border-radius: inherit; } 

 div[class*="c_type"] { padding: 2rem 1rem; } 

 div[class*="c_type"]:last-child { margin-bottom: 0; } 

 .top_btn_area .tab_list { float: none; display: block; } 

 .top_btn_area .btn_area { float: none; margin-top: 1rem; } 

 .top_btn_area .btn_area .form_check.none { padding-left: 0; } 

 .download_history_wrap .top_btn_area .form_radio_list.type2 { float: none; } 

 .ntfct > li > a > .txt { display: block; padding-left: 0; margin-top: 1rem; } 

 .ntfct > li .nt-close { transform: none; top: 2rem; } 

 .ntfct > li > a { width: 100%; padding: 1.5rem; } 

 .edit_profile .edit_sec .border_box { padding: 0; border: 0 none; } 

 .box4_list_wrap .box { width: 100%; } 

 .box4_list_wrap .box .inner { min-height: inherit; } 

 .tooltip .tooltxt { left: auto; } 

 .tooltip:hover .tooltxt:after { display: none; } 

 .other_list li .title { display: block; width: 100%; float: none; } 

 .other_list li em { display: inline-block; float: none; margin-right: 1rem; } 

 .search-box.birthFrom fieldset { width: 100%; } 

 .search-box.birthFrom fieldset .item { display: inline-block; width: calc(50% - 1rem); } 

 .search-box.birthFrom fieldset .item .form_birth { width: 100%; } 

 .search-box.birthFrom fieldset .item .form_birth input { width: 100% !important; } 

 .search-box.birthFrom .btn-primary1 { margin-top: .5rem; } 

 .circleBox .border_box .conlist { width: calc(100% + 3rem); overflow: hidden; } 

 .circleBox .border_box .conlist > li { padding-right: 3rem; } 

 .circleBox .border_box .conlist > li * { letter-spacing: -1px}

 .circleBox .border_box .conlist > li > span[class*="tt"]:before { top: 0.45rem; width: 1rem; height: 1rem; } 

 .circleBox .border_box .conlist > li > span[class*="tt"] { padding-left: 1.3rem; } 

 .stepWrite .category.stick > div { position: Static; width: 100%; top: inherit; } 

 .viewsWrap .formWrap .typebox { width: calc(100% + 1rem); } 

 .viewsWrap .formWrap .typebox .slide { width: 33.3333%; padding-right: 1rem; } 

 .viewsWrap .formWrap .typebox .slide a { padding: 1.5rem; word-break: break-all; } 

 .viewsWrap .formWrap .typebox .slide a .txtbox > span { line-height: 1.2; -webkit-line-clamp: 3; } 

 .sevlst { width: 100%; } 

 .sevlst li { width: 100%; height: auto; } 

 .sevlst li div { padding: 1.5rem 2rem; } 

 #exam1 .box-1 { padding: 1rem; } 

 .Rsrch-box .system .depth { display: block; border-radius: 15px; border: 1px solid #707070; width: 100%; height: auto; float: none; } 

 .Rsrch-box .system .txtbox { float: none; width: 100%; display: block; padding-left: 0; padding-top: 1rem; } 

 .Rsrch-box .system { display: block; padding-top: 2rem; } 

 .Rsrch-box .system .txtbox > li > div > strong { float: none; width: auto; } 

 .Rsrch-box .system .txtbox > li > div { padding-right: 0; } 

 .Rsrch-box .system .txtbox > li a { position: static; right: inherit; top: inherit; transform: none; display: block; width: auto; margin-top: 2rem; } 

 .Rsrch-box .system .txtbox > li > div > span { float: none; width: 100%; display: block; margin-top: .8rem; } 

 .Rsrch-box .pc { display: none; } 

 .Rsrch-box .mob { display: block; } 

 .board_info ~ .mdLst { margin-top: 1rem; } 

 .search-box.birthForm .btn-primary1 { margin-top: 1.5rem; } 

 .chartWrap .group_list li .tp .number { max-width: 100%; display: block; } 

 .gray_border { overflow-x: auto; } 

 .gray_border > p { padding: 1rem; min-width: 550px; } 

 .depth4_tab ul { border-radius: inherit; } 

 .depth4_tab ul li[data-tab*="guide_tab"] { line-height: 1.2; float: left; width: 50%; height: 5rem; display: flex; align-items: center; justify-content: center; border: 0; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: inherit; } 

 .depth4_tab ul li[data-tab="guide_tab1"] { width: 100%; border-top: 1px solid #ddd; } 

 .depth4_tab ul li[data-tab="guide_tab2"], .depth4_tab ul li[data-tab="guide_tab4"] { border-right: 0 none; } 

 .depth5_tab ul li a { padding: 0 .3rem; line-height: 1.2; display: flex; align-items: center; justify-content: center; min-height: 4.4rem; } 

 .depth5_tab ul li a:before, .depth5_tab ul li:nth-child(3):before { display: none; } 

 .depth5_tab ul li { float: left; width: 50%; } 

 .depth5_tab ul { display: inherit; overflow: hidden; } 

 .layer_contact h4 { width: auto; display: block; float: none; } 

 .layer_contact .info_list { width: auto; float: none; margin-top: 1rem; } 

 .layer_contact .info_list li:before { left: 1px; } 

 /*230328*/
 .flatform > li { flex-direction: column; position: relative; } 

 .flatform > li .linktxt { width: 100%; text-align: center; margin-top: 1rem; } 

 .flatform > li a.gotolink { display: none; } 

 .flatform > li .linktxt > a { font-size: 1.8rem; margin-top: 1rem; } 

 /*230907*/
 .other_list li .title { font-size:14px; }

 .other_list li .title::before { display:none; }

 .other_list li em:not(.no-before)::before { content:attr(aria-label); display:inline-block; vertical-align: middle; padding: .4rem 0.6rem .3rem; background: #E7EFFB; border-radius: 4px; font-size:1.3rem; font-weight:500; line-height:1.6rem; margin-right: 1rem; }

 .other_list li .title:not(.no-before).UmbrellaProject + em::before { background: #FCE6FF; color: #9C3BAA }

.other_list li .title:not(.no-before).BioProject + em::before { background: #E7EFFB; color: #145CD6 }

.other_list li .title:not(.no-before).BioSample + em::before { background: #E5F4F0; color: #007C64 }

.other_list li .title:not(.no-before).KRA + em::before { background: #E4F7F9; }

.other_list li .title:not(.no-before).KArray + em::before { background: #EEF1FE; }

.other_list li .title:not(.no-before).KNA + em::before { background: #FCEEF9; }

.other_list li .title:not(.no-before).KPOP + em::before { background: #FDEBE9; }

.other_list li .title:not(.no-before).KMAP + em::before { background: #EBFBEE; }

.other_list li .title:not(.no-before).KCODE + em::before { background: #FFF4DC; }

.other_list li .title:not(.no-before).KBI + em::before { background: #FEEFE3; }

.other_list li .title:not(.no-before).KPC + em::before { background: #FBE5E5; }

.other_list li .title:not(.no-before).ETC + em::before { background: #E9ECF2 }
 
.other_list li { position:relative; }

.other_list li::after { content:"\ea6e"; display:block; position:absolute; top:50%; right:0; color:#AAA; font-size:2.5rem; font-family: 'remixicon' !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.other_list li em .more { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; color:rgba(0,0,0,0); font-size: 0; border:none; }

.other_list li em .more:hover, .other_list li em .more:focus { background:rgba(0,0,0,0); }

.radio_list { padding:0; }

.submit_form .accordion .con_table table td { word-break: break-all; }

.submit_form .accordion .con_table table input[type='checkbox'] { display:block; }

.graph_bx4 > div { width:100%; }

.graph_bx4 > div:nth-child(2n) { margin-left:0; }

.result_list .tit_list,
.graph_bx4 .graph_area { width:100%; }

.result_list .tit_list li { padding:0.4rem 0; }

.graph_items > div { width:100%; }

.graph_items > div:not(:last-child) { margin-right:0; }

.con_table .table03 th {display: none;} 

.con_table .table03 tbody tr {padding:0.8rem 0;}

.con_table .table03 tr, .con_table .table03 td {display:block;height:auto;text-align: start;padding-left:0;padding-right:0;}

.con_table .table03 td[aria-label='번호'], .con_table .table03 td[aria-label='제목']::before {display:none;}

.con_table .table03 td::before {content:attr(aria-label);display:inline-block;vertical-align:middle;padding-right:1rem;color:#767676;font-size:1.5rem;}

.goals_bx > ul > li { width: calc(50% - 0.8rem); margin-top:6rem; }

.goals_bx > ul > li:not(:last-child) {margin-right:0;}

.goals_bx > ul > li:nth-child(2n) {margin-left:1.6rem;}

.mdcc_bx .box .profile_image { width:10rem; height:12rem; }

.mdcc_bx .box .info { padding-left:12rem; }

.color_desc_box, .border_box.type_image { padding:2.4rem; }

.border_box.type_image .text { max-width: 100%; padding:2rem 0 0; }

.data_contact > li .list > li { width: 100%; }

.data_contact > li .img { width: 24rem; height: 15rem; }

.data_contact > li .text { width: calc(100% - 28.4rem); }

}

@media (max-width: 530px){
 .data > .txt { display:block; } 

 .data .d_slide { padding-top: 1rem; } 

 .formWrap .datalst > ul > * + * { margin-left: 0; } 

 .formWrap .datalst > ul > * { margin-right: .5rem; margin-bottom: .5rem; } 

 .mdLst .modify { position: static; top: inherit; transform: none; overflow: hidden; margin-top: 1rem; width: calc(100% + 1rem); } 

 .mdLst .modify > a { float: left; width: calc(33.3333% - 1rem); margin-right: 1rem; } 

 .mdLst .modify > a + a { margin-top: 0; } 

 .mdLst .box1 { width: 100%; } 

 .depth4_tab .num { display: block; margin-left: 0; } 

 .cht-lst li > .txt .num { font-size: 2.4rem; } 

 .cht-lst li > .txt { height: auto; } 

 .halfwrap .w50 > * { width: 100%; float: none; padding: 0; } 

 .txtlst { padding: 1rem; } 

 .chartWrap .halfwrap .w50 { padding: 1.5rem; display: block; } 

 .txtlst + .txtlst:before { display: none; } 

 .search-box { flex-direction: column; } 

 .search-box .btns { margin: 0.3rem 0 0 0; width: 100%; } 

 .search-box fieldset { width: 100%; } 

 .sampleWrap > .register .btntype { width: 100%; } 

 .sampleWrap > .register .btntype li { width: 100%; margin-right: 0; } 

 .sampleWrap > .register .btntype li+li { margin-top: 1rem; } 

 #contents { padding-bottom: 7rem; } 

 #map > #kakaomap { height: 300px !important; } 

 .traffic .search-box fieldset > * { display: block; width: 100% !important; float: none !important; margin: 1rem 0rem !important; } 

 .traffic .search-box .ri-arrow-right-line { width: 2.4rem !important; margin: auto !important; text-align: center; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 

 .search-box #filterForm { width: 100%; } 

 .chartWrap .c_total > li { padding: 2rem 1.5rem}

 #visual { width: 100%; max-width: 100%; } 

 #visual .title { font-size: 3.3rem; } 

 .file_list > ul > li { padding-left: 8rem; } 

 .file_list .file_icon { width: 8rem; } 

 .file_list .file_info { width: calc(100% - 5rem); } 

 .file_list .delete_btn { right: 1rem; } 

 .formWrap .slick-arrow { display: none !important; } 

 .viewsWrap .slick-arrow { display: block; } 

 .edit_profile .bbox .more { position: static; margin-top: 2rem; } 

 .gradientbox .desc strong { font-size: 2.2rem; } 

 .gradientbox.type_txt { padding:4rem 3rem; }

 .gradientbox.type_txt .tit { font-size:2.4rem; }
 
 .apidiagram { padding: 0; background-color: inherit; border-radius: 0; margin-top: 2rem !important; } 

 .apidiagram .img { float: none; width: 100%; display: block; padding: 0; } 

 .apidiagram .txt:before { content: '\ea4e'; font-family: 'remixicon'; background: none; color: #111; width: auto; height: auto; left: 50%; transform: translateX(-50%); top: 1rem; font-size: 5.5rem; } 

 .apidiagram .txt { color: #111; display: block; position: relative; left: inherit; transform: none; top: inherit; font-weight: bold; padding: 1rem 0 4rem; } 

 .javaGuide .box-1 { padding: 1rem; margin-top: 1rem; } 

 .Rsrch-box .procedure > li { width: 100%; float: none; margin-right: 0; margin-top: 3rem; } 

 .Rsrch-box .procedure { width: 100%; } 

 .Rsrch-box .procedure > li > span { min-height: inherit; } 

 .Rsrch-box .procedure > li:first-child { margin-top: 0; } 

 .apidiagram .img:last-child { margin-top: 2rem; } 

 .cht-lst li { width: 100%; float: none; margin-right: 0; } 

 .cht-lst { width: 34rem; margin: auto; } 

 .cht-lst li+li { margin-top: 1rem; } 

 .sampleWrap .data, .sampleWrap > .register { padding: 4rem 3rem; } 

 .data .slick-counter { right: 0; top: inherit; bottom: -3.5rem; } 

 .sampleWrap .data .arrow { position: static; top: inherit; right: inherit; margin-top: 1rem; }

 .work { grid-template-columns: 1fr; }

 .form_table tr td .double_items select, .form_table tr td .double_items input[type="text"] { width:100%; }

 .form_table tr td .double_items > *:nth-child(2) { margin:1rem 0 0; }

 .graph_item4 > li { width: 24rem; padding:1.6rem; }

 .s_search_wrap .tit_box .check_txt { width: calc(100% - 5rem); }

 .s_search_wrap .tit_box .normal_btn { margin-top:1rem; }

 .procedure_list > li {width:calc(50% - 3rem);margin-top:1rem;border:1px solid #e1e1e1;}

 .procedure_list > li:not(:last-child) {margin-right:4rem;border-right:0;}

 .procedure_list > li:not(:last-child)::after {right:-3rem;}

 .history_bx {padding:3rem 5rem;}

 .history_bx .btn_align {float:none;margin-top:1rem;}

 .history_bx .normal_btn {min-width: auto;}

 .modal-pop .choice_li > li {width: 100%;}

 .assurance { border-radius: 16px; }

 .assurance .left_bx, .assurance .list { padding-left:2rem;padding-right:2rem; }

 .mdcc_bx > div:not(:nth-child(2)) { width: 100%; }

 .mdcc_bx > div:last-child { margin:2rem 0 0; }

 .mdcc_bx .box + .box { margin-top:2rem; }

 .compound_table .img { display:block; width: 100%; height: 30rem; margin:0 auto 2rem; }

 .compound_table .con_table { width: 100%; }
}

@media (max-width: 435px){
 .form_phone .form_textbox, .form_phone .form_select > select { width: 10rem; } 

 .s_search_wrap .search_top_box .i_btn { width: 100%; } 

 .s_search_wrap .search_top_box .i_btn + .i_btn { margin-left: 0; margin-top: 1rem; } 

 #map .map_address { padding: 1.8rem 1rem; overflow: hidden; } 

 #map .map_address li { margin-right: 0; } 

 .formWrap .typebox .slide { padding-right: 1rem; } 

 .formWrap div[id*="tab"] { width: calc(100% + 1rem); } 

 .main_data_type_wrap .top_box { padding: 2.5rem 2rem; } 

 .data_number_list li { width: 50%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 

 .data_number_list li:last-child { width: 100%; border-right: 0; border-bottom: 0; } 

 .data_number_list li + li:before { display: none; } 

 .data_number_list li:nth-child(2n) { border-right: 0; } 

 .update_list .tit { width: 100%; } 

 .update_list .date { position: static; right: inherit; top: inherit; margin-top: .5rem; } 

 .sampleWrap > .register>strong { font-size: 2.5rem; } 

 .ctype > li { width: 50%; } 

 .stepWrite td .twrap > div[class*="st"] .txtp { margin-right: 0; min-width: 4rem; } 

 .stepWrite td .twrap { display: block; } 

 .stepWrite td .twrap > div[class*="st"] { display: block; margin-right: 0; margin-bottom: 1rem; } 

 .pbox { padding: 2rem 1.3rem; } 

 .pbox > p, .pbox > span { float: none; display: block; } 

 .pbox > span { margin-top: .5rem; } 

 .chartWrap .c_total > li .txt { padding: 0 0 0 1rem; } 

 .top_btn_area .tab_list li + li { margin-left: 1.5rem; } 

 .top_btn_area .tab_list li.active a { font-size: 2rem; } 

 .top_btn_area.ver3 .tab_list li.active a { padding-bottom: 0; } 

 .top_btn_area .tab_list li + li:before { top: 5px; left: -1.05rem; } 

 .file_list > ul > li { padding-left: 0; padding-top: 2rem; } 

 .file_list .file_icon { width: auto; display: block; position: static; border-right: 0 none; } 

 .file_list .file_icon span { transform: none; } 

 .file_list .file_info { padding: 1rem 1.5rem; } 

 .viewsWrap .formWrap .typebox { width: 100%; } 

 .viewsWrap .formWrap .typebox .slide { padding-right: 1rem; } 

 .mydataInfo .notiLst .list > li > a > .days { position: static; right: inherit; top: inherit; display: block; padding-top: 1rem; } 

 .Mypage_wrap .depth4_tab { overflow-y: auto; } 

 .Mypage_wrap .depth4_tab ul { min-width: 430px; } 

 .viewsWrap .formWrap .typebox .slide { width: 50%; } 

 #api2 .box .apiStep li > span { font-size: 1.6rem; } 

 .box-1 .txt { width: 100%; float: none; padding-left: 0; } 

 .box-1 { padding: 2rem; } 

 .box-1 .icon { display: none; } 

 .top_btn_area .tab_list li a { font-size: 1.8rem; } 

 .apibox > i { display: none; } 

 #map .map_address .txt { float: right; } 

 .traffic .search-box .form_textbox { height: 5rem; } 

 .traffic ul.list2 li { display: block; padding: 1rem; } 

 .traffic ul.list2 li span > i { margin: -2px 0 0 3px; } 

 .traffic ul.list2 li span br { display: none; } 

 .traffic ul.list2 { padding: 1rem 0; } 

 .title2 { font-size: 2.4rem; margin: 4rem 0 2rem; } 

 input[type="text"], input[type="password"], select { height: 4.5rem; } 

 .mdLst2.type2 > li .style1 { padding: 2rem 2rem 1rem; width: 100%; float: none; } 

 .mdLst2.type2 > li .choice { position: static; right: inherit; top: inherit; transform: none; width: auto; display: block; margin-top: .5rem; text-align: left; } 

 .mdLst.type3 > li { padding: 1rem 2.5rem; } 

 .bio-project .item_box .s_lstbox_wrap { height: auto !important; } 

 .bio-project .item_box .s_lstbox_wrap .s_lstbox { width: 100%; } 

 .bio-project .item_box .s_lstbox_cont { margin-top: 1rem; } 

 .chartWrap .c_total > li .txt > em { font-size: 1.8rem; } 

 .bio-project div.item_box2 .s_lstbox_wrap .s_lstbox { width: 100%; padding: 0 1rem; } 

 .bio-project *.item_box2 .s_lstbox_wrap { margin: 0; } 

 .bio-project div.item_box2 .s_lstbox_wrap .s_lstbox+.s_lstbox { margin-top: 1rem; } 

 .formWrap .datatit > strong i { margin-right: 0; } 

 .search_result_list_wrap .result_list.type_img > ul > li { padding-left:0; }

 .search_result_list_wrap .result_list.type_img > ul > li .img_box {  width:100%; height:auto; margin: 0 0 1.4rem; }
 
 .search_result_list_wrap .result_list.type_img > ul > li .img_box img { width:100%; }

 .search_result_list_wrap .result_list.type_img > ul > li .img_box + .text_area { width:100%; }

 .goals_bx > ul > li { width: 100%; }

 .goals_bx > ul > li:nth-child(2n) {margin-left:0;}

 .data_contact > li .img { width: 100%; height: 18rem; }

 .data_contact > li .text { width: 100%; margin:2rem 0 0; }

 }

@media (max-width: 375px){
 .mydataInfo .title2 .info { display:block; padding-top: 1rem; padding-left: 0; } 

 .mydataInfo .title2 .info:before { display: none; } 

 .chartWrap .c_total > li > .icon { display: none; } 

 .chartWrap .c_total > li .inn { width: 100%; } 

 .cht-lst li > .txt .icon { display: none; } 

 .c_type15 .c_total > li .txt { width: 100%; } 

 .chartWrap .group_list li { width: 50%; } 

 .formWrap .datatit > * + *:before { display: none; } 

 .formWrap .datatit > span > a { font-size: 0; } 

 .formWrap .datatit > span { float: right; } 

 .formWrap .datatit > span i { font-size: 3rem; color: #767676; } 
 
 .btn_align { flex-wrap:wrap; }

 .submit_form .data_box .btn_align .normal_btn { width:100%; }

 .submit_form .data_box .btn_align .normal_btn + .normal_btn { margin:0.8rem 0 0; }

 .modal-pop .modal-inner { padding:2rem 3rem; }

 .submit_layer .form_table tr th .normal_btn {}

 .form_table tr td .unit_input input[type="text"] { max-width:11rem; }

 .doble_input select, .sel_text_input select { width:12rem; }

 .doble_input input[type="text"] { width:calc(100% - 12rem); }

 .procedure_list > li {width:calc(100% - 3rem);}

 .procedure_list > li:not(:last-child) {margin-right:0;}

 .history_bx { padding:2rem 4rem; }

 }

@media (max-width: 350px){
 .traffic ul[class*="list"] > li { width:100%; display: block; padding: 1.7rem 1rem; } 

 .traffic ul[class*="list"] > li + li { border-left: 0; border-top: 1px solid #e1e1e1; } 

 .formWrap .datatit > strong { font-size: 2rem; } 

 #wrapper .LoginWrap .Logbox { width: 100%; } 

 #wrapper .logotitle>span { padding-top: 0; } 

 #wrapper .LoginWrap { height: 80vh; } 

 .mdLst2 > li { padding: 1rem; } 

 .formWrap .datatit > strong i { margin-right: 0; } 

 .stepWrite .category .btn, .stepWrite .category .btn_wrap > * { font-size: 1.6rem; } s

 #api2 .box .apiStep li { width: 100%; margin-right: 0; } 

 #api2 .box .apiStep { width: 100%; } 

 .cht-lst { width: 100%; } 

 .contents_util .menu_type > li > a { padding: .4rem .8rem; } 
 }

 /* 23.10.27 추가 cya */

/*공통*/
.tit01{color:#111111;font-size:2.2rem;font-weight:bold;margin:7rem 0 2rem}

.tit01 > i{color:#D1D4DB;margin-right:.8rem;font-weight:500;font-size:2.7rem;}

.tit02{color:#333333;font-size:2rem;font-weight:bold;}

.tit03{font-size:1.8rem;}

.box_st1{background-color:#F4F5F9;border-radius: 6px; }

.box_st2{background-color:#F7F8FA;border-radius:1.5rem;border:1px solid #E1E1E1;}

* ~ .box_st2{margin:7rem 0 2rem;}

/*데이터등록*/
.box_st1.navi{padding:1.5rem 2rem;display: flex;align-items: center;}

.box_st1.navi > p{color:#707070;display:inline-block;position:relative;padding-left:2.5rem;line-height: 1.3;}

.box_st1.navi > p:before{content:'\ECA0';position: absolute;top:-4px;left:0;color:#000000;font-size:2rem;font-family: 'remixicon';}

.box_st1.navi > a{margin:0 0 0 2rem;}

.type_list2{display:grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;}

.type_list2 > div{background-color:#F4F5F9;border-radius: 1rem;padding:2.5rem 2.5rem 6.5rem 2.5rem;position:relative;}

.type_list2 > div:nth-child(3){grid-column-start: 1;}

.type_list2 > div .depth01{color:#707070;display:block;}

.type_list2 > div .btn_line{position:absolute;bottom:2.5rem;left:auto;margin:0;}

.type_list2 .tit02{display:block;margin:1rem 0;}

.type_list2 .tit02:hover{text-decoration: underline;}

.box_st2.cnt{padding:4rem;align-items: center;justify-content: space-between;display:flex;}

.box_st2.cnt .tit{color:#1A3871;font-size:2.2rem;font-weight:bold;}

.box_st2.cnt > .contect > a{font-size:1.8rem;color:#111;position:relative;padding-left:5rem;line-height:4rem;}

.box_st2.cnt > .contect > a + a{margin-left:3rem;}

.box_st2.cnt > .contect > a:before{width:4rem;height:4rem;color:#fff;color:#fff;background-color:#155CD6;font-size:2rem;text-align: center;line-height:4rem;font-family: 'remixicon';border-radius:50%;display:inline-block;position:absolute;left:0;top:auto;}

.box_st2.cnt > .contect > a.mail:before{content:'\EEF6';}

.box_st2.cnt > .contect > a.call:before{content:'\EFE9';}

.box_st2.cnt .lst > a{border:1px solid #CCCCCC;background-color:#fff;color:#111111;line-height:3.7rem;height:4rem;display:inline-block;min-width:15.6rem;padding:0 .5rem;text-align: center;font-weight:600;transition:all .3s;}

.box_st2.cnt .lst > a:hover, .box_st2.cnt .lst > a:focus{border-color:#000;}

/*데이터통계*/
.type_list1{border:1px solid #E1E1E1;border-radius:1.6rem;padding:3.5rem;position:relative;display:grid;grid-template-columns: repeat(2, 1fr);gap:0 2rem;}

.type_list1 .btn_line{position:absolute;right:0;top:-5rem;margin:0;padding:0;min-width:7.7rem;}

.type_list1 .item{display:flex;padding:1rem 2rem;border-bottom:1px solid #EEEEEE;border-radius:6px;position:relative;align-items: center;justify-content: space-between;}

.type_list1 .item:not(.no-link)::after{content:'\EA6E';font-family:'remixicon';color:#AAAAAA;font-size:2rem;top:50%;right:2rem;position:absolute;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.type_list1 .item.fix{border-bottom: 0;background-color:#F4F5F9;padding:1.5rem 2rem;margin-bottom:1rem;}

.type_list1 .item.fix .num{color:#111111;}

.type_list1 .item .num{color:#1A3871;font-size:1.8rem;font-weight:600;margin-right:4rem;}

.type_list1 .icon{margin-right:1.2rem;}

.type_list1 .item:nth-last-child(-n+2){border-bottom:0;}

.data_flexbox{display: grid;grid-template-columns: repeat(2, 1fr);gap:0 4rem;}

.data_flexbox [class*="data_0"]{border:1px solid #E1E1E1;border-radius:1.6rem;padding:3rem 5rem;height: 20rem;}

.data_flexbox .data_num{color:#155CD6;font-size:2.0rem;font-weight:bold;display: inline-block;}

.data_flexbox .data_num > span{font-size:1.7rem;font-weight:600;color:#333333;margin-left:5px;}

.data_flexbox strong{font-size:1.7rem;}

.data_flexbox .data_01 > li{display: flex;justify-content: space-between;align-items: center;}

.data_flexbox .data_01 > li > strong:before{content:'';width:6rem;height:6rem;border-radius:50%;background-color:#EEF7FF;display: inline-block;background-image:url(../../../resources/image/service/content/chart_icon.png);background-repeat: no-repeat;background-position: center;line-height:6rem;vertical-align: middle;margin-right:1.6rem;}

.data_flexbox .data_01 > li + li{margin-top:2rem;}

.data_flexbox .data_02{display:flex;justify-content: space-between;}

.data_flexbox .data_02 > li > *{display: block;text-align: center;}

.data_flexbox .data_02 > li > strong{padding:5px 0 .6rem;line-height:1.4;}

.border_box.chart{border:1px solid #E1E1E1;border-radius:1.6rem;padding:3rem;text-align: center;display: flex;justify-content: center;gap: 4rem;margin-bottom:2rem;}

.border_box.chart > article:only-child{width:100%;}

.border_box.chart > article:first-child:nth-last-child(2),                       
.border_box.chart > article:first-child:nth-last-child(2)+article{width:50%;}

.border_box.chart > article:first-child:nth-last-child(3),
.border_box.chart > article:first-child:nth-last-child(3)~article{width:33.333%}

.border_box.chart > article:first-child:nth-last-child(4),
.border_box.chart > article:first-child:nth-last-child(4)~article{width:25%}

/*팝업*/
.box_st1.qna{padding:1.6rem 2rem;color:#111;line-height:1.2;}

.box_st1.qna .question{color:#111;display: block;margin-bottom:1rem;}

.box_st1.qna .answer_btn{border-top:1px solid #D8D9DF;}

.box_st1.qna .answer_btn > *{padding:1rem;background:#fff;border:1px solid #D8D9DF;display: block;width:100%;text-align:left;border-top:0;transition: all .2s;color:#555555;}

.box_st1.qna .answer_btn > *:hover,
.box_st1.qna .answer_btn > .active{color:#111;background:#D8D9DF;}

.box_st1.qna .answer_txt{padding-left:2.5rem;color:#111;}

.box_st1.qna .answer_txt .change{margin-left:1rem;color:#767676;text-decoration: underline;}

.box_st1.qna + .qna{margin-top:2rem;}

.box_st1.qna .btn_line3{padding:6px 1rem;height: auto;line-height:initial;margin-left:2rem;font-size:1.5rem;font-weight:500;}

.line_bx_table {padding:0 3rem;border:1px solid #E1E1E1;border-radius:5px;}

.line_bx_table table {}

.line_bx_table table tr {}

.line_bx_table table tr + tr {border-top:1px solid #E1E1E1;}

.line_bx_table table th {vertical-align: top;padding:2rem 0;text-align: start;}

.line_bx_table table th strong {color:#155CD6;font-size:1.6rem;font-weight:600;font-family: 'semibold';letter-spacing: -0.01rem;}

.line_bx_table table td {padding:2rem 1rem;color:#555;font-size:1.6rem;}

.line_bx_table table td .list {display:flex;flex-wrap:wrap;margin-top:2rem;}

.line_bx_table table td .list > li {flex: 1;display:inline-block;vertical-align: middle; position:relative;padding:1.6rem 0.6rem 2rem;border:1px solid #E1E1E1;text-align: center;font-size:1.5rem;line-height:1.3;font-weight:600;font-family: 'semibold';word-break: keep-all;}

.line_bx_table table td .list > li:not(:last-child) {margin-right:1.9rem;}

.line_bx_table table td .list > li:not(:last-child)::after {content:"";display:block;position:absolute;right:-1.4rem;top:50%;border-left:0.8rem solid #AAA;border-top:0.6rem solid rgba(0,0,0,0);border-bottom:0.6rem solid rgba(0,0,0,0);-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.line_bx_table table td .list > li a {display:block;color:#888;font-family: 'Pretendard';font-weight: 400;text-decoration: underline;}

.line_bx_table table td .list > li a:hover, .line_bx_table table td .list > li a:focus {color:#666;}

.line_bx_table table td b {font-size:1rem;font-weight:400;}

.line_bx_table table td .btn_line3 {margin-bottom:0.5rem;padding: 6px 1rem; height: auto;line-height: initial; font-size: 1.5rem;font-weight: 500;}

.dot_li > li {color:#555;font-size: 1.6rem;font-weight: 400;font-family: 'Pretendard';}

.dot_li > li::before {content:"";display:inline-block;vertical-align: middle;position:relative;top:-0.1rem;width: 0.4rem;height:0.4rem;margin-right:0.6rem;background:#999;}

@media (max-width:1200px){
    .box_st2.cnt{flex-direction: column;}

    .box_st2.cnt .contect{margin:2rem 0;}
}

@media (max-width:1024px){
    .type_list1{padding:2.5rem;}

    .type_list1 .item::after{right:1rem;}

    .type_list1 .item .num{margin-right:2rem;}

    .type_list2{grid-template-columns: repeat(3, 1fr);}

    .type_list2 > div .depth01{line-height:1.3;}

    .box_st2.cnt{padding:3.5rem 2rem;}

    .data_flexbox{display: block;}

    .line_bx_table table td .list > li {flex:1 1 20rem;margin-bottom:0.5rem;}

    .line_bx_table table td .list > li:last-child {margin-right:1.9rem;}
}

@media (max-width:600px){
    .type_list1{grid-template-columns:auto;}

    .type_list1 .item:nth-last-child(2){border-bottom: 1px solid #eee;}

    .type_list2{grid-template-columns: repeat(2, 1fr);}

    .type_list2 > div .depth01 br{display: none;}

    .box_st2.cnt .lst{border-top:1px solid #ccc;}

    .box_st2.cnt .lst > a{width:100%;border-top:0 none;}

    .box_st2.cnt > .contect > a{display: block;}

    .box_st2.cnt > .contect > a + a{margin-left:0;margin-top:1.5rem;}

    .box_st1.navi{flex-direction: column;}

    .box_st1.navi > a{margin-top:1.5rem;}

    .data_flexbox [class*="data_0"]{padding:3rem 2rem;height: auto;    align-items: flex-start;flex-direction: column;}

    .data_flexbox .data_01 > li{padding-left:7rem;position:relative;    flex-direction: column;align-items: flex-start;}

    .data_flexbox .data_01 > li > strong:before{position:absolute;top:0;left:0;}

    .data_flexbox .data_02 > li{display:flex;flex-direction: column;position:relative;}

    .data_flexbox .data_02 > li > i{position:absolute;left:0;top:0;padding-left:0;}

    .data_flexbox .data_02 > li > strong{margin-top:.7rem;padding: 0 0 0 10rem;}

    .data_flexbox .data_02 > li > *{padding-left:10rem;text-align:left;}

    .data_flexbox .data_02 > li + li{margin-top:3rem;}

    .border_box.chart > article:first-child:nth-last-child(2), .border_box.chart > article:first-child:nth-last-child(2)+article,.border_box.chart > article:first-child:nth-last-child(3), .border_box.chart > article:first-child:nth-last-child(3)~article, .border_box.chart > article:first-child:nth-last-child(4), .border_box.chart > article:first-child:nth-last-child(4)~article{width:100%;}

    .border_box.chart{display: block;}

    .border_box.chart > article + article{margin-top:3rem;}
} 
@media (max-width:375px){
    .type_list2{grid-template-columns: auto;}

    .type_list1{padding:0;border:0;}
}
@media (max-width:350px){
    .search_result_list_wrap .radio_group.item2 {right:1.5rem;top:2rem;z-index: 2;}
}

.sub_util{position: relative;margin: 6.5rem 0 4rem;display: flex;align-items: center;}
.sub_util h3.sub_title{color: #111;font-size: 3rem;font-weight: bold;display: inline-block;}
.sub_util h3.sub_title span.desc{font-size: 1.8rem; font-weight: 500; color: #606060;}
.sub_util ul.breadcrumb{position: absolute;right: 0;top: auto;}
.sub_util ul.breadcrumb li.icon{color: #00623a;}
.sub_util ul.breadcrumb li.active{font-weight: 500;}
.sub_util ul.breadcrumb > li + li:before {display: inline-block;position: relative;top: -1px;width: .4rem;height: .4rem;margin: 0 .7rem 0 1.2rem;background-color: #D1D4DB;content: '';vertical-align: middle;}