@charset "utf-8";

/* container */
#container {padding-top:120px; overflow:hidden;}

/* content */
/*#content {position:relative; margin:0 11.9791%; padding:60px 0 100px; overflow:hidden;}*/
#content {position:relative; margin:0 auto; max-width:1460px; padding:60px 0 100px; overflow:hidden;}
#content:after {clear:both; display:block; content:'';}

/* content wrap */
.content_wrap {float:left; width:100%; margin-left:-232px; padding-left:296px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content_mem_wrap {margin:0 10.1369%}
.wrap800 {max-width:800px; margin:0 auto;}
/* .wrap900 {max-width:900px; margin:0 auto;} */
.wrap900 {max-width:1200px !important; margin:0 auto !important;}

/* page top navigation */
.page_nav {margin-bottom:40px;}
.page_nav:after {clear:both; display:block; content:'';}
.page_nav li {float:left; margin-right:30px;}
.page_nav li a {color:#666; padding-bottom:10px;}
.page_nav li a:hover,
.page_nav li a:focus,
.page_nav li a:active,
.page_nav li.current a {color:#000; border-bottom:2px solid #02278e;}

.page_nav.m_page_nav {text-align:center;}
.page_nav.m_page_nav ul {display:inline-block;}

/* page title, location */
.page_head {margin-bottom:40px;}
.page_head:after {clear:both; display:block; content:'';}
.page_head h3 {float:left; width:49%; font-size:28px; line-height:30px; font-weight:600; color:#1a1a1a; letter-spacing:-1px;}
.page_head .location {float:right; width:49%; margin-top:7px; font-weight:400; letter-spacing:0;}
.page_head .location ul {display:table; float:right;}
.page_head .location ul li {position:relative; padding:0 8px 0 12px; display:table-cell; font-size:12px; letter-spacing:-1px}
.page_head .location ul li:before {content:''; display:block; width:4px; height:4px; border-top:1px solid #777; border-right:1px solid #777; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:0; top:50%; margin-top:-2px;}

.page_head .location ul li.ico_home:before {display:none;}

.page_head .location .page_head .location .css_ico {position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em;}
.page_head .location .css_ico a:link, .page_head .location .css_ico a:visited {display:block; border:0; text-indent:-9999em; color:#777;}
.page_head .location .css_ico:before, .page_head .location .css_ico:after, .page_head .location .css_ico a:before, .page_head .location .css_ico a:after {content:""; position:absolute; top:50%; left:0;}
.page_head .location .css_ico a:before, .page_head .location .css_ico a:after {margin:-8px 0 0; background:#777;}

.page_head .location .ico_home a:before {left:1px; border-style:solid; border-color:transparent; border-width:6px 7.5px 6.5px 6.5px; border-bottom-color:#777; margin-top:-12px; background:transparent;}
.page_head .location .ico_home a:after {left:3px; width:3px; height:3px; border-style:solid; border-color:#777 #777 transparent; border-width:3px 3px 0; margin-top:0; background:transparent;}
.page_head .location .ico_home a:hover:before, .page_head .location .ico_home a:focus:before, .page_head .location .ico_home a:active:before {border-bottom-color:#333; background:transparent;}
.page_head .location .ico_home a:hover:after, .page_head .location .ico_home a:focus:after, .page_head .location .ico_home a:active:after {border-color:#333 #333 transparent;}

.page_head .location ul li a {color:#777;}
.page_head .location ul li a:hover,
.page_head .location ul li a:focus,
.page_head .location ul li a:active,
.page_head .location ul li.current a {color:#000;}

/* page head copy */
.page_info {margin:0 0 50px; padding:30px 0; border-top:2px solid #2054ca; border-bottom:2px solid #2054ca; color:#1a1a1a}
.page_info.visual_info {position:relative; border:none; padding:0;}
.page_info.visual_info p {position:absolute; top:42%; left:10%; color:#fff; font-family:'Noto Serif KR'; font-size:16px;}

/* page foot content */
.page_foot {position:relative; margin-top:50px; font-size:15px;}
.page_foot h4 {margin-bottom:20px; font-size:20px; line-height:20px; font-weight:400; color:#358bd6;}

/* login */
.content_mem_wrap .page_head {text-align:center;}
.content_mem_wrap .page_head h3 {float:none; width:100%;}

/* tab */
.tab_menu {margin-bottom:50px;}
.tab_menu.mb25 {margin-bottom:25px;}
.tab_menu ul {display:table; width:100%; border:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tab_menu li {display:table-cell; text-align:center; vertical-align:middle; border-left:1px solid #e5e5e5;}
.tab_menu li:first-child {border-left:0;}
.tab_menu li a {display:block; font-size:15px; padding:13px 0; word-break: break-all;}
.tab_menu li:first-child a {border-left:none;}
.tab_menu.ea06 li {width:16.66%;}
.tab_menu.ea05 li {width:20%;}
.tab_menu.ea04 li {width:25%;}
.tab_menu.ea03 li {width:33.3333%;}
.tab_menu.ea02 li {width:50%;}
.tab_menu li:hover,
.tab_menu li:focus,
.tab_menu li:active,
.tab_menu li.on {background-color:#0341a6;}
.tab_menu li a:hover,
.tab_menu li a:focus,
.tab_menu li a:active,
.tab_menu li.on a {color:#fff;}
.tab_menu:after {clear:both; display:block; content:'';}

.login_info {font-size:24px; font-weight:300; text-align:center; margin-bottom:45px;}

.tab_area {display:none; width:100%; margin:0 auto;}
.login_wrap .tab_area_login {display:block; width:100%; max-width:530px; margin:0 auto;}

.tab_area .page_wrap {}
.tab_area .page_wrap:after {clear:both; display:block; content:'';}
.login_wrap .tab_area_login .page_wrap .src_select {width:410px; margin-bottom:10px;}
.login_wrap .tab_area_login .page_wrap ul {float:left; width:410px;}
.login_wrap .tab_area_login .page_wrap .login_btn {float:right; width:110px;}
.login_wrap .tab_area_login .page_wrap li {margin-top:10px;}
.login_wrap .tab_area_login .page_wrap li:first-child {margin-top:0;}
.login_wrap .tab_area_login .page_wrap .btn_login {width:100%; height:106px; line-height:106px; text-align:center; color:#fff; font-size:15px; background:#0341a6; border-radius:3px;}

.login_wrap .page_foot {padding:30px 0; font-size:13px; background-color:#f4f4f4;}
.login_wrap .page_foot .wrap {width:100%; max-width:530px; margin:0 auto;}
.login_wrap .page_foot .wrap li {position:relative; margin-bottom:5px; padding-left:12px; height:30px; line-height:30px; color:#1a1a1a;}
.login_wrap .page_foot .wrap li:before {position:absolute; content:''; top:50%; left:0; margin-top:-2px; text-indent:-9999em; display:inline-block; width:4px; height:4px; border-top:1px solid #1a1a1a; border-right:1px solid #1a1a1a; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.login_wrap .page_foot .wrap li .button {position:absolute; top:0; right:0; width:150px;}
.login_wrap .page_foot .wrap li:after {clear:both; display:block; content:'';}
.login_wrap input[type="text"], .login_wrap input[type="email"], .login_wrap input[type="password"] {height:48px; /*line-height:48px; */ font-size:14px;}
.login_wrap .src_select, .login_wrap .src_select .select {height:48px; line-height:48px; font-size:14px;}
.login_wrap .src_select .select-indi {top:1px; height:46px}

/* 회원가입 */
/* agreement */
.agreement_wrap {}
.agreement_step {position:relative; width:100%; max-width:790px; margin:0 auto 50px; font-size:15px; text-align:center;}
.agreement_step:before {content:''; position:absolute; top:17px; left:16%; width:68%; height:1px; background:#e5e5e5;}
.agreement_step ul {display:table; width:100%;}
.agreement_step li {display:table-cell; position:relative; width:33.3333%; padding-top:40px;}
.agreement_step li:before  {position:absolute; content:''; left:50%; top:0; margin:0 0 0 -17px; display:block; width:34px; height:34px; background:url('../../inc/img/common/img_set_common.png') no-repeat -138px 0; z-index:1;}
.agreement_step li.prev:before {background-position:-172px 0;}
.agreement_step li.on:before {background-position:-206px 0;}
.agreement_step li span{word-break: keep-all;}

.agreement_box {margin-bottom:50px; font-size:13px;}
.agreement_text {font-size:15px; color:#1a1a1a;}
.agreement_box .info_box {padding:30px; max-height:200px; margin:20px 0; border:1px solid #e5e5e5; overflow-y:auto;}
.agreement_box .info_box.bg_blue {background:#f2f7fb;}
.agreement_box .info_box.bg_gray {background:#fbfbfb;}
.agreement_box.privacy .info_box {max-height:inherit; overflow:visible;}

.agreement_box .info_box dl {margin-top:20px;}
.agreement_box .info_box dt {font-weight:bold;}

.agreement_wrap .input_check label, .agreement_wrap .input_radio label {margin:0 20px 0 22px;}

.agreement_wrap .member_select {text-align:center; border:1px solid #e5e5e5; padding:20px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.agreement_wrap .member_select li {display:inline-block; margin:0 3px;}

.degree_box {font-size:13px;}
.degree_box .info_box {padding:10px; max-height:200px; margin:10px 0 0 0; border:1px solid #e5e5e5; overflow-y:auto;}
.degree_box .info_box.bg_blue {background:#f2f7fb;}

.m_device .agreement_wrap .member_select li,
.t_device .agreement_wrap .member_select li {display:none;}
.m_device .agreement_wrap .member_select li:first-child,
.t_device .agreement_wrap .member_select li:first-child {display:block;}

.agreement_wrap .member_select .valid_txt {display:none;}
.m_device .agreement_wrap .member_select .valid_txt,
.t_device .agreement_wrap .member_select .valid_txt {display:block;}


.agreement_wrap .btn_set .button {width:180px;}

/* join */
.join_wrap .btn_set .button {width:100%; max-width:180px;}

/* id pw find */
.find_wrap {padding-top:40px;}
.find_wrap.find_id {padding-top:0;}

.find_wrap .input_radio {display: block; width: 100%; max-width: 530px; margin:0 auto;}
.find_wrap .input_radio .form_design {}

.find_wrap .find_info {display: block; width: 100%; max-width: 530px; margin:20px auto 0;}
.find_wrap .find_info li {margin-top:5px;}
.find_wrap .find_info li:first-child {margin-top:0}
.find_wrap .find_info input[type="text"], .find_wrap .find_info input[type="email"], .find_wrap .find_info input[type="password"] {height:48px; /*line-height:48px; */ font-size:14px;}
.find_wrap .find_info .src_select, .find_wrap .find_info .src_select .select, .find_wrap .find_info .src_select .select-indi {height:48px; line-height:48px; font-size:14px;}
.find_wrap .find_info .src_select .select-indi {top:1px; height:46px; line-height:46px;}

.find_wrap .btn_set .button {width:100%; max-width:180px;}

.find_null_line {display:block; height:1px; background-color:#e5e5e5;}

/* pw change */
.change_wrap {max-width:800px; margin:0 auto;}
.change_wrap .change_head {font-size:15; line-height:1.8;}
.change_wrap .change_head > p {margin-bottom:15px; font-size:24px;}

.change_wrap .change_info {border-top:2px solid #2054ca; padding-top:20px;}
.change_wrap .change_info dl {display:table; width:100%; margin-top:5px;}
.change_wrap .change_info dl:first-child {margin:0 0 20px;}
.change_wrap .change_info dt, .change_wrap .change_info dd {display:table-cell}
.change_wrap .change_info dt {width:20%;}
.change_wrap .change_info dd {width:80%;}
.change_wrap .change_info dl:first-child dd {border-bottom:1px solid #f2f2f2; padding-bottom:20px;}

.change_wrap .change_info input[type="text"], .change_wrap .change_info input[type="email"], .change_wrap .change_info input[type="password"] {height:48px; /*line-height:48px; */ font-size:14px;}

.change_wrap .change_box {margin-top:40px; border:1px solid #e5e5e5; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:12px;}
.change_wrap .change_box p {font-size:14px; font-weight:bold; margin-bottom:10px;}
.change_wrap .change_box ul {}
.change_wrap .change_box li {margin:5px;}

.change_wrap .button {width:100%; max-width:180px;}
.change_wrap .button.white {border-radius:5px; height:48px; line-height:48px;}

/* withdrawal */
.withdrawal {}
.withdrawal:after {clear:both; display:block; content:'';}
.withdrawal .form_design {float:left; width:50%; margin-bottom:20px;}
.withdrawal .form_design input[type="text"] {position:absolute; top:-11px; right:0; width:75%;}

/* form input width */
.m_left {margin-left:3px;}
.m_right {margin-right:3px;}

.w10 {width:10px !important;}
.w15 {width:15px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w55 {width:55px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w95 {width:95px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w600 {width:600px !important;}

.c_w10 {width:10% !important;}
.c_w15 {width:15% !important;}
.c_w20 {width:20% !important;}
.c_w25 {width:25% !important;}
.c_w30 {width:30% !important;}
.c_w35 {width:35% !important;}
.c_w40 {width:40% !important;}
.c_w45 {width:45% !important;}
.c_w50 {width:50% !important;}
.c_w55 {width:55% !important;}
.c_w60 {width:60% !important;}
.c_w65 {width:65% !important;}
.c_w70 {width:70% !important;}
.c_w75 {width:75% !important;}
.c_w80 {width:80% !important;}
.c_w85 {width:85% !important;}
.c_w90 {width:90% !important;}
.c_w95 {width:95% !important;}
.c_w100 {width:100% !important;}

/*  SECTIONS  */
.row_tb {width:100%; padding:20px 0; display:block; border-top:2px solid #2054ca; border-bottom:1px solid #f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.row {position:relative; width:100%; clear:both; padding:0px; margin:5px 0 0;}
.row:first-child {margin-top:0;}
.row [class^="col"] {float:left; margin:0 0 0 1%;}
.row [class^="col"]:first-child {margin-left:0;}

/*  GROUPING  */
.row:after {content:""; display:table; clear:both;}
.row {zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.col_12{width:100% !important;}
.col_11{width:91.58% !important;}
.col_10{width:83.16% !important;}
.col_9{width:74.75% !important;}
.col_8{width:66.33% !important;}
.col_7{width:57.91% !important;}
.col_6{width:49.5% !important;}
.col_5{width:41.08% !important;}
.col_4{width:32.66% !important;}
.col_3{width:24.25% !important;}
.col_2{width:15.83% !important;}
.col_1{width:7.416% !important;}

.col_tit {height:48px; line-height:48px;}
.col_tit2 {height:101px; line-height:101px;}
.col_tit3 {height:154px; line-height:154px;}
.col_tit4 {height:207px; line-height:207px;}
.col_tit5 {height:260px; line-height:260px;}
.col_tit6 {height:375px; line-height:375px;}
.col_tit img, .col_tit2 img, .col_tit3 img, .col_tit4 img, .col_tit5 img, .col_tit6 img {vertical-align:middle; margin-top:-3px;}

.row [class^="col"] .input_check, .row [class^="col"] .input_radio  {margin-top:15px; padding-left:30px;}
.row [class^="col"] .input_radio.no_pad {padding-left:0;}
.row [class^="col"] .tooltip {top:2px; left:-5px;}
.row [class^="col"].col_tit .tooltip {top:15px; left:5px;}

.row [class^="col"] label {}

/* table */
.tbl {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #2054ca; border-bottom:1px solid #f2f2f2}
.tbl table th {padding:20px 0; border-top:1px solid #f2f2f2; word-break:keep-all; vertical-align:middle; text-align:left; font-weight:normal;}
.tbl table td {vertical-align:middle; text-align:left; padding:20px 1px 20px 1px; border-top:1px solid #f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl table td > div {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.tbl.join th, .tbl.join td.w_th {width:17.5%; font-weight:400;}

.tbl table td .button {width:100%;}
.tbl .ess {font-size:10px; color:#f00;}
.row_tb .ess {font-size:10px; color:#f00;}
.valid_txt {clear:both; margin:5px 0 0 5px; font-size:12px; color:#1a1a1a}
.valid_txt.red {color:#f00}
.valid_txt.blue {color:#2054ca;}
.valid_txt.green {color:#41aa4e;}

.tbl.join th.w_th_photo {width:20%; text-align:left; vertical-align:top;}
.tbl_photo_wrap {width:100%; max-width:140px;}
.tbl_photo_wrap .thumb_img {width:140px; height:175px; display:inline-block; margin-bottom:10px; background:#eee;}
.tbl_photo_wrap .thumb_img img {width:100%; max-width:100%;}
.tbl_photo_wrap .button {width:100%;}
.tbl_photo_wrap p {margin-top:10px; font-size:12px; letter-spacing:-1px; text-align:center;}

/* search box */
.page_search_wrap {padding:20px 0; margin-bottom:30px; background-color:#f8f8f8; font-size:13px;}
.page_search_wrap .row {width:90%; margin:0 auto;}
.page_search_wrap .button {border-radius:0; font-size:13px; width:100%;}
.page_search_wrap input[type="text"], .popup_search_wrap input[type="password"], .popup_search_wrap input[type="email"], .page_search_wrap input[type="button"], .popup_search_wrap input[type="number"], .popup_search_wrap textarea {height:40px; border-radius:0;}
/*.page_search_wrap .col_tit {height:40px; line-height:40px; background:#000; color:#fff; font-weight:400; text-align:center;}*/
.page_search_wrap .src_select {height:40px;}
.page_search_wrap .src_select .select {height:40px; line-height:40px; font-size:13px;}
.page_search_wrap .src_select .select-indi {height:38px; line-height:38px;}

/* table list */
.tbl.list {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #2054ca; border-bottom:1px solid #f2f2f2; font-size:14px;}
.tbl.list th, .tbl.list td {padding:12px 10px; text-align:center;}
.tbl.list th {font-weight:500; background-color:#f8f8f8;}
.tbl.list a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tbl.list .re_show {display:none}

.tbl_head:after {clear:both; display:block; content:'';}
.tbl_head .title_h4 {float:left;}
.tbl_head .ess span {position:relative;}
.tbl_head .ess strong {color:#f00;}
.tbl_head .title_h4.ess span:before {position:absolute; content:'*'; right:-14px; top:4px; display:block; width:10px; height:10px; color:#f00; z-index:1;}
.row_tb .ess span {position:relative;}
.row_tb .ess strong {color:#f00;}
.row_tb .title_h4.ess span:before {position:absolute; content:'*'; right:-14px; top:10px; display:block; width:10px; height:10px; color:#f00; z-index:1;}

.tbl_head .head_util {float:right; height:30px; line-height:30px;}
.tbl_head .head_util .btn_add .button {width:auto;}

.tbl_head .head_util .ess {font-size:12px; padding-right:5px;}
.tbl_head .head_util .ess em {position:relative; top:3px; color:#f00;}
.row_tb .ess {font-size:12px; padding-right:5px;}
.row_tb .ess em {position:relative; top:3px; color:#f00;}
.tbl_head .head_util .tooltip {width:20px; top:5px;}

.tbl.list_join {}
.tbl.list_join th {padding:10px 0; text-align:center;}
.tbl.list_join td {padding:10px 2px; text-align:left;}

.tab_resume {margin:50px 0 30px; padding:20px; text-align:center; border-top:1px solid #2054ca; border-bottom:1px solid #2054ca; background-color:#f4f4f4}
.tab_resume .form_design {margin:0 10px;}

.tab_resume_result {margin-top:50px;}

.tbl_head {margin-top:50px;}
.tbl_head:first-child {margin-top:0;}

.tab_menu + .tbl_head {margin-top:25px;}

.tbl .icon {width:34px; height:20px; line-height:20px; display:inline-block; text-align:center; font-size:13px; color:#fff; font-weight:400;}
.tbl .icon.icon01 {background-color:#000;}
.tbl .icon.icon02 {background-color:#02278f}
.tbl .icon.icon03 {background-color:#df3623}

.item_notice {font-weight:500;}
.re_aline {width:auto !important;}
.row_tit {background:#358bd6; color:#fff; font-weight:400; padding:0;}
.row_tit .col_tit {height:20px; line-height:20px;}
.page_search_wrap .col_tit {height:40px; line-height:40px; text-align:center;}
.page_search_wrap .col_tit img {max-width: 38px; padding-top: 1px;}

/* table view */
.tbl.view {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #2054ca; border-bottom:1px solid #f2f2f2; font-size:14px;}
.tbl.view th {padding:12px 10px; background-color:#f8f8f8; font-weight:400; text-align:center;}
.tbl.view td {padding:12px 10px; text-align:left;}

.tbl_view_wrap {width:100%; display:inline-block; border-top:2px solid #2054ca; border-bottom:1px solid #f2f2f2;}
.tbl_view_wrap > dl {display:table; width:100%; border-top:1px solid #f2f2f2;}
.tbl_view_wrap > dl:first-child {border-top:none;}
.tbl_view_wrap > dl:after {clear:both; display:block; content:'';}
.tbl_view_wrap > dl > dt, .tbl_view_wrap dl > dd {display:table-cell; padding:12px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
.tbl_view_wrap > dl > dt {width:15%; text-align:center; font-weight:400; background-color:#f8f8f8;}
.tbl_view_wrap > dl > dt.answer {background-color:#e1eef9;}
.tbl_view_wrap > dl > dd {width:85%; background:#fff;}
.tbl_view_wrap > dl > dd.thumbnail_sns img {width:30px;}

.tbl_view_wrap > dl.ea02 {}
.tbl_view_wrap > dl.ea02 > dt {width:15%;}
.tbl_view_wrap > dl.ea02 > dd {width:35%;}

.tbl_view_wrap > dl.ea03 {}
.tbl_view_wrap > dl.ea03 > dt {width:10%;}
.tbl_view_wrap > dl.ea03 > dd {width:23.3%;}

.tbl_view_wrap > dl > dd > ul > li {margin:3px 0; padding-left:15px;}
.tbl_view_wrap > dl > dd > ul > li a {position:relative; font-size:13px;}
.tbl_view_wrap > dl > dd > ul > li a:after {position:absolute; content:'-'; left:-15px; top:-1px;}

.view_content {padding:12px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.view_content table {width:auto; min-width:100%;}
.view_content .btn_set {margin-bottom:0;}

.tbl_view_wrap .input_radio li {margin:5px 0; font-size:13px;}

/* table page content */
.tbl.page_con {width:100%; margin:30px 0; font-size:13px; border-bottom:1px solid #c3c4c8;}
.tbl.page_con th {padding:10px; text-align:center; background:#f8f8f8; font-weight:500; border-top:none; border-bottom:1px solid #c3c4c8;}
.tbl.page_con td {padding:15px 10px; text-align:left; border-color:#e5e5e5;}
.tbl.page_con tbody th {background-color:#e1eef9; border-top:1px solid #cad6e0; border-bottom:none;}

.tbl.page_con2 {margin-top:15px; border-bottom:1px solid #dce0e3 !important;}
.tbl.page_con2 th, .tbl.page_con2 tbody th {background-color:#f5f9fd !important;}
.tbl.page_con2 th {border-top:1px solid #dce0e3 !important;}

.tbl.page_con.valign_top td {vertical-align:top}

.tbl.page_con.txt_center th, .tbl.page_con.txt_center td,
.tbl.page_con2.txt_center th, .tbl.page_con2.txt_center td{text-align:center;}
.tbl.page_con.td_l_line td, .tbl.page_con td.td_l_line {border-left:1px solid #f2f2f2 !important;}

.tbl.page_con .brd_l_b {border-left:1px solid #358bd6;}
.tbl.page_con .brd_r_b {border-right:1px solid #358bd6;}
.tbl.page_con .brd_lr_b {border-left:1px solid #358bd6; border-right:1px solid #358bd6;}

.tbl.page_con .brd_l_g {border-left:1px solid #51a9b0;}
.tbl.page_con .brd_r_g {border-right:1px solid #51a9b0;}
.tbl.page_con .brd_lr_g {border-left:1px solid #51a9b0; border-right:1px solid #51a9b0;}

.tbl.page_con .brd_l_o {border-left:1px solid #f3981e;}
.tbl.page_con .brd_r_o {border-right:1px solid #f3981e;}
.tbl.page_con .brd_lr_o {border-left:1px solid #f3981e; border-right:1px solid #f3981e;}

.tbl.page_con .brd_l_gray {border-left:1px solid #c3c4c8}

.tbl.page_con .brd_lr_gray {border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2}

.tbl.page_con .brd_b_b {border-color:#358bd6;}
.tbl.page_con .brd_b_g {border-color:#51a9b0;}
.tbl.page_con .brd_b_o, .tbl.page_con tr.brd_b_o td {border-color:#f3981e;}
.tbl.page_con .brd_b_p, .tbl.page_con tr.brd_b_p td {border-color:#ef7276;}

.tbl.page_con .back_c_b {background-color:#f5f9fd}
.tbl.page_con .back_c_b02 {background-color:#e1eef9}
.tbl.page_con .back_c_g {background-color:#f6fbfb}
.tbl.page_con .back_c_o {background-color:#fefaf4}
.tbl.page_con .back_c_o02 {background-color:#fdf0dd}
.tbl.page_con .back_c_p {background-color:#fef7f7}
.tbl.page_con .back_c_p02 {background-color:#fdeaeb}
.tbl.page_con .back_c_g {background-color:#f8f8f8}

.tbl.page_con .f_c_b {color:#358bd6;}
.tbl.page_con .f_c_o {color:#f3981e;}
.tbl.page_con .f_c_p {color:#ef7276;}

.tf_tot {background:#000; color:#fff;}

.brd_t_none {border-top:0 !important;}
.brd_l_none {border-left:0 !important;}

.familyHope {}
.familyHope li {float:left; width:24%; margin-left:1%; margin-bottom:5px;}

.familyBenefit{}
.familyBenefit li {float:left; width:29%; margin-left:3%; margin-bottom:12px;}

/* survey */
.survey_list {margin-left:-1.500%;}
.survey_list:after {clear:both; display:block; content:'';}
.survey_list ul {display:inline-block; width:100%;}
.survey_list ul li {position:relative; float:left; width:23.4810%; margin:0 0 15px 1.500%; border:1px solid #dfdfdf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.survey_list ul li:hover,
.survey_list ul li:focus,
.survey_list ul li:active {border-color:#0341a6;}

.survey_list ul li > dl {text-align:center; padding:40px 20px; line-height:1.2}
.survey_list ul li > dl > dt {height:40px; line-height:20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#000; font-weight:400; margin-bottom:10px;}
.survey_list ul li > dl > dt span {display:inline-block; width:20px; height:20px; text-indent:-9999em; background:url('../../inc/img/common/img_set_common.png') no-repeat -40px 0;}
.survey_list ul li > dl > dd {font-size:13px; color:#666;}

.survey_list .btn_survey {text-align:center; margin-bottom:40px;}
.survey_list .btn_survey a {font-size:15px; text-decoration:none !important; white-space:nowrap; display:inline-block; vertical-align:baseline; position:relative; cursor:pointer; padding:0 15px; height:40px; line-height:40px; width:100%; max-width:140px; background-color:#0341a6; color:#fff; border-radius:5px; text-align:center; color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:top;}
.survey_list .btn_survey a:hover, .survey_list .btn_survey a:active, .survey_list .btn_survey a:focus {background-color:#03378d;}
.survey_list .btn_survey a.results {background-color:#9bafca;}
.survey_list .btn_survey a.results:hover, .survey_list .btn_survey a.results:active, .survey_list .btn_survey a.results:focus {background-color:#8b9db5;}

.survey_head {padding:20px; text-align:center; border:2px solid #2054ca; border-bottom:none; font-size: 28px !important; font-weight:600 !important; color:#2054ca;}
.survey_info {width:100%; font-size:13px;}
.survey_info > dl {width:100%; border-top:1px solid #dfdfdf;}
.survey_info > dl:after {clear:both; display:block; content:'';}
.survey_info > dl > dt, .survey_info dl > dd {padding:10px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
.survey_info > dl > dt {float:left; width:40%; text-align:center; font-weight:400; background-color:#e1edf9;}
.survey_info > dl > dd {float:right; width:60%; padding:10px; text-align:right; border-left:1px solid #dfdfdf; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.survey_q_head {padding:10px 0 20px 20px; margin-top: 20px; margin-bottom: 20px; text-align:left; border:2px solid #b8bbc3; border-bottom:none; font-size:14px; font-weight:500; color:#2054ca;}
.survey_a{ margin: 10px 0 25px 30px; }
.survey_a_head {padding:10px 0 20px 20px; text-align:left; border:2px solid #b8bbc3; border-bottom:none; font-size:14px; font-weight:500; color:#2054ca;}

/* page content title icon */
.set_tit {padding-left:35px;}
.set_tit:before {position:absolute; content:''; left:0; top:-4px; display:block; width:30px; height:30px; background:url('../../inc/img/common/img_set_tit.png') no-repeat 0 0; z-index:1;}

.set_tit.set01_02a:before {background-position:0 0;}
.set_tit.set01_02b:before {background-position:-30px 0;}
.set_tit.set01_02c:before {background-position:-150px 0;}
.set_tit.set01_04:before {background-position:-60px 0;}
.set_tit.set01_06a:before {background-position:-90px 0;}
.set_tit.set01_06b:before {background-position:-120px 0;}

.set_tit.set02_01_01a:before {background-position:0 -30px;}
.set_tit.set02_01_01b:before {background-position:-30px -30px;}
.set_tit.set02_01_01c:before {background-position:-60px -30px;}

.set_tit.set02_01_02a:before {background-position:-90px -30px;}
.set_tit.set02_01_02b:before {background-position:-120px -30px;}
.set_tit.set02_01_02c:before {background-position:-150px -30px;}
.set_tit.set02_01_02d:before {background-position:-180px -30px;}
.set_tit.set02_01_02e:before {background-position:-60px -30px;}

.set_tit.set02_02_02a:before {background-position:-210px -30px;}
.set_tit.set02_02_02b:before {background-position:-240px -30px;}
.set_tit.set02_02_02c:before {background-position:-270px -30px;}
.set_tit.set02_02_02d:before {background-position:0 -60px;}
.set_tit.set02_02_02e:before {background-position:-30px -60px;}
.set_tit.set02_02_02f:before {background-position:-60px -60px;}
.set_tit.set02_02_02g:before {background-position:-60px -30px;}

.set_tit.set02_02_03a:before {background-position:-210px -30px;}
.set_tit.set02_02_03b:before {background-position:-90px -60px;}
.set_tit.set02_02_03c:before {background-position:-120px -60px;}
.set_tit.set02_02_03d:before {background-position:-60px -30px;}

.set_tit.set02_03_01a:before {background-position:-150px -60px;}
.set_tit.set02_03_01b:before {background-position:-270px -30px;}
.set_tit.set02_03_01c:before {background-position:-60px -30px;}

.set_tit.set02_03_02a:before {background-position:-180px -60px;}
.set_tit.set02_03_02b:before {background-position:-210px -60px;}
.set_tit.set02_03_02c:before {background-position:-60px -30px;}

.set_tit.set02_03_03a:before {background-position:-240px -60px;}
.set_tit.set02_03_03b:before {background-position:-270px -60px;}
.set_tit.set02_03_03c:before {background-position:-60px -30px;}

.set_tit.set02_03_04a:before {background-position:-210px -30px;}
.set_tit.set02_03_04b:before {background-position:0 -90px;}
.set_tit.set02_03_04c:before {background-position:-30px -90px;}
.set_tit.set02_03_04d:before {background-position:-150px -30px;}
.set_tit.set02_03_04e:before {background-position:-60px -30px;}

.set_tit.set02_03_05a:before {background-position:-90px -60px;}
.set_tit.set02_03_05b:before {background-position:-60px -90px;}
.set_tit.set02_03_05c:before {background-position:-90px -90px;}
.set_tit.set02_03_05d:before {background-position:-60px -30px;}

.set_tit.set02_03_06a:before {background-position:-120px -90px;}

.set_tit.set03_01_01a:before {background-position:0 -120px;}
.set_tit.set03_01_01b:before {background-position:-30px -120px;}
.set_tit.set03_01_01c:before {background-position:-60px -120px;}

.set_tit.set03_01_02a:before {background-position:-30px -120px;}
.set_tit.set03_01_02b:before {background-position:-60px -120px;}

.set_tit.set03_01_03a:before {background-position:-90px -120px;}
.set_tit.set03_01_03b:before {background-position:-120px -120px;}
.set_tit.set03_01_03c:before {background-position:-150px -120px;}
.set_tit.set03_01_03d:before {background-position:-180px -120px;}
.set_tit.set03_01_03e:before {background-position:-60px -120px;}

.set_tit.set03_02_01a:before {background-position:-120px -150px;}
.set_tit.set03_02_01b:before {background-position:-210px -120px;}
.set_tit.set03_02_01c:before {background-position:-60px -120px;}

.set_tit.set03_03_01a:before {background-position:-30px -150px;}
.set_tit.set03_03_01b:before {background-position:-240px -120px;}
.set_tit.set03_03_01c:before {background-position:-60px -120px;}

.set_tit.set03_04_01a:before {background-position:-270px -120px;}
.set_tit.set03_04_01b:before {background-position:0 -150px;}
.set_tit.set03_04_01c:before {background-position:-30px -150px;}
.set_tit.set03_04_01d:before {background-position:-60px -120px;}

.set_tit.set03_05_01a:before {background-position:-60px -150px;}
.set_tit.set03_05_01b:before {background-position:-60px -120px;}

.set_tit.set03_06_01a:before {background-position:-90px -150px;}
.set_tit.set03_06_01b:before {background-position:-210px -120px;}
.set_tit.set03_06_01c:before {background-position:-60px -120px;}

.set_tit.set03_06_02a:before {background-position:-120px -150px;}
.set_tit.set03_06_02a:before {background-position:-60px -120px;}

.set_tit.set03_07_01a:before {background-position:-150px -150px;}
.set_tit.set03_07_01b:before {background-position:-120px -120px;}
.set_tit.set03_07_01c:before {background-position:-60px -120px;}

.set_tit.set03_08_01a:before {background-position:0 -150px;}
.set_tit.set03_08_01b:before {background-position:-150px -120px;}
.set_tit.set03_08_01c:before {background-position:-30px -150px;}
.set_tit.set03_08_01d:before {background-position:-60px -120px;}

.set_tit.set03_09_01a:before {background-position:-60px -120px;}

.set_tit.set04_01a:before {background-position:0 -180px;}
.set_tit.set04_01b:before {background-position:-30 -180px;}
.set_tit.set04_01c:before {background-position:-60px -180px;}

.set_tit.set04_02a:before {background-position:-90px -180px;}
.set_tit.set04_02b:before {background-position:-120px -180px;}
.set_tit.set04_02c:before {background-position:-150px -180px;}
.set_tit.set04_02d:before {background-position:-60px -180px;}

.set_tit.set04_03a:before {background-position:-180px -180px;}
.set_tit.set04_03b:before {background-position:-210px -180px;}
.set_tit.set04_03c:before {background-position:-240px -180px;}
.set_tit.set04_03d:before {background-position:-60px -180px;}

.set_tit.set04_04a:before {background-position:-180px -180px;}
.set_tit.set04_04b:before {background-position:-270px -180px;}
.set_tit.set04_04c:before {background-position:0 -210px;}

.set_tit.set04_05a:before {background-position:-30px -210px;}
.set_tit.set04_05b:before {background-position:-60px -210px;}
.set_tit.set04_05c:before {background-position:-90px -210px;}
.set_tit.set04_05d:before {background-position:0 -180px;}

.set_tit.set_person:before {background-position:-270px 0;}

.set_tit_q {padding-left:35px;}
.set_tit_q:before {position:absolute; content:''; left:0; top:-4px; display:block; width:30px; height:30px; background:url('../../inc/img/common/img_set_tit.png') no-repeat -210px -30px; z-index:1;}

/* tool tip */
.tooltip {position:relative; display:inline-block; text-indent:-9999em;}
.tooltip:before {position:absolute; content:''; left:0; top:0; display:block; width:20px; height:20px; background:url('../../inc/img/common/img_set_common.png') no-repeat -20px 0; z-index:1;}
.tooltipster-sidetip .tooltipster-box {background:#fff; border:1px solid #2054ca; border-radius:5px; max-width:300px;}
.tooltipster-sidetip .tooltipster-content {color:#000; line-height:18px; padding:6px 14px; font-size:12px;}
.tooltipster-sidetip .tooltipster-arrow-background {border:8px solid transparent;}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color:#2054ca; left:0; top:3px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color:#2054ca; left:-3px; top:0;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color:#2054ca; left:3px; top:0;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color:#2054ca; left:0; top:-3px;}

.tooltipster-sidetip .tooltipster-arrow-border {border:8px solid transparent; left:0; top:0;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color:#2054ca;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {border-left-color:#2054ca;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {border-right-color:#2054ca;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color:#2054ca;}

/* popup */
.popup_wrap {width:90%; margin:20px auto;}
.popup_wrap h1 {margin-bottom:20px; font-size:28px; font-weight:600;}
.popup_search_wrap {padding:20px 0; margin-bottom:30px; background-color:#f8f8f8; font-size:13px;}
.popup_search_wrap .row {width:80%; margin:0 auto;}
.popup_search_wrap .button {border-radius:0; width:100%;}
.popup_search_wrap input[type="text"], .popup_search_wrap input[type="password"], .popup_search_wrap input[type="email"], .popup_search_wrap input[type="button"], .popup_search_wrap input[type="number"], .popup_search_wrap textarea {height:40px; border-radius:0;}
/*.popup_search_wrap .col_tit {height:40px; line-height:40px; background:#000; color:#fff; font-weight:bold; text-align:center;}*/
.popup_search_wrap .col_tit {height:40px; line-height:40px; text-align:center;}
.popup_search_wrap .col_tit img {max-width:38px; padding-top:1px;}
.popup_search_wrap .src_select {height:40px; line-height:40px;}
.popup_search_wrap .src_select .select {height:40px; line-height:40px; vertical-align:top}
.popup_search_wrap .src_select .select-indi {top:1px; height:38px; line-height:38px;}
.popup_search_wrap small { font-size:.9em; color:#BF0000; }
.popup_search_wrap .filebox label {font-size:15px !important;}

.tbl.list_pop {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #2054ca; border-bottom:1px solid #f2f2f2; font-size:13px;}
.tbl.list_pop th, .tbl.list_pop td {padding:12px 10px; text-align:center;}
.tbl.list_pop th {font-weight:500;}
.tbl.list_pop a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* pagenate */
.pagenate {width:100%; text-align:center; margin:25px auto 0;}
.pagenate li {display:inline-block;}
.pagenate li:first-child {margin-left:0px;}
.pagenate li a {display:inline-block; text-decoration:none; padding:0; color:#1a1a1a; width:30px; height:30px; line-height:30px; margin-left:0; font-size:13px;}
.pagenate li a.navi {margin-left:2px; text-indent:-9999em; background:url('../../inc/img/common/img_set_common.png') no-repeat 0 0;}
.pagenate li a.navi.first {background-position:0 -52px;}
.pagenate li a.navi.prev {margin-right:10px; background-position:-30px -52px;}
.pagenate li a.navi.next {margin-left:10px; background-position:-0px -82px;}
.pagenate li a.navi.last {background-position:-30px -82px;}
.pagenate li a.current {color:#fff; background-color:#0341a6;}

.view_navi {width:100%; text-align:center; margin:25px auto 0; border-bottom:1px solid #e5e5e5;}
.view_navi li {height:48px; line-height:48px;}
.view_navi li:after {clear:both; display:block; content:'';}
.view_navi > li {position:relative; border-top:1px solid #e5e5e5; font-size:14px; text-align:left;}

.view_navi > li span {position:relative; width:10%; padding-left:50px; font-weight:400; float:left; background:#f8f8f8;}
.view_navi > li span:before {content:""; width:0px; height:0px; border-style:solid; border-width:0 4.5px 5px 4.5px; border-color:transparent transparent #333 transparent; line-height:0px; position:absolute; top:50%; left:35px; margin-top:-3px;}
.view_navi > li + li span:before {content:""; border-width:5px 4.5px 0 4.5px; border-color:#333 transparent transparent transparent;}
.view_navi > li a {width:55%; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.view_navi > li p {float:right; padding-right:20px;}

.img_window {position:relative;}
.img_window > a {position:absolute; right:0; top:0; width:40px; height:40px; border:1px solid #2054ca; /*border-radius:10px;*/ background:#fff url('../../inc/img/common/img_set_common.png') no-repeat -200px -200px; z-index:1; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}

/* 사업단소개 - 인사말 */
.greeting_wrap {display:inline-block;}
/*.greeting_wrap .greeting_head {font-size:18px;}*/
.greeting_wrap .greeting_head + p {margin-top:0;}
.greeting_wrap p {margin-top:30px;}
.greeting_wrap p:first-child {margin-top:0}
.greeting_wrap .box_con {}
.greeting_wrap .greeting {margin-top:340px !important; text-align:right; vertical-align: baseline;}
.greeting_wrap .greeting strong {font-size:24px; font-weight:500;}
.greeting_box {margin-top:30px;}
.greeting_box .fl {width:61%;}
.greeting_box .fr {}

.introduction_box {margin:50px 0;}
.introduction_box:after {clear:both; display:block; content:'';}
.introduction_box .fl {width:48%; margin-right:2%;}
.introduction_box .fr {width:48%; margin-left:2%;}

/* 사업단소개 - 업무분장 */
.page_info.org {border-bottom:0; margin-bottom:0;}

.tbl.page_con.org {margin-top:0;}
.tbl.page_con.org th, .tbl.page_con.org td {position:relative; /*border:0;*/ text-align:center;}
.tbl.page_con.org th span {position:relative; z-index:2}
.tbl.page_con.org td:last-child {text-align:left;}
.tbl.page_con.org td strong {font-weight:500;}

.tbl.page_con.org th em  {position:absolute; content:''; left:0; top:-1px; display:block; width:100%; height:100%; z-index:1;}
.tbl.page_con.org tr.area01 th:first-child em {top:0;}

.tbl.page_con.org tr.area01 th em {background-color:#e1eef9;}
.tbl.page_con.org tr.area02 th em {background-color:#f6fbfb; border-top:1px solid #51a9b0; border-left:1px solid #51a9b0;}
.tbl.page_con.org tr.area03 th em {background-color:#fdf0dd; border-top:1px solid #f3981e; border-left:1px solid #f3981e;}
.tbl.page_con.org tr.area03_2 th em {background-color:#fefaf4; border-top:1px solid #f3981e; border-left:1px solid #f3981e;}
.tbl.page_con.org tr.area04 th em {background-color:#eaf6eb; border-top:1px solid #72c177; border-left:1px solid #72c177;}
.tbl.page_con.org tr.area04_2 th em, .tbl.page_con.org tr.area04_3 th em {background-color:#f8fcf8; border-top:1px solid #72c177; border-left:1px solid #72c177;}
.tbl.page_con.org tr.area05 th em {background-color:#fdeaeb; border-top:1px solid #ef7276; border-left:1px solid #ef7276;}

.tbl.page_con.org tr.area01 strong {color:#358bd6;}
.tbl.page_con.org tr.area02 strong {color:#51a9b0;}
.tbl.page_con.org tr.area03 strong {color:#f3981e;}
.tbl.page_con.org tr.area03_2 strong {color:#f3981e;}
.tbl.page_con.org tr.area04 strong {color:#51a9b0;}
.tbl.page_con.org tr.area04_2 strong {color:#51a9b0;}
.tbl.page_con.org tr.area04_3 strong {color:#51a9b0;}
.tbl.page_con.org tr.area05 strong {color:#ef7276;}

.tbl.page_con.org tr.area01.brd_top td {}
.tbl.page_con.org tr.area02.brd_top td {border-top:1px solid #51a9b0;}
.tbl.page_con.org tr.area03.brd_top td,
.tbl.page_con.org tr.area03_2.brd_top td {border-top:1px solid #f3981e;}
.tbl.page_con.org tr.area04.brd_top td,
.tbl.page_con.org tr.area04_2.brd_top td,
.tbl.page_con.org tr.area04_3.brd_top td {border-top:1px solid #72c177;}
.tbl.page_con.org tr.area05.brd_top td {border-top:1px solid #ef7276;}

.tbl.page_con.org .bg01 {background-color:#e1eef9; border-top:1px solid #e1eef9 !important;}
.tbl.page_con.org .bg02 {background-color:#f6fbfb; border-top:1px solid #f6fbfb !important;}
.tbl.page_con.org .bg03 {background-color:#fdf0dd; border-top:1px solid #fdf0dd !important; border-left:1px solid #f3981e;}
.tbl.page_con.org .bg04 {background-color:#eaf6eb; border-top:1px solid #eaf6eb !important; border-left:1px solid #72c177;}
.tbl.page_con.org .bg05 {background-color:#fdeaeb; border-top:1px solid #fdeaeb !important;}

.tbl.page_con.org .bg01_1 {background-color:#f5f9fd; background-clip: padding-box;}
.tbl.page_con.org .bg02_1 {background-color:#f6fbfb; background-clip: padding-box;}
.tbl.page_con.org .bg03_1 {background-color:#fefaf4; background-clip: padding-box;}
.tbl.page_con.org .bg04_1 {background-color:#f8fcf8; background-clip: padding-box;}
.tbl.page_con.org .bg05_1 {background-color:#fef7f7; background-clip: padding-box;}


.area03_2.brd_top > .bg03 > em {position:absolute; content:''; left:-1px; top:-1px; display:block; width:100%; height:100%; z-index:1; background-color:#fdf0dd; border-top:1px solid #fdf0dd !important; border-left:1px solid #f3981e;}
.area04_2.brd_top > .bg04 > em {position:absolute; content:''; left:-1px; top:-1px; display:block; width:100%; height:100%; z-index:1; background-color:#eaf6eb; border-top:1px solid #eaf6eb !important; border-left:1px solid #72c177;}

.mCSB_container {width:800px !important;}
.mCS_disabled .mCSB_container {left:0 !important; width:100% !important;}

.list_pop.mCSB_container {width:800px !important;}
.list_pop.mCS_disabled .mCSB_container {left:0 !important; width:100% !important;}

/* 사업단소개 - 찾아오시는 길 */
.contact_wrap:after {clear:both; display:block; content:'';}
.contact_wrap .fl {width:49%}
.contact_wrap .fr {width:49%}

.contact_info {position:relative; padding:40px 20px; border-left:2px solid #86c18a; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:-1px; background:#eaf6eb url('../../inc/img/about/bg_contact.jpg') no-repeat 90% 100%;}
.contact_info:after {clear:both; display:block; content:'';}
.contact_info a {float:left; margin:0 0 0 10%; font-size:50px; font-weight:600; color:#5dab62;}
.contact_info p {float:left; margin:10px 0 0 25px; font-size:16px; font-weight:500;}
.contact_info span {display:block; margin-top:5px; font-size:13px;}
.contact_info span strong {color:#5dab62;}

.tbl.contact_con {width:100%; font-size:13px; border-bottom:1px solid #c3c4c8;}
.tbl.contact_con th {padding:10px; text-align:center; background:#f8f8f8; font-weight:500; border-top:none; border-bottom:1px solid #c3c4c8;}
.tbl.contact_con td {padding:15px 10px; text-align:left; border-color:#e5e5e5; color:#000;}
.tbl.contact_con tbody th {background-color:#f8f8f8; border-top:1px solid #e5e5e5; border-bottom:none;}
.tbl.contact_con.font_orange {border-color:#f3981e;}
.tbl.contact_con.font_orange {}

/* 산학협력 친화형 교육 - 특화분야 산학연계 교육 */
.p_education_wrap {display:table; width:100%; height:100%;}
.p_education_wrap > ul {display: table-row; width:100%; height: 100%;}
.p_education_wrap > ul > li {display:table-cell; width: 25%; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 0 0 3%;}
.p_education_wrap > ul > li:first-child {width:22%; padding-left:0;}

.p_education_wrap > ul > li dl {border:1px solid #fff; height:100%;}
.p_education_wrap > ul > li dl dt {padding:10px; text-align:center; font-weight:500; color:#fff;}
.p_education_wrap > ul > li dl dd {padding:20px; font-weight:500;}
.p_education_wrap > ul > li li {padding:3px 0;}

.p_education_wrap > ul > li.field01 dl {border-color:#75b579;}
.p_education_wrap > ul > li.field02 dl {border-color:#f3981e;}
.p_education_wrap > ul > li.field03 dl {border-color:#358bd6;}
.p_education_wrap > ul > li.field04 dl {border-color:#6bafb4;}

.p_education_wrap > ul > li.field01 dt {background-color:#75b579}
.p_education_wrap > ul > li.field01 dd {color:#75b579}
.p_education_wrap > ul > li.field02 dt {background-color:#f3981e}
.p_education_wrap > ul > li.field02 dd {color:#f3981e}
.p_education_wrap > ul > li.field03 dt {background-color:#358bd6}
.p_education_wrap > ul > li.field03 dd {color:#358bd6}
.p_education_wrap > ul > li.field04 dt {background-color:#6bafb4}
.p_education_wrap > ul > li.field04 dd {color:#6bafb4}

/* 산학협력 친화형 교육 - 현장실습지원 프로그램 */
.p_support_wrap {display:table; width:100%; height:100%;}
.p_support_wrap:after {clear:both; display:block; content:'';}
.p_support_wrap > ul {display:table-row; height:100%;}
.p_support_wrap > ul > li {display:table-cell;}

.p_support_wrap .col_2 {}
.p_support_wrap .col_2 > li {width:50%; vertical-align:top; height:100%;}

.p_support_wrap .col_3 {}
.p_support_wrap .col_3 > li {width:33.3333%; vertical-align:top; height:100%;}

.p_support_wrap .dep2_list li.title_dd {margin-top:5px;}

.p_support_wrap .box_brd {margin:0 10px; border:1px solid #e5e5e5; padding:25px 25px 15px; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.program_process {}
.program_process dl {padding:40px 0; border-top:1px dotted #bababa;}
.program_process dl:after {clear:both; display:block; content:'';}
.program_process dl.chart_01 {border:0;}
.program_process dt {position:relative; float:left; width:14.2857%; text-align:center; color:#fff;}
.program_process dt span {display:table; border-radius:50%;}
.program_process dt em {display:table-cell; font-size:15px; line-height:15px; font-weight:500; vertical-align:middle;}
.program_process .chart_01 dt span {background-color:#f3981e}
.program_process .chart_02 dt span {background-color:#358bd6}
.program_process .chart_03 dt span {background-color:#72c177}

.program_process dd {position:relative; float:left; width:14.2857%; text-align:center;}
.program_process dd.first:before{border:none;}
.program_process dd > div {margin:0 10%;}
.program_process dd > div > span {position:relative; display:inline-block; border-radius:50%;
	-webkit-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	-o-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
}

.program_process dd.first > div > span:before {border:none;}
.program_process dd > div > span:before {position:absolute; top:50%; left:-15%; content:''; display:block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:10px solid #e5e5e5;}

.program_process dd > div > span > em {position:absolute; top:50%; left:50%; width:52px; height:52px; margin-top:-26px; margin-left:-26px; display:inline-block; text-indent:-9999em}

.program_process dd img {}
.program_process dd p {margin-top:10px; font-size:13px; color:#666;}
.program_process dd p strong {display:block; margin-bottom:3px; font-size:15px; color:#000; font-weight:400;}
.program_process dd p .button {font-size:12px; line-height: 18px !important;background-color:#fff;}
.program_process dd p .button:hover, .program_process dd p .button:active, .program_process dd p .button:focus {background-color:#fff;}

.program_process dd > div > span > em {background:url('../../inc/img/program/img_set_process.png') no-repeat 0 0;}
.program_process .chart_01 dd > div > span > em {background-position:0 0;}
.program_process .chart_01 dd + dd > div > span > em {background-position:-52px 0;}
.program_process .chart_01 dd + dd + dd > div > span > em {background-position:-104px 0;}
.program_process .chart_01 dd + dd + dd + dd > div > span > em {background-position:-156px 0;}
.program_process .chart_01 dd + dd + dd + dd + dd > div > span > em {background-position:-208px 0;}
.program_process .chart_01 dd + dd + dd + dd + dd + dd > div > span > em {background-position:-260px 0;}

.program_process .chart_02 dd > div > span > em {background-position:0 -52px;}
.program_process .chart_02 dd + dd > div > span > em {background-position:-52px -52px;}
.program_process .chart_02 dd + dd + dd > div > span > em {background-position:-104px -52px;}
.program_process .chart_02 dd + dd + dd + dd > div > span > em {background-position:-156px -52px;}
.program_process .chart_02 dd + dd + dd + dd + dd > div > span > em {background-position:-208px -52px;}

.program_process .chart_03 dd > div > span > em {background-position:0 -104px;}
.program_process .chart_03 dd + dd > div > span > em {background-position:-52px -104px;}
.program_process .chart_03 dd + dd + dd > div > span > em {background-position:-104px -104px;}
.program_process .chart_03 dd + dd + dd + dd > div > span > em {background-position:-156px -104px;}

/* 지역산업맞춤형인재양성 */
.program_process.c_made dl.chart_01 {border:0;}
.program_process.c_made .chart_01 dt span {background-color:#358bd6}
.program_process.c_made .chart_02 dt span {background-color:#ee7274}
.program_process.c_made dd > div > span > em {background:url('../../inc/img/region/img_set_process.png') no-repeat 0 0;}
.program_process.c_made .chart_01 dd > div > span > em {background-position:0 0;}
.program_process.c_made .chart_01 dd + dd > div > span > em {background-position:-52px 0;}
.program_process.c_made .chart_01 dd + dd + dd > div > span > em {background-position:-104px 0;}
.program_process.c_made .chart_01 dd + dd + dd + dd > div > span > em {background-position:-156px 0;}

.program_process.c_made .chart_02 dd > div > span > em {background-position:0 -52px;}
.program_process.c_made .chart_02 dd + dd > div > span > em {background-position:-52px -52px;}
.program_process.c_made .chart_02 dd + dd + dd > div > span > em {background-position:-104px -52px;}
.program_process.c_made .chart_02 dd + dd + dd + dd > div > span > em {background-position:-156px -52px;}
.program_process.c_made .chart_02 dd + dd + dd + dd + dd > div > span > em {background-position:-208px -52px;}

/* 산학협력 친화형 교육 - 캡스톤디자인 */
.p_capstone_wrap.first {padding:0 0 20px; margin-bottom:40px; border-bottom:1px dotted #bababa; background:url('../../inc/img/program/bg_capstone.jpg') no-repeat 100% 0;}
.p_capstone_wrap .desc_no {margin:10px 0 20px;}
.p_capstone_wrap .desc_no li {padding:3px 0;}

.capstone_process {margin:30px 0;}
.capstone_process > p {margin-bottom:20px; text-align:left;}
.capstone_process > ul {display:table; width:100%;}
.capstone_process > ul > li {position:relative; display:table-cell; width:20%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align: middle; text-align: center; font-size:13px; font-weight:400;}
.capstone_process > ul > li > span {position:absolute; top:0; left:0; margin:0 0 0 15%; content:''; width:100%; height:100%; border-radius:50%; border:8px solid #358bd6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#fff; z-index:-1;}
.capstone_process > ul > li > span:before {position: absolute; top:50%; left: 100%; margin-left:8px;  content: ''; width:50%; height:1px; border-bottom:1px dotted #000; z-index:-2}
.capstone_process > ul > li > span:after { position: absolute; top:50%; right:-35%; margin-top:-3px; content: ''; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #e5e5e5; z-index:-2}

.capstone_process .step ul {width:70%; margin:0 auto;}
.capstone_process .step li {position:relative; margin:0 5% 0 12%; padding-left:7px; text-align:left;}
.capstone_process .step li:before {position: absolute; content: ''; left: 0; top: 8px; display: block; width: 3px; height: 3px; background-color: #000; border-radius: 50%;}

.capstone_process .step.no1 {color:#358bd6;}
.capstone_process .step.no1 span, .capstone_process .step.no1 span:before {border-color: #358bd6}
.capstone_process .step.no1 span:after {border-left: 10px solid #358bd6}
.capstone_process .step.no1 li:before {background-color: #358bd6}
.capstone_process .step.no2 {color:#6bafb4;}
.capstone_process .step.no2 span, .capstone_process .step.no2 span:before {border-color: #6bafb4}
.capstone_process .step.no2 span:after {border-left: 10px solid #6bafb4}
.capstone_process .step.no2 li:before {background-color: #6bafb4}
.capstone_process .step.no3 {color:#f3981e;}
.capstone_process .step.no3 span, .capstone_process .step.no3 span:before {border-color: #f3981e}
.capstone_process .step.no3 span:after {border-left: 10px solid #f3981e}
.capstone_process .step.no3 li:before {background-color: #f3981e}
.capstone_process .step.no4 {color:#75b579;}
.capstone_process .step.no4 span, .capstone_process .step.no4 span:before {border-color: #75b579}
.capstone_process .step.no4 span:after {border-left: 10px solid #75b579}
.capstone_process .step.no4 li:before {background-color: #75b579}
.capstone_process .step.no5 {color:#ef7276;}
.capstone_process .step.no5 span {border-color: #ef7276}
.capstone_process .step.no5 span:before,
.capstone_process .step.no5 span:after {display:none;}
.capstone_process .step.no5 li:before {background-color: #ef7276}

.capstone_process.re01 .step > span {border-width:2px; border-radius:10%;}
.capstone_process.re01 > ul > li > span:before {margin-left:2px;}
.capstone_process.re01 > ul > li > span:after {right:-25%;}
.capstone_process.re02 .step ul {width:80%;}
.capstone_process.re02 .step > span {border-width:2px; border-radius:10%;}
.capstone_process.re02 > ul > li > span:before {margin-left:2px;}
.capstone_process.re02 > ul > li > span:after {display:none;}
.capstone_process.re03 .step > span {border-width:2px; border-radius:10px; top:0; left:0; margin:0;}
.capstone_process.re03 > ul > li > .step:after {display:none;}

.capstone_process.re03 {text-align:center;}
.capstone_process.re03 > ul {display:block;}
.capstone_process.re03 .step {display:inline-block; width:70%; margin-bottom:30px;}
.capstone_process.re03 .step ul {width:100%; padding:20px 0;}
.capstone_process.re03 .step li {margin:0 20px;}

.capstone_process.re03 .step.no1 span:before {top:100%; left:50%; width:1px; height:30px; border:none; border-left:1px dotted #358bd6}
.capstone_process.re03 .step.no2 span:before {top:100%; left:50%; width:1px; height:30px; border:none; border-left:1px dotted #358bd6}
.capstone_process.re03 .step.no3 span:before {top:100%; left:50%; width:1px; height:30px; border:none; border-left:1px dotted #358bd6}
.capstone_process.re03 .step.no4 span:before {top:100%; left:50%; width:1px; height:30px; border:none; border-left:1px dotted #358bd6}

/* 산학협력 친화형 교육 - 우수사례 */
.p_excellence_wrap {}
.p_excellence_wrap:after {clear:both; display:block; content:'';}
.p_excellence_wrap ul {margin-left:2.0618%; width:100%; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.p_excellence_wrap ul li {float:left; width:27.8351%; margin:0 2.0618% 4.1237%;}
.p_excellence_wrap ul li a {word-break: keep-all; text-align:center; color:#fff;}
.p_excellence_wrap ul li a img {
	-webkit-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	-o-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
}
.p_excellence_wrap ul li a dl {padding:20px; background-color:#8f9aaa; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.p_excellence_wrap ul li a dl dt, .p_excellence_wrap ul li a dl dd {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}
.p_excellence_wrap ul li a dl dt {margin-bottom:10px; font-weight:400;}
.p_excellence_wrap ul li a dl dd {font-size:13px;}

/* 산학협력 친화형 교육 - 창업교육센터 소개 */
.s_intro {}
.tbl.page_con.s_intro td {padding: 15px 20px 15px 10px;}


/* 산학협력 친화형 교육 - 창업동아리 */
.s_club_wrap .desc_no {margin:10px 0 20px;}
.s_club_wrap .desc_no li {padding:3px 0;}

/* 산학협력 친화형 교육 - 취창업역량강화프로그램 */
.p_program_wrap {margin-bottom:40px;}
.p_program_wrap ul {display:table; /*border-top:1px solid #dfdfdf; padding:60px 0;*/}
.p_program_wrap ul:after {clear:both; display:block; content:'';}
.p_program_wrap ul:first-child {border-top:none; padding-top:40px;}
.p_program_wrap ul li {display:table-cell; width:25%; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.p_program_wrap ul li dl {margin:0 20px;}
.p_program_wrap ul li dl dt {position:relative; display:inline-block; width:100%; font-weight:400;}
.p_program_wrap ul li dl dt em {position:absolute; bottom:0; left:0; font-size:40px; line-height:40px; font-weight:100;}
.p_program_wrap ul li dl dt span {position:absolute; bottom:0; left:35px; word-break: keep-all;}
.p_program_wrap ul li dl dt span.no2 {left:55px;}
.p_program_wrap ul li dl dd {margin-top:10px; font-size:13px;}
.p_program_wrap ul li dl dd img {width:100%;}

.p_program_wrap.ea02 ul {display:inline-block; padding-bottom:0;}
.p_program_wrap.ea02 ul li {display:inline-block; width:43.8454%; height:auto !important; margin:0 0 60px 5.0728%}
.p_program_wrap.ea02 ul li dl dd.thumb {text-align:center;}

.p_program_wrap.ea03 ul {display:inline-block; border:0;}
/*.p_program_wrap.ea03 ul:first-child {padding-top:0;}*/
.p_program_wrap.ea03 ul li {display:inline-block; width:100%; height:auto !important; margin:0 0 40px}
.p_program_wrap.ea03 ul li dl dt em {left:0; font-size:30px; line-height:30px;}
.p_program_wrap.ea03 ul li dl dt span {left:30px; font-size:13px; line-height: 1.2;}
.p_program_wrap.ea03 ul li dl dt span br {display:none;}
.p_program_wrap.ea03 ul li dl dt span.no2 {left:45px;}
.p_program_wrap.ea03 ul li dl dd {float:left; width:65%;}
.p_program_wrap.ea03 ul li dl dd.thumb {float:left; width:30%; margin-right:5%;}

/* 기업협업 지원 - 연구장비목록 */
.joint_list {margin-left:-2.5773%;}
.joint_list:after {clear:both; display:block; content:'';}
.joint_list ul {display:inline-block; width:100%;}
.joint_list ul li {position:relative; float:left; width:30.7351%; margin:0 0 15px 2.5773%; border:1px solid #dfdfdf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.joint_list ul li:hover,
.joint_list ul li:focus,
.joint_list ul li:active {border-color:#0341a6;}

.joint_list ul li > dl {padding:20px 10px; background:#f8f8f8; text-align:center;}
.joint_list ul li > dl > dt, .joint_list ul li > dl > dd {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.joint_list ul li > dl > dt {font-size:15px; font-weight:400}
.joint_list ul li > dl > dd {font-size:13px;}

.joint_list .btn_view {padding:20px; text-align:center;}

.joint_info {width:100%; font-size:13px;}
.joint_info > dl {display:block; width:100%; border-top:1px solid #dfdfdf;}
.joint_info > dl:after {clear:both; display:block; content:'';}
.joint_info > dl > dt, .joint_info dl > dd {padding:10px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:40px;}
.joint_info > dl > dt {float:left; width:30%; text-align:center; font-weight:400; background-color:#e1edf9;}
.joint_info > dl > dd {float:left; width:70%; padding:10px; text-align:right; border-left:1px solid #dfdfdf; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.joint_info > dl.row2 > dt, .joint_info > dl.row2 > dd {height:80px;}
.joint_info > dl.row2 > dt {line-height:80px;}
.joint_info > dl.row2 > dd {padding:0;}
.joint_info > dl.row2 > dd span {height:40px; line-height:40px; padding:0 10px; display:block; border-bottom:1px solid #dfdfdf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.joint_info > dl.row2 > dd a {height:40px; line-height:40px; padding:0 10px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 기업협업 지원 - 연구장비목록 - view */
.joint_info_wrap {margin-bottom:40px;}
.joint_info_wrap:after {clear:both; display:block; content:'';}

.joint_info_wrap .fl {width:34.3642%; margin:6.8728% 0 0 6.8728%}
.joint_info_wrap .fl li {text-align:center;}
.joint_info_wrap .fl .bx-wrapper img {display:inline-block;}
.joint_info_wrap .fl .bx-wrapper .bx-pager.bx-default-pager a {background:#e4e4e4;}
.joint_info_wrap .fl .bx-pager.bx-default-pager a.active {background:#1e66ba;}
.joint_info_wrap .fl .bx-wrapper .bx-pager {bottom:-50px;}

.joint_info_wrap .fr {width:51.8900%; border-bottom:1px solid #dfdfdf;}
.joint_info_wrap .fr .head {padding:5% 0; border-top:2px solid #1e66ba; border-bottom:1px solid #dfdfdf;}

.joint_info_wrap .fr .head > dl {}
.joint_info_wrap .fr .head > dl > dt, .joint_info_wrap .fr .head > dl > dd {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.joint_info_wrap .fr .head > dl > dt {font-size:20px; font-weight:500; color:#1e66ba;}
.joint_info_wrap .fr .head > dl > dd {font-size:13px;}

.joint_info_wrap .fr .joint_info {padding:20px 0; font-size:14px;}
.joint_info_wrap .fr .joint_info dl {border:0;}
.joint_info_wrap .fr .joint_info dt, .joint_info_wrap .fr .joint_info dd {text-align:left; border:0;}
.joint_info_wrap .fr .joint_info dt {width:25%; font-weight:500; background:none;}
.joint_info_wrap .fr .joint_info dd {width:75%;}
.joint_info_wrap .fr .joint_info dd strong {color:#1e66ba;}
.joint_info_wrap .fr .joint_info > dl.row2 > dt, .joint_info_wrap .fr .joint_info > dl.row2 > dd {height:inherit;}
.joint_info_wrap .fr .joint_info > dl.row2 > dt {line-height:inherit;}
.joint_info_wrap .fr .joint_info > dl.row2 > dd {padding:10px;}
.joint_info_wrap .fr .joint_info > dl.row2 > dd span {border:0; padding:0; height:inherit; line-height:inherit;}
.joint_info_wrap .fr .joint_info > dl.row2 > dd a {padding:0; height:inherit; line-height:inherit;}

.joint_view {padding-bottom:40px; border-bottom:1px solid #e5e5e5;}

/* 기업협업 지원 - 가족회사 - view */
.c_situation_wrap {margin-bottom:40px;}
.c_situation_wrap:after {clear:both; display:block; content:'';}

.c_situation_wrap .fl {width:34.3642%; margin:0 0 0 6.8728%}
.c_situation_wrap .fl li {text-align:center;}
.c_situation_wrap .fl .bx-wrapper img {display:inline-block;}
.c_situation_wrap .fl .bx-wrapper .bx-pager.bx-default-pager a {background:#e4e4e4;}
.c_situation_wrap .fl .bx-pager.bx-default-pager a.active {background:#1e66ba;}
.c_situation_wrap .fl .bx-wrapper .bx-pager {}

.c_situation_wrap .fr {width:51.8900%; border-bottom:1px solid #dfdfdf;}
.c_situation_wrap .fr .head {padding:5% 0; border-top:2px solid #1e66ba; border-bottom:1px solid #dfdfdf;}
.c_situation_wrap .fr .head > p {font-size:20px; font-weight:500; color:#1e66ba;}

.c_situation_wrap .fr .joint_info {padding:20px 0; font-size:14px;}
.c_situation_wrap .fr .joint_info dl {border:0;}
.c_situation_wrap .fr .joint_info dt, .c_situation_wrap .fr .joint_info dd {text-align:left; border:0;}
.c_situation_wrap .fr .joint_info dt {width:25%; font-weight:500; background:none;}
.c_situation_wrap .fr .joint_info dd {width:75%;}
.c_situation_wrap .fr .joint_info dd strong {color:#1e66ba;}
.c_situation_wrap .fr .joint_info > dl.row2 > dt, .c_situation_wrap .fr .joint_info > dl.row2 > dd {height:inherit;}
.c_situation_wrap .fr .joint_info > dl.row2 > dt {line-height:inherit;}
.c_situation_wrap .fr .joint_info > dl.row2 > dd {padding:10px;}
.c_situation_wrap .fr .joint_info > dl.row2 > dd span {border:0; padding:0; height:inherit; line-height:inherit;}
.c_situation_wrap .fr .joint_info > dl.row2 > dd a {padding:0; height:inherit; line-height:inherit;}

/* 지역사회 협업 지원 - 지역산업 차세대 인재양성 */
.n_generation_wrap {background:url('../../inc/img/region/bg_next_generation.jpg') no-repeat 90% 90%;}

/* 정보마당 - 포토갤러리 */
.photo_wrap {margin-left:-0.6%;}
.photo_wrap:after {clear:both; display:block; content:'';}
.photo_wrap ul { width:100%; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.photo_wrap ul li {display:block; float:left; width:24%; margin:0 0 1% 1%;}
.photo_wrap ul li a {display:inline-block; width:100%; word-break: keep-all; text-align:center; color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.photo_wrap ul li a div {padding:20px; background-color:#8f9aaa;}
.photo_wrap ul li a div p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}

.photo_view li img {margin:0 auto;}

/*.photo_view_wrap {position:relative;}
.photo_view_wrap .bx-wrapper {margin:0; overflow:hidden;}*/
.photo_view_wrap .bx-wrapper .bx-prev {left:0; background:#fff url('../../inc/img/common/btn_slide_prev.png') no-repeat 15px 19px; border:1px solid #ccc; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.photo_view_wrap .bx-wrapper .bx-prev:hover,
.photo_view_wrap .bx-wrapper .bx-prev:focus {}
.photo_view_wrap .bx-wrapper .bx-next {right:0; background:#fff url('../../inc/img/common/btn_slide_next.png') no-repeat 15px 19px; border:1px solid #ccc; visual:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.photo_view_wrap .bx-wrapper .bx-next:hover,
.photo_view_wrap .bx-wrapper .bx-next:focus {}
.photo_view_wrap .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-30px; outline:0; width:45px; height:45px; text-indent:-9999px; z-index:99; cursor:pointer;}


/* 정보마당 - 동영상갤러리 */
.movie_view {border-top:2px solid #2054ca; border-bottom:2px solid #2054ca; margin-bottom:40px;}
.movie_view:after {clear:both; display:block; content:'';}

.movie_view .fl {width:60%;}
.movie_view .fl iframe {width:100%; height:360px; vertical-align:top;}
.movie_view .fr {width:40%; height:360px; background:#f8f8f8;}
.movie_view .fr dl {padding:20px;}
.movie_view .fr #movieTitle {font-size: 20px; line-height: 20px; font-weight: 500; color: #358bd6; letter-spacing: -1px; margin-bottom:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}
.movie_view .fr #movieDate {font-size:12px; border-bottom:1px solid #dfdfdf; margin-bottom:5px; padding-bottom:5px;}
.movie_view .fr #movieContent {height:245px; overflow:auto;font-size:13px;}

.movie_list {margin-left:-2.5773%;}
.movie_list:after {clear:both; display:block; content:'';}
.movie_list ul {display:inline-block; width:100%;}
.movie_list ul li {position:relative; float:left; width:30.7351%; margin:0 0 20px 2.5773%; border:1px solid #dfdfdf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.movie_list ul li:hover,
.movie_list ul li:focus,
.movie_list ul li:active {border-color:#0341a6;}

.movie_list ul li a {width:100%; display:block;}
.movie_list ul li a .thumb {position:relative; padding-top:55%; overflow:hidden; width:100%; display:block;}
.movie_list ul li a .thumb img {position:absolute; top:-18%; left:0; right:0; bottom:0; max-width:100%; height:auto;}
.movie_list ul li a .content {width:100%; padding:20px; background:#f8f8f8; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; height:80px; overflow:hidden;}
.movie_list ul li a .content p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}


/* 사이트맵 */
.sitemap {}
.sitemap:after {clear:both; display:block; content:'';}

.sitemap_block {margin-bottom:50px;}
.sitemap_block:after {clear:both; display:block; content:'';}
.sitemap_block .site_block {margin-bottom:50px;}

.sitemap_block h3 {padding:0 0 20px; margin-bottom:30px; font-size:24px; border-bottom:1px solid #434343;}
.sitemap_block li {float:left; width:33.3333%; margin-bottom:10px;}

.sitemap_block dl {font-size:15px; margin-bottom:20px; width:90%;}
.sitemap_block dt {font-weight:500; margin-bottom:15px;}
.sitemap_block dd {position:relative; padding-left:10px; margin-bottom:10px;}
.sitemap_block dd:after {position:absolute; content:''; left:0; top:9px; display:block; width:2px; height:2px; background-color:#000; border-radius:50%;}

/* @media */
@media screen and (max-width:1700px){
    #content {margin:0 8%;}
}

@media screen and (max-width:1500px){
    #content {margin:0 5%;}
}

@media screen and (max-width:1400px){
	.survey_list ul li {width:31.78%;}
}

@media screen and (max-width:1280px){
	#container {padding-top:171px;}
	#content {margin:0 20px; padding-top:40px;}
    .content_mem_wrap {margin:0;}

	.page_head {position:relative;}
	.page_head h3 {float:none; width:100%;}
	.page_head .location {display:none;/*float:none; width:100%;*/}

	/* 사업단소개 - 인사말 */
	.greeting_box .fl {width:60%;}
	.greeting_box .fr {width:40%;}
	.greeting_box .fr strong {display:block;}

	/* 사업단소개 - 찾아오시는 길 */
	.contact_info {text-align:center;}
	.contact_info a {float:none; margin:0;}
	.contact_info p {float:none; margin:0;}
}

@media screen and (max-width:1024px){
	#container {padding-top:61px;}
	#content {padding-bottom:60px;}

	/*#gnb {display:none;}*/

	#lnb {display:none;}

	.content_wrap {float:none; margin:0; padding:0;}
	.page_head .location {position:absolute; float:none; top:-25px; right:0; margin:0; width:100%;}

	.page_nav {display:none;}
	.page_nav.m_page_nav {display:block; text-align:center;}
	.page_nav.m_page_nav li {height:31px; margin-right:15px; margin-bottom:10px;}

	/* 사업단소개 - 찾아오시는 길 */
	.contact_info {text-align:left; background-image:none;}
	.contact_info a {float:left; margin:0 0 0 10%;}
	.contact_info p {float:left; margin:10px 0 0 25px;}

	/* 산학협력 친화형 교육 - 캡스톤디자인 */
	.capstone_process > ul > li > span:after {display:none;}

	/* 정보마당 - 포토갤러리 */
	.photo_view_wrap .bx-wrapper .bx-controls-direction {display:none;}
}

@media screen and (max-width:820px){
	.familyHope li {width:30%;}
	.familyBenefit li {width:45%;}


	/* 사업단소개 - 찾아오시는 길 */
	.contact_info {text-align:center; padding-bottom:50px;}
	.contact_info a {float:none; margin:0;}
	.contact_info p {float:none; margin:0;}
}

@media screen and (max-width:800px){
	.page_head .location {display:none;}

	.tbl.join th.w_th_photo {display:block; width:100%; padding-bottom:10px;}
	.tbl.join th.w_th_photo + td {display:block; width:100%;}
	.tbl_photo_wrap {max-width:100%; text-align:center;}
	.tbl_photo_wrap .thumb_img {display:block; margin:0 auto 10px;}
	.tbl_photo_wrap .button {display:inline-block; ; max-width:180px;}

	/* 사업단소개 - 인사말 */
	.greeting_box .fl {float:none; width:100%;}
	.greeting_box .fr {float:none; width:100%; text-align:center;}
	.greeting_box .fr p {text-align:center;}
}

@media screen and (max-width:768px){
	.withdrawal .form_design input[type="text"] {top:-3px; width:70%;}

	.tbl.join th, .tbl.join td {display:block; width:100%; padding:10px 0;}
	/*.tbl.join th {border-color:#2054ca;}*/
	.tbl.join th {border-top:none;}
	.tbl.join td {border-top:none; border-bottom:1px solid #f2f2f2; padding:0 2px 10px;}

	.tbl.list_join th {display:none;}
	.tbl.list_join tr {border-bottom:1px solid #f2f2f2;}
	.tbl.list_join td {display:block; padding:2px; border:none; text-align:left;}
	.tbl.list_join td:first-child {padding-top:10px;}
	/*.tbl.list_join td:last-child {padding-bottom:10px; text-align:center;}*/
	.tbl.list_join td:last-child {padding-bottom:10px;}
	.tbl.list_join td.re_50 {display:inline-block; width:50%; padding-top:5px;}
	.tbl.list_join input[type="button"] {max-width:100px; margin:0 auto;}

	.tab_resume .form_design {width:40%; margin:3px 0; text-align:left;}

	.tbl.list thead {display:none;}
	.tbl.list tr {float:left; width:100%; display:block; border-top:1px solid #f2f2f2; padding:5px 0;}
	.tbl.list td.re_none {display:none;}
	.tbl.list td {display:block; width:100%; float:left; text-align:left; border:none; padding:2px 10px;}
	.tbl.list td a {white-space:inherit; font-size:13px; padding:3px 0;}
	.tbl.list td a.link img {margin-top:-5px;}
	.tbl.list td.re_aline {font-size:12px; margin-right:10px;}
	.tbl.list .re_show {display:inline-block}

	input[type="text"], input[type="password"], input[type="email"], input[type="button"], input[type="number"], textarea {height:30px; /*line-height:30px; */ font-size:12px;}
	.input_check label, .input_radio label {display:inline; margin-left:20px;}
	.src_select {height:30px;}
	.col_tit, .button.white, .filebox .upload-name, .filebox label, .src_select .select {height:30px; line-height:30px; font-size:13px;}
	.button.black {height:30px; line-height:30px; padding:0 10px; font-size:13px;}
	.src_select .select-indi {height:28px; line-height:28px;}

	.row_tb > .row {border-top:2px solid #ccc; margin-top:10px;}
	.row_tb > .row:first-child {border-top:0; margin-top:0;}
	.row [class^="col"] .input_check, .row [class^="col"] .input_radio {margin-top:3px;}

	.row [class^="col"] {margin:1% 0 0 0;}
	.col_12, .col_11, .col_10, .col_9, .col_8, .col_7, .col_6, .col_5, .col_4, .col_3, .col_2, .col_1{width:100%;}

	.no_re [class^="col"] {margin:0 0 0 1%;}
	.no_re [class^="col"]:first-child {margin-left:0;}

	.re_none, .re_none [class^="col"] {display:none}
	.col_tit.re_none {display:block;}

	.no_re .col_12{width:100%;}
	.no_re .col_11{width:91.58%;}
	.no_re .col_10{width:83.16%;}
	.no_re .col_9{width:74.75%;}
	.no_re .col_8{width:66.33%;}
	.no_re .col_7{width:57.91%;}
	.no_re .col_6{width:49.5%;}
	.no_re .col_5{width:41.08%;}
	.no_re .col_4{width:32.66%;}
	.no_re .col_3{width:24.25%;}
	.no_re .col_2{width:15.83%;}
	.no_re .col_1{width:7.416%;}

	.no_re2 .col_6{width:66.33%;}
	.no_re2 .col_3{width:32.66%;}
	.no_re2 [class^="col"] {margin:0 0 0 1%;}
	.no_re2 [class^="col"]:first-child {margin-left:0;}
	.col_common {width:74.75% !important;}

	.col_tit {height:auto; line-height:normal; text-align:left !important;}
	.col_tit2, .col_tit3, .col_tit4, .col_tit5 {height:auto; line-height:normal; text-align:left !important;}
	.col_txt {height:30px; line-height:30px;}
	.col_tit.txt_right, .col_tit.txt_center {text-align:left !important; margin-top:5px; padding:0;}
	.row [class^="col"] .input_check, .row [class^="col"] .input_radio {/*margin-top:0;*/ padding-left:0;}

	.row_tit .col_tit {text-align:center !important;}
	.row [class^="col"].col_tit .tooltip {top:inherit; left:inherit; margin-left: 5px;}

	.view_navi > li {font-size:13px;}
	.view_navi > li span {width:10px; padding-left:15px; background:none; text-indent:-999em;}
	.view_navi > li span:before {top:50%; left:15px; margin-top:-3px;}
	.view_navi > li a {padding-left:10px;}
	.view_navi > li p {float:right; padding-right:15px;}

	.survey_list ul li {margin-bottom:10px;}
	.survey_list ul li > dl {padding:20px 10px;}
	.survey_list .btn_survey {margin-bottom:20px;}
	.survey_info > dl {font-size:12px;}

	/* 사업단소개 - 소개 */
	.introduction_box .fl {float:none; width:100%; margin-right:0;}
	.introduction_box .fr {float:none; width:100%; margin:30px 0 0 0;}

	/* 산학협력 친화형 교육 - 특화분야 산학연계 교육 */
	.p_education_wrap {display:inline-block;}
	.p_education_wrap > ul {display:inherit;}
	.p_education_wrap > ul > li {float:left; width:50%; padding:0 10px 20px 10px;}
	.p_education_wrap > ul > li:first-child {width:50%; padding:0 10px 20px 10px;}
	.p_education_wrap > ul > li dl {height:100% !important; min-height:176px;}
	.p_education_wrap > ul > li dl dd {padding:20px 10px;}

	/* 사업단소개 - 찾아오시는 길 */
	.contact_wrap .fl, .contact_wrap .fr {float:none; width:100%;}
	.contact_wrap .fr {margin-top:20px;}

	/* 산학협력 친화형 교육 - 현장실습지원  */
	.box_title ul {padding:35px 10px 50px 110px;}

	.p_support_wrap > ul > li .box_brd dl {height:auto !important;}
	.p_support_wrap .col_2 > li {height:auto !important; display:block; width:100%; margin-top:20px;}
	.p_support_wrap .col_2 > li:first-child {margin-top:0;}
	.p_support_wrap .col_3 > li {height:auto !important; display:block; width:100%; margin-top:20px;}
	.p_support_wrap .col_3 > li:first-child {margin-top:0;}

	.program_process dl {padding:40px 0 0; border-top:0;}

	.program_process dt {float:none; width:100%; text-align:center; margin-bottom:30px;}
	.program_process dt span {border-radius:0; display:block; width:100% !important; height:auto !important;}
	.program_process dt span em {display:block; padding:10px 0;}
	.program_process dt span em br {display:none;}
	.program_process dd {width:25%; margin-bottom:10px;}

	.program_process dd > div > span {width:82px; height:82px;}
	.program_process dd > div > span:before {left:-50%;}
	.program_process dd p {height:70px; font-size:12px;}
	.program_process dd p strong {font-size:13px;}
	/*.program_process dd p span {display:none}*/

	/* 산학협력 친화형 교육 - 캡스톤디자인 */
	.p_capstone_wrap.first {background:none;}

	/* 산학협력 친화형 교육 - 우수사례 */
	.p_excellence_wrap ul {margin:0;}
	.p_excellence_wrap ul li {float:left; width:40%; margin:0 5% 10%;}

	/* 산학협력 친화형 교육 - 창업교육센터 소개 */
	.s_intro .tooltip {display:none;}

	/* 기업협업 지원 - 연구장비목록 */
	.joint_list ul li {width: 47.4%;}

	/* 기업협업 지원 - 연구장비목록 - view */
	.joint_info_wrap .fl {float:none; width:100%; margin:0 0 30px}
	.joint_info_wrap .fl .bx-wrapper .bx-pager {bottom:-30px;}
	.joint_info_wrap .fr {float:none; width:100%;}
	.joint_info_wrap .fr .head {padding:2% 0;}
	.joint_info_wrap .fr .joint_info {padding:10px 0;}

	/* 기업협업 지원 - 가족회사 - view */
	.c_situation_wrap .fl {float:none; width:100%; margin:0 0 30px}
	.c_situation_wrap .fl .bx-wrapper .bx-pager {bottom:-30px;}
	.c_situation_wrap .fr {float:none; width:100%;}
	.c_situation_wrap .fr .head {padding:2% 0;}
	.c_situation_wrap .fr .joint_info {padding:10px 0;}

	/* 지역사회 협업 지원 - 지역산업 차세대 인재양성 */
	.n_generation_wrap {background:none;}

	/* 정보마당 - 포토갤러리 */
	.photo_wrap ul li {width:49%; margin:0 0 2% 1%;}
	.photo_wrap ul li a {padding:0 10%;}
	.photo_wrap ul li a div {padding:20px 10px; font-size:13px;}

	/* 정보마당 - 동영상갤러리 */
	.movie_list ul li {width: 47.4%;}

	/* 사이트맵 */
	.sitemap_block li {width:50%;}
}

@media screen and (max-width:680px){
	.familyHope li {width:48%;}
	.familyBenefit li {width:100%;}
}

@media screen and (max-width:640px){
	.page_nav.m_page_nav {text-align:left;}
	.withdrawal .form_design {float:none; width:100%; margin-bottom:10px;}
	.withdrawal .form_design input[type="text"] {width:80%;}

	.tab_menu li a {font-size:13px;}
	.login_wrap .login_info {font-size:20px;}
	.login_wrap .login_info br {display:none;}
	.login_wrap .tab_area_login .page_wrap .src_select {width:76%;}
	.login_wrap .tab_area_login .page_wrap ul {width:76%;}
	.login_wrap .tab_area_login .page_wrap .login_btn {width:23%;}
	.login_wrap .page_foot .wrap li {height:auto; line-height:normal;}
	.login_wrap .page_foot .wrap li .button {position:relative; width:auto; display:block;}
	.login_wrap .page_foot .wrap li:before {top:9px;}
	.login_wrap .page_foot {padding:30px;}

	.tbl.join th {padding:10px 0 0;}
	.tbl.join td {padding:0 2px 10px;}

	.page_search_wrap {padding:20px 10px;}

	.tbl_view_wrap > dl > dt, .tbl_view_wrap dl > dd {padding:10px; font-size:13px;}
	.tbl_view_wrap > dl > dt {width:20%;}
	.tbl_view_wrap > dl > dd {width:80%;}
	.tbl_view_wrap > dl.ea02 > dt {width:20%;}
	.tbl_view_wrap > dl.ea02 > dt + dd {width:auto; display:inline-block; font-size:12px;}
	.tbl_view_wrap > dl.ea02 > dd + dt {display:none}
	.tbl_view_wrap > dl.ea02 > dd + dt + dd {width:auto; display:inline-block;}	
	.tbl_view_wrap > dl.ea03 > dt {width:10%;}
	.tbl_view_wrap > dl.ea03 > dt + dd {width:auto; display:inline-block; font-size:12px;}
	.tbl_view_wrap > dl.ea03 > dd + dt {display:none}
	.tbl_view_wrap > dl.ea03 > dd + dt + dd {width:auto; display:inline-block;}	
	.tbl_view_wrap > dl > dd > ul > li a {position:relative; font-size:12px;}

	.survey_head {padding:15px; font-size:14px;}
	.survey_list ul li {width:48.4%;}

	.change_wrap .change_info dt {width:30%;}
	.change_wrap .change_info dd {width:70%;}
	.change_wrap .button {width:auto; max-width:inherit;}

	.filebox .upload-name {width:70%}
	.filebox label {width:28%;}

	.tab_resume .form_design {width:48%;}

	.popup_search_wrap .row {width:90%;}
	.popup_search_wrap .col_tit {display:none;}

	/* 사업단소개 - 인사말 */
	.greeting_wrap .box_con li {float:none; width:100%; margin:5px 0;}

	/* 산학협력 친화형 교육 - 현장실습지원  */
	.box_title dt {width:100%; height:40px; line-height:40px; top:0;}
	.box_title dt span {top:0;}
	.box_title dt br {display:none;}
	.box_title dd {width:100%; margin-left:0; min-height:inherit;}
	.box_title ul {padding:50px 20px 20px 20px;}

	.program_process dd > div > span:before {left:-35%;}

	/* 정보마당 - 동영상갤러리 */
	.movie_view .fl {float:none; width:100%;}
	.movie_view .fl iframe {width:100%; height:280px;}
	.movie_view .fr {float:none; width:100%; height:auto;}
	.movie_view .fr #movieTitle {height:inherit; line-height:1; -webkit-line-clamp:inherit;}
	.movie_view .fr #movieContent {height:auto;}
}

@media screen and (max-width:580px){
	.page_search_wrap .re_none {display:none}
	.page_search_wrap .re_text {width:83.16%; margin-left:0;}
	.page_search_wrap .re_btn {}

	/* 콘텐츠 비쥬얼 */
	.page_info.visual_info p {top:38%;}

	/* 산학협력 친화형 교육 - 특화분야 산학연계 교육 */
	.p_education_wrap > ul > li {float:none; display:block; width:100%; padding:0 10px 20px 10px; height:auto !important;}
	.p_education_wrap > ul > li:first-child {width:100%; padding:0 10px 20px 10px;}
	.p_education_wrap > ul > li dl {min-height:inherit;}

	/* 산학협력 친화형 교육 - 현장실습지원  */
	.program_process dd {width:33.3333%;}
	.program_process dd > div > span:before {display:none;}

	.col_common {width:83.16% !important;}
}

@media screen and (max-width:500px){
	.withdrawal .form_design input[type="text"] {position:relative; top:inherit; right:inherit; width:100%; margin-top:10px;}

	/* 산학협력 친화형 교육 - 현장실습지원 프로그램 */
	.program_process dd {width:100%; display:block; height:82px; margin-bottom:20px;}
	.program_process dd > div {position:absolute; margin:0; text-align:left;}
	.program_process dd > div > span {position:absolute; top:0; left:0;}
	.program_process dd p {float:left; padding-left:105px; margin-top:15px;}
	.program_process dd p br {display:none;}
	.program_process dd p .button {margin-left:10px;}




	/* 사이트맵 */
	.sitemap_block {}
	.sitemap_block li {width:100%;}
	.sitemap_block dl {margin-bottom:10px;}
	.sitemap_block dt {margin-bottom:5px;}
	.sitemap_block dd {margin-left:15px;}
}

@media screen and (max-width:480px){
	.tbl_view_wrap > dl > dt {width:30%;}
	.tbl_view_wrap > dl > dd {width:70%;}
	.tbl_view_wrap > dl.ea02 > dt {width:30%;}

	.tab_resume .form_design {width:100%;}

	.page_search_wrap .re_text {width:74.75%;}

	.survey_list {margin:0;}
	.survey_list ul li {float:none; margin:0 auto 10px; width:100%;}

	.pagenate li a {font-size:12px; width:26px;}
	.pagenate li a.navi.first {background-position:-3px -52px;}
	.pagenate li a.navi.prev {margin-right:2px; background-position:-33px -52px;}
	.pagenate li a.navi.next {margin-left:2px; background-position:-3px -82px;}
	.pagenate li a.navi.last {background-position:-33px -82px;}

	.view_navi > li {font-size:12px;}
	.view_navi > li span {padding-left:0;}
	.view_navi > li span:before {left:0;}
	.view_navi > li a {width:45%;}
	.view_navi > li p {padding-right:0;}

	.btn_set.survey_btn a {width:120px !important;}

	.change_wrap .change_info dt {width:40%;}
	.change_wrap .change_info dd {width:60%;}
	.change_wrap .button, .change_wrap .button.white {font-size:12px; height:30px; line-height:30px;}

	/* agreement */
	.agreement_step li span{font-size:12px;}

	/* 콘텐츠 비쥬얼 */
	.page_info.visual_info {background:#f6f6f6; padding:20px; margin-bottom:30px;}
	.page_info.visual_info img {display:none;}
	.page_info.visual_info p {position:relative; top:0; left:0; width:100%; color:#000; text-align:center;}
	.page_info.visual_info p br {display:none;}

	.greeting_wrap .greeting_head br {display:none;}

	/* 사업단소개 - 찾아오시는 길 */
	.contact_info a {font-size:40px;}

	/* 산학협력 친화형 교육 - 우수사례 */
	.p_excellence_wrap ul {margin:0;}
	.p_excellence_wrap ul li {float:none; display:inline-block; width:100%; margin:0 0 20px;}
	.p_excellence_wrap ul li a {color:inherit; text-align:left;}
	.p_excellence_wrap ul li a img, .p_excellence_wrap ul li a dl {float:left}
	.p_excellence_wrap ul li a img {width:20%;}
	.p_excellence_wrap ul li a dl {width:80%; padding:0 10px 0 20px; background-color:inherit;}

	/* 산학협력 친화형 교육 - 취창업역량강화프로그램 */
	.p_program_wrap ul li dl {margin:0;}
	.p_program_wrap.ea03 ul li dl dd {float:none; width:100%;}
	.p_program_wrap.ea03 ul li dl dd.thumb {display:none;}

	/* 기업협업 지원 - 연구장비목록 */
	.joint_list {margin:0;}
	.joint_list ul li {float: none; margin: 0 auto 10px; width: 100%;}

	/* 정보마당 - 포토갤러리 */
	.photo_wrap ul {margin:0;}
	.photo_wrap ul li {float:none; width:80%; margin:0 auto 2%;}

	/* 정보마당 - 동영상갤러리 */
	.movie_list {margin:0;}
	.movie_list ul li {float: none; margin: 0 auto 10px; width: 100%;}

	.familyHope li {width:100%; margin-left:0;}
	.familyBenefit li {width:100%; margin-left:0;}
}

.circle{
	width:12px;
	height:12px;
	border-radius:50%;
	background:#ff0000;/*#00d3d3;*/
	font-size:9px;
	color:white;
	font-weight:bold;
	text-align:center;
	position: absolute;
	line-height:12px;
	margin:5px 0 0 5px;

}

/* 가족회사 - 유료혜택 */
.family_wrap {}
.family_wrap .page_head h3 {float:none; width:100%;}

.page_info_tit {margin-bottom:20px;}
.page_info_tit:after {clear:both; display:block; content:'';}
.page_info_tit .title_h4 {float:left; margin-bottom:0;}
.page_info_tit .title_h4:first-child {float:left; margin-bottom:0;}
.page_info_tit p {float:right}
.page_info_tit p span {color:#f00}

.family_wrap .page_info {position:relative; margin-bottom:0; border-bottom:none;}
.family_wrap .page_info:after {clear:both; display:block; content:'';}

.family_wrap .page_info dl,
.family_wrap .page_info .family_process {float:left}
.family_wrap .page_info .family_label {float:right; margin-right:15px;}

.family_wrap .page_info .family_label li {display: inline-block; height: 51px; margin-left:10px; vertical-align: top;}
.family_wrap .page_info .family_label li span { display:none; height: 100%; line-height: 50px; margin-left:10px; font-size: 12px; font-weight: 700;}
.family_wrap .page_info .family_label li:last-child span {display:inline-block;}

.family_wrap .page_info .family_label li.fl_01 span {color:#ca9f6d}
.family_wrap .page_info .family_label li.fl_02 span {color:#abbdc5}
.family_wrap .page_info .family_label li.fl_03 span {color:#ffd001}
.family_wrap .page_info .family_label li.fl_04 span {color:#62b8db}
.family_wrap .page_info .family_label li.fl_05 span {color:#c6b79d}


.family_wrap .page_info dl dt {font-weight:500; color:#1a1a1a}
.family_wrap .page_info .family_process {margin-left:20px;}
.family_wrap .page_info .family_process span {display:block; padding:0 15px; height:32px; line-height:32px; border:1px dotted #d8d8d8; border-radius:5px; text-align:center; color:#f00; font-size:13px; font-weight:700}
.family_wrap .btn_set .button {border-radius:0;}

.tbl.list_join .family_process {margin-top: 10px; float: left; width: 60%;}
.tbl.list_join .family_process span {display:block; padding:0 15px; height:32px; line-height:32px; border:1px dotted #d8d8d8; border-radius:5px; text-align:center; color:#d62f37; font-size:13px; font-weight:700}

.layer_popup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;}
.layer_mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; z-index:-1}

.layer_container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 800px; padding: 40px; background: #fff; border-radius: 20px; box-sizing:border-box; z-index:9;}
.layer_container.fixed {height:90%; overflow-y:scroll;}

.layer_container .title_h4 {margin: 30px 0 20px; padding-bottom:15px; color:#1e66ba; border-bottom:2px solid #1e66ba;}
.layer_container .title_h4:first-child {margin-top:0;}

.re_check {margin-bottom:40px; padding:25px 0 10px; border-top:1px solid #c3c4c8; border-bottom:1px solid #c3c4c8}
.re_check .title_h5 {font-size:14px;}
.layer_container .re_check {margin:0; padding:0; border:none;}
.re_check .form_design {margin:0 15px 15px 0; vertical-align:top; width:30%; box-sizing:border-box;}
.re_check .form_design label {display: inline;}
.layer_container .form_design {margin:0 30px 15px 0; vertical-align:top; box-sizing:border-box;}
.layer_container .re_check .form_design {width:30%; margin:0 15px 15px 0; box-sizing:border-box;}

.layer_container .round_box {position:relative; padding:10px 25px; margin-bottom:15px; background:#f2f2f2; border-radius:20px;}
.layer_container .round_box:before {content:''; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:1px; height:calc(100% - 40px); background:#d9d9d9}
.layer_container .round_box:after {clear:both; display:block; content:'';}
.layer_container .round_box ul {float:left; width:50%; box-sizing:border-box; padding-left:25px;}
.layer_container .round_box ul:first-child {padding-left:0;}
.layer_container .round_box li {margin:10px 0; padding-right:10px;}

.layer_container .btn_set {margin:10px 0 0}
.layer_container .btn_set .button {border-radius:0; min-width:90px;}

@media screen and (max-width:820px){
	.layer_container {width:calc(100% - 40px); padding:20px; max-width:inherit;}
}

@media screen and (max-width:768px){
	.page_info_tit h4,
	.page_info_tit .title_h4:first-child,
	.page_info_tit p {float:none;}
	.page_info_tit .title_h4 {margin:0 0 5px;}

	.family_wrap .page_info .family_label {/*margin-top:7px;*/}
	.family_wrap .page_info .family_label li {height:51px; margin-left:5px;}
	.family_wrap .page_info .family_label li img {height:100%;}
	.family_wrap .page_info .family_label li span {margin-left:5px; line-height: 25px; font-size:11px;}

	.layer_container .btn_set .button {height: 48px; line-height: 48px; font-size: 15px;}
	.re_check .form_design {width:45%;}
}

@media screen and (max-width:640px){
	.re_check .form_design {width:100%;}
	.layer_container .re_check .form_design {width:95%;}
}


@media screen and (max-width:480px){
	.family_wrap .page_info .family_process {position:absolute; top:70px; left:0; margin:0;}
	.re_check .form_design {width:100%; margin-right:0;}
}

/* 유료가족회사용 회원가입 추가분 // 2020/08/31 17:07 김태관 */
.blackscreen {
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 900;
}
.blackscreen > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 1000px;
	padding: 18px;
	background: #fff;
	border-radius: 10px;
}

.family_type_select {	
}

.family_type_select td {
	padding: 12px 0px;
}

.family_type_select tr:not(:last-child) td {
	border-bottom: 2px solid #358bd6;
}

.family_type_select tr.header td {
	font-size: 24px;
	font-weight: bolder;
	color: #358bd6;
}

.family_type_select tr.header input {
	font-size: 18px;
	float: right;
	width: 48px;
	padding: 8px 17px;
}

.family_type_select tr.body td {
	font-size: 16px;
}

.family_type_select tr.body div.member_select {
	border: none;
}

.family_type_select tr.body label {
	vertical-align: baseline;
}

.family_type_select tr.next a {
	float: right;
	width: auto;
}	


.closebtnset { text-align:center; vertical-align:middle; }
.border-bottom-none { border-bottom:none !important; }