@charset "utf-8";

/******************** skipnavigation ********************/
#skipnavigation {position:relative; background:#f7951b; width:100%; min-width:1200px; font-size:0; line-height:0; z-index:9999999999;}
#skipnavigation ul {margin:0 auto; width:1200px; text-align:center;}
#skipnavigation a {display:block; overflow:hidden; height:0px; color:#fff; font-size:0; line-height:0;}
#skipnavigation a:focus {padding:10px; height:auto; font-weight:bold; font-size:14px; line-height:1.2;}





/******************** wrapper ********************/
#wrapper {position:relative; overflow:hidden; width:100%; min-width:1200px;}





/******************** header ********************/
/***** header *****/
#header {position:absolute; left:0; top:0; z-index:300; padding:0; width:100%; min-width:1200px; text-align:center;}
#header.on {background:rgba(0,0,0,0.2);}
#head {position:relative; margin:0 auto;}

/***** logo *****/
#logo {position:absolute; left:70px; top:22px; overflow:hidden; width:100px; height:78px; background:url("../image/main/logo.png") 0 0 no-repeat; text-indent:-99999px;}
#logo a {display:block; width:100%; height:100%;}

/***** gnb *****/
.gnb {z-index:999999; position:absolute; right:70px; top:36px; overflow:hidden;}
.gnb li {float:left; margin-left:20px;}
.gnb li a {display:block; overflow:hidden;}

