/* CSS Document */
@import url(basic.css);
@import url(notosanskr.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

/*
노토산스 'Noto Sans KR - 3,4,5,7,9'
나눔스퀘어 'NanumSquare - 3,4,7,8'
나눔브러쉬 (Nanum Brush Script)
나눔고딕(Nanum Gothic)
나눔고딕코딩(Nanum Gothic Coding)
나눔명조(Nanum Myeongjo)
나눔펜(Nanum Pen Script)
*/
/*header_한양대,공과대,home,sitemap,english*/
#headerWrap{width:100%;min-width:1060px;height:128px;background:url(/users/chemeng/image/headerbg.png) repeat-x top;}
#headerWrap .headerTop{width:1060px;height:36px;margin:0 auto;overflow:hidden;}
#headerWrap .headerTop > a{display:inline-block;width:170px;heeight:36px;background:#004895;color:white;float:left;font-size:15px;text-align:center;line-height:36px;font-weight:400;}
#headerWrap .headerTop > a.ac{background:#007995;}
#headerWrap .headerTop > ul{float:right;}
#headerWrap .headerTop > ul > li{float:left;border-right:1px solid #dddddd;}
#headerWrap .headerTop > ul > li:first-child{border-left:1px solid #dddddd;}
#headerWrap .headerTop > ul > li > a{width:99px;height:36px;line-height:36px;font-size:12px;font-weight:400;color:#777777;text-align:center;display:block;}
#headerWrap .headerTop > ul > li > a:hover{color:#004895;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transiton:all 0.3s ease-in-out;-o-transiton:all 0.3s ease-in-out;}

/*header_로고,메뉴*/
#headerWrap .headerBottom{width:1060px;height:92px;margin:0 auto;}
#headerWrap .headerBottom > h1{display:inline-block;margin-top:26px;float:left;}
#headerWrap .headerBottom > ul.gnb{float:right;}
#headerWrap .headerBottom > ul.gnb > li{float:left;margin:37px 24px 0 24px;position:relative;}
#headerWrap .headerBottom > ul.gnb > li:last-child{margin-right:0;}
#headerWrap .headerBottom > ul.gnb > li > a{height:55px;font-size:18px;color:#555555;font-weight:400;display:block;}
#headerWrap .headerBottom > ul.gnb > li:hover > a{color:#004895;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
#headerWrap .headerBottom > ul.gnb > li > ul{width:140px;padding:20px 0 25px 0;position:absolute;z-index:9999999999999;border-left:1px solid #004895;border-top:3px solid #004895;border-right:1px solid #004895;border-bottom:1px solid #004895;border-bottom:1px solid #004895;left:-40px;top:40px;display:none;background:#ffffff;}
#headerWrap .headerBottom > ul.gnb > li > ul > li > a{display:block;padding:5px;text-align:center;font-size:14px;color:#777777;}
#headerWrap .headerBottom > ul.gnb > li > ul > li > a:hover{color:#004895;}
	
/*visual*/
.visual{width:100%;min-width:1060px;height:500px;overflow:hidden;position:relative;}
.visual .visual_img {width:2000px;height:500px;}
.visual .visual_img > div {position:absolute; top:0; left:0;left:50%;margin-left:-1000px;}
.visual .visual_img > div.displayno {display:none;}
.visual .visual_img ul.tab {position:absolute; top:430px;left:50%;margin-left:-26px;z-index:9999;}
.visual .visual_img ul.tab > li {width:14px; height:14px; margin:0 5px 0 0; float:left; background:url('/users/chemeng/image/visualDot_off.png') no-repeat; cursor:pointer;}
.visual .visual_img ul.tab > li.on {width:14px;height:14px;background:url('/users/chemeng/image/visualDot_on.png') no-repeat;}
.visual .visual_img > p{position:absolute;top:154px;left:50%;margin-left:-313px;}
	
/*contentsWrap*/
#contentsWrap{width:100%;min-width:1060px;height:630px;background:url(/users/chemeng/image/contentsbg.png) repeat-x center top;}
#contentsWrap .contents{width:1060px;height:630px;margin:0 auto;}

/*학과소개 바로가기*/
#contentsWrap .contents > dl{width:1060px;height:159px;overflow:hidden;margin:0 auto;}
#contentsWrap .contents > dl > dt{background:url(/users/chemeng/image/dt.png) no-repeat left 55px;font-weight:500;float:left;font-size:35px;color:#333333;line-height:100%;padding:38px 0 0 62px;letter-spacing:-1px;}
#contentsWrap .contents > dl > dt > span{font-size:22px;font-weight:300;}
#contentsWrap .contents > dl > dd{float:left;font-size:16px;color:#777777;margin:50px 0 0 50px;line-height:130%;}
#contentsWrap .contents > dl.en > dd{margin:50px 0 0 91px;}/*영문*/
#contentsWrap .contents > dl > dd > a{width:208px;height:48px;line-height:50px;border:1px solid #cccccc;display:block;float:right;color:#777777;text-align:center;font-size:14px;margin:8px 0 0 0;font-weight:200;}
#contentsWrap .contents > dl > dd > a > img{opacity:0.5;filter:alpha(opacity=70);margin:0 0 0 36px;}
#contentsWrap .contents > dl > dd > a:hover{border-color:#3e3e3e;color:#3e3e3e;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transiton:all 0.3s ease-in-out;-o-transiton:all 0.3s ease-in-out;}
#contentsWrap .contents > dl > dd > a:hover > img{opacity:1;filter:alpha(opacity=100);transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transiton:all 0.3s ease-in-out;-o-transiton:all 0.3s ease-in-out;}


/*공지사항,홍보자료,취업게시판*/
#contentsWrap .contents .contentsbox{width:1060px;height:300px;margin:40px 0;overflow:hidden;}
ul.tabs {float: left;list-style: none;width: 100%;font-size:12px;border-bottom:1px solid #cccccc;margin:0 0 30px 0;}
ul.tabs li {float: left;cursor: pointer;font-weight:400;overflow: hidden;position: relative;font-size:17px;color:#777777;padding:0 15px;background:url(/users/chemeng/image/tabline.png) no-repeat center right;padding-bottom:17px;}

ul.tabs li:last-child{background:none;}

ul.tabs li.active {color:#111111;border-bottom:3px solid #004895;}
.tab_container {border-top: none;clear: both;float: left;width: 248px;}
.tab_content {width:325px; display: none;}
.tab_container .tab_content ul {width:100%;margin:0px; padding:0px;}
.tab_container .tab_content ul li {padding:5px;list-style:none}

#bbs {width:450px;height:220px;padding:40px;background:url(/users/chemeng/image/bbs_bg.png);float:left;overflow:hidden;position:relative;}
#container > p{color:#b2b2b2;font-size:14px;font-family:'Verdana'!important;margin-top:10px;display:inline-block;}
.tab_container > div > a{width:35px;height:35px;display:inline-block;background:#d0d0d0;line-height:35px;position:absolute;right:0;top:0;}
.tab_container > div > a > img{margin:10px 0 0 10px;}
.tab_container > div > a:hover{background:#636363;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transiton:all 0.3s ease-in-out;-o-transiton:all 0.3s ease-in-out;}

/*학과뉴스*/
#contentsWrap .contents .contentsbox #news {width:530px;height:300px; position:relative; overflow:hidden; background-color: #eee;}
#contentsWrap .contents .contentsbox #news > h3{font-size:18px;color:#333333;border-bottom:3px solid #004895;display:inline-block;color:#333333;font-weight:500;position:absolute;top:45px;left:266px;z-index:999999999999;}

/* IE8 only */
@media \0screen {
	#contentsWrap .contents .contentsbox #news > span > span {font-size:15px;}
}
/* IE8 only */
#contentsWrap .contents .contentsbox #news > a{position:absolute;top:237px;left:397px;z-index:999;}
#contentsWrap .contents .contentsbox #news ul {width:530px; height:300px;z-index:999;}
#contentsWrap .contents .contentsbox #news ul li {width:100%; height:300px; position:absolute; display:none; z-index: 99;}

#contentsWrap .contents .contentsbox #news ul li.img1 {background:url('/users/chemeng/image/news1.jpg') no-repeat top center; display:inline-block}
#contentsWrap .contents .contentsbox #news ul li.img2 {background:url('/users/chemeng/image/news2.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img3 {background:url('/users/chemeng/image/news3.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img4 {background:url('/users/chemeng/image/news4.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img5 {background:url('/users/chemeng/image/news5.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img6 {background:url('/users/chemeng/image/news6.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img7 {background:url('/users/chemeng/image/news7.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img8 {background:url('/users/chemeng/image/news8.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img9 {background:url('/users/chemeng/image/news9.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li.img10 {background:url('/users/chemeng/image/news10.jpg') no-repeat top center;}
#contentsWrap .contents .contentsbox #news ul li > span {display:inline-block;width:225px; position:absolute; top:100px; left:267px; z-index:999; font-size:13px;color:#797979;font-weight:400;line-height:130%;}
#contentsWrap .contents .contentsbox #news ul li > span > span {font-size:16px;color:#0f4d90;letter-spacing:-0.3px;margin:0 0 5px 0;display:inline-block;line-height:130%;}


#contentsWrap .contents .contentsbox #news div.visualCopy span.bt01 {width:25px; height:25px; text-align:center; padding-top:8px; display:inline-block; position:absolute; top:42px; right:62px; cursor:pointer;z-index:99999999999999;}
#contentsWrap .contents .contentsbox #news div.visualCopy span.bt02 {width:24px; height:25px; text-align:center; padding-top:8px; display:inline-block; position:absolute; top:42px; right:38px; cursor:pointer;z-index:99999999999999;}


/*학사일정, 교수소개, 장학정보, 교내외 행사*/
#contentsWrap .contents ul.btn{width:1060px;height:50px;background:url(/users/chemeng/image/btnline.png) no-repeat center;}
#contentsWrap .contents ul.btn > li {float:left;}
#contentsWrap .contents ul.btn > li > a{height:50px;display:inline-block;}
#contentsWrap .contents ul.btn > li > a > h3{float:left;color:#333333;font-size:20px;line-height:1;font-weight:500;margin-top:5px;line-height:21px;}
#contentsWrap .contents ul.btn > li > a > h3> span{color:#888888;font-size:14px;}
#contentsWrap .contents ul.btn > li > a > img{opacity:0.4;margin-right:20px;float:left;margin-top:8px;}
#contentsWrap .contents ul.btn > li > a:hover > img{opacity:1;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transiton:all 0.3s ease-in-out;-o-transiton:all 0.3s ease-in-out;}

/*footer*/
#footerWrap{clear:both;width:100%;min-width:1060px;height:210px;background:#555555;}
#footerWrap .footer{width:1060px;margin:0 auto;}
#footerWrap .footer > img{margin:75px 55px 0 0;float:left;}
#footerWrap .footer > p{float:left;color:#c6c6c6;font-size:14px;margin:40px 0 0 0;}
#footerWrap .footer div.fSite {width:268px; height:48px;border:1px solid #747474; float:right; position:relative; background:#4e4e4e; text-align:left; z-index:9999;margin:55px 0 0 0;z-index:99999999999999999;}
#footerWrap .footer div.fSite > p {width:248px; height:50px; line-height:50px; display:inline-block; padding-left:20px; color:#fff; cursor:pointer; background:url('/users/chemeng/image/fSiteDot.gif') no-repeat 235px; font-size:15px;}
#footerWrap .footer div.fSite > p.on {background:url('/users/chemeng/image/fSiteDotClose.gif') no-repeat 235px; color:#fff;}
#footerWrap .footer div.fSite > ul {width:270px;text-align:left; padding:0; margin:0; display:none; position:absolute; bottom:50px; right:0; background:#333;overflow:hidden;}
#footerWrap .footer div.fSite > ul > li {width:268px; height:50px; line-height:50px; border-top:1px solid #333; background:#222;}
#footerWrap .footer div.fSite > ul > li.fr {border-top:none;}
#footerWrap .footer div.fSite > ul > li > a {width:248px; height:50px; line-height:50px; padding:0 0 0 20px; display:inline-block; color:#c0c0c0; text-decoration:none; font-size:13px; font-weight:500;}
#footerWrap .footer div.fSite > ul > li > a:hover {color:#fff; text-decoration:none;}


/************************서브페이지************************/

/*visual*/
.sub_visual {position:relative; width:100%; min-width:1060px; height:215px; text-align:center; background:url('../image/sub_visual.jpg');}
.sub_visual p.copy {padding-top:70px;}
.sub_contents {width:1060px; margin:0 auto; min-height:550px; padding-bottom:60px; background:url(../image/left_bg.png) repeat-y left; overflow:hidden;}

/*left_nav 서브 좌측메뉴*/
.left_nav {float:left; width:224px;}
.left_nav div.nav_tit {height:138px; text-align:center; color:#004895; font-weight:500; padding-top:50px; font-size:26px; line-height:23px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.left_nav div.nav_tit > span {color:#bbb; font-weight:normal; font-size:14px;}
.left_nav > ul > li {height:50px; padding-left:28px;border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.left_nav > ul > li:hover {background:#eee;}
.left_nav > ul > li > a {display:block; line-height:50px; font-size:15px; font-weight:normal;}
.left_nav > ul > li > a:hover {font-weight:500!important; color:#555!important;}
.left_nav > ul > li > a > span {float:right; padding-right:20px; font-weight:500; color:#004895;}
.left_nav > ul > li.select {background:#eee;}
.left_nav > ul > li.select > a {font-weight:500;}

/*right 서브 내용부분*/
.right {float:left; margin:37px 0 0 48px; width:786px;}
.right div.sub_tit {float:left; font-size:30px; color:#222; font-weight:500; padding:7px 0 7px 0;}
.right div.location {float:right; font-size:13px; color:#888; padding-top:24px;}
.right div.location > img {vertical-align:sub;}
.right div.sub_info {clear:both; margin-top:100px; padding-top:50px; border-top:1px solid #ddd;}
.right div.sub_info > img.sub_pic {padding:8px; border:1px solid #ddd; float:left; margin-right:20px;}
.right div.sub_info > img.pic_right {float:right; margin:40px 0 0 20px;}
.right div.sub_info > div.text_box {padding:40px; margin-bottom:40px; border:1px solid #ddd; float:left; width:704px;}
.right div.sub_info > div.text_box img {float:left; padding:16px 40px 0 0; display:block;}
.right div.sub_info > div.text_box > a > img.pdf {padding:5px 15px 0 10px;}
.right div.sub_info > div.text_box > p {float:left;}
.right div.sub_info > h3, div.text_box > h3, div.info_left > h3 {font-size:18px; margin-bottom:10px;}
.right div.sub_info h3 {color:#333;}
.right div.sub_info h3 > span {color:#007994;}

/*서브 테이블 디자인*/
.right div.sub_info > table.sub_table {width:100%; border-collapse:collapse; border:1px solid #ddd; border-top:2px solid #007995;}
.right div.sub_info > table.sub_table span {color:#004895;}
.right div.sub_info > table.sub_table > tbody > tr {height:50px; border-bottom:1px solid #ddd;}
.right div.sub_info > table.sub_table > tbody > tr > th {width:150px; background:#f7f7f7; font-weight:500; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.right div.sub_info > table.sub_table > tbody > tr > td {padding-left:30px; padding:10px 0 10px 20px;}
.right div.sub_info > table.curri > tbody > tr > th {width:114px; padding:20px;} 
.right div.sub_info > table.curri > tbody > tr > td {width:220px;}
.right div.sub_info > table.pro_intro {text-align:center;}
.right div.sub_info > table.pro_intro > tbody > tr > th:first-child {width:100px;}
.right div.sub_info > table.pro_intro > tbody > tr > td { border-left:1px solid #ddd; padding:10px;}
.right div.sub_info > table.pro_intro > tbody > tr > td:first-child {border:0;}
.right div.sub_info > table.mem_intro {margin-top:30px;}
.right div.sub_info > table.mem_intro > tbody > tr > th:first-child {width:60px;}
.right div.sub_info > table.mem_intro > tbody > tr > th.secon_th {width:100px;}
.right div.sub_info > table.mem_intro > tbody > tr > td {padding:20px;}
.right div.sub_info > table.mem_intro > tbody > tr > td.last_td {text-align:left;}
.right div.sub_info > table.credit {margin:30px 0 15px 0; text-align:center;}
.right div.sub_info > table.credit > tbody > tr.tr_bg {background:#f7f7f7; font-weight:500;}
.right div.sub_info > table.credit > tbody > tr > th {background:#eee;}
.right div.sub_info > table.credit > tbody > tr > td {border-left:1px solid #ddd; padding:20px;}
.right div.sub_info > table.credit > tbody > tr > td.grade {background:#f7f7f7; font-weight:500;}
.right div.sub_info > table.credit .subject {text-align:left; width:300px;}


/*대학원 교과과정 탭*/
.right div.heading {color:#555; padding: 18px; cursor: pointer; position: relative; background:#f7f7f7; border-bottom:1px solid #ddd; transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transiton:all 0.4s ease-in-out;-o-transiton:all 0.4s ease-in-out;}
.right div.content {padding: 20px;}
.right div.heading:first-child {border-top:2px solid #007995;}
.right div.heading:after {content:'\002B'; color:#007995; font-weight:500; float:right; margin-left:5px;}
.right div.heading.active:after {content:"\2212";}
.right div.heading.active {background:#eee; font-weight:500;}
.right div.heading:hover {background:#eee; font-weight:500;}

/*운영내규*/
.right div.sub_info > div.text_box > span.enter {padding-left:18px;}
.right div.sub_info > div.text_box > p.tit_line {width:100%; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}
.right div.sub_info > div.text_box > p.tit_line > strong {border-bottom:1px solid #007995; padding-bottom:10px;}
.right div.sub_info > div.text_box > table.sub_table {width:100%; border-collapse:collapse; border:1px solid #ddd; border-top:2px solid #007995; margin-bottom:30px; text-align:center;}
.right div.sub_info > div.text_box > table.sub_table > tbody > tr {height:50px; border-bottom:1px solid #ddd;}
.right div.sub_info > div.text_box > table.sub_table > tbody > tr > th {width:150px; background:#f7f7f7; font-weight:500; border-right:1px solid #ddd; border-left:1px solid #ddd; padding:5px;}
.right div.sub_info > div.text_box > table.sub_table > tbody > tr > th.part {width:80px;}
.right div.sub_info > div.text_box > table.sub_table > tbody > tr > th.part2 {width:60px;}
.right div.sub_info > div.text_box > table.sub_table > tbody > tr > td.part3 {width:70px;}
.right div.sub_info > div.text_box > table.sub_table > tbody > tr > td {border-left:1px solid #ddd; padding:15px;}

.right div.sub_info > div.text_box > p.tc {float:none!important; margin-bottom:15px;}


/*교육비전*/
.right div.sub_info > table.vision {width:100%; text-align:center; padding:0; margin:0;}
.right div.sub_info > table.vision > tbody > tr {height:212px; vertical-align:top; }
.right div.sub_info > table.vision > tbody > tr > td {padding-top:33px; background:url('../image/sub1_bg.jpg') no-repeat; width:197px; line-height:21px;}
.right div.sub_info > table.vision > tbody > tr > td:first-child {border-left:0;}
.right div.sub_info > table.vision > tbody > tr > td > h3 {color:#007995; font-size:18px; font-weight:500; padding-bottom:15px;}

/*교수소개*/
.right div.sub_info > div.pro {padding:30px; border:1px solid #ddd; float:left; margin-bottom:30px;}
.right div.sub_info > div.pro a {font-weight:normal; font-size:14px;}
.right div.sub_info > div.pro a:hover {text-decoration:underline;}
.right div.sub_info > div.pro > p {float:left; width:590px; font-size:14px;border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:-5px;}
.right div.sub_info > div.pro p span {color:#222; font-size:15px; font-weight:500; padding-bottom:10px; border-bottom:1px solid #007995;}
.right div.sub_info > div.pro img {float:left; margin-right:30px;}
.right div.sub_info > div.pro table {float:left; margin-top:10px;}
.right div.sub_info > div.pro table > tbody > tr > th {font-size:14px; width:82px; text-align:left; font-weight:500;}
.right div.sub_info > div.pro table > tbody > tr > td {font-size:14px;}
.right div.sub_info > div.pro > div.pro_left {float:left; width:380px;}
.right div.sub_info > div.pro > div.pro_right {float:right; width:343px;}
.right div.sub_info > div.pro > div.pro_left > p {float:left; font-size:14px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:-4px; width:220px;}
.right div.sub_info > div.pro > div.pro_right > p {float:left; font-size:14px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:-4px; width:213px;}
.right div.sub_info > div.pro > div.pro_left > p.cus {width:340px;}
.right div.sub_info > div.pro > div.pro_right > p.cus {width:340px;}

/*학과사무실*/
.right div.sub_info > div.map {width:671px; margin:0 auto; text-align:center;}

/*졸업후 진로*/
.right div.sub_info > div.text_box2 {border:1px solid #ddd; padding:30px 40px 0 40px; float:left;}
.right div.sub_info > div.text_box2 > div.info_left {float:left; width:352px; height:100px; padding-top:10px;}

/*화학공학 전공의 교육목표*/
.right div.sub_info > div.edu {width:788px; height:165px; background:url('../image/sub5_1_bg.jpg') no-repeat; box-sizing:border-box;}
.right div.sub_info > div.edu > h3 {margin-top:-4px;}
.right div.sub_info > div.edu > h3 > span {color:#007995;}
.right div.sub_info > div.edu1 {margin-top:50px;}
.right div.sub_info > div.edu2 {padding:30px 40px;}
.right div.sub_info > div.edu2 > h3 > span {color:#004895;}
.right div.sub_info > div.edu3 {padding:30px 40px;}
.right div.sub_info > div.edu3 > h3 > span {color:#c13434;}

/*학사일정*/
.right div.sub_info > div.schedule {padding-left:105px;}
/*크롬에서만 테이블크기제어*/
@media screen and (-webkit-min-device-pixel-ratio:0) { .right div.sub_info > div.schedule > table > tbody > tr > td:nth-child(2) {width:550px;} }

/*사이트맵*/
.right div.sub_info > div.siteWrap {float:left;}
.right div.sub_info > div.siteWrap:first-child {padding-bottom:50px;}
.right div.sub_info > div.siteWrap > ul.sitemap {width:248px; float:left; margin-left:20px; border-top:2px solid #007995; text-align:center;}
.right div.sub_info > div.siteWrap > ul.list_1, ul.list_4 {margin-left:0!important;}
.right div.sub_info > div.siteWrap > ul.sitemap > li {height:40px; border-bottom:1px solid #ddd;}
.right div.sub_info > div.siteWrap > ul.sitemap > li:hover > a {color:#004895;}
.right div.sub_info > div.siteWrap > ul.sitemap > li:first-child {height:50px; line-height:50px; font-weight:500; font-size:18px;
	background:#f5f5f5; border-bottom:0;}
.right div.sub_info > div.siteWrap > ul.sitemap > li > a {line-height:40px; font-weight:normal;}


/******영문버전 페이지*******/

/*header*/
#headerWrap .en_head > a{display:inline-block;width:auto;padding:0 20px;height:36px;background:#004895;color:white;float:left;font-size:15px;text-align:center;line-height:36px;font-weight:400;font-size:14px;}

/*menu*/
#headerWrap .headerBottom > ul.en_gnb {padding-right:40px;}
#headerWrap .headerBottom > ul.en_gnb > li:first-child {padding-right:25px;}
#headerWrap .headerBottom > ul.en_gnb > li > ul {left:-5px; width:170px;}

/*contentsWrap*/

.en_contentsWrap {height:492px!important;}
.en_contentsWrap * {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/*vision*/
#contentsWrap .contents .contentsbox > div.vision {width:520px; height:252px; background:url('../image/en/vision.jpg'); position:relative; float:left;}
#contentsWrap .contents .contentsbox > div.vision > h3 {position:absolute; top:40px; right:220px; color:#333; font-size:18px; border-bottom:3px solid #004895;}
#contentsWrap .contents .contentsbox > div.vision > p {position:absolute; top:75px; right:40px; font-size:13px; line-height:18px;}
#contentsWrap .contents .contentsbox > div.vision > p > span {font-size:16px; color:#004895; font-weight:500; line-height:32px;}
#contentsWrap .contents .contentsbox > div.vision > a {position:absolute; top:190px; right:40px;}
#contentsWrap .contents .contentsbox > div.ico_ban {width:520px; height:252px; border:1px solid #e5e5e5; box-sizing:border-box; float:left; margin-left:20px; padding:40px 32px;}

#contentsWrap .contents .contentsbox > div.ico_ban > div.ban {width:227px; height:172px; border-right:1px solid #ddd; box-sizing:border-box; text-align:center; padding:10px 33px 0 0; float:left;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban > h3 {font-size:18px; color:#333; margin:7px 0 7px 0; line-height:21px;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban > p {font-size:14px; line-height:18px;}

#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_1 {position:relative;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_1 > a {width:74px; height:74px; display:block;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_1 > a > img {position:absolute; left:27%;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_1 > a > img.ico_1_2 {opacity:0; filter:alpha(opacity=0);}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_1 > a:hover > img.ico_1_1 {opacity:0; filter:alpha(opacity=0;)}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_1 > a:hover > img.ico_1_2 {opacity:1; filter:alpha(opacity=100);}

#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_2 {position:relative; padding:10px 0 0 33px; border:none;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_2 > a {width:77px; height:74px; display:block;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_2 > a > img {position:absolute; left:41%;}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_2 > a > img.ico_2_2 {opacity:0; filter:alpha(opacity=0);}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_2 > a:hover > img.ico_2_1 {opacity:0; filter:alpha(opacity=0);}
#contentsWrap .contents .contentsbox > div.ico_ban > div.ban_2 > a:hover > img.ico_2_2 {opacity:1; filter:alpha(opacity=100);}

/****sub deisgn****/

/*내용*/

.right div.en_info h3 {color:#333; clear:both;}
.right div.en_info h3 > span {color:#007994;}
.right div.sub_info > p.en_text_left {font-weight:300; float:left; width:440px; margin-top:-5px; word-break:break-all;}
.right div.sub_info > p.en_text_right {margin-top:35px; float:left; width:440px; font-weight:300; word-break:break-all}
.right div.sub_info > table.en_table > tbody > tr > td {font-weight:300;}
.right div.sub_info > table.en_table2 {margin-bottom:40px;}
.right div.sub_info > table.en_table2 > tbody > tr > td {border-right:1px solid #ddd; text-align:center; padding:0;}
.right div.sub_info > table.en_table2 > tbody > tr > td:hover {background:#f5f5f5;}
.right div.sub_info > table.en_table2 > tbody > tr > td > a {font-weight:normal; font-size:14px;}
.right div.sub_info > table.en_table2 > tbody > tr > td > a:hover {color:#333;}

.img_box {padding:20px; border:1px solid #ddd;}

#DivContents img{width:auto!important;height:auto!important;max-width:782px;}