@charset "utf-8";

/*--------------------------------
    common
--------------------------------*/
#subContainer {}
.sub_visual {overflow: hidden;position: relative;}
.sub_visual img {margin-left: -960px;position: relative;left:50%;display: none;}
.sub_visual img.active {display: block;}
.sub_visual .visual_txt {width: 100%;height: 330px;padding-top: 130px;text-align: center;position: absolute;top:0;left:0;display: table;}
.sub_visual .visual_txt p {height: 100%;font-size:50px;color: #fff;line-height: 55px;font-family:'noto-medium';display: table-cell;vertical-align: middle;}

#subContainer .inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

#subContainer .inner:after {
    content: "";
    display: block;
    clear: both;
}

.navigator_bar {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #d5d5d5;
}

#loacation_navi {
    padding-left: 46px;
    position: relative;
    float: left;
}

#loacation_navi .home {
    width: 46px;
    height: 100%;
    border-left:1px solid #d5d5d5;
    background: url('../images/common/ico_home.png') 50% no-repeat;
    position: absolute;
    top:0;
    left:0;
}

#loacation_navi .location_area {}

#loacation_navi {
    width: 100%;
}

#loacation_navi .location_area:after {
    content: "";
    display: block;
    clear: both;
}

#loacation_navi .history_list {
    margin-left: -1px;
    float: left;
    position: relative;
}

#loacation_navi .history_list:first-child {
    margin-left: 0;
}

#loacation_navi .history_list a.view {
    height: 50px;
    min-width: 180px;
    padding: 15px 30px 15px 10px;
    font-size:13px;
    color: #333;
    display: block;
    position: relative;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}

#loacation_navi .history_list a.view:after {
    content: "";
    display: block;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 12px auto;
    background-image: url('../images/common/ico_history_down.png');
    margin-top: -4px;
    position: absolute;
    top:50%;
    right:8px;
}

#loacation_navi .history_list.active a:after {
    background-image: url('../images/common/ico_history_up.png');
}

#loacation_navi .history_list.active .dep_list {
    display: block;
}

#loacation_navi .dep_list {
    width: 100%;
    padding: 10px;
    position: absolute;
    top:51px;
    left:0;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #d5d5d5;
    display: none;
    background-color: #fff;
}

#loacation_navi .dep_list li {
    margin-top: 10px;
}

#loacation_navi .dep_list li:first-child {
    margin-top: 0;
}

#loacation_navi .dep_list li a {
    color: #333;
    font-size:12px;
}

#_globalNavi {
    margin-top: 13px;
    float: right;
}

#wrap #_globalNavi #_globalUl li._zoom ._zoomOut,
#wrap #_globalNavi #_globalUl li._zoom ._zoomReset,
#wrap #_globalNavi #_globalUl li._zoom ._zoomIn {
    margin-left: 3px;
    background-color: #fff;
    border:1px solid #e0e0e0;
    background-position: 50%;
}

#wrap #_globalNavi #_globalUl li._zoom ._zoomOut {
    margin-left: 0;
    background-image: url('../images/common/ico_size_minus.gif');
}

#wrap #_globalNavi #_globalUl li._zoom ._zoomReset {
    width: auto;
    padding: 0 5px;
    text-indent: 0;
    line-height: 24px;
    font-size: 11px;
}

#wrap #_globalNavi #_globalUl li._zoom ._zoomIn {
    background-image: url('../images/common/ico_size_plus.gif');
}

.contents_area {
    padding: 60px 0;
}

.contents_area .inner {
    min-height: 500px;
}

.contents_area .inner:after {
    content: "";
    display: block;
    clear: both;
}

.left_area,
#contents {
    float: left;
}

.left_area {
    width: 230px;
    margin-right: 70px;
}

#contents {
    width: 900px;
}

#menuUIsub .menuSubTitleUI h2 {
    padding-bottom: 20px;
    font-size:32px;
    color: #333;
    line-height: 35px;
    font-family:'noto-light', dotum, Arial, sans-serif;
}

#menuUIsub .div_2 {
    border-top:2px solid #222;
    border-bottom:3px solid #d4d4d4;
}

#menuUIsub .li_2 {
    border-top:1px solid #d7d7d7;
}

#menuUIsub .li_2:first-child {
    border-top:none;
}

