@charset "utf-8"; /* Header Style Definition */ #header{ width:100%; height:168px; } /* Header Top */ #header .head_top{ width:100%; height:30px; background:#f1f1f1; } /*140312색수정*/ #header .head_top > div{ position:relative; width:1000px; height:30px; margin:0 auto; } /*140312 height값수정*/ #header .head_top > div > ul{ float:left; height:15px; margin-top:7px; } #header .head_top > div > ul > li{ float:left; margin-right:14px; } #header .head_top > div > ul > li a{ color:#797979; } #header .head_top > div > ul > li + li{ padding-left:15px; background:url('../../img/common/spr_sejong_common01.png') -58px -20px no-repeat; } #header .head_top > div fieldset{ float:right; height:20px; margin-top:5px } #header .head_top > div fieldset > span{ display:inline-block; padding-right:5px; border:1px solid #c5c5c5; background:#ffffff; } #header .head_top > div fieldset > span label{ float:left; width:22px; height:18px; background:url('../../img/common/spr_sejong_common01.png') 4px 3px no-repeat; } #header .head_top > div fieldset > span input{ float:left; width:143px; height:14px; padding:2px; border:0 none; font-size:11px; color:#666666; } #header .head_top > div fieldset button{ width:42px; height:20px; margin:0; padding:0; border:0; background:url('../../img/common/spr_sejong_common01.png') 0 -20px no-repeat; } #header .head_top > div .f-menu{ position:absolute; top:35px; left:0px; width:994px; height:261px; background:#ffffff; border:3px solid #a31432; z-index:100; display:none; } #header .head_top > div .f-menu .fm{ height:232px; background:url('../../img/common/bg_fm.gif') repeat-x; } #header .head_top > div .f-menu .fm .fl{ float:left; background:none; } #header .head_top > div .f-menu .fm .fl > a{ display:block; width:100%; height:31px; background-position:center center; background-repeat:no-repeat; text-indent:-500px; overflow:hidden; } #header .head_top > div .f-menu .fm .fl > a:hover, #header .head_top > div .f-menu .fm .fl > a:focus{ background-color:#4c0b15; } #header .head_top > div .f-menu .fm .fm01{ width:139px; } #header .head_top > div .f-menu .fm .fm02{ width:141px; } #header .head_top > div .f-menu .fm .fm03{ width:134px; } #header .head_top > div .f-menu .fm .fm04{ width:154px; } #header .head_top > div .f-menu .fm .fm05{ width:131px; } #header .head_top > div .f-menu .fm .fm06{ width:126px; } #header .head_top > div .f-menu .fm .fm07{ width:169px; } #header .head_top > div .f-menu .fm .fm01 > a{ background-image:url('../../img/common/fm01.png'); } #header .head_top > div .f-menu .fm .fm02 > a{ background-image:url('../../img/common/fm02.png'); } #header .head_top > div .f-menu .fm .fm03 > a{ background-image:url('../../img/common/fm03.png'); } #header .head_top > div .f-menu .fm .fm04 > a{ background-image:url('../../img/common/fm04.png'); } #header .head_top > div .f-menu .fm .fm05 > a{ background-image:url('../../img/common/fm05.png'); } #header .head_top > div .f-menu .fm .fm06 > a{ background-image:url('../../img/common/fm06.png'); } #header .head_top > div .f-menu .fm .fm07 > a{ background-image:url('../../img/common/fm07.png'); } #header .head_top > div .f-menu .fm .fl ul{ height:180px; margin:9px 0; padding-left:13px; border-left:1px solid #dddddd; padding-top:4px; } #header .head_top > div .f-menu .fm .fm01 ul{ border-left:0 none; } #header .head_top > div .f-menu .fm .fl ul li{ height:18px; padding-left:9px; background:url('../../img/common/blt_fm.gif') left 5px no-repeat; } #header .head_top > div .f-menu .fm .fl ul li a{ color:#909090; } #header .head_top > div .f-menu .fm .fl ul li a:hover{ font-weight:bold; text-decoration:none; color:#c5848d; } #header .head_top > div .f-menu .btn{ width:972px; height:24px; padding:5px 11px 0; } #header .head_top > div .f-menu .bs{ float:left; } #header .head_top > div .f-menu .bs dt, #header .head_top .f-menu .bs dd{ float:left; } #header .head_top > div .f-menu .bs dt{ width:117px; padding-top:2px; } #header .head_top > div .f-menu .bc{ float:right; cursor:pointer; } /* Header Main */ #header .head_main{ position:relative; width:1000px; height:93px; margin:0 auto; z-index:10; } #header .head_main .logo{ float:left; margin-top:21px } #header .head_main .util{ float:right; margin:16px -25px 0 0; } #header .head_main .util li{ float:left; width:45px; margin-right:25px; } #header .head_main .util li a{ display:block; height:63px; background:url('../../img/common/spr_icon_set01.png') 0 0 no-repeat; } #header .head_main .util li a.tab01{ background-position:0 0; } #header .head_main .util li a.tab02{ background-position:-49px 0; } #header .head_main .util li a.tab03{ background-position:-98px 0; } #header .head_main .util li a.tab04{ background-position:-147px 0; } #header .head_main .util li a.tab05{ background-position:-208px 0; } /*웹접근성 추가 150403*/ #header .head_main .util li a.tab01:focus{ border:1px dotted #666666; } #header .head_main .util li a.tab02:focus{ border:1px dotted #666666; } #header .head_main .util li a.tab03:focus{ border:1px dotted #666666; } #header .head_main .util li a.tab04:focus{ border:1px dotted #666666; } #header .head_main .util li a.tab05:focus{ border:1px dotted #666666; } #header .head_main .icon-setting{ position:absolute; top:94px; right:0px; width:300px; height:310px; padding:10px; padding-bottom:0; box-shadow:2px 2px 5px #333333; border:1px solid #da0231; background:#ffffff; display:none; z-index:3000; } #header .head_main .icon-setting .bul{ position:absolute; top:-16px; z-index:2000; } /*마이아이콘 화살표 위치 조정: 8px+70px*X씩 좌측으로 이동*/ #header .head_main .icon-setting.it .bul{ left:8px; } #header .head_main .icon-setting.stud .bul{ left:78px; } #header .head_main .icon-setting.teach .bul{ left:148px; } #header .head_main .icon-setting.sjin .bul{ left:215px; } #header .head_main .icon-setting.dp-none01 .bul{ left:287px; } #header .head_main .icon-setting h3{ width:110px; height:15px; margin-bottom:19px; margin-left:8px; padding-top:7px; } #header .head_main .icon-setting .icon{ position:absolute; top:13px; right:17px; } #header .head_main .icon-setting .icon a{ display:block; overflow:hidden; float:left; width:14px; height:14px; background:url('../../img/common/spr_sejong_common01.png') -88px -111px no-repeat; } #header .head_main .icon-setting .icon a.close{ background-position-x:-108px; margin-left:5px; } #header .head_main .icon-setting .scroll{ overflow-y:scroll; overflow-x:hidden; width:270px; height:198px; padding-bottom:10px; border:1px solid #ededed; background:#f8f8f8; margin-left:15px; } #header .head_main .icon-setting .scroll ul{ margin:11px 0 0 14px; } #header .head_main .icon-setting .scroll ul li{ height:20px; margin-bottom:3px; } #header .head_main .icon-setting .scroll ul li .chb{ margin-right:13px; vertical-align:middle; } #header .head_main .icon-setting .btn-center{ margin-top:9px; text-align:center; } #header .head_main .icon-setting .btn-center a{ display:inline-block; width:51px; height:17px; background:url('../../img/common/spr_sejong_common01.png') -118px -66px no-repeat #ffffff; *display:inline; zoom:1; } #header .head_main .icon-setting .btn-center a.cancel{ background-position:-174px -66px; } #header .head_main .icon-setting .ics_it ul li{ float:left; position:relative; width:75px; height:86px; } #header .head_main .icon-setting .ics_it ul li img{ display:block; margin:0 auto; } #header .head_main .icon-setting .ics_it ul li span{ display:block; padding-top:6px; } /**skip navigation 추가 **/ #skipnavigation a:focus, #skipnavigation a:active{ left:0; padding:5px 0; background:#000000; color:#ffffff; } #skipnavigation a{ width:100%; display:block; position:absolute; left:-3000%; top:0; text-align:center; z-index:2; } /* GNB */ #header .head_nav{ width:100%; height:40px; background:#a31432; } #header .head_nav .gnb{ width:1000px; height:40px; margin:0 auto; } #header .head_nav .gnb li{ float:left; position:relative; width:166px; height:40px; z-index:1; } #header .head_nav .gnb li.last{ width:170px; } #header .head_nav .gnb li a{ display:block; height:22px; margin:9px auto 0; background:url('../../img/common/spr_gnb_text01.png') 0 0 no-repeat; } #header .head_nav .gnb li a.tab01{ width:58px; background-position:0 0 } #header .head_nav .gnb li a.tab02{ width:57px; background-position:-66px 0; } #header .head_nav .gnb li a.tab03{ width:83px; background-position:-131px 0; } #header .head_nav .gnb li a.tab04{ width:57px; background-position:-222px 0; } #header .head_nav .gnb li a.tab05{ width:57px; background-position:-287px 0; } #header .head_nav .gnb li a.tab06{ width:57px; background-position:-352px 0; } #header .head_nav .gnb li.active, #header .head_nav .gnb li:focus /*,#header .head_nav .gnb li.on*/ { background:url('../../img/common/spr_gnb_text01.png') -417px 0 no-repeat; } #header .head_nav .gnb li .depth02{ display:none; overflow:hidden; position:absolute; top:40px; padding:7px 0 7px; background:#4c0b15; z-index:1000; } #header .head_nav .gnb li .depth02 li{ float:left; width:auto; height:auto; margin-left:-1px; padding:0 20px 0 21px; background:url('../../img/common/spr_gnb_text01.png') -597px -40px no-repeat; z-index:100; } #header .head_nav .gnb li.active .depth02{ display:block; } #header .head_nav .gnb li.active .depth02 li a{ height:15px; margin:0; } /*#header .head_nav .gnb li.nav01 .depth02 {left:0; width:615px;}*/ /*#header .head_nav .gnb li.nav02 .depth02 {left:-50px; width:395px;}*/ /*#header .head_nav .gnb li.nav03 .depth02 {left:0; width:166px; text-align:center;}*/ /*#header .head_nav .gnb li.nav04 .depth02 {left:-377px; width:880px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 {left:-81px; width:328px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 {right:0; width:293px;}*/ #header .head_nav .gnb li.nav03 .depth02 li{ display:inline-block; float:none; *display:inline; zoom:1; } #header .head_nav .gnb li.nav03 .depth02 li:first-child{ background:0; } #header .head_nav .gnb li.nav01 .depth02 li a.sub01{ width:53px; background-position:0 -40px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub02{ width:42px; background-position:-94px -40px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub03{ width:42px; background-position:-177px -40px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub04{ width:52px; background-position:-260px -40px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub05{ width:52px; background-position:-353px -40px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub06{ width:43px; background-position:-446px -40px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub07{ width:43px; background-position:-532px -40px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub01:hover{ background-position:0 -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub02:hover{ background-position:-94px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub03:hover{ background-position:-177px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub04:hover{ background-position:-260px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub05:hover{ background-position:-353px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub06:hover{ background-position:-446px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub07:hover{ background-position:-532px -55px; } /*웹접근성 추가 150403*/ #header .head_nav .gnb li.nav01 .depth02 li a.sub01:focus{ background-position:0 -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub02:focus{ background-position:-94px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub03:focus{ background-position:-177px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub04:focus{ background-position:-260px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub05:focus{ background-position:-353px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub06:focus{ background-position:-446px -55px; } #header .head_nav .gnb li.nav01 .depth02 li a.sub07:focus{ background-position:-532px -55px; } /*----------------------------------------------------------------------------------------*/ #header .head_nav .gnb li.nav02 .depth02 li a.sub01{ width:53px; background-position:0 -70px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub02{ width:42px; background-position:-94px -70px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub03{ width:63px; background-position:-177px -70px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub04{ width:27px; background-position:-261px -70px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub05{ width:31px; background-position:-322px -70px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub06{ width:41px; background-position:-394px -70px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub01:hover{ background-position:0 -85px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub02:hover{ background-position:-94px -85px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub03:hover{ background-position:-177px -85px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub04:hover{ background-position:-261px -84px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub05:hover{ background-position:-322px -84px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub06:hover{ background-position:-394px -84px; } /*웹접근성 추가 150403*/ #header .head_nav .gnb li.nav02 .depth02 li a.sub01:focus{ background-position:0 -85px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub02:focus{ background-position:-94px -85px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub03:focus{ background-position:-177px -85px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub04:focus{ background-position:-261px -84px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub05:focus{ background-position:-322px -84px; } #header .head_nav .gnb li.nav02 .depth02 li a.sub06:focus{ background-position:-394px -84px; } /*----------------------------------------------------------------------------------------*/ /*#header .head_nav .gnb li.nav03 .depth02 li a.sub01 {width:20px; background-position:0 -100px;}*/ /*#header .head_nav .gnb li.nav03 .depth02 li a.sub02 {width:31px; background-position:-61px -100px;}*/ #header .head_nav .gnb li.nav03 .depth02 li:hover a.sub01{ background-position:0 -116px; } #header .head_nav .gnb li.nav03 .depth02 li:hover a.sub02{ background-position:-61px -116px; } /*웹접근성 추가 150403*/ #header .head_nav .gnb li.nav03 .depth02 li a.sub01:focus{ background-position:0 -116px; } #header .head_nav .gnb li.nav03 .depth02 li a.sub02:focus{ background-position:-61px -116px; } /*----------------------------------------------------------------------------------------*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub01 {width:42px; background-position:0 -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub02 {width:42px; background-position:-83px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub03 {width:42px; background-position:-165px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub04 {width:54px; background-position:-248px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub05 {width:43px; background-position:-342px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub06 {width:20px; background-position:-426px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub07 {width:43px; background-position:-487px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub08 {width:43px; background-position:-569px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub09 {width:64px; background-position:-652px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub10 {width:85px; background-position:-757px -132px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub01:hover {background-position:0 -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub02:hover {background-position:-83px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub03:hover {background-position:-165px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub04:hover {background-position:-248px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub05:hover {background-position:-342px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub06:hover {background-position:-426px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub07:hover {background-position:-487px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub08:hover {background-position:-569px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub09:hover {background-position:-652px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub10:hover {background-position:-757px -148px;}*/ /*웹접근성 추가 150403*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub01:focus {background-position:0 -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub02:focus {background-position:-83px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub03:focus {background-position:-165px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub04:focus {background-position:-248px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub05:focus {background-position:-342px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub06:focus {background-position:-426px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub07:focus {background-position:-487px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub08:focus {background-position:-569px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub09:focus {background-position:-652px -148px;}*/ /*#header .head_nav .gnb li.nav04 .depth02 li a.sub10:focus {background-position:-757px -148px;}*/ /*----------------------------------------------------------------------------------------*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub01 {width:42px; background-position:0 -164px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub02 {width:42px; background-position:-82px -164px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub03 {width:42px; background-position:-165px -164px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub04 {width:42px; background-position:-248px -164px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub01:hover {background-position:0 -179px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub02:hover {background-position:-82px -179px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub03:hover {background-position:-165px -179px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub04:hover {background-position:-248px -179px;}*/ /*웹접근성 추가 150403*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub01:focus {background-position:0 -179px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub02:focus {background-position:-82px -179px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub03:focus {background-position:-165px -179px;}*/ /*#header .head_nav .gnb li.nav05 .depth02 li a.sub04:focus {background-position:-248px -179px;}*/ /*----------------------------------------------------------------------------------------*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub01 {width:42px; background-position:0 -194px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub02 {width:21px; background-position:-82px -194px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub03 {width:25px; background-position:-144px -194px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub04 {width:43px; background-position:-208px -194px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub01:hover {background-position:0 -209px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub02:hover {background-position:-82px -209px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub03:hover {background-position:-144px -209px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub04:hover {background-position:-208px -209px;}*/ /*웹접근성 추가 150403*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub01:focus {background-position:0 -209px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub02:focus {background-position:-82px -209px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub03:focus {background-position:-144px -209px;}*/ /*#header .head_nav .gnb li.nav06 .depth02 li a.sub04:focus {background-position:-208px -209px;}*/ /*----------------------------------------------------------------------------------------*/ /* Visual Area Style Definition */ .page_visual{ position:relative; overflow:hidden; width:100%; height:145px; } .page_visual .mv{ width:1000px; height:145px; margin:0 auto; } .page_visual .bv{ position:absolute; top:0; left:50%; z-index:-1; width:500px; height:145px; } .page_visual .bv img{ width:100%; height:100%; } .page_visual .lv{ margin-left:-1000px; } .page_visual .rv{ margin-left:500px; } /**/ .page_visual.sejong .mv{ background:url('../../img/sejong/img_sub_banner01.jpg') 0 0 no-repeat; } .page_visual.sejong .lv{ background:url('../../img/sejong/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.sejong .rv{ background:url('../../img/sejong/img_sub_banner03.jpg') 0 0 no-repeat; } .page_visual.admission .mv{ background:url('../../img/admission/img_sub_banner01.jpg') 0 0 no-repeat; } .page_visual.admission .lv{ background:url('../../img/admission/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.admission .rv{ background:url('../../img/admission/img_sub_banner03.jpg') 0 0 no-repeat; } .page_visual.college .mv{ background:url('../../img/college/img_sub_banner01.jpg') 0 0 no-repeat; } .page_visual.college .lv{ background:url('../../img/college/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.college .rv{ background:url('../../img/college/img_sub_banner03.jpg') 0 0 no-repeat; } .page_visual.unilife .mv{ background:url('../../img/unilife/img_sub_banner01.jpg') 0 0 no-repeat; } .page_visual.unilife .lv{ background:url('../../img/unilife/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.unilife .rv{ background:url('../../img/unilife/img_sub_banner03.jpg') 0 0 no-repeat; } .page_visual.center .mv{ background:url('../../img/center/img_sub_banner01.jpg') 0 0 no-repeat; } .page_visual.center .lv{ background:url('../../img/center/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.center .rv{ background:url('../../img/center/img_sub_banner03.jpg') 0 0 no-repeat; } .page_visual.community .mv{ background:url('../../img/community/img_sub_banner01.jpg') 0 0 no-repeat; } .page_visual.community .lv{ background:url('../../img/community/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.community .rv{ background:url('../../img/community/img_sub_banner03.jpg') 0 0 no-repeat; } .page_visual.community2 .mv{ background:url('../../img/community/img_sub_banner04.jpg') 0 0 no-repeat; } .page_visual.community2 .lv{ background:url('../../img/community/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.community2 .rv{ background:url('../../img/community/img_sub_banner03.jpg') 0 0 no-repeat; } .page_visual.etc .mv{ background:url('../../img/etc/img_sub_banner01.jpg') 0 0 no-repeat; } .page_visual.etc .lv{ background:url('../../img/etc/img_sub_banner02.jpg') 0 0 no-repeat; } .page_visual.etc .rv{ background:url('../../img/etc/img_sub_banner03.jpg') 0 0 no-repeat; } /**/ .new2018 .page_visual .lv{ display:none; } .new2018 .page_visual .rv{ display:none; } .new2018 .page_visual .mv{ width:100%; } .new2018 .page_visual .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img1.jpg) no-repeat center; } .new2018 .page_visual.sejong .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img1.jpg) no-repeat center; } .new2018 .page_visual.admission .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img2.jpg) no-repeat center; } .new2018 .page_visual.college .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img3.jpg) no-repeat center; } .new2018 .page_visual.unilife .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img4.jpg) no-repeat center; } .new2018 .page_visual.center .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img5.jpg) no-repeat center; } .new2018 .page_visual.community .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img6.jpg) no-repeat center; } .new2018 .page_visual.community2 .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img6.jpg) no-repeat center; } .new2018 .page_visual.etc .mv{ background:url(/sogood_sm/2018_05_30/sub_vi/img1.jpg) no-repeat center; } /* Page Style Definition */ #page_container{ position:relative; width:1000px; margin:0 auto; zoom:0; } .new2018 #page_container{ width:1200px; padding-left:55px; padding-right:55px; box-sizing:border-box; } #page_container:after{ clear:both; display:block; content:''; } /* LNB */ #lnb{ position:relative; float:left; width:210px; margin-top:20px; } #lnb .lnb-tit{ width:210px; height:50px; margin-bottom:1px; } #lnb .nav{ border-bottom:1px solid #dbdbdb; } #lnb .nav li{ margin:1px 0; } #lnb .nav .depth01{ width:100% } #lnb .nav .depth01 strong{ display:block; width:195px; height:23px; padding-left:15px; padding-top:10px; border-top:1px solid #dbdbdb; } #lnb .nav .depth01 strong a{ display:block; height:15px; } #lnb .nav .depth01 ul{ border-top:1px solid #dbdbdb; } #lnb .nav .depth01 ul li{ background:#f2f2f2; height:17px; padding:6px 0 0 13px; } #lnb .nav .depth01 ul li a{ display:block; height:12px; } #lnb .nav .depth01 > ul, #lnb .nav .depth01 > ul > li{ display:none; } /* Content Style Definition */ #content{ position:relative; float:right; width:770px; margin-top:20px; padding-bottom:50px; border-top:1px solid #dbdbdb; padding-top:14px; } .new2018 #content{ margin-top:40px; } /* Location */ #content .location{ position:absolute; right:0; top:-7px; padding-left:7px; background:#ffffff; } #content .location a{ color:#999999 } /*#content .location a.home{ padding-left:18px; background:url('../../img/common/ico_home.png') 0 0 no-repeat; }*/ #content .location strong{ font-weight:100; color:#999999; } /* Utility */ #content .page_util{ position:absolute; top:17px; right:0; } #content .page_util a{ display:block; float:left; width:14px; height:14px; margin-right:4px; background:url('../../img/common/spr_sejong_common01.png') 0 -212px no-repeat; } #content .page_util a.util01{ background-position:0 -212px; } #content .page_util a.util02{ background-position:-17px -212px; } #content .page_util a.util03{ margin-right:10px; background-position:-34px -212px; } #content .page_util a.util04{ background-position:-57px -212px; } #content .page_util a.util05{ background-position:-75px -212px; } #content .page_util a.util06{ background-position:-93px -212px; } /* Title */ #content .title{ height:16px; } #content .title .stitle{ display:inline-block; margin-left:10px; padding-left:11px; background:url('../../img/common/spr_sejong_common01.png') 0 -235px no-repeat; vertical-align:bottom; } #content .title .stitle.type2{ color:#a31432; font-size:15px; letter-spacing:-0.1em; } #content .title .stitle.type2{ font-family:'맑은고딕', 'Malgun Gothic', Tahoma, Dotum, '돋움', Arial, sans-serif; } /* Footer Style Definition */ #footer{ width:100%; margin-top:30px; border-top:1px solid #7b7b7b; } #footer > div{ width:1000px; height:70px; margin:0 auto; padding-top:14px; } #footer > div:after{ clear:both; display:block; content:''; } #footer > div .logo{ float:left; width:130px; margin-right:18px; } #footer > div .social{ float:left; width:70px; } #footer > div .social > a{ display:block; float:left; width:32px; height:32px; background-image:url('../../img/common/spr_sejong_common01.png'); } #footer > div .social > a.facebook{ margin-right:5px; background-position:0 -335px; } #footer > div .social > a.twitter{ background-position:-36px -335px; } #footer > div .foot_box{ float:right; position:relative; } #footer > div .foot_box .foot_menu{ display:inline-block; width:100%; margin-bottom:10px; } #footer > div .foot_box .foot_menu ul{ float:left; width:790px; height:17px; padding-top:2px; background:url('../../img/common/bg_footer_area02.png') no-repeat; } #footer > div .foot_box .foot_menu ul li{ float:left; padding:3px 12.5px 0; background:url('../../img/common/spr_sejong_common01.png') 0 -317px no-repeat; letter-spacing:-1px; text-align:center; font-size:11px; line-height:1em; } #footer > div .foot_box .foot_menu ul li a{ color:#838383; } #footer > div .foot_box .foot_menu ul li:first-child{ background:0; } #footer > div .foot_box .combo_box{ position:absolute; right:0; top:30px; } #footer > div .foot_box .combo_box fieldset{ float:left; margin-left:7px; } #footer > div .foot_box .combo_box select{ font-size:11px; letter-spacing:-1px; vertical-align:top; } /**/ #footer > div .foot_box > .sns_box{ font-size:0px; position:absolute; right:0px; top:-8px; } #footer > div .foot_box > .sns_box > a{ display:inline-block; } #footer > div .foot_box > .sns_box > a + a{ margin-left:10px; }