<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/**2019_new**/
.etc {margin-bottom:10px}
.etc em {color: red}
.etc_wrap {text-align: center;border: 1px solid #d6d5d5;padding: 30px;margin-bottom: 30px;background-color: #fbfbfb}
.btn_right02 {float: right;margin-top: -47px}
.chwrap {display: inline-block;margin-right: 14px}
.new_checkbox {float: left}
.print_btn {position: absolute;display: inline-block;right: 0;top: 50%;text-align: center;background-color: #245094;color: #fff;font-size: 14px;border-radius: 100%;line-height: 15px;
width: 60px;height: 60px;margin-top: -30px;padding: 15px 5px}
.video_content {margin-bottom: 30px;text-align: center}
.video_content &gt; .Youtube {display: inline-blochttps://mentor-ing.or.kr/login.html?di_use=Nk;width: 50%;margin-right: -4px;padding: 0 10px}
.video_content &gt; .text_wrap {display: inline-block;border: 1px solid #d2d2d2;width: 50%;vertical-align: top;background-color: #f7f7f7;overflow-y: scroll;padding: 20px;text-align: left;padding: 20px}
.color_red {color: red}
.color_blue {color: blue}
.search_title {display: block;background-color: #f6f6f6;padding: 7px 0;font-size: 1.2em;font-weight: 400;text-align: center;border-top:1px solid #e2e2e2}
.ex_wrap {max-width: 400px;margin: 10px auto;text-align: center;color: #ff2f00}
.ex_wrap01 {background-color: #f7f7f7;padding: 3%;margin-top: 16px}
.ex_wrap01 strong {display: block}
.title_wrap {border-top: 2px solid;border-bottom: 1px solid;margin-bottom: 23px;padding: 15px}
header .utility &gt; li &gt; a.time {background: url(/usr/images/human/common/time.png) no-repeat 12px 16px;padding-left: 32px}

/**검색 결과 및 추천도서**/
.board-lis {overflow:hidden}
.board-list &gt; li:nth-child(1) {border-top: solid 2px #656d78}
.board-list &gt; li {border-bottom: solid 1px #dedede;padding: 20px 0;position: relative}
.board-list &gt; li article {padding: 0 300px 0 35px;position: relative}
.board-list &gt; li article.all {padding: 0;position: relative}
.board-list &gt; li article h4 {margin-bottom: 0;font-size:1em}
.board-list &gt; li article h4 span {display: block;margin: 8px 0 0 0;line-height: 1.8;position: relative;font-weight: 200;font-size: 0.9em;padding-left: 16px}
.board-list &gt; li article h4 span.iconnone {padding-left: 0}
.board-list &gt; li article h4 span.iconnone:before {background:none}
.board-list &gt; li article h4 span:before {position: absolute;content: '';top: 4px;left: -3px;background: url('/usr/image/new/images/common/s_icon.png') no-repeat;display: inline-block;width: 14px;height: 16px}
.board-list .check_box {float: left;line-height: 1.5;position: relative;z-index:2}
.board-list .bbs_btn_all {position: absolute;top: 0;right: 0;width: 280px;text-align: right;margin-bottom:10px}
.board-list .bbs_btn_all a {display: inline-block;margin-left:5px}
.board-list .abstract {background-color: #ececec;padding: 15px 35px;display:none;border-bottom: 1px solid #dedede;position:relative}
.board-list .abstract &gt; .close {position: absolute;top: -30px;right: 0;width: 30px;height: 30px;background: rgba(0,0,0,0.6) url('/usr/image/new/images/common/s_close.png') no-repeat center / 40%;display: inline-block;text-indent: -999em}
.btm_more {display: block;text-align: center;border: 1px solid #575757;padding: 8px 0;font-weight: 600;background-color:#575757;color:#fff}
.btm_more:hover,.btm_more:focus {background-color:#FB3601;border: 1px solid #FB3601;color:#fff}
.btm_more span {position: relative;padding-left: 28px;font-size: 16px;font-weight: 300}
.btm_more span:before {background:url('/usr/images/human/main/more.png') no-repeat 0 0;content: "";height: 20px;left: 0px;position: absolute;top: 2px;width: 20px}
.location {overflow: hidden}
.location &gt; li {float: left;position: relative;padding-right: 21px;font-weight: 400;font-size: 13px;color: #767676;line-height: 1.3}
.location &gt; li a {line-height:13px;}
.location &gt; li:last-child:after {background:none}
.location &gt; li:after {content:'';position:absolute;width:5px;height:9px;top:4px;right:7px;background:url('/usr/images/human/common/location.gif') no-repeat 0 0}
.location &gt; li &gt; strong {color:#333}
.sns_btn {display: table;margin: 0 auto}
.sns_btn a {display: inline-block;width: 200px;border: 1px solid;margin: 4px auto;padding: 8px 0;color: #fff;text-align: center}
.sns_btn .naver {background-color: #29A511}
.sns_btn .cacao {background-color: #BC8B00}
/****************/

.skipnav {position: fixed;width: 100%;background: #fff;color: #000;text-align: center;z-index:1}
.skipnav a {display: block;color: #000;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display:block; padding:5px 0; width:auto; height:auto; line-height:1.5; font-size:14px;}

.skipmap {text-align: center}
.skipmap a {display: block;color: #fff; opacity: 0}
.skipmap a:focus, .skipmap a:active { display: block; color: #fff; width: 100%; position: absolute; top: 0;left: 0; height: 24px; z-index: 2; opacity: 0.5; background-color: #000;}

#s_menu01,#s_menu02,#s_menu03,#s_menu04,#s_menu05,#s_menu06,#s_menu07,#s_menu08,#s_menu09 {display:none}

header {min-width: 340px;background: url(/usr/images/human/common/header_bg.gif?v=1) repeat-x;border-bottom: 4px solid #0095af}
header .header_wrap {max-width: 1200px;margin: 0 auto}

header .utility {max-width: 1200px;margin: 0 auto;color:#fff;text-align: right}
header .utility &gt; li {display: inline-block}
header .utility &gt; li {position: relative}
header .utility &gt; li.on &gt; .language {display:block}
header .utility &gt; li &gt; a {padding: 12px 0px 12px 23px;display: inline-block}
header .utility &gt; li:first-child a {}
header .utility &gt; li:last-child a {padding: 12px 0px 12px 13px}

header .header_wrap h1 {float: left}
header .header_wrap h1 a {display: inline-block;width: 130px;height: 44px;text-indent: -999em;background: url('/usr/images/human/common/logo.png') no-repeat 0 0 / 100%;margin-top: 20px}
header .header_wrap nav {position: relative;z-index: 5}
header .header_wrap nav.on &gt; .menu_bg {display: block}
.menu_bg {display:none;position: absolute;background: #0095af;width: 100%;top: 130px;left: 0;z-index: 3}
header .header_wrap &gt; nav &gt; ul {display: block;float:right;margin-right: 51px}
header .header_wrap nav &gt; ul &gt; li {position: relative;float: left}
header .header_wrap nav ul li:first-child {padding-left: 0}
header .header_wrap nav ul li.on &gt; .depth2 {display:block}
header .header_wrap nav &gt; ul &gt; li &gt; a {font-size: 18px;font-weight: 500;display: inline-block;padding: 28px 32px}
header .header_wrap nav &gt; ul &gt; li &gt; a:hover, header .header_wrap nav &gt; ul &gt; li &gt; a:focus  {color:#00c8de}
header .header_wrap nav ul li .depth2 {display: none;position: absolute;color: #fff;top: 79px;left: 0;width: 100%;z-index:2}
header .header_wrap nav ul li .depth2 &gt; ul {text-align: center;width: 100%;text-align: center;padding: 20px 0;height: 242px;border-left: 1px solid #149db5}
header .header_wrap nav ul li .depth2 &gt; ul &gt; li {padding: 0 12px;text-align: center}
header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; a {font-size: 14px;font-weight: 200;display: inline-block;line-height: 29px;font-weight: 200; color: white;}
header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; .depth3 {display:none}

header .header_wrap &gt; nav &gt; .menu_top {display: none}

.language {position: absolute;top: 44px;left: 0;background-color: #243342;z-index: 2;width: 100%;font-size: 12px;font-weight: 200;line-height: 25px;color: rgba(255, 255, 255, 0.7);padding:5px 0}
.language li a {padding: 5px 22px;display: inline-block}
.language li a:hover, .language li a:focus {color:#44d2ff}
.alarm {position: absolute;right: 29px;top: 29px;background: url('/usr/images/human/common/alarm.png') no-repeat 0 0;width: 28px;height: 28px;text-indent: -999em}
.alarm.on:before {position: absolute;content: "";top: -6px;right: -19px;width: 33px;height: 35px;background: url(/usr/images/human/common/alarm_on.png) no-repeat}
.site {position: absolute;right: 0;top: 33px;background: url('/usr/images/human/common/menu.gif') no-repeat 0 0;width: 26px;height: 19px;text-indent: -999em}

#visual {text-align: center;background-color: #fff;position: relative}
.visual &gt; p &gt; img {max-width:1920px;width: 100%;}
.visual &gt; p {transition: all 2s;opacity: 0;height: 0;overflow: hidden}
.visual &gt; p.on {opacity: 1;height: auto}
.visual &gt; p &gt; a &gt; img {max-width: 100%;width: auto}
.visual .mobile {display:none}
.v_link {position: absolute;left: 50%;bottom: 98px;margin-left: -45px}
.v_link &gt; li {float: left}
.v_link &gt; li.on &gt; a {background-color: #5f62a1;border: 4px solid #5f62a1}
.v_link &gt; li:nth-child(1) &gt; a {border-color: #5f62a1;}
.v_link &gt; li:nth-child(2) &gt; a {border-color: #5f62a1;}
.v_link &gt; li &gt; a {display: inline-block;width: 22px;height: 22px;text-indent: -999em;border: 4px solid #fff;margin: 0 4px;border-radius: 100%}
.v_link &gt; li:last-child &gt; a {margin: 0 4px;display: inline-block;width: 22px;height: 22px;text-indent: -999em;border-radius: 100%;background: #fff url('/usr/images/human/common/p_s.gif') no-repeat center -17px}
.v_link &gt; li:last-child &gt; a.stop {background-position: center 4px}


.webtong_visual {position: relative}.webtong_visual ul .mobile {display:none}
.webtong_visual ul li {z-index:0 !important}
.webtong_visual ul li &gt; a {position: relative;display: block;overflow: hidden;padding: 25% 10px 10px 10px;margin: 5px 5px 5px 5px;}
.webtong_visual ul li a img {max-width:100%;width:100%;position: absolute;top: 0;}
.webtong_visual .bx-controls-direction {position: absolute;top:50%;margin-top: -20px;width: 100%}
.webtong_visual .bx-controls-direction a {position: absolute;background: rgba(2, 2, 2, 1) url(https://mentor-ing.or.kr/usr/images/human/common/next_btn.png) no-repeat 0 0;display: inline-block;line-height: 0;width: 40px;height: 40px;text-indent: -999em;border-radius: 100%}
.webtong_visual .bx-controls-direction .bx-prev {left: 10px;background-position: 12px 11px}
.webtong_visual .bx-controls-direction .bx-next {right: 10px;background-position: -32px 11px}
.webtong_visual .bx-controls-auto {position: absolute;left: 50.5%;bottom: 10px;transform: translate(15%, 0);-webkit-transform: translate(15%, 0);-moz-transform: translate(15%, 0)}
.webtong_visual .bx-pager {position: absolute;left: 50%;bottom: 10px;transform: translate(-93%, 0);-webkit-transform: translate(-93%, 0);-moz-transform: translate(-93%, 0)}
.webtong_visual .bx-pager-item {display: inline-block}
.webtong_visual .bx-pager-item a {background-color: #0095AE;display: inline-block;width: 20px;height: 20px;text-indent: -999em;margin: 0 3px;border-radius: 100%;border: 5px solid #0095AE;line-height: 0}
.webtong_visual .bx-pager-item a.active {background-color: transparent;border: 5px solid #076ca5}
.webtong_visual .bx-controls-auto-item {display: inline-block}
.webtong_visual .bx-controls-auto-item a {background: #0095AE url(/usr/images/human/common/play_btn.png?v=1) no-repeat;width: 20px;height: 20px;line-height: 0;text-indent: -999em;display: inline-block;border-radius: 100%;margin: 0 3px}
.webtong_visual .bx-controls-auto-item .bx-start {background-position: center -20px}
.webtong_visual .bx-controls-auto-item .bx-stop {background-position: center 7px}

.top_menu {display: none}
.close {display: none;position: absolute;width: 100%;left: 0;text-align: center;color: #fff;top: 336px;border-top: 1px solid rgba(255, 255, 255, 0.08);padding: 9px 0;cursor:pointer;z-index:4}

#title {position:relative;background: url(/usr/images/human/sub/sub_visual_.jpg) no-repeat center center}
#title h2 {font-size: 46px;color: #025677;padding: 103px 0;max-width: 1200px;margin: 0 auto;text-align: left;letter-spacing: -0.1em}
#title h2 em {font-weight:200}

.nav_bg {width: 100%;background-color: rgba(36, 92, 169, 0.23);margin-top: -44px;height: 51px}
.sub_nav {max-width: 1200px;margin: -51px auto 0;background-color: #245ca9;}
.sub_nav:after {content: "";display: block;clear: both}
.sub_nav &gt; .home {background: #143b71 url('/usr/images/human/common/home.png') no-repeat center;padding: 12px 24px;display: inline-block;text-indent: -999em;width:auto;float: left;border-right: 1px solid rgba(255, 255, 255, 0.1)}
.sub_nav &gt; div {float: left;position: relative}
.sub_nav &gt; div &gt; a {color: #fff;padding: 12px 0px 12px 20px;display: inline-block;font-weight: 200;border-right: 1px solid rgba(255, 255, 255, 0.1);width: 221px;background:#143b71 url('/usr/images/human/common/selection.png') no-repeat right 18px}
.sub_nav &gt; div &gt; a.on {background-position: right -25px}
.sub_nav &gt; div &gt; ul {position: absolute;background-color: #3c5873;width: 100%;display:none;z-index: 2}
.sub_nav &gt; div &gt; ul li &gt; a {color: #fff;padding: 7px 0 7px 20px;display: block;background: #245ca9;font-weight: 200}
.sub_nav &gt; div &gt; ul li &gt; a:hover, .sub_nav &gt; ul &gt; li &gt; .div &gt; li &gt; a:focus {color: #f9ff00}
.sub_nav &gt; div &gt; ul li:nth-child(2n+2) &gt; a {background: #143b71}
.sub_nav &gt; .depth2 {z-index: 1}


#content {max-width: 1200px;margin: 0 auto}
#content_sub {max-width:1200px;margin:0 auto 100px}
#content_sub &gt; h3 {font-size: 46px;font-weight: 400;letter-spacing: -0.05em;color:#111;padding: 30px 0 14px;text-align: center;margin-bottom: 50px}
#content.gray {background-color: #e5eaf0}
#content &gt; h3 {font-size:39px;font-weight:200;letter-spacing: -0.05em;color:#111;padding: 30px 0 14px}

.domain_01 {max-width: 1200px;margin: 0 auto;padding: 60px 30px;background: url('/usr/images/human/main/main_img01.jpg') no-repeat 30px 60px}
.domain_01 &gt; .text_box01 {padding-left: 447px;background: url('/usr/images/human/main/main_img02.jpg') no-repeat right 104px}
.domain_01 &gt; .text_box01 &gt; p {font-size: 15px;color: #515152;padding-right: 168px;margin-top: 24px;letter-spacing: -1px;word-break: keep-all;font-weight: 300}
.domain_01 &gt; .text_box01 &gt; h2 {font-size: 54px;font-weight: 600;color: #ed1b71;letter-spacing: -1.9px;line-height: 45px;margin-top: -21px}
.domain_01 &gt; .text_box01 &gt; h2 &gt; span {font-weight: 400;color:#1b3a6a;display:block;line-height: 1.6}

.domain_02 {margin: 20px -15px;}
.domain_02 &gt; div {float:left;width:50%;padding: 15px;font-size: 17px}
.domain_02 &gt; .con_left &gt; ul {position: relative;height: 190px}
.domain_02 &gt; .con_left &gt; ul &gt; li {float: left;width: 50%}
.domain_02 &gt; .con_left &gt; ul &gt; li:last-child {margin-left:-1px}
.domain_02 &gt; .con_left &gt; ul &gt; li.on &gt; a {background-color: #143567;color: #fff;border: 1px solid #143567;position: relative}
.domain_02 &gt; .con_left &gt; ul &gt; li.on &gt; ul {display:block}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; a {display: block;text-align: center;background-color: #fff;line-height: 43px;border: 1px solid #c2cbd4}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul {position: absolute;top: 68px;width: 100%;font-size: 14px;display:none;left: 0}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li {position: relative;line-height: 29px}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li:after {clear: both;display:block;content:''}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li &gt; a {font-weight: 500;position:relative;padding-left: 20px;display: block;float: left;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li &gt; a:before {content:'';position:absolute;top:12px;left:10px;background-color:#143567;width:4px;height:4px}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li &gt; span {float: right;color: #807e7e;width: 50%;text-align: right;padding-right: 84px}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li &gt; em {width: 58px;display: inline-block;text-align: center;margin-left: 10px;background-color: #ed1b71;line-height: 28px;color: #fff;font-size: 13px;position: absolute;right: 10px}
.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li &gt; em.off {background-color:#aaa}
.domain_02 &gt; .con_left &gt; ul &gt; li:last-child &gt; ul &gt; li &gt; a {width: 70%}
.domain_02 &gt; .con_left &gt; ul &gt; li:last-child &gt; ul &gt; li &gt; span {width: auto;padding-right: 10px}
.domain_02 &gt; .con_right {}
.domain_02 &gt; .con_right &gt; .solidarity {background: url('/usr/images/human/main/main_img03.jpg') no-repeat right top;height: 190px}
.domain_02 &gt; .con_right &gt; .solidarity &gt; li &gt; a:hover, .domain_02 &gt; .con_right &gt; .solidarity &gt; li &gt; a.on {background-color: #7497cc;color: #fff;border-bottom: 1px solid #e5eaf0;background-position: right 17px}
.domain_02 &gt; .con_right &gt; .solidarity &gt; li &gt; a {display: inline-block;color: #1b1b1b;font-size: 16px;font-weight: 300;width: 52%;padding: 10px 21px;border-bottom: 1px solid #caced2;background: url('/usr/images/human/common/hover.gif') no-repeat right -31px}

.domain_02 &gt; div &gt; .in_box &gt; .title_s, .domain_02 &gt; div &gt; .in_box &gt; .title_s &gt; a {font-size: 20px;color: #d63502;letter-spacing: -1.5px;font-weight: 400}
.domain_02 &gt; div &gt; .in_box &gt; .title_s &gt; a {display: inline-block;padding: 5px 18px}
.domain_02 &gt; div &gt; .in_box &gt; .title_s &gt; a.on {color: #ff5907;border-top: 2px solid #ff5907;border-left: 1px solid;border-right: 1px solid;border-bottom: 1px solid #fff;z-index: 1;position: relative;background-color: #fff}
.domain_02 &gt; div &gt; .in_box &gt; .title_s &gt; .more {font-size: 14px;color: #888888;letter-spacing: -0.5px;font-weight: 300;float: right;margin-top: 11px;background: url('/usr/images/human/main/more.png') no-repeat right 1px;padding-right: 25px;height: 23px;width: 64px}

.domain_02 &gt; .con_right &gt; .in_box &gt; .title_s &gt; a.on, .domain_02 &gt; .con_right &gt; .in_box &gt; .title_s &gt; a:hover, .domain_02 &gt; .con_right &gt; .in_box &gt; .title_s &gt; a:focus {color: #FF5907;border-top: 2px solid #ff5907;border-left: 1px solid;border-right: 1px solid;
border-bottom: 1px solid #fff;z-index: 1;position: relative;background-color: #fff;}
.domain_02 &gt; .con_right &gt; .in_box &gt; .title_s &gt; a {color: #1b1b1b;display: inline-block;padding: 5px 18px}

.domain_02 &gt; div &gt; .in_box &gt; .title_s {font-size: 20px;color: #ff5907;letter-spacing: -1.5px;font-weight: 400}
.domain_02 &gt; div &gt; .in_box &gt; .title_s.bbs01 {position: absolute;top: 20px;left: 21px}
.domain_02 &gt; div &gt; .in_box &gt; .title_s.bbs02 {position: absolute;top: 20px;left: 125px}


.domain_02 &gt; div &gt; .in_box {border: 1px solid #e4e4e4;padding: 20px;position: relative; height: 234px;}
.domain_02 &gt; div &gt; .in_box &gt; .notice01 {position: absolute;top: 60px;width: auto;left: 21px;right: 21px;display: none;border-top: 1px solid #c5c5c5;padding-top: 10px}
.domain_02 &gt; div &gt; .in_box &gt; .notice01.on {display:block}
/*.domain_02 &gt; div &gt; .in_box &gt; .notice01.on &gt; li &gt; a &gt; font {color: #ff5907}*/
.domain_02 &gt; div &gt; .in_box &gt; .notice02 {position: absolute;top: 60px;width: auto;left: 21px;right: 21px;display: none;border-top: 1px solid #c5c5c5;padding-top: 10px}
.domain_02 &gt; div &gt; .in_box &gt; .notice02.on {display:block}
.domain_02 &gt; .notice &gt; .in_box &gt; ul {border-top: 1px solid #c5c5c5;padding-top: 10px;margin-top: -1px}
.domain_02 &gt; .notice &gt; .in_box &gt; ul &gt; li {line-height: 29px}
.domain_02 &gt; .notice &gt; .in_box &gt; ul &gt; li &gt; a {font-weight: 500;position: relative;padding-left: 13px;display: block;float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #767676}
.domain_02 &gt; .notice &gt; .in_box &gt; ul &gt; li &gt; a:before {content: '';position: absolute;top: 12px;left: 5px;background-color: #a0a0a0;width: 3px;height: 3px}
.domain_02 &gt; .notice &gt; .in_box &gt; ul &gt; li &gt; span {color: #807e7e;float: right}

.domain_02 &gt; div &gt; .in_box &gt; a {font-size: 14px;color: #888888;letter-spacing: -0.5px;font-weight: 300;float: right;background: url('/usr/images/human/main/more.png') no-repeat right 1px;height: 23px;width: 64px;position: absolute;top: 31px;right: 20px}

.domain_02 &gt; .con_left &gt; .in_box &gt; ul &gt; li {line-height: 29px}
.domain_02 &gt; .con_left &gt; .in_box &gt; ul &gt; li &gt; a {font-weight: 500;position: relative;padding-left: 13px;display: block;float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #767676}
.domain_02 &gt; .con_left &gt; .in_box &gt; ul &gt; li &gt; a:before {content: '';position: absolute;top: 12px;left: 5px;background-color: #a0a0a0;width: 3px;height: 3px}
.domain_02 &gt; .con_left &gt; .in_box &gt; ul &gt; li &gt; span {color: #807e7e;float: right}
.domain_02 &gt; .notice &gt; .in_box &gt; a {display:block}

.domain_02 &gt; .con_right &gt; .in_box &gt; ul &gt; li {line-height: 29px}
.domain_02 &gt; .con_right &gt; .in_box &gt; ul &gt; li &gt; a {font-weight: 500;position: relative;padding-left: 13px;display: block;float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #767676}
.domain_02 &gt; .con_right &gt; .in_box &gt; ul &gt; li &gt; a:before {content: '';position: absolute;top: 12px;left: 5px;background-color: #a0a0a0;width: 3px;height: 3px}
.domain_02 &gt; .con_right &gt; .in_box &gt; ul &gt; li &gt; span {color: #807e7e;float: right}
.domain_02 &gt; .notice &gt; .in_box &gt; a {display:block}
.more {display:none}
.more.on {display:block}

.main_link {position: relative;max-width: 1200px;margin: 0 auto}
.main_link &gt; li {width:20%;float: left;text-align: center}
.main_link &gt; li &gt; a {background:#f54a4a url('/usr/images/human/main/link_img05.png') no-repeat center 33px;width: 100%;font-size: 19px;color: #fff;display: inline-block;padding-top: 145px;height: 212px}
.main_link &gt; li:nth-child(2) &gt; a {padding-top:145px; background:#6EA148 url('/usr/images/human/main/link_img02.png') no-repeat center 33px}
.main_link &gt; li:nth-child(3) &gt; a {background:#C68700 url('/usr/images/human/main/link_img03.png') no-repeat center 33px}
.main_link &gt; li:nth-child(4) &gt; a {padding-top:145px; background:#6593DE url('/usr/images/human/main/link_img01.png') no-repeat center 33px}
.main_link &gt; li:nth-child(5) &gt; a {background-color: #606060;background-image: none}
.main_link &gt; li &gt; .sns {padding-top: 49px;background-color: #58b3a5;height: 212px}
.main_link &gt; li &gt; .sns &gt; a {color: #fff;font-size: 30px;font-weight: 200}
.main_link &gt; li &gt; .sns &gt; a &gt; em {font-weight: 400}
.main_link &gt; li &gt; .sns &gt; ul {display: table;margin: 35px auto 0}
.main_link &gt; li &gt; .sns &gt; ul &gt; li {float: left}
.main_link &gt; li &gt; .sns &gt; ul &gt; li a {width: 51px;height: 51px;display: inline-block;margin: 0 7px;background: url('/usr/images/human/main/sns.png') no-repeat -65px 0;text-indent: -999em}
.main_link &gt; li &gt; .sns &gt; ul &gt; li:first-child a {background-position:0 0}
.main_link &gt; li &gt; .sns &gt; ul &gt; li:last-child a {background-position:-129px 0}

.tal_box {border-top:2px solid #303234}
.tal_box.end {border-bottom:1px solid #303234}
.tal_type01 th {background-color:#f7f7f8;border-bottom:1px solid #dedede;font-weight: 500}
.tal_type01 .tit {font-weight:500}
.tal_type01 th,.tal_type01 td {text-align:center;padding:8px}
.tal_type01 td {border-bottom:1px solid #dedede}
.tal_type01 td.tal, .tal_type01 th.tal {text-align:left}
.tal_type01 td.ell {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.tal_type01 td .agency {font-weight: 300}
.tal_type01 .w70px {width:70px}
.tal_type01 .w90px {width:90px}
.tal_type01 .w120px {width:120px}
.tal_type01 .w200px {width:200px}

.basic_table1 {border-top:2px solid #434446;padding-bottom: 10px}
.float_left {margin-left: 276px}
.basic_table1 table	{width:100%}
.basic_table1 table tbody th {background:#f2f4f6; border-bottom:1px solid #d9dbde;font-weight: 400}
.basic_table1 table tbody th .th_wrap1 {color:#333;font-weight:400; letter-spacing:-0.025em;text-align: center}
.basic_table1.th_pd table tbody th .th_wrap1 {padding: 15px 10px}
.basic_table1.th_pd table tbody th .th_wrap3 {padding: 7px;font-weight: 300}

.basic_table1 table tbody td {background:#fff; border-left:1px solid #d9dbde; border-bottom:1px solid #d9dbde}
.basic_table1 table tbody td .td_wrap1 {padding:15px 20px}
.basic_table1 table tbody td .td_wrap3 {padding:7px; color:#666}
.basic_table1.appinfo {border-color: #ffdbae;}
.basic_table1.appinfo table th {background-color: #ffe9ce;}
.basic_btn.blue9 span {background: #fff;color: #245094;font-size: 13px;padding: 7px 60px 6px 20px;text-align: center;letter-spacing: -0.05em;background: url(/usr/images/human/common/basic_btn_blue9.png) no-repeat 100% 50%;display: inline-block}
.basic_btn.blue9 {border: 1px solid #245094;border-radius: 15px}
.basic_btn {display: inline-block;vertical-align: middle}
.basic_btn.big span {width: 140px !important}

#content_sub .basic_table1 td {border-left: none}
.basic_table1 td .td_wrap2 {display: block;padding-right: 20px;text-align: right}
.col10 {width: 10%}
.col20 {width: 15%}
.col20 {width: 20%}
.col30 {width: 30%}
.d_no {opacity: 0;height: 0;overflow: hidden}
.d_no.on {opacity: 1;height: auto;transition: all 1s}
.equipment {position: relative}
.equipment &gt; li:first-child {position: absolute;top: 0;left: 0}
.equipment &gt; li:last-child {margin-left: 276px}

.equipment02 {margin-left: -20px;margin-top: 30px}
.equipment02 &gt; li {float: left;width: 20%;padding-left: 20px;margin-bottom: 20px}
.equipment02 &gt; li &gt; div {text-align: center}
.equipment02 &gt; li &gt; div &gt; img {max-width: 154px;width: 100%}
.equipment02 &gt; li &gt; div &gt; p {margin-top: 9px;color: #666}
.equipment02 &gt; li &gt; div &gt; p &gt; strong {display: block;font-weight: 500}

.member_name {font-size:18px; color:#333; letter-spacing:-0.025em; line-height:32px; padding:1% 0 0}
.member_name strong {display:block;font-weight:400; margin-bottom:10px}
.member_name em {display:block;font-size:30px; color:#333}

/* 탭메뉴
.tabmenu_select1 {position:relative; margin-bottom:40px}
.tabmenu_select1 .default a {color:#767676; font-size:13px; display:block; padding:14px 30px 15px 9px; line-height:1.1; font-weight:300}
.tabmenu_select1 ul {width:100%; overflow:hidden}
.tabmenu_select1.on {z-index:1}
.tabmenu_select1 ul li {float:left; margin:0 -1px -1px 0; box-sizing:border-box}
.tabmenu_select1.tab2ea ul, .tabmenu_select1.tab3ea ul, .tabmenu_select1.tab4ea ul {background:url("/usr/images/human/common/bg_tabmenu.png") no-repeat 100% 100%}
.tabmenu_select1.tab2ea ul li {width:50%}
.tabmenu_select1.tab3ea ul li {width:33.4%}
.tabmenu_select1.tab4ea ul li:first-child, .tabmenu_select1.tab4ea ul li:nth-child(4n+1) {width:25.2%}

.tabmenu_select1.tab4ea ul li {width:25%}
.tabmenu_select1 ul li a {padding:14px 0 13px; display:block; font-size:17px; color:#888;letter-spacing:-0.05em; text-align:center; border:1px solid #d7d7d7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
.tabmenu_select1 ul li:hover a,
.tabmenu_select1 ul li.on a,
.tabmenu_select1 ul li a:focus{background-color: #ff7800;color: #fff;border-color: #ff7800}
.tabmenu_select1 ul li:hover a:before,
.tabmenu_select1 ul li.on a:before,
.tabmenu_select1 ul li a:focus:before{position: absolute;content: '';width: 100%;height: 2px;background-color: #ff7800;left: 0;top: 0}
 */
.teacher {margin-left: -25px;display:none}
.teacher li {width: 20%;float: left;padding-left: 25px;margin-bottom: 12px}
.teacher li div {display: table;width: 100%;height: 166px}
.teacher li div p {display: table-cell;background-color: #f5f5f5;width: 100%;border: 1px solid #e0e0e0;text-align: center;vertical-align: middle}
.teacher li div p img {max-height: 138px;max-width: 138px}
.teacher li &gt; span {display: block;margin-top: 14px;font-weight: 200;height: 67px;text-align: center}
.teacher li span em {font-weight: 500}
.teacher li div a {display: table;background-color: #f5f5f5;width: 100%;border: 1px solid #e0e0e0;text-align: center;vertical-align: middle;height: 186px}

.b_line a {display:table;overflow:hidden;position:relative}
.b_line span {display: table-cell;height: 100%;text-align: center;width: 100%;vertical-align: middle}
.b_line a:before,
.b_line a:after,
.b_line a span:before,
.b_line a span:after{content:'';display:block;position:absolute;background:#7972b7;transition:all 0.3s;z-index:1;width:0;height:0;}
.b_line a:before{left:0;top:0;height:2px;transition:all 0.1s;transition-delay: 0.3s;}
.b_line a:after{right:0;top:0;width:2px;transition:all 0.1s;transition-delay: 0.2s;}
.b_line a span:before{right:0;height:2px;bottom:0;transition:all 0.1s;transition-delay: 0.1s;}
.b_line a span:after{left:0;bottom:0;width:2px;transition:all 0.1s;transition-delay:0.02s;}
.b_line a img{display:block;transition:all 0.5s;margin: 0 auto;max-height: 138px;max-width: 138px}
.b_line a:hover img{transform:scale(1.1);}
.b_line a:hover:before{width:100%;transition-delay: 0.02s;}
.b_line a:hover:after{height:100%;transition-delay: 0.1s;}
.b_line a:hover span:before{width:100%;transition-delay: 0.2s;}
.b_line a:hover span:after{height:100%;transition-delay: 0.3s;}


.teacher.mou li div p {background-color: #fff}
.teacher.mou li {width: 25%}
.teacher.mou li span {height: 100px;font-size: 14px}

.hrd_map {position: relative;padding-top: 60%}
.hrd_map iframe {position: absolute;top: 0;left: 0;height:100%}
.campus_transportation { margin-top:40px; padding:40px; border:1px solid #ccc; }
.campus_transportation:after{ content:''; display:block; clear:both; }
.campus_transportation .campus_transportation_img{ width:60px; float:left}
.campus_transportation .campus_transportation_img img {width:100%}
.campus_transportation .campus_transportation_explain{margin-left:100px; }
.campus_transportation .campus_transportation_explain:after{ content:''; display:block; clear:both}
.campus_transportation .campus_transportation_explain div {width:300px; float:left; margin-top:20px;margin-right:20px}
.campus_transportation .campus_transportation_explain div h6.tit_4{ font-size:14px;letter-spacing:-0.025em; color:#111}
.campus_transportation p{ padding-bottom:0; }
.campus_map_btn{ margin-top:40px; text-align:right; }

.select-box label {position: absolute;left: -9999em}
.select-box.in label {position: relative;left: 0}
.file_input label {position: relative;cursor: pointer;display: inline-block}
.file_input label input {position: absolute;width: 0;height: 0;overflow: hidden;border: none}
.btn-tbl {display: inline-block;min-width: 90px;padding: 0 11px;text-align: center;line-height: 35px;box-sizing: border-box;background: #8f8f8f;color: #fff;font-weight: 500;vertical-align: middle;font-size: 18px; border: 1px solid #fff}
.pc_viwe img, .m_viwe img {max-width:100%;width:100%}
.m_viwe img {display:none}
.mission.mobile {display:none}
td input + input {margin-left: 6px}
.mark {background: url('/usr/images/human/common/icon_mark.gif') 0 2px no-repeat;padding-left: 21px;color: #ee4738;font-size: 13px;font-weight: 500;line-height: 19px;margin-top: 10px;    display: inline-block}

.contents_img {padding: 0.3% 0 3.5%}
.contents_img img {/*max-width:1200px;width:100%*/}
.contents_img.bi img {/*max-width:799px;width:100%*/}

.m_img {display:none}
.img_position01 {position: absolute;top: -79px;right: 0}
.btn_right {text-align: right;display: block;margin: 0 auto 50px;max-width: 1200px;}
.btn_center {text-align: center}

.bg_none &gt; ul {border-bottom: 1px solid #cecece;padding-bottom: 18px;margin-bottom: 12px}
.bg_none &gt; p {line-height: 30px;border-bottom: 1px solid #dedede;margin-bottom: 10px}
/*.bg_none .bg_img01 {background: url('/usr/images/human/sub/start_img01.jpg') no-repeat left top}
.bg_none .bg_img02 {background: url('/usr/images/human/sub/start_img02.jpg') no-repeat left top}
.bg_none .bg_img03 {background: url('/usr/images/human/sub/start_img03.jpg') no-repeat left top}
.bg_none .bg_img04 {background: url('/usr/images/human/sub/start_img04.jpg') no-repeat left top}
.bg_none .bg_img05 {background: url('/usr/images/human/sub/start_img05.jpg') no-repeat left top}

.bg_none .bg_img07 {background: url('/usr/images/human/sub/start_img07.jpg') no-repeat left top}
.bg_none .bg_img08 {background: url('/usr/images/human/sub/start_img08.jpg') no-repeat left top}
.bg_none .bg_img09 {background: url('/usr/images/human/sub/start_img09.jpg') no-repeat left top}
.bg_none .bg_img10 {background: url('/usr/images/human/sub/start_img10.jpg') no-repeat left top}

.bg_none .bg_img11 {background: url('/usr/images/human/sub/start_img11.jpg') no-repeat left top}
.bg_none .bg_img12 {background: url('/usr/images/human/sub/start_img12.jpg') no-repeat left top}
.bg_none .bg_img13 {background: url('/usr/images/human/sub/start_img13.jpg') no-repeat left top}
.bg_none .bg_img14 {background: url('/usr/images/human/sub/start_img14.jpg') no-repeat left top}

.bg_none .bg_img15 {background: url('/usr/images/human/sub/start_img15.jpg') no-repeat left top}
.bg_none .bg_img16 {background: url('/usr/images/human/sub/start_img16.jpg') no-repeat left top}
.bg_none .bg_img17 {background: url('/usr/images/human/sub/start_img17.jpg') no-repeat left top}

.bg_none .bg_img18 {background: url('/usr/images/human/sub/start_img18.jpg') no-repeat left top}
.bg_none .bg_img19 {background: url('/usr/images/human/sub/start_img19.jpg') no-repeat left top}
*/
/* 연혁 */
.history_list {margin-bottom:60px;}
.history_list &gt; ol {background:url("/usr/images/human/sub/dot_1x1_e9e9e9.png") repeat-y 146px 0;}
.history_list &gt; ol &gt; li	{width:100%; overflow:hidden; margin-top:42px;}
.history_list &gt; ol &gt; li:first-child	 {margin-top:0;}
.history_list &gt; ol &gt; li .year {float:left; font-size:38px; color:#333; background:url("/usr/images/human/sub/dot_9x9_ed1b71.png") no-repeat 100% 9px; width:151px; letter-spacing:-0.025em; margin:-7px 0 0;line-height: 45px}
.history_list &gt; ol &gt; li &gt; ol {margin:-3px 0 0 190px;}
.history_list &gt; ol &gt; li &gt; ol &gt; li {width:100%; overflow:hidden; margin-bottom:10px;}
.history_list &gt; ol &gt; li &gt; ol &gt; li .date	{font-size:14px; color:#3a71c7; font-weight:500; float:left; width:57px;}
.history_list &gt; ol &gt; li &gt; ol &gt; li .summary {margin-left:92px; color:#333; line-height:20px;font-weight: 300}
.history_list &gt; ol &gt; li &gt; ol &gt; li .summary .s_list1	{padding:4px 0 0;}
.history_list &gt; ol &gt; li &gt; ol &gt; li .summary .s_list1 li {background:url("/usr/images/human/sub/dash_5x1_a0a2a5.png") no-repeat 0 9px; padding:0 0 4px 10px; color:#666; line-height:20px;}


#footer {border-top: 1px solid #dedede;position: relative}
#footer .top {position: absolute;right: 0;top: -56px;display: inline-block;font-size: 13px;background-color: #0084cf;color: #fff;line-height: 50px;text-align: center;width: 50px;border-radius: 100%;height: 50px}
#footer &gt; .footer_wrap {max-width: 1200px;margin: 0 auto;position: relative}
#footer &gt; .footer_wrap &gt; ul {font-weight: 200;float: left}
#footer &gt; .footer_wrap &gt; ul:after {content: "";display: block;clear: both}
#footer &gt; .footer_wrap &gt; ul &gt; li {float:left}
#footer &gt; .footer_wrap &gt; ul &gt; li:first-child &gt; a {padding-left:0}
#footer &gt; .footer_wrap &gt; ul &gt; li &gt; a {padding: 22px;display: inline-block;color: #444;font-weight: 300}
#footer &gt; .footer_wrap &gt; ul &gt; li &gt; .protection {color:#2167c5}
#footer .info {margin: 0 auto;color: #4a4a4a;padding: 10px 0 30px;font-weight: 200;position: relative;text-align: center;border-top: 1px solid #dedede}
#footer .info &gt; address &gt; span {display: inline-block}
.contact {position: absolute;top: -17px;right: 0;font-size: 17px;background: url('/usr/images/human/common/contact.png') no-repeat 0 5px;padding-left: 46px}
.contact dt {float: left;clear: both;width: 71px;text-align: right;padding-right: 9px;font-weight: 400}
.contact dd {float: left}

/**페이징**/
.paging	{position:relative; text-align:center; padding:0 0 80px;}
.paging.padd_none {padding:0 0 10px}
.paging &gt; a	 {display:inline-block; vertical-align:middle; border:1px solid #d9dbde; text-align:center; width:38px; height:38px; margin:0 -2px;}
.paging &gt; a &gt; span {display:block; width:0; overflow:hidden;}
.paging &gt; a.first {background:url("/usr/images/human/common/paging_first.gif") no-repeat 0 0;}
.paging &gt; a.prev {background:url("/usr/images/human/common/paging_prev.gif") no-repeat 0 0;}
.paging &gt; a.next {background:url("/usr/images/human/common/paging_next.gif") no-repeat 0 0;}
.paging &gt; a.last {background:url("/usr/images/human/common/paging_last.gif") no-repeat 0 0;}
.paging .numbering {display:inline-block; vertical-align:middle; padding:0 3px;}
.paging .numbering a {display:inline-block; vertical-align:middle; text-align:center; min-width:33px; font-size:15px; padding:11px 0 10px; color:#555;}
.paging .numbering a span {display:inline-block; padding:0 6px;}
.paging .numbering strong {display:inline-block; vertical-align:middle; color:#d11e61; text-align:center; text-align:center; min-width:35px; font-size:15px; font-weight:600; padding:12px 0 11px;}

/**검색**/
.select-allbox {max-width: 600px;margin: 0 auto}
.select-allbox li.right {text-align: right;padding-right: 5px;margin-bottom: 5px}
.select-allbox li {float: left}
.select-box {display: inline-block;position: relative}
.select-box.dsb {display: block}
.select-box select {width: 100%;height: 35px}
.input-box {position: relative;display: inline-block}
.hide {overflow: hidden;width: 0;height: 0;position: absolute;left: -5000em}
.btm.olg {border: none;color: #fff;background: url('/usr/images/human/common/search_b.png') no-repeat center;text-indent: -999em;width: 33px;height: 33px;cursor: pointer}
.btmabs {position: absolute;top: 0;right: 0}

/**텍스트**/
.tit_2 {color: #111;font-size: 25px;font-weight: 400;letter-spacing: -0.05em;padding: 0 0 12px}
.tit_3 {color: #111;font-size: 20px;font-weight: 300;letter-spacing: -0.05em;padding: 0 0 12px}
/*.tit_3.appinfo {color: #ff6c00;}*/
.tit_3.appinfo {color: #d63502;}
.tit_4 {color: #111;font-size: 24px;font-weight: 300;letter-spacing: -0.05em;padding: 0 0 12px}
.tit_5 {color: #111;font-size: 18px;font-weight: 300;letter-spacing: -0.05em;padding: 0 0 12px}
.tit_1_txt {color: #666;padding: 1% 0;line-height: 20px;letter-spacing: -0.025em;font-weight: 200}
.tit_2_txt {color: #666;padding: 0.3% 0 2%;line-height: 20px;letter-spacing: -0.025em;font-weight: 200;font-size: 18px;word-break: keep-all}
.tit_2_txt.big {font-size: 19px;line-height: 30px}
.tit_2_txt.in {padding: 0.3% 0 1.5%;}
.tit_3_txt {color: #666;padding: 0.3% 0 3.5%;line-height: 20px;letter-spacing: -0.025em;font-weight: 200;font-size:18px}
.tit_4_txt {color: #666;line-height: 20px;letter-spacing: -0.025em;font-weight: 200;border-top: 2px solid;padding: 30px 2%;border-bottom: 1px solid #bfbfbf}
.accept_terms {font-size: 18px}
.accept_terms input[type="checkbox"] {vertical-align: 1px}

.accept_terms01 {font-size: 16px}
.accept_terms01 input[type="checkbox"] {vertical-align: 0}

.tit_2_radius {border: 1px dashed #a7a7a7;background-color: #fff;padding: 21px;border-radius: 12px;margin-bottom: 3.5%;letter-spacing: -0.025em;line-height: 28px;font-weight: 200;word-break: keep-all;font-size: 20px;}
.tit_3_radius {border: 1px dashed #245ca9;background-color: #fff;padding: 40px;border-radius: 12px;margin-bottom: 3.5%;letter-spacing: -0.025em;line-height: 28px;font-weight: 200;word-break: keep-all;font-size: 18px;}
.tit_3_radius strong {display:block;margin-bottom: 12px;font-size: 20px}
.tit_3_radius .blue {color: #245ca9;font-weight: 500}

.tit_1_txt em, .tit_2_txt em {color: #1b3a6a;font-weight: 500}
.text01 {font-size: 16px;margin-bottom: 14px;letter-spacing: -0.025em}
.redcolor {color: #ef3883}

.basic_list {font-weight: 300;position: relative}
.basic_list &gt; ul &gt; li {line-height: 20px;letter-spacing: -0.025em;color: #666;background: url('/usr/images/human/common/basic_list1.png') no-repeat 0 8px;padding: 0 0 4px 12px;font-weight: 200;word-break: keep-all;text-indent: -39px;padding-left: 48px}
.basic_list ol li {line-height: 20px;letter-spacing: -0.025em;color: #666;padding: 0 0 4px 13px;font-weight: 200;text-indent: -13px}
.basic_list ul li ul {margin-top: 5px}
.basic_list ul li ul li {background: none;padding-left: 8px;text-indent: -7px}


.basic_list1 {padding: 11px 0;font-weight: 300;position: relative}
.basic_list1.inw50 ul{width:50%}
.basic_list1 ul li {line-height: 26px;letter-spacing: -0.025em;color: #666;background: url('/usr/images/human/common/basic_list1.png') no-repeat 0 10px;padding: 0 0 4px 12px;font-weight: 200}
.basic_list1 ol li {line-height: 26px;letter-spacing: -0.025em;color: #666;padding: 0 0 4px 13px;font-weight: 200;text-indent: -13px}
.basic_list1 ul li ul {margin-top: 5px}
.basic_list1 ul li ul li {background: none;padding-left: 8px;text-indent: -7px}

.basic_list2 {padding: 11px 0 0;font-weight: 200}

.basic_list3 {padding: 11px 0 48px;font-weight: 300;position: relative}
.basic_list3 ul li .tit {font-size: 17px;font-weight: 400;color: #1b1b1b}
.basic_list3 ul li {line-height: 20px;letter-spacing: -0.025em;background: url('/usr/images/human/common/basic_list1.png') no-repeat 0 8px;padding: 0 0 13px 12px;font-weight: 200}
.basic_list3 ol li {line-height: 20px;letter-spacing: -0.025em;color: #666;padding: 0 0 4px 13px;font-weight: 200;text-indent: -13px}
.basic_list3 ul li ul {margin-top: 5px}
.basic_list3 ul li ul li {background: none;padding-left: 8px;text-indent: -7px}
.basic_list3.ul_in ul li ul li {padding-left: 8px;background: url('/usr/images/human/common/basic_list1.png') no-repeat 0 8px;text-indent: 0;padding-bottom: 3px}
.basic_list3.ul_in02 ul li ul li {padding-left: 8px;background: none;text-indent: -5px;padding-bottom: 3px}
.basic_list3.ul_in02 ul li em {color: #004ea0;font-weight: 400}

.img_wrap1 {padding: 0}
.img_wrap1 img {max-width:100%}
.img_wrap2 {padding: 5% 2%;text-align: center;border: 1px solid #dfdfdf;margin-bottom: 3.5%;background-color: #fff}


/**테이블**/
.table_wrapper {position: relative;width: 100%;overflow: hidden;padding-bottom: 10px}
.basic_table3 {border-top:2px solid #434446; min-width:768px;}
.basic_table3.pop {min-width:auto}
.basic_table3.min_none {min-width:auto}
.basic_table3 table {width:100%;}
.basic_table3 table thead th {background:#f2f4f6; border-left:1px solid #d9dbde; border-bottom:1px solid #d9dbde; height:48px; color:#333;}
.basic_table3 table thead th.first {border-left:0;}
.basic_table3 table th {background:#f2f4f6; border-bottom:1px solid #d9dbde; color:#333;}
.basic_table3 table th.first {border-left:0;}
.basic_table3 table th .th_wrap1 {padding:15px 5px; color:#333; font-weight:400; letter-spacing:-0.025em; text-align:center}
.basic_table3 table tbody td {background:#fff; border-left:1px solid #d9dbde; border-bottom:1px solid #d9dbde; line-height:20px;}
.basic_table3 table tbody td.first {border-left:0;}
.basic_table3 table tbody td .th_wrap1 {text-align: center;padding:15px 5px;word-break: keep-all}
.basic_table3 table tbody td .td_wrap1 {text-align: center;word-break: keep-all}
.basic_table3 table tbody td .td_wrap1 img {max-width:100%;width:auto}
.basic_table3 table tbody td .td_wrap1.photo_img {text-align: left}
.basic_table3 table tbody td .td_wrap1.photo_img img {float: left;margin-right: 25px;margin-bottom: 10px}
.basic_table3 table tbody td .td_wrap1.photo_img p {font-weight: 200;margin-top: 10px}
/*사업현황*/.basic_table3 table tbody td .td_wrap2 {text-align: left;word-break: keep-all; padding:15px 10px}
.basic_table3 table.mou td:nth-child(3) {height: 96px;}
.basic_table3 table.mou  tbody td .td_wrap1 img {width: auto}

.td_wrap1 {padding:15px 10px}
.td_wrap1.list ul li {text-align: left;text-indent: -10px;padding-left: 10px;margin-bottom: 4px}
.td_wrap1.list50 ul li {text-align: left;width: 49%;display: inline-block;vertical-align: middle}
.table_wrapper .touch_btn {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/usr/images/human/common/touch_scroll.png') no-repeat 50% 50%;background-size: 60px;display: none}
.td_wrap1 .s_tit {font-size: 17px;font-weight: 500;display: block;margin-bottom: 9px;letter-spacing: -0.025em;color: #1b3a6a}

/**etc**/
.file_icon, .link_icon {width:25px;height:23px;display:inline-block;background: url('/usr/images/human/common/file.gif') no-repeat 0 0;text-indent: -999em}
.link_icon {background-position:center bottom}
.line01 {height: 1px;background-color: rgba(255, 255, 255, 0.1);clear: both}
.line02 {height: 1px;background-color: rgba(10, 10, 10, 0.12);clear: both}
.line03 {height: 1px;background-color: #1b1b1b;clear: both}
.pcnone {display:none}
.imgView {display:none; cursor:pointer; height:56px; line-height:56px; margin-bottom:20px; font-size:12px;text-align:center; border:2px solid #666;}
.imgView span {display:inline-block; padding-right:40px; background:url("/usr/images/human/common/ic_zoomin.png") no-repeat right 50%;}
/*.c_orange {color: #FF5907; font-weight: 500}*/
.c_orange {color: #d63502; font-weight: 500}
.c_blue {color: #D77800; font-weight: 500}
.bg_color {background-color: #e2f3b8;height: 100%;padding: 15px 10px;text-indent: -999em; background-image:url("/usr/images/human/common/check.png"); background-size: contain; background-repeat:no-repeat;background-position: center;}
.c_link {color: #4373e4;text-decoration: underline;letter-spacing: 0.5px;font-size: 14px}
.c_blue01 {color: #002ede}
.etc_text {line-height: 17px;margin-top: 10px}
hr.space {height: 5px;border: 0;background: #fff}
hr.br {height: 1px;border: 0;background: #fff}
td input + span, td .select-box + span {color: #767676}
.f18px {font-size:18px}
.f19px {font-size:19px}
.b_color {font-weight: 500;color: #ff6000}
.add_btn {display: inline-block;width: 33px;height: 35px;text-indent: -999em;background: #868484 url(/usr/images/human/common/depth.gif) no-repeat center 10px;line-height: 30px}
.del_btn {display: inline-block;width: 33px;height: 35px;text-indent: -999em;background: #868484 url(/usr/images/human/common/depth.gif) no-repeat center -31px;line-height: 30px}
.filebox {position: relative;display: inline-block}
.filebox .change {background: #555;color: #fff;font-size: 14px;padding: 10px 0 10px;text-align: center;width: 89px;display: inline-block; border: 1px solid #fff;}
.filebox .change2 {background: #555;color: #fff;font-size: 14px;text-align: center;width: 89px;display: inline-block;line-height: 34px;vertical-align: -2px}

.filebox .change_file {opacity: 0;position: absolute;left: 0;width: 100%;height: 100%;top: 0}
.text_box {border: 1px solid #78a1a9;text-indent: 0;padding: 15px;margin-top: 10px;background-color: #ecfcff}
/**버튼**/
.btn {display: inline-block;line-height: 40px;border: 1px solid #bfbfbf;min-width: 100px;text-align: center;background: #fff;font-weight: 500}
.btn.bt01 {width: 231px;color: #2d5798;font-size: 16px}
.btn-search-detail.on:after {background-position: right 0}
.btn-search-detail {position: absolute;left: 50%;margin-left: -72px;display: block;width: 141px;line-height: 32px;color: #fff;background: #8f8f8f;text-align: center;padding-right: 18px;bottom: -22px}
.btn-search-detail:after {content: "";position: absolute;width: 11px; height: 7px;background: url('/usr/images/human/common/ico_arrow.png') left 0 no-repeat;right: 14px;top: 50%;margin-top: -3px}
a:link.btn-search-detail {color:#fff;}
#search-detail {display:none}


/**검색 및 게시판**/
.board_list2	{border-top:2px solid #434446; margin-bottom:30px;}
.board_list2 ul	{}
.board_list2 ul li	{border-bottom:1px solid #d9dbde; width:100%; display:inline-block; position:relative; padding:15px 0 12px; letter-spacing:-0.025em; color:#666;}
.board_list2 ul li .no	 {float:left; width:64px; text-align:center;}
.board_list2 ul li.notice .no	 {background:url("/usr/images/human/common/ico_notice.png") no-repeat 8px 14px;}
.board_list2 ul li .summary	 {margin:0 140px 0 65px;}
.board_list2 ul li .summary .options	{margin-bottom:6px;}
.board_list2 ul li .summary .options span	{display:inline-block; background:url("/usr/images/human/common/bar_1x13_ccc.gif") no-repeat 0 50%; padding:0 9px 0 11px;}
.board_list2 ul li .summary .options span:first-child	{background:none; padding-left:0;}
.board_list2 ul li .summary .title .sbj	{display:inline; color:#333; font-size:16px;}
.board_list2 ul li .summary .title .sbj em	{color:#245094;}
.board_list2 ul li .summary .title .new	{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url("/usr/images/human/common/ico_new.png") no-repeat 0 0; margin:0 0 4px 6px;}
.board_list2 ul li .summary .title .new span	{display:block; width:0; height:0; overflow:hidden;}
.board_list2 ul li .btn_answer	{position:absolute; top:50%; right:20px; margin-top:-15px;}

.board_list2 ul li .summary .title .file	{display:inline-block; vertical-align:middle; width:12px; height:14px; background:url("/usr/images/human/common/ico_file.gif") no-repeat 0 0; margin:0 0 4px 6px;}
.board_list2 ul li .summary .title .file span	{display:block; width:0; height:0; overflow:hidden;}
.board_list2 ul li .summary .title .new + .file	{margin-left:3px;}

.pagination	{width:100%; border-top:1px solid #d9dbde; margin-bottom:30px;}
.pagination p	{width:100%; overflow:hidden; border-bottom:1px solid #d9dbde;}
.pagination p .name	{float:left; font-size:16px; width:72px; text-align:center; padding:14px 0 15px; color:#333;}
.pagination p .text	{display:block; padding:0 0 0 77px; font-size:16px; color:#666;}
.pagination p .text a	{max-width:100%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top; color:#666; padding:14px 0 15px;}
.pagination p .text em	{max-width:100%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top; color:#666; padding:14px 0 15px;}
.pagination p .text span	{max-width:100%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top; color:#666; padding:14px 0 15px;}

.board_view1 {border-top:2px solid #434446;}
.board_view1 .board_view_header	{border-bottom:1px solid #d9dbde; padding:15px 20px 14px;font-weight: 200}
.board_view1 .board_view_header .info	{color:#666;}
.board_view1 .board_view_header .info span {display:inline-block; background:url("/usr/images/human/common/bar_1x13_ccc.png") no-repeat 0 50%; padding:0 11px 0 10px; margin-right:-4px;}
.board_view1 .board_view_header .info span:first-child	{background:none; padding-left:0;}
.board_view1 .board_view_header .title	{font-size:19px; color:#333;font-weight: 400}
.board_view1 .board_view_header .title em {color:#1b3a6a}
.board_view1 .files	{padding:17px 20px 16px; border-bottom:2px solid #d9dbde;}
.board_view1 .files p	{padding:0 21px; background:url("/usr/images/human/common/ico_file.gif") no-repeat 0 5px;font-weight: 200}
.board_view1 .files p a	{display:inline-block; border-bottom:1px solid #828282; padding:3px 0 4px;}
.board_view1 .board_content	 {padding:40px 20px; min-height:150px; line-height:22px;overflow: hidden;}
.board_view1 .board_content.pad_none	 {padding: 40px 0;}
.board_view1 .board_content img	 {max-width:100%;width:auto}
.board_view1 .board_reply	 {background:#fafafa; border-top:2px solid #434446; letter-spacing:-0.025em;}
.board_view1 .board_reply .title	{background:#eef0f4; text-align:center; border-bottom:1px solid #d9dbde; font-size:16px; color:#222; padding:10px 0 11px;}
.board_view1 .board_reply .reply_manager	{border-bottom:1px solid #d9dbde; font-size:18px; color:#222; padding:15px 20px 14px;}
.board_view1 .board_reply .reply_content	{padding:38px 20px;}

.board_view_support	{position:relative; padding:7px 0;}
.board_view_support .basic_btn.red4	 {position:absolute; bottom:9px; right:0;}

.board_search {border: 1px solid #ededed;text-align: center;margin-bottom: 20px}
.board_search.in_form {border: none;text-align: left;margin-bottom: 0;padding: 8px 10px;line-height: 31px}
.board_search.in_form.pd0 {padding:0}
.board_search.in_form.pnone {padding: 0}
.board_search.in_form.grey {background-color: #f4f9ff;border-top: 2px solid #7186a0;border-bottom: 1px solid #7186a0}
.board_search.in_form fieldset {padding: 0}
.email {display: inline-block}

.board_search fieldset {padding: 20px 0}
.board_search fieldset .title {font-size: 14px;margin-right: 5px}
.board_search fieldset .select_box {display: inline-block;margin: 2px 0}
.board_search fieldset .select_box select {border: 1px solid #cecece;height: 34px}
.board_search fieldset label {display: inline-block;vertical-align: middle;text-align: left}
.board_search fieldset label input {border: solid 1px #cbcbcb;line-height: 21px;padding: 6px 10px 6px;width:100%}
.board_search fieldset label.btn_block input {padding: 6px 38px 6px 10px}
.board_search fieldset &gt; a {display: inline-block;color: #fff;vertical-align: middle}
.board_search fieldset &gt; a span {display: inline-block;background: url(http://mentor-ing.or.kr/usr/images/human/common/ico_searchbox_search.png) #0f356f no-repeat 18px 10px / 14px;padding: 8px 20px 8px 39px;line-height: 18px}
.board_search fieldset &gt; a span.bgnone {background: #0f356f;padding: 8px 20px;margin: 3px}
fieldset {border: 0;display: block}
.board_search fieldset .day_box label {position: relative}
.board_search fieldset .day_box label a {background: url('/usr/images/human/common/calendar.png') no-repeat;display: block;text-indent: -999em;width: 18px;height: 19px;position: absolute;top: 6px;right: 6px}
.board_search fieldset .day_box label input {background: url('/usr/images/human/common/calendar.png') no-repeat 144px center;width:170px;}
.board_search fieldset .day_box input[type="text"] {background: url('/usr/images/human/common/calendar.png') no-repeat 144px center;width:170px;}
.board_search fieldset .day_box input[type="date"] {width:170px;}
.board_search fieldset input {    border: solid 1px #cbcbcb;    line-height: 21px;    padding: 6px 10px 6px;    width: 100%;}
.board_list1 {border-top:2px solid #434446; margin-bottom:30px}
.board_list1 ul li .Institution_name {float: left;margin-right: 10px}
.board_list1 ul li .pointin {float: left;width: 39px;text-align: center;line-height: 25px}
.board_list1 ul li .pointin.up {background-color: #ff5900;color: #fff}
.board_list1 ul li .pointin.down {background-color: #245094;color: #fff}
.board_list1.point &gt; ul &gt; li &gt; .summary {margin: 0px 0 0 116px}
.board_list1.point &gt; ul &gt; li &gt; .summary.mr197 {margin: 0px 0 0 62px;clear: both}
.board_list1.point &gt; ul &gt; li &gt; .summary .accumulate {position: absolute;top: 21%;right: 10px;font-size: 16px}

.board_list1 ul li {border-bottom:1px solid #d9dbde; width:100%; display:inline-block; position:relative; padding:15px 0 12px; letter-spacing:-0.025em; color:#666}
.board_list1 ul li .no {float:left; width:64px; text-align:center;line-height: 25px}
.board_list1 ul li.notice {background:#f2f4f6}
.board_list1 ul li.notice .no {background:url("/usr/images/human/common/ico_notice.png") no-repeat 12px 4px;display: block;height: 22px;padding-left: 27px}
.board_list1 ul li .summary {margin:0 0 0 75px;position: relative}
.board_list1 ul li .summary.pop {margin:0 0 0 80px}
.board_list1 ul li .summary .options {}
.board_list1 ul li .summary .options span {display:inline-block; background:url("/usr/images/human/common/bar_1x13_ccc.gif") no-repeat 0 50%; padding:0 9px 0 11px;font-size: 14px}
.board_list1 ul li .summary .options span:first-child {background:none; padding-left:0;}
.board_list1 ul li .summary .title {margin-bottom:5px}
.board_list1 ul li .summary .title .sbj	{display:inline; color:#333; font-size:16px;}
.board_list1 ul li .summary .title .sbj em {color:#245094;}
.board_list1 ul li .summary .title .file {display:inline-block; vertical-align:middle; width:17px; height:19px; background:url("/usr/images/human/common/ico_file02.gif") no-repeat 0 0; margin:0 0 7px 6px;}
.board_list1 ul li .summary .title .file span {display:block; width:0; height:0; overflow:hidden;}
.board_list1 ul li .summary .title .new	{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url("/usr/images/human/common/ico_new.png") no-repeat 0 0; margin:0 0 4px 6px;}
.board_list1 ul li .summary .title .new span {display:block; width:0; height:0; overflow:hidden;}

.ing {display: inline-block;border: 1px solid #ccc;padding: 1px 11px;margin-left: 8px;font-size: 13px}
.ing.ing_ok {background-color: #E67200;color: #fff;border: 1px solid #dc6802}
.ing.ing_no {background-color: #7b7b7b;color: #fff;border: 1px solid #525252}
.ing.ing_no a {color:#fff;}
.etc_btn01 {display: inline-block;padding: 1px 11px;font-size: 13px;background-color: #ff7800;color: #fff;border: 1px solid #ff7800}
.etc_btn02 {display: inline-block;padding: 1px 11px;font-size: 13px;background-color: #1441c3;color: #fff;border: 1px solid #1441c3}


.board_write1	{border-top:2px solid #444; margin-bottom:30px;}
.board_write1 table tbody tr th	{background:#f5f5f5; border-bottom:1px solid #d9dbde; letter-spacing:-0.025em; color:#333;font-weight:400; height:56px;}
.board_write1 table tbody tr td	{border-bottom:1px solid #d9dbde; color:#666;}
.board_write1 table tbody tr td .td_wrap1	{padding:10px 20px; line-height:18px;}
.board_write1 table tbody tr td .email_wrap	{position:relative;}
.board_write1 table tbody tr td .email_input1	{display:inline-block; padding:0 9px; border:1px solid #cbd1db; vertical-align:middle; width:160px;}
.board_write1 table tbody tr td .email_input1 input[type="text"]	{display:block; width:100%; border:0; line-height:1.2; padding:8px 0 7px; background:transparent;}
.board_write1 table tbody tr td .email_input2	{display:inline-block; padding:0 9px; border:1px solid #cbd1db; vertical-align:middle; width:232px;}
.board_write1 table tbody tr td .email_input2 input[type="text"]	{display:block; width:100%; border:0; line-height:1.2; padding:8px 0 7px; background:transparent;}
.board_write1 table tbody tr td .at	{display:inline-block; vertical-align:middle; width:32px; text-align:center;}
.board_write1 table tbody tr td .reg_btn1	{margin-bottom:10px;}

/* 인풋, 텍스트박스, 파일찾기 */
.basic_input1	{display:block; padding:0 9px; border:1px solid #cbd1db; vertical-align:middle;}
.basic_input1 input[type="text"]	{display:block; width:100%; border:0; line-height:1.2; padding:8px 0 7px; background:transparent;}
.basic_input1 input[type="password"]	{display:block; width:100%; border:0; line-height:1.2; color:#4c5267; padding:11px 0; background:transparent; font-weight:600;}
.basic_input2	{display:block; padding:0 9px; border:1px solid #cbd1db; vertical-align:middle; background:#f5f5f5;}
.basic_input2 input[type="text"]	{display:block; width:100%; border:0; line-height:1.2; padding:8px 0 7px; background:transparent;}
.basic_input2 input[type="password"]	{display:block; width:100%; border:0; line-height:1.2; color:#4c5267; padding:11px 0; background:transparent; font-weight:600;}
.basic_input3	{display:block; padding:0 9px; border:1px solid #cbd1db; vertical-align:middle; background:#f5f5f5; width:149px;}
.basic_input3 input[type="text"]	{display:block; width:100%; border:0; line-height:1.2; padding:8px 0 7px; background:transparent;}
.basic_input3 input[type="password"]	{display:block; width:100%; border:0; line-height:1.2; color:#4c5267; padding:11px 0; background:transparent; font-weight:600;}
.input_text3	{display:inline-block; padding:0 9px; border:1px solid #cbd1db; border-color:#aaaeb7 #d4d9e4 #d4d9e4 #aaaeb7; border-radius:5px; vertical-align:middle; background:#e4e8f3;}
.input_text3 input[type="text"]	{display:block; width:100%; border:0; line-height:1.2; color:#707585; padding:7px 0 10px; background:transparent;}
.input_text3 input[type="password"]	{display:block; width:100%; border:0; line-height:1.2; color:#707585; padding:7px 0 10px; background:transparent; font-weight:600;}
.basic_textarea1	{display:block; padding:6px 0 6px 9px; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; overflow:hidden;}
.basic_textarea1 textarea	{display:block; width:100%; height:100%; border:0; color:#555; background:transparent; line-height:20px;}
.basic_textarea2	{display:block; padding:6px 0 6px 9px; border:1px solid #ccc; vertical-align:middle; background:#fff; overflow:hidden;}
.basic_textarea2 textarea	{display:block; width:100%; height:100%; border:0; color:#555; background:transparent; line-height:20px;}
.reg_btn1		{position:relative; padding-right:94px;}
.reg_btn1 input[type="text"]	{display:block; line-height:1.2; padding:9px 0 8px;}
.reg_btn1 .find_btn	{display:inline-block; position:absolute; top:0; right:0; vertical-align:middle; overflow:hidden; cursor:pointer;}
.reg_btn1 .find_btn .basic_btn span	 {width:89px;}
.reg_btn1 .find_btn .reg_file	 	{position:absolute; top:0; left:0; font-size:200px; width:100%; height:100%; background:none; filter:alpha(opacity=0); opacity:0; cursor:pointer;}
.reg_btn1 .many	{display:inline-block; vertical-align:middle; width:35px; height:35px; overflow:hidden;}
.reg_btn1.file_add .many img	{margin-left:-45px;}
.date_picker input[type="text"]	{display:block; width:100%; border:0; line-height:1.2; color:#707585; padding:7px 0 10px; background:transparent;}
.basic_radio1	 {position:relative; display:inline-block; letter-spacing:-0.025em; overflow:hidden;}
.basic_radio1 input	 {position:absolute; top:0; left:-100px;}
.basic_radio1 input + .ico	{display:inline-block; width:14px; height:14px; vertical-align:middle; background:url("/usr/images/human/common/basic_radio1.png") no-repeat 0 0;}
.basic_radio1 input[type="radio"]:checked + .ico	{background:url("/usr/images/human/common/basic_radio1_on.png") no-repeat 0 0;}
.basic_radio1 .txt	 {display:inline-block; vertical-align:middle; line-height:1.2; margin:6px 0 0 6px;}
.basic_radio1 input:focus + .ico + .txt	{border:1px dotted #000; margin:5px -1px -1px 5px;}
.basic_select1	 {display:inline-block;}
.basic_select1 select	 {display:block; border:1px solid #cecece; width:100%; height:34px; font-size:14px; vertical-align:middle;}

.basic_btn	{display:inline-block; vertical-align:middle;}
.basic_btn span	{display:inline-block;}
.basic_btn.gray1 span	{color: #245094;font-size: 14px;padding: 8px 0 9px;text-align: center;width: 100px;letter-spacing: -0.025em;border-radius: 21px;border: 1px solid}
.basic_btn.gray2 span	{background: #555;color: #fff;font-size: 14px;padding: 10px 0 10px;text-align: center}
.basic_btn.gray4 span	{background: #fff;color: #7b7b7b;border: 1px solid #a9a9a9;padding: 3px 0 4px;text-align: center;width: 79px;letter-spacing: -0.025em;font-size: 13px;border-radius: 21px}

.basic_btn.gray3 span	{background: #fff;color: #ffffff;border: 1px solid #737373;padding: 7px 0 9px;text-align: center;letter-spacing: -0.025em;font-size: 13px;background-color: #737373;}
.basic_btn.blue1 span	{background:#245094; color:#fff; font-size:14px; padding:7px 0 7px; text-align:center; width:100px; letter-spacing:-0.025em}
.basic_btn.blue2 span	{background: #fff;color: #245094;border: 1px solid #245094;padding: 3px 0 4px;text-align: center;width: 79px;letter-spacing: -0.025em;font-size: 13px;border-radius:21px}
.basic_btn.blue3 span	{background:#245094; color:#fff; font-size:14px; padding:8px 0 9px; text-align:center; width:150px; letter-spacing:-0.025em; border-radius:21px;}

.basic_btn.yellow3 span	{color: #ff1a00;font-size: 14px;padding: 8px 0 9px;text-align: center;width: 150px;letter-spacing: -0.025em;border-radius: 21px;border: 1px solid #ff1a00}
.basic_btn.orange3 span	{color: #FF5907;font-size: 14px;padding: 8px 0 9px;text-align: center;width: 150px;letter-spacing: -0.025em;border-radius: 21px;border: 1px solid #ff9206}

.basic_btn.blue4	{padding:0 18px; border:1px solid #245094; border-radius:23px;}
.basic_btn.blue4 span	{background: #fff;color: #245094;font-size: 19px;padding: 6px 36px 6px 18px;text-align: center;letter-spacing: -0.05em;background: url(https://mentor-ing.or.kr/usr/images/human/common/basic_btn_blue4.png) no-repeat 100% 15px;}
.basic_btn.blue5 span	{background:#fff; color:#245094; font-size:14px; padding:8px 0 9px; text-align:center; width:136px; letter-spacing:-0.025em; border:2px solid #245094; border-radius:3px;}
.basic_btn.blue6	{padding:0 20px; border:2px solid #245094; border-radius:3px;}
.basic_btn.blue6 span	{background:#fff; color:#245094; font-size:14px; padding:8px 54px 9px 0; text-align:center; letter-spacing:-0.025em; background:url("/usr/images/human/common/basic_btn_blue6.png") no-repeat 100% 50%;}
.basic_btn.blue7	{padding:0 26px; border:1px solid #245094; border-radius:15px;}
.basic_btn.blue7 span	{background:#fff; color:#245094; font-size:13px; padding:6px 0; text-align:center; letter-spacing:-0.05em;}
.basic_btn.blue8	{padding:0 18px; border:2px solid #245094; border-radius:3px;}
.basic_btn.blue8 span	{background:#fff; color:#245094; font-size:14px; padding:8px 34px 9px 0; text-align:center; letter-spacing:-0.05em; background:url("/usr/images/human/common/basic_btn_blue7.png") no-repeat 100% 50%;}
.basic_btn.blue9	{border:1px solid #245094; border-radius:15px;}
.basic_btn.blue9 span	{background:#fff; color:#245094; font-size:13px; padding:7px 60px 6px 20px; text-align:center; letter-spacing:-0.05em; background:url("/usr/images/human/common/basic_btn_blue9.png") no-repeat 100% 50%;}
.basic_btn.blue10 span	{background:#245094; color:#fff; font-size:20px; padding:12px 0; text-align:center; width:200px; letter-spacing:-0.025em; border-radius:3px;}
.basic_btn.blue11	{border:1px solid #245094; border-radius:15px;}
.basic_btn.blue11 &gt; span{background:#fff; color:#245094; font-size:13px; padding:3px 55px 4px 20px; text-align:center; letter-spacing:-0.05em}
.basic_btn.blue12	{border:1px solid #245094}
.basic_btn.blue12 &gt; span{background:#fff; color:#245094; font-size:13px; padding:3px 20px4px 20px; text-align:center; letter-spacing:-0.05em}



background:url("/usr/images/human/common/basic_btn_blue11_d.png") no-repeat 100% 50%; line-height:20px;}
.btn_right	{text-align:right; max-width: 1200px;display: block;margin: 0 auto 50px;}
.btn_right a	{margin-left:6px;}

.faq-list {border-top:solid 2px #656d78;margin-bottom: 30px}
.faq-list dt {border-bottom: solid 1px #ccc;font-size: 1.2em;color: #111;font-weight: 400;line-height: 1.5em;padding: 15px 20px;position: relative}
.faq-list.icon dt {padding: 15px 70px}
.faq-list.icon dt &gt; a{display:block}
.faq-list dt.on:after {background-position:left bottom}
.faq-list.icon dd {padding:20px 70px}
.faq-list dd {border-bottom:solid 1px #ccc;padding:20px 50px;background:#f9f9f9;position:relative;display:none;overflow: hidden;line-height: 25px}

.faq-list dt:after {content:"";position:absolute;right:20px;top:50%;margin-top:-3px;width:10px;height:6px;background:url('/usr/images/human/common/ico_faq.png') right bottom no-repeat}
/*.faq-list.icon dt:before {content: "";position: absolute;left: 20px;top: 9px;width: 40px;height: 40px;background: url(/usr/images/human/common/ico_faq.png) left top no-repeat #397992;    border-radius: 100%}
.faq-list.icon dd:before {content: "";position: absolute;left: 20px;top: 20px;width: 40px;height: 40px;background: url('/usr/images/human/common/ico_faq.png') right top no-repeat #4a8ea9;    border-radius: 100%}*/


/**웹툰**/
.board_list5 {}
.board_list5 ul {margin: 0 -15px}
.board_list5 ul:after {clear: both; content:'';display: block}
.board_list5 ul li {width: 25%;float: left;padding: 15px}
.board_list5 ul li .thumb {}
.board_list5 ul li .thumb p {width: 100%;text-align: center;background-color: #edf1f5;position: relative}
.board_list5 ul li .thumb .title {display: block;max-height: 172px}
.board_list5 ul li .thumb .title &gt; strong {background-color: #fff;border-bottom: 0;padding-bottom: 2px;text-align: left}
.board_list5 ul li .thumb .title &gt; span {background-color: #fff;border-bottom: 0;display: block;border: 1px solid #dee5ec;border-top: 0;padding-bottom: 10px;text-align: left;padding-left: 19px;color: #767676}
.board_list5 ul li .thumb p.logo {padding:10px}
.board_list5 ul li .thumb p img {max-width: 100%;width:auto;max-height: 292px}
.board_list5 ul li .thumb.web p img {max-height: 273px}
.board_list5.big ul li .thumb.web p img {max-height: none;min-height: 258px}
.board_list5 ul li .thumb strong {display: block;border: 1px solid #dee5ec;padding: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.board_list5 ul li .thumb div {display: block;border: 1px solid #dee5ec;padding: 16px}
.board_list5 ul li .thumb div dl {font-size: 14px;font-weight: 200}
.board_list5 ul li .thumb div dt {padding-right: 6px;float: left}
.board_list5 ul li .thumb div dd {font-weight: 400}

.board_list5 ul li .thumb p a{display:block;overflow:hidden;position:relative;padding: 9%}
.board_list5 ul li .thumb p a:before,
.board_list5 ul li .thumb p a:after,
.board_list5 ul li .thumb p a span:before,
.board_list5 ul li .thumb p a span:after{content:'';display:block;position:absolute;background:#7972b7;transition:all 0.3s;z-index:1;width:0;height:0;}
.board_list5 ul li .thumb p a:before{left:0;top:0;height:2px;transition:all 0.1s;transition-delay: 0.3s;}
.board_list5 ul li .thumb p a:after{right:0;top:0;width:2px;transition:all 0.1s;transition-delay: 0.2s;}
.board_list5 ul li .thumb p a span:before{right:0;height:2px;bottom:0;transition:all 0.1s;transition-delay: 0.1s;}
.board_list5 ul li .thumb p a span:after{left:0;bottom:0;width:2px;transition:all 0.1s;transition-delay:0.02s;}
.board_list5 ul li .thumb p a img{display:block;transition:all 0.5s;margin: 0 auto;max-height: 105px}
.board_list5 ul li .thumb p a:hover img{transform:scale(1.1);}
.board_list5 ul li .thumb p a:hover:before{width:100%;transition-delay: 0.02s;}
.board_list5 ul li .thumb p a:hover:after{height:100%;transition-delay: 0.1s;}
.board_list5 ul li .thumb p a:hover span:before{width:100%;transition-delay: 0.2s;}
.board_list5 ul li .thumb p a:hover span:after{height:100%;transition-delay: 0.3s;}
.board_list5 ul li .thumb p em {position: absolute;top: 50%;left: 50%;background: url(/usr/images/human/common/movie.png) no-repeat 0 0;width: 58px;height: 58px;display: inline-block;    text-indent: -999em;margin-left: -24px;margin-top: -28px;opacity: 0.8}

/*프로필*/
.profile {min-height: 261px}
.profile p {position: absolute;padding: 33px 10px;background-color: #f3f3f3;border: 1px solid #d6d6d6;text-align: center;width: 226px;max-width: 226px}
.profile p img {max-height: 207px}
.profile .profile_list {margin-left: 263px;border-top: 2px solid #676767;border-bottom: 1px solid #e4e4e4}
.profile .profile_list strong {padding: 10px 16px;font-size: 18px;display: block;background-color: #cfdbe8;color: #4f5642}
.profile .profile_list ul {padding: 13px 0}
.profile .profile_list ul li {line-height: 29px;text-indent: -9px;padding-left: 31px}
.profile .profile_list ul li em {font-weight: 500;color: #d63502}

.footBtn {float: right;position: relative;overflow: visible;margin: 0 0 6px 5px;border: 1px solid #ccd1da;top: 13px}
.footBtn button {height: 39px;overflow: hidden;background: #fff url('/usr/images/human/common/more.gif') no-repeat center right;text-align: left;color: #404040;width: 100%;padding: 3px 0 5px 10px}
.footBtn ul {display: none;position: absolute;bottom: 38px;z-index: 10000;background: #f7f7f7;border: 1px solid #ccd1da;border-bottom: 0;width:100%;box-sizing: content-box;left:-1px}
.footBtn ul li {border-bottom: 1px dashed #dedede}
.footBtn ul li a {display: block;overflow: hidden;padding: 7px 11px;color: #404040;background: #fff;font-size: 13px}
.footBtn ul li a:hover, .footBtn ul li a:focus, .footBtn ul li a:active {color: #fff;background: #404040}
.w01 {width: 200px}

/*멘토링분야*/
.mentoring {border-top: 2px solid;margin-bottom: 50px}
.mentoring li {padding: 40px 26px 40px 122px;border-bottom: 1px solid #cdcdcd}
.mentoring li:nth-child(1) {background: url(/usr/images/human/sub/mentoring_01.jpg) no-repeat 24px center}
.mentoring li:nth-child(2) {background: url(/usr/images/human/sub/mentoring_02.jpg) no-repeat 24px center}
.mentoring li:nth-child(3) {background: url(/usr/images/human/sub/mentoring_03.jpg) no-repeat 24px center}
.mentoring li:nth-child(4) {background: url(/usr/images/human/sub/mentoring_04_.jpg) no-repeat 24px center}
.mentoring li:nth-child(5) {background: url(/usr/images/human/sub/mentoring_05.jpg) no-repeat 24px center}

.mentoring.con02 li:nth-child(1) {background: url(/usr/images/human/sub/mentoring_06.jpg) no-repeat 24px center}
.mentoring.con02 li:nth-child(2) {background: url(/usr/images/human/sub/mentoring_07.jpg) no-repeat 24px center}
.mentoring.con02 li:nth-child(3) {background: url(/usr/images/human/sub/mentoring_08.jpg) no-repeat 24px center}
.mentoring.con02 li:nth-child(4) {background: url(/usr/images/human/sub/mentoring_09.jpg) no-repeat 24px center}
.mentoring li strong {display: inline-block;width: 180px;font-size: 20px;font-weight: 300}
.mentoring li p {display: inline-block}

/*현력기관안내*/
.participation {margin: 0.3% 0 3.5%;word-break: keep-all}
.participation &gt; li {width: 33.33333%;float: left;position: relative;padding: 16px;border: 1px solid #dfdfdf;margin-right: -1px}
.participation &gt; li:first-child:after {background:none}
.participation &gt; li:after {content: '';position: absolute;top: 98px;left: -14px;background: url('/usr/images/human/sub/next.png') no-repeat;width: 43px;height: 15px}
.participation li div {}
.participation li div strong {display: block;text-align: center;background-color: #538cc6;color: #fff;padding: 10px 0;height: 67px;font-weight: 200;border-radius: 37px}
.participation li div span {display: block;text-align: center;background-color: #3f8a92;color: #fff;padding: 9px 0;margin-bottom: 10px}
.participation li:first-child div span {background-color: #3f5492}
.participation li:last-child div span {background-color: #424242}
.participation li div ul {min-height: 85px}
.participation li div ul li {position: relative;padding-left: 13px;line-height: 26px;padding: 0 10px 0 20px;letter-spacing: -0.8px;font-size: 16px}
.participation li div ul li:before {content: '';background-color: #868686;width: 3px;height: 3px;top: 12px;left: 13px;padding-left: 2px;position: absolute}

/*우수멘토링시상*/
.thalamus p {display:none}
.thalamus ul {display: table;width: 100%;table-layout: fixed}
.thalamus ul li {display: table-cell}
.thalamus ul li.on a {background-color:  #AD9200;border-color: #AD9200;position: relative;color:#fff}
.thalamus ul li.on a:after {content: '';position: absolute;right: -1px;top: 0;background-color: #AD9200;width: 1px;height: 100%}
.thalamus ul li a:hover,.thalamus ul li a:focus {background-color: #AD9200;border-color: #AD9200;position: relative;color: #fff}
.thalamus ul li a:hover:after,.thalamus ul li a:focus:after {content: '';position: absolute;right: -1px;top: 0;background-color: #AD9200;width: 1px;height: 100%}
.thalamus ul li a {display: block;padding: 8px 5px;border-left: 1px solid #cecece;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;text-align: center}
.thalamus ul li:last-child {border-right: 1px solid #cecece}

/*댓글*/
.comment {border-top: 2px solid;border-bottom: 1px solid #c7d2de;padding: 20px;background-color: #eff5fb}
.comment .info {color: #666;padding-left: 16px;font-size: 14px}
.comment .info span:first-child {background: none;padding-left: 0}
.comment .info span {display: inline-block;background: url('/usr/images/human/common/bar_1x13_ccc.png') no-repeat 0 50%;padding: 0 11px 0 10px;margin-right: -4px}
.comment .info .lock {display: inline-block;text-indent: -999em;width: 0;position: relative}
.comment .info .lock:before {content: '';position: absolute;top: 5px;left: -14px;background: url('/usr/images/human/common/lock.gif') no-repeat;width: 12px;height: 13px}
.comment .title {font-size: 17px;color: #333;font-weight: 400;margin-bottom: 6px}
.comment .title .day {font-size: 14px;color:#767676}
.comment .reply {margin-left: 15px;position: relative}
.comment .reply:before {content: '';position: absolute;top: 5px;left: -15px;background: url('/usr/images/human/common/comment.gif') no-repeat;width: 10px;height: 8px}
.write_comment {position: relative}
.write_comment textarea {padding: 15px;font-weight: 200;font-size: 14px}
.write_comment span {font-weight: 200;font-size: 14px;position: absolute;bottom: 9px;right: 116px}
.write_comment a {position: absolute;top: 0;right: 0;height: 100px;display: inline-block;text-align: center;border: 1px solid #676767;line-height: 100px;width: 100px;background-color: #676767;color: #fff}
.write_comment a.modify {height: 49px;line-height: 49px}
.write_comment a.cancel{height: 49px;line-height: 49px;top: 51px}
.all_btn_left {display: inline-block}
.all_btn_right {display: inline-block;float: right}
.all_btn_left .basic_btn {margin:3px 0}
.all_btn_right .basic_btn {margin:3px 0}
.pos_rel {position: relative}

/*팝업*/
#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0.4;filter: alpha(opacity=40);z-index: 999;display: none}
.pop-wrap {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 800px;border: 1px solid #095461}
.pop-wrap header {background: none;border: none;min-width: auto}
.pop-wrap header h2 {font-size: 18px;font-weight: 300;padding: 10px 20px;background-color: #095461;color: #fff}
.pop-wrap.time {max-width: 340px;text-align: center}
.pop-wrap.time .pop-link {background: none;position: relative;text-indent: 0;border: 1px solid;height: auto;width: auto;padding: 7px 20px}
.pop-wrap.time .pop-close {background: none;position: relative;text-indent: 0;border: 1px solid;height: auto;width: auto;padding: 7px 20px}
.pop-contents h3 {font-size: 18px;margin-bottom: 20px}
.pop-contents h4 {font-size: 17px;margin-bottom: 10px;position: relative;padding-left: 7px;letter-spacing: -0.9px}
.pop-contents h4:before {content: '';position: absolute;top:10px;left:0;width:3px;height:3px;background:#245094}
.pop-contents {padding: 15px;position: relative;max-width: 1200px;margin: 0 auto;}
.pos_rel &gt; .note {display: inline-block;position: absolute;top: 3px;right: 1px;background: #2f69c4 url('/usr/images/human/common/note.png') no-repeat center;width: 40px;    height: 40px;text-indent: -999em;border-radius: 100%}
.pop-close {background: url('/usr/images/human/common/pop-close.gif') no-repeat center;position: absolute;top: 0;right: 0;display: inline-block;width: 50px;height: 45px;text-indent: -999em}

.top_box {padding: 10px 16px;background-color: #f2f4f6}
.top_box &gt; a {font-size: 13px;display: inline-block;line-height: 26px;padding: 0px 20px;color: #fff;border-radius: 2px}
.btn_ok {border: 1px solid #dc6800;background-color: #ff7800}
.btn_no {border: 1px solid #4e4e4e;background-color: #717171}
.board_list1 ul li .summary .note {display: inline-block;position: absolute;top: 50%;right: 15px;background: #2f69c4 url('/usr/images/human/common/note.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}
.board_list1 ul li .summary .homepage {display: inline-block;position: absolute;top: 50%;right: 64px;background: #2f69c4 url('/usr/images/human/common/website.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}
.text_va {vertical-align: -2px;display: inline-block}
.bbs_tab {}
.search-tab {text-align:center;}
.search-tab &gt; a {display:inline-block;color:#666;width:150px;margin-bottom:-2px;padding-bottom:14px;border-bottom:solid 3px transparent;}
.search-tab.bbs {margin-bottom:30px;}
.search-tab.bbs &gt; a {width: 20%;margin-left: -5px;border: 1px solid #d0d0d0;padding: 10px;background-color: #f8f8f8}
.search-tab &gt; a.on {color: #fff;font-weight: 500;background-color: #FF5907;border-color: #FF5907}
.btn_block {position: relative}
.btn_block a {position: absolute;background: url('/usr/images/human/common/s_btn.png') no-repeat center;display: inline-block;text-indent: -999em;top: 0;right: 0;width: 33px;height: 32px}
.webzin {text-align: center;display: table;margin: 0 auto;border: 1px solid #d9dbde}
.fractionation {font-size: 13px;display: inline-block;padding: 1px 14px;background-color: #ff6903;color: #fff;border: none;margin-right: 5px;vertical-align: 3px}
.proceeding {font-size: 13px;display: inline-block;padding: 1px 14px;background-color: #fff;color: #ff5400;margin-left: 5px;vertical-align: 3px;border-radius: 10px;border: 1px solid #bbb9b9}
.completed {font-size: 13px;display: inline-block;padding: 1px 14px;background-color: #fff;color: #5a5a5a;margin-left: 5px;vertical-align: 3px;border-radius: 10px;border: 1px solid #bbb9b9}
.answer {position: absolute;top: 50%;margin-top: -12px;right: 19px}
.answer.ing {display: inline-block;border: 1px solid #ccc;padding: 1px 23px;margin-left: 0;font-size: 13px;background-color: #fff;line-height: 30px;border-radius: 20px}
.answer.ok {display: inline-block;border: 1px solid #245094;padding: 1px 23px;font-size: 13px;background-color: #245094;color: #fff;line-height: 30px;border-radius: 20px}

/*설문조사*/
.survey_result {}
.survey_result &gt; li {margin-bottom: 10px}
.survey_result &gt; li &gt; p {margin-bottom: 5px}
.survey_result &gt; li &gt; .graph {position: relative;width: 87%;height: 19px;background-color: #b3b3b3;display: inline-block;float: left;border-radius: 10px}
.survey_result &gt; li &gt; .graph &gt; span {position: absolute;left: 0;top: 0;height: 100%;background-color: #245094;border-radius: 10px}
.survey_result &gt; li &gt; em {float: right;line-height: 17px;display: inline-block}

/**쪽지**/
.quote_note {}
.quote_note &gt; li {position: relative;background-color: #ebf5ff;border-radius: 8px;margin-bottom: 20px;padding: 22px}
.quote_note &gt; li:before {position: absolute;content: '';top: 22px;left: -12px;width: 12px;height: 16px;background: url('/usr/images/human/common/quote_note.png') no-repeat}
.quote_note &gt; li:nth-child(2n+2) {background-color: #f1f1f1}
.quote_note &gt; li:nth-child(2n+2):before {background: url('/usr/images/human/common/quote_note02.png') no-repeat}
.quote_note &gt; li &gt; strong {font-size: 19px;margin-bottom: 11px;display: inline-block;font-weight: 300}
.quote_note &gt; li &gt; strong em {color: #0069d2;font-weight: 500}
.quote_note &gt; li &gt; .text_contents {margin-bottom: 12px}
.quote_note &gt; li &gt; .text_etc {color: #767676}
.quote_note &gt; li &gt; p &gt; em {color: #ff5400}

.quote_note02 &gt; li {position: relative;background-color: #f1f1f1;border-radius: 8px;margin-bottom: 20px;padding: 22px;text-align: right}
.quote_note02 &gt; li:before {position: absolute;content: '';top: 22px;right: -12px;width: 12px;height: 16px;background: url('/usr/images/human/common/quote_note03.png') no-repeat}
.quote_note02 &gt; li &gt; strong {font-size: 19px;margin-bottom: 11px;display: inline-block;font-weight: 300}
.quote_note02 &gt; li &gt; strong em {color: #0069d2;font-weight: 500}
.quote_note02 &gt; li &gt; .text_contents {margin-bottom: 12px}
.quote_note02 &gt; li &gt; .text_etc {color: #767676}
.quote_note02 &gt; li &gt; p &gt; em {color: #ff5400}

.pop_tab &gt; a {position: absolute;top: 30px;display: inline-block;border: 1px solid #d9dbde; padding: 7px 21px;font-size: 15px}
.pop_tab &gt; a.on {background-color: #b95700;color: #fff;border-color: #b95700}
.pop_tab.title01 &gt; a {right: 50%}
.pop_tab.title02 &gt; a {left: 50%;}
.display_layer {margin-top: 70px;}


.pre_page {display: block;background-color: #b7cbe2;padding: 10px 17px 10px 45px;background: #b7cbe2 url('/usr/images/human/common/note.png') no-repeat 18px center}
.dialog {overflow-y: auto;height: 471px;padding: 20px}
.dialog &gt; p &gt; strong {display:block;margin-bottom:5px}
.dialog &gt; .left {margin: 10px 0;background-color: #f1f1f1;position: relative;max-width: 70%;float: left;padding: 15px;border-radius: 12px;clear: both;word-wrap: break-word}
.dialog &gt; .left:after {content: '';position: absolute;bottom: -9px;left: 0;background: url('/usr/images/human/common/dialog.png') no-repeat left center;width: 31px;height: 9px}
.dialog &gt; .left &gt; span {position: absolute;right: -76px;color: #767676;line-height: 16px;font-size: 13px;bottom: 0}
.dialog &gt; .right {margin: 10px 0;background-color: #ebf5ff;position: relative;max-width: 70%;float: right;padding: 15px;border-radius: 12px;clear: both;word-wrap: break-word}
.dialog &gt; .right:after {content: '';position: absolute;bottom: -9px;right: 0;background: url('/usr/images/human/common/dialog.png') no-repeat right center;width: 31px;height: 9px}
.dialog &gt; .right &gt; span {position: absolute;left: -76px;color: #767676;line-height: 16px;font-size: 13px;bottom: 0;text-align: right}
.send {background-color: #f2f4f6;padding: 20px;position: relative}
.send &gt; textarea {padding: 10px 81px 10px 10px}
.send &gt; a {position: absolute;display: inline-block;width: 69px;height: 100px;top: 20px;right: 20px;background-color: #565656;color: #fff;text-align: center;line-height: 100px}
.pop_files {background: url('/usr/images/human/common/ico_file.gif') no-repeat 0 8px;font-weight: 200;display: inline-block;border-bottom: 1px solid #828282;padding: 3px 0 4px 18px}
.delete {display: inline-block;background: url(/usr/images/human/common/delete.gif) no-repeat center;width: 23px;height: 23px;background-color: #565656;text-indent: -999em;border-radius: 3px}
.pop_delete {display: inline-block;background: url(/usr/images/human/common/delete.gif) no-repeat center;width: 23px;height: 23px;background-color: #565656;text-indent: -999em;border-radius: 3px;line-height: 20px;margin-left:3px}

.tbl-box table {width:100%}
.tbl-box {border-top: solid 2px #434446}
.tbl-type01 th {text-align:left;padding:14px;background:#f2f4f6;font-weight:400;border-bottom:solid 1px #d9dbde}
.tbl-type01 td {padding:10px 20px;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.tbl-type01 td select {min-width:130px}
.tbl-type01 td.comment {border-left:0;padding:20px 0}
td .td-comment {font-size: 13px;color: #767676;line-height: 1.4em;margin-top: 6px}
.col15 {width:150px}
.col200 {width:200px}

/** 회원가입 **/
.login-form {border:solid 1px #e9e6e5;padding:60px 2%;}
.login-form-in {width:400px;margin:0 auto;}
.login-form-in fieldset {border-bottom:solid 1px #ddd;padding-bottom:20px;}
.login-form-in fieldset .login_etc {display: block;margin-bottom: 11px;font-size: 13px;color: #ff4900;padding-left: 12px}
.login-form-in input[type="text"], 
.login-form-in input[type="password"] {margin-bottom:5px;border:solid 1px #ccc;width:100%;height:50px;padding:0 20px;box-sizing:border-box;line-height:48px}
.login-form-in input[type="text"]::placeholder,
.login-form-in input[type="password"]::placeholder {color: #8F8788;}
.login-form-in input[type="submit"] {margin-top: 3px;height: 60px;width: 100%;background: #213140;color: #fff;font-size: 1.143em;font-weight: 500;border:3px solid #FFFFFF}
.login-form-in input[type="submit"].gray {background: #636363}
.login-form-in textarea {padding:15px;margin-bottom: 5px}
.l_link {text-align: center}
.l_link.big a {font-size: 17px;color: #767676}
.l_link.big a.on {color: #1b1b1b;font-weight: 500}
.l_link a:first-child {background: none;padding-left: 0}
.l_link a {display: inline-block;background: url('/usr/images/human/common/bar_1x13_ccc.gif') no-repeat 0 50%;padding: 0 9px 0 11px;font-size: 14px}
.member-btns {margin:20px 0 0 -10px}
.member-btns li {float:left;width:33.3333%;padding-left:10px;box-sizing:border-box}
.member-btns li &gt; a {display:block;line-height:38px;border:solid 1px #999;color:#333;font-weight:700;text-align:center}
.member-btns:after {content:"";display:block;clear:both}
.td-comment {display: inline-block}

/*랭킹*/
.ranking {padding: 30px;border: 1px solid #dedede;background-color: #f4f7fd}
.ranking &gt; li {padding: 5px 0;font-size: 16px}
.ranking &gt; li &gt; strong {display: inline-block;border-radius: 100%;padding: 10px;background-color: #245094;color: #fff;margin-right: 10px}
.ranking &gt; li &gt; em {color: #ff5907}

.text_box06 {border: 1px solid #e2e2e2;padding: 50px}

/* 사이트맵 */
.sitemap{letter-spacing:-1px;padding: 30px; border: 1px solid #e2e2e2;}
.sitemap &gt; ol {overflow:hidden;margin-left: -20px}
.sitemap &gt; ol &gt; li {float: left;padding: 0 20px;min-height: 350px;width: 25%}
.sitemap &gt; ol &gt; li &gt; span{display:block; padding-bottom:6px; height:30px; border-bottom:3px solid #1a4779; font-size:18px;}
.sitemap &gt; ol &gt; li &gt; ol{padding-top:10px;}
.sitemap &gt; ol &gt; li &gt; ol &gt; li{padding-bottom:10px;}
.sitemap &gt; ol &gt; li &gt; ol &gt; li &gt; a{display:block; padding-bottom:10px; border-bottom:1px dotted #ccc; font-size:14px;}



/*약관*/
.terms {font-weight: 200;padding-bottom: 3.5%}
.terms &gt; li {padding-bottom: 9px;text-indent: -15px;padding-left: 15px}
.terms &gt; li &gt; ol {margin-top: 4px}
.terms &gt; li &gt; ol &gt; li {padding-bottom: 3px;text-indent: -15px;padding-left: 15px}
.terms &gt; li &gt; ol &gt; li &gt; ol {margin-top: 4px}
.terms &gt; li &gt; ol &gt; li &gt; ol &gt; li {padding-bottom: 3px;text-indent: -15px;padding-left: 15px}

.login_tab {}
.login_tab &gt; li {float: left;width: 50%;text-align: center}
.login_tab &gt; li &gt; a {text-align: center;padding: 10px 0;display: inline-block;width: 100%;border-width: 1px 1px 0 1px;border-style: solid;border-color: #ccc}
.login_tab &gt; li.on a {background-color: #213140;color: #fff}
.login_tab &gt; li:last-child &gt; a {border-width: 1px 1px 0 0;border-style: solid;border-color: #ccc}
.log_btn {text-align: center;border: 1px solid #ccc;padding: 10px 0;background-color: #f3f3f3}


.middle-wrap {padding: 0 8.47%}
.border-tb-box {border-top: solid 1px #0f0f0f;border-bottom: solid 1px #e1e1e1;padding: 40px 0}
.border-tb-box.half &gt; div, .border-tb-box.half &gt; section {float: left;width: 50%;box-sizing: border-box}
.member-choice-box {border-left: solid 1px #c6c6c6;padding: 10px;text-align: center}
.member-choice-box:first-child {border-left: 0}
.member-choice-box h4 {font-size: 1.714em}
.member-choice-box p {padding: 3px 0 35px 0}
.member-choice-box .pwd-search {margin: -10px 0 40px 0}
.member-choice-box .login_icon {}
.btn-large {display: inline-block;min-width: 300px;padding: 0 20px;text-align: center;line-height: 50px;box-sizing: border-box;border: solid 3px #FFFFFF;background: #213140;color: #fff;font-weight: 500;font-size: 1.143em;vertical-align: middle}
a:link.btn-large {color:#fff;}
.terms_text {border: solid 1px #ededed;padding: 25px;line-height: 20px;color: #767676;width: 100%;height: 260px;box-sizing: border-box;font-size: 14px;margin-top:10px;font-weight: 300;overflow-y: auto}
.h_auto {height:auto}
#content_sub.terms_text h3, #content_sub.terms_text h4, #content_sub.terms_text h5 {font-size: 16px}

/* b_banner */
.b_banner{overflow:hidden;margin-bottom: 20px}
.site_link{position:relative; width:1200px; height:48px;margin:0 auto;}
.site_link p{float:left; margin-top:9px;}
.site_link ul{float:right; width:1120px; height:47px;}
.site_link ul li a {margin:0 10px;}
.site_link ul li img{width:138px; height:45px;}

.site_link span.fb_left a {display:block; position:absolute; top:13px; left:-2px; width:17px; height:17px; text-indent:-999em; background:url(/usr/images/human/main/fb_left_btn.gif) no-repeat;}
.site_link span.fb_stop a {display:block; position:absolute; top:13px; left:16px; width:17px; height:17px; text-indent:-999em; background:url(/usr/images/human/main/fb_stop_btn.gif) no-repeat;}
.site_link span.fb_start a {display:block; position:absolute; top:13px; left:16px; width:17px; height:17px; text-indent:-999em; background:url(/usr/images/human/main/fb_start_btn.gif) no-repeat;}
.site_link span.fb_right a {display:block; position:absolute; top:13px; left:34px; width:17px; height:17px; text-indent:-999em; background:url(/usr/images/human/main/fb_right_btn.gif) no-repeat;}
.site_link span.fb_menu a {display:block; position:absolute; top:13px; left:52px; width:17px; height:17px; text-indent:-999em; background:url(/usr/images/human/main/fb_menu_btn.gif) no-repeat;}

/*포인트베스트*/
.best {}
.best &gt; li {padding-bottom: 3px}
.best &gt; li &gt; em {padding: 3px 10px;text-align: center;min-width: 200px;display: inline-block;margin-right: 7px;background-color: #1759b7;color: #fff}

/*인증마크*/
address {max-width: 1200px;margin: 20px auto 0;position:relative}
address .wa a {position: absolute;top: 0;right: 0}
.col150 {width:170px}

/*new_tab*/
.tabmenu_select1 {margin-bottom:40px;position: relative}
.tabmenu_select1 ul { display:table; width:100%; table-layout:fixed; border-left:1px solid #e7e7e7;}
.tabmenu_select1 li { display:table-cell}
.tabmenu_select1 li a { display:block; position:relative; height:60px; border-top:1px solid #e7e7e7; border-bottom:1px solid #de5263; line-height:58px; text-align:center; color:#090909;}
.tabmenu_select1 li a:hover { color:#de5263}
.tabmenu_select1 li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df;}
.tabmenu_select1 li.on a { font-weight:500; border-bottom-color:transparent; border-top:2px solid #ff4700;;color: #ff4700}
.tabmenu_select1 li.on a:after {content:''; display:block; position:absolute; top:0; right:0; bottom:-2px; width:1px; background:#ff4700;}
.tabmenu_select1 li.on a:before {content:''; display:block; position:absolute; top:0; left:0; bottom:-2px; width:1px; background:#ff4700;}

.mentoring_new {margin-bottom: 50px;border-bottom: 1px solid #e2e2e2}
.mentoring_new:after {content:'';display:block;clear: both}
.mentoring_new.liw04 li {width:25%}
.mentoring_new li {float: left;width: 20%;padding: 20px;text-align: center}
.mentoring_new li em {display: inline-block;width: 140px;height: 140px;border-radius: 100%;background-color: #f3f6f9;padding: 29px}
.mentoring_new li img {width: auto;display: block;margin: 0 auto}
.mentoring_new li strong {display: block;color: #245ca9;margin: 10px 0}
.mentoring_new li p {font-size: 17px;word-break: keep-all;font-weight: 200}
.mentoring_new.end {border-bottom: 0}
.w4box {padding: 30px 84px;word-break: keep-all}
.w4box &gt; li {float: left;width: 50%;padding: 5px}
.w4box &gt; li &gt; div {background-color: #fff;min-height: 335px;padding: 34px;border: 1px solid #cbd9e0;}
.w4box &gt; li &gt; div.box001 {border-radius: 26px 0 0 0}
.w4box &gt; li &gt; div.box002 {border-radius: 0 26px 0 0}
.w4box &gt; li &gt; div.box003 {border-radius: 0 0 0 26px}
.w4box &gt; li &gt; div.box004 {border-radius: 0 0 26px 0}
.w4box &gt; li strong {font-size: 21px;margin-bottom: 15px;display: block}
.w4box &gt; li strong.col01 {color: #1722a9}
.w4box &gt; li strong.col02 {color: #2a8a12}
.w4box &gt; li strong.col03 {color: #8a3912}
.w4box &gt; li strong.col04 {color: #8a1270}
.w4box &gt; li ul {}
.w4box &gt; li ul li {font-size: 17px;font-weight: 200;position: relative;padding-left: 9px}
.w4box &gt; li ul li:before {position: absolute;content: '';background-color: #ff4700;width: 3px;height: 3px;top: 12px;left: 0}

.first_img {position: relative;padding-left: 164px;margin-bottom: 53px;padding-top: 15px}
.first_img em {position: absolute;left: 0;top: 0}

.m_new_wrap {text-align: center;word-break: keep-all}
.m_new_wrap strong {display: block;padding-top: 45px;font-size: 25px;    margin-bottom: 30px;}
.m_new_wrap strong.no01 {background: url(/usr/images/human/sub/no.png?v=3) no-repeat center 0}
.m_new_wrap strong.no02 {background: url(/usr/images/human/sub/no.png?v=3) no-repeat center -284px}
.m_new_wrap strong.no03 {background: url(/usr/images/human/sub/no.png?v=3) no-repeat center -549px}
.m_new_wrap .text_01 {font-size: 20px;}
.m_new_wrap .text_02 {display: inline-block;padding: 20px 12%;border: 2px solid #245ca9;border-radius: 36px;font-size: 22px;font-weight: 400;}
.m_new_wrap &gt; em {display: block;width: 1px;text-indent: -999em;height: 49px;background-color: #adadad;margin: 40px auto}
.m_new_wrap span {padding-left: 47px;background: url(/usr/images/human/sub/new_icon16.png) no-repeat 0 center}
.m_new_wrap span em {color: #ff5200}
.m_new_wrap ul {display: table;margin: 0 auto;width: 100%;border: 1px solid #d5e1e6;padding: 40px}
.m_new_wrap ul li {display: table-cell;padding: 20px;width:25%;}
.m_new_wrap ul li img {}
.m_new_wrap ul li p {margin-top: 14px;font-weight: 500;color: #104792}

.no_wrap {border: 1px solid #dfdfdf;margin-bottom: 50px;word-break: keep-all}
.no_wrap li {float: left;width: 25%;text-align: center;padding: 10px}
.no_wrap li p {border-bottom: 2px solid #7f9aea;padding: 10px 0}
.new_wrap {margin: 0 -15px;word-break: keep-all}
.new_wrap li {float: left;width: 16.66666%;text-align: center;position: relative;display: table;padding: 15px}
.new_wrap li p {display: table-cell;width: 100%;background-color: #3f5492;color: #fff;padding: 20px;height: 91px;vertical-align: middle}
.new_wrap li em {position: absolute;background: url(/usr/images/human/sub/next01.png) no-repeat;width: 31px;height: 31px;text-indent: -999em;top: 48px;right: -19px}

.stress_big {font-size: 16px;text-decoration: underline;color: #004eff;font-weight: 500}

@media screen and (max-width: 1200px) {
	#title h2 {padding: 65px 2% 98px}
	header .header_wrap h1 a {width: 99px;margin-top: 27px;}
	#content {padding: 0 2%}
	#content_sub {padding: 0 2%}
	header .header_wrap {padding: 0 2%}
	header .header_wrap nav &gt; ul &gt; li &gt; a {padding: 29px 25px}
	.domain_02 &gt; .con_right &gt; .solidarity {background:none}
	.domain_02 &gt; .con_right &gt; .solidarity &gt; li &gt; a {width:100%}
	.domain_02 &gt; .con_right &gt; .partner &gt; li &gt; a {display: inline-block;width: 49%}
	.domain_02 &gt; .con_right &gt; .partner &gt; li &gt; a &gt; img {max-width:100%}
	.contents_img img {max-width: 100%;width: 100%;}
	.img_wrap2 img {max-width:100%;width: auto}
	.mentoring li strong {display:block}
}

@media screen and (max-width: 1100px) {
	.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li &gt; span {display:none}
	.domain_02 &gt; .con_left &gt; ul &gt; li &gt; ul &gt; li &gt; a {width:70%}
	.domain_02 &gt; .con_left &gt; ul &gt; li:last-child &gt; ul &gt; li &gt; span {display:block}
	.video_content &gt; .text_wrap, .video_content &gt; .Youtube {display:block;width:auto}

}

@media screen and (max-width: 1000px) {
	header {border-bottom: 0}
	header .utility &gt; li:last-child a {padding: 12px 12px 12px 23px}
	header .header_wrap h1 a {width: 91px;margin-left: 10%;margin-top: 13px}
	header .header_wrap nav {position: absolute;background-color: #0095af;color: #fff;width: 100%;top: 101px;z-index: 5}
	header .header_wrap &gt; nav &gt; .menu_top {position: absolute;top: -57px;left: 0;width: 100%;background-color: #0095af;color: #fff;z-index: 3;height: 57px;display: none}
	header .header_wrap &gt; nav &gt; .menu_top &gt; .menu_close {position: absolute;right: 13px;top: 19px;background: url('/usr/images/human/common/menu_close.gif') no-repeat 0 0;width: 22px;height: 22px;text-indent: -9999em;display: inline-block}
	header .header_wrap &gt; nav &gt; ul {display:none;text-align: left;width:100%;margin-right:0}
	header .header_wrap nav &gt; ul &gt; li {float:none;display: block;padding-left:0}
	header .header_wrap nav &gt; ul &gt; li &gt; a {display: inline-block;padding: 10px 0 10px 2%;font-size: 16px;font-weight: 400;border-bottom: 1px solid #2facc1;position:relative;width: 100%}
	header .header_wrap nav &gt; ul &gt; li &gt; a:after {content: '';background: url('/usr/images/human/common/depth.gif') no-repeat 0 0;width: 12px;height: 12px;position: absolute;top: 14px;right: 16px}
	header .header_wrap nav &gt; ul &gt; li.on &gt; a:after {background-position:0 -41px}
	header .header_wrap nav &gt; ul &gt; li.on .depth2 {display:block}
	header .header_wrap nav &gt; ul &gt; li.on .depth2 &gt; ul {display:block}
	header .header_wrap nav ul li .depth2 {position: relative;top:0;z-index:1}
	header .header_wrap nav ul li .depth2 &gt; ul {background-color: #058da5;border-bottom: 1px solid #31a7bb;height:auto;padding:0}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li {padding:0}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; a {display: block;text-align: left;font-size: 14px;padding: 6px 0 6px 17px;border-bottom: 1px solid #149fb7;position:relative}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; a.depth:after {content: '';background: url('/usr/images/human/common/depth.gif') no-repeat 0 0;width: 12px;height: 12px;position: absolute;top: 14px;right: 16px;opacity: 0.5}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li.on &gt; a.depth:after {background-position:0 -41px}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li.on .depth3 {display: block}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; .depth3 &gt; ul {background-color: #088196}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; .depth3 &gt; ul &gt; li {}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; .depth3 &gt; ul &gt; li &gt; a {display: block;text-align: left;font-size: 12px;font-weight: 200;padding: 7px 0 7px 25px;position: relative}
	header .header_wrap nav ul li .depth2 &gt; ul &gt; li &gt; .depth3 &gt; ul &gt; li &gt; a:before {position: absolute;content: '';top: 14px;left: 18px;background-color: rgba(255, 255, 255, 0.41);    width: 3px;height: 3px}
	header .header_wrap nav.on &gt; .menu_bg {display:none}
	.top_menu {display: inline-block;width: 26px;height: 19px;text-indent: -999em;background: url('/usr/images/human/common/menu.gif') no-repeat 0 0;right: 13px;top: 63px;position: absolute}
	.alarm {top: -40px;right: 63px}
	header .header_wrap {padding: 0}
	.main_link &gt; li &gt; .sns {padding: 19px 0;height: auto;}
	.main_link &gt; li &gt; .sns &gt; ul {display: table;margin: 0 auto;}
	.menu_bg, .close {display:none}
	.site {display:none}
	#title {background:none}
	#title h2 {display:none}
	.domain_01 {background: none;padding: 40px 10px}
	.domain_01 &gt; .text_box01 {padding-left:0;background-position:right 57px}
	.domain_01 &gt; .text_box01 &gt; h2 {font-size: 40px;margin-top: -15px;line-height: 25px}
	.nav_bg {display:none}
	.sub_nav {margin-top:0;background:none}
	.sub_nav &gt; .depth3 &gt; ul {border-style: solid;border-width: 0 1px 0 1px;border-color: #e0e0e0;z-index: 3}
	.sub_nav &gt; .home {z-index: 2;position: relative}
	.sub_nav &gt; .depth2 {float:none;display:block;z-index: 4}
	.sub_nav &gt; .depth2 &gt; a {display: block;width: 100%;padding-left: 61px}
	.sub_nav &gt; .depth3 {float:none}
	.sub_nav &gt; .depth3 {margin:30px 2%}
	.sub_nav &gt; .depth3 &gt; a {display: block;width: 100%;background: #9abd15 url(/usr/images/human/common/selection.png) no-repeat right 16px;padding: 9px 0px 9px 20px}
	.sub_nav &gt; .depth3 &gt; ul &gt; li &gt; a:hover {color: #1362af}
	.sub_nav &gt; .depth3 &gt; ul &gt; li &gt; a, .sub_nav &gt; .depth3 &gt; ul li:nth-child(2n+2) &gt; a {background-color: #fff;color: #757575;border-bottom: 1px solid #e0e0e0;font-weight: 300}
	#content_sub &gt; h3 {font-size: 24px;padding: 20px 0 14px}
	.history_list &gt; ol &gt; li .year {font-size: 24px;width: 73px;line-height: 32px}
	.history_list &gt; ol {background: url(https://hrd2.osan.ac.kr/usr/images/human/sub/dot_1x1_e9e9e9.png) repeat-y 68px 0}
	.history_list &gt; ol &gt; li &gt; ol {margin: -3px 0 0 87px}
	.history_list &gt; ol &gt; li &gt; ol &gt; li .date {font-size: 12px}
	.history_list &gt; ol &gt; li &gt; ol &gt; li .summary {margin-left: 76px;font-size: 13px}
	.tit_2 {font-size: 20px}
	.tit_3 {font-size: 16px}
	.teacher li {width: 33.33333%}
	.teacher.mou li {width: 33.33333%}
	#footer &gt; .footer_wrap &gt; ul {display: table;margin: 0 auto;float: none}
	.other_links .footBtn {top: 0;float: none;margin: 0 auto;margin-bottom: 10px}
	#footer &gt; .footer_wrap &gt; ul &gt; li {text-align: center}
	
	.thalamus {position: relative}
	.thalamus.on ul {display:block}
	.thalamus p {display:block}
	.thalamus p a {display: block;position: relative;padding: 8px 17px;border-color: #ffb900;text-align: left;color: #fff;background: #ffb900 url('/usr/images/human/common/selection.png') no-repeat right 16px}
	.thalamus p a.on {background-position: right -28px}
	.thalamus ul {display: none;position: absolute;background-color: #fff;z-index: 1}
	.thalamus ul li {width: 100%;display: block;margin-bottom: -1px}
	.thalamus ul li.on a {background:none;border-color:#cecece;color: #767676}
	.thalamus ul li.on a:after {content:none;position: absolute;right: -1px;top: 0;background-color: #AD9200;width: 1px;height: 100%}
	.thalamus ul li a:hover,.thalamus ul li a:focus {color: #ff7800;background:none;border-color: #cecece}
	.thalamus ul li a:hover:after,.thalamus ul li a:focus:after {background:none;border:none;content:none}
	.thalamus ul li a {display: block;padding: 8px 22px;border-left: 1px solid #cecece;border-top: 1px solid #cecece;border-bottom: 0;border-right: 1px solid #cecece;text-align:left;color: #767676;}
	.thalamus ul li:last-child {border-right: 0;border-bottom: 1px solid #cecece}
	.main_link &gt; li {width:25%}
	.main_link &gt; li:last-child {width:100%}
	.border-tb-box.half &gt; div, .border-tb-box.half &gt; section {width:100%}
	.member-choice-box {border-left: 0;border-top: solid 1px #c6c6c6;}
	.border-tb-box {border:0;padding:0}
	.btn-large {min-width:200px;font-size: 1em}
	.w4box {padding: 30px}
}

@media screen and (max-width: 865px) {
	address {padding-top: 59px}
	address .wa {right: 50%;margin-right: -22px}
	.equipment02 &gt; li {width: 33.33333%}
	.paging {padding: 12px 0 40px}
	.paging &gt; a {width: 28px;height: 28px;margin: 0 -2px}
	.paging .numbering strong {min-width: 30px;font-size: 12px;font-weight: 600;padding: 12px 0 11px}
	.paging .numbering a {min-width: 30px;font-size: 12px;padding: 11px 0 10px;color: #555}
	.paging .numbering a span {display: inline-block;padding: 0 6px}
	.paging &gt; a.first {background: url('/usr/images/human/common/paging_first_m.gif') no-repeat 0 0;background-size: 28px}
	.paging &gt; a.prev {background: url('/usr/images/human/common/paging_prev_m.gif') no-repeat 0 0;background-size: 28px}
	.paging &gt; a.next {background: url('/usr/images/human/common/paging_next_m.gif') no-repeat 0 0;background-size: 28px}
	.paging &gt; a.last {background: url('/usr/images/human/common/paging_last_m.gif') no-repeat 0 0;background-size: 28px}
	.btn_right	{margin-bottom:30px;}
	.basic_btn.blue3 span, .basic_btn.gray1 span {font-size: 13px;width: 70px;}
	.basic_btn.blue3.snone span {width:auto;padding: 8px 29px 9px}
	.basic_btn.blue5 span	{font-size:13px; padding:11px 0 10px; width:106px}
	.basic_btn.blue6	{padding:0 15px;}
	.basic_btn.blue6 span	{font-size:12px; padding:11px 27px 11px 0; background:url("/usr/images/human/common/basic_btn_blue4.png") no-repeat 100% 50%;}
	.basic_btn.blue8	{padding:0 0 0 18px; border-radius:20px;}
	.basic_btn.blue8 span	{font-size:13px; padding:10px 40px 10px 0; background:url("/usr/images/human/common/basic_btn_blue7_m.png") no-repeat 100% 50%; background-size:25px auto;}
	.basic_btn.blue9 span	{font-size:12px; padding:7px 46px 8px 14px; background:url("/usr/images/human/common/basic_btn_blue9_m.png") no-repeat 100% 50%; background-size:25px auto;}
	.basic_btn.blue10 span	{font-size:15px; padding:13px 0; width:193px; border-radius:25px;}
	.basic_btn.blue11	{border-radius:15px;}
	.basic_btn.blue11 &gt; span	{font-size:12px; padding:4px 29px 5px 14px; background:url("/usr/images/human/common/basic_btn_blue11_d_m.png") no-repeat 100% 50%; background-size:25px auto;}
	
	.board_list2 ul li	{padding:13px 0 7px;}
	.board_list2 ul li .no	 {float:left; width:50px; text-align:center; font-size:12px;}
	.board_list2 ul li.notice	{background:#f2f4f6;}
	.board_list2 ul li.notice .no	 {background:url("/usr/images/human/common/ico_notice_m.png") no-repeat 9px 0; background-size:12px; height:12px;}
	.board_list2 ul li .summary	 {margin:0 0 0 50px;}
	.board_list2 ul li .summary .options	{font-size:12px;}
	.board_list2 ul li .summary .options span	{background:url("/usr/images/human/common/bar_2x22_ccc.png") no-repeat 0 50%; background-size:1px auto; padding:0 10px 0 11px;}
	.board_list2 ul li .summary .options span:first-child	{background:none; padding-left:0;}
	.board_list2 ul li .summary .title .sbj	{font-size:14px;}
	.board_list2 ul li .summary .title .new	{width:12px; height:12px; background:url("/usr/images/human/common/ico_new_m.png") no-repeat 0 0; background-size:12px auto; margin:0 0 3px 6px;}
	.board_list2 ul li .summary .title .file	{width:11px; height:12px; background:url("/usr/images/human/common/ico_file_m.png") no-repeat 50% 50%; background-size:11px auto; margin:0 0 3px 6px;}
	.board_list2 ul li .btn_answer	{position:static; top:auto; right:auto; margin:8px 0 7px 50px;}
	.board_list2 ul li .btn_answer.blue1 span	{font-size:12px; width:92px; padding:8px 0 9px;}
	.board_list2 ul li .btn_answer.blue2 span	{font-size:12px; width:90px; padding:7px 0 8px;}
	/* 페이지네이션 */
	.pagination	{margin-bottom:20px;}
	.pagination p .name	{font-size:13px; width:63px; padding:12px 0; color:#333;}
	.pagination p .text	{padding:0 0 0 63px; font-size:13px;}
	.pagination p .text a	{padding:12px 0;}
	.pagination p .text span	{padding:12px 0;}

	/* 게시판상세1 */
	.board_view1 .board_view_header	{padding:10px 15px 12px;}
	.board_view1 .board_view_header .info span	{font-size:12px; background:url("/usr/images/human/common/bar_2x22_ccc.png") no-repeat 0 50%; background-size:1px auto;}
	.board_view1 .board_view_header .info span:first-child	{background:none;}
	.board_view1 .board_view_header .title	{font-size:14px; padding:6px 0 0;}
	.board_view1 .files	{padding:9px 15px 14px;}
	.board_view1 .files p	{padding:0 15px; background:url("/usr/images/human/common/ico_file_m.png") no-repeat 0 5px; background-size:11px auto;}
	.board_view1 .files p a	{font-size:12px; padding:3px 0;}
	.board_view1 .board_content	 {padding:30px 15px 40px; min-height:0;}

	.board_view1 .board_reply .title	{font-size:14px; padding:12px 0;}
	.board_view1 .board_reply .reply_manager	{font-size:14px; padding:12px 15px;}
	.board_view1 .board_reply .reply_content	{font-size:12px; padding:38px 14px 40px;}

	.board_write1	{margin-bottom:20px;}
	.board_write1 table tbody tr th	{font-size:12px; height:53px;}
	.board_write1 table tbody tr td .td_wrap1	{padding:10px 15px; line-height:16px; font-size:12px;}
	.board_write1 table tbody tr td .basic_input1 input	{padding:6px 0;}
	.board_write1 table tbody tr td .email_input1	{display:block; width:auto; margin-right:20px;}
	.board_write1 table tbody tr td .email_input1 input[type="text"]	{display:block; padding:6px 0 6px;}
	.board_write1 table tbody tr td .email_input2	{display:block; width:auto; margin-top:5px;}
	.board_write1 table tbody tr td .email_input2 input[type="text"]	{display:block; padding:6px 0 6px;}
	.board_write1 table tbody tr td .at	{position:absolute; top:9px; right:0; text-align:right;}
	.board_write1 table tbody tr td .reg_btn1	{padding-right:75px;margin-bottom:10px;}
	.board_write1 table tbody tr td .reg_btn1 .find_btn .basic_btn span	 {font-size:12px; width:70px; padding:8px 0 9px;}
	.board_write1 table tbody tr td .reg_btn1 input[type="text"]{padding:8px 0 8px; font-size:12px;}
	.board_write1 table tbody tr td .qna_cartegory_select .basic_select1	{margin-top:5px;}
	.board_write1 table tbody tr td .qna_cartegory_select .basic_select1:first-child	 {margin-top:0;}
	
	.basic_input2 input[type="text"]	{padding:6px 0; font-size:12px;}
	.basic_input2 input[type="password"]	{padding:6px 0; font-size:12px;}
	.basic_input3 input[type="text"]	{padding:6px 0; font-size:12px;}
	.basic_input3 input[type="password"]	{padding:6px 0; font-size:12px;}
	.pc {/*display: none*/}
	.board_list5 ul li {width: 50%}
	.basic_list3 ul li {font-size: 14px}
	.basic_list3 ul li .tit {font-size: 15px}
	.participation &gt; li {width:100%;margin-bottom: 46px}
	.participation &gt; li:after {content: '';position: absolute;top: -30px;left: 50%;background: url(/usr/images/human/sub/next_m.png) no-repeat center;width: 40px;height: 21px;margin-left: -20px}
		.main_link &gt; li &gt; a, .main_link &gt; li:nth-child(2) &gt; a, .main_link &gt; li:nth-child(3) &gt; a, .main_link &gt; li:nth-child(4) &gt; a {background-size: 46%;font-size: 15px;padding-top: 144px;height: auto;padding-bottom: 18px}
	.domain_02 &gt; div &gt; .in_box &gt; .title_s, .domain_02 &gt; div &gt; .in_box &gt; .title_s &gt; a {font-size: 19px;}
	.basic_btn.orange3 span {width: 100px}
	.basic_btn.yellow3 span {width: 100px}
	.pop-wrap {width:100%}
	.pop-wrap header h2 {font-size: 15px}
	.sitemap &gt; ol &gt; li {width: 50%}
	.w4box &gt; li {width:100%;float: none}
	.w4box &gt; li &gt; div {min-height: auto;}
	.w4box &gt; li &gt; div.box001, .w4box &gt; li &gt; div.box002, .w4box &gt; li &gt; div.box003, .w4box &gt; li &gt; div.box004 {border-radius: 0}
}

@media screen and (max-width: 768px) {
	.visual .pc {display:none}
	.visual .mobile {display:block}
	.webtong_visual ul li &gt; a {padding-top: 116%;}
	.webtong_visual ul .pc {display:none}
	.webtong_visual ul .mobile {display:block}
	.main_link {margin-top:0}
	.main_link &gt; li &gt; a, .main_link &gt; li:nth-child(2) &gt; a, .main_link &gt; li:nth-child(3) &gt; a, .main_link &gt; li:nth-child(4) &gt; a {background-size: 40%;padding-top: 113px}
	.v_link {bottom: 11px}
	.domain_01 {padding: 30px 0}
	.domain_01 &gt; .text_box01 {background:none}
	.domain_01 &gt; .text_box01 &gt; h2 {font-size: 31px}
	.domain_01 &gt; .text_box01 &gt; p {padding-right:0}
	.domain_02 &gt; div {width:100%;float:none}
	.domain_02 &gt; .con_right {margin-top: 20px}
	.domain_02 &gt; div &gt; .title_s {font-size:23px}
	#footer .info {text-align:center}
	.contact {position: relative;top: 0;margin: 20px auto 0;display: table;font-size: 15px}
	.floatleft thead {display:none}
	.floatleft .num {width:5%;text-align:left}
	.floatleft .tit {width:100%;padding-left: 25px}
	.floatleft.all_left td {text-align:left;width:auto}
	.floatleft.all_left .tit_list {width:95%}
	.floatleft.all_left .tit_list &gt; span {display: inline-block;font-weight: bold}
	.floatleft tr {border-bottom: 1px solid #dedede;padding: 7px 5px;display: block;overflow: hidden}
	.floatleft td {float:left;border:none;padding:4px 10px 0 0}
	.floatleft td.tdnone {display:none}
	.floatleft .w90px, .floatleft .w70px, .floatleft .w120px, .floatleft .w200px {padding:4px 10px 0 0;width:auto}
	#footer &gt; .info &gt; address &gt; span {display: block}
	.other_links {display:none}
	.pcnone {display: inline-block;margin-right: 7px;margin-left: 24px;color: #ff6413}
	.table_wrapper {overflow-x: auto}
	.table_wrapper .touch_btn {display: block}
	.imgView {display: block;margin-top: 10px}
	.m_img {display:inline-block}
	.p_img {display:none}
	.mcol40 {width: 40%}
	.basic_list1.inw50 ul {width:100%}
	.mt200 {margin-top:0 !important}
	.m_w100 {width:100%}
	#footer &gt; .footer_wrap &gt; ul {float: none;display: table;margin: 0 auto;width:100%}
	#footer &gt; .footer_wrap &gt; ul &gt; li {width:50%;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede}
	#footer &gt; .footer_wrap &gt; ul &gt; li:last-child {border-bottom:0}
	#footer &gt; .footer_wrap &gt; ul &gt; li:nth-child(2n+2) {border-right:0}
	#footer &gt; .footer_wrap &gt; ul &gt; li &gt; a {padding: 10px;font-size: 13px}
	.mentoring li strong {font-size: 17px}
	.mentoring li p {font-size: 13px}
	.main_link &gt; li &gt; .sns {padding: 18px 0;height: auto}
	.main_link &gt; li &gt; .sns &gt; ul {margin: 6px auto 0}
	.main_link &gt; li &gt; .sns &gt; a {font-size: 24px}
	.sitemap &gt; ol &gt; li &gt; span{display:block; padding-bottom:6px; height:30px; border-bottom:3px solid #1a4779; font-size:18px;}
	.sitemap &gt; ol &gt; li &gt; ol &gt; li &gt; a{display:block; padding-bottom:10px; border-bottom:1px dotted #ccc; font-size:14px;}
	.w4box {padding: 0;}
	.m_new_wrap .text_01 {font-size: 17px}
	.m_new_wrap ul li {display: block;width:auto;}

}

@media screen and (max-width: 620px) {
	.equipment &gt; li:first-child {position: relative}
	.equipment &gt; li:last-child {margin: 20px 0 0 0}
	.equipment02 &gt; li {width: 50%}
	.board_list5 ul li {width:100%}
	.profile p {position: relative;width: 100%;max-width: 100%}
	.profile .profile_list {margin-left:0}
	.profile .profile_list strong {font-size: 15px}
	.profile .profile_list ul li {padding-left: 24px;font-size: 13px}
	.faq-list dd {padding: 20px 20px;font-size: 0.9em}
	.print_btn {position: relative;margin-top: 7px;margin-left: 74px;border-radius: 0;width: 100px;line-height: 3px;height: 35px}
}

@media screen and (max-width: 540px) {
	.main_link &gt; li {width:50%}
	.main_link a {padding-top: 46px}
	.domain_02 &gt; .con_right &gt; .solidarity {height:auto}
	.domain_02 &gt; .con_right &gt; .partner &gt; li &gt; .banner a {font-size: 14px}
	.domain_02 &gt; .con_right &gt; .partner &gt; li &gt; .banner {line-height: 46px}
	.domain_02 &gt; .con_right &gt; .partner &gt; li &gt; .banner a &gt; span {background:none;padding-left: 0}
	#footer &gt; .info {font-size: 12px;padding:0 2% 30px}
	.allw100 {width:100% !important}
	.select-allbox li.right {padding-right: 0}
	header .utility .left &gt; li &gt; .input-box {position: fixed;left: 50%;margin-left: -121px}
	.teacher li {width: 50%}
	.teacher.mou li {width: 50%}
	.campus_transportation .campus_transportation_img {width: 30px}
	.campus_transportation {padding: 22px}
	.campus_transportation .campus_transportation_explain {margin-left: 50px}
	.campus_transportation .campus_transportation_explain div {width:auto}
	.tit_2_txt {font-size: 13px}
	.tabmenu_select1 ul li a {font-size: 12px}
	.tabmenu_select1.tab4ea ul li:first-child, .tabmenu_select1.tab4ea ul li:nth-child(4n+1) {width: 50%}
	.tabmenu_select1.tab4ea ul li {width: 50%}
	.basic_table3, .basic_table1 {font-size: 12px}
	.equipment02 &gt; li {width: 100%}
	.board_search fieldset {padding: 15px 0}
	.board_search fieldset label {width: 100%;box-sizing: border-box}
	.board_search fieldset label input {width: 100%;padding: 7px 0 7px;font-size: 12px}
	.paging .numbering a {min-width: 18px}
	.paging &gt; a.first, .paging &gt; a.last {display: none}
	.faq-list dt {font-size: 1em;padding: 11px 35px 11px 13px}
	.tit_4 {font-size: 17px}
	.bg_none &gt; ul {padding-left:0;background: none !important;min-height:auto}
	.bg_none &gt; p {padding-left:0;background: none !important;min-height:auto}
	.board_search fieldset .select_box {display: block}
	.board_search fieldset .select_box select {width:100%}
	.board_search fieldset .day_box label {width:106px}
	.text_va {width: 100%;text-align: left}
	.board_list1 ul li .summary .homepage {top: 17px;width: 32px;height: 32px;background-size: 14px;right: 37px}
	.board_list1 ul li .summary .note {top: 17px;width: 32px;height: 32px;background-size: 14px;right: 3px}
	.board_list1 ul li .summary.pop {padding-right: 80px;margin: 0 0 0 69px}
	.board_list1 ul li .no {width: 62px;font-size: 15px;line-height: 24px}
	.board_list1 ul li .summary .title .sbj {font-size: 14px}
	.search-tab:after {content: "";display: block;clear: both}
	.search-tab.bbs &gt; a {margin-left: -1px;width: 25%;float: left;font-size: 14px}
	.email input[type="text"] {width: 46%}
	.email &gt; span {width: 5%;display: inline-block;text-align: center}
	.answer {position: static;margin-top: 9px}
	.tbl-box {width: 100%;overflow: hidden;overflow-x: scroll}
	.tbl-type01 td, .tbl-type01 th {font-size:13px}
	.col150 {width:100px}
	.col200 {width:130px}
	.login-form-in {width: 80%}
	.login-form-in input[type="submit"] {font-size: 1em}
	.ranking &gt; li {font-size:14px}
	.terms {font-size:13px}
/*	.board_list1.point &gt; ul &gt; li &gt; .summary.mr197 {margin: 29px 0 0 62px;}*/
	.sitemap &gt; ol &gt; li {width: 100%;min-height: auto;padding-bottom: 40px;}
	.sns_btn a {width:100%}
}
@media screen and (max-width: 340px) {
	.teacher li {width: 100%}
	.teacher.mou li {width: 100%}
}

.wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.wrap .conHead{ text-align:center;}
.wrap .conHead .ti{ font-size:22px; line-height:1em; font-weight:400; color:#000000;}
.wrap .conHead .subTxt{ margin-top:5px; font-size:14px; color:#6e7881; font-weight:400;}
.wrap .conHead span{ top: -55px; float: right; position: relative;}
.wrap .inner {position:relative; float:left; clear:both; padding:6px 0;}
.wrap .inner .news_item {float:left; width:16%; background:#f4f4f4;margin:0 2% 0;}
/* .wrap .inner .news_item.frist {margin-left:0px;} */
.wrap .inner .news_item.last {}
.wrap .inner .news_item .photo {}
.wrap .inner .news_item .photo img {width:100%; height:107px;}
/* .wrap .inner .news_item .photo img {width:275px; height:180px;} */
.wrap .inner .news_item .newstxt {padding:4px; height:66px;}
.wrap .inner .news_item .newstxt ul {}
.wrap .inner .news_item .newstxt ul li {font-weight:400;}
.wrap .inner .news_item .newstxt ul li.tit {font-size:13px; font-weight:600; line-height:18px; margin-bottom:2px;    overflow: hidden; padding: 3px 3px}
.wrap .inner .news_item .newstxt ul li.author {float:left; margin-right:15px; font-size:12px; color:#888;}
.wrap .inner .news_item .newstxt ul li.date {font-size:12px; color:#888; margin-left:50px;}
a:link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}
.board_list1 ul li .summary .title .lock {display:inline-block; vertical-align:middle; width:14px; height:14px; background:url("/usr/images/human/common/lock.gif") no-repeat 0 0; margin:0 0 4px 6px;}
.board_list1 ul li .summary .title .lock span {display:block; width:0; height:0; overflow:hidden;}

.domain_02 &gt; .con_left &gt; .in_box &gt; .title_s &gt; a {color: #1b1b1b;display: inline-block;padding: 5px 18px}

#footer .top {display: none}
.domain_02 &gt; div &gt; .in_box &gt; .title_s.bbs022 {left: 235px;}
@media screen and (max-width: 865px) {
    .domain_02 &gt; div &gt; .in_box &gt; .title_s.bbs022 {left: 135px;}
    .domain_02 &gt; div &gt; .in_box &gt; .title_s label {display: none;}
}

/*교육강사 정보*/
div#teacher_license, div#teacher_category, div#teacher_lecture_subject {text-align: left; word-break: normal;}

</pre></body></html>