#menuUIsub .a_2 {
    padding: 15px 20px;
    display: block;
    font-size:18px;
    color: #555;
}

#menuUIsub .li_2._active .a_2 {
    color: #60609f;
    background: url('../images/common/ico_lnb_arrow_up_1d.png') 95% 50% no-repeat;
    font-family:'noto-medium', dotum, Arial, sans-serif;
}

#menuUIsub .li_2._useChildDiv .a_2 {
    background: url('../images/common/ico_lnb_arrow_down.png') 95% 50% no-repeat;
}

#menuUIsub .li_2._useChildDiv._active .a_2 {
    background: url('../images/common/ico_lnb_arrow_up.png') 95% 50% no-repeat;
}

#menuUIsub .li_2._active .div_3 {
    display: block;
}

#menuUIsub .div_3 {
    padding: 0 10px;
    background-color: #f2f3f4;
    display: none;
}

#menuUIsub .a_3 {
    padding: 15px 10px;
    display: block;
    font-size:16px;
    color: #767676;
}

#menuUIsub .a_3._active {
    background: url('../images/common/ico_lnb_arrow_right.png') 100% 50% no-repeat;
    color: #555;
    font-family:'noto-medium', dotum, Arial, sans-serif;
}

#menuUIsub .li_3 {
    border-top:1px solid #e2e4e5;
}

#menuUIsub .li_3:first-child {
    border-top:none;
}

.tab_area {}

.tab_area .tab_cont .tab {
    display: none;
}

.tab_area .tab_cont .tab.active {
    display: block;
}


/* cms 스타일 제거 */
._contentBuilder ._obj._objHtml ul li,
._contentBuilder ._obj._objTag ul li {
    margin-top:0;
}


/* General */
.cont {
    position: relative;
    margin-top: 10px;
    margin-bottom: 40px;
}


/* btn */
.btn_area.right {
    text-align: right;
}

.btn_st {
    padding: 10px 20px;
    font-size:16px;
    line-height: 20px;
}

.btn_st.purple {
    color: #fff;
    background-color: #60609f;
}

.btn_down {
    width:43px;
    height:43px;
    background:url("../images/btn/down_btn.png") no-repeat;
    background-size:100%;
    text-indent:-9999px;
}

.btn_more {
    position:relative;
    display:block;
    padding:9px 20px;
    font-size:18px;
    font-family:"noto-medium";
    line-height:20px;
    color:#60609f;
    border:3px solid #60609f;
    border-radius: 12px;
}

.btn_more::after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    right:22px;
    margin-top:-7.5px;
    width:15px;
    height:9px;
    background:url('../images/arrow/arrow_top.png') no-repeat center center;
}

.btn_major_link {
    display:inline-block;
    width:330px;
    border:3px solid #60609f;
    border-radius:12px;
    text-align: left;
}

.btn_major_link a {
    position:relative;
    display:block;
    padding:10px 0 10px 13px;
    font-size:18px;
    line-height:20px;
    font-family:"noto-medium";
    color:#60609f;
}

.btn_major_link a:after {
    display:inline-block;
    position:absolute;
    right:20px;
    top:50%;
    content:"";
    width:9px;
    height:15px;
    margin-top:-5.5px;
    background: url('/sites/health_wellness_college_01_tem08/masterSkin/health_wellness_college_01_tem08_sub/images/bullet/arrow_right.png') 0 0 no-repeat;
}

.btn-type01 {
    display: inline-block !important;
    width: 100%;
    max-width: 240px;
    color: #60609f;
    font-size: 15px;
    text-align: center;
    border: 1px solid #60609f;
    background: url('../images/guide/btn-type01.png') right 10px center no-repeat;
    padding: 10px 10px 10px 10px;
    transition: ease-in-out .2s;
}

.btn-type01:hover {
    color: #fff;
    border: 1px solid #60609f;
    background: url('../images/guide/btn-type01-hov.png') right 10px center no-repeat;
    background-color: #60609f;
}


/* title */
h1.title {
    margin-bottom: 40px;
    font-size:40px;
    color: #3b3c40;
    line-height: 45px;
}

.title01 {
    display:block;
    margin-bottom:30px;
    font-size: 24px;
    line-height:26px;
    font-family:'noto-medium';
}


/* bullet */
.bul_dot,
.dot_list > li {
    padding-left:10px;
    position: relative;
    font-size:16px;
    color: #333;
    line-height: 18px;
}

