@charset "utf-8";

@font-face { font-family: 'yg-jalnan'; src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face { font-family: 'InfinitySans-RegularA1'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/InfinitySans-RegularA1.woff') format('woff'); font-weight: normal; font-style: normal;}

#wrap { position: relative; min-width:1250px; background:url(../images/common/gnb_bg_new.gif) repeat-x}
#header, #container { position: relative; clear:both; margin:0 auto}
#footer { position: relative; min-width:1250px; background:#353032;}

#gnb{overflow:hidden}
#gnb .family{float:left;}
#gnb .family li{float:left}
#gnb .family li a { display:inline-block;color:#fff; border-right:none; padding:9px 0 8px 0; width:125px;text-align:center; color:#e5e5e5}
#gnb .family li.on a{background:#fff; color:#333}

#gnb .gnb{float:right;}
#gnb .gnb li { float:left; background:url(../images/common/gnb_line.gif) no-repeat 0 50%;}
#gnb .gnb li a { display:inline-block; color:#e5e5e5;padding:8px 15px}
#gnb .gnb li:first-child { background:none}

#gnb .h_sns { float: right;}
#gnb .h_sns li { float:left;}
#gnb .h_sns li a { display:inline-block;color:#fff; border-right:none; padding:8px 0 8px 0; width:50px;text-align:center; color:#e5e5e5}
#gnb .h_sns li.on a { background:#fff; color:#333}

#navi h1 { float:left; padding:19px 0 15px 0}
#navi h1 img { width:206px; padding-top:5px}
#navi .lnb { float:right; width: 945px;}
#navi .lnb > li { float:left;text-align:center}
#navi .lnb > li > a { display:inline-block; width:133px; padding:31px 10px; font-size:15px; color:#000; font-weight:bold;letter-spacing:-1px;}
#navi .lnb > li > a:hover,#navi .lnb > li.on > a { color:#a70f2b}
#navi .lnb > li > a.line2 { padding:23px 23px}

.sect { width:1200px; margin:0 auto}
.sect:after { clear:both; content:""; display:block;}
.fl_l { float:left;}
.fl_r { float:right;}
.fl_c:after { clear:both; content:""; display:block;}
.dis_n { display:none;}
.dis_b { display:block;}
.col_hs_red { color:#e02142 !important;}
br { font-family:'dotum;'}

/* 풀다운메뉴 */
.subgnb_bg { position:absolute;z-index:9997;width:100%;background:url(../images/common/subgnb_bg.png) no-repeat 0 50%;border-top:1px solid #ececec;border-bottom:2px solid #a70f2b;padding:0;top:116px;left:0;}
.subgnb_wrap { margin:0 auto;}
.subgnb { width:1230px; margin:0 auto; height:auto;}
.subgnb_left { position:relative; display:block; float:left; width:255px !important; border-right:1px solid #ececec;}
.subgnb_tit { font-size:14px; color:#909090;}
.subgnb_tit p { font-size:22px; color:#e02142; margin-top:5px; font-weight:600;}
.subgnb_right { position:relative; display:block; float:left; width:945px;}
.subgnb_cnt { width: 16.2%; float:left; font-weight:normal;}
.submenu { width:100%; border-right:1px solid #ececec;height:275px; padding-top:25px;}
.subgnb_cnt li { padding-bottom:7px; display:flex; align-items:center;}
.subgnb_cnt li a { width:100%;background:none; color:#000; padding-left:0px; padding-bottom:7px; margin-bottom:0; font-size:12px; min-height:0; text-align:center !important;}

.subgnb_cnt:hover { background:#e02142;}
.subgnb_cnt:hover li a { font-weight:bold; color:#fff;}
.subgnb_cnt li a:hover { font-weight:bold; color:#fff227;}
.subgnb_cnt li:first-child { /* width:100%;background:none; color:#000; padding-bottom:7px; margin-bottom:0; font-size:12px;min-height:0; text-align:center !important; font-weight:normal */}
.subgnb_cnt.active { font-weight:bold; color:#fff227; background:#e02142;}
.subgnb_cnt.active a { color:#fff;}
.nav_over4 { width:16%}

/* 하단 */
#footer .link { margin:0 auto; overflow:hidden; border-bottom:1px solid #1e1b1c; padding:10px 0;}
#footer .link ul li { float:left; background:none; padding:17px 10px}
#footer .link ul li:first-child { padding-left:0}
#footer .link ul li a { color:#ddd;  -webkit-transition:all .2s ease; transition:all .2s ease;}
#footer .link ul li a:hover { text-decoration:underline;}
#footer .link .site_link { float:right; padding:10px 0;}
#footer .link .site_link select { border:1px solid #201c1e; padding:6px 35px 6px 10px; font-family:Malgun Gothic; font-size:12px; color:#bcbcbc; background:#201c1e;}
#footer .link .site_link span a { display:inline-block; background:#7d7d7d; color:#fff; padding:6px 8px}

#footer .copy { position:relative; padding:30px 0;color:#888;line-height:180%;font-size:12px; border-top:1px solid #746a6e; margin:0 auto; overflow:hidden}
#footer .copy .logo{float:left;padding-right:30px;margin-top:0}
#footer .copy p { color:#ddd; width:460px; float:left; font-size:13px;}
#footer .copy p span{color:#ccc; padding:10px 0;}
#footer .copy .ico{ display:block; float:right; position:relative; top:0;}
#footer .copy .ico span { padding-left:10px;}
#footer .copy .ico span img{max-width:160px;}

/* 위로가기 */
.gotop { position:fixed; right:30px; bottom:100px; display:block; width:70px; height:70px; border-radius:50%; background:#fff; z-index:999999; cursor:pointer; box-shadow:0 0 10px gray; transition:right 0.3s;}
.gotop p { font-size:15px; line-height:25px; text-align:center; padding-top:30px; color:#000; font-weight:bold;}
.gotop p:before { content: ""; width: 10px; height: 10px; position: absolute; top:28%; left:42%; border-top:1px solid #000; border-left: 1px solid #000; transform: rotate(45deg);}

/* 퀵메뉴 */
.quick { position:absolute; display:block; right:30px; z-index:999;}
.quick li { margin:-6px 0;}
@media screen and (max-width: 1300px) {
.quick { right:0px; }

}

/* 비주얼영역 */
.main_visual:after { content:""; clear:both; display:block;}
.main_visual { position:relative; width:100%; overflow:hidden; z-index:1; background:url(/images/common/main_visual_bg.png?v=202503) no-repeat 50% 0; height: 590px; overflow-y:  hidden} /* ../images/common/bg_iphak.png?v=2025 입시용 */
.main_visual:after { content:""; clear:both; display:block;}
.main_visual .main_tit { display:block; padding:150px 0 120px; font-size: 38px; font-family:'yg-jalnan'; text-align:center; color:#191e21; line-height:1.3; }
.main_visual .main_tit span { color:#e02142; position:relative; }
.main_visual .main_tit span:before{ content:""; position:absolute; bottom:50px; left:50%; transform: translateX(-50%); display:block; width:7px; height:7px; border-radius:50%; background:#e02142;}
.main_visual .main_txt { font-size:16px; font-family:"InfinitySans-RegularA1"; text-align:center; color:#191e21; padding-top:10px; font-weight:normal; border: 3px solid #d0777e; width: 480px; margin: 20px auto; position: relative; top: -00px; border-radius: 15px }
.main_visual .main_txt strong { font-size: 32px; font-weight: bold; font-family: 'yg-jalnan';   }
.main_visual .main_txt p { font-size: 24px; font-weight: bold; font-family: 'yg-jalnan';  }
.main_visual .main_txt a { font-size: 22px; display: block; width: 250px; height: 45px; line-height: 45px; border-radius: 25px; color: white; font-family: 'yg-jalnan';text-align: center; background-color: #980e19; margin: 15px auto ;   }

/* 비쥬얼 메인링크 */
.main_link { padding:20px 10px 75px 10px; margin-bottom:30px; border-radius:20px; box-shadow:5px 5px 5px #eee9c4; background:#fffffd; z-index: 100; position: relative ; top: -60px}
.main_link li { display:block; float:left; width:12.5%; /* margin-right:24px; */}
.main_link li:last-child { margin-right:0;}
.main_link li a { display:block; color:#000; font-size:15px; font-family:"InfinitySans-RegularA1"; font-weight:400; letter-spacing:0.5px; text-align:center; padding:40px 0 0 0; cursor:pointer;}
.main_link li a:hover { text-decoration:underline !important;}
.main_link li a.link01 { background:url(../images/main/icon_mainlink1.png) 54% 0 no-repeat;}
.main_link li a.link02 { background:url(../images/main/icon_mainlink2.png) 54% 0 no-repeat;}
.main_link li a.link03 { background:url(../images/main/icon_mainlink3.png) 54% 0 no-repeat;}
.main_link li a.link04 { background:url(../images/main/icon_mainlink4.png) 54% 0 no-repeat;}
.main_link li a.link05 { background:url(../images/main/icon_mainlink5.png) 54% 0 no-repeat;}
.main_link li a.link06 { background:url(../images/main/icon_mainlink6.png) 54% 0 no-repeat;}
.main_link li a.link07 { background:url(../images/main/icon_mainlink7.png) 54% 0 no-repeat;}

/* 공지사항영역 그리드 */
.main_bg1 { position:relative; width:100%; overflow:hidden; z-index:1; background:#f6f6f6;}
.main_con { position:relative;}
.main_con:after { content:""; clear:both; display:block;}
.main_bg1 .con_wrap { /* float:left; */ margin:0 -10px}
.con_wrap > li{ padding:10px}
.con_wrap .notice { position:relative; border-radius:20px; padding:39px 25px 39px 30px;}
.con_wrap .notice h2 { display:block; font-size:20px; font-family:'yg-jalnan'; text-align:center; color:#191e21; line-height:1.3; text-align:left;}
.con_wrap .notice .btn { position:absolute; right:25px; top:24px;/*  width:90%; */}
.con_wrap .notice .btn img { width:90%;}
.con_wrap .notice ul { padding-top:10px; width: 100%;}
.con_wrap .notice li { position:relative; overflow:hidden; padding: 5px; font-weight:600;}
.con_wrap .notice li:before{ content:""; position:absolute; top:50%; left:0; transform: translateY(-50%); display:block; width:3px; height:3px; border-radius:50%; background:#000;}
.con_wrap .notice li .tit { float:left; padding-left:12px;}
.con_wrap .notice li .date { float:right;}

.con_box { position:relative; display:block; border-radius:20px; padding:25px 20px; text-align:center;}
.con_box h2 { display:block; font-size:20px; font-family:'yg-jalnan'; text-align:center; line-height:1.3; letter-spacing:1.1px;}
.con_box .con_txt{ display: inline-block; margin:21px auto; font-size:15px; font-weight:bold; border-radius:20px; background:#381e1f; color:#ffd40a;}
.box02 .con_txt{ padding:6px 15px; background:#381e1f; color:#ffd40a;}
.box02 { background:#fbde4d;}
.box02 h2 { color:#191e21;}
.box02 img { display:block; margin:0 auto;}
.box03 { background:url(../images/main/con_bg03.png) 50% no-repeat;}
.box03 h2 { text-align:left; color:#fff; padding: 10px 0 145px 15px;}
.box03 img { display:block; margin:0 auto;}

.con_wrap .banner_wrap { position: relative; display: block;}
.sw_main { position:relative; display: block; width:100%; height:100%; overflow:hidden; border-radius:20px;} 
.con_wrap .banner { position:relative; display:block; padding:45px 25px 45px 30px; cursor:pointer}
.con_wrap .sw_main .sw_main_control { position:absolute; display:block; bottom:18px; right:18px; border-radius:40px; background:rgba(0, 0, 0, 0.2); padding:4px 15px; z-index: 999999;}
.con_wrap .sw_main .sw_main_control li { position: relative; display:block; float:left; padding:5px 6px 5px 6px; text-align:center;}
.con_wrap .sw_main .sw_main_control li:nth-child(2) { width:45px;}
.con_wrap .sw_main_next, .sw_main_prev { content:""; z-index: 999; cursor: pointer; height:8px; width:8px; margin-top:5px;}
.con_wrap .sw_main_prev { border-left:2px solid #fff; border-top:2px solid #fff;  transform: rotate(-45deg);}
.con_wrap .sw_main_next { border-right:2px solid #fff; border-bottom:2px solid #fff; transform: rotate(-45deg);}
.con_wrap .sw_main_pg { bottom:10px !important; color:#fff;}
.con_wrap .sw_main_pause { content:""; height:12px; width:3px; border-right:2px solid #fff; border-left:2px solid #fff; cursor: pointer;}
.con_wrap .banner01 { background:url(../images/main/con_bg04_01.png) 50% no-repeat;}
.con_wrap .banner01 h2 { color:#c8faff; padding:15px 0 20px 0;}
.con_wrap .banner01 h3, .con_wrap .banner01 h4 { display: inline-block; color:#ffffff; font-size:15px; font-weight:500;}
.con_wrap .banner01 h3 { font-weight:600; border-bottom: 1px solid #598ee7; box-shadow: inset 0 -12px 0 #598ee7;}
.con_wrap .box05 { background:url(../images/main/con_bg05.png) 50% no-repeat;}
.con_wrap .box05 h2 { text-align:left; color:#000; padding: 10px 0 145px 15px;}
.con_wrap .box05 img { display:block; margin:0 auto;}
.con_wrap .box06 { background:url(../images/main/con_bg06.png) 50% no-repeat;}
.con_wrap .box06 h3 { text-align:center; color:#fff; font-size:15px; padding:1px 0 30px 0}
.con_wrap .box06 h2 { text-align:center; color:#fff;}
.con_wrap .box06 .con_txt{ padding:6px 35px; background:#fff; color:#c11a37;}

/* 호산을 말하다 */
.main_bg2 .con_wrap {}
.main_bg2 { position:relative; width:100%; overflow:hidden; z-index:1; background:url(../images/main/main_bg02.png) no-repeat 50% 0; }
.main_tit { margin:0 auto; font-size: 40px; font-family: 'yg-jalnan'; text-align: center; line-height: 1.3; padding:40px 0 10px 0;}
.main_bg2 .main_tit { color:#fff;}
.main_bg2 .main_tit p { position:relative;}
.main_bg2 .main_tit p:before{ content:""; position:absolute; bottom:37px; left:33%; display:block; width:48px; height:48px; background:url(../images/main/bg_main_tit_left.png) no-repeat 50%;}
.main_bg2 .main_tit p:after{ content:""; position:absolute; bottom:37px; right:33%; display:block; width:48px; height:48px; background:url(../images/main/bg_main_tit_right.png) no-repeat 50%;}
.main_bg2 .main_tit span { color:#fef155; position:relative; }
.main_bg2 .main_tit span:before{ content:""; position:absolute; bottom:50px; left:50%; transform: translateX(-50%); display:block; width:7px; height:7px; border-radius:50%; background:#fef155;}
.speak_wrap { position:relative; display: block; margin:0 auto; padding:0 0 50px 0; /* padding:0 42px; margin:0 -100px; */}
/* .speak_wrap .swiper-container { width: 100%; height: 100%; } */
.sw_hosan { position:relative; display: block; width:100%; height:100%; /* background:skyblue; */}
.sw_hosan .swiper-slide { width:100%; height:100%;}
.sw_hosan .speak_box { margin:0 auto; padding: 0 0 20px 0;}
.sw_hosan .speak_box > li { position:relative; display:block; margin:2px 5px;}
.sw_hosan .speak_box_line { position:relative; display:block;}
.sw_hosan .speak_box_line > li { position:relative; display:block; float:left; margin:0 10px;}

.sw_gallery { box-sizing: border-box; width:80%; height:100%; margin-left: auto; margin-right: auto;}
.sw_gallery .swiper-wrapper { box-sizing: border-box; width:68%; height:100%; /* margin-left:0; margin-right:0; */ margin:0 auto; padding-right:8px;}
.sw_gallery .swiper-wrapper .swiper-slide { border:5px solid transparent; border-radius:15px; overflow:hidden; width:18% !important; margin:0 auto; margin-left: auto; margin-right: auto;}
.sw_gallery .swiper-wrapper .swiper-slide img { position:relative; display:block; filter:brightness(50%); width:101%; height:101%; cursor:pointer}
.sw_gallery .swiper-wrapper .swiper-slide-thumb-active { border:5px solid #fff;}
.sw_gallery .swiper-wrapper .swiper-slide-thumb-active img { filter:brightness(100%);}
.sw_profile { width:128px; height:128px; border:1px solid #fef355; border-radius:50%;}
.sw_empty { width:160px; height:128px;}
.sw_q, .sw_a { width:723px;  padding:40px 50px; font-family:'dotum';}
.sw_q { content:""; background:url(../images/main/sw_q_bg.png) no-repeat 50%;}
.sw_a { content:""; background:url(../images/main/sw_a_bg.png) no-repeat 50%; height:147px}
.sw_q p, .sw_a p { font-size: 22px; font-family: 'yg-jalnan'; text-align: left; line-height: 1.3; color:#333;}
.sw_q p { padding: 35px 25px;}
.sw_q span { font-size: 28px; color:#e02142; line-height: 2;}
.sw_a span { font-size:14px; line-height:1.5; font-family:"InfinitySans-RegularA1"; font-weight:400; color:#000;}
.sw_q .sw_q_txt { font-size: 22px; font-family: 'yg-jalnan'; line-height: 1.3; color:#333; padding:0 0;}
.sw_hosan_next, .sw_hosan_prev { content:""; position:absolute; top:50%; z-index: 999; cursor: pointer; height:50px; width:48px;}
.sw_hosan_prev { background:url(../images/main/icon_left.png) no-repeat 50%; left:10%;}
.sw_hosan_next { background:url(../images/main/icon_right.png) no-repeat 50%; right:10%;}
.sw_gallery { position:relative; display: block; width:100%; height:100%; /* background:skyblue; */}

/* 학과안내 */
.main_bg3 { position:relative; width:100%; overflow:hidden; z-index:1; background:url(../images/main/main_bg03.png) no-repeat 50% 0; }
.main_bg3 .main_tit p { color:#2a2a2a}
.main_bg3 .main_tit span { color:#fad00a;}
.major_wrap { padding:10px 0 55px 0;}
.major_wrap li { }
.major_wrap .major_list_item { padding:35px 0 120px 32px; margin:10px; background:#fff; border-radius:20px; box-shadow:2px 4px 3px 3px #efefef; border:4px solid #transparent;}
.major_wrap .major_list_item img { position: absolute; right: 30px; bottom: 30px;}
.major_wrap .major_tit { display:block; font-size:20px; font-family:'yg-jalnan'; text-align:left; line-height:1.3; color:#222; padding:0 0 15px;}
.major_wrap .grade { font-size:14px; font-family:"NotoSansKR"; margin-left:10px; background:#e9e9e9; border-radius:20px; padding:7px 15px;}

.major_start { position:relative; padding:0 0 0 32px;}
.major_start .major_item_start { display:block; box-sizing:border-box; padding:0 0 200px 0;}
.major_start img { position:absolute; left:25px; top:-30px;}
.major_start_tit { position:relative; font-size:20px; font-family:'yg-jalnan'; float:right; text-align:left; line-height:1.3; color:#222; padding:40px 40px 0 0}
.major_start_tit:before { content:""; position:absolute; top:3px; right:65px; display: block; width:90px; height:90px; background:#f7eec5; border-radius:50%; z-index:-1; -webkit-transition:all .2s ease; transition:all .2s ease;}
.major_start_tit:after { content:""; position:absolute; top:95px; left:0; display: block; width:40px; height:25px; background:url(../images/main/icon_major_start_01.png) no-repeat 50%; -webkit-transition:all .2s ease; transition:all .2s ease;}
.major_list_item.active { border:4px solid #fad00a;}
.major_start:hover .major_start_tit:before { background: #fbb2bf;}
.major_start:hover .major_start_tit:after { margin-left:7px;}

.major_area { padding:7px;}
.major_item { display:block; padding:35px; background:#fff; border-radius:8px; box-shadow:2px 4px 3px 3px #efefef; border:4px solid #fff; box-sizing:border-box;}
.branch_item { display:block; height:76px;}
.major_item:hover { border:4px solid #e02142;}
/*.major_item .major_icon { position:absolute; right:30px; bottom:38px; width:34px; height:34px; display:block; background:#fdf0b2; border-radius:50%}*/
.major_item .major_icon { position:absolute; right:30px; bottom:38px;  }
.major_item .major_icon img { margin:0 0 0px -8px;}
/*.major_item:hover .major_icon { background:#fbb2bf;}*/
.major_item i { display:block; position:relative; padding:2px 0 2px 10px; font-style:normal;}
.major_item i:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 3px; height: 3px; border-radius: 50%; background: #000;}

.inner { width:1000px; margin:0 auto;}
.inner:after { clear:both; content:""; display:block;}

.bg01{clear:both;background:#807776 url(../images/sub/bg_new_02.jpg) no-repeat 50% 0; height:185px}
.bg02{clear:both;background:#807776 url(../images/sub/bg_new_01.jpg) no-repeat 50% 0; height:185px}
.bg03{clear:both;background:#807776 url(../images/sub/bg_new_03.jpg) no-repeat 50% 0; height:185px}
.bg04{clear:both;background:#807776 url(../images/sub/bg_new_04.jpg) no-repeat 50% 0; height:185px}
.bg05{clear:both;background:#807776 url(../images/sub/bg_new_05.jpg) no-repeat 50% 0; height:185px}
.bg06{clear:both;background:#807776 url(../images/sub/bg_new_06.jpg) no-repeat 50% 0; height:185px}
.bg07{clear:both;background:#807776 url(../images/sub/bg_new_07.jpg) no-repeat 50% 0; height:185px}
.bg08{clear:both;background:#807776 url(../images/sub/bg_new_02.jpg) no-repeat 50% 0; height:185px}
.bg11{clear:both;background:#807776 url(../images/sub/bg_new_05.jpg) no-repeat 50% 0; height:185px}

.snb{float:left;width:190px;margin-top:20px}
.snb h2{color:black; font-size:24px; border-bottom:2px solid #e02142;padding:20px 0;letter-spacing:-1px;}
/* .snb ul{margin-top:10px} */
/* .snb li{border-bottom:1px solid #ddd;} */
.snb li a{display:block; padding:20px 0px ;border-bottom:1px solid #ddd;font-weight:500; font-size: 16px; color: #2b2b2b;}
.snb li a:hover,.snb li.on a{background: url(../images/common/ico_h5.png) no-repeat 180px 50%;color:#a70f2b;}

.contents {float:right;width:740px;margin-top:40px}
.contents .place{position:relative;border-bottom:1px solid #ddd;padding-bottom:18px}
.contents .place h3{color:#000;font-size:24px;letter-spacing:-1px;}
.contents .place ul{position:absolute;right:0; top:10px}
.contents .place li{float:left; padding:5px 10px; background:url(../images/common/bg_place.gif) no-repeat 0 50%}
.contents .place li:first-child{background:none}

.contents .sub_cnt { clear:both; float:left; width:740px; min-height:500px; padding:40px 0; }
.sub_top_slogan { padding-left:125px; width:475px; height:104px; margin:0 auto 30px auto; }
.sub_top_slogan h3 { font-size:20px; line-height:40px; color:#222; letter-spacing:-1px;}
.sub_top_slogan span { color:#a70f2b; }
.sub_top_slogan p { font-size:12px; color:#888;line-height:150% }

.news_icon { background:url("../images/sub/news_icon.gif") no-repeat; }
.relatededu_icon { background:url("../images/sub/relatededu_icon.gif") no-repeat; }
.scholarship_icon { background:url("../images/sub/scholarship_icon.gif") no-repeat; }
.schoolbus_icon { background:url("../images/sub/schoolbus_icon.gif") no-repeat; }
.rolling_icon { background:url("../images/sub/rolling_icon.gif") no-repeat; }
.hosan_icon{background:url("../images/sub/hosan_icon.gif") no-repeat;}
.pr_icon{background:url("../images/sub/pr_icon.gif") no-repeat;}
.locatoin_icon{background:url("../images/sub/location_icon.gif") no-repeat;}
.special_icon{background:url("../images/sub/special_icon.gif") no-repeat;}
.qna_icon{background:url("../images/sub/qna_ico.gif") no-repeat;}
.movie_icon{background:url("../images/sub/movie_icon.gif") no-repeat;}

.subwide_box { clear:both; float:left; width:740px; }
.s_title { clear:both; float:left;text-align:left; width:740px; font-weight:bold; font-size:17px; line-height:23px; color:#a70f2b; background:url("../images/sub/ico_class_01.gif") no-repeat 0 3px; padding-left:27px; margin-bottom:15px;margin-top:30px }
.s_title_s { clear:both; float:left;text-align:left; width:740px;  font-size:14px; color:#333; background:url("../images/sub/ico_class_02.gif") no-repeat 3px 4px; padding-left:20px; margin-bottom:10px; }
h5.arrow{background:url("../images/sub/ico_class_03.png") no-repeat 5px 7px; padding-left:20px; margin-bottom:10px;line-height:150%;font-size:14px;margin-top:20px;}

.common_list {  clear:both; float:left; margin-bottom:15px; }
.common_list li { background:url("../images/sub/ico_class_03.png") no-repeat 5px 7px; padding-left:20px; margin-bottom:10px;line-height:150%;overflow:hidden;text-align:left }

.table_list {  clear:both; float:left; }
.table_list li { background:url("../images/sub/ico_class_04.gif") no-repeat 0 7px; padding-left:8px; line-height:20px; }

.common_dl { clear:both; float:left; }
.common_dl dt { font-size:15px; font-weight:bold; color:#333; margin-bottom:5px; }
.common_dl dd { line-height:18px; }

.info_box { width:678px; height:130px; padding:30px; background-color:#fbfbfb; border:1px solid #ddd; }

/* 탭 */
.tab_normal { height: 40px; overflow: hidden; border-bottom:1px solid #a70f2b; margin-bottom:40px; }
.tab_normal li { float: left; }
.tab_normal li a { display:block; width:165px; height:28px; font-size:13px; font-weight:bold; color:#555; letter-spacing:-1px; padding-top:11px; background-color:#efefef; border-top:1px solid #c5c3c3; border-left:1px solid #c5c3c3; text-align:center; }
.tab_normal li:last-child a { border-right:1px solid #c5c3c3; }
.tab_normal li a:hover { background-color:#a70f2b; border-color:#a70f2b; color:#fff; }
.tab_normal li.on a { background-color:#e02142; border-color:#e02142; color:#fff; }

/* 테이블 */
.tb_base { clear:both; float:left; width:100%; border-top:2px solid #666; border-left:1px solid #dcdcdc;}
.tb_base thead th { padding:10px 0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#f6f7f9; line-height:14px; font-family:Dotum; font-size:13px; color:#222; text-align:center;font-weight:normal }
.tb_base tbody th { padding:13px 0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#f6f7f9; line-height:14px; font-family:Dotum; font-size:13px; color:#444; text-align:center; }
.tb_base tbody th.th_left { text-align:left; padding-left:10px; }
.tb_base tbody td { padding:10px 5px; font-family:Dotum; font-size:12px; color:#666; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; line-height:20px; }
.tb_base tbody td.td_left { text-align:left; padding-left:15px; line-height:20px; }
.tb_base tbody td.td_point { background-color:#f6f7f9; }
.tb_base tfoot td { padding:10px 5px; font-family:Dotum; font-size:12px; color:#666; background-color:#f6f7f9; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; line-height:20px; }

.l_banner {margin-top:20px}
.l_banner dd{float:left;}

.quick{position:absolute; left:50%; top:350px;margin-left:625px;}
.quick li{padding-bottom:10px;}

/* 학과 */
/* 학과 */
.class_tab{border-left:1px solid #ddd;border-top:1px solid #ddd;margin-top:30px;width:737px;overflow:hidden}
.class_tab li{float:left;width:183px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.class_tab li a{display:inline-block;padding:13px 0;width:100%;text-indent:15px;font-weight:bold}
.class_tab li a:hover,.class_tab li.on a{background:#a70f2b url(../images/sub/class_tab.gif) no-repeat 150px 50%;color:#fff; }
.class_wrap{border:1px solid #ddd; padding:25px;margin-top:40px;overflow:hidden}
.class_wrap .img{float:left;border:1px solid #ddd; width:239px; height:151px;}
.class_tit{float:left;padding-left:20px; width:410px;overflow:hidden; min-height:149px;}
.class_tit dt{background:url(../images/sub/ico_class_01.gif) no-repeat 0 50%;padding-left:25px; color:#a70f2b; font-size:15px;font-weight:bold;margin:10px 0}
.class_con{clear:both;margin-top:30px}
.class_con dt{background:url(../images/sub/ico_class_02.gif) no-repeat 0 50%;padding-left:25px; color:#a70f2b; font-size:13px;font-weight:bold;}
.class_con dd{margin-top:5px}

.class_tab2{position:relative;width:100%;margin-top:30px;}
.class_tab2 dt{float:left;}
.class_tab2 dt a{display:inline-block;background:url(../images/sub/subject_tab_off.gif) no-repeat 0 50%;width:105px;padding:20px 0;text-align:center; }
.class_tab2 dt a:hover,.class_tab2 dt a.on{background:url(../images/sub/subject_tab_on.gif) no-repeat 0 50%;color:#fff}
.class_tab2 dt.line2 a{padding:12px 0}
.class_tab2 dd{position:absolute;width:732px;top:49px;left:0;border:1px solid #a70f2b;background:#fff;}
.class_tab2 dd ul{overflow:hidden;padding:20px}
.class_tab2 dd li{float:left;width:25%;background:url(../images/sub/ico_dot.gif) no-repeat 0 50%;text-indent:10px;line-height:180%}
.class_tab2 dd li a:hover,.class_tab2 dd li.on a{color:#a70f2b;font-weight:bold}

.guide_tab { border-left:1px solid #ddd; border-top:1px solid #ddd; margin-top:30px; width:737px; overflow:hidden; }
.guide_tab li { float:left; width:245px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.guide_tab li.long{width:491px;}
.guide_tab li.guide_tab_last { width:244px; }
.guide_tab li a { display:inline-block; padding:13px 0; width:100%; text-indent:15px; font-weight:bold; }
.guide_tab li a:hover,.guide_tab li.on a { background:#a70f2b url(../images/sub/class_tab.gif) no-repeat 95% 50%;color:#fff; }
.entry_tab li{width:183px;}
.entry_tab li.guide_tab_last { width:184px; }

/* 호산을말하다 */
.movie_view{border-top:2px solid #9f0b21}
.movie_view thead th{border-bottom:1px solid #ddd; padding:10px;text-align:left; color:#000;font-family:dotum}
.movie_view tbody td.movie{padding:50px 0;text-align:center}
.movie_view tbody td.ment{background:#f2f2f2;padding:10px; border:1px solid #ddd;overflow-y:scroll; min-height:50px}

.movie_list {border-top:2px solid #9f0b21;border-bottom:2px solid #9f0b21;margin-top:50px;padding:20px 0 0 0 ;overflow:hidden}
.movie_list li{float:left;margin-right:21px;padding-bottom:20px;}
.movie_list li.end{margin-right:0}

.pr_book .img{padding-left:30px; float:left;}
.pr_book .btn{float:right;padding-right:40px;}
.pr_book .btn dt{font-size:22px; color:#9f0b21;font-weight:bold;padding-top:20px;line-height:110%;padding-bottom:20px;}
.pr_book .btn dd{padding-bottom:15px;}

/* 회원 */
.login_wrap{text-align:center;letter-spacing:-1px;margin-top:30px;}
.login_wrap .tit{color:#000; font-size:17px;font-weight:bold;line-height:160%}
.login_wrap .tit span{color:#a70f2b}
.login_box{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:40px 100px;width:450px;margin:30px auto 10px auto;overflow:hidden}
.login_box dl{float:left;width:345px;overflow:hidden;}
.login_box dt{float:left;width:75px;text-align:left; font-size:15px;padding-top:6px;height:26px}
.login_box dd{float:left;margin-bottom:10px}
.login_box input[type="text"],.login_box input[type="password"]{padding:8px;width:250px;background:#f2f2f2}
.login_btn_wrap{width:580px;margin:0 auto}
.btn_idpw_bg{float:left;background:url(../images/sub/ico_login.gif) no-repeat 0 50%;padding:20px 70px;letter-spacing:-1px}
.btn_join_bg{float:left;background:url(../images/sub/ico_login2.gif) no-repeat 0 50%;padding:20px 0  20px 70px ;letter-spacing:-1px}
.btn_idpw_bg a,.btn_join_bg a{color:#a70f2b; font-size:15px; font-weight:bold;line-height:150%;background:url(../images/sub/ico_arrow.gif) no-repeat 100% 50%;padding-right:15px;}

.login_step{overflow:hidden}
.login_step li{float:left;background:url(../images/sub/step_off.png) no-repeat ;padding:12px 10px 28px 10px;font-size:11px;width:221px;margin-left:8px;}
.login_step li:first-child{margin-left:0}
.login_step li .tit{font-weight:bold;font-size:13px}
.login_step li.on{background:url(../images/sub/step_on.png) no-repeat ;color:#fff}
.agree_box{width:698px;padding:20px; height:130px; overflow-y:scroll;border:1px solid #ddd;line-height:180%}
.tbl_join{width:100%;margin-top:10px;border:1px solid #ddd;}
.tbl_join tbody th{background:#f4f4f4; font-family:dotum; font-weight:normal;padding:12px; text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.tbl_join tbody td{border-bottom:1px solid #ddd;padding:12px}
.tbl_join tbody td input[type="text"],.tbl_join tbody td input[type="password"]{border:1px solid #ccc;padding:5px}
.tbl_join tbody td select{border:1px solid #ccc;padding:3px;color:#666}

/* 버튼 */
button.btn_login{background:#e02142;color:#fff;border:0;width:96px;padding:27px 0;font-size:15px; font-weight:bold;font-family:Malgun Gothic;margin-left:5px;}
button.btn_basic{background:#e02142;color:#fff;border:0;width:100px;padding:10px 0;font-size:14px; font-weight:bold;font-family:Malgun Gothic;margin-left:5px;}
.btn_cancel{display:inline-block;border:1px solid #a5a5a5;background:#a5a5a5; padding:0 10px;width:100px;line-height:240%;vertical-align:top;color:#fff; font-weight:bold;font-family:Malgun Gothic;font-size:14px;}
.btn_basic a{background:#a70f2b; color:#fff;padding:12px 20px; }
.bt_check{background:#ddd;border:1px solid #ccc;padding:7px 5px 5px 5px;font-size:11px;line-height:100%;}
.bt_post{display:inline-block;background:#ddd;border:1px solid #ccc;padding:7px 5px 5px 5px !important;font-size:11px;line-height:100%;}

h4{clear:both;background:url(../images/sub/ico_arrow.gif) no-repeat 0 50%;padding-left:10px;font-size:13px;color:#333;letter-spacing:-1px;line-height:100%;text-align:left}
h4 span{color:#777;}

.location_add{background:url(../images/sub/location_img.gif) no-repeat 0 10px;padding-left:25px; }
.location_add li{line-height:250%}
.img_list{width:100%;overflow:hidden;}
.img_list .ico{float:left;width:130px;}
.img_list .subway{float:left;overflow:hidden;padding:5px 0;width:600px}
.img_list .subway .ico2{float:left;padding-right:15px}
.img_list .subway dl{float:left;}
.img_list .subway dt{background:url(../images/common/ico_dot.gif) no-repeat 0 50%;font-weight:bold;padding-left:10px;color:#000 }
.img_list .subway dd{padding:10px 0}

.box_list{border:1px solid #ddd; background:#f8f8f8; padding:20px}
.box_list li{background:url(../images/common/ico_dot.gif) no-repeat 0 50% ;padding-left:15px;line-height:180%;text-align:left}
.box_list li strong{color:#a70f2b}

.schoolbus,.schoolbus2{width:100%;margin-top:10px;overflow:hidden}
.schoolbus dt,.schoolbus2 dt{float:left;margin-right:5px;background:url(../images/sub/box_arrow.gif) no-repeat; width:60px; padding:20px 0 ;text-align:center;color:#fff; font-weight:bold}
.schoolbus2 dt{background:url(../images/sub/box_arrow2.gif) no-repeat}
.schoolbus dd,.schoolbus2 dd{float:left;border:1px solid #ddd; background:#f8f8f8;width:640px;padding:15px;font-weight:normal;line-height:150%}
.schoolbus2 dd{padding:20px 15px}

.tbl_bus{width:100%;border:1px solid #ddd;border-top:2px solid #666}
.tbl_bus thead th{background:#f3f3f3;color:#333; padding:10px; border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.tbl_bus tbody td{border-right:1px solid #ddd;text-align:center;padding:10px 0;border-bottom:1px solid #ddd;font-weight:normal}
.tbl_bus tbody th{border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:10px;}
.tbl_bus tbody tr.point{background:#f6eaea;color:#c32c2c}
.tbl_bus tfoot td{text-align:center;padding:0px;border-left:1px solid #ddd;line-height:150%}

/* 카카오톡 */
.tel_list{width:100%;margin-top:20px;border:1px solid #ddd }
.tel_list thead th{background:#bf6767; color:#fff; font-weight:bold;padding:10px 0;border:1px solid #b15a5a}
.tel_list tbody th,.tel_list tbody td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:10px 0;text-align:center }

/* 입시설명회 */
.apply_bg{background:url(../images/apply/apply_bg_01.gif) no-repeat 0 0; padding-top:260px;}
.apply_wrap{width:520px;padding-left:40px; margin:0 auto;overflow:hidden;}
.apply_wrap h3{text-align:left;font-weight:bold; font-size:17px; line-height:23px; color:#a70f2b; background:url("../images/sub/ico_class_01.gif") no-repeat 0 3px; padding-left:27px; margin-bottom:10px;}
.apply_wrap .agree{border:1px solid #ddd;height:150px; overflow-y:scroll;padding:15px;font-size:12px;line-height:150%}
.apply_wrap .btn{padding:80px 0 20px 0}

/* 입시설명회 */
.visit_bg{background:url(../images/apply/apply_bg_02.gif) no-repeat 0 0; padding-top:150px;}
.visit_wrap{width:620px;margin:0 auto;overflow:hidden;}
.visit_wrap h3{text-align:left;font-weight:bold; font-size:17px; line-height:23px; color:#a70f2b; background:url("../images/sub/ico_class_01.gif") no-repeat 0 3px; padding-left:27px; margin-bottom:10px;}
.visit_wrap .agree{border:1px solid #ddd;height:150px; overflow-y:scroll;padding:15px;font-size:12px;line-height:150%}
.visit_wrap .btn{padding:45px 0 20px 0}


/* 모바일앱 */
h3.ico{clear:both;background:url(../img/common2/ico_class_01.gif) no-repeat 0 50%;padding-left:25px;color:#a70f2b; font-weight:bold;font-size:16px;margin-top:30px;margin-bottom:10px;}
.app_wrap{margin-top:20px}
.app {float:left; padding-left:10px;width:350px}
.app p{padding-left:10px;margin-top:15px;line-height:150%}
.t_red{color:#a70f2b}
.app .btn a{display:inline-block;background:#a70f2b;line-height:100%; font-weight:bold; color:#fff;padding:10px 20px; border-radius:3px; }

.entry_box{clear:both;background:#f6f6f6;border:1px solid #ddd;padding:15px;}
.entry_box dt{font-size:13px;color:#333;font-weight:bold;padding-bottom:10px}
.entry_box dd{line-height:180%}

.special_box{width:100%;overflow:hidden;}
.special_box .img{float:left;padding-right:30px;}
.special_box .txt{font-size:12px;line-height:180%}
.special_box  ul{margin-top:20px;}

.tel_box span{display:inline-block;margin-top:10px;font-size:15px;color:#fff !important;margin-right:20px;background:#a70f2b;padding:3px 10px;border-radius:5px}
.tel_box strong{color:#fffd65}
.con{clear:both; width:100%;overflow:hidden;font-size:14px;line-height:150%;text-align:left}


/* 학과리스트 */
.subject_list{border:1px solid #ddd;width:100%;}
.subject_list tbody td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding:15px 0 10px 0;vertical-align:top}
.subject_list tbody td dl{width:213px; margin:0 auto}
.subject_list tbody td dt{padding:10px 0 5px 0;text-align:left; color:#a70f2b; font-size:15px;font-weight:bold}
.subject_list tbody td dd{line-height:160%;text-align:left;font-size:13px;color:#666}

.subwide_box{text-align:center;margin-top:20px}
.subwide_box button.btn_ok{background:#a70f2b; color:#fff;border:0;padding:7px 15px}
.subwide_box button.btn_can{background:#666; color:#fff;border:0;padding:7px 15px}

.video{width:640px; margin:0 auto}
.video_txt{width:610px; height:100px;overflow-y:scroll;border:1px solid #ddd;margin:20px auto;padding:15px;line-height:150%}

/* 성적산출 */
.tbl_grade{width:100%; border-top:2px solid #666;}
.tbl_grade tbody th,.tbl_grade tbody td.tit{background:#fafafa;text-align:center;padding:10px 0;border:1px solid #ddd}
.tbl_grade tbody th{background:#f2f2f2}
.tbl_grade tbody td{border:1px solid #ddd;}
.grade_tab { border-left:1px solid #ddd;width:737px; overflow:hidden;margin-bottom:30px; }
.grade_tab li { float:left; width:150px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;border-top:1px solid #ddd }
.grade_tab li a { display:inline-block; padding:13px 0; width:100%; text-indent:15px; font-weight:bold; }
.grade_tab li a:hover,.grade_tab li.on a { background:#a70f2b url(../images/sub/class_tab.gif) no-repeat 90% 50%;color:#fff; }

/* 20161221추가 학습학위 심화과정 */
.list_type01{width:100%; overflow:hidden}
.list_type01 li{background:url("../images/sub/ico_class_03.png") no-repeat 5px 7px; padding-left:15px; margin-bottom:5px;line-height:150%;overflow:hidden;text-align:left }

.btn_down{display:inline-block; background:#aa0612; color:#fff; border-radius:3px; padding:10px 20px;}

/* 210727 학과안내 */
.main_part_con { position:relative; width:100%; overflow:hidden; z-index:1;}
.major_wrap { padding:10px 0 55px 0;}
.major_wrap li { position:relative; display:block; float:left; height:/*170*/225px;}
.major_wrap .major_list_item { padding:35px 0 120px 32px; margin:10px; background:#fff; border-radius:20px; box-shadow:2px 4px 3px 3px #efefef; border:4px solid #transparent;}
.major_wrap .major_list_item img { position: absolute; right: 30px; bottom: 30px;}
.major_wrap .major_tit { display:block; font-size:20px; font-family:'yg-jalnan'; text-align:left; line-height:1.3; color:#222; padding:0 0 15px;}
.major_wrap .grade { font-size:14px; font-family:"NotoSansKR"; margin-left:10px; background:#e9e9e9; border-radius:20px; padding:7px 15px;}

.major_start { position:relative; padding:0 0 0 32px;}
.major_start .major_item_start { display:block; box-sizing:border-box; padding:0 0 200px 0;}
.major_start img { position:absolute; left:25px; top:-30px;}
.major_start_tit { position:relative; font-size:20px; font-family:'yg-jalnan'; float:right; text-align:left; line-height:1.3; color:#222; padding:40px 40px 0 0}
.major_start_tit:before { content:""; position:absolute; top:3px; right:65px; display: block; width:90px; height:90px; background:#f7eec5; border-radius:50%; z-index:-1; -webkit-transition:all .2s ease; transition:all .2s ease;}
.major_start_tit:after { content:""; position:absolute; top:95px; left:0; display: block; width:40px; height:25px; background:url(../images/main/icon_major_start_01.png) no-repeat 50%; -webkit-transition:all .2s ease; transition:all .2s ease;}
.major_list_item.active { border:4px solid #fad00a;}
.major_start:hover .major_start_tit:before { background: #fbb2bf;}
.major_start:hover .major_start_tit:after { margin-left:7px;}

.major_area { padding:4px;}
.major_item { display:block; padding:20px; background:#fff; border-radius:8px; border:1px solid #d8d8d8; box-sizing:content-box;}
.branch_item { display:block; height:/*76*/130px; color:#000}

.major_area:hover { padding:2px;}
.major_area:hover .major_item { border:3px solid #e02142; box-sizing:border-box !important; }
.major_item .major_icon { position:absolute; right:15px; bottom:20px; }
/*.major_item .major_icon { position:absolute; right:30px; bottom:38px; width:34px; height:34px; display:block; background:#fdf0b2; border-radius:50%}*/
.major_item .major_icon img { margin:0 0 0px -8px;}
/*.major_area:hover .major_item .major_icon { background:#fbb2bf;}*/
.major_item i { display:block; position:relative; padding:2px 0 2px 10px; font-style:normal; font-weight:600;}
.major_item i:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 3px; height: 3px; border-radius: 50%; background: #000;}

/* 210727 홍보브로슈어 */
.sub_top_slogan_bro { margin:0 auto 30px auto; background:#ffe67d; padding:40px;}
.sub_top_slogan_bro h3 { font-size:20px; line-height:40px; color:#222; letter-spacing:-1px;}
.sub_top_slogan_bro > span { color:#a70f2b; }
.sub_top_slogan_bro p { font-size:13px; color:#000; line-height:150%; font-weight:600; }
.btn_bro { display:inline-block; font-size:16px; font-weight:600; color:#000; padding: 10px 20px 10px 80px;} 
.btn_down_bro, .btn_viewer_bro { position:relative; width:64px; display:inline-block;}
.btn_down_bro:before { content:""; position:absolute; left:-70px; top:50%; transform:translateY(-50%); display:block; width:55px; height:55px; background:url(../images/sub/prbook_02.png) no-repeat 50%;}
.btn_viewer_bro:before { content:""; position:absolute; left:-70px; top:50%; transform:translateY(-50%); display:block; width:55px; height:55px; background:url(../images/sub/prbook_04_2.png) no-repeat 50%;}

.bro_table { width:100%; border:0; border-spacing:0; margin:30px auto; border-top:2px solid #333; border-bottom:1px solid #dddddd;}
.bro_table td { border-top: 1px dotted #ccc;}
.bro_table .col_block { float:left; width:50%; box-sizing:border-box;}
.bro_table .col_block a { display:block; padding:0.8rem 35px; border-top:1px dotted #ccc; color:#000;}
.btn_view { position:relative; display:block; float:right; width:44px; height:22px; background:#dddddd; text-align:center; border-radius:20px; font-weight:600; color:#989898;}