@charset "utf-8"; 

/* font */
@font-face {
	font-family:'NanumGothic';
	font-weight:normal;
	src:url('/httpobject/font/NanumGothic.eot');
	src:url('/httpobject/font/NanumGothic.ttf') format('truetype');
}
@font-face {
	font-family:'NanumGothic';
	font-weight:bold;
	src:url('/httpobject/font/NanumGothicBold.eot');
	src:url('/httpobject/font/NanumGothicBold.ttf') format('truetype');
}

/* reset */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {padding:0; margin:0;}
body {
	background: url(/httpobject/images/en/common/body_bg.jpg) center 0 repeat-y;
	background-color: #ccc;
	font-family:'NanumGothic','나눔고딕','돋움',Dotum,'굴림',Gulim,Verdana; font-size:12px; color:#555;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
fieldset,img,button {border:0;}
img,input,button {vertical-align:top;}
table {border-collapse:collapse;}
address,em {font-style:normal;}
ol,ul {list-style:none;}
hr {display:none;}
a {text-decoration:none; color:#555;}
a:hover, a:active {text-decoration:none;}
legend {position:absolute; left:-9999px; top:0}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button {background:none; cursor:pointer;}
pre {font-family:'NanumGothic'; font-size:14px;}

#wrap {position:relative;}

.banner-c{ box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ;  display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;}
.banner{ box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 1309px ; height: auto ; text-align: center ;  display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;overflow: hidden;}
.banner>img{ width: 100%; height: auto; margin: 0 0; object-fit: cover;}



#page_name{
	font-size: 28px;
	font-weight: bold;
	color: #ff0000;
}

/* header */
#header {position:relative; height:70px; z-index:500;}
.header_inner {position:relative; width:960px; height:70px; margin:0 auto; *zoom:1; background:#fff; z-index:200;}
.header_inner:after {display:block; clear:both; content:"";}
.header_inner h1 {float:left; margin-right:30px;}
.header_inner .top_nav  {position:absolute ;top:27px; right:0;}
.gnb {float:left; *zoom:1;}
.gnb:after {display:block; clear:both; content:"";}
.gnb > li {float:left; position:relative; padding:27px 47px 23px 20px;}
.gnb > li:first-child {margin-left:0;}
.gnb > li > a {display:block; height:20px; text-indent:-9999px; background:url(/httpobject/images/en/common/gnb.png) 0 0 no-repeat;}
.gnb > li:hover .gnb_sub{display:block;}
.gnb .menu1 > a {width:18px;}
.gnb .menu2 > a {width:91px; background-position:-20px 0;}
.gnb .menu3 > a {width:59px; background-position:-113px 0;}
.gnb .menu4 > a {width:76px; background-position:-174px 0;}
.gnb .menu5 > a {width:82px; background-position:-252px 0;}
.gnb .menu1:hover > a {background-position:0 -20px;}
.gnb .menu2:hover > a {background-position:-20px -20px;}
.gnb .menu3:hover > a {background-position:-113px -20px;}
.gnb .menu4:hover > a {background-position:-174px -20px;}
.gnb .menu5:hover > a {background-position:-252px -20px;}
.gnb .gnb_sub {display:none; overflow:hidden; position:absolute; top:70px; left:0; padding:20px 0 25px 20px; background:#e2e2e2;}
.gnb .gnb_sub li {padding-top:18px;}
.gnb .gnb_sub li:first-child {padding-top:0;}
.gnb .gnb_sub li a {display:block; height:15px; text-indent:-9999px; background:url(/httpobject/images/en/common/gnb_sub.png) 0 0 no-repeat;}
/*.gnb .gnb_sub li a:hover {color:#f00;}*/
.gnb .gnb_sub1 {width:158px;}
.gnb .gnb_sub1 a {width:78px;}
.gnb .gnb_sub1 .gnb_sub1_2 a {background-position:0 -30px;}
.gnb .gnb_sub1 .gnb_sub1_3 a {background-position:0 -60px;}
.gnb .gnb_sub1 .gnb_sub1_4 a {background-position:0 -90px;}
.gnb .gnb_sub1 .gnb_sub1_1 a:hover {background-position:0 -15px;}
.gnb .gnb_sub1 .gnb_sub1_2 a:hover {background-position:0 -45px;}
.gnb .gnb_sub1 .gnb_sub1_3 a:hover {background-position:0 -75px;}
.gnb .gnb_sub1 .gnb_sub1_4 a:hover {background-position:0 -105px;}
.gnb .gnb_sub2 {width:126px;}
.gnb .gnb_sub2 a {width:101px;}
.gnb .gnb_sub2 .gnb_sub2_1 a {background-position:-78px 0;}
.gnb .gnb_sub2 .gnb_sub2_2 a {background-position:-78px -30px;}
.gnb .gnb_sub2 .gnb_sub2_3 a {background-position:-78px -60px;}
.gnb .gnb_sub2 .gnb_sub2_4 a {background-position:-78px -90px;}
.gnb .gnb_sub2 .gnb_sub2_5 a {background-position:-78px -120px;}
.gnb .gnb_sub2 .gnb_sub2_6 a {background-position:-78px -150px;}
.gnb .gnb_sub2 .gnb_sub2_7 a {background-position:-78px -180px;}
.gnb .gnb_sub2 .gnb_sub2_1 a:hover {background-position:-78px -15px;}
.gnb .gnb_sub2 .gnb_sub2_2 a:hover {background-position:-78px -45px;}
.gnb .gnb_sub2 .gnb_sub2_3 a:hover {background-position:-78px -75px;}
.gnb .gnb_sub2 .gnb_sub2_4 a:hover {background-position:-78px -105px;}
.gnb .gnb_sub2 .gnb_sub2_5 a:hover {background-position:-78px -135px;}
.gnb .gnb_sub2 .gnb_sub2_6 a:hover {background-position:-78px -165px;}
.gnb .gnb_sub2 .gnb_sub2_7 a:hover {background-position:-78px -195px;}
.gnb .gnb_sub3 {width:143px;}
.gnb .gnb_sub3 a {width:116px;}
.gnb .gnb_sub3 .gnb_sub3_1 a {background-position:-179px 0;}
.gnb .gnb_sub3 .gnb_sub3_1 a:hover {background-position:-179px -15px;}
.gnb .gnb_sub4 {width:130px;}
.gnb .gnb_sub4 a {width:105px;}
.gnb .gnb_sub4 .gnb_sub4_1 a {background-position:-295px 0;}
.gnb .gnb_sub4 .gnb_sub4_2 a {background-position:-295px -30px;}
.gnb .gnb_sub4 .gnb_sub4_3 a {background-position:-295px -60px;}
.gnb .gnb_sub4 .gnb_sub4_1 a:hover {background-position:-295px -15px;}
.gnb .gnb_sub4 .gnb_sub4_2 a:hover {background-position:-295px -45px;}
.gnb .gnb_sub4 .gnb_sub4_3 a:hover {background-position:-295px -75px;}

/* lnb */
.lnb {float:left; width:185px; padding:60px 10px 0 0;}
.lnb .lnb_list {}
.lnb h2 {padding-bottom:23px; border-bottom:1px solid #d9d9d9;}
.lnb .verdana {font-family:verdana;}
.lnb a {display:block;}
.lnb .depth1 {margin-bottom:30px;}
.lnb .depth1 li {background:url(/httpobject/images/en/common/lnb.jpg) 0 0 no-repeat; border-bottom:1px solid #d9d9d9;}
.lnb .depth1 li a {height:36px; text-indent:-9999px;}
.lnb .depth1 .lnb1_1 {background-position:0 0;}
.lnb .depth1 .lnb1_2 {background-position:0 -72px;}
.lnb .depth1 .lnb1_3 {background-position:0 -144px;}
.lnb .depth1 .lnb1_4 {background-position:0 -216px;}
.lnb .depth1 .lnb1_1.on, .lnb .depth1 .lnb1_1:hover {background-position:0 -36px;}
.lnb .depth1 .lnb1_2.on, .lnb .depth1 .lnb1_2:hover {background-position:0 -108px;}
.lnb .depth1 .lnb1_3.on, .lnb .depth1 .lnb1_3:hover {background-position:0 -180px;}
.lnb .depth1 .lnb1_4.on, .lnb .depth1 .lnb1_4:hover {background-position:0 -252px;}
.lnb .depth1 .lnb2_1 {background-position:-185px 0;}
.lnb .depth1 .lnb2_2 {background-position:-185px -72px;}
.lnb .depth1 .lnb2_3 {background-position:-185px -144px;}
.lnb .depth1 .lnb2_4 {background-position:-185px -216px;}
.lnb .depth1 .lnb2_5 {background-position:-185px -288px;}
.lnb .depth1 .lnb2_6 {background-position:-185px -360px;}
.lnb .depth1 .lnb2_7 {background-position:-185px -432px;}
.lnb .depth1 .lnb2_1.on, .lnb .depth1 .lnb2_1:hover {background-position:-185px -36px;}
.lnb .depth1 .lnb2_2.on, .lnb .depth1 .lnb2_2:hover {background-position:-185px -108px;}
.lnb .depth1 .lnb2_3.on, .lnb .depth1 .lnb2_3:hover {background-position:-185px -180px;}
.lnb .depth1 .lnb2_4.on, .lnb .depth1 .lnb2_4:hover {background-position:-185px -252px;}
.lnb .depth1 .lnb2_5.on, .lnb .depth1 .lnb2_5:hover {background-position:-185px -324px;}
.lnb .depth1 .lnb2_6.on, .lnb .depth1 .lnb2_6:hover {background-position:-185px -396px;}
.lnb .depth1 .lnb2_7.on, .lnb .depth1 .lnb2_7:hover {background-position:-185px -468px;}
.lnb .depth1 .lnb3_1 {background-position:-370px 0;}
.lnb .depth1 .lnb3_1.on, .lnb .depth1 .lnb3_1:hover {background-position:-370px -36px;}
.lnb .depth1 .lnb4_1 {background-position:-555px 0;}
.lnb .depth1 .lnb4_2 {background-position:-555px -72px;}
.lnb .depth1 .lnb4_3 {background-position:-555px -144px;}
.lnb .depth1 .lnb4_1.on, .lnb .depth1 .lnb4_1:hover {background-position:-555px -36px;}
.lnb .depth1 .lnb4_2.on, .lnb .depth1 .lnb4_2:hover {background-position:-555px -108px;}
.lnb .depth1 .lnb4_3.on, .lnb .depth1 .lnb4_3:hover {background-position:-555px -180px;}
.lnb .search {overflow:hidden; width:183px; height:38px; font-size:13px; font-weight:600; background:#f1f1f1; border:1px solid #c5c5c5;}
#lnb .search input {float:left; width:118px; height:14px; padding:12px; font-family:'NanumGothic'; background:#f1f1f1; border:none;}
.lnb .search a {display:block; float:right; padding:12px;}



/* container */
#container {background:url(/httpobject/images/en/common/content_bg.jpg) center 0 repeat-y;}
.content {width:960px; margin:0 auto; *zoom:1;}
.content:after {display:block; clear:both; content:"";}
.content_inner {float:left; width:710px; min-height:450px; padding:30px 0 80px 55px; background:#fff;}
.content_inner .location {margin-bottom:5px; font-size:13px; color:#767676; text-align:right;}
.content_inner .location a:hover {text-decoration:underline;}
.content_inner h3 {padding-bottom:20px;}
.content_inner h3.line{border-bottom:1px solid #bbb;}
.content_inner p {font-size:14px; color:#555; line-height:1.7em;}
.content_inner .tit_txt1 {padding-bottom:15px; line-height:1.4em;}
.content_inner .tit_txt2 {padding-bottom:15px; line-height:1.4em; border-bottom:1px solid #bbb;}

/* select */
.select{ display:inline-block; *display:inline; position:absolute; right:0; top:10px; width:96px; height:50px; z-index:102; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; line-height:normal; vertical-align:middle; *zoom:1 z-index:100;}
.select *{ margin:0; padding:0; font-size:12px;  cursor:pointer}
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; background:transparent; color:#666; text-align:left; line-height:17px; _line-height:normal}
.select a.my_value{display:block; width:100%; height:21px; padding:2px 0 3px; *padding-left:5px; text-indent:25px; *text-indent:14px}
.select div.my_value{height:19px; text-indent:19px; *text-indent:19px}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; background:#fff}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.select ul{ overflow:hidden; position:absolute; top:24px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none; z-index:101;}
.select ul.a_list{display:none}
.select.open ul.a_list{display:block;}
.select li{ overflow:hidden; position:relative; height:20px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.select li a{ display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:25px; *text-indent:24px; text-decoration:none}
.select li.hover *{ background:#999; color:#fff}


/* footer */
#footer {background:#aaa;}
.footer_inner {width:960px; padding:25px 0 65px; margin:0 auto; *zoom:1;}
.footer_inner:after {display:block; clear:both; content:"";}
.footer_inner .footer_logo {display:block; float:left; margin-right:20px;}
.footer_inner .address {float:left; color:#444;}
.footer_inner .address address {padding:10px 0 8px; font-size:13px; line-height:1.5em;}
.footer_inner .address p {font-family:verdana; color:#555;}
.footer_inner .family_site {position:relative; float:right; padding-top:7px;}
.footer_inner .family_site .link {display:block; overflow:hidden; width:198px; height:27px; background:#d6d6d6;}
.footer_inner .family_site span {display:block; float:left; padding:6px 0 0 12px; background:#d6d6d6;}
.footer_inner .family_site img {float:right;}
.footer_inner .family_site ul {display:none; position:absolute; bottom:27px; left:0; width:198px; background:#ddd;}
.footer_inner .family_site ul.on {display:block;}
.footer_inner .family_site li {border-top:1px solid #ccc;}
.footer_inner .family_site li:first-child {border-top:none;}
.footer_inner .family_site li a {display:block; padding:10px 0 10px 12px;}