.bul_dot:before,
.dot_list > li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #823fa7;
    position: absolute;
    top:8px;
    left:0;
}

#wrap .dot_list > li {
    margin-top: 15px;
}

#wrap .dot_list > li:first-child {
    margin-top: 0;
}

.bullet_area {
    position: relative;
}

.bullet_area + .bullet_area {
    margin-top: 30px;
}

.bullet_area:before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left:0;
}

.bullet_area.dot_round {
    padding-left: 30px;
}

.bullet_area.dot_round:before {
    width: 18px;
    height: 18px;
    border:4px solid #60609f;
    border-radius: 50%;
    background-color: #fff;
    top:10px;
}

.bullet_area.dot_round dt {
    margin-bottom: 10px;
    font-size:24px;
    color: #333;
}

.bullet_area.slash {
    padding-left: 20px;
}

.bullet_area.slash:before {
    width: 13px;
    height: 13px;
    background: url('../images/bullet/bullet03.png') 0 0 no-repeat;
    top:7px;
}

.bullet_area.slash dt {
    margin-bottom: 10px;
    font-size:18px;
    color: #333;
}

#wrap .mt_20 {
    margin-top:20px;
}


/* table */
#wrap table.table01 {
    border-top:3px solid #60609f !important;
    border-bottom:1px solid #dddddf !important;
    border-left:none !important;
}

#wrap table.table01 th,
#wrap table.table01 td {
    border-top:1px solid #dddddf !important;
    border-left:1px solid #dddddf !important;
    border-style:none;
    font-size:16px;
    padding: 8px;
}

#wrap table.table01 th:first-child,
#wrap table.table01 td:first-child {
    border-left:none !important;
}

#wrap table.table01 th {
    color: #333;
    background-color: #f6f6f7;
}

#wrap table.table01 td {
    color: #666;
}

#wrap table.table02 {
    border-top:3px solid #333 !important;
    border-bottom:1px solid #dddddf !important;
    border-left:none !important;
}

#wrap table.table02 th,
#wrap table.table02 td {
    border-top:1px solid #dddddf !important;
    border-left:1px solid #dddddf !important;
    border-style:none;
    font-size:16px;
    padding: 8px;
}

#wrap table.table02 th:first-child,
#wrap table.table02 td:first-child {
    border-left:none !important;
}

#wrap table.table02 th {
    color: #333;
    background-color: #f6f6f7;
}

#wrap table.table02 td {
    color: #666;
    text-align:left;
}

table .tb_l {
    text-align:left;
}

table .td_c {
    text-align:center;
}


/* Table - type01 */
._contentBuilder .table-type01 {
    overflow: hidden;
}

._contentBuilder .table-type01 .under {
    margin-top: 10px;
}

._contentBuilder .table-type01 table {
    border-top: 3px solid #60609f !important;
    border-bottom: 1px solid #dddddf !important;
    border-left: none !important;
    margin-left: 1px !important;
}

._contentBuilder .table-type01 table th,
._contentBuilder .table-type01 table td {
    border-top: 1px solid #dddddf !important;
    border-right: 1px solid #dddddf !important;
    border-style: none;
    padding: 8px;
}

._contentBuilder .table-type01.break table th,
._contentBuilder .table-type01.break table td {
    word-break: break-all;
}

._contentBuilder .table-type01 table thead th {
    color: #333;
    background-color: #f6f6f7;
    font-weight: normal;
    text-align: center;
}

._contentBuilder .table-type01 table tbody th {
    text-align: center;
    color: #333;
    background-color: #fbfbfb;
}


/* font 스타일 */
.point_txt {
    font-family:'noto-medium';
}

.desc,
.in_txt > li {
    font-size:16px;
    color: #333;
    line-height: 24px;
}

.desc + .desc {
    margin-top: 30px;
}

.in_txt > li {
    padding-left: 20px;
    position: relative;
}

.in_txt > li > .bul {
    position: absolute;
    top:0;
    left:0;
}

.txt_c {
    text-align:center;
}

.txt_r {
    text-align:right;
}

.in_txt2 > li {
    padding-left: 160px;
    position: relative;
}

.in_txt2 > li > .bul {
    position: absolute;
    top:0;
    left:0;
}


