@charset "utf-8";

.main_skip{display:none;}

.contents_wrap{overflow:hidden}
.contents:after{display:block; content:""; clear:both}

/* 상단 내비 & 공유 & 프린트 */
.strapline{position:relative; height:162px}
.strapline .sub_visual{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%}
.strapline .sub_visual img{position:absolute; left:50%; transform:translateX(-50%)}
.strapline .nav{position:relative; z-index:1; height:100%}
.strapline .nav .inner{position:relative; top:50%; transform:translateY(-50%); width:1200px; margin:0 auto; text-align:center}
.strapline .nav .sub_tit{}
.strapline .nav .sub_tit h2{font-family:'SCD'; font-size:32px; color:#333; letter-spacing:-0.050em;}
.strapline .nav .state{margin-top:14px}
.strapline .nav .state > *{display:inline-block; position:relative; color:#767676; line-height:16px}
.strapline .nav .state > *:not(:first-child){padding-left:18px; margin-left:18px}
.strapline .nav .state > *:not(:first-child):before{content:''; position:absolute; top:3px; left:-3px; z-index:1; width:6px; height:10px; background:url(../../images/sub/state_arr.png) no-repeat 0 0}
.strapline .nav .state > .home{padding-left:22px; background:url(../../images/sub/state_home.png) no-repeat 0 0}
.strapline .nav .state strong{color:#555; font-family:'NBGB'; font-weight:500}
.strapline .nav .etc{position: absolute; top:-20px; right:0}
.strapline .nav .etc::before{content:''; position:absolute; top:50%; left:50%; width:1px; height:12px; margin-top:-6px; background:rgba(255, 255, 255, 0.4)}
.strapline .nav .etc > a{display:inline-block; position:relative; vertical-align:middle; width:40px; height:40px; background:#fff; font-size:0; border-radius:12px; box-shadow:5.7px 5.7px 16px 0 rgba(41, 150, 204, 0.08)}
.strapline .nav .etc > a::before{content:''; position:absolute}
.strapline .nav .etc > a:not(:first-child){margin-left:4px}
.strapline .nav .etc > a.etc_share::before{top:12px; left:12px; width:15px; height:16px; background:url(../../images/sub/etc_ico_set.png) no-repeat 0 -19px}
.strapline .nav .etc > a.etc_share:hover::before{background-position-y:-1px}
.strapline .nav .etc > a.etc_share.open::before{background-position-y:-1px}
.strapline .nav .etc > a.etc_print::before{top:11px; left:11px; width:18px; height:18px; background:url(../../images/sub/etc_ico_set.png) no-repeat -18px -18px}
.strapline .nav .etc > a.etc_print:hover::before{background-position-y:0}
.strapline .nav .etc .share_list{display:none; position:absolute; top:48px; z-index:10; width:180px; padding:50px 20px 20px 20px; background:#fff; border-radius:12px;  box-shadow:5.7px 5.7px 16px 0 rgba(41, 150, 204, 0.08)}
.strapline .nav .etc .share_list::before{content:'페이지 공유'; position:absolute; top:20px; left:20px; color:#767676; font-size:14px; font-family:'NBGB'}
.strapline .nav .etc .share_list li{float:left; width:calc(25% - 6px)}
.strapline .nav .etc .share_list li:not(:first-child){margin:0 0 0 8px}
.strapline .nav .etc .share_list li.etc_link{width:100%; margin:12px 0 0 0}
.strapline .nav .etc .share_list a{display:block; position:relative; width:100%; height:40px; background:url(../../images/sub/etc_share.png) no-repeat 0 0; font-size:0; border-radius:8px; box-sizing:border-box; transition:border-radius 0.35s}
.strapline .nav .etc .share_list a:hover{border-radius:0}
.strapline .nav .etc .share_list .etc_facebook a{}
.strapline .nav .etc .share_list .etc_twitter a{background-position-x:-40px}
.strapline .nav .etc .share_list .etc_kakao a{background-position-x:-80px}
.strapline .nav .etc .share_list .etc_naver a{background-position-x:-120px}
.strapline .nav .etc .share_list li.etc_link a{height:auto; padding:10px 0; background:#fff; border:1px solid #e5e5e5; font-size:12px; text-align:center; line-height:16px}
/* 레프트메뉴(lay1) */
.strapline .nav.left .inner{padding-left:300px; text-align:left; box-sizing:border-box}

/* 레프트메뉴 */
#left_menu{float:left; position:relative; z-index:1; transform:translateY(-110px); width:220px}
#left_menu h2{padding:60px 0; background:#2e8ae6; color:#fff; font-size:24px; font-family:'NBGB'; text-align:center; border-radius:16px}
#left_menu > ul{overflow:hidden; margin-top:16px; border:1px solid #ddd; border-radius:16px}
#left_menu > ul > li:not(:first-child){border-top:1px solid #ddd}
#left_menu > ul > li > a{display:block; padding:24px 20px; font-size:16px}
#left_menu > ul > li > a.on{background:#f3fbff; color:#2e8ae6; font-family:'NBGB'}
/* 하위메뉴 */
#left_menu > ul > li > .util_line{display:table; width:100%}
#left_menu > ul > li > .util_line a{display:table-cell; width:calc(100% - 52px); padding:24px 20px; font-size:16px; box-sizing:border-box}
#left_menu > ul > li > .util_line a.on{background:#f3fbff; color:#2e8ae6; font-family:'NBGB'}
#left_menu > ul > li > .util_line .util{display:table-cell; position:relative; width:52px; font-size:0; cursor:pointer}
#left_menu > ul > li > .util_line .util::before{content:''; position:absolute; top:calc(50% - 1px); left:calc(50% - 6px); width:12px; height:2px; background:#d5d5d5}
#left_menu > ul > li > .util_line .util::after{content:''; position:absolute; top:calc(50% - 6px); left:calc(50% - 1px); width:2px; height:12px; background:#d5d5d5}
#left_menu > ul > li > .util_line a.on + .util{background:#f3fbff;}
/* 하위메뉴 : 열린상태 */
#left_menu > ul > li.active > .util_line{}
#left_menu > ul > li.active > .util_line > .util:after{display:none}
/* 하위메뉴 : 3뎁스 */
#left_menu > ul > li.has_sub > ul{display:none; padding:16px 24px; border-top:1px solid #ddd;}
#left_menu > ul > li.has_sub > ul > li{position:relative; padding-left:12px}
#left_menu > ul > li.has_sub > ul > li::before{content:''; position:absolute; top:14px; left:0; width:4px; height:4px; background:#ccc; border-radius:2px}
#left_menu > ul > li.has_sub > ul > li a{display:block; padding:8px 0;}
#left_menu > ul > li.has_sub > ul > li a.on{color:#2e8ae6; text-decoration:underline}
#left_menu > ul > li.has_sub > ul > li a:hover{color:#2e8ae6}

/* 레프트 메뉴 없음(lay2) */
.sub_menu{position:relative; width:100%; box-shadow:0px 4px 8px 0 rgba(41, 150, 204, 0.08)}
.sub_menu > ul{display:table; max-width:1200px; margin:0 auto; text-align:center}
.sub_menu > ul > li{display:table-cell; position:relative}
.sub_menu > ul > li.current_menu{}
.sub_menu > ul > li > a{display:inline-block; padding:22px 30px; font-size:16px; color:#767676; line-height:20px}
.sub_menu > ul > li > a:hover{color:#2e8ae6}
.sub_menu > ul > li.current_menu > a{color:#2e8ae6; font-family:'NBGB'}
.sub_menu > ul > li.current_menu > a span{position:relative}
.sub_menu > ul > li.current_menu > a span::before{content: ''; position:absolute; bottom:-2px; left:0; z-index:-1; width:100%; height:8px; background:#e5f4ff}


/* sub */
/* 서브 레이아웃 */
.contents{width:1200px; margin:0 auto}
#sub{padding:80px 0 160px 0}
#left_menu + #sub{float:right; width:900px}

.sub_contents{}
.sub_contents h4{margin-bottom:64px; color:#555; font-size:24px; font-family:'SCD'; letter-spacing:-0.050em;}
.sub_contents h4:not(:first-child){margin-top:80px}
.sub_contents h5{margin-top:60px; margin-bottom:20px; color:#555; font-size:24px; font-family:'SCD'; letter-spacing:-0.050em;}
.sub_contents h5 strong{color:#2e8ae6}
.sub_contents h5:not(:first-child){margin-top:60px}
.sub_contents h5 + p{color:#767676; font-size:16px; line-height:1.5}
.sub_contents > p{color:#767676; font-size:16px; line-height:1.5}
.sub_contents > p:not(:first-child){margin-top:20px}
.sub_contents ol.type1{margin-top:20px; font-size:18px; line-height:1.5}
.sub_contents ol.type1 > li{position:relative; padding-left:16px}
.sub_contents ol.type1 > li::before{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background:#ccc; border-radius:2px}
.sub_contents ol.type1 > li:not(:first-child){margin-top:10px}
.sub_contents ol.type1 > li strong{color:#2e8ae6; font-family:'NBGB';}
.sub_contents .ref{margin-top:20px; color:#767676; font-size:16px; line-height:1.5}
/* 테이블 스타일1 */
.con_tbl{}
.con_tbl{table-layout:fixed; width:100%; border-top:1px solid #333;}
.con_tbl tr > *{padding:24px 20px; font-size:17px}
.con_tbl th{background:#f7f7f7; border-bottom:1px solid #e5e5e5; color:#555; font-weight:500; line-height:1.5;}
.con_tbl td{border-bottom:1px solid #e5e5e5; color:#767676; line-height:1.5;}
.con_tbl td.center{text-align:center;}
.con_tbl td.font_fixed *{font-family:'NBG' !important;}
.con_tbl td strong{color:#2e8ae6; font-weight:500}
.con_tbl td .files{padding:6px 0;}
.con_tbl td .files:not(:first-child){border-top:1px solid #e5e5e5;}
.con_tbl td .files a{display:inline-block; padding-left:20px; background:url(../../images/board/list_file_ico.gif) no-repeat 0 4px; color:#2e8ae6}
.con_tbl td .files a:not(:first-child){margin-top:10px}
.con_tbl td .files img + a:not(:first-child){margin-top:6px}
.con_tbl td .files a:hover{text-decoration:underline;}
.con_tbl td .link{}
.con_tbl td .link a{display:block; padding-left:20px; background:url(../../images/board/list_link_ico.gif) no-repeat 0 4px; color:#2e8ae6}
.con_tbl td .link a:not(:first-child){margin-top:10px}
.table_wrap{overflow-x:auto;}

/* 하위메뉴 탭 */
.tab{margin-bottom:100px}
.tab ul{text-align:center}
.tab ul li{display:inline-block; margin:0 3px}
.tab ul li a{display:block; min-width:288px; padding:20px 0; background:#fafafa; border:2px solid #e5e5e5; color:#959595; font-size:20px; font-family:'SCD'; font-weight:600; text-align:center; letter-spacing:-0.050em; border-radius:32px; line-height:20px; box-sizing:border-box}
.tab ul li.on a{position:relative; background:#2e8ae6; border:1px solid #2e8ae6; color:#fff;}
.tab ul li.on a::before{content:''; position:absolute; top:calc(50% - 2px); left:32px; width:16px; height:4px; background:url(../../images/sub/con_tab_bg.png) no-repeat 0 0;}
.tab ul li.on a::after{content:''; position:absolute; top:calc(50% - 2px); right:32px; width:16px; height:4px; background:url(../../images/sub/con_tab_bg.png) no-repeat 0 0;}

/* 콘텐츠 탭 */
.con_tab{margin-bottom:40px}
.con_tab ul{overflow:hidden; position:relative;}
.con_tab ul::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#b2d9ff;}
.con_tab ul li{float:left; padding:18px 60px; background:#fff; border:1px solid #ddd; border-bottom:none; color:#959595; font-size:18px; text-align:center; border-radius:16px 16px 0 0; line-height:20px; cursor:pointer}
.con_tab ul li:not(:first-child){margin-left:4px}
.con_tab ul li.on{background:#f2f9ff; border-color:#b2d9ff; color:#2e8ae6; font-family:'NBGB';}
.con_tab_list .wrap{display:none}
.con_tab_list .wrap.on{display:block}

/* 콘텐츠 탭 */
.lws_tab{margin-bottom:40px}
.lws_tab ul{overflow:hidden; position:relative;}
.lws_tab ul::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#b2d9ff;}
.lws_tab ul li{float:left; padding:18px 60px; background:#fff; border:1px solid #ddd; border-bottom:none; color:#959595; font-size:18px; text-align:center; border-radius:16px 16px 0 0; line-height:20px; cursor:pointer}
.lws_tab ul li:not(:first-child){margin-left:4px}
.lws_tab ul li.on{background:#f2f9ff; border-color:#b2d9ff; color:#2e8ae6; font-family:'NBGB';}
.lws_tab_list .wrap{display:none}
.lws_tab_list .wrap.on{display:block}

/* 상태아이콘 모음(좋아요/필요해요/댓글/담기) */
.stat_list{overflow:hidden;}
.stat_list li{float:left; position:relative; padding-left:22px;}
.stat_list li:not(:first-child){margin-left:20px;}
.stat_list li::before{content:''; position:absolute; top:0; left:0; width:14px; height:14px; background:url(../../images/board/open_util_ico_set.png) no-repeat 0 0;}
.stat_list li.needs::before{background-position-x:-14px;}
.stat_list li.comment::before{background-position-x:-28px;}
.stat_list li.download::before{background-position-x:-42px;}
.stat_list li.scrap::before{background-position-x:-56px;}

/* 공공누리 & CCL */
.comPublicNuri{width:100%; margin-top:60px; padding:18px 30px; font-size:0; background:#f5f5f5; box-sizing:border-box}
.comPublicNuri .inner{overflow:hidden;}
.comPublicNuri .inner:not(:first-child){margin-top:16px;}
.comPublicNuri .imgGroup{width:140px; padding-right:20px; vertical-align:top; border-right:1px solid #c2c2c2; display:inline-block; box-sizing:border-box}
.comPublicNuri .imgGroup .imgBox{width:100%;}
.comPublicNuri .imgGroup .imgBox img{width:100%;}
.comPublicNuri .txtGroup{width:calc(100% - 160px); margin-left:20px; margin-top:12px; padding-left:27px; font-size:15px; font-weight:400; line-height:21px; letter-spacing:-0.05em; color:#757575; vertical-align:top; display:inline-block; position:relative; box-sizing:border-box}
.comPublicNuri .txtGroup:before{content:"!"; width:20px; height:20px; font-size:15px; font-weight:900; text-align:center; color:#fff; border-radius:50%; background:#e63434; display:block; position:absolute; left:0; top:0;}
.comPublicNuri .txtGroup b{font-weight:400; color:#000;}

/* 정보소개 스타일(기기정보 & 협력기관) */
.intro_info{}
.intro_info h5:first-child{margin-top:0;}
.intro_info .left{float:left; width:320px}
.intro_info .left div{max-height:600px; padding:28px 20px; border:4px solid #e5f2ff; box-sizing:border-box}
.intro_info .left div ul{overflow-y:auto; max-height:536px}
.intro_info .left div ul li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:20px; cursor:pointer}
.intro_info .left div ul li:not(:first-child){margin-top:20px;}
.intro_info .left div ul li strong{color:#2e8ae6; font-weight:500;}
.intro_info .left div ul li.done strong{color:#959595}
.intro_info .left div ul li input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.intro_info .left div ul li input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:32px; color:#767676; font-size:16px; line-height:20px}
.intro_info .left div ul li input[type="checkbox"] + label::before{content:''; position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid #ccc; border-radius:4px}
.intro_info .left div ul li input[type="checkbox"]:checked + label{color:#2e8ae6; font-family:'NBGB'}
.intro_info .left div ul li input[type="checkbox"]:checked + label::before{width:20px; height:20px; border:none; background:url(../../images/sub/agree_chk.png) no-repeat 0 0}
.intro_info .left div ul li.done input[type="checkbox"] + label{color:#959595}
.intro_info .left div ul li.done input[type="checkbox"] + label::before{background:#eee;}
.intro_info .left div ul.loc li{position:relative; padding-left:28px;}
.intro_info .left div ul.loc li::before{content:''; position:absolute; top:0; left:0; width:16px; height:20px; background:url(../../images/sub/intro_info_loc.png) no-repeat 0 0;}
.intro_info .left div ul.loc li:hover::before{background-position-x:-16px;}
.intro_info .left div ul.loc li.active::before{background-position-x:-16px;}
.intro_info .left div ul.loc li:hover a{color:#2e8ae6; font-family:'NBGB'; text-decoration:underline;}
.intro_info .left div ul.loc li.active a{color:#2e8ae6; font-family:'NBGB'; text-decoration:underline;}
.intro_info .left div ul.list li{position:relative; padding-left:20px;}
.intro_info .left div ul.list li::before{content:''; position:absolute; top:5px; left:0; width:8px; height:8px; background:#ccc; border-radius:4px}
.intro_info .left div ul.list li:hover::before{background:#2e8ae6;}
.intro_info .left div ul.list li.active::before{background:#2e8ae6;}
.intro_info .left div ul.list li:hover a{color:#2e8ae6; font-family:'NBGB'; text-decoration:underline;}
.intro_info .left div ul.list li.active a{color:#2e8ae6; font-family:'NBGB'; text-decoration:underline;}
.intro_info .right{float:right; width:calc(100% - 400px)}
.intro_info .right .loc_list{}
.intro_info .right .loc_list > div{display:none}
.intro_info .right .loc_list > div.on{display:block}
.intro_info .right .device_intro{}
.intro_info .right .device_intro > div{display:none}
.intro_info .right .device_intro > div.on{display:block}
.intro_info .right .img{position:relative; padding:40px 60px; background:#f7f7f7; text-align:center;}
.intro_info .right .img img{max-width:100%}
.intro_info .right .img .controller div{position: absolute; top:calc(50% - 20px); z-index:1;}
.intro_info .right .img .controller .prev{left:20px}
.intro_info .right .img .controller .next{right:20px; transform:rotate(180deg)}
.intro_info .right .img .pager{position:static; padding-top:16px; font-size:16px;}
.intro_info .right .maps{position:relative; width:100%; height:0; padding-top:56.25%; background:#f7f7f7;}
.intro_info .right .maps #map{position:absolute; top:0; left:0; width:100%; height:100%}

/* 열린페이지 */
.open_page{}
.open_page .sch_box_toggle{display:block; position:relative; padding:26px; border:4px solid #cceaff; text-align:center; cursor:pointer}
.open_page .sch_box_toggle p{display:inline-block; padding-left:36px; background:url(../../images/sub/sch_box_toggle.png) no-repeat 0 0; font-size:18px;}
.open_page .sch_box_toggle p b{color:#2e8ae6; font-family:'NBGB';}
.open_page .sch_box_toggle p strong{font-family:'NBGB';}
.open_page .sch_box_toggle span{position:absolute; top:28px; right:32px; padding-right:26px; color:#767676}
.open_page .sch_box_toggle span::before{content:''; position:absolute; top:4px; right:0; width:14px; height:8px; background:url(../../images/sub/sch_box_toggle_arr.png) no-repeat 0 0; transition:transform 0.35s}
.open_page .sch_box_toggle.v2{border-color:#fff2b2}
.open_page .sch_box_toggle.v2 p{padding-left:0; background:none;}
.open_page .sch_box_toggle.open{}
.open_page .sch_box_toggle.open span::before{transform:rotate(-180deg)}
.open_page .sch_box{}
.open_page .sch_box .sch_option{overflow:hidden; margin-bottom:40px; border:1px solid #cce6ff; text-align:left; border-radius:16px}
.open_page .sch_box .sch_option .tit{position:relative; padding:22px; padding-left:76px; font-family:'SCD'; font-size:22px; font-weight:600; letter-spacing:-0.050em;}
.open_page .sch_box .sch_option .tit:before{content:"Q"; display:block; position:absolute; top:50%; left:20px; width:40px; height:40px; margin-top:-20px; background:#2e8ae6; border-radius:50%; font-family:'SCD'; font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:40px}
.open_page .sch_box .sch_option .tit strong{color:#2e8ae6}
.open_page .sch_box .sch_option div{position:relative; padding:20px 20px 20px 76px; background:#f2f9ff;}
.open_page .sch_box .sch_option div::before{content:"A"; display:block; position:absolute; top:27px; left:20px; width:40px; height:40px; background:#fff; border-radius:50%; font-family:'SCD'; font-size:18px; font-weight:600; color:#2e8ae6; text-align:center; line-height:40px; box-sizing:border-box}
.open_page .sch_box .sch_option div ul{}
.open_page .sch_box .sch_option div ul li{display:inline-block; margin:6px 10px 6px 0; color:#555; font-size:18px;}
.open_page .sch_box .sch_option div ul li select{width:200px; height:44px; padding:12px; padding-right:32px; background:url(../../images/board/sel_type1.png) no-repeat right 17px top 50% #fff; border:1px solid #b2d9ff; color:#333; font-size:16px; border-radius:22px; box-shadow:0px 2px 4px 0 rgba(46, 138, 230, 0.16); line-height:18px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.open_page .sch_box .sch_option div ul li select::-ms-expand{display:none}
.open_page .sch_box .quick_sch{position:fixed; top:50%; z-index:501; transform:translateY(-50%); right:0; width:320px; text-align:left;}
.open_page .sch_box .quick_sch .quick_sch_menu{position:relative;}
.open_page .sch_box .quick_sch .quick_sch_menu .tit{padding:30px; background:#116dc9; font-family:'SCD'; font-weight:600; border-radius:16px 0 0 0; box-sizing:border-box; word-break:keep-all}
.open_page .sch_box .quick_sch .quick_sch_menu .tit span{color:#e4f2ff; font-size:18px; line-height:20px;}
.open_page .sch_box .quick_sch .quick_sch_menu .tit p{margin-top:12px; color:#fff; font-size:24px; line-height:1.5;}
.open_page .sch_box .quick_sch .quick_sch_menu .wrap{overflow-y:auto; max-height:calc(70vh - 165px)}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list{padding:40px 32px; background:#fff; border-radius:0 0 0 16px; box-shadow:0 0 16px 0 rgba(46, 138, 230, 0.16);}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner{}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner:not(:first-child){margin-top:40px;}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner p{font-size:18px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul{overflow:hidden; margin-top:18px;}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li{float:left; width:calc(50% - 2px);}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li:nth-child(2n){margin-left:4px;}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li input{position:relative; top:12px; left:50%; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li input + label{display:block; position:relative; z-index:1; padding:8px 0; margin:4px 0; margin-top:-12px; background:#f5f5f5; border:1px solid #f5f5f5; color:#767676; font-size:16px; text-align:center; border-radius:20px; line-height:18px; box-sizing:border-box; cursor:pointer}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li input:focus + label{outline:2px solid #2e8ae6}
.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li input:checked + label{background:#fff; border-color:#80bfff; color:#2e8ae6; font-family:'NBGB';}
.open_page .sch_box .quick_sch .quick_sch_menu .btn{overflow:hidden; padding-top:16px; margin-top:16px; border-top:1px dashed #ddd;}
.open_page .sch_box .quick_sch .quick_sch_menu .btn a{float:left; width:calc(50% - 2px); padding:13px 0; border:1px solid #ddd; font-size:18px; text-align:center; border-radius:24px; line-height:20px; box-sizing:border-box}
.open_page .sch_box .quick_sch .quick_sch_menu .btn input{float:right; width:calc(50% - 2px); margin-top:0;}
.open_page .sch_box .quick_sch .quick_sch_menu .close{}
.open_page .sch_box .quick_sch .quick_sch_menu .close{position:absolute; top:18px; right:18px; width:48px; height:48px; background:rgba(0, 0, 0, 0.1); font-size:0; border-radius:24px}
.open_page .sch_box .quick_sch .quick_sch_menu .close::before{content:''; position:absolute; top:23px; left:13px; transform:rotate(45deg); width:21px; height:2px; background:#fff}
.open_page .sch_box .quick_sch .quick_sch_menu .close::after{content:''; position:absolute; top:23px; left:13px; transform:rotate(-45deg); width:21px; height:2px; background:#fff}
.open_page .sch_box .quick_sch.hidden{width:140px}
.open_page .sch_box .quick_sch.hidden .quick_sch_menu .tit{padding:20px; border-radius:16px 16px 0 16px; cursor:pointer}
.open_page .sch_box .quick_sch.hidden .quick_sch_menu .tit span{display:none}
.open_page .sch_box .quick_sch.hidden .quick_sch_menu .tit p{margin-top:0; font-size:15px;}
.open_page .sch_box .quick_sch.hidden .quick_sch_menu .option_list{display:none}
.open_page .sch_box .quick_sch.hidden .quick_sch_menu .close{top:12px; right:12px; width:28px; height:28px; transition:transform 0.35s}
.open_page .sch_box .quick_sch.hidden:hover .quick_sch_menu .close{transform:rotate(-180deg)}
.open_page .sch_box .quick_sch.hidden .quick_sch_menu .close::before{top:10px; left:10px; width:9px}
.open_page .sch_box .quick_sch.hidden .quick_sch_menu .close::after{top:16px; left:10px; width:9px}

.open_page .sch_box .body_list{display:inline-block; position:relative; vertical-align:middle; padding:20px 32px; margin:10px 0; margin-right:40px; background:#f7f7f7; border-radius:16px}
.open_page .sch_box .body_list span{position:absolute; width:16px; height:16px; background:url(../../images/sub/body_chk.png) no-repeat 0 0; font-size:0;}
.open_page .sch_box .body_list span:nth-child(1){top:54px; left:74px}
.open_page .sch_box .body_list span:nth-child(2){top:54px; left:124px}
.open_page .sch_box .body_list span:nth-child(3){top:79px; left:87px}
.open_page .sch_box .body_list span:nth-child(4){top:122px; left:104px}
.open_page .sch_box .body_list span:nth-child(5){top:90px; left:140px}
.open_page .sch_box .body_list span:nth-child(6){top:54px; left:156px}
.open_page .sch_box .body_list span:nth-child(7){top:208px; left:110px}
.open_page .sch_box .body_list span:nth-child(8){top:234px; left:54px}
.open_page .sch_box .body_list span:nth-child(9){top:160px; left:74px}
.open_page .sch_box .body_list span:nth-child(10){top:20px; left:64px}
.open_page .sch_box .body_list span.chk{background-position-x:-16px;}
.open_page .sch_box .body_list + ul{display:inline-block; vertical-align:middle; width:calc(100% - 240px)}
.open_page .device_slide{}
.open_page .device_slide .intro{margin:24px 0; color:#767676; font-size:16px;}
.open_page .device_slide .slide_wrap{position:relative; padding:40px 128px; background:#f7f7f7;}
.open_page .device_slide .container{}
.open_page .device_slide .container .item_list{}
.open_page .device_slide .container .item_list .item{width:288px; padding:2px; box-sizing:border-box}
.open_page .device_slide .container .item_list .item .img{height:212px;}
.open_page .device_slide .container .item_list .item .img a{display:block; position:relative; width:100%; height:0; padding-top:75%; background:#f0f0f0;}
.open_page .device_slide .container .item_list .item .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; height:100%}
.open_page .device_slide .container .item_list .item .txt{padding:24px; background:#fff;}
.open_page .device_slide .container .item_list .item .txt p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px;}
.open_page .device_slide .container .item_list .item .txt span{display:block; overflow:hidden; height:63px; margin-top:12px; color:#767676; line-height:1.5;}
.open_page .device_slide .container .item_list .item .util{margin-top:18px;}
.open_page .device_slide .container .item_list .item .util ul{overflow:hidden; float:left; margin:6px 0;}
.open_page .device_slide .container .item_list .item .util a{float:right; width:60px; padding:5px 0; background:#fff; border:1px solid #ddd; text-align:center; border-radius:14px; line-height:16px; box-sizing:border-box}
.open_page .device_slide .container .item_list .item .util a.scrap.on {border-color: #1180f2; color: #1180f2; font-family: 'NBGB';}
.open_page .device_slide .controller div{position:absolute; top:calc(50% - 20px); cursor:pointer}
.open_page .device_slide .controller .prev{left:24px}
.open_page .device_slide .controller .next{right:24px; transform:rotate(180deg)}
.open_page .participate_list{position:relative; margin-top:20px;}
.open_page .participate_list .no_parti{padding:20px 0; background:#f2f9ff; color:#767676; font-size:18px; text-align:center;}
.open_page .participate_list > ul{}
.open_page .participate_list > ul li{position:relative;}
.open_page .participate_list > ul li:not(:first-child){margin-top:12px;}
.open_page .participate_list .participate_info{padding:20px 0; background:#f2f9ff;}
.open_page .participate_list .participate_info .left{float:left; width:calc(100% - 400px); margin:12px 0; box-sizing:border-box}
.open_page .participate_list .participate_info .left .num{float:left; position:relative; width:120px; padding:10px 0; text-align:center;}
.open_page .participate_list .participate_info .left .num span{display:inline-block; color:#2e8ae6; font-size:18px; font-family:'SCD'; font-weight:600; line-height:20px;}
.open_page .participate_list .participate_info .left .num span::before{content:'참여';}
.open_page .participate_list .participate_info .left .status{overflow:hidden; float:left; width:172px; margin:2px 24px 2px 0; background:#fff; text-align:center; line-height:40px;}
.open_page .participate_list .participate_info .left .status.done{background:#fff; color:#2e8ae6; border-radius:4px}
.open_page .participate_list .participate_info .left .status select{float:left; width:120px; height:40px; padding:0 12px; background:url(../../images/board/sel_type1.png) no-repeat right 12px top 50% #fff; border:1px solid #ddd; color:#767676; font-size:14px; border-radius:4px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.open_page .participate_list .participate_info .left .status select::-ms-expand{display:none}
.open_page .participate_list .participate_info .left .status button{float:left; width:48px; padding:10px 0; margin-left:4px; background:#fff; border:1px solid #b2d9ff; color:#2e8ae6; font-family:'NBG'; border-radius:4px; line-height:18px;}
.open_page .participate_list .participate_info .left .tit{float:left}
.open_page .participate_list .participate_info .left .tit .member_nm{color:#333; font-size:18px;}
.open_page .participate_list .participate_info .left .tit .date{display:inline-block; margin-top:8px; color:#767676;}
.open_page .participate_list .participate_info .right{float:right; width:400px}
.open_page .participate_list .participate_info .right .btn{float:left; width:260px}
.open_page .participate_list .participate_info .right .btn a{float:left; width:calc(50% - 2px); padding:7px 0; background:#fff; border:1px solid #ddd; color:#767676; font-size:14px; text-align:center; border-radius:4px; line-height:16px; box-sizing:border-box}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(1){width:100%; margin:18px 0;}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(2){width:100%}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(2) ~ a{width:100%}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(2) ~ a:last-child{margin-top:4px}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(3){width:calc(50% - 2px)}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(3) ~ a{width:calc(50% - 2px)}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(3) ~ a:nth-child(2){margin-left:4px}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(3) ~ a:last-child{width:100%}
.open_page .participate_list .participate_info .right .btn a:first-child:nth-last-child(4) ~ a:nth-child(2n){margin-left:4px}
.open_page .participate_list .participate_info .right .btn a:nth-child(n+3){margin-top:4px;}
.open_page .participate_list .participate_info .right .btn a.project_join{background:#2e8ae6; border-color:#2e8ae6; color:#fff}
.open_page .participate_list .participate_info .right .btn a.plan_download{border-color:#b2d9ff; color:#2e8ae6}
.open_page .participate_list .participate_info .right .toggle_btn{float:right; width:114px; text-align:center;}
.open_page .participate_list .participate_info .right .toggle_btn span{display:inline-block; position:relative; padding-right:26px; color:#767676; line-height:68px;}
.open_page .participate_list .participate_info .right .toggle_btn span::before{content:''; position:absolute; top:calc(50% - 4px); right:0; width:14px; height:8px; background:url(../../images/sub/sch_box_toggle_arr.png) no-repeat 0 0;}
.open_page .participate_list ul li.active .participate_info .right .toggle_btn span::before{transform:rotate(180deg);}
.open_page .participate_list .sub_member{}
.open_page .participate_list .sub_member .item{position:relative; padding-left:120px;}
.open_page .participate_list .sub_member .item::before{content:''; position:absolute; top:0; left:52px; width:52px; height:38px; background:url(../../images/sub/item_depth_arr.png) no-repeat 0 0;}
.open_page .participate_list .sub_member .item:first-child{margin-top:12px;}
.open_page .participate_list .sub_member .item:not(:first-child){margin-top:4px;}
.open_page .participate_list .sub_member .item > div{overflow:hidden; border:1px solid #e5e5e5; border-radius:8px}
.open_page .participate_list .sub_member .cat{float:left; width:80px; padding:10px 20px; background:#f7f7f7; text-align:center; line-height:1.5; box-sizing:border-box}
.open_page .participate_list .sub_member .member_info{float:left; width:calc(100% - 80px); padding:22px; line-height:18px; box-sizing:border-box}
.open_page .participate_list .sub_member .member_info p{float:left; color:#333; font-size:16px;}
.open_page .participate_list .sub_member .member_info p .note{}
.open_page .participate_list .sub_member .member_info span{float:left; margin-left:24px; color:#767676; font-size:14px;}
.open_page .participate_list .sub_member .member_info .del{float:right; padding-left:18px; background:url(../../images/sub/sub_member_del.png) no-repeat 0 center;}
.open_page_list{table-layout:fixed; width:100%; margin-bottom:36px; border-top:1px solid #333}
.open_page_list tr td{padding:24px; border-bottom:1px solid #e5e5e5}
.open_page_list tr td.default{padding:16px 0; text-align:center}
.open_page_list tr td .inner{display:table; table-layout:fixed; width:100%;}
.open_page_list tr td a{display:table; table-layout:fixed; width:100%;}
.open_page_list tr td .state{display:table-cell; width:80px; height:80px; padding-right:24px; vertical-align:middle; font-size:14px; text-align:center}
.open_page_list tr td .state.num{height:auto}
.open_page_list tr td .state:not(.num) span{display:table-cell; position:relative; width:80px; height:80px; vertical-align:middle; word-break:keep-all; line-height:1.5;}
.open_page_list tr td .left{display:table-cell; vertical-align:middle; width:100%}
.open_page_list tr td .right{display:table-cell; vertical-align:middle; width:96px}
.open_page_list tr td .txt .util{margin-bottom:12px;}
.open_page_list tr td .txt .util ul{display:inline; overflow:hidden}
.open_page_list tr td .txt .util ul li{float:left; padding:4px 12px; margin-right:4px; margin-bottom:4px; color:#555; font-size:14px; text-align:center; border-radius:4px; line-height:16px;}
.open_page_list tr td .txt .util ul.parts li{background:#daf2ea;}
.open_page_list tr td .txt .util ul.type li{background:#fff2b2;}
.open_page_list tr td .txt .util ul.conditions li{background:#ffd9e9;}
.open_page_list tr td .txt .util ul:first-child li{}
.open_page_list tr td .txt .tit{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 10px); font-size:18px; font-family:'SCD'; font-weight:600; vertical-align:middle}
.open_page_list tr td .txt .tit strong{color:#2e8ae6; font-weight:500;}
.open_page_list tr td .txt img{display:inline-block; margin-left:12px; vertical-align:top}
.open_page_list tr td .txt .info_list{overflow:hidden; margin-top:16px; font-size:16px}
.open_page_list tr td .txt .info_list > li{position:relative; float:left; padding-left:24px; margin-left:20px; color:#555}
.open_page_list tr td .txt .info_list > li:before{content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#ccc; border-radius:50%}
.open_page_list tr td .txt .info_list > li:first-child{padding-left:0; margin-left:0}
.open_page_list tr td .txt .info_list > li:first-child:before{display:none}
.open_page_list tr td .txt .info_list > li span{margin-right:12px; color:#959595}
.open_page_list tr td .portfolio{display:table-cell; vertical-align:middle; width:180px;}
.open_page_list tr td .portfolio a{display:block; width:100%; padding:13px 0; border:2px solid #b2d9ff; color:#2e8ae6; font-size:16px; text-align:center; border-radius:24px; line-height:18px; box-sizing:border-box}
.open_page_list tr td .dmn_prt{display:block; width:96px; padding:12px 0; background:#f2f9ff; color:#2e8ae6; font-size:14px; text-align:center; border-radius:8px; line-height:16px;}
.open_page_list tr td .dmn_prt b{font-weight:500;}
.open_page_list tr td .dmn_prt strong{display:block; margin-top:8px; font-size:16px; font-family:'NBGB';}
.open_page_view{margin-bottom:60px;}
.open_page_view .top{padding-bottom:20px; margin-bottom:30px; border-bottom:1px dashed #ddd;}
.open_page_view .top .cat{}
.open_page_view .top .cat ul{display:inline; overflow:hidden}
.open_page_view .top .cat ul li{float:left; padding:4px 12px; margin-bottom:4px; margin-right:4px; color:#555; font-size:14px; text-align:center; border-radius:4px; line-height:16px;}
.open_page_view .top .cat ul.parts li{background:#daf2ea;}
.open_page_view .top .cat ul.type li{background:#fff2b2;}
.open_page_view .top .cat ul.conditions li{background:#ffd9e9;}
.open_page_view .top .cat ul:first-child li{}
.open_page_view .top p{margin-top:10px; font-size:32px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em; line-height:1.5;}
.open_page_view .top .util{margin-top:16px;}
.open_page_view .bottom{}
.open_page_view .bottom ul{overflow:hidden; font-size:16px}
.open_page_view .bottom ul li{position:relative; float:left; padding-left:24px; margin-left:20px; color:#555}
.open_page_view .bottom ul li:before{content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#ccc; border-radius:50%}
.open_page_view .bottom ul li:first-child{padding-left:0; margin-left:0}
.open_page_view .bottom ul li:first-child:before{display:none}
.open_page_view .bottom ul li span{margin-right:12px; color:#959595}
.open_page_view .bottom .btn{margin-top:60px; text-align:center;}
.open_page_view .bottom .btn a{display:inline-block; width:160px; padding:13px 0; border:2px solid #e5e5e5; font-size:16px; text-align:center; border-radius:24px; line-height:18px; box-sizing:border-box}
.open_page_view .bottom .btn a span{display:inline-block; position:relative; padding-left:32px;}
.open_page_view .bottom .btn a span::before{content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url(../../images/sub/open_page_view_btn.png) no-repeat 0 0;}
.open_page_view .bottom .btn a.needs span::before{background-position-x:-20px;}
.open_page_view .bottom .btn a.scrap span::before{background-position-x:-40px;}
.open_page_view .bottom .btn a.on span::before{background-position-y:-20px;}
.open_page_view .bottom .btn a.like.on{border-color:#ffccdd; color:#ff4c88; font-family:'NBGB';}
.open_page_view .bottom .btn a.needs.on{border-color:#1180f2; color:#1180f2; font-family:'NBGB';}
.open_page_view .bottom .btn a.scrap.on{border-color:#1180f2; color:#1180f2; font-family:'NBGB';}

/* 열린플랫폼 */
/* 보조기기 정보 */
.device_list{border-top:1px solid #333;}
.device_list > ul{}
.device_list > ul > li{float:left; width:calc(100%/3); padding:40px 16px; border-bottom:1px solid #e5e5e5; box-sizing:border-box}
.device_list ul li a{display:block}
.device_list ul li .img{overflow:hidden; position:relative; height:0; padding-top:75%; background:#f7f7f7;}
.device_list ul li .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; height:100%}
.device_list ul li .txt{position:relative; padding-bottom:24px; margin-top:24px; border-bottom:1px dashed #ddd;}
.device_list ul li .txt .cat{overflow:hidden; position:absolute; top:0; left:0; z-index:1; height:24px; background:#fff;}
.device_list ul li .txt .cat .inner::after{content:''; display:block; clear:both}
.device_list ul li .txt .cat ul{display:inline; overflow:hidden;}
.device_list ul li .txt .cat ul li{float:left; padding:4px 12px; margin-bottom:4px; margin-right:4px; color:#555; font-size:14px; text-align:center; border-radius:4px; line-height:16px;}
.device_list ul li .txt .cat ul.parts li{background:#daf2ea;}
.device_list ul li .txt .cat ul.type li{background:#fff2b2;}
.device_list ul li .txt .cat ul.conditions li{background:#ffd9e9;}
.device_list ul li .txt .cat.expand::before{content:''; position:absolute; top:0; right:0; width:8px; height:8px; padding:8px; background:url(../../images/board/sel_type1.png) no-repeat center #fff; border-left:1px solid #aaa;}
.device_list ul li .txt .cat.expand:hover{height:auto;}
.device_list ul li .txt .cat.expand:hover::before{display:none}
.device_list ul li .txt .tit{padding-top:36px; margin-top:12px;}
.device_list ul li .txt .tit p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:22px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.device_list ul li .txt .tit span{display:block; overflow:hidden; height:42px; margin-top:10px; color:#767676; line-height:1.5;}
.device_list ul li .txt > ul{overflow:hidden; margin-top:16px; font-size:16px}
.device_list ul li .txt > ul li{position:relative; float:left; padding-left:24px; margin-left:20px; color:#555}
.device_list ul li .txt > ul li:before{content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#ccc; border-radius:50%}
.device_list ul li .txt > ul li:first-child{padding-left:0; margin-left:0}
.device_list ul li .txt > ul li:first-child:before{display:none}
.device_list ul li .txt > ul li span{margin-right:12px; color:#959595}
.device_list ul li .util{margin-top:16px;}
.device_list ul li .util .left{float:left; margin:6px 0;}
.device_list ul li .util .left ul{overflow:hidden}
.device_list ul li .util .left ul li{float:left; position:relative; padding-left:22px;}
.device_list ul li .util .left ul li:not(:first-child){margin-left:20px;}
.device_list ul li .util .left ul li::before{content:''; position:absolute; top:0; left:0; width:14px; height:14px; background:url(../../images/board/open_util_ico_set.png) no-repeat 0 0;}
.device_list ul li .util .left ul li.comment::before{background-position-x:-28px;}
.device_list ul li .util .left ul li.download::before{background-position-x:-42px;}
.device_list ul li .util .right{float:right}
.device_list ul li .util .right a{display:inline-block; width:80px; padding:5px 0; border:1px solid #ddd; text-align:center; border-radius:14px; line-height:16px; box-sizing:border-box}
.device_list ul li .util .right a.like.on{border-color:#ffccdd; color:#ff4c88}
.device_list ul li .util .right a.needs.on{border-color:#1180f2; color:#1180f2}
.device_list ul li .util .right a.scrap.on{border-color:#1180f2; color:#1180f2}
.device_view{position:relative; margin-bottom:60px;}
.device_view .left{float:left; width:calc(50% - 40px)}
.device_view .left .top{}
.device_view .left .top .item{overflow:hidden; position:relative; height:0; padding-top:75%; background:#eee;}
.device_view .left .top .item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%}
.device_view .left .thumb{position:relative;}
.device_view .left .thumb .thumb_wrap{padding:20px 88px; background:#f7f7f7;}
.device_view .left .thumb .item{overflow:hidden; position:relative; height:90px; background:#000; cursor:pointer}
.device_view .left .thumb .item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%}
.device_view .controller div{position:absolute; top:calc(50% - 20px); cursor:pointer}
.device_view .controller div.swiper-button-disabled{display:none}
.device_view .controller .prev{left:24px}
.device_view .controller .next{right:24px; transform:rotate(180deg)}
.device_view .right{float:right; width:calc(50% - 40px)}
.device_view .right .top{padding-bottom:20px; margin-bottom:30px; border-bottom:1px dashed #ddd;}
.device_view .right .top .cat{}
.device_view .right .top .cat ul{display:inline; overflow:hidden}
.device_view .right .top .cat ul li{float:left; padding:4px 12px; margin-bottom:4px; margin-right:4px; color:#555; font-size:14px; text-align:center; border-radius:4px; line-height:16px;}
.device_view .right .top .cat ul.parts li{background:#daf2ea;}
.device_view .right .top .cat ul.conditions li{background:#fff2b2;}
.device_view .right .top .cat ul.type li{background:#ffd9e9;}
.device_view .right .top .cat ul:first-child li{}
.device_view .right .top p{margin-top:10px; font-size:32px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em; line-height:1.5;}
.device_view .right .top .util{margin-top:16px;}
.device_view .right .bottom{}
.device_view .right .bottom ul{font-size:16px;}
.device_view .right .bottom ul li{position:relative; padding-left:16px; line-height:1.5;}
.device_view .right .bottom ul li:not(:first-child){margin-top:16px;}
.device_view .right .bottom ul li::before{content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#ccc; border-radius:2px}
.device_view .right .bottom ul li span{display:inline-block; width:120px; color:#959595}
.device_view .right .bottom .btn{margin-top:60px; text-align:center;}
.device_view .right .bottom .btn a{display:inline-block; width:180px; padding:13px 0; border:2px solid #e5e5e5; font-size:16px; text-align:center; border-radius:24px; line-height:18px; box-sizing:border-box}
.device_view .right .bottom .btn a span{display:inline-block; position:relative; padding-left:32px;}
.device_view .right .bottom .btn a span::before{content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url(../../images/sub/open_page_view_btn.png) no-repeat 0 0;}
.device_view .right .bottom .btn a.needs span::before{background-position-x:-20px;}
.device_view .right .bottom .btn a.scrap span::before{background-position-x:-40px;}
.device_view .right .bottom .btn a.on span::before{background-position-y:-20px;}
.device_view .right .bottom .btn a.like.on{border-color:#ffccdd; color:#ff4c88; font-family:'NBGB';}
.device_view .right .bottom .btn a.needs.on{border-color:#1180f2; color:#1180f2; font-family:'NBGB';}
.device_view .right .bottom .btn a.scrap.on{border-color:#1180f2; color:#1180f2; font-family:'NBGB';}
.request_list{}
.request_list .item{position:relative; margin-top:12px;}
.request_list .item:not(:first-child){margin-top:4px;}
.request_list .member_info{overflow:hidden; padding:22px; border:1px solid #e5e5e5; border-radius:8px; line-height:18px; box-sizing:border-box; font-size: 18px;}
.request_list .member_info p{float:left; color:#333; font-size:16px;}
.request_list .member_info p .note{}
.request_list .member_info span{float:left; margin-left:24px; color:#767676; font-size:14px;}
.request_list .member_info .del{float:right; padding-left:18px; background:url(../../images/sub/sub_member_del.png) no-repeat 0 center;}
.request_list .member_info.no_request{text-align:center;}
.suggest_info{padding:25px 28px; margin-top:24px; margin-bottom:60px; border:4px solid #eee}
.suggest_info a{display:block}
.suggest_info a p{font-size:18px}
.suggest_info a:hover p{text-decoration:underline;}
.suggest_info a p strong{color:#2e8ae6; font-weight:500;}
.suggest_info ul{overflow:hidden; margin-top:15px; font-size:16px}
.suggest_info ul li{position:relative; float:left; padding-left:24px; margin-left:20px; color:#555}
.suggest_info ul li:before{content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#ccc; border-radius:50%}
.suggest_info ul li:first-child{padding-left:0; margin-left:0}
.suggest_info ul li:first-child:before{display:none}
.suggest_info ul li span{margin-right:12px; color:#959595}
.device_info{padding:25px 28px; border:4px solid #e5f2ff}
.device_info p{color:#2e8ae6; font-size:20px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.device_info span{display:block; white-space:pre-wrap; margin-top:14px; font-size:18px; line-height:1.5;}

/* 국립재활원 열린제작실 */
.reserve_intro{margin:60px 0; text-align:center;}
.reserve_intro div{font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.reserve_intro div span{color:#555; font-size:28px;}
.reserve_intro div p{margin-top:10px; color:#2e8ae6; font-size:32px; word-break:keep-all}
.reserve_intro div p strong{display:inline-block; position:relative;}
.reserve_intro div p strong::before{content:''; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:20px; background:#fff2b2;}
.reserve_intro ul{margin-top:40px;}
.reserve_intro ul li{display:inline-block; overflow:hidden; margin:0 30px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.reserve_intro ul li span{float:left; position:relative; padding:12px 20px 12px 50px; margin-right:16px; background:#e5f2ff; color:#2e8ae6; font-size:16px; border-radius:20px; line-height:16px;}
.reserve_intro ul li span::before{content:''; position:absolute; top:10px; left:22px; width:20px; height:22px; background:url(../../images/sub/reserve_intro_ico.png) no-repeat 0 0;}
.reserve_intro ul li:first-child span::before{}
.reserve_intro ul li:nth-child(2) span::before{background-position-x:-20px;}
.reserve_intro ul li p{float:left; color:#767676; font-size:18px; line-height:40px;}

/* 소식과 정보 */
/* 협력기관 */
.con_tbl.coo_sheet tr > *{padding:12px; font-size:14px; word-break:keep-all; text-align:center;}

/* 소개 */
/* 공통 */
.intro{}
.intro .color_bg{position:relative; padding:80px 0; margin-top:80px;}
.intro .color_bg::after{content:''; position:absolute; top:0; left:calc(50% - 50vw); z-index:-1; width:100vw; height:100%; background:#fafafa}
.intro .tit{margin-bottom:80px; text-align:center;}
.intro .tit img{max-width:100%; margin-bottom:40px;}
.intro .tit h6{color:#333; font-size:28px; font-family:'SCD'; letter-spacing:-0.050em;}
.intro .tit p{margin-top:24px; color:#555; font-size:22px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em; line-height:1.5;}
.intro .tit span{display:block; margin-top:30px; color:#767676; font-size:18px;}
.intro .tit strong{color:#2e8ae6}
.intro .img_wrap{overflow-x:auto;}
.intro .img_wrap img{max-width:100%}
/* 열린플랫폼 소개 */
.intro .vision{margin-top:80px;}
.intro .vision li{overflow:hidden; position:relative; padding:34px 0 34px 120px; background:#e5f2ff; border-radius:16px}
.intro .vision li:nth-child(2){background:#e1faf6}
.intro .vision li::before{content:''; position:absolute; top:calc(50% - 32px); left:28px; width:64px; height:64px; background:url(../../images/sub/vision_ico.png) no-repeat 0 0;}
.intro .vision li:nth-child(2)::before{background-position-x:-64px;}
.intro .vision li:not(:first-child){margin-top:16px;}
.intro .vision li p{display:table-cell; position:relative; vertical-align:middle; width:84px; color:#555; font-size:20px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.intro .vision li p::before{content:''; position:absolute; top:calc(50% - 8px); right:0; width:2px; height:16px; background:rgba(85, 85, 85, 0.2);}
.intro .vision li span{display:table-cell; vertical-align:middle; padding-left:30px; color:#555; font-size:18px; line-height:1.5; box-sizing:border-box}
.intro .rd_business{margin:100px 0;}
.intro .rd_business > div{position:relative; text-align:center;}
.intro .rd_business > div::before{content:''; position:absolute; top:84px; left:calc(50% - 16px); width:32px; height:140px; background:url(../../images/sub/rd_business_arr.png) no-repeat 0 0;}
.intro .rd_business div div{margin-top:40px;}
.intro .rd_business div p{display:inline-block; padding:20px 65px; background:#2e8ae6; color:#fff; font-size:24px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em; border-radius:32px; line-height:1;}
.intro .rd_business div span{display:inline-block; width:400px; padding:16px 0; background:#f2f9ff; border:2px solid #cce6ff; color:#333; font-size:18px; font-family:'SCD'; font-weight:600; text-align:center; line-height:20px;}
.intro .rd_business div span:first-child{border-radius:28px 0 0 28px}
.intro .rd_business div span:last-child{border-radius:0 28px 28px 0}
.intro .rd_business div span strong{color:#767676}
.intro .rd_business ul{overflow:hidden; margin-top:80px; margin-bottom:60px;}
.intro .rd_business ul li{float:left; width:calc(100%/3 - 24.1px/3); padding:24px; padding-top:144px; border:4px solid #eee; border-radius:32px; box-sizing:border-box}
.intro .rd_business ul li:not(:first-child){margin-left:12px;}
.intro .rd_business ul li:first-child{background:url(../../images/sub/rd_business01.png) no-repeat center 46px;}
.intro .rd_business ul li:nth-child(2){background:url(../../images/sub/rd_business02.png) no-repeat center 46px; border-color:#e5f2ff}
.intro .rd_business ul li:nth-child(3){background:url(../../images/sub/rd_business03.png) no-repeat center 46px;}
.intro .rd_business ul li p{padding:30px 45px; background:#f7f7f7; font-size:16px; text-align:center; border-radius:24px; line-height:1.5; word-break:keep-all}
.intro .rd_business ul li:nth-child(2) p{background:#f2f9ff;}
.intro .rd_business > p{margin-top:20px; color:#767676; font-size:16px; text-align:center; line-height:1.5;}
.intro .btn_area{margin-top:32px;}
.intro .rd_procedure{width:880px; margin:0 auto;}
.intro .rd_procedure li{position:relative; padding-top:40px;}
.intro .rd_procedure li::before{content:''; position:absolute; bottom:64px; left:calc(50% - 2px); width:4px; height:calc(100% - 68px); background:#ddd; border-radius:0 0 2px 2px}
.intro .rd_procedure li::after{content:''; position:absolute; bottom:64px; left:calc(50% - 9px); width:18px; height:15px; background:url(../../images/sub/rd_procedure_arr.png) no-repeat 0 0;}
.intro .rd_procedure li p{position:relative; width:360px; padding:18px 0; margin:0 auto; background:#fff; border:2px solid #e5e5e5; color:#767676; font-size:18px; font-family:'SCD'; font-weight:600; text-align:center; letter-spacing:-0.050em; border-radius:30px; line-height:20px; box-sizing:border-box}
.intro .rd_procedure li p::before{position:absolute; left:28px; font-size:16px;}
.intro .rd_procedure .top{position:relative; counter-reset:top-count 0; padding-bottom:40px;}
.intro .rd_procedure .top::before{content:''; position:absolute; bottom:0; left:calc(0% + 360px/2 - 2px); width:calc(100% - 360px + 4px); height:4px; background:#ddd;}
.intro .rd_procedure .top::after{content:''; position:absolute; bottom:0; left:calc(50% - 2px); width:4px; height:36px; background:#ddd;}
.intro .rd_procedure .top li{counter-increment:top-count;}
.intro .rd_procedure .top li:first-child{padding-top:0;}
.intro .rd_procedure .top li:first-child::before{display:none}
.intro .rd_procedure .top li:first-child::after{display:none}
.intro .rd_procedure .top li p::before{content:counter(top-count);}
.intro .rd_procedure .top li:first-child p{background:#f2f9ff; border-color:#cce6ff; color:#2e8ae6}
.intro .rd_procedure .top li:last-child p{background:#2e8ae6; border-color:#2e8ae6; color:#fff}
.intro .rd_procedure ol:not(.top){counter-reset:li-count 2}
.intro .rd_procedure ol:not(.top) li{counter-increment:li-count}
.intro .rd_procedure ol:not(.top) li p::before{content:counter(li-count);}
.intro .rd_procedure > div{overflow:hidden; width:880px; margin:0 auto;}
.intro .rd_procedure > div div{float:left; position:relative; padding-top:40px;}
.intro .rd_procedure > div div:nth-child(2){float:right}
.intro .rd_procedure > div div::before{content:''; position:absolute; top:0; left:calc(50% - 2px); width:4px; height:36px; background:#ddd; border-radius:0 0 2px 2px}
.intro .rd_procedure > div div::after{content:''; position:absolute; top:21px; left:calc(50% - 9px); width:18px; height:15px; background:url(../../images/sub/rd_procedure_arr.png) no-repeat 0 0;}
.intro .rd_procedure > div div span{display:block; width:360px; padding:20px 0; background:#ffdd33; color:#333; font-size:18px; font-family:'SCD'; font-weight:600; text-align:center; letter-spacing:-0.050em; border-radius:30px; line-height:20px; box-sizing:border-box}
.intro .rd_procedure > div div:nth-child(2) span{background:#00a6a6; color:#fff}
.intro .rd_procedure > div div ol{}
.intro .rd_procedure > div div ol li{}
.intro .rd_procedure > div div:first-child ol li p::before{color:#ff4c88}
.intro .rd_procedure > div div:first-child ol li:first-child p::before{content:counter(li-count)'-A';}
.intro .rd_procedure > div div:first-child ol li:nth-child(3) p::after{content:''; position:absolute; bottom:-21px; left:calc(50% - 9px); transform:rotate(180deg); width:18px; height:15px; background:url(../../images/sub/rd_procedure_arr.png) no-repeat 0 0;}
.intro .rd_procedure > div div:first-child ol li:nth-child(4) p::after{content:''; position:absolute; top:-38px; left:calc(50% - 2px); width:4px; height:32px; background:#ddd;}
.intro .rd_procedure > div div:nth-child(2) ol li:first-child{padding-top:140px;}
.intro .rd_procedure > div div:nth-child(2) ol li:nth-child(2){padding-top:140px;}
.intro .rd_procedure > div div:nth-child(2) ol li:last-child{padding-top:240px;}
.intro .rd_procedure > div div:nth-child(2) ol li p::before{color:#00a6a6}
.intro .rd_procedure > div div:nth-child(2) ol li:first-child p::before{content:counter(li-count)'-B';}
/* 노인·장애인 보조기기 연구개발 사업 소개 */
.intro .rdb_intro{text-align:center;}
.intro .rdb_intro .rd_tit{display:inline-block; padding:18px 36px; background:#2e8ae6; color:#fff; font-size:20px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em; border-radius:28px; line-height:20px;}
.intro .rdb_intro .rd_tit strong{color:#ffe566}
.intro .rdb_intro .list{overflow:hidden; margin-top:60px;}
.intro .rdb_intro .list > div{float:left; position:relative; width:calc(50% - 12px); padding:60px 40px; padding-top:196px; background:#fff; border-top:4px solid #ffe566; box-sizing:border-box}
.intro .rdb_intro .list > div:not(:first-child){margin-left:24px;}
.intro .rdb_intro .list > div:nth-child(2){border-color:#26bfbf}
.intro .rdb_intro .list > div::before{content:''; position:absolute; top:60px; left:calc(50% - 60px); width:120px; height:112px; background:url(../../images/sub/rdb_intro_list.png) no-repeat 0 0;}
.intro .rdb_intro .list > div:nth-child(2)::before{background-position-x:-120px;}
.intro .rdb_intro .list .top{}
.intro .rdb_intro .list .top h6{color:#2e8ae6; font-size:20px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.intro .rdb_intro .list > div:nth-child(2) .top h6{color:#00a6a6}
.intro .rdb_intro .list .top p{margin-top:8px; color:#333; font-size:24px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.intro .rdb_intro .list .top .sub_tit{display:block; margin-top:24px; font-size:18px; line-height:1.5;}
.intro .rdb_intro .list .top .sub_tit strong{color:#2e8ae6; font-weight:500;}
.intro .rdb_intro .list > div:nth-child(2) .top .sub_tit strong{color:#00a6a6}
.intro .rdb_intro .list .top .role{display:block; margin-top:16px; color:#767676}
.intro .rdb_intro .list .top ul{overflow:hidden; padding-top:40px; margin-top:60px; border-top:1px dashed #e5e5e5;}
.intro .rdb_intro .list .top ul li{float:left; width:calc(100%/3 - 40.1px/3)}
.intro .rdb_intro .list .top ul li:not(:first-child){margin-left:20px;}
.intro .rdb_intro .list .top ul li img{}
.intro .rdb_intro .list .top ul li span{display:block; margin:0 8px; margin-top:16px; line-height:1.5; word-break:keep-all}
/* 세부과제 소개 */
.detailed_task{padding-top:40px; margin-top:80px; border-top:1px solid #ddd;}
.detailed_task li{float:left; position:relative; width:calc(50% - 24px); padding-left:40px; box-sizing:border-box}
.detailed_task li::before{content:''; position:absolute; top:0; left:0; width:28px; height:26px; background:url(../../images/sub/detailed_task_ico.png) no-repeat 0 0;}
.detailed_task li:nth-child(2n){margin-left:48px;}
.detailed_task li p{font-size:20px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em; word-break:keep-all}
.detailed_task li p strong{color:#2e8ae6;}
.detailed_task li span{display:block; margin-top:10px; color:#767676; font-size:16px; line-height:1.5; word-break:keep-all}

/* 레이어팝업 */
.popup{display:none; overflow:hidden; position:fixed; top:0; left:0; z-index:20000;}
.popup .dim_layer{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:-1}
.popup > .inner{overflow-y:auto; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:1000px; max-height:calc(100vh - 120px); padding:30px; background:#fff; border-radius:16px; box-sizing:border-box}
.popup > .inner > h5{padding-bottom:24px; background:#fff; line-height:24px; box-sizing:border-box}
.popup > .inner .btn_area{margin-top:32px;}
.popup > .inner .btn_area{margin-top:32px;}
.popup .popup_close{position:absolute; top:28px; right:32px; width:24px; height:24px; font-size:0}
.popup .popup_close::before{content:''; position:absolute; top:11px; left:-3px; transform:rotate(45deg); width:30px; height:2px; background:#555}
.popup .popup_close::after{content:''; position:absolute; top:11px; left:-3px; transform:rotate(-45deg); width:30px; height:2px; background:#555}
.popup .search_result{margin-top:48px;}
.popup .board_list1{}
.popup .board_list1 tr td{padding:10px;}
.popup .board_list1 tr td .table{display:table; table-layout:fixed; width:100%}
.popup .board_list1 tr td .state{width:68px; height:52px}
.popup .board_list1 tr td .state span{width:68px; height:52px}
.popup .board_list1 tr td .txt{vertical-align:middle; padding:0;}
.popup .board_list1 tr td .txt p{font-size:16px;}
.popup .board_list1 tr td .txt > ul{margin-top:8px; font-size:14px;}
.popup .board_list1 tr td .btn_box{display: table-cell;vertical-align: middle;width: 125px;font-size: 0;}
.popup .board_list1 tr td .chc{display: inline-block; vertical-align: middle; width: calc(50% - 2px); background: #f2f9ff; color: #2e8ae6; font-size: 14px; text-align: center; border-radius: 8px; line-height: 52px; margin-right: 4px;}
.popup .board_list1 tr td .chc2{display:table-cell; vertical-align:middle; width:52px; background:#f2f9ff; color:#2e8ae6; font-size:14px; text-align:center; border-radius:8px; line-height:52px;}
.popup .board_list1 tr td .gosee{display: inline-block; vertical-align: middle; width: calc(50% - 2px); background: #c6e5ff; color: #2e8ae6; font-size: 14px; text-align: center; border-radius: 8px; line-height: 52px;}
.popup .board_list1 tr td .txt .cat{}
.popup .board_list1 tr td .txt .cat ul{display:inline; overflow:hidden}
.popup .board_list1 tr td .txt .cat ul li{float:left; padding:4px 12px; margin-right:4px; margin-bottom:4px; color:#555; font-size:14px; text-align:center; border-radius:4px; line-height:16px;}
.popup .board_list1 tr td .txt .cat ul.parts li{background:#daf2ea;}
.popup .board_list1 tr td .txt .cat ul.type li{background:#fff2b2;}
.popup .board_list1 tr td .txt .cat ul.conditions li{background:#ffd9e9;}
.popup .paging{margin-top:24px;}
.popup .notice{}
.popup .notice p{color:#555; font-size:16px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.popup .notice span{display:block; margin-top:16px; color:#767676; font-size:16px; line-height:1.5;}

/* 사이트맵 */
.sitemap > ol{}
.sitemap > ol > li{overflow:hidden; padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #ccc}
.sitemap > ol > li > a{float:left; width:250px; color:#2e8ae6; font-size:24px; font-family:'SCD'; letter-spacing:-0.050em; box-sizing:border-box}
.sitemap > ol > li > ol{float:right; width:calc(100% - 250px);}
.sitemap > ol > li > ol::after{content:''; display:block; clear:both}
.sitemap > ol > li > ol > li{float:left; position:relative; width:calc(100%/3 - 0.1px); padding-left:16px; box-sizing:border-box}
.sitemap > ol > li > ol > li::before{content:''; position:absolute; top:7px; left:0; width:4px; height:4px; background:#ccc; border-radius:2px}
.sitemap > ol > li > ol > li:nth-child(n+4){margin-top:24px}
.sitemap > ol > li > ol > li > a{color:#767676; font-size:16px;}
.sitemap > ol > li > ol > li > a:hover{border-bottom:1px solid; color:#2e8ae6}
.sitemap > ol > li > ol > li ol{display:none}

/* 회원서비스 */
/* 회원 레이아웃 */
#memberWrap{}

/* 회원페이지 상단 제목 */
.member_tit{margin-bottom:64px; text-align:center}
.member_tit p{color:#333; font-size:32px; font-family:'SCD'; letter-spacing:-0.050em;}
.member_tit p strong{color:#2e8ae6}
.member_tit span{display:block; margin-top:20px; color:#767676; font-size:18px}

/* 진행단계 */
.member_step{}
.member_step ul{counter-reset:li_count; text-align:center}
.member_step ul li{display:inline-block; position:relative; counter-increment:li_count; width:240px; padding:17px 0; margin:0 16px; background:#f5f5f5; border:1px solid #f5f5f5; color:#959595; font-size:18px; border-radius:28px; line-height:20px; box-sizing:border-box}
.member_step ul li:before{content:'Step'counter(li_count)'. ';}
.member_step ul li:not(:first-child)::after{content:''; position:absolute; top:50%; left:-35px; width:32px; border-top:1px dashed #ddd}
.member_step ul li.on{background:#fff; border-color:#aad4f2; color:#2996cc; font-family:'NBGB'; box-shadow:5.7px 5.7px 16px 0 rgba(41, 150, 204, 0.16);}

/* 로그인 */
.login{}
.login .inner{width:600px; margin:0 auto}
.login .sns_login{padding:64px 40px; border-top:1px solid #333; border-bottom:1px solid #e5e5e5}
.login .sns_login div{text-align:center}
.login .sns_login div a{display:block; position:relative; padding:25px 0; font-size:18px; font-family:'SCD'; font-weight:600; border-radius:36px; line-height:22px}
.login .sns_login div a.naver_login{background:#03c75a; color:#fff}
.login .sns_login div a::before{content:''; position:absolute; top:14px; left:30px; width:44px; height:44px; background:url(../../images/sub/sns_login_ico.png) no-repeat 0 0}
.login .sns_login div a.kakao_login{margin-top:12px; background:#fee500; color:#333}
.login .sns_login div a.kakao_login::before{background-position-y:-44px}
.login .sns_login div a.facebook_login{margin-top:12px; background:#1877f2; color:#fff}
.login .sns_login div a.facebook_login::before{background-position-y:-88px}
.login .sns_login div a.google_login{margin-top:12px; background:#e5f4ff; color:#555}
.login .sns_login div a.google_login::before{background-position-y:-132px}
.login .sns_login ul{margin-top:32px}
.login .sns_login ul li{float:left; width:calc(50% - 4px)}
.login .sns_login ul li:not(:first-child){margin-left:8px}
.login .sns_login ul li:nth-last-child(1){width:100%}
.login .sns_login ul li:nth-last-child(2){width:calc(50% - 4px)}
.login .sns_login ul li:nth-last-child(2) ~ li{width:calc(50% - 4px)}
.login .sns_login ul li a{display:block; padding:18px 0; border:1px solid #ddd; color:#767676; font-size:16px; text-align:center; border-radius:28px; line-height:18px}
.login .contact{margin-top:64px; color:#767676; font-size:16px; text-align:center; line-height:1.5}
.login .contact a{color:#555}

/* 약관 동의 */
.terms_agree{}
.terms_agree .conditions{padding:32px 20px 32px 40px; margin-top:20px; background:#f5f5f5; border-radius:16px}
.terms_agree .conditions .inner{overflow-y:scroll; height:350px; padding-right:20px}
.terms_agree .conditions .inner::-webkit-scrollbar{width:4px}
.terms_agree .conditions .inner::-webkit-scrollbar-track{background:#f5f5f5}
.terms_agree .conditions .inner::-webkit-scrollbar-thumb{height:60px; background:#ddd; border-radius:2px}
.terms_agree .conditions h4{margin-bottom:0; color:#333; font-size:20px; font-family:'SCD'; letter-spacing:-0.050em;}
.terms_agree .conditions h4:not(:first-child){margin-top:40px}
.terms_agree .conditions h5{margin-top:0; margin-bottom:10px; color:#555; font-size:18px; font-family:'SCD'; letter-spacing:-0.050em;}
.terms_agree .conditions h5 strong{color:#2e8ae6}
.terms_agree .conditions h5:not(:first-child){margin-top:30px}
.terms_agree .conditions p{color:#767676; font-size:16px; line-height:1.5;}
.terms_agree .conditions p:not(:first-child){margin-top:10px}
.terms_agree .conditions table{margin-top:10px;}
.terms_agree .conditions .con_tbl tr td{background:#fff;}
.terms_agree .agree_chk{padding:20px; margin-top:40px; border:1px solid #ddd; text-align:center; border-radius:16px}
.terms_agree .agree_chk input{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.terms_agree .agree_chk label{display:inline-block; position:relative; padding-left:32px; color:#767676; font-size:16px; line-height:20px}
.terms_agree .agree_chk label::before{content:''; position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid #ccc; border-radius:4px}
.terms_agree .agree_chk input:focus + label::before{top:-1px; left:-1px; width:18px; height:18px; border:2px solid #333;}
.terms_agree .agree_chk input:checked + label{color:#2996cc; font-family:'NBGB'}
.terms_agree .agree_chk input:checked + label::before{width:20px; height:20px; border:none; background:url(../../images/sub/agree_chk.png) no-repeat 0 0}

/* 시스템 경고 */ 
.system_warning_box{}
.system_warning_box .title{text-align:center; padding-top:30px;}
.system_warning_box .title p{margin-top:20px; font-weight:bold; font-size:22px; color:#b03030; line-height:30px;}
.system_warning_box h4{padding-left:12px; margin-top:30px; background:url("../../images/common/system_pop_07.png") no-repeat 0px 5px; font-size:16px; font-weight:bold;}
.system_warning_box .text{overflow-y:scroll; padding:15px; margin-top:5px; width:100%; height:150px; border:1px solid #d4d4d4; box-sizing:border-box;}
.system_bot_bt{text-align: center; margin-top: 20px;}
.system_warning_bt1{border:none; background: url("../../images/common/system_pop_01.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_bt2{border:none; background: url("../../images/common/system_pop_02.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_h4_2{background: url("../../images/common/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 10px;}
.system_warning_textarea3{width: 96%; height: 60px; overflow-y:scroll; padding: 2%; border:1px solid lightgray;}

/* 가입완료 */
.join_box{padding:30px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.finish_txt{margin-bottom:27px; font-family:"NS"; font-size:24px; text-align:center;}
.finish_txt b{font-weight:normal; color:#098df2;}
.join_txt{font-size:14px; text-align:center; line-height:20px; color:#646464;}
.join_txt2{font-size:16px; text-align:center; line-height:25px; color:#646464;}
.join_box ul{width:275px; margin:0 auto;}
.join_box ul li{overflow:hidden; margin-bottom:28px; font-size:15px;}
.join_box ul li:last-child{margin:0;}
.join_box ul li p{display:inline-block; width:55px; margin-right:70px; padding-left:20px; background:url(../../images/sub/sign_dot1.gif) 0 5px no-repeat;}
.join_box ul li span{display:inline-block;}

/* 개인정보 처리방침 */
.policy_form{}
.policy_form .recent{}
.policy_form ul.list{padding-top:20px; margin-top:20px; border-top:3px double #555;}
.policy_form ul.list li{padding:10px; margin-top:4px; background:#eee;}
.policy_form ul.list li:first-child{margin-top:0;}
.policy_form ul.list li a{padding-left:18px; background:url(../../images/board/file.gif) no-repeat 0px 0px; font-size:12px;}
.policy_form ul.list li a:hover{text-decoration:underline;}

/* 마이페이지 */
.open_page_list tr td .state:not([value="완료"]):not([value="반려"]):not([value="받은 쪽지"]):not([value="보낸 쪽지"]):not(.num) span{padding:0 10px; background-color:#f2f9ff; color:#2e8ae6; border-radius:50%;}
.open_page_list tr td .state:not([value="완료"]):not([value="반려"]):not([value="받은 쪽지"]):not([value="보낸 쪽지"]):not(.num) span::before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #b2d9ff; border-radius:50%;}
.open_page_list tr td .state[value="완료"] span{background-color:#2e8ae6; border-radius:50%; color:#fff;}
.open_page_list tr td .state[value="반려"] span{background-color:#f7f7f7; border-radius:50%; color:#767676}
.open_page_list tr td .state[value="받은 쪽지"] span{background-color:#2e8ae6; border-radius:50%; color:#fff;}
.open_page_list tr td .state[value="보낸 쪽지"] span{background-color:#f7f7f7; border-radius:50%; color:#767676}
.open_page_list tr td .comment{}
.open_page_list tr td .comment .name{margin-bottom:20px; font-size:18px; color:#333; font-family:'SCD'; font-weight:600; line-height:20px;}
.open_page_list tr td .comment .name span{display:inline-block; vertical-align:top; margin-left:16px; font-size:14px; font-family:'NBG'; font-weight:500; color:#959595;}
.open_page_list tr td .comment .txt{font-size:16px; line-height:24px;}
.open_page_list tr td .comment .link{display:block; padding-left:22px; margin-top:20px; background:url(../../images/board/board_link_ico.png) no-repeat 0 2px; color:#959595; font-size:16px; line-height:18px;}
.open_page_list tr td input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.open_page_list tr td input[type="checkbox"] + label{display:inline-block; position:relative; width:20px; color:#767676; font-size:0px; line-height:20px}
.open_page_list tr td input[type="checkbox"] + label::before{content:''; position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid #ccc; border-radius:4px}
.open_page_list tr td input[type="checkbox"]:checked + label{color:#2996cc; font-family:'NBGB'}
.open_page_list tr td input[type="checkbox"]:checked + label::before{width:20px; height:20px; border:none; background:url(../../images/sub/agree_chk.png) no-repeat 0 0}
.all_chk input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.all_chk input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:32px; color:#767676; font-size:16px; line-height:20px}
.all_chk input[type="checkbox"] + label::before{content:''; position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid #ccc; border-radius:4px}
.all_chk input[type="checkbox"]:checked + label{color:#2996cc; font-family:'NBGB'}
.all_chk input[type="checkbox"]:checked + label::before{width:20px; height:20px; border:none; background:url(../../images/sub/agree_chk.png) no-repeat 0 0}

/* 포트폴리오 */
.portfolio{margin:0;}
.portfolio .a4{position:relative; width:940px; height:1329px; margin:0 auto; border-radius:5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); box-sizing:border-box}
.portfolio .a4.confirm{background:url(../../images/sub/portfolio01.jpg) no-repeat 0 0 #fff; background-size:940px;}
.portfolio .a4.confirm .num{position:absolute; top:100px; font-family:'Malgun Gothic';}
.portfolio .a4.confirm .num.left{left:100px;}
.portfolio .a4.confirm .num.right{right:100px;}
.portfolio .a4.confirm p{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:750px; color:#333; font-size:32px; font-family:'Malgun Gothic'; font-weight:600; text-align:center; letter-spacing:-0.050em; line-height:54px;}
.portfolio .a4.confirm span{position:absolute; bottom:30%; left:50%; transform:translateX(-50%); width:250px; color:#333; font-size:28px; font-family:'Malgun Gothic'; font-weight:600; text-align:center; letter-spacing:-0.050em; line-height:30px;}
.portfolio .a4.detail{padding:40px; background:url(../../images/sub/portfolio02.jpg) no-repeat 0 0 #fff; background-size:940px;}
.portfolio .a4.detail .num{position:absolute; top:16px; font-family:'Malgun Gothic';}
.portfolio .a4.detail .num.left{left:40px;}
.portfolio .a4.detail .num.right{right:40px;}
.portfolio .a4.detail .top{padding:36px; margin-top:140px; background:#f2f9ff; font-family:'Malgun Gothic'; font-weight:600; letter-spacing:-0.050em; border-radius:32px;}
.portfolio .a4.detail .top .tit{float:left; width:35%}
.portfolio .a4.detail .top .tit p{color:#2e8ae6; font-size:32px;}
.portfolio .a4.detail .top .tit span{display:block; margin-top:10px; color:#555; font-size:24px;}
.portfolio .a4.detail .top .info{float:right; width:65%}
.portfolio .a4.detail .top .info ul{display:table; table-layout:fixed; width:100%}
.portfolio .a4.detail .top .info ul li{display:table-cell; vertical-align:middle; color:#333; text-align:center;}
.portfolio .a4.detail .top .info ul li p{font-size:18px;}
.portfolio .a4.detail .top .info ul li span{display:block; margin-top:10px; font-size:24px;}
.portfolio .a4.detail .list{font-family:'Malgun Gothic'; font-weight:600; letter-spacing:-0.050em;}
.portfolio .a4.detail .list .tit{position:relative; margin-top:40px; text-align:center;}
.portfolio .a4.detail .list .tit::before{content:''; position:absolute; top:calc(50% - 2px); left:0; width:100%; height:4px; background:#eee;} 
.portfolio .a4.detail .list .tit span{display:inline-block; position:relative; padding:20px 24px; background:#fff; font-size:18px;}
.portfolio .a4.detail .list ul{position:relative; padding-bottom:160px; margin-top:40px;}
.portfolio .a4.detail .list ul::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#eee;} 
.portfolio .a4.detail .list ul li{overflow:hidden;}
.portfolio .a4.detail .list ul li:not(:first-child){margin-top:48px;}
.portfolio .a4.detail .list ul li .img{overflow:hidden; float:left; position:relative; width:120px; height:90px; background:#f7f7f7;}
.portfolio .a4.detail .list ul li .img img{position:absolute; top:505; left:50%; transform:translate(-50%, -50%); max-width:100%; height:100%}
.portfolio .a4.detail .list ul li .txt{float:right; width:calc(100% - 160px); padding:12px 0;}
.portfolio .a4.detail .list ul li .txt p{margin-bottom:8px; color:#333; font-size:24px;}
.portfolio .a4.detail .list ul li .txt span{display:inline-block; margin-right:20px; color:#767676; font-size:18px; font-family:'Malgun Gothic'}

/* 페이지 만족도, 관리자 */
.management{}
/* 만족도 영역 */
.satisfaction{padding:25px 30px;}
.satisfaction p{margin-bottom:15px; font-size:16px;}
.satisfaction p strong{margin-right:8px; padding-right:15px; background:url(../../images/sub/manager_arr.gif) right 4px no-repeat; font-family:"NBGB"; color:#024f81;}
.satisfaction ul{display:inline-block; vertical-align:middle;}
.satisfaction ul li{float:left; margin-right:30px; font-size:14px;}
.satisfaction ul li input{margin-right:10px;}
.satisfaction a{display:inline-block; vertical-align:middle; width:55px; padding:4px 0; border:1px solid #000; font-size:12px; text-align:center;}
.satisfaction .other_opinions{display:none; overflow:hidden; margin-top:15px;}
.satisfaction .other_opinions textarea{float:left; width:641px; height:61px; padding:10px 0 0 10px; border:1px solid #d4d4d4;}
.satisfaction .other_opinions input{float:right; width:93px; height:72px; border:1px solid #3c3c3c; background:#fff; font-size:14px; text-align:center; cursor:pointer;}

/* 관리자 영역 */
.manager{padding:25px 30px; border-top:1px solid #d4d4d4;}
.manager p{float:left; margin-right:15px; padding-right:15px; background:url(../../images/sub/manager_arr.gif) right 4px no-repeat; font-family:"NBGB"; font-size:16px; color:#024f81;}
.manager ul{float:right; width:680px; margin-top:2px;}
.manager ul li{margin-top:8px;}
.manager ul li:first-child{margin:0; font-size:0;}
.manager ul li span{display:inline-block; width:140px; margin-left:12px; font-size:13px;}
.manager ul li span:first-child{margin-left:0;}
.manager ul li span b{font-family:"NBGB";}

/* Vue 인스턴스 생성전 html 가리기 위해 추가 2021.11.17 */
[v-cloak] {
    display: none;
}

@media print {
	header{display:none;}
	.strapline{display:none;}
	.sub_menu{display:none;}
	.quick_sch{display:none;}
	.contents{width:auto;}
	.paging{display: none;}
	.board_util{display: none;}
	.btn_area{display: none;}
	footer{display:none;}
	#sub{padding-bottom: 0;}
	*{-webkit-print-color-adjust: exact; print-color-adjust: exact;}
	
}


@media only screen and (max-width:1100px) {
	
	.open_page .sch_box .quick_sch{position:relative; top:0; transform:translateY(0%); width:100%; margin-bottom:20px;}
	.open_page .sch_box .quick_sch.hidden{width:100%}
	.open_page .sch_box .quick_sch.hidden .quick_sch_menu .tit{padding:16px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .close{transform: rotate(-90deg); top:12px; right:12px; width:28px; height:28px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .close::before{top:13px; left:7px; width:14px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .close::after{top:13px; left:7px; width:14px;}
	.open_page .sch_box .quick_sch.hidden:hover .quick_sch_menu .close{transform:rotate(90deg)}
	.open_page .sch_box .quick_sch .quick_sch_menu .tit{padding:16px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .tit span{font-size:16px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .tit p{margin-top:0; font-size:16px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .option_list{padding:16px 12px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner:not(:first-child){margin-top:20px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner p{font-size:16px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul{margin-top:10px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li input + label{padding:6px 0; margin-bottom:2px; font-size:14px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .btn a{font-size:16px;}
	
	.strapline .nav .inner{width:auto}
	.strapline .nav .sub_tit h2{font-size:26px}
	.strapline .nav .etc{right:24px}
	.strapline .nav .etc .etc_print{display:none}
	.strapline .nav .etc .share_list{right:0}
	.sub_menu > ul > li > a{padding:16px 20px}
	.strapline .nav.left .inner{padding-left:0; text-align:center}
	
	.contents{width:auto; padding:0 24px}
	#sub{padding:60px 0 100px 0}
	#left_menu{display:none}
	#left_menu + #sub{float:none; width:auto}
	
	.sub_contents h4{}
	.sub_contents h5{margin-top:40px; margin-bottom:12px; font-size:20px;}
	.sub_contents h5:not(:first-child){margin-top:40px;}
	.table_wrap > table{width:1100px}
	
	/* 하위메뉴 탭 */
	.tab{margin-bottom:60px;}
	.tab ul li{width:23%}
	.tab ul li a{min-width:100%; padding:16px 0; font-size:18px;}
	.tab ul li.on a::before{display:none}
	.tab ul li.on a::after{display:none}
	
	/* 콘텐츠 탭 */
	.con_tab{}
	.con_tab ul li{padding:12px 32px; font-size:16px;}
	
	/* 상태아이콘 모음(좋아요/필요해요/댓글/담기) */
	.stat_list li:not(:first-child){margin-left:12px;}
	
	/* 정보소개 스타일(기기정보 & 협력기관) */
	.intro_info .left{float:none; width:auto}
	.intro_info .left div{max-height:300px; padding:12px;}
	.intro_info .left div ul{max-height:236px}
	.intro_info .left div ul li{font-size:14px;}
	.intro_info .left div ul li:not(:first-child){margin-top:10px;}
	.intro_info .right{float:none; width:auto; margin-top:40px;}
	.intro_info .right .img{padding:24px 60px;}
	.intro_info .right .maps{margin-top:24px;}
	
	/* 열린페이지 */
	.open_page .sch_box_toggle{padding:18px;}
	.open_page .sch_box_toggle p{font-size:16px;}
	.open_page .sch_box_toggle span{top:20px}
	.open_page .sch_box .sch_option{margin-bottom:30px;}
	.open_page .sch_box .sch_option .tit{font-size:18px;}
	.open_page .sch_box .sch_option div{padding:12px 12px 12px 76px;}
	.open_page .sch_box .sch_option div::before{top:17px;}
	.open_page .sch_box .sch_option div ul li{font-size:16px;}
	.open_page .sch_box .sch_option div ul li select{width:160px; height:40px; padding:0 10px; font-size:14px;}
	
	.open_page .device_slide .intro{margin:16px 0;}
	.open_page .device_slide .slide_wrap{padding:24px 80px;}
	.open_page .device_slide .container .item_list .item{width:100%; max-width:220px;}
	.open_page .device_slide .container .item_list .item .img{height:162px;}
	.open_page .device_slide .container .item_list .item .txt{padding:12px;}
	.open_page .device_slide .container .item_list .item .txt p{font-size:16px;}
	.open_page .device_slide .container .item_list .item .txt span{height:42px}
	.open_page .participate_list > ul li::before{top:40px}
	.open_page .participate_list > ul li:not(:first-child){margin-top:8px;}
	.open_page .participate_list .participate_info{padding:12px 0;}
	.open_page .participate_list .participate_info .left{float:none; width:auto; margin-top:0;}
	.open_page .participate_list .participate_info .left .status{margin:0 12px 0 0; line-height:36px;}
	.open_page .participate_list .participate_info .left .status select{height:36px}
	.open_page .participate_list .participate_info .left .status button{padding:8px 0;}
	.open_page .participate_list .participate_info .left .tit{overflow:hidden;}
	.open_page .participate_list .participate_info .left .tit .member_nm{float:left; margin-right:10px; font-size:16px; line-height:36px;}
	.open_page .participate_list .participate_info .left .tit .date{float:left; margin-top:0; line-height:36px;}
	.open_page .participate_list .participate_info .right{float:none; width:auto; padding-left:120px;}
	.open_page .participate_list .participate_info .right .btn{width:calc(100% - 84px)}
	.open_page .participate_list .participate_info .right .btn a{width:100px !important; margin-top:0 !important;}
	.open_page .participate_list .participate_info .right .btn a:not(:first-child){margin-left:4px;}
	.open_page .participate_list .participate_info .right .btn a:nth-child(n+3){margin-top:0;}
	.open_page .participate_list .participate_info .right .btn a:last-child{width:100px}
	.open_page .participate_list .participate_info .right .btn a.final_ver ~ a{width:100px}
	.open_page .participate_list .participate_info .right .toggle_btn{width:84px}
	.open_page .participate_list .participate_info .right .toggle_btn span{line-height:32px;}
	.open_page .participate_list .sub_member .item:first-child{margin-top:8px;}
	
	.open_page_list tr td{padding:16px 0;}
	.open_page_list tr td .txt .util{margin-bottom:8px;}
	.open_page_list tr td .txt .tit{font-size:16px;}
	.open_page_list tr td .txt .info_list{margin-top:12px; font-size:14px;}
	.open_page_list tr td .txt .info_list > li{padding-left:18px; margin-left:15px;}
	.open_page_view{margin-bottom:40px;}
	.open_page_view .top{padding-bottom:12px; margin-bottom:16px;}
	.open_page_view .top p{font-size:24px;}
	.open_page_view .top .util{margin-top:12px;}
	
	/* 열린플랫폼 */
	/* 보조기기 정보 */
	.device_list{}
	.device_list > ul > li{width:50%; padding:16px 6px 16px 0;}
	.device_list > ul > li:not(:nth-child(2n-1)){padding:16px 0 16px 6px;}
	.device_list ul li .txt{padding-bottom:16px; margin-top:16px;}
	.device_view{margin-bottom:40px;}
	.device_view .right{width:50%}
	.device_view .right .top{padding-bottom:12px; margin-bottom:16px;}
	.device_view .right .top p{font-size:24px;}
	.device_view .right .top .util{margin-top:12px;}
	.device_view .right .bottom ul{font-size:14px;}
	.device_view .right .bottom ul li:not(:first-child){margin-top:8px;}
	.device_view .right .bottom ul li::before{top:7px}
	.device_view .right .bottom .btn{margin-top:40px;}
	.device_view .right .bottom .btn a{width:30%}
	.suggest_info{padding:16px; margin-bottom:30px;}
	.suggest_info a p{font-size:14px; font-family:'NBGB'; line-height:16px}
	.suggest_info ul{margin-top:10px; font-size:12px}
	.suggest_info ul li{padding-left:6px; margin-left:6px}
	.suggest_info ul li:before{width:1px; height:10px; margin-top:-5px}
	.suggest_info ul li span{margin-right:6px}
	.device_info{padding:16px;}
	
	/* 국립재활원 열린제작실 */
	.reserve_intro ul{width:505px; margin:40px auto 0 auto;}
	.reserve_intro ul li{display:block; margin:12px 0;}
	
	/* 소식과 정보 */
	/* 공통 */
	.intro .color_bg{padding:32px 0; margin-top:32px}
	.intro .tit{margin-bottom:32px; word-break:keep-all}
	.intro .tit h6{font-size:20px;}
	.intro .tit p{font-size:16px;}
	.intro .img_wrap img{width:1100px}
	/* 열린플랫폼 소개 */
	.intro .vision{margin-top:40px;}
	.intro .vision li{padding:26px 20px 26px 80px;}
	.intro .vision li::before{top:calc(50% - 24px); left:20px; width:48px; height:48px; background-size:96px 48px;}
	.intro .vision li:nth-child(2)::before{background-position-x:-48px;}
	.intro .vision li p{width:52px; font-size:16px;}
	.intro .vision li span{padding-left:16px; font-size:14px;}
	.intro .rd_business{margin:60px 0;}
	.intro .rd_business > div::before{top:64px; height:94px; background-position-y:-46px;}
	.intro .rd_business div p{padding:16px 32px; font-size:18px;}
	.intro .rd_business div span{width:300px; padding:12px 0; font-size:14px; font-family:'NBG'; font-weight:500;}
	.intro .rd_business div span strong{font-family:'NBGB';}
	.intro .rd_business div div{margin-top:24px;}
	.intro .rd_business ul{margin-top:50px; margin-bottom:32px;}
	.intro .rd_business ul li{float:none; width:auto; padding:12px; padding-top:72px; border-radius:16px}
	.intro .rd_business ul li:not(:first-child){margin-top:12px; margin-left:0;}
	.intro .rd_business ul li:first-child{background-size:146px 42px; background-position-y:16px;}
	.intro .rd_business ul li:nth-child(2){background-size:146px 42px; background-position-y:16px;}
	.intro .rd_business ul li:nth-child(3){background-size:128px 42px; background-position-y:16px;}
	.intro .rd_business ul li p{padding:12px; font-size:14px;}
	.intro .rd_business > p{margin-top:12px; font-size:14px;}
	.intro .btn_area{margin-top:16px;}
	.intro .rd_procedure{width:auto;}
	.intro .rd_procedure .top::before{}
	.intro .rd_procedure > div{width:auto; margin:0 30px;}
	.intro .rd_procedure > div div span{width:300px}
	.intro .rd_procedure li p{width:300px; font-size:16px;}
	.intro .rd_procedure li p::before{left:18px}
	/* 노인·장애인 보조기기 연구개발 사업 소개 */
	.intro .rdb_intro .rd_tit{padding:12px 24px; font-size:16px; word-break:keep-all}
	.intro .rdb_intro .list{margin-top:32px;}
	.intro .rdb_intro .list > div{padding:60px 16px; padding-top:160px;}
	.intro .rdb_intro .list > div::before{top:30px}
	.intro .rdb_intro .list .top p{font-size:20px;}
	.intro .rdb_intro .list .top .sub_tit{margin-top:12px; font-size:14px;}
	.intro .rdb_intro .list .top ul{padding-top:24px; margin-top:30px;}
	.intro .rdb_intro .list .top ul li{float:none; width:auto; text-align:left;}
	.intro .rdb_intro .list .top ul li:not(:first-child){margin-top:12px; margin-left:0;}
	.intro .rdb_intro .list .top ul li img{display:inline-block; vertical-align:middle; width:120px; height:90px;}
	.intro .rdb_intro .list .top ul li span{display:inline-block; vertical-align:middle; width:calc(100% - 130px); margin:0 0 0 10px;}
	/* 세부과제 소개 */
	.detailed_task{padding-top:24px; margin-top:40px;}
	
	/* 사이트맵 */
	.sitemap > ol > li{padding-bottom:40px; margin-bottom:40px}
	.sitemap > ol > li > a{width:200px; font-size:24px}
	.sitemap > ol > li > ol{width:calc(100% - 200px)}
	.sitemap > ol > li > ol > li > a{font-size:14px; word-break:keep-all}
	
	/* 회원페이지 상단 제목 */
	.member_tit{margin-bottom:32px;}
	.member_tit p{font-size:24px;}
	.member_tit span{margin-top:14px; font-size:16px;}
	
	/* 진행단계 */
	.member_step ul li{width:200px; padding:12px 0; font-size:16px;}
	
	/* 로그인 */
	.login{width: 100%;}
	.login .inner{width: 100%;}
	.login .sns_login{padding:32px 0;}
	.login .sns_login div a{padding:20px 0; font-size:18px;}
	.login .sns_login div a::before{top:16px}
	.login .contact{margin-top:32px;}
	
	/* 약관 동의 */
	.terms_agree .conditions{padding:24px 12px 24px 30px;}
	.terms_agree .agree_chk{margin-top:24px;}
	
	.popup{}
	.popup > h5{padding:16px;}
	.popup > .inner{width:95%; padding:16px}
	.popup .popup_close{top:16px; right:16px}
	
}

@media only screen and (max-width:768px) {
	
	.strapline{height:auto; padding:16px 0;}
	.strapline .nav .inner{transform:translateY(0%); height:100%;}
	.strapline .nav .sub_tit h2{font-size:20px}
	.strapline .nav .state{margin-top:8px}
	.strapline .nav .state > *{font-size:12px}
	.strapline .nav .state > *:not(:first-child){padding-left:10px; margin-left:6px}
	.strapline .nav .etc{position:relative; top:0; right:0; margin:0 auto; margin-top:12px;}
	.strapline .nav .etc .share_list{right:calc(50% - 110px)}
	
	.sub_menu{display:none}
	.contents{padding:0 12px}
	#sub{padding:24px 0 80px 0}
	
	.sub_contents h5{font-size:18px;}
	.sub_contents h5 + p{font-size:14px;}
	.sub_contents > p{font-size:14px;}
	.sub_contents > p:not(:first-child){margin-top:12px;}
	.sub_contents ol.type1{font-size:14px;}
	.sub_contents ol.type1 > li{padding-left:12px;}
	.sub_contents ol.type1 > li:not(:first-child){margin-top:6px;}
	.sub_contents ol.type1 > li::before{top:7px}
	.sub_contents .ref{font-size:14px;}
	/* 테이블 스타일1 */
	.con_tbl tr > *{padding:12px; font-size:14px;}
	.table_wrap > table{width:768px}
	
	/* 하위메뉴 탭 */
	.tab{margin-bottom:32px;}
	.tab ul li{width:47%}
	.tab ul li:nth-child(n+3){margin-top:6px;}
	.tab ul li a{padding:12px 0; font-size:14px;}
	
	/* 콘텐츠 탭 */
	.con_tab{}
	.con_tab ul li{padding:6px 12px; font-size:12px; border-radius:8px 8px 0 0}
	
	/* 상태아이콘 모음(좋아요/필요해요/댓글/담기) */
	.stat_list li{padding-left:16px; font-size:12px;}
	
	/* 정보소개 스타일(기기정보 & 협력기관) */
	
	/* 열린페이지 */
	.open_page .sch_box .quick_sch .quick_sch_menu .option_list .inner ul li input + label{padding:4px 0; font-size:12px;}
	.open_page .sch_box .quick_sch .quick_sch_menu .btn a{padding:4px 0; font-size:12px;}
	.open_page .sch_box_toggle{padding:12px; padding-bottom:32px;}
	.open_page .sch_box_toggle p{font-size:14px;}
	.open_page .sch_box_toggle span{top:inherit; bottom:12px; right:calc(50% - 38px); font-size:12px;}
	.open_page .sch_box .body_list{margin-right:20px;}
	.open_page .participate_list .participate_info{}
	.open_page .participate_list .participate_info .left .num{width:80px; padding:7px 0;}
	.open_page .participate_list .participate_info .left .num span{}
	.open_page .participate_list .participate_info .left .status{float:right}
	.open_page .participate_list .participate_info .left .tit{float:none; width:100%; padding-top:10px; padding-left:12px; box-sizing:border-box}
	.open_page .participate_list .participate_info .left .tit .member_nm{line-height:24px;}
	.open_page .participate_list .participate_info .left .tit .date{line-height:24px;}
	.open_page .participate_list .participate_info .right{padding-left:12px;}
	.open_page .participate_list .participate_info .right .btn{float:none}
	.open_page .participate_list .participate_info .right .btn a{width:80px !important; font-size:12px;}
	.open_page .participate_list .sub_member .member_info{padding:10px;}
	.open_page .participate_list .sub_member .member_info p{float:none; margin-bottom:6px; font-size:14px;}
	.open_page .participate_list .sub_member .member_info span{float:none; margin-left:0; font-size:12px;}
	.open_page .participate_list .no_parti {font-size: 14px;}
	
	.open_page_list tr td{padding:12px 0;}
	.open_page_list tr td .state{width:44px; height:40px; padding-right:12px; font-size:12px;}
	.open_page_list tr td .state:not([value="완료"]):not([value="반려"]):not([value="받은 쪽지"]):not([value="보낸 쪽지"]):not(.num) span{padding:0; border-radius:8px}
	.open_page_list tr td .state:not([value="완료"]):not([value="반려"]):not([value="받은 쪽지"]):not([value="보낸 쪽지"]):not(.num) span::before{border-radius:8px}
	.open_page_list tr td .state.num{width:36px; padding-right:10px;}
	.open_page_list tr td .state:not(.num) span{width:44px; height:40px; line-height:1.2;}
	.open_page_list tr td .comment{}
	.open_page_list tr td .comment .name{margin-bottom:6px; font-size:13px; font-family:'NBGB'; line-height:1.5;}
	.open_page_list tr td .comment .name span{display:block; margin-left:0; font-size:12px;}
	.open_page_list tr td .comment .txt{font-size:12px; line-height:1.5;}
	.open_page_list tr td .comment .link{width:auto; padding-left:16px; margin-top:8px; background-size:12px 12px; font-size:12px;}
	.open_page_list tr td .txt .util{margin-bottom:2px;}
	.open_page_list tr td .txt .util ul li{padding:4px 6px; font-size:12px;}
	.open_page_list tr td .txt .tit{font-size:14px; font-family:'NBGB'; line-height:16px;}
	.open_page_list tr td .txt .info_list{margin-top:6px; font-size:12px}
	.open_page_list tr td .txt .info_list > li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:6px; margin-left:6px}
	.open_page_list tr td .txt .info_list > li:before{width:1px; height:10px; margin-top:-5px}
	.open_page_list tr td .txt .info_list > li span{margin-right:6px}
	.open_page_list tr td .txt .info_list > li:last-child{float:none; clear:both; padding-top:6px; padding-left:0; margin-left:0;}
	.open_page_list tr td .txt .info_list > li:last-child::before{display:none}
	.open_page_list tr td .right{vertical-align:top; width:48px}
	.open_page_list tr td .dmn_prt{width:48px; padding:6px 0; font-size:12px;}
	.open_page_list tr td .dmn_prt b{display:none}
	.open_page_list tr td .dmn_prt strong{margin-top:0; font-size:14px; letter-spacing:-0.050em;}
	.open_page_view .top .cat ul li{padding:4px 6px; font-size:12px;}
	.open_page_view .top p{font-size:16px;}
	.open_page_view .bottom ul{margin-top:10px; font-size:12px}
	.open_page_view .bottom ul li{padding-left:6px; margin-left:6px}
	.open_page_view .bottom ul li:before{width:1px; height:10px; margin-top:-5px}
	.open_page_view .bottom ul li span{margin-right:6px}
	.open_page_view .bottom .btn a{width:140px; height:auto; padding:8px; font-size:12px; line-height:20px;}
	
	/* 열린플랫폼 */
	/* 보조기기 정보 */
	.device_list > ul > li{padding:12px 6px 12px 0;}
	.device_list > ul > li:not(:nth-child(2n-1)){padding:12px 0 12px 6px;}
	.device_list ul li .img{padding-top:56.25%;}
	.device_list ul li .txt{padding-bottom:12px; margin-top:12px;}
	.device_list ul li .txt .cat ul li{padding:4px 6px; font-size:12px;}
	.device_list ul li .txt .tit p{font-size:18px;}
	.device_list ul li .txt .tit span{height:36px; margin-top:6px; font-size:12px;}
	.device_list ul li .txt > ul{margin-top:8px; font-size:12px;}
	.device_list ul li .txt > ul li{padding-left:12px; margin-left:10px;}
	.device_list ul li .txt > ul li span{margin-right:6px;}
	.device_list ul li .util{margin-top:12px;}
	.device_list ul li .util .left{float:none; margin-bottom:12px;}
	.device_list ul li .util .right{float:none; width:auto; text-align:center;}
	.device_list ul li .util .right a{width:32%; font-size:12px; border-radius:4px}
	.device_view .left{float:none; width:auto}
	.device_view .right{float:none; width:auto; margin-top:16px;}
	.device_view .right .top p{font-size:16px;}
	.device_view .right .top .cat ul li{padding:4px 6px; font-size:12px;}
	.device_view .right .bottom ul{font-size:12px;}
	.device_view .right .bottom .btn a{width:140px; height:auto; padding:8px; font-size:12px; line-height:20px;}
	.open_page .device_slide .intro{font-size:12px;}
	.open_page .device_slide .slide_wrap{padding:16px 48px;}
	.open_page .device_slide .container .item_list .item{}
	.open_page .device_slide .container .item_list .item .txt p{font-size:14px;}
	.open_page .device_slide .container .item_list .item .txt span{height:36px; margin-top:8px; font-size:12px;}
	.open_page .device_slide .container .item_list .item .util{margin-top:8px;}
	.open_page .device_slide .container .item_list .item .util a{width:48px; padding:3px 0; font-size:12px; border-radius:8px}
	.open_page .device_slide .controller div{}
	.open_page .device_slide .controller .prev{left:8px}
	.open_page .device_slide .controller .next{right:8px}
	.open_page .device_slide .controller div img{width:32px}
	
	.device_info{border-width:3px; word-break:keep-all}
	.device_info p{font-size:16px;}
	.device_info span{font-size:14px;}
	.request_list .member_info{padding:12px;font-size: 16px;}
	.request_list .member_info p{float:none; margin-bottom:6px; font-size:14px;}
	.request_list .member_info span{margin-left:0; font-size:12px;}
	.request_list .member_info .del{font-size:12px;}
	
	/* 국립재활원 열린제작실 */
	.reserve_intro{margin:30px 0;}
	.reserve_intro div span{font-size:16px;}
	.reserve_intro div p{font-size:20px; line-height:1.5;}
	.reserve_intro ul{width:auto; margin-top:24px; text-align:left;}
	.reserve_intro ul li{margin:6px 0;}
	.reserve_intro ul li span{padding:10px 16px 10px 40px; font-size:14px;}
	.reserve_intro ul li span::before{top:8px; left:16px; width:16px; height:18px; background-size:32px 18px;}
	.reserve_intro ul li:nth-child(2) span::before{background-position-x:-16px;}
	.reserve_intro ul li p{font-size:16px; line-height:36px;}
	
	/* 소식과 정보 */
	/* 공통 */
	.intro .tit img{margin-bottom:20px;}
	.intro .tit h6{font-size:16px;}
	.intro .tit span{margin-top:16px; font-size:12px; line-height:1.5;}
	.intro .img_wrap img{width:768px}
	/* 열린플랫폼 소개 */
	.intro .vision{margin-top:24px;}
	.intro .vision li{padding:60px 10px 16px 10px; text-align:center;}
	.intro .vision li::before{top:16px; left:calc(50% - 16px); width:32px; height:32px; background-size:64px 32px;}
	.intro .vision li:nth-child(2)::before{background-position-x:-32px;}
	.intro .vision li p{display:block; width:auto; padding-bottom:10px; margin-bottom:10px; font-size:16px; font-family:'NBGB';}
	.intro .vision li p::before{top:100%; left:calc(50% - 8px); width:16px; height:2px;}
	.intro .vision li span{display:block; padding-left:0; font-size:12px;}
	.intro .rd_business > div::before{top:50px}
	.intro .rd_business div p{padding:12px 24px; font-size:14px;}
	.intro .rd_business div div{overflow:hidden; margin-top:16px;}
	.intro .rd_business div span{width:50%; padding:6px 0; font-size:12px; box-sizing:border-box}
	.intro .rd_business div span:first-child{float:left; border-radius:8px 0 0 8px}
	.intro .rd_business div span:last-child{float:right; border-radius:0 8px 8px 0}
	.intro .rd_business div span strong{display:block}
	.intro .rd_business > p{font-size:12px;}
	.intro .rd_procedure li{padding-top:30px;}
	.intro .rd_procedure li::before{bottom:50px; height:calc(100% - 54px)}
	.intro .rd_procedure li::after{bottom:45px; left:calc(50% - 7px); width:14px; height:12px; background-size:14px 12px;}
	.intro .rd_procedure li p{width:100%; padding:8px 0; font-size:12px; font-family:'NBG'; font-weight:500; border-radius:8px}
	.intro .rd_procedure li p::before{font-size:12px;}
	.intro .rd_procedure .top{padding-bottom:30px;}
	.intro .rd_procedure .top::before{left:calc(25% - 7px); width:calc(50% + 14px)}
	.intro .rd_procedure .top::after{height:22px;}
	.intro .rd_procedure .top li p{width:50%}
	.intro .rd_procedure > div{margin:0;}
	.intro .rd_procedure > div div{width:calc(50% - 10px); padding-top:30px;}
	.intro .rd_procedure > div div::before{height:22px;}
	.intro .rd_procedure > div div::after{top:12px; left:calc(50% - 7px); width:14px; height:12px; background-size:14px 12px;}
	.intro .rd_procedure > div div span{width:100%; padding:10px 0; font-size:12px; font-family:'NBGB'; border-radius:8px}
	.intro .rd_procedure > div div:first-child ol li p::before{top:-6px; left:-2px; width:26px; background:#ff4c88; color:#fff; font-size:11px; line-height:14px;}
	.intro .rd_procedure > div div:nth-child(2) ol li:first-child{padding-top:100px;}
	.intro .rd_procedure > div div:nth-child(2) ol li:nth-child(2){padding-top:100px;}
	.intro .rd_procedure > div div:nth-child(2) ol li:last-child{padding-top:170px;}
	.intro .rd_procedure > div div:nth-child(2) ol li p::before{top:-6px; left:-2px; width:26px; background:#00a6a6; color:#fff; font-size:11px; line-height:14px;}
	/* 노인·장애인 보조기기 연구개발 사업 소개 */
	.intro .rdb_intro .list > div{float:none; width:auto; padding:60px 12px 20px 12px; padding-top:100px;}
	.intro .rdb_intro .list > div:not(:first-child){margin-top:16px; margin-left:0;}
	.intro .rdb_intro .list > div::before{top:20px; left:calc(50% - 30px); width:60px; height:56px; background-size:120px 56px;}
	.intro .rdb_intro .list > div:nth-child(2)::before{background-position-x:-60px}
	.intro .rdb_intro .list .top h6{font-size:16px;}
	.intro .rdb_intro .list .top p{margin-top:4px; font-size:14px; font-family:'NBGB'; font-weight:500;}
	.intro .rdb_intro .list .top .sub_tit{font-size:12px;}
	.intro .rdb_intro .list .top .sub_tit br{display:none}
	.intro .rdb_intro .list .top .role{margin-top:8px; font-size:12px; line-height:1.5;}
	.intro .rdb_intro .list .top ul{padding-top:12px; margin-top:16px;}
	.intro .rdb_intro .list .top ul li:not(:first-child){margin-top:8px;}
	.intro .rdb_intro .list .top ul li span{font-size:12px;}
	/* 세부과제 소개 */
	.detailed_task{}
	.detailed_task li{float:none; width:auto; padding-left:28px;}
	.detailed_task li:nth-child(2n){margin-top:16px; margin-left:0;}
	.detailed_task li::before{width:21px; height:20px; background-size:21px 20px;}
	.detailed_task li p{font-size:16px; line-height:20px;}
	.detailed_task li span{margin-top:6px; font-size:12px;}
	
	/* 사이트맵 */
	.sitemap > ol > li{padding-bottom:20px; margin-bottom:20px}
	.sitemap > ol > li > a{float:none; width:auto; font-size:20px}
	.sitemap > ol > li > ol{float:none; width:auto; margin-top:16px}
	.sitemap > ol > li > ol > li{width:50%}
	.sitemap > ol > li > ol > li:nth-child(n+3){margin-top:12px}
	.sitemap > ol > li > ol > li:nth-child(n+4){margin-top:12px}
	.sitemap > ol > li > ol > li > a{font-size:12px}
	
	/* 진행단계 */
	.member_step ul li{width:80px; padding:6px 0; margin:0 8px; font-size:12px; border-radius:8px}
	.member_step ul li:before{content:counter(li_count)'. ';}
	.member_step ul li:not(:first-child)::after{left:-19px; width:16px}
	
	/* 약관 동의 */
	.terms_agree .conditions{padding:16px 12px 16px 16px; border-radius:8px}
	.terms_agree .agree_chk{padding:12px; border-radius:8px}
	.terms_agree .agree_chk label{padding-left:22px; font-size:12px; line-height:16px}
	.terms_agree .agree_chk label::before{width:14px; height:14px}
	.terms_agree .agree_chk input:checked + label::before{width:16px; height:16px; background-size:16px 16px}
	.terms_agree .conditions p{font-size:14px;}
	
	.popup .board_list1 tr td{padding:8px 0;}
	.popup .board_list1 tr td .state{display:none}
	.popup .board_list1 tr td .txt .cat ul li{padding:4px 6px; font-size:12px;}
	.popup .board_list1 tr td .txt > ul{margin-left:0; font-size:12px;}
	.popup .board_list1 tr td a{margin-top:6px; font-size:13px; font-family:'NBGB';}
	.popup .board_list1 tr td .chc{width:42px; font-size:12px;}
		
}

@media only screen and (max-width:480px) {
	
	.table_wrap > table{width:480px}
	
	.open_page .participate_list .participate_info .right .btn a{width:calc(50% - 2px) !important; margin-left:0 !important;}
	.open_page .participate_list .participate_info .right .btn a:nth-child(2n){margin-left:4px !important;}
	.open_page .participate_list .participate_info .right .btn a:nth-child(n+3){margin-top:4px !important;}
		
	.open_page_view .bottom .btn{margin-top:20px;}
	.open_page_view .bottom .btn a{width:30%; height:36px; line-height:16px;}
	.open_page_view .bottom .btn a span{padding-left:24px;}
	.open_page_view .bottom .btn a span::before{width:16px; height:16px; background-size:48px 32px;}
	.open_page_view .bottom .btn a.needs span::before{background-position-x:-16px}
	.open_page_view .bottom .btn a.scrap span::before{background-position-x:-32px}
	.open_page_view .bottom .btn a.on span::before{background-position-y:-16px;}
	
	.device_list > ul > li{float:none; width:auto; padding:12px 0;}
	.device_list > ul > li:not(:nth-child(2n-1)){padding:12px 0;}
	.device_list ul li .txt .cat{overflow:visible; position:static; height:auto;}
	.device_list ul li .txt .cat.expand::before{display:none}
	.device_list ul li .txt .tit{padding-top:0; margin-top:6px;}
	.device_view .right .bottom .btn{margin-top:20px;}
	.device_view .right .bottom .btn a{width:30%; height:36px; line-height:16px;}
	.device_view .right .bottom .btn a span{padding-left:24px;}
	.device_view .right .bottom .btn a span::before{width:16px; height:16px; background-size:48px 32px;}
	.device_view .right .bottom .btn a.needs span::before{background-position-x:-16px}
	.device_view .right .bottom .btn a.scrap span::before{background-position-x:-32px}
	.device_view .right .bottom .btn a.on span::before{background-position-y:-16px;}
	.reserve_intro ul li span{padding:0 0 0 22px; background:none; line-height:21px;}
	.reserve_intro ul li span::before{top:2px; left:0;}
	.reserve_intro ul li p{width:calc(100% - 65px); font-size:14px; line-height:1.5; word-break:keep-all}
	
	.intro .img_wrap img{width:480px}
	
}