@CHARSET "UTF-8"; @font-face { font-family:'NanumGothic'; src: url('/new/2014/font/NanumGothic.eot'); /* IE 4-8 */ src: url('/new/2014/font/NanumGothic.eot?') format('eot'), /* IE 9 */ url('/new/2014/font/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */ font-style: normal; } @font-face { font-family:'NanumGothicBold'; src: url('/new/2014/font/NanumGothicBold.eot'); src: url('/new/2014/font/NanumGothicBold.woff') format('woff'); font-style: normal; } @font-face { font-family:'NanumMyeongjo'; src: url('/new/2014/font/NanumMyeongjo.eot'); src: url('/new/2014/font/NanumMyeongjo.woff') format('woff'); font-style: normal; } @font-face { font-family:'NanumMyeongjoBold'; font-style: normal; src: url('/new/2014/font/NanumMyeongjoBold.eot'); src: url('/new/2014/font/NanumMyeongjoBold.woff') format('woff'); font-style: normal; } body { margin : 0; padding : 0; font-size:11pt; /* font-family :"나눔고딕",Nanum Gothic, "나눔명조",NanumMyeongjo, "돋움",dotum,AppleGothic,sans-serif;*/ width:100%; background:url(../img/top_bg.gif) center 35px repeat-x; overflow-y:scroll; overflow-x:hidden; } td { font-family :"나눔고딕",Nanum Gothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif; line-height : 150%; } img { margin : 0; border : 0;vertical-align:top } div { margin : 0; padding : 0; border : 0; font-size:11pt; font-family :"나눔고딕",Nanum Gothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif; color:#555;} dl { margin : 0; padding : 0; border : 0; font-size:11pt; font-family :"나눔고딕",Nanum Gothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif; color:#555;} span { margin : 0; padding : 0; border : 0; ffont-size:11pt; font-family :"나눔고딕",Nanum Gothic,"나눔명조",NanumMyeongjo,"돋움",dotum,AppleGothic,sans-serif; color:#666;} form { margin : 0; padding : 0; border : 0; font-size:11pt;} ul { list-style : none; margin : 0; padding : 0; font-size:11pt; } li { list-style : none; margin : 0; padding : 0; font-size:11pt; } ol { list-style : none; margin : 0; padding : 0; font-size:11pt; } dl { list-style : none; margin : 0; padding : 0; font-size:11pt; } dt { list-style : none; margin : 0; padding : 0; font-size:11pt;} dd { list-style : none; margin : 0; padding : 0; font-size:11pt; } p { list-style : none; margin : 0; padding : 0; font-size:11pt;} em { list-style : none; margin : 0; padding : 0; font-size : 12px; font-style: normal; font-weight:bold;} button { border:0; padding:0; background:transparent; cursor:pointer; overflow:visible; } select,option { font-size: 13px;} a:link { text-decoration: none; color: #666;} a:visited { text-decoration: none; color: #666;} a:active { text-decoration: none; color: #666;} a:hover { text-decoration: none; color: #81C0D1;} fieldset { border: solid 0 transparent; padding:0;margin:0;} legend { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;font-size :1em; } hr { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} h1 { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} h2 { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} div.skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} #skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} caption { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} .skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} dl,dt, dd, ul ,li,h3,h4,h5{ margin:0; padding:0;} .Skipul ul li { position:relative;float:left;padding:0;margin:0} .skip { display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;} .skip:hover, .skip:active, .skip:focus { width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;} #Mainallbg { position:relative;float:left;width:100%;text-align:center; z-index:1;} #Mainallbg #headermenu { position:relative; float:left; width:100%; height:35px; background-color:#6A747D; border-top:1px solid #666;} #Mainallbg #headermenu .container { position:relative; width:1000px; margin:0 auto; text-align:left;} #Mainallbg #headermenu ul { float:left;} #Mainallbg #headermenu ul li { float:left; width:249px; height:35px; line-height:35px; font-size:13px; text-align:center;border-right:1px solid #666; background-color:#3E4347;} #Mainallbg #headermenu ul li:last-child { border:0;} #Mainallbg #headermenu ul li a { color:#b9b9b9;} #Mainallbg #headermenu .on { width:249px; height:35px; color:#282828; background-color:#fff; display:inline-block; font-weight:bold;} #Mainallbg #headermenu .on a { color:#282828;} #Mainallbg #Mainheader { position:relative; float:left; width:100%; height:148px; text-align:center;} #Mainallbg #Mainheader #headerbox { position:relative; width:1000px; height:100px; margin:0 auto; text-align:left; } #Mainallbg #Mainheader #headerbox .logo { position:absolute;left:405px; top:28px; width:189px; height:37px; z-index:100;} #Mainallbg #Mainheader #headerbox .HeaderLinkall { position:absolute; right:144px; top:43px; width:110px; height:14px; text-align:right;} #Mainallbg #Mainheader #headerbox .HeaderLinkall li { display:inline; } #Mainallbg #Mainheader #headerbox #language { position:absolute; right:0; top:35px; width:136px; height:auto; z-index:302;} #Mainallbg #Mainheader #headerbox #language dl { position:relative; float:left; width:136px;} #Mainallbg #Mainheader #headerbox #language dl dt { position:relative; float:left; width:136px; height:29px; background:url(../img/version_bg.gif) left top no-repeat; } #Mainallbg #Mainheader #headerbox #language dl dt span { position:relative; float:left; height:17px; padding:5px 0 0 12px;} #Mainallbg #Mainheader #headerbox #language dl dd { position:relative; float:left; width:134px;} #Mainallbg #Mainheader #headerbox #language dl dd ul { position:relative; float:left; width:134px; border-left:1px solid #D6D6D6; border-right:1px solid #DFDFDF;} #Mainallbg #Mainheader #headerbox #language dl dd ul li { position:relative; float:left; width:134px; height:26px; background-color:#fff; border-bottom:1px solid #DFDFDF;} #Mainallbg #Mainheader #headerbox #language dl dd ul li span { position:relative; float:left; padding:5px 0 5px 12px;} #Mainallbg #Mainheader #menulist { position:relative; width:100%; height:280px; margin:0 auto; text-align:center; background:url(../img/menu/topbg.gif) top center repeat-x; border-bottom:1px solid #8B8B8B;} #Mainallbg #Mainheader #menulist #Gnb { position:relative; width:1000px; height:46px; margin:0 auto;} #Mainallbg #Mainheader #menulist #Gnb li { float:left; width:250px; text-align:center; margin-top:13px;} #Mainallbg #Mainheader #menulist #Gnb li img { vertical-align:middle;} #Mainallbg #Mainheader #menulist #Gnb li ul { width:250px; margin:0 auto; margin-top:13px;} #Mainallbg #Mainheader #menulist #Gnb li ul li { margin:0; clear:both; line-height:25px;} #Mainallbg #Mainheader #menulist .sub { display:none;} #Mainallbg #Mainheader #menulist .gnb1 .subbg { position:absolute;left:0;top:49px;width:250px; height:231px; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;} #Mainallbg #Mainheader #menulist .gnb3 .subbg { position:absolute;left:500px;top:49px ;width:250px; height:231px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} #Mainallbg #Mainheader #menulist .subbg .sidebarActive { position:relative;float:left;letter-spacing:-1px;z-index:31;} #Mainallbg #Mainheader #menulist .subbg .sidebarActive a:link { color:#d5d5d4;font-weight:bold;} #Mainallbg #Mainheader #menulist .subbg .sidebarActive a:visited { color:#60605e;font-weight:bold;} #Mainallbg #Mainheader #menulist .subbg .sidebarActive a:hover { color:#d5d5d4;font-weight:bold;} #Mainallbg #Mainheader #menulist .subbg .sidebarActive a:active { color:#60605e;font-weight:bold;} #MainContents { position:relative; float:left; width:100%; height:900px; overflow:hidden;} #MainContents #Section_wrapper { width:100%; height:900px; overflow:hidden;} #MainContents #Section1 { position:relative; width:100%; height:900px; margin:0 auto; text-align:center; background:url(../img/main/section_bg2.jpg) top center no-repeat;} #MainContents #Section1 #HISC1 { position:relative; width:1000px; margin:0 auto; text-align:center;} #MainContents #Section1 #HISC1 h3 { position:relative; float:left; width:100%; text-align:center; font-size:40pt; font-family :"나눔명조",NanumMyeongjo; font-weight:bold; letter-spacing:-2px; color:#fff; margin:180px 0 25px 0;} #MainContents #Section1 #HISC1 p { position:relative; float:left; width:100%; text-align:center; font-size:13pt; font-weight:bold; color:#fff; line-height:25px; padding-bottom:60px;} #MainContents #Section1 #HISC1 ul { position:relative; width:100%; margin:0 auto; text-align:center;} #MainContents #Section1 #HISC1 ul li { display:inline; padding:0 50px;} #MainContents #Section1 #Btnup { position:absolute; right:0; top:100px; width:100%; text-align:center;} #MainContents #Section1 #Btndown { position:absolute; right:0; bottom:100px; width:100%; text-align:center;} #MainContents #Section2 { position:relative; width:100%; height:900px; margin:0 auto; text-align:center; background:url(../img/main/section_bg1.jpg) top center no-repeat;} #MainContents #Section2 #HISC2 { position:relative; width:1000px; margin:0 auto; text-align:center;} #MainContents #Section2 #HISC2 h3 { position:relative; float:left; width:100%; text-align:center; font-size:40pt; font-family :"나눔명조",NanumMyeongjo; font-weight:bold; color:#fff; margin:240px 0 25px 0;} #MainContents #Section2 #HISC2 p { position:relative; float:left; width:100%; text-align:center; font-size:13pt; font-weight:bold; color:#fff; line-height:25px; padding-bottom:60px;} #MainContents #Section2 #HISC2 ul { position:relative; width:100%; margin:0 auto; text-align:center;} #MainContents #Section2 #HISC2 ul li { display:inline; padding:0 50px;} #MainContents #Section2 #Btnup { position:absolute; right:0; top:100px; width:100%; text-align:center; z-index:400;} #MainContents #Section2 #Btndown { position:absolute; right:0; bottom:100px; width:100%; text-align:center;} #MainContents #Section3 { position:relative; width:100%; height:900px; margin:0 auto; text-align:center; background:url(../img/main/section_bg3.jpg) top center no-repeat;} #MainContents #Section3 #Equipment { position:relative; width:1000px; margin:0 auto; text-align:center;} #MainContents #Section3 #Equipment h3 { position:relative; float:left; width:100%; text-align:center; font-size:40pt; font-family :"나눔명조",NanumMyeongjo; font-weight:bold; color:#fff; margin:240px 0 25px 0;} #MainContents #Section3 #Equipment p { position:relative; float:left; width:100%; text-align:center; font-size:13pt; font-weight:bold; color:#fff; line-height:25px; padding-bottom:60px;} #MainContents #Section3 #Equipment ul { position:relative; width:100%; margin:0 auto; text-align:center;} #MainContents #Section3 #Equipment ul li { display:inline; padding:0 35px;} #MainContents #Section3 #Btnup { position:absolute; right:0; top:100px; width:100%; text-align:center;} #MainContents #Section3 #Btndown { position:absolute; right:0; bottom:100px; width:100%; text-align:center;} #Footer { position:relative; float:left; width:100%; text-align:center; border-top:3px solid #231f20;} #Footer #Copyright { position:relative; width:1000px; height:255px; margin:0 auto; text-align:left; padding-top:40px;} #Footer #Copyright address { position:relative; width:400px; padding-bottom:15px;} #Footer #Copyright address p { padding-bottom:15px;} #Footer #Copyright .copyrights { position:relative; width:1000px; text-align:right; padding-top:20px; margin-top:35px; border-top:1px solid #e1e1e1; } #Footer #Copyright .bottomlogo { position:relative; width:400px; padding-bottom:15px;} #Footer #Copyright .bottommenu { position:absolute; left:0; bottom:28px; width:500px;} #Footer #Copyright .bottommenu li { display:inline; margin-right:14px;} #Footer #Copyright .location { position:absolute; right:0; top:40px; width:446px; height:167px;} .blank10 { padding-bottom:10px;} .blank20 { padding-bottom:20px;} .blank30 { padding-bottom:30px;} .blank40 { padding-bottom:40px;} .blank50 { padding-bottom:50px;} .blank60 { padding-bottom:60px;} .blank70 { padding-bottom:70px;} .blank80 { padding-bottom:80px;} .blank90 { padding-bottom:90px;} /* 스마트폰 가로 세로 글씨(폰트) 크기 바뀌지 않게 */ * { -webkit-text-size-adjust: none; }