@charset "utf-8"; /* @import url(../reset.css); */ .accessibility{} .accessibility a{display:block;position:fixed;top:-80px;z-index:1000;width:100%;height:80px;line-height:80px;background:rgba(0,0,0,0.9);text-align:center;font-size:20px;font-weight:bold;color:#fff;} .accessibility a:focus{top:0;} /*MAIN PAGE*/ .main {background-color:#dcdcdc;} .main #wrap{position:relative;} .main .header_wrap{position:absolute;top:0;left:0;z-index:10;width:100%;padding-bottom:0;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';opacity:0.9;} .main .header_wrap h1{float:left;margin-top:14px;} .main .bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .main .bg img{position:absolute;top:0;left:50%;width:1920px;margin-left:-960px;} .main .bg li{position:absolute;width:100%;z-index:3;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;} .main .bg li.on{z-index:4;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;} .main .bg li .blur{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;} .main .sub_menu{padding-left:179px;margin-top:413px;} .main .sub_menu li{position:relative;float:left;width:210px;height:223px;margin-right:5px;} .main .sub_menu li > a{position:absolute;z-index:6;} .main .sub_menu div{float:left;position:relative;z-index:6;} .main .bg_controller{position:relative;float:right; top:298px;} .main .bg_controller ul{position:relative; z-index:100;} .main .bg_controller ul li{width:30px;height:30px;background:url(/images/en/main/pagination_new.png) no-repeat 0 0;} .main .bg_controller ul li.on{background:url(/images/en/main/pagination_on_new.png) no-repeat 0 0;} .main .bg_controller ul li a{display:block;width:100%;height:100%;} .main .bg_player{position:absolute;bottom:60px;left:0;} .main .bg_player a{float:left;margin-right:8px;} .main .bg_player a:first-child{display:none;} #content{position:relative;width:1100px;min-height:450px;margin:0 auto;padding:90px 0 100px 0;} #headerWrap { position:absolute; top:0; right:0; left:0; z-index:200; } .topmenu {position:absolute; right:30px; top:10px; *zoom:1; height:18px;} .topmenu span {float:left; display:block; margin-right:5px;} .topmenu span a {float:left; display:block;} .topmenu span.last {margin-right:0;} #header { position:relative; width:1000px; height:89px; margin:0 auto; background:url(/images/en/top/bg_header.png) repeat-x; } .logo {position:absolute; top:1px; left:20px; } .logo a {display:inline-block; *display:inline; *zoom:1;} #header .gnb {margin-top:43px; float:right; margin-right:20px} #header .gnb>ul {*zoom: 1; float: left; margin: 0; list-style: none;} #header .gnb>ul:after {content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #header .gnb>ul>li {float: left; position: relative; padding-bottom:10px;} /* 130604 추가 */ #header .gnb>ul>li:nth-child(1) {width: 85px} #header .gnb>ul>li:nth-child(2) {width: 110px} #header .gnb>ul>li:nth-child(3) {width: 130px} #header .gnb>ul>li:nth-child(4) {width: 70px} #header .gnb>ul>li:nth-child(5) {width: 140px} #header .gnb>ul>li:nth-child(6) {width: 130px} #header .gnb>ul>li:nth-child(7) {width: 55px} #header .gnb>ul>li.nth-child-1 {width: 85px} #header .gnb>ul>li.nth-child-2 {width: 175px} #header .gnb>ul>li.nth-child-3 {width: 130px} #header .gnb>ul>li.nth-child-4 {width: 70px} #header .gnb>ul>li.nth-child-5 {width: 140px} #header .gnb>ul>li.nth-child-6 {width: 130px} #header .gnb>ul>li.nth-child-7 {width: 55px} /* //130604 추가 */ #header .gnb>ul>li+li {padding-left: 3px; background: url('/images/en/top/bg_vertical_bar_01.gif') 0 50% no-repeat;} #header .gnb>ul>li>a {display: block; position: relative; height: 29px; /*font: bold 1em/29px Arial, sans-serif;*/ text-indent: -5000px; line-height: 0; color: #1c1e1e; text-decoration: none;} #header .gnb>ul>li>a:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/images/en/top/nav_gnb_220817.gif'); background-repeat: no-repeat;} #header .gnb>ul>li.active>a {color: #cd0000;} #header .gnb>ul>li:hover>a:after {background-image: url('/images/en/top/nav_gnb_active_220819.gif');} #header .gnb>ul>li.active>a:after {background-image: url('/images/en/top/nav_gnb_active_220819.gif');} #header .gnb>ul>li:nth-child(1)>a:after {background-position: 50% 0;} #header .gnb>ul>li:nth-child(2)>a:after {background-position: 50% -27px;} #header .gnb>ul>li:nth-child(3)>a:after {background-position: 50% -57px;} #header .gnb>ul>li:nth-child(4)>a:after {background-position: 50% -87px;} #header .gnb>ul>li:nth-child(5)>a:after {background-position: 50% -167px;} #header .gnb>ul>li:nth-child(6)>a:after {background-position: 50% -116px;} #header .gnb>ul>li:nth-child(7)>a:after {background-position: 50% -144px;} /* content-aside explorer 8 or less */ #header .gnb ul li ul li *.after {display: block;} #header .gnb ul li *.after {display: block; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/images/en/top/nav_gnb_220817.gif'); background-repeat: no-repeat; cursor: pointer;} #header .gnb ul li.active a {color: #cd0000;} #header .gnb ul li:hover *.after {background-image: url('/images/en/top/nav_gnb_active_220819.gif');} #header .gnb ul li.active *.after {background-image: url('/images/en/top/nav_gnb_active_220819.gif');} #header .gnb ul li.nth-child-1 *.after {background-position: 50% 0;} #header .gnb ul li.nth-child-2 *.after {background-position: 50% -29px;} #header .gnb ul li.nth-child-3 *.after {background-position: 50% -58px;} #header .gnb ul li.nth-child-4 *.after {background-position: 50% -87px;} #header .gnb ul li.nth-child-5 *.after {background-position: 50% -167px;} #header .gnb ul li.nth-child-6 *.after {background-position: 50% -116px;} #header .gnb ul li.nth-child-7 *.after {background-position: 50% -145px;} #header .gnb ul li:hover ul {display: block;} #header .gnb ul li:focus ul {display: block;} #header .gnb ul li a:focus+ul {display: block;} #header .gnb .nav li ul {*zoom: 1; display: none; position: absolute; top: 35px; left: 50%; margin-left: -80px; padding: 0 0 5px 0; width: 180px; list-style: none;} #header .gnb .nav li ul.last {margin-left: -170px;} #header .gnb .nav li ul:after {content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #header .gnb .nav li ul li {float: left; width: 180px; background-color: #f77934; background-repeat: no-repeat; } #header .gnb .nav li ul li+li a {border-top: 1px solid #f77934;} #header .gnb .nav li ul li a {position: relative; display: block; padding: 0; height: 32px; color:#f77934} #header .gnb .nav li ul li a:hover, #header .gnb .nav li ul li.active a {color: #f77934 !important; background-position: 100% 100% !important;} #header .gnb .nav li .before {display: none; position: absolute; bottom: 3px; left: 0; width: 100%; height: 6px; } #header .gnb .nav > li:hover > .before {display: block;} /* 130405 */ #header .gnb .nav li ul li a:after {content: ""; position: absolute; display: block; top: 0px; left: 0px; width:100%; height:32px; background-image: url('/images/en/top/nav_gnb_sub_220817.gif');} #header .gnb .nav li ul li:hover a:after {content: ""; position: absolute; display: block; top: 0px; left: 0px; width:100%; height:32px; background-image: url('/images/en/top/nav_gnb_sub_active_220817.gif');} #header .gnb .nav li ul li.active a:after {content: ""; position: absolute; display: block; top: 0px; left: 0px; width:100%; height:32px; background-image: url('/images/en/top/nav_gnb_sub_active_220817.gif');} #header .gnb .nav li ul li a .after {content: ""; position: absolute; z-index: 10; display: block; top: 0px; left: 0px; width:100%; height:32px; background-image: url('/images/en/top/nav_gnb_sub_220817.gif');} #header .gnb .nav li ul li:hover a .after {background-image: url('/images/en/top/nav_gnb_sub_active_220817.gif');} #header .gnb .nav li ul li.active a .after {background-image: url('/images/en/top/nav_gnb_sub_active_220817.gif');} #header .gnb .nav li:nth-child(1) li:nth-child(1) a:after {background-position: 0px 0px;} #header .gnb .nav li:nth-child(1) li:nth-child(2) a:after {background-position: 0px -33px;} #header .gnb .nav li:nth-child(1) li:nth-child(3) a:after {background-position: 0px -65px;} #header .gnb .nav li:nth-child(1) li:nth-child(4) a:after {background-position: 0px -97px;} #header .gnb .nav li:nth-child(1) li:nth-child(5) a:after {background-position: 0px -129px;} #header .gnb .nav li:nth-child(1) li:nth-child(6) a:after {background-position: 0px -161px;} #header .gnb .nav li:nth-child(2) li:nth-child(1) a:after {background-position: 0px -193px;} #header .gnb .nav li:nth-child(2) li:nth-child(2) a:after {background-position: 0px -225px;} #header .gnb .nav li:nth-child(3) li:nth-child(1) a:after {background-position: 0px -257px;} #header .gnb .nav li:nth-child(3) li:nth-child(2) a:after {background-position: 0px -289px;} #header .gnb .nav li:nth-child(3) li:nth-child(3) a:after {background-position: 0px -321px;} #header .gnb .nav li:nth-child(3) li:nth-child(4) a:after {background-position: 0px -353px;} #header .gnb .nav li:nth-child(3) li:nth-child(5) a:after {background-position: 0px -385px;} #header .gnb .nav li:nth-child(3) li:nth-child(6) a:after {background-position: 0px -417px;} #header .gnb .nav li:nth-child(4) li:nth-child(1) a:after {background-position: 0px -449px;} #header .gnb .nav li:nth-child(4) li:nth-child(2) a:after {background-position: 0px -481px;} #header .gnb .nav li:nth-child(4) li:nth-child(3) a:after {background-position: 0px -513px;} #header .gnb .nav li:nth-child(4) li:nth-child(4) a:after {background-position: 0px -545px;} #header .gnb .nav li:nth-child(4) li:nth-child(5) a:after {background-position: 0px -577px;} #header .gnb .nav li:nth-child(4) li:nth-child(6) a:after {background-position: 0px -609px;} #header .gnb .nav li:nth-child(4) li:nth-child(7) a:after {background-position: 0px -641px;} #header .gnb .nav li:nth-child(4) li:nth-child(8) a:after {background-position: 0px -673px;} #header .gnb .nav li:nth-child(5) li:nth-child(1) a:after {background-position: 0px -863px;} #header .gnb .nav li:nth-child(5) li:nth-child(2) a:after {background-position: 0px -896px;} #header .gnb .nav li:nth-child(6) li:nth-child(1) a:after {background-position: 0px -705px;} #header .gnb .nav li:nth-child(6) li:nth-child(2) a:after {background-position: 0px -737px;} #header .gnb .nav li:nth-child(6) li:nth-child(3) a:after {background-position: 0px -769px;} #header .gnb .nav li:nth-child(6) li:nth-child(4) a:after {background-position: 0px -801px;} #header .gnb .nav li:nth-child(7) li:nth-child(1) a:after {background-position: 0px -833px;} #header .gnb .nav li.nth-child-1 li.nth-child-1 a .after {background-position: 0px 0px;} #header .gnb .nav li.nth-child-1 li.nth-child-2 a .after {background-position: 0px -33px;} #header .gnb .nav li.nth-child-1 li.nth-child-3 a .after {background-position: 0px -65px;} #header .gnb .nav li.nth-child-1 li.nth-child-4 a .after {background-position: 0px -97px;} #header .gnb .nav li.nth-child-1 li.nth-child-5 a .after {background-position: 0px -129px;} #header .gnb .nav li.nth-child-1 li.nth-child-6 a .after {background-position: 0px -161px;} #header .gnb .nav li.nth-child-2 li.nth-child-1 a .after {background-position: 0px -193px;} #header .gnb .nav li.nth-child-2 li.nth-child-2 a .after {background-position: 0px -225px;} #header .gnb .nav li.nth-child-3 li.nth-child-1 a .after {background-position: 0px -257px;} #header .gnb .nav li.nth-child-3 li.nth-child-2 a .after {background-position: 0px -289px;} #header .gnb .nav li.nth-child-3 li.nth-child-3 a .after {background-position: 0px -321px;} #header .gnb .nav li.nth-child-3 li.nth-child-4 a .after {background-position: 0px -353px;} #header .gnb .nav li.nth-child-3 li.nth-child-5 a .after {background-position: 0px -385px;} #header .gnb .nav li.nth-child-3 li.nth-child-6 a .after {background-position: 0px -417px;} #header .gnb .nav li.nth-child-4 li.nth-child-1 a .after {background-position: 0px -449px;} #header .gnb .nav li.nth-child-4 li.nth-child-2 a .after {background-position: 0px -481px;} #header .gnb .nav li.nth-child-4 li.nth-child-3 a .after {background-position: 0px -513px;} #header .gnb .nav li.nth-child-4 li.nth-child-4 a .after {background-position: 0px -545px;} #header .gnb .nav li.nth-child-4 li.nth-child-5 a .after {background-position: 0px -577px;} #header .gnb .nav li.nth-child-4 li.nth-child-6 a .after {background-position: 0px -609px;} #header .gnb .nav li.nth-child-4 li.nth-child-7 a .after {background-position: 0px -641px;} #header .gnb .nav li.nth-child-4 li.nth-child-8 a .after {background-position: 0px -673px;} #header .gnb .nav li.nth-child-5 li.nth-child-1 a .after {background-position: 0px -863px;} #header .gnb .nav li.nth-child-5 li.nth-child-2 a .after {background-position: 0px -896px;} #header .gnb .nav li.nth-child-6 li.nth-child-1 a .after {background-position: 0px -705px;} #header .gnb .nav li.nth-child-6 li.nth-child-2 a .after {background-position: 0px -737px;} #header .gnb .nav li.nth-child-6 li.nth-child-3 a .after {background-position: 0px -769px;} #header .gnb .nav li.nth-child-6 li.nth-child-4 a .after {background-position: 0px -801px;} #header .gnb .nav li.nth-child-7 li.nth-child-1 a .after {background-position: 0px -833px;} /* container */ #container {*zoom: 1; width: 1000px; margin: 0 auto; height:756px} #container:after {content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* content-aside */ .content-aside {float: left; width: 200px; margin-top: 0px;} .content-aside .lnb h2 {font-size: 1.8em;} .content-aside .lnb h2 a {display: block; position: relative; padding: 23px 15px; height: 55px; font-size: 0; text-indent: -5000px; line-height: 0; color: #ffffff; text-decoration: none; background: #FFF;} .content-aside .lnb h2 a:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/images/ko/common/h2_lnb.gif'); background-repeat: no-repeat;} .content-aside .lnb ul {*zoom: 1; padding-top:25px; background-color: #ffffff; } .content-aside .lnb ul:after {content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .content-aside .lnb ul li {float: left; width: 100%;} .content-aside .lnb ul li a {display: block; position: relative; padding-left: 26px; height: 28px; line-height: 0; font-size: 0; text-indent: -5000px; font-family: '돋움', Dotum, sans-serif; color: #999999; text-decoration: none; background-repeat: no-repeat;} .content-aside .lnb ul li a:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat;} .content-aside .lnb ul li:nth-child(1) a:after {background-position: 0 0;} .content-aside .lnb ul li:nth-child(2) a:after {background-position: 0 -28px;} .content-aside .lnb ul li:nth-child(3) a:after {background-position: 0 -56px;} .content-aside .lnb ul li:nth-child(4) a:after {background-position: 0 -84px;} .content-aside .lnb ul li:nth-child(5) a:after {background-position: 0 -112px;} .content-aside .lnb ul li:nth-child(6) a:after {background-position: 0 -140px;} .content-aside .lnb ul li:nth-child(7) a:after {background-position: 0 -168px;} .content-aside .lnb ul li:nth-child(8) a:after {background-position: 0 -196px;} .content-aside .lnb ul li:nth-child(9) a:after {background-position: 0 -224px;} .content-aside .lnb ul li ul li a:after {display: none;} /* content-aside explorer 8 or less */ .content-aside .lnb h2 *.after {display: block; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/images/ko/common/h2_lnb.gif'); background-repeat: no-repeat; cursor: pointer;} .content-aside .lnb h2 *.after {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; cursor: pointer;} .content-aside .lnb ul li *.after {display: block; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; cursor: pointer;} .content-aside .lnb ul li.nth-child-1 *.after {background-position: 0 0;} .content-aside .lnb ul li.nth-child-2 *.after {background-position: 0 -28px;} .content-aside .lnb ul li.nth-child-3 *.after {background-position: 0 -56px;} .content-aside .lnb ul li.nth-child-4 *.after {background-position: 0 -84px;} .content-aside .lnb ul li.nth-child-5 *.after {background-position: 0 -112px;} .content-aside .lnb ul li.nth-child-6 *.after {background-position: 0 -140px;} .content-aside .lnb ul li.nth-child-7 *.after {background-position: 0 -168px;} .content-aside .lnb ul li.nth-child-8 *.after {background-position: 0 -196px;} .content-aside .lnb ul li.nth-child-9 *.after {background-position: 0 -224px;} .content-aside .lnb ul li ul li *.after {display: none;} /* content-path */ .content-primary .content-path {zoom: 1; padding: 10px 20px 13px 0px; height: 80px; line-height: 12px; font-size: .95em; text-align: right; border-bottom: 1px solid #dddddd;} .content-primary .content-path h2 {display: block; padding-top:30px; width: 1px; height: 1px; line-height: 0; font-size: 0;} .content-primary .content-path:after {content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .content-primary .content-path a, .content-primary .content-path span, .content-primary .content-path strong {display: inline-block;} .content-primary .content-path .home {padding-left: 17px; background: url('/images/ko/common/bg_path_home.gif') 0 0 no-repeat;} .content-primary .content-path a {text-decoration: none; color: #888;} .content-primary .content-path span {color: #888;} .content-primary .content-path strong {color: #444;} .content-primary .content-path .flow {background:url(/images/ko/flow.gif) no-repeat 0 50%; width:11px; height:11px; font-size:0px;} .content-path .title {padding-top:5px;float:left;} .content-path2 {zoom: 1; padding: 10px 20px 13px 0px; ; height: 80px; line-height: 12px; font-size: .95em; text-align: right; } .content-primary .content-path2 h2 {display: block; padding-top:30px; width: 1px; height: 1px; line-height: 0; font-size: 0;} .content-primary .content-path2:after {content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .content-primary .content-path2 a, .content-primary .content-path2 span, .content-primary .content-path2 strong {display: inline-block;} .content-primary .content-path2 .home {padding-left: 17px; background: url('/images/ko/common/bg_path_home.gif') 0 0 no-repeat;} .content-primary .content-path2 a {text-decoration: none; color: #888;} .content-primary .content-path2 span {color: #888;} .content-primary .content-path2 strong {color: #444;} .content-primary .content-path2 .flow {background:url(/images/ko/flow.gif) no-repeat 0 50%; width:11px; height:11px; font-size:0px;} .content-path2 .title {padding-top:5px;float:left;} /* content-intro */ .content-primary .content-intro {padding: 30px 0 35px 0; border-top: 3px solid #1c1e1e; border-bottom: 1px solid #1c1e1e;} .content-primary .content-intro p {margin-top: 17px;} .content-primary .section {width: 100%; overflow: hidden;} /* footer */ .footer_wrap{position:relative;width:100%;height:79px; background:#dcdcdc;z-index:10;} #footer { float:left; padding-top:10px; padding-bottom:20px; width:100%; } .footbox { *zoom:1; width:996px; height:48px; margin:0 auto; position:relative; } .footbox:after {content:""; display:block; clear:both;} .contact {float:left; width:100%; height:48px; background:url(/images/en/footer/main_copyright.gif) no-repeat ; text-align:right; padding:10px;} .contact p {font-size:0; margin-bottom:8px;} .contact img {margin-right:15px;} #skip_navi {position:absolute; left:0; top:0; width:100%; height:0px; z-index:1001} #skip_navi .title {text-indent:-5000px; font-size:0; line-height:0} #skip_navi a {position:absolute; left:0; top:-1000px; z-index:1002; width:100%; height:30px; line-height:30px; font-family:'Nanum Gothic Bold'; text-align:center; background-color:rgb(29, 96, 167); color:#fff; z-index:1000} #skip_navi a.on {top:0} #skip_navi a:focus {top:0; height:30px;}