/* form */
.form_st {
    width: 100%;
    height: 40px !important;
    padding: 0 10px !important;
    border:1px solid #b2b2b2;
    font-size:18px;
    color: #767676;
}

.select_area {
    padding: 0 35px 0 10px;
    border: 1px solid #b2b2b2;
    position: relative;
    text-align: left;
}

.select_area:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    top:50%;
    right:15px;
    background: url('../images/common/ico_select_arrow.png') 0 0 no-repeat;
}

.select_area > label,
.select_area > select {
    font-size:16px;
    line-height: 38px;
    color: #767676;
}

.select_area > select {
    width: 100%;
    height: 100% !important;
    padding: 0 35px 0 10px;
    position: absolute;
    top:0;
    left:0;
    border:none;
}

select.form_st {
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    line-height: 38px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/*--------------------------------
    contents
--------------------------------*/

/* 인사말 */
.text_bg {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.text_bg p {
    width: 100%;
    height: 100%;
    font-size:24px;
    color: #fff;
    line-height: 30px;
    display: table;
    position: absolute;
    top:0;
    left:0;
}

.text_bg p span {
    display: table-cell;
    vertical-align: middle;
}

.text_bg .pic img {
    width: 100%;
}

strong.sign_txt {
    text-align:right;
    margin-bottom:0;
    margin-top:50px;
}


/* 설립취지 */
.effect_img {
    margin-top: 40px;
    text-align: center;
}


/* 주요업무 */
.main_business {
    padding:40px;
    border:1px solid #d4d4d4;
}

.main_business .box_area {
    padding-left:190px;
    background:url("../images/img/main_business01.png") no-repeat 0 0;
}


/* 조직 및 구성 */
.organization .section {
    padding-left: 250px;
    margin-top:30px;
    position: relative;
}

.organization .section:first-child {
    margin-top: 0;
}

.organization .section .title {
    width:230px;
    text-align:center;
    padding:30px 0;
    font-size:20px;
    line-height:22px;
    color:#fff;
    display: block;
    position: absolute;
    top:0;
    left:0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

.organization .section01 .title {
    background-image:url("../images/bg/organization01.png");
}

.organization .section02 .title {
    background-image:url("../images/bg/organization02.png");
}

.organization .section03 .title {
    background-image:url("../images/bg/organization03.png");
}


/* 규정 */
.rule_area {
    padding-top: 30px;
    border-top:3px solid #60609f;
    border-bottom:1px solid #333;
}

.enactment_list li {
    text-align: right;
    color: #333;
    font-size:16px;
    line-height: 24px;
}

.rule_area .section_wrap {}

.rule_area .section_wrap .section {
    padding: 25px 0;
    border-top:1px solid #d4d4d4;
}

.rule_area .section_wrap .section:first-child {
    padding-top: 0;
    border-top:none;
}


/* 연구소 일정 */
.calendar_area {
    border-top:1px solid #7359a8;
}

.calendar_area .calendar_search {
    padding:20px 0;
    font-size:0;
    text-align: center;
}

.calendar_area .calendar_search .select_year_tit {
    margin-right: 20px;
    display: inline-block;
    color: #333;
    font-size: 26px;
    line-height: 40px;
    vertical-align: top;
}

.calendar_area .calendar_search .sc_area {
    width: 230px;
    padding-right: 80px;
    position: relative;
    display: inline-block;
}

.calendar_area .calendar_search .sc_area .btn_st {
    position: absolute;
    top:0;
    right:0;
}

.calendar_area .calendar_search .select_area {
    border: 3px solid #60609f;
}

.calendar_area .calendar_search .select_area > label,
.calendar_area .calendar_search .select_area > select {
    line-height: 34px;
}

.calendar_area .calendar_search .select_area:after {
    width: 11px;
    height: 10px;
    margin-top: -5px;
    right:10px;
    background: url('../images/common/ico_select_arrow_calendar.png') 50% no-repeat;
}

.calendar_area .month_list {
    border-top:1px solid #7359a8;
    border-bottom:3px solid #3b3b4f;
    background-color:#f8f8f8;
}

.calendar_area .month_list ul {
    overflow:hidden;
    padding:23px 0;
}

#wrap .calendar_area .month_list ul li {
    float:left;
    margin-top:0;
    width:8.33%;
    text-align:center;
    font-size:16px;
    line-height:18px;
}

#wrap .calendar_area .month_list ul li.active a {
    padding-bottom:8px;
    color:#60609f;
    font-family:'noto-medium';
    border-bottom: 1px solid #7878ab;
}

.calendar_section {}

.calendar_section .section {
    min-height: 352px;
    margin-top: 50px;
    padding-left: 440px;
    position: relative;
}

.calendar_section .calendar_table {
    width: 390px;
    position: absolute;
    top:0;
    left:0;
}

.calendar_section .calendar_table > strong {
    margin-bottom: 20px;
    font-size:24px;
    color: #2e2e5a;
    line-height: 30px;
    display: block;
    text-align: center;
}

.calendar_section .calendar {
    border-bottom:1px solid #3b3b4f;
    text-align: center;
}

.calendar_section .calendar span {
    display: inline-block;
}

.calendar_section .calendar .c_blue {
    color: #2d9aff;
}

.calendar_section .calendar .c_red {
    color: #fd5c5c;
}

.calendar_section .calendar .week {
    padding: 10px 0;
    background-color: #3b3b4f;
    overflow: hidden;
}

#wrap .calendar_section .calendar .week li {
    width: 14.28%;
    margin-top: 0;
    font-size:14px;
    color: #fff;
    float: left;
}

