@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
   font-family:"나눔고딕","NanumGothic",'Nanum Gothic',helvetica,arial,sans-serif;
   font-style:normal;
 /*  font-weight:normal; */
   src:url(NanumGothic.eot);
   src:local(※),url('NanumGothic.woff') format('woff'),url('NanumGothic.ttf') format('truetype') ;
}

/*Layer*/
body{width:100%;background:url(/images/common/bg.gif) repeat}
#wrap{width:100%;max-width:1600px;margin:0 auto;
background:url(/images/common/bg_header.gif) repeat-x}
#header{width:100%;}
#container{width:100%;padding:10px 0 21px 0;background:#f4f7fa}
#contents{overflow:hidden;width:1120px;margin:0 auto;}
#footer{width:100%;max-width:1600px;margin:0 auto;
background:url(/images/common/bg_footer.gif) repeat-x}

/*header*/
.head{position:relative;width:1120px;height:110px;padding-top:31px; z-index:100;
margin:0 auto;background:#fff url(/images/common/bg_head.gif) repeat-x}
.head h1{float:left;border-left:1px solid #e0e3e5; }
.head .hwawoo_category{position:absolute;left:0;top:0}
.head .hwawoo_category ul{overflow:hidden}
.head .hwawoo_category ul li{float:left}
.head .topmenu{position:absolute;right:1px;top:0;}

.head .topmenu ul{/*overflow:hidden*/}
.head .topmenu ul li{float:left;margin-right:20px; 
font-family:"나눔고딕","NanumGothic",'Nanum Gothic'}
.head .topmenu ul li > a{display:block;width:100%;padding: 9px 0 9px 0;font-size:11px;color:#fff}

.head .topmenu ul li.lang {/*background:#fff;*/margin:0;
/**추가*/
	width:119px;
    height: 32px;
    border-bottom: 1px solid #e0e3e5;
    box-sizing: border-box;
	position:relative;
}
.head .topmenu ul li.lang > ul {display: none;position:absolute;width:119px;}
.head .topmenu ul li.lang > ul > li {border-bottom:1px solid #a9b2ba;width: 119px;height:31px;font-size:13px; background: #fff url(/images/common/bg_head.gif) repeat-x;}

.head .topmenu ul li.lang > ul > li > a:hover{color:#014099; font-weight:bold;}
.head .topmenu ul li.lang > a {/* background:url(/images/common/icon_arrdown.gif) no-repeat 95px center;*/color:#fff;}
.head .topmenu ul li.lang  a{ padding:9px 0px 9px 18px; width:auto;}


.head .mainmenu{float:right;padding:53px 22px 0px 0;border-right:1px solid #e0e3e5}
.head .mainmenu>ul>li{float:left;padding-right:22px;margin-right:21px;  
background:url(/images/common/bg_mm.gif) no-repeat right 5px}
.head .mainmenu>ul>li a{display:inline-block;*display:inline; zoom:1;   height:55px;}
.head .mainmenu>ul>li.last{margin:0;padding:0;background:0}
.head .mainmenu>ul>li>ul{overflow: hidden;position:absolute;right:0; top:139px; display:none; width:1118px;  z-index:100;  background:#fff; height:45px; border:1px solid #e0e3e5; text-align:right;}
.head .mainmenu>ul>li>ul li{float:left; height:45px; line-height:45px; font-size:13px;  margin-left:42px;}
.head .mainmenu>ul>li>ul li.last{margin-right:22px;}
.head .mainmenu>ul>li>ul li a{color:#363636}
.head .mainmenu>ul>li>ul li a:hover{color:#014099; font-weight:bold;}
.head .mainmenu>ul>li>ul.nav_ul01 li:first-child{ margin-left: 620px;}
.head .mainmenu>ul>li>ul.nav_ul02 li:first-child{margin-left: 329px;}
.head .mainmenu>ul>li>ul.nav_ul03 li:first-child{margin-left: 500px;}

/*visual*/
/**/
.vlist{min-width:1120px;height:416px;margin:0 auto; width:100%;}
.vlist ul{}
.vlist  {position:relative;height:416px}
.v1{background:url(/en/images/main/main01.jpg) no-repeat center top}
.v2{background:url(/en/images/main/main02.jpg) no-repeat center top}
.v3{background:url(/en/images/main/main03.jpg) no-repeat center top}
.v4{background:url(/en/images/main/main04.jpg) no-repeat center top}
.v1 .img0{position:absolute;left:273px;top:94px;}
.v1 .img1{position:absolute;left:308px;top:131px;}
.v1 .img2{position:absolute;left:308px;top:242px;}


/*contents*/
.main_left{float:left;width:701px;height:381px;padding:25px 22px 0 21px;
border-left:1px solid #ddd;border-top:1px solid #ddd;background:#fff}
.main_right{float:right;width:320px;height:381px;padding:25px 22px 0 21px;
border-left:1px solid #ddd;border-top:1px solid #ddd;background:#fff}
.main_left .main_banners{margin-top:19px;}
.main_left .main_banners ul{overflow:hidden}
.main_left .main_banners ul li{float:left;margin:0 4px 4px 0}
.main_left .main_banners ul li.nomargin{margin:0 0 4px 0}

.main_title{position:relative;width:100%;}
.main_title h3{padding-left:15px;background:url(/images/main/bg_title.gif) no-repeat left 1px}
.main_title .more{position:absolute;right:0;top:0;}
.main_form .imgarea{margin:53px 0 74px 0}
.main_form input{width:299px;height:21px;padding:0 10px;border:1px solid #a5a5a5;}
.main_form .btn_search{margin-top:16px}


/*footer*/
.foot{width:1120px;margin:0 auto}
.foot .foot_top{overflow:hidden;width:100%}
.foot .foot_top .copyright{float:left}
.foot .foot_top .foot_menu{float:right}
.foot .foot_top .foot_menu ul{overflow:hidden}
.foot .foot_top .foot_menu ul li{float:left;margin-right:8px;padding-right:10px;
background:url(/images/common/bg_fm.gif) no-repeat right center;}
.foot .foot_top .foot_menu ul li a{display:block;padding:21px  0 22px 0;color:#fff}
.foot .foot_top .foot_menu ul li.last1{margin-right:22px;background:0;padding:0}
.foot .foot_top .foot_menu ul li.last2{margin:0;background:0;padding:0}
.foot .foot_top .foot_menu ul li.last2 a{margin:0;padding:0}
.foot .foot_btm{position:relative}
.foot .foot_btm .fam{position:absolute;right:0;top:20px}