@charset "utf-8";

/* main */
body { }

.mainContents { width:100%;  min-width:980px;  position:relative;  padding-top:110px; z-index:9; }

.contents { width:898px; height:280px; margin:0 auto;   background:url(../img/main/bgContents.gif) repeat-y 0px 0px;  position:relative; z-index:21; padding:25px 50px 75px 50px;}
.contents .box1 { width:380px; float:left; margin-right:45px; position:relative; }
.contents .box2 { width:255px; float:left; margin-right:45px; position:relative; }
.contents .box2 a{right: 0px;position: absolute;}
.contents .box2 .overay{display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.contents .box2 a:hover .overay{display: block;}
.contents .box3 { width:170px; float:right; position:relative; }
.contents h3 { width:100%; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:13px; font-size:15px; font-weight:bold; color:#111; position:relative;}
.contents h3 a { position:absolute; top:3px; right:0px; font-size:11px; font-weight:normal; color:#888;}
.contents p { line-height:1.3; margin-top:5px; }

.contents a:hover {color:#eb6e1a;}
.contents a:active {color:#eb6e1a;}


.footerWrap { width:998px; height:95px; background:url(../img/main/bgFooter.gif) repeat-y 0px 0px;  position:relative; z-index:10; overflow:hidden; clear:both; margin:0 auto;}
.footer { width:980px; height:85px; position:relative; margin:0 auto; clear:both;}
.footer h2 { position:absolute; top:20px; left:20px; }
.footer .address { position:absolute; top:20px; left:196px; font-size:11px; color:#888; }
.footer .address span { color:#333; }
.footer .btnSnsSet { width:130px; height:20px; position:absolute; top:43px; right:10px;}
.footer .btnSnsSet a { float:left; margin-right:4px;}
.footer .photographer { position:absolute; top:20px; right:0px;}

/* header */
.headerWrap { width:100%; min-width:980px;  height:230px; background:url(../img/main/bgMainHeader.png) repeat-x center top ; position:absolute; top:0px; left:0px; z-index:100;  }
.header { width:980px; height:130px; position:relative; margin:0 auto; }
.header h1 { position:absolute; top:50px; left:0px; }
.header .searchBox { position:absolute; width:136px; height:20px; top:5px; right:0px;}
.header .searchBox input.txt { position:absolute; top:0; left:0; width:135px; height:18px; border:1px solid #173a71;}
.header .searchBox input.btn { position:absolute; top:0; right:0;}
.btnHome { position:absolute; top:0px; right:197px;}
.btnSitemap { position:absolute; top:0px; right:140px;}
.language { width:980px; height:30px; }
.language dt { float:left;}
.language dd { float:left;}
.language dd a { display:block; height:30px; background-position:0px 0px;text-indent: -9999em}
.language dd a.lan1 { background:url(../img/common/lan_kor.png) no-repeat ; width:61px; }
.language dd a.lan2 { background:url(../img/common/lan_eng.png) no-repeat ; width:61px; }
.language dd a.lan3 { background:url(../img/common/lan_ar.png) no-repeat ; width:61px; }
.language dd a.lan4 { background:url(../img/common/lan_ch.png) no-repeat ; width:61px; }
.language dd a.lan5 { background:url(../img/common/lan_fr.png) no-repeat ; width:61px; }
.language dd a.lan6 { background:url(../img/common/lan_de.png) no-repeat ; width:61px; }
.language dd a.lan7 { background:url(../img/common/lan_in.png) no-repeat ; width:61px; }
.language dd a.lan8 { background:url(../img/common/lan_it.png) no-repeat ; width:61px; }
.language dd a.lan9 { background:url(../img/common/lan_jp.png) no-repeat ; width:61px; }
.language dd a.lan10 { background:url(../img/common/lan_pt.png) no-repeat ; width:61px; }
.language dd a.lan11 { background:url(../img/common/lan_ru.png) no-repeat ; width:61px; }
.language dd a.lan12 { background:url(../img/common/lan_es.png) no-repeat ; width:61px; }
.language dd a:hover { display:block; height:30px; background-position:0px -30px; background-color:#fff;}
.language dd a.active { display:block; height:30px; background-position:0px -30px; background-color:#fff;}


/* gnb */
#gnb { position:absolute; top:56px; right:0px; }
#gnb>li { float:left; height:36px; position:relative; padding:0 36px;}
#gnb>li>a { font-size:17px; font-weight:bold; color:#333;}
#gnb>li>a:hover { color:#2255a3; }
#gnb>li>a:active { color:#2255a3; }
#gnb>li>a.active { color:#2255a3; }

.sub1 { width:220px; left:25px;}
.sub1>li>img { position:absolute; top:-6px; left:111px; }
.sub2 { width:140px; left:32px;} 
.sub2>li>img { position:absolute; top:-6px; left:72px; }
.sub3 { width:157px; left:0px;}
.sub3>li>img { position:absolute; top:-6px; left:81px; }

#gnb>li>ul { background:#fff; border:1px solid #b7c7ce; display:none; position:absolute; padding:10px; min-width:100px; top:30px;}
#gnb>li>ul>li { text-align:left; }
/*#gnb>li>ul>li>a { width:100%; display:block; font-size:13px; font-weight:bold; padding-left:7px; background:url(../img/common/bgDot1.png) no-repeat 0 2px; margin:3px 0;}*/
#gnb>li>ul>li>a { width:100%; display:block; font-size:13px; font-weight:bold; padding-left:7px; background:url(../img/common/gnb_dot01.png) no-repeat 0 8px; background-size:3px 3px; margin:3px 0;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#gnb>li>ul { background:#fff; border:1px solid #b7c7ce; display:none; position:absolute; padding:10px; min-width:100px; top:30px;}
#gnb>li>ul>li { text-align:left; }
#gnb>li>ul>li>a { width:100%; display:block; font-size:13px; font-weight:bold; padding-left:7px; background:url(../img/common/gnb_dot01.png) no-repeat 0 8px; margin:3px 0;}
}  

#gnb>li>ul>li>a:hover { background:url(../img/common/gnb_dot02.png) no-repeat 0 8px; color:#2255a3; text-decoration:underline;}


/* visual */
/*
.visual { width:100%; height:500px;  overflow:hidden; background:#ddd; position:relative; z-index:20; }
.visualList {}
.visualList>li { width:2940px; height:500px; position:absolute; top:0px; left:50%; margin-left:-1470px; z-index:10; }
.visualList>li.active { z-index:12; }
.visualList>li>div { width:980px; height:500px; float:left; position:relative;  z-index:8; }
.visualList>li>div.center { box-shadow : 0px 0px 30px #111; z-index:9;}

.visualNavi { width:88px; height:25px; position:absolute; bottom:20px; left:50%;  margin-left:370px; z-index:15; }
.visualNavi>li { float:left; margin-right:3px; }
.visualNavi>li.active2 { border:1px solid red; position:relative; top:-1px; }

.bgMask1 { width:980px; height:500px; background:url(../img/main/bgMask2.png) repeat 0 0 ; position:absolute; top:0px; left:50%; margin-left:-1470px; z-index:17; }
.bgMask2 { width:980px; height:500px; background:url(../img/main/bgMask2.png) repeat 0 0 ; position:absolute; top:0px; left:50%; margin-left:490px; z-index:17;}
*/

.visual { width:100%; height:500px;  overflow:hidden; background:#ddd; position:relative; z-index:20; }
.visualList {}
.visualList>li { width:2940px; height:500px; position:absolute; top:0px; left:50%; margin-left:-1470px; z-index:10; }
.visualList>li.active { z-index:12; }
.visualList>li>div { width:980px; height:500px; float:left; position:relative;  z-index:8; }
.visualList>li>div>p { position:absolute; width:980px; height:500px; top:0px; left:0px;  }
.visualList>li>div.center { box-shadow : 0px 0px 30px #111; z-index:9;}

.visualNavi { width:88px; height:25px; position:absolute; bottom:20px; left:50%;  margin-left:370px; z-index:15; }
.visualNavi>li { float:left; margin-right:3px; }
.visualNavi>li.btnStop>a { display:block; width:25px; height:25px; background:url(../img/main/btnStop.gif) 0px 0px; overflow:hidden; }
.visualNavi>li.btnStop>a.active2 { background-position:0px -25px; }

.bgMask1 { width:980px; height:500px; background:url(../img/main/bgMask2.png) repeat 0 0 ; position:absolute; top:0px; left:50%; margin-left:-1470px; z-index:17; }
.bgMask2 { width:980px; height:500px; background:url(../img/main/bgMask2.png) repeat 0 0 ; position:absolute; top:0px; left:50%; margin-left:490px; z-index:17;}


.mt10 { padding-top:10px; }