/* 사용처 : 페이지의 기본, 진학TV에 같이 사용되고 있음 */ /* 2019 2차 개편시 삭제 되어야 함 */ /* Layout */ .skip, .skip_main {left:0; position:absolute; top:0; z-index:999;} .skip a, .skip_main a {left:-1000px; position:absolute; top:0;} .skip a:focus, .skip_main a:focus, .skip a:hover, .skip_main a:hover, .skip a:active, .skip a:active {display:block; width:160px; text-align:center; font-weight:bold; background:#FFFFFF; border:solid 2px #407CD5; color:#000; font-size:14px; left:0; padding:1em 0; z-index:10;} #skip, #skip_main {left:0; position:absolute; top:0; z-index:999;} #skip a, #skip_main a {left:-1000px; position:absolute; top:0;} #skip a:focus, #skip_main a:focus, #skip a:hover, #skip_main a:hover, #skip a:active, #skip a:active {display:block; width:160px; text-align:center; font-weight:bold; background:#FFFFFF; border:solid 2px #407CD5; color:#000; font-size:14px; left:0; padding:1em 0; z-index:10;} #wrapper, #utill {min-width:1360px;} #utill {position:relative; z-index:13; width:100%; height:33px; border-bottom:1px solid #dfdfdf; background-color:#fbfbfb;} #utill .u_wrap {position:relative; z-index:12; width:1160px; margin:0 auto;} #utill .lt_utill {display:none;} #utill .u_wrap .rt_mymenu {width:60%; float:right; padding-top:3px;} #utill .u_wrap .rt_mymenu .list {float:right; overflow:hidden;} #utill .u_wrap .rt_mymenu .list:after {content:""; clear:both; display:block;} #utill .u_wrap .rt_mymenu .list li {float:left; padding:0 7px; background:url(https://image.jinhak.com/renewal2009/layout/utill_bar.gif) no-repeat left 6px;} #utill .u_wrap .rt_mymenu .list li a {line-height:24px; font-size:11px; color:#989898;} #utill .u_wrap .rt_mymenu .list li.btn {background:none 0; padding:0;} #utill .u_wrap .rt_mymenu .list li.btn a {font-size:0; line-height:0;} #utill .u_wrap .rt_mymenu .list li.btn a img {margin-top:3px;} #utill .u_wrap .rt_mymenu .list li.name {background:none 0; font-weight:bold; color:#838383; font-size:11px; line-height:24px;} #utill .u_wrap .rt_mymenu .list li.first {background:none 0;} #utill .u_wrap .rt_mymenu .list li.mor {padding-right:0;} #utill .u_wrap .rt_mymenu .list li.mor a {font-weight:bold; padding-right:10px; background:url(https://image.jinhak.com/renewal2009/layout/arr1_down.gif) no-repeat right 6px;} #utill .u_wrap .rt_mymenu .list li.mor a.selected {background-image:url(https://image.jinhak.com/renewal2009/layout/arr1_up.gif);} #utill .u_wrap .rt_mymenu .layer {display:none; position:absolute; right:0; top:32px; border:solid 1px #828282; background-color:#FFF; text-align:left;} #utill .u_wrap .rt_mymenu .layer ul {overflow:hidden; padding:15px 0;} #utill .u_wrap .rt_mymenu .layer ul:after {content:""; clear:both; display:block;} #utill .u_wrap .rt_mymenu .layer li {float:left; padding:0 20px 0 10px; border-left:solid 1px #eeeef0;} #utill .u_wrap .rt_mymenu .layer li a {display:block; font-size:12px; line-height:22px; letter-spacing:normal;} #utill .u_wrap .rt_mymenu .layer li:first-child {border-left-width:0; padding-left:20px;} #utill .u_wrap .rt_mymenu .layer .all {background-color:#f3f3f5; text-align:right; font-size:11px; padding:7px 15px;} #utill .u_wrap .layar_close {position:absolute; left:322px; top:5px} .more_viewlist {display:none; float:left; width:287px;} .more_viewlist .core {position:relative; background:none 0; z-index:6;} .more_viewlist .state {padding:0; font-size:12px; line-height:1.4em; color:#070707;} .more_viewlist .state img, .more_viewlist .ico img {vertical-align:top;} .more_viewlist .ico {position:absolute; top:37px; left:0; width:16px; height:16px; cursor:pointer;} .more_viewlist #some_m .ico {background:url(https://image.jinhak.com/renewal2009/layout/btn_plus.gif) no-repeat left top; display:inline-block} .more_viewlist #more_m .ico {background:url(https://image.jinhak.com/renewal2009/layout/btn_minus.gif) no-repeat left top;} .more_viewlist #more_m .borderline {position:absolute; left:0; top:25px; margin-left:20px; width:287px; height:55px; padding:12px 0 0 0; z-index:7;} .more_viewlist #more_m ul {border:1px solid #565656; height:55px; background-color:#fff; padding:7px 0 0 12px; margin:0 0 5px 0; overflow:hidden; display:block;} .more_viewlist #more_m ul li {float:left; color:#565656; padding-bottom:3px; width:88px; text-align:left;} .more_viewlist #more_m ul li a , ul.moreview li a:hover {line-height:1.4em; font-size:11px;} .more_viewlist .core #more_m p.rtview {position:absolute; top:54px; left:191px;} .more_viewlist #more_m p.rtview a.allview , .more_viewlist #more_m p.rtview a.allview:hover {background:url(https://image.jinhak.com/renewal2009/layout/ico_nesin12_gr.gif) no-repeat 0 3px; padding-left:7px; text-decoration:none; color:#3f3e3e; font-size:11px; line-height:18px;} #wrapper {width:100%; text-align:center; background:url(https://image.jinhak.com/renewal2009/layout/gnb_bg02.gif) repeat-x left 76px;} #header { position:relative; width:1160px; margin:0 auto; text-align:left; height:122px; z-index:12;} #header h1 { float:left;height:76px;font-size:12px;} #header h1 img { vertical-align:top; } #header h1 .logo img {margin:16px 0 0 21px;} #header h1 .section_name img { margin-left:26px; margin-top:25px; } #header h1 .msg {color:#959595; margin-left:12px; vertical-align:top;} #header h1 .msg2 {color:#959595; margin-left:12px; vertical-align:top;} #header h1 .msg2 img {margin-top:-2px;} #header h1 .msg2 img.type2 {margin-top:-10px; margin-left:3px;} #header h1 .msg3 {color:#959595; margin-left:12px; vertical-align:top;} #header h1 .msg3 img {margin-top:-10px;} #header h1 .msg4 {margin-left:12px; vertical-align:top;} #header h1 .msg4 img {margin-top:7px;} #header ul.service { float:left;margin:36px 0 0 9px;overflow:hidden;position:relative;} #header ul.service li { float:left;margin:0 9px 0 -1px;padding:0 0 0 9px;font:0/0 dotum;border-left:1px solid #cdcdcd; } #header .lnb_menu {position:relative; clear:both; width:1160px; height:40px; background:url("https://image.jinhak.com/renewal2009/layout/gnb_bg02.gif") repeat-x left top; /*z-index:5;*/} #header .lnb_menu>ul {float:left; display:inline-block; height:100%;} #header .lnb_menu>ul>li {position:relative; display:inline-block; height:100%; float:left;padding:10px 45px 0 0; /* 학종과 연결되어 있으니 간격 확인해야 함 */ box-sizing:border-box;} #header .lnb_menu>ul>li.lnb_h1 {padding:10px 30px 0 30px;background:url("https://image.jinhak.com/renewal2009/common/gnb_bar1.gif") no-repeat right 13px; margin-right:18px;} /* 전체메뉴 없을 때 */ #header .lnb_menu>ul>li.lnb_h1_2 {padding-left:50px; padding-right:62px; background:none;} #header .lnb_menu>ul>li.lnb_h1_2:after {content:""; display:block; position:absolute; top:0; width:42px; bottom:0; left:0; background:url(https://image.jinhak.com/renewal2009/layout/home_ico.gif) no-repeat left center;} #header .lnb_menu>ul>li .ico {position:absolute;margin-top:-18px;background:url(https://image.jinhak.com/renewal2009/layout/ico_bg.png) repeat-x left top;} #header .lnb_menu>ul>li .ico span {background:url(https://image.jinhak.com/renewal2009/layout/ico_bg_arr.png) no-repeat center top; display:block; height:21px; line-height:20px; font-family:Dotum,"돋움",sans-serif; font-size:11px; color:#FFF; padding:0 6px;} #header .lnb_menu>ul>li .ico.gray {background-image:url(https://image.jinhak.com/renewal2009/layout/ico_bg3.png);} #header .lnb_menu>ul>li .ico.gray span {background-image:url(https://image.jinhak.com/renewal2009/layout/ico_bg3_arr.png);} #header .lnb_menu>ul>li .ico2 {position:absolute;margin-top:-18px;margin-left:2px;} #header .lnb_menu p.view_more {float:left;} #header .lnb_menu p.view_more img {margin:13px 0 0 -5px;} #header .lnb_menu ul.primary { margin-left:5px;} /* 진학TV 때문에 필요 */ #header .lnb_menu ul.primary li { padding:10px 20px 0 14px; } #header .lnb_menu ul.primary li img { vertical-align:top; } #header .lnb_menu ul.primary li.last {padding-right:0; } #header .lnb_menu ul.primary li.more { padding-left:0; } #header .lnb_menu ul.primary li.more a { text-decoration:none; } #header .lnb_menu ul.primary li.more img { vertical-align:middle; } #header .lnb_menu ul.secondary { left:368px;padding-left:5px; } #header .lnb_menu ul.secondary li { padding-left:6px; } #header .lnb_menu ul.secondary li.more { padding-left:14px; } #header .lnb_menu ul.secondary li.more a { text-decoration:none; } #header .lnb_menu ul.secondary li img { vertical-align:middle; } #header .lnb_menu>ul>li ul {display:none; position:absolute; margin-top:10px;} #header .lnb_menu>ul>li li {font-size:12px; color:#101010; margin-top:7px; overflow:hidden;} #header .lnb_menu>ul>li li.point a {color:#0a2f75;} #header .lnb_menu>ul>li li.point2 a {color:#ff0049;} #header .lnb_menu>ul>li li.strong {color:#8b8a8a; font-weight:bold; padding-left:2px; margin-top:20px;} #header .lnb_menu>ul>li li.strong:first-child {margin-top:9px;} #header .lnb_menu>ul>li li a {display:inline-block; padding:2px 2px 2px 2px;} #header .lnb_menu>ul>li li.selected a, #header .lnb_menu>ul>li li a:hover {color:#FFF; background-color:#a1a1a1; text-decoration:none;} #header .lnb_menu:after {/* Virtualapply에만 적용 */} #header .family_site2 {float:right; display:inline-block; height:40px; background:#2d4bad;} /* 진학TV 때문에 필요 */ #header .family_site2 p {padding:13px 19px 0 19px; font-size:0; line-height:0;} #header .family_site2 p img {margin:0 5px;} #header .family_site2 p .ico {position:absolute; margin-top:-13px; margin-left:10px;} #header .rt_utill {position:absolute; top:17px; right:0;} #header .rt_utill ul {text-align:right;} #header .rt_utill ul li {float:left; padding-left:18px; margin-left:18px; background:url(https://image.jinhak.com/renewal2009/layout/utill_bar.gif) no-repeat left 1px; font-size:0; line-height:0;} #header .rt_utill ul li:first-child {background:none 0;} #header .search { position:absolute; top:37px; right:0; /*width:210px;*/} #header .search .search_selected, #header .search .search_select, #header .search .search_list {display:none;} #header .search .keyword {display:inline-block; float:left; width:212px; border:solid 1px #0a2f75; padding-left:10px;} #header .search .keyword input {border:0; background:#FFF; height:26px; padding-bottom:2px; font-size:11px; color:#888; width:98%; overflow:hidden; box-sizing:border-box;} #header .search .btn { float:left;cursor:pointer; margin-left:-1px;} /* 메뉴 더보기 */ #menu_more {display:none;position:absolute;top:40px;left:0;width:865px;z-index:5;background-color:#355dae;letter-spacing:-1px;padding-top:10px;} /* 진학TV 때문에 필요 */ #menu_more .primary ul {float:left; padding-bottom:20px;} #menu_more .primary ul li {clear:both; display:block; padding:0 0 4px 0; width:100%;} #menu_more .primary ul li a { color:#c3def6;font-size:11px; } #menu_more .primary ul li img { vertical-align:top; } #menu_more .ipsiinfo { margin-left:135px; width:91px;} #menu_more .vapply {width:141px;} #menu_more .consulting {width:83px;} #menu_more .nesin12 {width:101px;} #menu_more .knowhow {width:84px;} #menu_more .media {width:96px;} #menu_more .middle {width:85px;} #menu_more .school {width:84px;} #menu_more .secondary { position:relative;float:right;width:250px;height:146px;padding:0 10px;background-color:#30549c;overflow:hidden; } #menu_more .secondary h2 { margin-bottom:10px;padding:10px 0 12px 0;background:url("https://image.jinhak.com/renewal2009/main/setting_dot.gif") repeat-x left bottom; } #menu_more .secondary ul { padding-left:8px; } #menu_more .secondary ul li, #menu_more .secondary ul li label { color:#c1cce1;font-size:11px; } #menu_more .secondary ul li { float:left;width:110px;height:18px; } #menu_more .btn { position:absolute;top:6px;right:10px; } #vmenu_more {display:none; position:absolute; top:40px; left:0; right:0; background-color:#FFF; border:solid 1px #4d4d4d; z-index:13;} #vmenu_more .close {text-align:right;} #vmenu_more .close a {display:inline-block; width:33px; height:33px; background:url(https://image.jinhak.com/renewal2009/virtualapply/layer_close26.gif); font-size:0; line-height:0;} #vmenu_more .core {padding:0 40px 40px 40px; max-height:650px; overflow-x:hidden; overflow-y:auto;} #vmenu_more .tit {font-size:19px; color:#0a2f75; font-weight:bold; line-height:1.4; padding:0 0 3px 5px; border-bottom:solid 1px #0a2f75; margin:19px 0 15px 0;} #vmenu_more .tit span {font-size:12px; font-weight:normal;} #vmenu_more .tit span:before {content:""; display:inline-block; width:1px; height:18px; background-color:#788cb3; vertical-align:middle; margin:-5px 10px 0 10px;} #vmenu_more .tit img {margin-right:3px;} #vmenu_more .sub {font-size:16px; color:#0a2f75; font-weight:bold; line-height:1.4; border-top:dashed 1px #dbdbdb; background-color:#f8f8f8; padding:5px 0 8px 30px; margin-bottom:8px;} #vmenu_more a {color:inherit;} #vmenu_more dl {overflow:hidden;} #vmenu_more dl:after {content:""; clear:both; display:block;} #vmenu_more dt {float:left; width:25%; height:39px; font-size:14px; color:#101010; font-weight:bold; line-height:1.4;} #vmenu_more dt a {padding:0 3px;} #vmenu_more dt a:hover {text-decoration:none; background-color:#a1a1a1; color:#FFF;} #vmenu_more dt img {vertical-align:middle; margin-top:-2px;} #vmenu_more dd {float:left; width:75%; height:39px; font-size:14px; color:#888; line-height:1.4;} #vmenu_more dd a:hover {color:#101010;} #container {position:relative;} #contents {position:relative; width:1160px; margin:0 auto; text-align:left; min-height:650px; padding-bottom:100px;} #footer {clear:both; border-top:1px solid #e1e1e1; text-align:center;} #footer .core {position:relative; width:1160px; margin:0 auto; padding-bottom:60px; text-align:left;} #footer h2 {position:absolute; top:43px; left:69px;} #footer ul {padding:17px 0 13px 200px; overflow:hidden;} #footer ul:after {content:""; clear:both; display:block;} #footer ul li {position:relative; float:left; padding:0 9px; font-size:0; line-height:0;} #footer ul li:after {content:""; display:block; position:absolute; top:0; left:0; width:1px; height:11px; background-color:#e6e6e6;} #footer ul li:first-child {padding-left:0;} #footer ul li:first-child:after {display:none;} #footer ul li.sns img {margin-top:-3px; margin-right:8px;} #footer address {padding-left:200px; font-size:11px; color:#999898; line-height:16px;} #footer .msg {position:absolute; right:0; top:95px;} #footer .msg img {vertical-align:middle;} #footer .msg span {display:inline-block; vertical-align:middle; margin-left:10px;} #footer .msg span:first-child {margin-left:0;} #footer .msg span em {display:inline-block; font-size:11px; color:#999898; line-height:16px; vertical-align:middle; margin-left:5px;} #rbn_univ {position:absolute; width:90px; top:0; left:50%; margin-left:590px;} #rbn_univ img { margin-bottom:6px; vertical-align:top }