@charset "utf-8";

/*--------------------------------
    common
--------------------------------*/
#subContainer {padding-top: 130px;}
.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: 200px;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;}

/* btn */
.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;}
/* 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';}
strong.sign_txt{text-align:right; margin-right:0; margin-top:50px}

/* tab */
.tab_area {}
.tab_area .tab_cont .tab {display: none;}
.tab_area .tab_cont .tab.active {display: block;}

/* 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;}

/* 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: #fff;}
#wrap table.table02 td {color: #666; text-align:left;}

/* 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;}
.txt_l { text-align:left;}
.in_txt2 > li {padding-left: 160px;position: relative;}
.in_txt2 > li > .bul {position: absolute;top:0;left:0;}

/*--------------------------------
    contents
--------------------------------*/
#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%;}

/* 주요사업 */
.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;}
.main_business:first-child ul { margin-bottom:40px; }

/* 조직 및 구성 */
.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;}
.rule_area .section_wrap .section > h2 { margin-bottom:30px; text-align:center; font-size:30px; line-height:32px;}

/*투고지침*/
.report_area { position:relative;}
.report_area .btn_down { position:absolute; top:0; right:0;}
.report_down p.desc { margin:20px 0;}
.report_down table.table02 td { height:42px; }
.report_down .sign_txt { display:block; margin-top:30px; font-size:20px; line-height:22px; font-family:"noto-medium"; color:#333; text-align:right;}
.reference_txt { margin-bottom:30px; font-size:18px; line-height:20px; color:#333; font-family:"noto-medium";}
.statement_box { padding:12px 20px;  border:1px solid #dddddf; box-sizing:border-box; }
.statement_box:after { display:block; clear:both; content:""; }
.statement_box > p { float:left; width:33.33%; font-size:16px; line-height:18px; color:#666; }


/*학사정보 - 교육과정*/
.curriculum_tab {}
.curriculum_tab .tab_btn {border-top:4px solid #373a3d;}
.curriculum_tab .tab_btn {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;}


.ico-links {
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	padding: 20px;
	margin-bottom: 25px;
}

.ico-links:after {
	content: '';
	display: block;
	clear: both;
}

.ico-links dt {
	font-size: 20px;
}

.ico-links dt,
.ico-links dd {
	float: right;
	width: calc(100% - 270px);
}

.ico-links .ico-wrap {
	float: left;
	width: 250px;
	height: 180px;
	background-color: #fff;
	overflow: hidden;
}

.ico-links .ico-wrap a {
	position: relative; 
	display: block;
	height: 100%;
}

.ico-links .ico-wrap a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 2px); 
	height: calc(100% - 2px);
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, 0);
	transition: ease-in-out .2s;
}

.ico-links .ico-wrap a:hover:after {
	border-color: #60609f;
	background-color: rgba(255, 255, 255, .3);
}

.ico-links .ico-wrap img {
	width: 100%;
}

.ico-links .ico-title span {
    display: block;
    color: #888;
    font-size: 15px;
}

.ico-links .ico-btn {
    margin: 18px 0 0 0;
    text-align: left;
}

.ico-links .ico-btn a {
    display: inline-block;
    background: #6e60a1;
    color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
}

.ico-links strong {
	position: relative;
	display: block;
	color: #3b3c40;
	font-size: 16px;
	padding-left: 15px;
	margin: 15px 0 10px 0;
}

.ico-links strong:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 3px;
	left: 0;
	top: 11px;
	background-color: #60609f;
}

.ico-links p {
	color: #555;
	font-size: 15px;
}

img.img-wrap {
	width: 100%;
}


/* tablet */
@media screen and (max-width: 1200px) {
    /*--------------------------------
        common
    --------------------------------*/
    #subContainer {padding-top: 0;}
    #subContainer .inner {width: auto;}
    #_globalNavi {display: none;}

    .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;}

    /*--------------------------------
        contents
    --------------------------------*/
    #contents {}
}

/* Mobile */
@media screen and (max-width: 768px) {
    /*--------------------------------
        common
    --------------------------------*/
    .sub_visual img {width: 1000px;margin-left: -500px;}
    .sub_visual .visual_txt {height: 104px;}
    .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:40px;}
    #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;}

    /* 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;}

	 /* 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:14px;
    padding: 10px;
    }


    /*--------------------------------
        contents
    --------------------------------*/
    #contents {}
    /* 설립목적 */
    .text_bg {margin-bottom: 15px;}
    .text_bg p {font-size:14px;line-height: 18px;}

   /* 주요사업 */
    .main_business {padding:0; border:0;}
	.main_business .box_area {padding-left:0; background:none;}
  	.main_business:first-child ul { margin-bottom:20px; }

   /* 조직 및 구성 */
    .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;}
  	.rule_area .section_wrap .section > h2 { margin-bottom:20px; font-size:18px; line-height:20px; }

}