@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

/*reset*/

body,h1,h2,h3,h4,div,ul,ol,li,dl,dt,dd,a,p,img,fieldset,select,option,input,form,legend,span,hr,address,button{margin:0px; padding:0px;}
body{font-size:12px; font-family:"돋움",dotum,Verdana,sans-serif; color:#333; line-height:160%; background:url(../images/mainbg.jpg) 0 0 repeat-x;}
.subbg{background-color:#f6f6f6;}
input,button,textarea,div,span,th,td,li,dl,dt,dd{font-size:12px; font-family:"돋움",dotum,Helvetica,,sans-serif; color:#333;}
hr,.skip,caption,legend{position:absolute; left:-999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
ul,ol{list-style-type:none;}
i,em,address{font-weight:normal;}
label,button{cursor:pointer;}
img,fieldset,iframe{border:0px none;}
input,select,img{vertical-align:middle;}
input,textarea,select {outline-style:none;}
input:focus,textarea:focus,select:focus {outline-style:none;}

a:link,a:visited{text-decoration:none; color:#333;}
a:hover,a:active{text-decoration:none; color:#333; background-color:transparent;}

/* skipnavigation */
#skipnavigationMenu a{display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:10px; left:20px; font-size:12px; text-decoration:none;}
#skipnavigationMenu a:hover,
#skipnavigationMenu a:focus,
#skipnavigationMenu a:active{width:150px; height:auto; border:1px solid #333; color:#333; font-family:"돋움",dotum,Verdana,sans-serif; text-align:center; padding:3px 0 2px 0; background:#fff; z-index:9999;}

/*layout*/
#wrapper{width:100%; position:relative; margin:0 auto; min-width:980px;}
#header{width:980px; margin:0 auto; position:relative; height:131px;  }
#container{width:100%; margin:0 auto; position:relative; clear:both;  }

/*header */
h1{padding-top:17px; text-align:center;}
.language{position:absolute; top:30px; right:0px;}
#gnb{position:absolute; top:76px; left:0px;}
#gnb li{float:left; margin-left:5px;}

/* container */
#sub_top{width:980px; height:158px; background:url("../images/subtopimg01.jpg") right 0 no-repeat; margin:0 auto;}
#sub_top .location{padding-top:40px;}
#sub_top .location .color_a{ font-size:12px; font-family:'Nanum Gothic'; color:#979393; }
#sub_top .location .color_b{font-weight:bold; color:#979393;font-size:12px; font-family:'Nanum Gothic';}
#sub_top .sub_title{font-size:26px; font-family:'Nanum Gothic'; color:#2e2e2e; line-height:30px; padding-top:35px; border-bottom:4px solid #999999; height:40px; display:inline-block;}
#sub_content{width:980px; margin:0 auto; min-height:500px; padding:30px 0 100px 0;}
#sub_content ul h3{height:25px; position:relative; color:#bf1e2e; font-size:20px; font-family:'Nanum Gothic'; line-height:25px;padding-top:30px;}
#sub_content ul{font-family:'Nanum Gothic'; }
#sub_content ul li{ line-height:25px; font-size:15px;}

#sub_content .box{position:relative;  width:100%; border: 1px solid #e2e2e2;  background-color:#f4f4f4; margin-top:30px;}
#sub_content .box h4{height:25px; position:relative; color:#000; font-size:18px; font-family:'Nanum Gothic'; line-height:25px; padding:20px 20px;}
#sub_content .box ul{font-family:'Nanum Gothic'; padding:0px 0 20px 20px;}
#sub_content .box ul li{ line-height:25px; font-size:15px; }

#sub_content .box ul li a{ color:#1136d8; }


/*footer*/
#foot_banner{width:100%; border-top:1px solid #dbdbdb; padding-top:20px;}
.in_banner{clear:both; margin:0 auto; width:980px; position:relative; height:50px; }
.in_banner h3{ float:left;}
.in_banner .listItem{position:relative; width:760px; float:left; margin-left:25px;}
.in_banner .listItem .area{padding:0 30px; position: absolute; left:0px;top:3px;width:710px;overflow:hidden;}
.in_banner .listItem .area ul{}
.in_banner .listItem .area ul li{float:left; margin-right:12px; }
.in_banner .listItem .area ul li a{display: block; margin-bottom:5px;}
.in_banner .listItem .area ul li a img{width:90px; height:30px;}

.in_banner .ctrl{position:relative; z-index:999; width:100%;}
.in_banner .ctrl button{position: absolute; top:-5px;width:20px;height:38px; border:none; z-index:9999;}
.in_banner .ctrl button.left{left:0px; background:url(/images/main_banner_left.jpg) no-repeat 0 0; z-index:9999;}
.in_banner .ctrl button.right{right:0px; background:url(/images/main_banner_right.jpg) no-repeat 0 0; z-index:9999;}
.in_banner .stopplay_control {position: absolute; top:140px; left:0px; display:none;}
.in_banner .stopplay_control button {border:none;height: 15px;width: 16px; background: url(/images/popupCtrl.gif) no-repeat 0 0;cursor: pointer;}
.in_banner .stopplay_control .play_pop { background-position:-32px 0; }
.in_banner .stopplay_control .stop_pop { background-position:-48px 0;}
.in_banner .b_logo{float:right;}

#footer{width:100%; margin:0 auto; position:relative; clear:both; height:120px; background-color:#dfdfdf;}
.in_footer{width:980px; margin:0 auto; position:relative; height:120px;}
.foot_logo{float:left; padding-top:20px; }
.foot_menu{float:left; padding:20px 0 0 20px;}
.foot_menu li{float:left; font-family:'Nanum Gothic'; font-size:13px; font-weight:bold; margin-right:10px; color:#565656;}
.foot_menu li a{font-family:'Nanum Gothic'; font-size:13px; font-weight:bold; color:#565656;}
address{font-style:normal; color:#626262;  padding:10px 0 0px 20px; float:left; font-family:'Nanum Gothic'; font-size:12px;}
address strong{color:#626262;}
.foot_link{position:absolute; bottom:20px; right:0;}
.foot_site{position:absolute; bottom:40px; right:1px; width:124px; background-color:#8d8c8c; padding:10px 10px 0px; display:none;z-index:9999;}
.foot_site li{padding-bottom:5px;}
.foot_site li a{color:#fff;}