#wrap .calendar_section .calendar .days {
    padding: 0;
    overflow: hidden;
}

#wrap .calendar_section .calendar .days li {
    width: 14.28%;
    margin-top: 0;
    padding: 15px 0;
    font-size:14px;
    color: #333;
    float: left;
    list-style: none;
}

#wrap .calendar_section .calendar .days li span {
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    border-radius: 50%;
}

#wrap .calendar_section .calendar .days li.active span {
    background-color: #3d3d72;
    color: #fff;
}

.calendar_section .calendar_list {
    padding-top: 50px;
    width: 100%;
}

.calendar_section .calendar_list li {
    margin-top: 0;
    padding: 15px 0;
    border-top:1px dotted #909090;
}

.calendar_section .calendar_list li:first-child {
    padding-top: 0;
    border-top: none;
}

.calendar_section .calendar_list li dl {
    padding-left: 220px;
    position: relative;
}

.calendar_section .calendar_list li dt,
.calendar_section .calendar_list li dd {
    font-size:16px;
    line-height: 24px;
}

.calendar_section .calendar_list li dt {
    color: #3d3d72;
    display: block;
    position: absolute;
    top:0;
    left:0;
}

.calendar_section .calendar_list li dd {
    color: #333;
}


/* 학과소개 - 연혁 */
.table01.text_l tr td:last-child {
    text-align:left;
}


/* 교수소개 - 교수소개 */
.section_professor_info {
    position:relative;
    margin-bottom:35px;
}

.section_professor_info.last {
    margin-bottom:0;
}

.section_professor_info .info_table_area {
    position:relative;
    padding-left:200px;
    padding-bottom:32px;
}

.section_professor_info .info_table_area .btn_more_area {
    position:absolute;
    left:0;
    bottom:0;
    width:180px;
}

.section_professor_info .info_table_area .pic_area {
    position:absolute;
    left:0;
    top:0;
}

strong.table_title_tab {
    display:inline-block;
    width:180px;
    margin-top:30px;
    font-size:16px;
    line-height:40px;
    color:#fff;
    background-color:#60609f;
    text-align:center;
}


/* 학사정보 - 교육과정 */
.curriculum_tab {}

.curriculum_tab .tab_btn {
    border-top:4px solid #373a3d;
    margin-bottom:30px;
    overflow: hidden;
}

.curriculum_tab .tab_btn button {
    float:left;
    width:25%;
    border-right:1px solid #e1e4e7;
    border-bottom:1px solid #e1e4e7;
    text-align:center;
    display:block;
    padding:18px 0;
    font-size:18px;
    line-height:20px;
    color:#4c5156;
    font-family:"noto-light";
}

.curriculum_tab .tab_btn button:first-child {
    border-left:1px solid #e1e4e7;
}

.curriculum_tab .tab_btn button.active {
    background-color:#60609f;
    border-right:1px solid #60609f;
    font-family:"noto-medium";
    color:#fff;
}

.curriculum_tab .tab_btn button.active:first-child {
    border-left:1px solid #60609f;
}


