@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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/images/common/ico_home.png') 50% no-repeat;position: absolute;top:0;left:0;}
#loacation_navi .location_area {}
#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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/images/common/ico_lnb_arrow_down.png') 95% 50% no-repeat;}
#menuUIsub .li_2._useChildDiv._active .a_2 {background: url('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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;}

/* 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("/sites/natual_03_tem04/masterSkin/edit/natual_03_tem04_sub/images/btn/down_btn.png") no-repeat; background-size:100%; text-indent:-9999px;}
.btn_major_link { display:block; width:330px;  border:3px solid #60609f; border-radius:12px; }
.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/social_science05_tem05/masterSkin/social_science05_tem05_sub/images/bullet/arrow_right.png') 0 0 no-repeat; }

/* 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('/sites/natual_03_tem04/masterSkin/natual_03_tem04_sub/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;}

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

/*--------------------------------
    contents
--------------------------------*/
#contents {}
/*인사말*/
strong.sign_txt { text-align: right; margin-bottom: 0; margin-top: 50px; }

/* 설립목적 */
.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%;}


/* 규정 */
.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.tab_2 button{ width:50%;}
.curriculum_tab .tab_btn.tab_3 button{ width:33.333%;}
.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;}

/*연계전공*/
.connected_major { position:relative; padding-top:46px;}
.connected_major .btn_major_link { position:absolute; right:0; top:0;}


/* 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;}
    .btn_major_link { width:100%; max-width:220px;}
	.btn_major_link a { font-size:12px; line-height:14px; }
	.btn_major_link a:after { width:6px; height:11px; margin-top:-5px; background-size:6px auto; }

	 /* 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 {}
  	/*인사말*/
  	strong.sign_txt { margin-top:35px;}

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

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

  	/*학사일정 - 교욱과정*/
    .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;}

      /*연계전공*/
  	.connected_major { padding-top:40px; }


}