@import url('reset.css'); /* #wrap {width:100%; height:auto; margin:0; overfloat:hidden } */ #wrap {width:100%; position:relative; z-index:1; padding:0; margin:0;} /* 2015-01-23 수정 */ /* #header {margin:0 auto; padding:0; position:relative; z-index:500; } #container {margin:0;}*/ #container{position:relative; z-index:2; overflow:hidden; width:100%; min-height:520px; margin:0 auto 30px; padding-top:0px;} /* 2015-01-23 수정 */ .off {display:none !important;} .content {position:relative; width:1094px; margin:0 auto;} /* 상단 */ /*** header *****/ #wrap header{/* position:fixed;*/ position:relative; top:0; width:100%; min-height:117px;} #wrap header .gnb{width:100%; height:33px; background:#01aeb2; border-bottom:1px solid #ebebeb;} #wrap header .gnb > div{position:relative; width:1094px; margin:0 auto;} #wrap header .gnb > div .mobileBtn {display:none;} #wrap header .gnb > div > ul {position:absolute; top:0;} #wrap header .gnb > div > ul li{float:left;} #wrap header .gnb > div > ul li a{display:block; height:32px; line-height:32px; color:#fff; text-align:center} #wrap header .gnb > div > ul.leftMenu{left:0;} #wrap header .gnb > div > ul.leftMenu li a{width:70px; border-left:1px solid #4ec6c9; font-size:11px;} #wrap header .gnb > div > ul.leftMenu li:first-child a{width:62px; border-left:1px solid #4ec6c9; text-align:center } #wrap header .gnb > div > ul.leftMenu li a:hover{ font-weight:bold} #wrap header .gnb > div > ul.leftMenu li img{margin-bottom:-2px;} #wrap header .gnb > div > ul.leftMenu li.last{border-right:1px solid #4ec6c9;} #wrap header .gnb > div > ul.leftMenu li.on a{background:#fff; color:#4d4d4d ; font-weight:bold; } #wrap header .gnb > div > ul.leftMenu2 { display:none;} #wrap header .gnb > div > ul.leftMenu3 { display:none;} #wrap header .gnb > div > ul.rightMenu{right:0; margin-right:0px} #wrap header .gnb > div > ul.rightMenu li{ background:url(/images/common/menu_line.gif) no-repeat left 50%;} #wrap header .gnb > div > ul.rightMenu li a {padding:0 8px;font-size:11px; color:#fff;} #wrap header .gnb > div > ul.rightMenu li:first-child{background:none} #wrap header .gnb > div > ul.rightMenu li.last a{width:104px; padding:0; text-align:center} .ie7 #wrap header .gnb > div > ul.rightMenu li.last a {margin-left:20px;} .ie8 #wrap header .gnb > div > ul.rightMenu li.last a {margin-left:20px;} #wrap header .gnb > div > ul.rightMenu li.on a{background:#237491; color:#fff; font-weight:bold} #wrap header .gnb > div > ul.rightMenu li.logout {display:none} #wrap header .gnb > div > ul.rightMenu li.myMenu {display:none} #wrap header .gnb > div > p{position:absolute; right:0; top:0; width:62px;} #wrap header .gnb > div > ul.rightMenu li.search{ position:relative; display:block; z-index:5; width:150px; height:21px; top:5px; left:5px;} #wrap header .gnb > div > ul.rightMenu li.search p{margin-right:0px; height:23px; border:1px solid #ccc; border-right:0; background:#dedede} #wrap header .gnb > div > ul.rightMenu li.search p input{width:85%; border:0px; text-indent:5px;padding: 3px 0 3px; background:#dedede} #wrap header .gnb > div > ul.rightMenu li.search input[type="button"]{ position:absolute; top:2px; width:20px; height:20px; text-indent:-5000px; border:0; background:url(/images/common/btn_search.png) no-repeat left top;} #wrap header .gnb > div > ul.rightMenu li.search span { position:absolute; top:2px; width:20px; height:20px; text-indent:-5000px; border:0; background:url(/images/common/btn_search.png) no-repeat left top;} /*** header > gnb *****/ #wrap header .lnbWrap{position:relative; width:100%; min-height:84px; background:url(/images/common/bg_topLine.png) repeat-x left bottom;} #wrap header .lnbArea{position:relative; width:1094px; margin:0 auto;} /*** header > gnb > 1뎁스 클릭시 상단라인 초기 상태 none*****/ .lnbBtnLine{position:absolute; z-index:5; top:80px; width:100%; height:1px; text-indent:-5000px;} .lnbBtnLine.over{background:#bebebe;} #wrap header .lnbArea .lnbOverLine{position:absolute; top:77px; z-index:5; width:0; height:4px; background:#cc2633; text-indent:-5000px; border:0} .ie7 #wrap header .lnbWrap, .ie8 #wrap header .lnbWrap {background:url(/images/common/bg_topLine.png) repeat-x left bottom;} #wrap header .lnbArea .m_nav {position:fixed; margin-top:17px; right:2%; display:none; z-index:21;} #wrap header .lnbArea .m_nav.show {display:none;} #wrap header .lnbArea .nav.show {display:none;} #wrap header .lnbArea h1{position:absolute; z-index:2; left:0; top:23px; width:177px; height:33px;} #wrap header .lnbArea h1 a {display:block; width:171px; height:33px;} #wrap header .lnbArea nav{display:block; position:absolute; z-index:1; left:0; top:0; width:1094px; height:82px; margin:0 auto;} #header .scrollup {width:40px; height:40px; opacity:0.3; position:fixed; bottom:10px; left:50%; display:none; text-indent:-9999px; display:none; cursor:pointer; background: url('/images/back-to-top.png') no-repeat scroll 0% 0% transparent; z-index:999999999} /*** header > gnb > 1depth *****/ /* #wrap header .lnbArea nav > ul {width:100%; display:inline-block; vertical-align:top;} */ #wrap header .lnbArea nav > ul > li{float:left; margin-right:0px; position:relative;} #wrap header .lnbArea nav > ul > li > a{white-space:nowrap; display:block; position:absolute; padding:32px 0 29px; font-size:17px; font-weight:bold; letter-spacing:-1px;} #wrap header .lnbArea nav > ul > li.on > a , #wrap header .lnbArea nav > ul > li > a:hover {background:#fff; color:#00878d !important;} /*** header > gnb > 2depth, 3depth *****/ #wrap header .lnbArea nav > ul > li .innerWrap {position:absolute; top:81px; height:100%; z-index:3;} #wrap header .lnbArea nav > ul > li .inner {position:relative; top:0; left:0; width:1094px; height:100%;} #wrap header .lnbArea nav > ul > li.menu01 > a{left:333px;} #wrap header .lnbArea nav > ul > li.menu02 > a{left:470px;} #wrap header .lnbArea nav > ul > li.menu03 > a{left:603px;} #wrap header .lnbArea nav > ul > li.menu04 > a{left:742px;} #wrap header .lnbArea nav > ul > li.menu05 > a{left:877px;} #wrap header .lnbArea nav > ul > li.menu06 > a{left:1017px;} #wrap header .lnbArea nav > ul > li > a .menu_img {display:inline-block; margin:100px 0 0;} #wrap header .lnbArea nav > ul > li .depth2 {position:absolute; left:0; top:10px; width:100%; /* min-height:280px; */ height:100%; z-index:999;} #wrap header .lnbArea nav > ul > li .depth2 > ul {width:100%; display:inline-block; vertical-align:top; height:auto; /*margin:15px 0 14px;*/} #wrap header .lnbArea nav > ul > li .depth2 > ul > li { *width:8.53%; float:left; border-left:1px solid #dedede; padding:0 1.3%; margin-right:-1px; min-height:173px;} /* padding:0 1.95%;*/ #wrap header .lnbArea nav > ul > li .depth2 > ul > li:first-child {border-left:0;} #wrap header .lnbArea nav > ul > li .depth2 > ul > li > a {display:block; font-size:15px; padding:12px 0 8px; text-transform:uppercase; font-weight:bold;} #wrap header .lnbArea nav > ul > li .depth2 > ul > li > a:hover {color:#454545;} #wrap header .lnbArea nav > ul > li .depth2 > ul > li > .depth3 {width:100%; display:inline-block; vertical-align:top;} #wrap header .lnbArea nav > ul > li .depth2 > ul > li > .depth3 > ul {float:left; width:auto; min-width:50%;} #wrap header .lnbArea nav > ul > li .depth2 > ul > li > .depth3 > ul > li > a {display:block; padding:8px 0 7px; font-size:12px; color:#6b6b6b} #wrap header .lnbArea nav > ul > li .depth2 > ul > li > .depth3 > ul > li > a:hover {color:#237491; text-decoration:underline;} #wrap header .lnbArea nav > ul > li .depth2_01 {position:absolute; left:0; top:10px; width:100%; /* min-height:280px; */ height:100%; z-index:999;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul {width:100%; display:inline-block; vertical-align:top; height:auto; margin:15px 0 14px;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li {float:left; border-left:1px solid #dedede; padding:0 5%; margin-right:-1px; min-height:173px;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li:first-child {border-left:0;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li > a {display:block; font-size:20px; padding:12px 0 8px; text-transform:uppercase; font-weight:bold;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li > a:hover {color:#454545;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li > .depth3 {width:100%; display:inline-block; vertical-align:top;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li > .depth3 > ul {float:left; width:auto; min-width:50%;} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li > .depth3 > ul > li > a {display:block; padding:8px 0 7px; font-size:12px; color:#6b6b6b} #wrap header .lnbArea nav > ul > li .depth2_01 > ul > li > .depth3 > ul > li > a:hover {color:#237491; text-decoration:underline;} #wrap header .lnbArea nav > ul > li .depth2_02 {position:absolute; left:0; top:10px; width:100%; /* min-height:280px; */ height:100%; z-index:999;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul {width:100%; display:inline-block; vertical-align:top; height:auto; margin:15px 0 14px;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li {float:left; border-left:1px solid #dedede; padding:0 5%; margin-right:-1px; min-height:173px;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li:first-child {border-left:0;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li > a {display:block; font-size:20px; padding:12px 0 8px; text-transform:uppercase; font-weight:bold;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li > a:hover {color:#454545;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li > .depth3 {width:100%; display:inline-block; vertical-align:top;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li > .depth3 > ul {float:left; width:auto; min-width:50%;} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li > .depth3 > ul > li > a {display:block; padding:8px 0 7px; font-size:12px; color:#6b6b6b} #wrap header .lnbArea nav > ul > li .depth2_02 > ul > li > .depth3 > ul > li > a:hover {color:#237491; text-decoration:underline;} #wrap header .lnbArea nav > ul > li .depth2_03 {position:absolute; left:0; top:0px; width:100%; /* min-height:280px; */ height:100%; z-index:999;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul {width:100%; display:inline-block; vertical-align:top; height:auto; margin:15px 0 14px;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li {*width:6.95%; float:left; border-left:1px solid #dedede; padding:0 2.3%; margin-right:-1px; min-height:173px;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li:first-child {border-left:0;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li > a {display:block; font-size:15px; padding:12px 0 8px; text-transform:uppercase; font-weight:bold;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li > a:hover {color:#454545;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li > .depth3 {width:100%; display:inline-block; vertical-align:top;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li > .depth3 > ul {float:left; width:auto; min-width:50%;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li > .depth3 > ul > li > a {display:block; padding:6px 0 5px; font-size:12px; color:#6b6b6b}/*줄간격을 7에서 5로(짤림 현상)*/ #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li > .depth3 > ul > li > a:hover {color:#237491; text-decoration:underline;} #wrap header .lnbArea nav > ul > li .depth2_04 {position:absolute; left:0; top:10px; width:100%; /* min-height:280px; */ height:100%; z-index:999;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul {width:100%; display:inline-block; vertical-align:top; height:auto; margin:15px 0 14px; vertical-align:top;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li {*width:6.95%; float:left; border-left:1px solid #dedede; padding:0 2.9%; margin-right:-1px; min-height:173px;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li:first-child {border-left:0;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li+li+li+li+li+li+li+li {*padding-right:0} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li > a {display:block; font-size:15px; padding:12px 0 8px; text-transform:uppercase; font-weight:bold;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li > a:hover {color:#454545;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li > .depth3 {width:100%; display:inline-block; vertical-align:top;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li > .depth3 > ul {float:left; width:auto; min-width:50%;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li > .depth3 > ul > li > a {display:block; padding:8px 0 7px; font-size:12px; color:#6b6b6b} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li > .depth3 > ul > li > a:hover {color:#237491; text-decoration:underline;} #wrap header .lnbArea nav > ul > li.on.menu1 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu2 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu3 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu4 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu5 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu6 > a {background-position:50% -56px; height:50px;} /* #wrap header .lnbArea nav > ul > li.menu1 > .depth2 > ul > li {width:15%;} #wrap header .lnbArea nav > ul > li.menu2 > .depth2 > ul > li {width:15%;} #wrap header .lnbArea nav > ul > li.menu3 > .depth2 > ul > li {width:12.5%; padding:0 2%;} #wrap header .lnbArea nav > ul > li.menu3 > .depth2 > ul > li:last-child {width:13.5%;} #wrap header .lnbArea nav > ul > li.menu4 > .depth2 > ul > li {width:15%;} #wrap header .lnbArea nav > ul > li.menu5 > .depth2 > ul > li {width:15%;} #wrap header .lnbArea nav > ul > li.menu6 > .depth2 > ul > li {width:12.5%; padding:0 2%;} #wrap header .lnbArea nav > ul > li.menu6 > .depth2 > ul > li:last-child {width:13.5%;} #wrap header .lnbArea nav > ul > li.on.menu1 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu2 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu3 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu4 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu5 > a {background-position:50% -36px; height:50px;} #wrap header .lnbArea nav > ul > li.on.menu6 > a {background-position:50% -56px; height:50px;} */ #wrap header .lnbArea .quick_gnb {display:none;} .lnb_submenu_bg {position:absolute; width:100%; height:0; overflow:hidden; z-index:9;} .lnb_submenu_bg span {height:100%; display:block; background:url("/images/common/gnb_submenu_bg.png") repeat-x 0 100%;} .allMenuBtnLine{position:absolute; z-index:5; top:80px; width:100%; height:1px; text-indent:-5000px;} .allMenuBtnLine.over{background:#bebebe;} #wrap header .lnbArea nav > ul > li .depth2_01 > div{position:absolute; top:0; width:500px; padding:0px 0 0px; height:100%; min-height:427px;} #wrap header .lnbArea nav > ul > li .depth2_01 .bannerAreaL{left:595px; border-left:0px solid #bebebe; border-right:0px solid #bebebe; background:url(/images/common/bg_bannerAreaL.png);/* #f7f2ec; */} #wrap header .lnbArea nav > ul > li .depth2_02 > div{position:absolute; top:0; width:500px; padding:0px 0 0px; height:100%; min-height:427px;} #wrap header .lnbArea nav > ul > li .depth2_02 .bannerAreaL{left:595px; border-left:0px solid #bebebe; border-right:0px solid #bebebe; background:url(/images/common/bg_bannerAreaL.png);/* #f7f2ec; */} /*** header > 검색> 모바일용 검색 버튼*****/ #wrap header .lnbArea > span{display:none} /*** header > 전체메뉴버튼 *****/ #wrap header .lnbArea > p {display:none;} #wrap header .gnb > div .mobileBtn {display:none;} #ul_gnb_1:after, .clearfix:after, .ul_btn:after {display:block; visibility:hidden; clear:both; height:0; content:'';} #ul_gnb_1, .clearfix {*zoom:1} #ul_gnb_1 {position:absolute; top:0px; left:0; padding-left:0px; z-index:2;} #ul_gnb_1 > li {float:left;} #ul_gnb_1 > li > a {display:block; padding:0 15px; font-weight:normal; color:#303235;} #ul_gnb_1 > li > a span {display:block; padding:0 1px 3px; border-bottom:4px solid #fff; font-weight:bold; font-size:15px; font-family:'NanumBold'; line-height:50px; white-space:nowrap;} #ul_gnb_1 > li > a span img { vertical-align:middle; margin-top:-8px;} #ul_gnb_1 > li.on > a span {border-bottom-color:#3395d2; color:#007ac7;} .box_gnb_1 {visibility:hidden; overflow:hidden; position:absolute; left:0; top:58px; width:801px; padding-left:219px;} .box_gnb_1 h2 {position:absolute; top:28px; left:0;} .box_gnb_1 h2{color:#0c4da2; font-weight:normal; font-family:'NanumBold'; white-space:nowrap; font-size:32px; line-height:28px; } .box_gnb_1 h2 .txt_1 {display:block; font:13px 'Nanum'; padding-top:16px; line-height:18px;} .ul_gnb_2 {overflow:hidden; padding-bottom:24px; border-right:1px solid #e9e9e9; background:url("/images/common/bg_gnb_1.png") 0 0;} .ul_gnb_2 > li {float:left; /* height:170px;*/ padding-top:27px;}/* 각 메뉴 하위메뉴 높이값 설정 */ /*.li_openInfo .ul_gnb_2 > li{height: auto;} */ /*.li_custom .ul_gnb_2 > li{height:210px;} */ /*.li_manage .ul_gnb_2 > li {height:200px;} */ /*.li_info .ul_gnb_2 > li {height:140px;} */ /*.li_business .ul_gnb_2 > li {height:140px;} */ /*.li_company .ul_gnb_2 > li{height:160px;} */ .ul_gnb_2 > li > a {display:block; position:relative; width:146px; height:auto; padding:0 0 8px 14px; font-weight:bold; font-size:14px; letter-spacing:-1px; font-family:'NanumBold'; color:#151515; text-align:left;} .ul_gnb_2 > li > a:hover {color:#3b5fc1; text-decoration:underline;} .ul_gnb_2 > li.li_1 {position:absolute; top:88px; left:0; height:auto; padding:8px 0; border:1px solid #007ac7; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}/* 개요보기 버튼 */ .ul_gnb_2 > li.li_1 > a {height:auto; line-height:28px; padding:0; color:#007ac7; text-align:center;} .ul_gnb_3 > li > a {display:block; width:145px; padding-left:14px; font-size:12px; line-height:20px; color:#666;} .ul_gnb_3 > li > a:hover {color:#007ac7; text-decoration:underline;} .bg_header_1 {position:absolute; top:97px; left:0; width:100%; height:0; background-color:#f5f5f5;} .bg_header_1.on {border-bottom:1px solid #d4d4d4;} /* 내용 */ #content {position:relative; width:1094px; margin:0 auto;} #subcontArea{position:relative; float:left; overflow:hidden; width:815px;} #subcontArea .contents{position:relative; margin-bottom:40px;} /* 서브메뉴 */ /* subMenu */ #lnb {position:absolute; width:166px; padding-bottom:30px; top:0; left:0; z-index:999} #lnb .leftmenu {position:relative; background:#f1f1f1; padding-bottom:15px; border-bottom:1px solid #e8e8e8;} #lnb .leftmenu h2 {height:86px; overflow:hidden; background:#007b85; text-align:center} #lnb .leftmenu h2 a {display:block; width:100%; padding:30px 0 35px 0; letter-spacing:-1px; font-size:24px; font-weight:600; color:#fff; } #lnb .leftmenu .course-subject {text-align:center; font-weight:600; color:#df2c5f; padding:13px 0 9px 0; } #lnb .leftmenu .course-subject .term {padding:4px 0; font-weight:bold; font-size:95%; letter-spacing:-1px;} #lnb .leftmenu .courseSelect {border:1px solid #747474; overflow: hidden; background-color: #fff; cursor: pointer; text-align:left; padding:5px 3px; width:85%; margin:0 auto} #lnb .leftmenu .courseSelect > span {font-weight: bold; float:left; overflow:hidden; text-overflow:clip; white-space:nowrap; width:120px; color:#282828} #lnb .leftmenu .courseSelect > img {float:right; width:8px; margin:4px 3px 0 0;} /* 탭메뉴 */ .tabmenu {width:100%; overflow:hidden;} .tabmenu > * {width:100%; display:inline-block; vertical-align:top;} .tabmenu.tab_2ea {} .tabmenu.tab_2ea > * {padding-bottom:1px;} .tabmenu.tab_2ea > * > li {float:left; width:33.3%; margin-bottom:-1px;} .tabmenu.tab_2ea > * > li > span {display:block; border:1px solid #e2e2e2; border-left:0; padding-right:20px; background:url("/images/sub/bg_tab_off.gif") #fff no-repeat 100% 21px;} .tabmenu.tab_2ea > * > li > span a {display:block; padding:15px 0 17px 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tabmenu.tab_2ea > * > li:first-child > span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_2ea > * > li.on > span {border-color:#0b5270; background:url("/images/sub/bg_tab_on.gif") #237491 no-repeat 100% 21px;} .tabmenu.tab_2ea > * > li.on > span a {border-color:#0b5270; color:#fff;} .tabmenu.tab_2ea2 {} .tabmenu.tab_2ea2 > * {padding-bottom:1px;} .tabmenu.tab_2ea2 > * > li {float:left; width:50%; margin-bottom:-1px;} .tabmenu.tab_2ea2 > * > li > span {display:block; border:1px solid #e2e2e2; border-left:0; padding-right:20px; background:url("/images/sub/bg_tab_off.gif") #fff no-repeat 100% 21px;} .tabmenu.tab_2ea2 > * > li > span a {display:block; padding:15px 0 17px 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tabmenu.tab_2ea2 > * > li:first-child > span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_2ea2 > * > li.on > span {border-color:#0b5270; background:url("/images/sub/bg_tab_on.gif") #237491 no-repeat 100% 21px;} .tabmenu.tab_2ea2 > * > li.on > span a {border-color:#0b5270; color:#fff;} .tabmenu.tab_3ea {} .tabmenu.tab_3ea.bg_on {/*background:url("../images/common/tab_3ea_bg_on.gif") no-repeat 100% 100%;*/} .tabmenu.tab_3ea > * {padding-bottom:1px;} .tabmenu.tab_3ea > * > li {float:left; width:33.3%; margin-bottom:-1px;} .tabmenu.tab_3ea > * > li > span {display:block; border:1px solid #e2e2e2; border-left:0; padding-right:20px; background:url("/images/sub/bg_tab_off.gif") #fff no-repeat 100% 21px;} .tabmenu.tab_3ea > * > li > span a {display:block; padding:15px 0 17px 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tabmenu.tab_3ea > * > li:first-child > span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_3ea > * > li.on > span {border-color:#0b5270; background:url("/images/sub/bg_tab_on.gif") #237491 no-repeat 100% 21px;} .tabmenu.tab_3ea > * > li.on > span a {border-color:#0b5270; color:#fff;} .tabmenu.tab_3ea > * > li:first-child + * + * + * > span {border-left:1px solid #e2e2e2;} .tabmenu.tab_3ea > * > li:first-child + * + * + * + * > span {border-left:0;} .tabmenu.tab_3ea > * > li:first-child + * + * + * + * + * + * > span {border-left:1px solid #e2e2e2;} .tabmenu.tab_3ea > * > li:first-child + * + * + * + * + * + * + * > span {border-left:0;} .tabmenu.tab_3ea > * > li:first-child + * + * + * + * + * + * + * + * + * > span {border-left:1px solid #e2e2e2;} .tabmenu.tab_4ea {} .tabmenu.tab_4ea > * {padding-bottom:1px;} .tabmenu.tab_4ea > * > li {float:left; width:25%; margin-bottom:-1px;} .tabmenu.tab_4ea > * > li > span {display:block; border:1px solid #e2e2e2; border-left:0; padding-right:20px; background:url("/images/sub/bg_tab_off.gif") #fff no-repeat 100% 21px;} .tabmenu.tab_4ea > * > li > span a {display:block; padding:15px 0 17px 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tabmenu.tab_4ea > * > li:first-child > span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_4ea > * > li.on > span {border-color:#0b5270; background:url("/images/sub/bg_tab_on.gif") #237491 no-repeat 100% 21px;} .tabmenu.tab_4ea > * > li.on > span a {border-color:#0b5270; color:#fff;} .tabmenu.tab_4ea > * > li:first-child + * + * + * + * > span {border-left:1px solid #e2e2e2;} .tabmenu.tab_4ea > * > li:first-child + * + * + * + * + * + * + * + * > span {border-left:1px solid #e2e2e2;} .tabmenu.tab_4ea > * > li:first-child + * + * + * + * + * + * + * + * + * + * + * + * > span {border-left:1px solid #e2e2e2;} /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ .tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {float:left; width:25%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tabmenu.tab_5ea {} .tabmenu.tab_5ea > * {padding-bottom:1px;} .tabmenu.tab_5ea > * > li {float:left; width:20%; margin-bottom:-1px;} .tabmenu.tab_5ea > * > li > span {display:block; border:1px solid #e2e2e2; border-left:0; padding-right:20px; background:url("/images/sub/bg_tab_off.gif") #fff no-repeat 100% 21px;} .tabmenu.tab_5ea > * > li > span a {display:block; padding:15px 0 17px 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tabmenu.tab_5ea > * > li:first-child > span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_5ea > * > li.on > span {border-color:#0b5270; background:url("/images/sub/bg_tab_on.gif") #237491 no-repeat 100% 21px;} .tabmenu.tab_5ea > * > li.on > span a {border-color:#0b5270; color:#fff;} .tabmenu.tab_5ea > * > li:first-child + * + * + * + * + * > span {border-left:1px solid #e2e2e2;} .tabmenu.tab_5ea > * > li:first-child + * + * + * + * + * + * + * + * + * + * > span {border-left:1px solid #e2e2e2;} .tabmenu2 {width:100%; overflow:hidden;} .tabmenu2 > * {width:100%; display:inline-block; vertical-align:top;} .tabmenu2.tab_2ea {} .tabmenu2.tab_2ea > * > li {float:left; width:85px; margin:0 22px 0 0;} .tabmenu2.tab_2ea > * > li > span a {display:block; text-align:center; padding:9px 0 7px;} .tabmenu2.tab_2ea > * > li.on {border-bottom:2px solid #2695a9;} .tabmenu2.tab_2ea > * > li.on > span {display:block;} .tabmenu2.tab_2ea > * > li.on > span a {color:#101010;} .tabmenu3 {width:100%; overflow:hidden;} .tabmenu3 > ul {width:110%; display:inline-block; vertical-align:top;} .tabmenu3.tab_2ea {} .tabmenu3.tab_2ea > * > li {float:left; width:122px; margin:0 26px 0 0;} .tabmenu3.tab_2ea > * > li > span a {display:block; text-align:center; padding:9px 0 9px; font-weight:normal;} .tabmenu3.tab_2ea > * > li.on {border-bottom:2px solid #237491;} .tabmenu3.tab_2ea > * > li.on > span {display:block;} .tabmenu3.tab_2ea > * > li.on > span a {color:#101010; font-weight:bold; padding-bottom:7px;} /* 다중탭 */ .tabmenu.tab_2ea .tabmenu3 {width:200%; display:none; margin-top:40px;} .tabmenu.tab_2ea li.on .tabmenu3 {display:block;} .tabmenu.tab_2ea li.tab2 .tabmenu3 {margin-left:-100%;} .tabmenu.tab_3ea .tabmenu3 {width:300%; display:none; margin-top:40px;} .tabmenu.tab_3ea li.on .tabmenu3 {display:block;} .tabmenu.tab_3ea li.tab2 .tabmenu3 {margin-left:-100%;} .tabmenu.tab_3ea li.tab3 .tabmenu3 {margin-left:-200%;} .tabmenu.tab_4ea .tabmenu3 {width:400%; display:none; margin-top:40px;} .tabmenu.tab_4ea li.on .tabmenu3 {display:block;} .tabmenu.tab_4ea li.tab2 .tabmenu3 {margin-left:-100%;} .tabmenu.tab_4ea li.tab3 .tabmenu3 {margin-left:-200%;} .tabmenu.tab_4ea li.tab4 .tabmenu3 {margin-left:-300%;} /* 담당자연락처 */ .areaPoll {position:relative; overflow:hidden; clear:both; min-height:78px; border:1px solid #e2e2e2; margin-top:50px;} .areaPoll .leftArea { width:100%; overflow:hidden; padding:30px 0 30px 111px; border-bottom:1px solid #e2e2e2; background:url(/images/sub/icon_poll.png) no-repeat 37px 50%} .areaPoll .leftArea p{color:#333;} .areaPoll .leftArea p:first-child{margin-bottom:10px} .areaPoll .leftArea p + p{color:#4d4d4d; float:left;} .areaPoll .leftArea p + p + p {padding-left:20px; margin-left:20px; border-left:1px dotted #333;} .areaPoll .leftArea p + p span {margin:8px 0 0; padding-left:20px; background:url(/images/sub/icon_phone.png) no-repeat left 1px;} /* 리스트 블릿 */ .listBulDot {clear:both; margin-bottom:34px;} .listBulDot > li {line-height:160%; margin-bottom:8px; background:url('/images/sub/bul_dot.gif') 0 8px no-repeat; padding-left:12px; } .listBulDot > li a.link {font-weight:bold; color:#3154af; text-decoration:underline;} .listBulDot > li > .tableScroll, .listBulDot > li > .table01, .listBulDot > li > .table02 {margin-top:13px; margin-bottom:11px} .listBulDot > li > .tableScroll > .tableStyle01 {margin-bottom:0;} .listBulDot .colorB {color:#c8212f;} .listBulDot img, .liBulDash img {vertical-align:middle;} .listBulDot + .boxGrayTxt {margin-top:-20px; margin-bottom:40px;} .listBulDot01 {clear:both; margin-bottom:34px;} .listBulDot01 > li {line-height:160%; margin-bottom:8px; background:url('/images/sub/bul_ico03.gif') 0 8px no-repeat; padding-left:12px; } .listBulDot01 > li a.link {font-weight:bold; color:#3154af; text-decoration:underline;} .listBulDot01 > li > .tableScroll, .listBulDot > li > .table01, .listBulDot > li > .table02 {margin-top:13px; margin-bottom:11px} .listBulDot01 > li > .tableScroll > .tableStyle01 {margin-bottom:0;} .listBulDot01 .colorB {color:#c8212f;} .listBulDot01 img, .liBulDash img {vertical-align:middle;} .listBulDot01 + .boxGrayTxt {margin-top:-20px; margin-bottom:40px;} /*** footer *****/ footer {top:0; margin:0 auto; background:#fff; width:100%; min-width:100%;} footer .sectionN01{position:relative; z-index:3; height:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; min-width:100%;} footer .sectionN01 .footer_inner > button {display:none} footer .sectionN01 .footer_inner {width:1094px; margin:0 auto;} footer .sectionN01 ul{float:left; overflow:hidden; padding:0;} footer .sectionN01 ul li{float:left; background:url(/images/common/foot_menu_line.gif) no-repeat left 50%;} footer .sectionN01 ul li a{display:block; padding:12px 10px; font-size:11px; font-weight:bold; color:#545454;} footer .sectionN01 ul li a.fcBlgr{color:#237491;} footer .sectionN01 ul li:first-child{background:none} footer .sectionN01 ul li:first-child a{padding-left:0} footer .sectionN01 ul + ul{float:right; } footer .sectionN01 ul + ul li{} footer .sectionN01 ul + ul li a{height:40px; padding:13px 10px;} footer .sectionN02{position:relative; z-index:2; background:#f4f4f4; height:79px; min-width:100%;} footer .sectionN02 .footer_inner01 {width:1094px; margin:0 auto; padding-top:5px;} footer .sectionN02 .sns{float:right; right:0; top:0; height:45px; overflow:hidden;} footer .sectionN02 .sns ul{padding:0px;} footer .sectionN02 .sns ul li{float:left; } footer .sectionN02 .sns ul li a{height:45px; width:45px; padding:10px; display:block; text-indent: -9999px; overflow:hidden;} footer .sectionN02 .sns ul li.icon01 a{*height:25px; *width:25px; background:url(/images/common/foot_sns01.png) no-repeat center} footer .sectionN02 .sns ul li.icon02 a{*height:25px; *width:25px; background:url(/images/common/foot_sns02.png) no-repeat center} footer .sectionN02 .sns ul li.icon03 a{*height:25px; *width:25px; background:url(/images/common/foot_sns03.png) no-repeat center} footer .sectionN02 .sns ul li.icon04 a{*height:25px; *width:25px; background:url(/images/common/foot_sns04.png) no-repeat center} footer .sectionN02 .copy{color:#666; margin-top:15px;} footer .sectionN02 .copy address{margin-bottom:8px;font-style:normal; font-size:11px; letter-spacing:-1px;} footer .sectionN02 .copy address span{letter-spacing:0px; margin-right:5px; } footer .sectionN02 .copy p{font-size:10px;} .mobileMenu {display:none} .topBtnMobile{display:none} .mSrchForm {display:none} #wrap header .lnbArea >.search{display:none;} /* button */ .ie7 button, .ie7 input[type="button"] {overflow:visible; margin:0 2px; white-space:nowrap;} button > em {position:absolute; overflow:hidden; width:0; height:0; font-size:0; text-indent:-999em;} .btnArea {overflow:hidden; width:100%; margin-bottom:40px; text-align:right;} .btnArea.sub {margin:10px 0 20px;} .btnArea.sub2 {margin-top:30px !important;} .btnArea.line {padding-top:20px; border-top:1px solid #a0a0a0;} .btnArea + .btnArea {margin-top:-20px;} .btnMd {display:inline-block; min-width:90px; height:30px; line-height:24px; padding:0 17px 5px; background:#737373; font-size:12px; color:#fff; vertical-align:middle; text-align:center;} input.btnMd {padding-bottom:4px;} a.btnMd {min-width:56px; height:27px; line-height:27px; padding-bottom:3px; color:#fff;} a.btnMd.red, a.btnMd.gray {border:none !important;} .ie7 button.btnMd {line-height:22px !important;} .ie8 button.btnMd {line-height:26px !important;} @-moz-document url-prefix() { .btnMd {padding-right:14px; padding-left:14px;} input.btnMd {padding-bottom:6px;} } a.red, button.red, input.red {border:1px solid #c8212f !important; background:#c8212f !important; color:#fff;} a.gray, button.gray, input.gray {border:1px solid #767676 !important; background:#767676 !important; color:#fff;} a.blue, button.blue, input.blue {background:#596091 !important; color:#fff;} a.red, button.red, input.red.pd15 {padding-right:15px; padding-left:15px;} .btnGo {display:inline-block; min-width:84px; height:20px; line-height:150%; padding:0 10px 2px 30px; background:#237491 url('/images/sub/bul_go.gif') no-repeat 0 0; font-size:11px; color:#fff; vertical-align:middle;} a.btnGo {min-width:44px !important; height:19px; padding:1px 10px 0 30px; color:#fff;} .ie7 button.btnGo, .ie8 button.btnGo {min-width:44px !important; padding-top:2px;} .ie9 button.btnGo, .ie10 button.btnGo, .ie11 button.btnGo {padding:0 10px 2px 30px;} .ie7 a.btnGo, .ie8 a.btnGo {height:18px; padding:2px 10px 0 30px;} .ie9 a.btnGo, .ie10 a.btnGo, .ie11 a.btnGo {height:17px !important; padding:1px 10px 2px 30px !important;} @-moz-document url-prefix() {.btnGo {padding-right:7px; padding-left:27px;}} .textArea ol li a.btnGo, .textArea ul li a.btnGo {color:#fff; text-decoration:none} .btndo {display:inline-block; min-width:84px; height:20px; line-height:150%; padding:0 10px 2px 30px; background:#fff url('/images/sub/bul_down.gif') no-repeat 0 0; font-size:11px; color:#fff; vertical-align:middle; border:1px solid #ddd;} a.btndo {min-width:44px !important; height:19px; padding:1px 10px 0 30px; color:#525252;} .ie7 button.btndo, .ie8 button.btndo {min-width:44px !important; padding-top:2px;} .ie9 button.btndo, .ie10 button.btndo, .ie11 button.btndo {padding:0 10px 2px 30px;} .ie7 a.btndo, .ie8 a.btndo {height:18px; padding:2px 10px 0 30px;} .ie9 a.btndo, .ie10 a.btndo, .ie11 a.btndo {height:17px !important; padding:1px 10px 2px 30px !important;} @-moz-document url-prefix() {.btndo {padding-right:7px; padding-left:27px;}} .textArea ol li a.btndo, .textArea ul li a.btndo {color:#fff; text-decoration:none} .btndo01 {display:inline-block; min-width:84px; height:24px; line-height:150%; padding:0 10px 2px 30px; background:#fff url('/images/sub/bul_down01.gif') no-repeat 0 0; font-size:11px; color:#fff; vertical-align:middle; border:1px solid #ddd;} a.btndo01 {min-width:44px !important; height:24px; padding:1px 10px 0 30px; color:#525252;} .ie7 button.btndo01, .ie8 button.btndo01 {min-width:44px !important; padding-top:2px;} .ie9 button.btndo01, .ie10 button.btndo01, .ie11 button.btndo01 {padding:0 10px 2px 30px;} .ie7 a.btndo01, .ie8 a.btndo01 {height:24px; padding:2px 10px 0 30px;} .ie9 a.btndo01, .ie10 a.btndo01, .ie11 a.btndo01 {height:24px !important; padding:1px 10px 2px 30px !important;} @-moz-document url-prefix() {.btndo01 {padding-right:7px; padding-left:27px;}} .textArea ol li a.btndo01, .textArea ul li a.btndo01 {color:#fff; text-decoration:none} /* 버튼 */ a.btn {display:inline-block;min-width:30px;height:22px;color:#FFF;font-family:'NanumGothic Bold';font-size:13px;line-height:25px;padding:0px 10px 0 10px;text-align:center;} a.btn:hover {color:#FFF;} a.btn.type7:hover {color:#666;} .btn.type1 {background:#007DBC;} /* 파랑바탕 30px */ .btn.type2 {background:#555;} /* 검정바탕 30px */ .btn.type3 {min-width:50px;height:28px;background:#007DBC;font-size:16px;line-height:16px;padding:12px 15px 0 15px;} /* 파랑바탕 40px */ .btn.type4 {min-width:50px;height:28px;background:#555;font-size:16px;line-height:16px;padding:12px 15px 0 15px;} /* 검정바탕 40px */ .btn.type5 {height:22px;background:#627985;color:#FFF;padding:8px 10px 0 10px;} /* 회색 높이 30px */ .btn.type6 {height:27px;background:#007DBC url(/images/sub/bg_btn_2.gif) no-repeat 15px 9px;font-size:16px;line-height:16px;padding:13px 18px 0 41px;} /* 이미지형 다운로드 40px */ .btn.type7 {background:#007DBC url(/images/sub/bg_btn_3.gif) no-repeat right center;padding:0px 58px 0 30px;} /* 이미지형 다운로드 30px */ .btn.type8 {background:#007DBC url(/images/sub/bg_btn_1.gif) no-repeat 15px 6px;padding:0px 18px 0 36px;} /* 이미지형 검색 30px */ .btn_square_blue02{display:inline-block;padding:10px 19px 10px 19px;height:39px;line-height:18px;background-color:#237491;color:#ffffff !important;font-size:13px !important;font-weight:bold;text-align:center;border:0;vertical-align:middle} .btn_square_red02{display:inline-block;padding:10px 19px 10px 19px;height:39px;line-height:18px;background-color:#cc0000;color:#ffffff !important;font-size:13px !important;font-weight:bold;text-align:center;border:0;vertical-align:middle} .btn_square_black04{display:inline-block;padding:10px 19px 10px 19px;margin-right:10px;height:39px;line-height:18px;background-color:#252d33;color:#ffffff !important;font-size:13px !important;font-weight:bold;text-align:center;border:0;vertical-align:middle;} .btn_square_gray01{display:inline-block;padding:1px 10px 1px 10px;margin:0px 0px 0px 15px; height:20px;line-height:18px;background-color:#666666;color:#ffffff !important;font-size:13px !important;text-align:center;border:0;vertical-align:middle;text-wrap:inherit;} @media only screen and (min-width:851px) and (max-width:2000px) { #wrap header .lnbWrap{ position:absolute;} } @media only screen and (min-width:851px) and (max-width:1179px) { .quick{margin-right:-460px;} #wrap header .gnb > div{width:920px; margin:0 auto} #wrap header .gnb > div > ul.leftMenu li a{width:70px; font-size:11px } #wrap header .gnb > div > ul.rightMenu li:nth-of-type(7) {margin-right:10px;} #wrap header .lnbWrap{border-bottom:0px solid #dadada;} #wrap header .lnbArea, #wrap header .lnbArea nav{width:920px;} #wrap header .lnbArea > p{position:absolute; right:0px;} #wrap header .lnbArea > p button{padding-left:15px; background:url(/images/common/icon_allmenu.png) no-repeat left} #wrap header .lnbArea >.search{display:block; width:141px;} #wrap header .lnbArea > p {display:none;} #wrap header .lnbArea > p button{padding-left:0; width:36px; height:34px; text-indent:-5000px; background:url(/images/common/icon_allmenu.png) no-repeat center 50%;} #wrap header .lnbArea nav > ul > li.menu01 > a, #wrap header .lnbArea .gnbOverLine {left:240px;} #wrap header .lnbArea nav > ul > li.menu02 > a{left:360px;} #wrap header .lnbArea nav > ul > li.menu03 > a{left:480px;} #wrap header .lnbArea nav > ul > li.menu04 > a{left:610px;} #wrap header .lnbArea nav > ul > li.menu05 > a{left:730px;} #wrap header .lnbArea nav > ul > li.menu06 > a{left:850px;} /* #wrap header .lnbArea nav > ul > li .inner ul {width:100%; min-height:280px;} */ #wrap header .lnbArea nav > ul > li .depth2 > ul > li {float:left; border-left:1px solid #dedede; padding:0 0.6%; margin-right:-1px; min-height:173px;} #wrap header .lnbArea nav > ul > li .depth2_03 > ul > li {float:left; border-left:1px solid #dedede; padding:0 2.1%; margin-right:-1px; min-height:173px;} #wrap header .lnbArea nav > ul > li .depth2_04 > ul > li {float:left; border-left:1px solid #dedede; padding:0 2.3%; margin-right:-1px; min-height:173px;} #wrap header .lnbArea nav > ul > li .inner .bannerAreaL {left:450px;} #wrap header .lnbArea nav > ul > li .inner .bannerAreaR{left:626px; background:#fff; border-left:1px solid #bebebe;} #wrap header .lnbArea nav > ul > li .inner p{left:890px;} #wrap footer{width:920px} #wrap footer .sectionN01 .footer_inner {width:100%; min-width:100%;} #wrap footer .sectionN01{height:33px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; min-width:100%;} #wrap footer .sectionN01 ul li a {padding:12px 10px;} #wrap footer .sectionN01 ul li:first-child a {padding-left:0} #wrap footer .sectionN01 ul + ul{float:right; } #wrap footer .sectionN01 ul + ul li{} #wrap footer .sectionN01 ul + ul li a{height:40px; padding:10px 10px;} #wrap footer .sectionN02{background:#f4f4f4; height:100px; min-width:100%;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} #wrap footer .sectionN02 .sns {float:none; position:absolute; top:35px; right:0} #wrap footer .sectionN02 .sns .select {margin-top:0px} #wrap footer .sectionN02 .sns .select > ul{bottom:39px;} #wrap #container {width:920px;} #wrap #contArea {float:none; width:920px; margin-left:0;} .tabSearch {margin-top:70px;} .mobileMenu {display:none} .topBtnMobile{display:none} .smartSearch > .inner {max-width:920px;} #lnb_sub {display:none;} #wrap #content{width:920px} #subcontArea{position:relative; float:left; overflow:hidden; width:920px;} #wrap .VisualW { height:auto; background:none; border-bottom:0px solid #a9a9a9; } #wrap .VisualW .Visualtext { width:100%; margin:0; padding:0; position:relative; } #wrap .VisualW .Visualtext h2 {font-size:30px; color:#000; padding:0; position:absolute; top:75px; left:380px;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:30px;} #wrap .VisualW .Visualtext .text {position:absolute; font-size:18px; color:#fff; top:55px; left:380px;} #wrap .VisualW .Visualtext .img { display:block;} #wrap .VisualW .Visualtext .img img { width:100%;} /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ .tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {float:left; padding-left:15px; width:25%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} } @media only screen and (min-width:728px) and (max-width:850px) { #container{min-height:50px;} #wrap .quick {display:none} #lnb_sub {display:none;} #wrap header .gnb > div{width:708px; margin:0 auto} #wrap header .gnb > div .mobileBtn {display:block; position:absolute; left:-30px; top:0; width:127px; height:35px; padding-left:30px; background:#fff } #wrap header .gnb > div .mobileBtn button { width:80px; height:35px; text-align:left;background:url(/images/common/bul_arrow01.png) no-repeat 90% 50%; background-size:11px 7px;} #wrap header .gnb > div .mobileBtn.on button {background:url(/images/common/bul_arrow01_up.png) no-repeat 90% 50%; background-size:11px 7px;} #wrap header .gnb > div > ul.leftMenu {z-index:100;top:35px;left:-30px; width:186px; border:1px solid #ccc; border-top:0 ; background:#fff; display:none} #wrap header .gnb > div > ul.leftMenu li {float:none} #wrap header .gnb > div > ul.leftMenu li a{width:157px;padding-left:30px; border-left:0; border-top:1px solid #ccc; color:#4d4d4d; text-align:left} #wrap header .gnb > div > ul.leftMenu li:first-child a{width:157px; border-left:0;} #wrap header .gnb > div > ul.leftMenu li a:hover, #wrap header .gnb > div > ul.leftMenu li.on a{background:#dadada; font-weight:normal} #wrap header .gnb > div > ul.leftMenu2 {z-index:100;top:-5px;left:100px; width:180px; border:0px solid #ccc; border-top:0 ; display:block;} #wrap header .gnb > div > ul.leftMenu2 li {float:left; padding-left:5px;} #wrap header .gnb > div > ul.rightMenu li.last{display:none} #wrap header .lnbWrap{border-bottom:0px solid #dadada;} #wrap header .lnbArea, #wrap header .lnbArea nav{width:708px; margin:0 auto} #wrap header .lnbArea h1 img {width:130px} #wrap header .lnbArea nav > ul > li .inner ul{width:333px; min-height:280px;} #wrap header .lnbArea nav > ul > li .inner ul ul{left:333px; width:323px;} #wrap header .lnbArea nav > ul > li .inner .bannerAreaL{display:none} #wrap header .lnbArea nav > ul > li .inner .bannerAreaR{display:none} #wrap header .lnbArea nav > ul > li .inner p{left:678px;} #wrap header .lnbArea >.search{display:none; position:absolute; right:0; top:23px; width:166px; height:36px;} #wrap header .lnbArea >.search p {margin-right:36px; height:34px; border:1px solid #ccc; border-right:0; } #wrap header .lnbArea >.search p input {width:100%; border:0; text-indent:5px; } #wrap header .lnbArea >.search input[type="button"]{position:absolute; right:0; top:0; width:36px; height:36px; text-indent:-5000px; border:0; background:url(/images/common/btn_search.png) no-repeat left top;} #wrap header .lnbArea > p {display:block; position:absolute; z-index:3; right:0px; top:21px; border:1px solid #ccc;} #wrap header .lnbArea > p button{padding-left:0; width:36px; height:34px; text-indent:-5000px; background:url(/images/common/icon_allmenu.png) no-repeat center 50%;} #wrap header .lnbArea nav > ul > li.menu01 > a, #wrap header .lnbArea .gnbOverLine{left:157px;} #wrap header .lnbArea nav > ul > li.menu02 > a{left:250px;} #wrap header .lnbArea nav > ul > li.menu03 > a{left:340px;} #wrap header .lnbArea nav > ul > li.menu04 > a{left:440px;} #wrap header .lnbArea nav > ul > li.menu05 > a{left:520px;} #wrap header .lnbArea nav > ul > li.menu06 > a{left:600px;} #wrap header .lnbArea > span { display:none; position:absolute; z-index:4; right:50px; top:26px; border-left:1px solid #d3d3d3 } #wrap header .lnbArea > span button {width:24px; height:26px; text-indent:-5000px; background: url(/images/common/icon_search.png) no-repeat no-repeat right 50%;} #wrap footer{width:100%; /* height:210px; */ margin-bottom:0; min-width:100%;} #wrap footer .sectionN01{height:33px;} #wrap footer .sectionN01 .footer_inner {width:100%;} #wrap footer .sectionN01 ul {width:708px;} #wrap footer .sectionN01 ul li a {padding:12px 10px;} #wrap footer .sectionN01 ul + ul {float:none; position:absolute; left:0px; top:35px; width:auto;} #wrap footer .sectionN01 ul + ul li{margin-right:5px; background:none} #wrap footer .sectionN01 ul + ul li a{height:25px;} #wrap footer .sectionN02 {padding-left:10px; width:auto; background:#f4f4f4; height:100px; min-width:100%;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} #wrap footer .sectionN02 > ul {position:absolute; top:50px;width:708px;} #wrap footer .sectionN02 .selectW .sns {float:none; position:absolute; left:330px; width:120px;} #wrap footer .sectionN02 .sns ul li.icon01 a{background:url(/images/common/foot_m_sns01.gif) no-repeat center top} #wrap footer .sectionN02 .sns ul li.icon02 a{background:url(/images/common/foot_m_sns02.gif) no-repeat center top} #wrap footer .sectionN02 .sns ul li.icon03 a{background:url(/images/common/foot_m_sns03.gif) no-repeat center top} #wrap footer .sectionN02 .sns ul li.icon04 a{background:url(/images/common/foot_m_sns04.gif) no-repeat center top} #wrap footer .sectionN02 .selectW .sns span + span {margin-left:-4px;} #wrap footer .sectionN02 .selectW {left:10px; top:0; width:178px; height:40px;} #wrap footer .sectionN02 .selectW .select{float:none;} #wrap footer .sectionN02 .selectW .select > ul {left:0;} #wrap footer .sectionN02 .copy {position:absolute; top:35px;} #wrap #container {width:100%;} #wrap #contArea {float:none; width:708px; margin:0 auto } #wrap #contArea01 {float:none; width:auto; max-width:708px; margin:0px auto; margin-top:20px; } #container {overflow:hidden; padding:0 10px;} #conRight {position:relative; padding:0 34px 40px 201px; min-height:822px; overflow:hidden} #conWrap1 {position:relative; background:none; background-color:#fff; margin-top:27px; overflow:hidden; padding:0; border:1px solid #cccccc; } #resumeTab { width: auto; align-content: center; } #resumeTab {position:center; width:95%; height:56px; background:#f5f5f5; border:1px solid #cccccc;} #resumeTab > ul > li {float:left; border-right:1px solid #cccccc; width:16.30%;} #resumeTab > ul > li:last-child {border-right:0;} #resumeTab > ul > li a {display:block; width:100%; height:56px; line-height:56px; text-align:center; color:#000} #resumeTab > ul > li a:hover, #resumeTab > ul > li.cateOn a { width:100%; background:#df2c5f; color:#fff; font-weight:600} #wrap .tab01.pd25 li a {padding:0 13px;} #wrap .tab01.pd18 li a {padding:0 8px;} #wrap .tab01.pd08 li a {min-width:63px;padding:0 3px; font-size:12px;} #wrap .tab01.pd06 li a{min-width:50px; padding:0 6px;} .tab01 {max-width:100%;} .tab01.cshg01 li a {padding:0 18px;} .tabSearch {margin-top:50px;} .tabSearch li a{letter-spacing:-1px; font-size:12px;} .smartSearch > .inner {/* display:none; */max-width:708px;} /* .mobileMenu {display:none} */ .topBtnMobile{display:none} #wrap #container .aboutsm{background: url('/images/sub/sub_visual01.jpg') no-repeat center 0px; height:157px;} #wrap #container .hgroup {z-index:200; position:relative; width:100%; margin:0 auto; padding-top:60px} #wrap #container .ptitle{overflow:hidden; color:#fff; height:90px; position:absolute; right:20px} #wrap #container .ptitle h2{font-size:2.5em;line-height:1.4em; color:#000; font-weight:normal;} #wrap #container .ptitle p{font-size:1.2em;letter-spacing:0.08em;color:#fff;text-indent:2px;display:block;} #wrap #container .ptitle h2 span{font-weight:bold;} #wrap #content{width:708px;} #subcontArea{position:relative; float:left; overflow:hidden; width:708px;} #wrap .VisualW { height:auto; background:none; border-bottom:0px solid #a9a9a9; } #wrap .VisualW .Visualtext { width:100%; margin:0; padding:0; position:relative; } #wrap .VisualW .Visualtext h2 {font-size:28px; color:#000; padding:0; position:absolute; top:65px; left:270px;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:28px;} #wrap .VisualW .Visualtext .text {position:absolute; font-size:16px; color:#fff; top:45px; left:270px;} #wrap .VisualW .Visualtext .img { display:block;} #wrap .VisualW .Visualtext .img img { width:100%;} .mobileMenu{position:absolute; top:0; right:0; z-index:1000; width:712px; padding-bottom:40px; height:auto; background:#fff} .mobileMenu > div {height:34px; overflow:hidden; background:#232627} .mobileMenu > div a {display:block; float:left; height:34px; line-height:34px; width:118px; text-align:center; font-size:12px; color:#c9c9c9; background:#232627} .mobileMenu > div a + a {display:none;} .ie8 .mobileMenu > ul{ position:relative; z-index:6; padding-bottom:40px; padding-top:20px;} .ie8 .mobileMenu > ul > li{height:1490px;} /* .ie8 .mobileMenu > ul > li.menu06 {height:834px; position:absolute; top:660px; left:0; } .ie8 .mobileMenu > ul > li.menu07 {height:434px; padding-right:0; border-right:0; position:absolute; top:660px; left:237px;} .ie8 .mobileMenu > ul > li.menu08 {height:434px; padding-right:0; border-right:0; position:absolute; top:660px; left:447px;} .ie8 .mobileMenu > ul > li.menu09 {height:434px; padding-right:0; border-right:0; position:absolute; top:877px; left:224px;} .ie8 .mobileMenu > ul > li.menu10 {height:434px; padding-right:0; border-right:0; position:absolute; top:877px; left:447px;} */ .mobileMenuBtnLine{position:absolute; z-index:5; top:80px; width:100%; height:1px; text-indent:-5000px;} .mobileMenuBtnLine.over{background:#bebebe;} /***1depth *****/ .mobileMenu > ul > li{float:left; width:165px; padding:20px 29px; border-right:1px solid #ddd;} .mobileMenu > ul > li > a{display:block; padding:0 0 20px; margin-bottom:10px;font-size:16px; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #4d4d4d;} /*** 2depth *****/ .mobileMenu > ul > li > ul > li > a{display:block; padding:6px 0; line-height:145%; font-weight:bold; letter-spacing:-1px; } /*** 3depth *****/ .mobileMenu > ul > li > ul > li > ul > li > a{display:block; padding-left:8px; line-height:170%; background:url(/images/common/bul_dash01.png) no-repeat left 8px } /*** *****/ .mobileMenu p {position:relative; width:30px; height:30px; z-index:6; margin:0 auto; right:50%; margin-right:-590px; } .ie7 .mobileMenu p {position:absolute; top:30px; right:0;} .mobileMenu > div button{float:right; padding:0; margin:0; width:30px; height:30px; text-indent:-5000px; background:url(/images/common/btn_gnbClose.png)no-repeat center; } .mobileMenu > ul > li {height:1650px;} .mobileMenu > ul > li.menu04 {border-right:0} .mobileMenu > ul > li.menu05 {height:294px; position:absolute; top:660px; left:165px; border-right:0} .mobileMenu > ul > li.menu06 {height:224px; position:absolute; top:660px; left:485px; border-right:0} .mobileMenu > ul > li.menu07 {height:834px; position:absolute; top:660px; left:447px; border-right:0} .mobileMenu > ul > li.menu08 {height:224px; position:absolute; top:1100px; left:0;} .mobileMenu > ul > li.menu09 {height:224px; border-right:0; position:absolute; top:1320px; left:0px;} .mobileMenu > ul > li.menu10 {height:114px; border-right:0; position:absolute; top:1460px; left:0px;} .mobileMenu > ul > li > ul > li > ul {padding:2px 0} .mobileMenu p { right:50%; margin-right:-350px; } /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ .tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {padding-left:30px; width:33%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} } @media only screen and (max-width :727px) { #wrap, footer {background:#fff;} #wrap #container{width:100%; min-height:50px; margin-bottom:40px;background:#fff; margin-top:0; padding-top:0; } .mobileBg{display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; padding:0; margin:0; background:#000; /* -ms-filter:alpha(opacity=0); -moz-opacity:0; filter:alpha(opacity=0); */ opacity:0;} .mobileBg img{position:absolute; top:0; right:0; z-index:2; width:640px; border:0 none;} .mobileMenu {position:absolute; z-index:3; top:0; right:0; width:160px; height:100%; padding-bottom:100px; background:#363a3c} .mobileMenu > div {height:34px; overflow:hidden;} .mobileMenu > div a {display:block; float:left; height:34px; line-height:34px; width:118px; text-align:center; font-size:12px; color:#c9c9c9; background:#232627} .mobileMenu > div a + a {display:none;} .mobileMenu > div button {float:right; padding:0; margin:0; height:34px; width:42px; background:#343a3c url(/images/common/btn_popupMClose.png) no-repeat center; border-left:1px solid #515658; text-indent:-5000px} .mobileMenu > ul ul {display:none} .mobileMenu > ul ul ul {border-bottom:1px solid #c5c5c5;} .mobileMenu > ul > li {border-top:1px solid #222526;} .mobileMenu > ul > li a {display:block; font-size:12px; min-height:20px; line-height:140%; padding:12px 15px 8px; border-top:1px solid #44484a; background:#363a3b url(/images/common/icon_plusAll.png) no-repeat 95% 50%; background-size:12px 12px; color:#fff } .mobileMenu > ul > li.on > a {background:#237491 url(/images/common/icon_minusAll.png) no-repeat 95% 50%; background-size:12px 12px;} .mobileMenu > ul > li li a {color:#4d4d4d; border-bottom:1px solid #b4b4b4; border-top:0; border-left:1px solid #dadada; background:#dadada} .mobileMenu > ul > li li.disPlus a {background:#dadada;} .mobileMenu > ul > li li.plus a {background:#dadada url(/images/common/icon_plus.png) no-repeat 95% 50%; background-size:12px 12px;} .mobileMenu > ul > li li.on > a {color:#4d4d4d; background:#fff;} .mobileMenu > ul > li li.on a {background:#fff url(/images/common/icon_arr01.png) no-repeat 95% 50%; background-size:12px 12px;} .mobileMenu > ul > li li.on li a {padding-left:23px; background:#fff url(/images/common/bul_dash.png) no-repeat 15px 20px; color:#4d4d4d;border-top:0; border-bottom:0;} .mobileMenu > ul > li li.on li.active > a {color:#000; font-weight:bold } .mobileMenu > ul > li li li:first-child a{ padding-top:15px; background-position:15px 24px} .mobileMenu > ul > li li li:last-child a{ padding-bottom:15px;} #wrap .quick {display:none} #wrap {left:0;} #wrap header{position:relative; width:100%; min-height:35px; margin-bottom:0px; background:none !important} #wrap header .gnb > div{width:100%} #wrap header .gnb > div .mobileBtn {display:block; position:absolute; left:0; top:0; width:69px; height:35px; background:#fff } #wrap header .gnb > div .mobileBtn button {width:69px; height:35px; padding-right:20px; background:url(/images/common/bul_arrow01.png) no-repeat 90% 50%; background-size:11px 7px;} #wrap header .gnb > div .mobileBtn.on button {background:url(/images/common/bul_arrow01_up.png) no-repeat 90% 50%; background-size:11px 7px;} #wrap header .gnb > div > ul.leftMenu { z-index:100; top:33px; left: 0px; width:118px; border:1px solid #ccc; border-top:0 ; border-left:0; background:#fff; display:none } #wrap header .gnb > div > ul.leftMenu li {float:none} #wrap header .gnb > div > ul.leftMenu li a{width:118px; height:40px; line-height:40px; border-left:0; border-top:1px solid #ccc; color:#4d4d4d; text-align:left; text-indent:10px} #wrap header .gnb > div > ul.leftMenu li:nth-of-type(1) a, #wrap header .gnb > div > ul.leftMenu li:nth-of-type(2) a{display:none} #wrap header .gnb > div > ul.leftMenu li a:hover, #wrap header .gnb > div > ul.leftMenu li a:active, #wrap header .gnb > div > ul.leftMenu li.on a{background:#dadada; font-weight:normal} #wrap header .gnb > div > ul.leftMenu2 {display:none;} #wrap header .gnb > div > ul.leftMenu3 {z-index:1;top:35px;left:150px; /*width:90px;*/ border:0px solid #ccc; border-top:0 ; display:block;} #wrap header .gnb > div > ul.leftMenu3 li {float:left; padding-left:5px;} #wrap header .gnb > div > ul.rightMenu {margin-right:0} #wrap header .gnb > div > ul.rightMenu li.last{display:none} #wrap header .gnb > div > ul.rightMenu li:nth-of-type(5), #wrap header .gnb > div > ul.rightMenu li:nth-of-type(7) {display:none } #wrap header .gnb > div > ul.rightMenu li.comp{display:none } #wrap header .gnb > div > p{width:35px; border-left:0} #wrap header .gnb > div > p button {display:none;} #wrap header .gnbWrap {min-height:40px; background:none; overflow:visible} #wrap header .lnbWrap{border-bottom:0px solid #dadada;} #wrap header .lnbWrap{min-height:40px;} #wrap header .lnbArea {width:100%; height:42px; border-bottom:1px solid #d3d3d3} #wrap header .lnbArea .gnbOverLine {display:none !important} #wrap header .lnbArea nav{display:none} #wrap header .lnbArea >.search{display:block; position:relative; right:0; top:41px; width:100%; height:47px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; z-index:333} #wrap header .lnbArea >.search p{margin-right:36px; height:47px; border:0; border-right:0} #wrap header .lnbArea >.search p input{width:100%;height:30px; margin-top:8px; border:0; text-indent:20px;} #wrap header .lnbArea >.search input[type="button"]{position:absolute; right:10px; top:7px; width:36px; height:36px; text-indent:-5000px; border:0; background: url(/images/common/icon_search.png) no-repeat left 50%;} #wrap header .lnbArea >.search p span {position:absolute; right:10px; top:7px; width:36px; height:36px; text-indent:-5000px; border:0; background: url(/images/common/icon_search.png) no-repeat left 50%;} #wrap header .lnbArea h1 {top:3px; left:10px} #wrap header .lnbArea h1 img { width:140px;} #wrap header .lnbArea > p {display:block; position:absolute; z-index:3; right:5px; top:0px; border-left:1px solid #d3d3d3 } #wrap header .lnbArea > p button {padding-left:20px; width:77px; height:40px; letter-spacing:-1px; background:url(/images/common/icon_allmenu.png) no-repeat 13px 50%;} #wrap header .lnbArea > span {display:block; position:absolute; right:77px; top:0px; border-left:1px solid #d3d3d3;} #wrap header .lnbArea > span button {width:40px; height:40px; text-indent:-5000px; background: url(/images/common/icon_search_m.png) no-repeat no-repeat center 50%; background-size:15px 15px;} #wrap header .lnbArea > span.on button { background: url(/images/common/icon_search_mOv.png) no-repeat no-repeat center 50%; background-size:15px 15px;} #wrap header .lnbArea > span button.close { background: url(/images/common/icon_close_m.png) no-repeat no-repeat center 50%; background-size:15px 15px;} #wrap footer{width:100%; /* height:230px; */ margin-bottom:0; min-width:100%;} #wrap footer .sectionN01{height:auto; min-height:29px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; min-width:100%;} #wrap footer .sectionN01 .footer_inner {width:100%;} #wrap footer .sectionN01 ul {overflow:hidden; float:none; width:auto; max-width:640px; margin:0 auto;} #wrap footer .sectionN01 ul li {background:url(/images/common/bg_line_v02.png) no-repeat right 50%} #wrap footer .sectionN01 ul li:last-child {background:none} #wrap footer .sectionN01 ul li a {padding:10px 10px;} #wrap footer .sectionN01 ul + ul {float:none; position:absolute; left:15px; top:35px; height:35px; margin-right:0px} #wrap footer .sectionN01 ul + ul li{margin-left:15px; background:none} #wrap footer .sectionN01 ul + ul li a{height:25px; padding:0;} #wrap footer .sectionN02 {padding-left:10px; width:auto; max-width:640px; margin:0 auto; background:#f4f4f4; height:100px; max-height:100px; min-width:100%;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} #wrap footer .sectionN02 > ul {position:absolute; top:50px; width:auto} #wrap footer .sectionN02 > ul > li:nth-of-type(2) {float:none; margin-left:100px;} #wrap footer .sectionN02 > ul > li:nth-of-type(3) {background:none;} #wrap footer .sectionN02 > ul > li:nth-of-type(3) a {padding-left:0 } #wrap footer .sectionN02 .selectW .sns {float:none; position:absolute; left:310px; width:120px; top:0px} #wrap footer .sectionN02 .sns ul li.icon01 a{background:url(/images/common/foot_m_sns01.gif) no-repeat center top} #wrap footer .sectionN02 .sns ul li.icon02 a{background:url(/images/common/foot_m_sns02.gif) no-repeat center top} #wrap footer .sectionN02 .sns ul li.icon03 a{background:url(/images/common/foot_m_sns03.gif) no-repeat center top} #wrap footer .sectionN02 .sns ul li.icon04 a{background:url(/images/common/foot_m_sns04.gif) no-repeat center top} #wrap footer .sectionN02 .selectW .sns span + span {margin-left:-4px;} #wrap footer .sectionN02 .selectW {left:15px; top:0px; width:178px; height:40px;} #wrap footer .sectionN02 .selectW .select{float:none; margin-top:9px} #wrap footer .sectionN02 .selectW .select > ul {left:0px;} #wrap footer .sectionN02 .copy {position:absolute; top:35px;} #wrap #contArea {float:none; width:auto; max-width:640px; margin:0 auto } #wrap #contArea .contents {margin:15px 15px 27px } #wrap #contArea01 {float:none; width:auto; max-width:640px; margin:0 auto } .tabSearch {display:none} .gnbBtnLine {display:none} .topBtnMobile{display:none; position:fixed; z-index:100; right:20px; bottom:20px; padding:0; margin:0; width:47px; height:47px; text-indent:-5000px; background:url(/images/common/btn_top.png) no-repeat left top; background-size:47px 47px;} .smartSearch{display:none;} #lnb_sub {display:none;} #wrap #content {width:95%; margin:10px 10px 10px;} #wrap .VisualW { height:auto; background:none; border-bottom:0px solid #a9a9a9; } #wrap .VisualW .Visualtext { width:100%; margin:0; padding:0; position:relative; } #wrap .VisualW .Visualtext h2 { font-size:22px; color:#000; padding:0; position:absolute; top:50px; left:220px;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:22px;} #wrap .VisualW .Visualtext .text {position:absolute; font-size:16px; color:#fff; top:30px; left:220px;} #wrap .VisualW .Visualtext .img { display:block;} #wrap .VisualW .Visualtext .img img { width:100%;} #wrap .areaPoll { font-size:13px; margin:0 15px } #wrap .areaPoll .leftArea {position:relative; top:0; left:0px; padding:17px 15px 15px 70px; width:auto; height:auto; border-right:0; line-height:140%; border-bottom:1px solid #eee; background-position:17px 17px; background-size:35px 40px;} #wrap .areaPoll .leftArea p + p + p {padding-left:0; margin-left:0; border-left:0;} #subcontArea{position:relative; float:left; overflow:hidden; width:100%;} /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ .tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {float:left; width:33%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} } @media only screen and (max-width :650px) { #wrap header .gnb > div > ul.rightMenu li.search {display:none;} #wrap #contArea01 {float:none; width:auto; max-width:600px; margin:0 auto } /*#wrap header .lnbWrap{border-bottom:0px solid #dadada;}*/ #wrap footer .sectionN01{min-height:29px; padding:8px 0 0px 5px;} #wrap footer .sectionN01 .footer_inner {width:100%;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} #wrap footer .sectionN01 ul li a {padding:8px 10px;} #wrap footer .sectionN01 ul + ul{top:50px;} #wrap footer .sectionN02 {padding-left:15px;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} #wrap footer .sectionN01 ul + ul {left:0px;} #lnb_sub {display:none;} #wrap .VisualW .Visualtext h2 {font-size:20px; color:#000; padding:0; position:absolute; top:45px; left:240px;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:20px;} #wrap .VisualW .Visualtext .text {position:absolute; font-size:13px; color:#fff; top:30px; left:240px;} /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ .tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {padding-left:25%; width:100%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} } @media only screen and (max-width :450px) { #wrap #contArea01 {float:none; width:auto; max-width:400px; margin:0 auto } /*#wrap header .lnbWrap{border-bottom:0px solid #dadada;}*/ #wrap .areaPoll {letter-spacing:-1px } /* #wrap footer{ height:260px !important} */ #wrap footer .sectionN01 .footer_inner {width:100%;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} #wrap footer .sectionN02 > ul > li a span {display:none} #wrap footer .sectionN02 .selectW .sns {left:0px !important; top:120px !important} #wrap header .lnbArea nav{display:none} #lnb_sub {display:none;} #wrap .VisualW .Visualtext h2 { font-size:13px; color:#000; padding:0; position:absolute; top:25px; left:40%;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:13px;} #wrap .VisualW .Visualtext .text { display:none;} } @media only screen and (max-width :400px) { body{background:#403a39;} /*#wrap header .lnbWrap{border-bottom:0px solid #dadada;}*/ #wrap footer .sectionN01 .footer_inner {width:100%;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} #wrap footer .sectionN01 ul + ul{top:50px;} /*모바일에서 탭 텍스트가 긴 경우*/ #wrap .tab01.longTab li a {position: relative;height:34px;padding: 0;border-width: 0 1px 1px 0; font-size:12px;letter-spacing: -1px;} #wrap .tab01.longTab li, #wrap .tab01 li.longTab {width:100%;} #wrap .tab01.longTab li a:before {content:""; display:block; position:absolute; left:0px; top:0px; height:35px; border-left:1px solid #c5c5c5;} #wrap .tab01.longTab li.on a:before {content:""; display:block; position:absolute; left:0px; top:0px; height:35px; border-left:1px solid #000;} #wrap .tab01 li.longTab01 a { line-height:130%;} #wrap .tab01 li.longTab01 a span { display:block} #lnb_sub {display:none;} #wrap .VisualW .Visualtext h2 {font-size:13px; color:#000; padding:0; position:absolute; top:25px; left:39%;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:13px;} #wrap .VisualW .Visualtext .text { display:none;} .tabmenu.tab_2ea > * > li {float:none; width:auto; margin-bottom:-1px;} .tabmenu.tab_2ea > * > li span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_3ea > * > li {float:none; width:auto; margin-bottom:-1px;} .tabmenu.tab_3ea > * > li span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_3ea > * > li:first-child + * + * + * > span {border-left:0;} .tabmenu.tab_3ea > * > li:first-child + * + * + * + * + * + * > span {border-left:0;} .tabmenu.tab_3ea > * > li:first-child + * + * + * + * + * + * + * + * + * > span {border-left:0;} .tabmenu.tab_4ea > * > li {float:none; width:auto; margin-bottom:-1px;} .tabmenu.tab_4ea > * > li span a {border-left:1px solid #e2e2e2;} .tabmenu.tab_4ea > * > li:first-child + * + * + * + * > span {border-left:0;} .tabmenu.tab_4ea > * > li:first-child + * + * + * + * + * + * + * + * > span {border-left:0;} .tabmenu.tab_5ea > * > li {float:none; width:auto; margin-bottom:-1px;} .tabmenu.tab_5ea > * > li span a {border-left:1px solid #e2e2e2;} /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ .tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {padding-left:75px; width:100%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} } @media only screen and (max-width :380px) { /*#wrap header .lnbWrap{border-bottom:0px solid #dadada;}*/ #wrap footer .sectionN01 ul + ul{top:80px;} #lnb_sub {display:none;} #wrap .VisualW .Visualtext h2 {font-size:12px; color:#000; padding:0; position:absolute; top:25px; left:42%;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:12px;} #wrap .VisualW .Visualtext .text { display:none;} /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ /*.tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {float:left; width:8%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/ } @media only screen and (max-width :350px) { /*#wrap header .lnbWrap{border-bottom:0px solid #dadada;}*/ #wrap footer{width:100% !important} #wrap footer .sectionN01 .footer_inner {width:100%;} #wrap footer .sectionN02 .footer_inner01 {width:100%;} .sns {margin-top:20px;} #wrap footer .sectionN01 ul + ul { left:5px !important} #wrap footer .sectionN01 ul + ul li{margin-left:10px !important } #wrap footer .sectionN02 > ul > li a {padding: 5px 5px !important;} #wrap .areaPoll .rightArea {padding: 15px 0 !important;} #wrap .areaPoll {padding:12px !important; font-size:12px !important;} #wrap .areaPoll .rightArea dd span label {font-size:11px; margin-right:-8px!important } #wrap header .lnbArea nav{display:none} #wrap .areaPoll {padding:12px !important; font-size:12px !important;} #lnb_sub {display:none;} #wrap .VisualW .Visualtext h2 { font-size:12px; color:#000; padding:0; position:absolute; top:25px; left:38%;} #wrap .VisualW .Visualtext h2 span{ font-weight:bold; font-size:12px;} #wrap .VisualW .Visualtext .text { display:none;} /* 대학전체보기 기존에 tabmenu tab_4ea m_b50사용*/ .tabmenu.tab_6ea {} .tabmenu.tab_6ea > * {padding-bottom:1px;} .tabmenu.tab_6ea > * > li {float:left; width:100%; margin-bottom:-1px;} .tabmenu.tab_6ea > * > li > span {display:block;} .tabmenu.tab_6ea > * > li > span a {display:block; padding:0px 0px 17px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} }