/* 다운로드 */
.down_load_area {
    border-top:2px solid #525252;
    background:#f7f7f7;
    padding:20px;
    margin-bottom:40px;
    position:relative;
}

.down_load_area p.tit_down {
    font-size:20px;
    color:#333;
    font-weight:bold;
}

.btn_down_pdf {
    position:absolute;
    right:20px;
    top:15px;
}

.btn_down_pdf a:before {
    content:"";
    display:inline-block;
    width:28px;
    height:35px;
    background:url(../images/btn/btn_pdf_down.png) no-repeat;
    position:absolute;
    left:0;
    top:5px;
}

.btn_down_pdf a {
    padding:15px 0 0 40px;
    display:block;
    font-size:14px;
}

.btn_down_pdf a:hover {
    text-decoration:underline;
}


/* 바로가기 링크 */
.quick_link_area {
    display:inline-block;
    border:1px solid #d4d4d4;
    position:relative;
}

.quick_link_area a {
    display:block;
    width:100%;
    height:100%;
    font-size:14px;
    color:#000;
    padding:10px 70px 10px 30px;
}

.quick_link_area a:after {
    content:"";
    display:inline-block;
    width:40px;
    height:41px;
    border-left:1px solid #d4d4d4;
    position:absolute;
    right:0;
    top:0;
    background:url(../images/arrow/btn_arrorw02.png) no-repeat center center;
    opacity:0.5;
}


/* 탭컨텐츠 */
.tab_collection ul {
    display:inline-block;
    width:100%;
    border-left:1px solid #d1d1d1;
}

.tab_collection ul li {
    float:left;
    width:20%;
}

.tab_collection ul li a {
    width:100%;
    border:1px solid #d1d1d1;
    border-left:0;
    text-align:center;
    display:block;
    padding: 15px 0;
}

.tab_collection ul li.on a {
    background:#60609f;
    color:#fff;
}


/* tablet */
@media screen and (max-width: 1200px) {

    #subContainer {
        padding-top: 0;
    }

    #subContainer .inner {
        width: auto;
    }

    #_globalNavi {
        display: none;
    }

    .sub_visual .visual_txt {
        height: 206px;
        padding-top: 0;
    }

    .sub_visual img {
        width: 1200px;
        margin-left: -600px;
    }

    .contents_area {
        padding: 50px 0;
    }

    .contents_area .inner {
        padding: 0 30px;
        min-height: auto;
    }

    .left_area,
    #contents {
        float: none;
    }

    .left_area {
        display: none;
    }

    #contents {
        width: auto;
    }

    /* 설립취지 */
    .effect_img img {
        width: 708px;
    }

    /* 연구소 일정 */
    .calendar_section .section {
        padding-left: 320px;
    }

    .calendar_section .calendar_table {
        width: 300px;
    }

    /* 다운로드 */
    .down_load_area p.tit_down {
        font-size:17px;
    }
}