.gnb .language_eng {border:1px solid #fff; border-radius:100px; color:#fff}
.gnb .language_eng:hover {background:#f7951b; border-color:#f7951b;}
.gnb .language_eng a {padding:0 17px; line-height:28px;}

.gnb .menu {width:24px; height:17px; margin-top:6px;}
.gnb .menu a {background:url("../image/main/gnb_menu.png") 0 0 no-repeat; text-indent:-99999px;}
.gnb .menu a:hover, .gnb .menu a:focus {background:url("../image/main/gnb_menu_hover.png") 0 0 no-repeat;}

/***** lnb *****/
#lnb {position:relative; width:1200px; min-width:1200px; margin:0 auto; padding:0; line-height:0; font-size:0;}
#lnb > li {position:relative; display:inline-block; *display:inline; *zoom:1; padding:0 40px; *padding:0 20px; background:url("../image/main/lnb_line.png") 0 50% no-repeat;}
#lnb > li:first-child {background:none;}
#lnb > li > a {position:relative; display:block; color:#fff; padding:40px 0; height:20px; font-size:18px; line-height:20px; letter-spacing:-1px;}
#lnb > li.on span {position:absolute; left:0; top:98px; z-index:400; display:block; width:100%; height:3px; background:#f7951b;}
#lnb > li.on > a {font-weight:bold;}
/* depth2 */
#lnb .depth2 {position:absolute; top:119px; left:0; z-index:500; width:1200px; text-align:left;}
#lnb .depth2 li {display:inline-block; *display:inline; *zoom:1; margin-right:40px; font-size:15px; line-height:1.1;}
#lnb .depth2 li a {color:#f1f1f1; letter-spacing:-1px;}
#lnb .depth2 li a:hover, #lnb .depth2 li a:focus {font-weight:bold; color:#fff;}
/* lay_menu */
#lnb #lay_menu0 {left:40px;}
#lnb #lay_menu1 {left:0;}
#lnb #lay_menu2 {left:0;}
#lnb #lay_menu3 {left:0;}
#lnb #lay_menu4 {left:0;}
#lnb #lay_menu5 {left:45px;}
#lnb #lay_menu6 {left:auto; right:0; margin-right:-40px; text-align:right;}
#lay_menu_back {position:absolute; top:100px; left:0; z-index:305; border-top:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.2); width:100%; min-width:1200px; height:55px;}

/******* sitemap *******/
.sitemap {position:absolute; z-index:999999999999999; overflow:hidden; top:0; left:0; display:none; width:100%; min-width:1200px; height:1080px; background:#000; text-align:left;}
.sitemap_opened {overflow-y:hidden; height:100%; width:100%; min-width:1200px;}
.sitemap_opened .sitemap {display:block;}
.sitemap .sitemap_box {position:relative; z-index:550; height:100%;}
.sitemap .site_bg {position:absolute; z-index:500; top:0; left:0; right:0; bottom:0; width:100%; min-width:1200px; height:100%; opacity:0.3;}
.sitemap.sitemap1 .site_bg {background:url("../image/main/sitemap1.jpg") center center no-repeat !important; background-size:cover;}
.sitemap.sitemap2 .site_bg {background:url("../image/main/sitemap2.jpg") center center no-repeat !important; background-size:cover;}
.sitemap.sitemap3 .site_bg {background:url("../image/main/sitemap3.jpg") center center no-repeat !important; background-size:cover;}
.sitemap.sitemap4 .site_bg {background:url("../image/main/sitemap4.jpg") center center no-repeat !important; background-size:cover;}
.sitemap.sitemap5 .site_bg {background:url("../image/main/sitemap5.jpg") center center no-repeat !important; background-size:cover;}
.sitemap.sitemap6 .site_bg {background:url("../image/main/sitemap6.jpg") center center no-repeat !important; background-size:cover;}
.sitemap.sitemap7 .site_bg {background:url("../image/main/sitemap7.jpg") center center no-repeat !important; background-size:cover;}
.sitemap.sitemap1 .sitemenu1, .sitemap.sitemap2 .sitemenu2, .sitemap.sitemap3 .sitemenu3, .sitemap.sitemap4 .sitemenu4, .sitemap.sitemap5 .sitemenu5, .sitemap.sitemap6 .sitemenu6, .sitemap.sitemap7 .sitemenu7 {background:#fafafa;}
.sitemap .full_menu_close {position:absolute; z-index:600; right:155px; top:38px; display:block; overflow:hidden; width:25px; height:25px; text-indent:-99999px; background:url("../image/main/gnb_close_on.png") 0 0 no-repeat;}
.sitemap h2 {padding:20px 60px 20px; background:#fff; border-bottom:1px dotted #aaa; color:#000; font-size:30px; font-weight:bold; vertical-align:middle;}
.sitemap h2 .line {display:inline-block; margin-left:2px; width:12px; height:2px; background:#000;}
.subMenu {overflow:hidden; background:#fff;}
.subMenu > li {float:left; width:14.28%;}
.subMenu > li dl {padding:35px 30px 60px; min-height:200px; border-left:1px dotted #aaa;}
.subMenu > li:first-child dl {padding-left:70px; border-left:none;}
.subMenu > li dt {padding:0 0 10px; letter-spacing:-2px;}
.subMenu > li dt a {font-size:18px; font-weight:bold; color:#000;}
.subMenu > li dt a:hover, .subMenu > li dt a:focus {background:url("../image/common/bg_color.png") left bottom repeat-x;}
.subMenu > li dd {margin-bottom:4px; letter-spacing:-1px; word-break:keep-all !important;}
.subMenu > li dd a {font-size:14px; color:#333;}
.subMenu > li dd a:hover, .subMenu > li dd a:focus {color:#f7951b; font-weight:bold;}





/******************** footer ********************/
.footer {position:relative; z-index:100; clear:both; padding:40px 0 70px; width:100%; background:#fff; border-top:1px solid #ddd;letter-spacing:-0.5px;}

/***** fnb  *****/
.fnb {width:1200px; min-width:1200px; margin:0 auto; font-size:0;}
.fnb li {display:inline-block; *display:inline; *zoom:1;}
.fnb li a {color:#666; font-size:15px; vertical-align:middle;}
.fnb li span {display:inline-block; margin:0 15px; width:1px; height:10px; background:#bbb; vertical-align:middle;}

/***** address  *****/
.foot {width:1200px; min-width:1200px; margin:0 auto; }
.foot address {display:block; padding:55px 0 10px; overflow:hidden; color:#666; font-size:14px;}
.foot address span {padding:0 25px;}
.foot address span:first-child {padding-left:0;}

/***** copyright  *****/
.foot p {margin:0; padding:0; color:#666; font-size:14px;}
.foot a {color:#666;}





/******************** sub_layout ********************/
/***** sub_visual *****/
#sub_visual {position:relative; z-index:250; min-width:1200px; height:400px;}
#sub_title {margin:0 0 50px; padding:175px 0 0; width:100%; line-height:1; color:#fff; font-size:48px; text-align:center; text-shadow:2px 2px 1px rgba(0,0,0,0.2);}
.sub_txt {font-size:17px; font-weight:lighter; text-align:center; text-shadow:2px 2px 1px rgba(0,0,0,0.2); color:#fff; letter-spacing: -0.5px;}



/***** sub_menu *****/
#sub_content {position:relative; z-index:260; margin:0 auto; padding:0 0 100px; width:1200px;}
#sub_menu {z-index:270; display:table; position:relative; left:0; top:-40px; height:78px; margin:0 auto; padding:0 80px; background:#23bcb7; border:1px solid #1fa39f; border-radius: 100px; text-align:center;}
/* side_menu */
#sub_menu ul {overflow:hidden; display:table-cell; vertical-align:middle; }
#side_menu > li {display:inline-block; float:left; background:url("../image/common/line_sub_menu.gif") 0% 50% no-repeat;}
#side_menu > li:first-child {background:none;}
#side_menu > li > a {color:#d7f1f0; padding:20px 45px; font-size:20px; font-weight:lighter; letter-spacing:-0.5px;}
#side_menu .side_menu_1death_on a {color:#fff; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.1); }
/* side_menu depth2 */
#side_menu ul {padding:15px 30px 24px; margin-top:-1px; border-top:1px solid #000; background:#f7f9f7;}
#side_menu ul > li {padding:0 0 2px 10px; background:url("../image/main/menu_bullet.gif") left 10px no-repeat;}
#side_menu ul > li a {color:#555; font-size:14px;}
#side_menu ul > li a:hover, #side_menu ul > li a:focus {color:#000; font-weight:bold;}

/***** page *****/
#page {position:relative; margin-top:30px; padding:0; min-height:200px;}
/* page_head */
#page_head {margin-bottom:20px; text-align:center;}
#page_head h1 {display:inline-block; padding-right:20px; background:url("../image/common/bullet_h1.png") 99.9% 100% no-repeat; font-size:37px; color:#000; letter-spacing:-2px; line-height:1;}
/* location */
#location {overflow:hidden; margin-bottom:60px; text-align:center;}
#location li {display:inline-block; margin-left:10px; padding-left:15px; height:20px; line-height:20px; background:url("../image/common/location_line.gif") left center no-repeat; color:#999; font-size:13px; vertical-align:middle;}
#location li.home {overflow:hidden; margin:0; padding:0; width:14px; height:20px; background:url("../image/common/location_home.gif") left center no-repeat; text-indent:-99999px;}
#location strong {color:#555; font-weight:normal;}
#location .modify {float:right; cursor:pointer;}

/* contents */
#contents {clear:both; position:relative; min-height:200px;}






/******************** 1600px ********************/
@media screen and (max-width:1600px) {
#logo {left:20px;}
.gnb {right:20px;}
#lnb > li {margin:0; padding:0 35px;}

.sitemap .full_menu_close {right:105px;}
.sitemap h2 {padding:20px 20px 20px;}
.subMenu {padding:0 10px;}
.subMenu > li:first-child dl {padding-left:10px;}
.subMenu > li dl {padding:15px 10px 60px;}
.subMenu > li dt {padding:0 0 5px;}
}


/******************** 1400px ********************/
@media screen and (max-width:1400px) {
    #lnb {margin-right:-30px;}
    #lnb > li {margin:0; padding:0 20px;}
    }
    



/******************** 1240px ********************/
@media screen and (max-width:1200px) {
}