/* Mobile */
@media screen and (max-width: 768px) {

    .sub_visual img {
        width: 1000px;
        margin-left: -500px;
    }

    .sub_visual .visual_txt {
        height: 172px;
    }

    .sub_visual .visual_txt p {
        font-size:28px;
        line-height: 32px;
    }

    #loacation_navi {
        padding-left: 50px;
        padding-right: 10px;
        float: none;
    }

    #loacation_navi .home {
        width: 50px;
        background-size: 20px auto;
    }

    #loacation_navi .history_list {
        width: 100%;
        margin-left: -1px;
    }

    #loacation_navi .location_area.col_2 .history_list {
        width: 50%;
    }

    #loacation_navi .location_area.col_3 .history_list {
        width: 33.33%;
    }

    #loacation_navi .history_list a.view {
        height: 40px;
        min-width: auto;
        padding: 10px 15px 10px 5px;
        font-size:11px;
        line-height: 20px;
    }

    #loacation_navi .history_list a.view:after {
        right:3px;
    }

    #loacation_navi .dep_list {
        padding: 5px;
        top:41px;
        z-index:10;
    }

    #loacation_navi .dep_list li a {
        color: #333;
        font-size:11px;
    }

    .contents_area {
        padding: 25px 0;
    }

    .contents_area .inner {
        padding: 0 15px;
        min-height: auto;
    }

    .scroll_x {
        overflow-x: auto;
    }

    .scroll_x .scroll_inner {
        min-width: 600px;
    }

    /* title */
    h1.title {
        margin-bottom: 20px;
        font-size:23px;
        line-height: 25px;
    }

    h1.title span {
        display: inline-block;
        padding-bottom: 10px;
    }

    .title01 {
        margin-bottom:20px;
        font-size:16px;
        line-height:18px;
    }

    /* btn */
    .btn_st {
        padding: 5px 10px;
        font-size:12px;
        line-height: 22px;
    }

    .btn_down {
        width:26px;
        height:26px;
    }

    .btn_more {
        padding:0;
        text-align:center;
        font-size:13px;
        line-height:28px;
    }

    /* bullet */
    .bul_dot,
    .dot_list li {
        padding-left:8px;
        font-size:12px;
        line-height: 16px;
    }

    .bul_dot:before,
    .dot_list li:before {
        top:6px;
    }

    #wrap .dot_list li {
        margin-top: 8px;
    }

    .bullet_area + .bullet_area {
        margin-top: 15px;
    }

    .bullet_area.dot_round {
        padding-left: 18px;
    }

    .bullet_area.dot_round:before {
        width: 12px;
        height: 12px;
        border:2px solid #60609f;
        top:8px;
    }

    .bullet_area.dot_round dt {
        font-size:16px;
    }

    .bullet_area.slash {
        padding-left: 10px;
    }

    .bullet_area.slash:before {
        width: 8px;
        height: 8px;
        background-size: 8px auto;
        top:6px;
    }

    .bullet_area.slash dt {
        font-size:13px;
    }

    /* font 스타일 */
    .in_txt > li.m_p0 {
        padding-left:0;
    }

    .in_txt2 > li {
        padding-left: 140px;
        position: relative;
    }

    .desc,
    .in_txt > li {
        font-size:12px;
        color: #333;
        line-height: 16px;
    }

    .desc + .desc {
        margin-top: 15px;
    }

    /* table */
    #wrap table.table01 th,
    #wrap table.table01 td {
        border-style:none;
        font-size:12px;
        padding: 6px;
    }

    #wrap table.table02 th,
    #wrap table.table02 td {
        border-style:none;
        font-size:12px;
        padding: 6px;
    }

    /* form */
    .form_st {
        height: 32px !important;
        padding: 0 5px !important;
        font-size:12px;
    }

    .select_area {
        padding: 0 15px 0 5px !important;
    }

    .select_area > label,
    .select_area > select {
        font-size:12px;
        line-height: 30px;
    }

    .select_area > select {
        padding: 0 15px 0 5px;
    }

    /* 인사말 */
    .text_bg {
        margin-bottom: 15px;
    }

    .text_bg p {
        font-size:14px;
        line-height: 18px;
    }

    strong.sign_txt {
        margin-top:35px;
    }

    /* 설립취지 */
    .effect_img img {
        width: 288px;
    }

    /* 주요임무 */
    .main_business {
        padding:0;
        border:0;
    }

    .main_business .box_area {
        padding-left:0;
        background:none;
    }

    /* 조직 및 구성 */
    .organization .section {
        margin-top:20px;
        padding-left: 0;
    }

    .organization .section .title {
        padding:15px 0;
        margin-bottom:10px;
        width:100%;
        font-size:16px;
        line-height:18px;
        position: relative;
    }

    .organization .section01 .title {
        background-image:url("../images/bg/mo_organization01.png");
    }

    .organization .section02 .title {
        background-image:url("../images/bg/mo_organization02.png");
    }

    .organization .section03 .title {
        background-image:url("../images/bg/mo_organization03.png");
    }

    /* 규정 */
    .rule_area {
        padding-top: 15px;
        border-top:2px solid #60609f;
    }

    .enactment_list li {
        font-size:12px;
        line-height: 18px;
    }

    .rule_area .section_wrap .section {
        padding: 15px 0;
    }

    /* 연구소 일정 */
    .calendar_area .calendar_search {
        padding:15px 0;
    }

    .calendar_area .calendar_search .select_year_tit {
        margin-right: 10px;
        font-size: 14px;
        line-height: 32px;
    }

    .calendar_area .calendar_search .sc_area {
        width: 150px;
        padding-right: 45px;
    }

    .calendar_area .calendar_search .select_area {
        border: 2px solid #60609f;
    }

    .calendar_area .calendar_search .select_area > label,
    .calendar_area .calendar_search .select_area > select {
        line-height: 28px;
    }

    .calendar_area .calendar_search .select_area:after {
        right:5px;
    }

    .calendar_area .month_list {
        border-bottom:2px solid #3b3b4f;
    }

    .calendar_area .month_list ul {
        padding:15px 0;
    }

    #wrap .calendar_area .month_list ul li {
        width:16.66%;
        font-size:13px;
    }

    #wrap .calendar_area .month_list ul li:nth-child(n+7) {
        margin-top: 10px;
    }

    #wrap .calendar_area .month_list ul li.active a {
        padding-bottom:0;
        border-bottom: none;
    }

    .calendar_section .section {
        min-height: auto;
        margin-top: 20px;
        padding-left: 0;
    }

    .calendar_section .calendar_table {
        width: 100%;
        position: relative;
    }

    .calendar_section .calendar_table > strong {
        margin-bottom: 15px;
        font-size:14px;
        line-height: 15px;
    }

    .calendar_section .calendar .week {
        padding: 5px 0;
    }

    #wrap .calendar_section .calendar .week li {
        font-size:13px;
    }

    #wrap .calendar_section .calendar .days li {
        padding: 8px 0;
        font-size:13px;
    }

    #wrap .calendar_section .calendar .days li span {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .calendar_section .calendar_list {
        padding-top: 0;
    }

    .calendar_section .calendar_list li {
        padding: 10px 0;
    }

    .calendar_section .calendar_list li:first-child {
        padding-top: 10px;
    }

    .calendar_section .calendar_list li dl {
        padding-left: 0;
    }

    .calendar_section .calendar_list li dt,
    .calendar_section .calendar_list li dd {
        font-size:14px;
        line-height: 18px;
    }

    .calendar_section .calendar_list li dt {
        margin-bottom: 5px;
        position: relative;
    }

    /* 교수소개 - 교수소개 */
    strong.table_title_tab {
        font-size:12px;
        line-height:26px;
    }

    .section_professor_info .info_table_area {
        padding-left:0;
        padding-bottom:47px;
    }

    .section_professor_info .info_table_area .pic_area {
        position:static;
        padding:23px 0;
        margin-bottom:15px;
        border:1px solid #d4d4d4;
        text-align:center;
    }

    .section_professor_info .info_table_area .btn_more_area {
        width:100%;
    }

    /* 학사일정 - 교육과정 */
    .curriculum_tab .tab_btn button {
        width:50%;
        padding:12px 0;
        font-size:12px;
        line-height:14px;
    }

    .curriculum_tab .tab_btn button.active {
        border-bottom:1px solid #60609f;
    }

    .curriculum_tab .tab_btn button:nth-child(2n+1) {
        border-left:1px solid #e1e4e7;
    }

    /* 다운로드 */
    .down_load_area {
        margin-bottom:20px;
    }

    .down_load_area p.tit_down {
        font-size:13px;
        color:#333;
        font-weight:bold;
    }

    .btn_down_pdf a {
        font-size:0;
        color:transparent;
    }

    .btn_down_pdf {
        top:7px;
        right:10px;
    }
}


/* =========================================================
   장학금 / 학사정보 / 유학생 생활 가이드
   상위 메뉴의 하위 메뉴 펼침 방지

   JavaScript에서 해당 상위 메뉴의 li 요소에
   menu-no-open 클래스가 추가되면 적용
========================================================= */

#menuUItop .ul_1 > li.menu-no-open > ._childDiv,
#menuUItop .ul_1 > li.menu-no-open > .div_2,
#menuUItop .ul_1 > li.menu-no-open > ul.ul_2,

#menuUItop .ul_1 > li.menu-no-open:hover > ._childDiv,
#menuUItop .ul_1 > li.menu-no-open:hover > .div_2,
#menuUItop .ul_1 > li.menu-no-open:hover > ul.ul_2,

#menuUItop .ul_1 > li.menu-no-open._active > ._childDiv,
#menuUItop .ul_1 > li.menu-no-open._active > .div_2,
#menuUItop .ul_1 > li.menu-no-open._active > ul.ul_2,

#menuUItop .ul_1 > li.menu-no-open.active > ._childDiv,
#menuUItop .ul_1 > li.menu-no-open.active > .div_2,
#menuUItop .ul_1 > li.menu-no-open.active > ul.ul_2 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}