@charset "utf-8";

/******************** skipnavigation ********************/
#skipnavigation {position:relative; background:#02a388; width:100%; min-width:1300px; font-size:0; line-height:0; z-index:9999999999;}
#skipnavigation ul {margin:0 auto; width:1300px; 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:1300px;}





/******************** header ********************/
#header {position:absolute; left:0; top:0; z-index:99999999; width:100%; min-width:1300px; text-align:center;}
#head {position:relative; z-index:310; margin:0 auto; padding-bottom:39px; width:1300px; height:105px; text-align:left;}

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


/***** lnb *****/
#lnb {float:right; position:relative; z-index:301; padding:60px 0 0 38px;}
#lnb > li {display:inline-block; *display:inline; *zoom:1; margin-left:5px; padding:10px 20px; font-size:18px; font-weight:bold; line-height:1.1;}
#lnb > li a {position:relative; display:block; color:#fff;}
#lnb > li.on a span {display:none;/* position:absolute; left:-10px; bottom:-36px; z-index:700; display:block; padding:0 10px; width:100%; height:3px; background:#02a388;*/}
#lnb > li:last-child, #lnb > li.end {background:#d01e1e; border-radius:50px;}
/* depth2 */
#lnb .depth2 {position:absolute; top:113px; left:0; z-index:500; overflow:hidden; padding-bottom:10px;}
#lnb .depth2 li {float:left; margin-right:20px; font-size:14px; line-height:1.1;}
#lnb .depth2 li a {color:#333;}
#lnb .depth2 li a:hover, #lnb .depth2 li a:focus {font-weight:bold; color:#111;}
/* lay_menu_bg */
#lnb #lay_menu0 {left:345px;}
#lnb #lay_menu1 {left:410px;}
#lnb #lay_menu2 {left:530px;}
#lnb #lay_menu3 {left:600px;}
#lnb #lay_menu4 {left:835px;}
#lay_menu_back {position:absolute; top:93px; left:0; z-index:305; border-top:1px solid #ddd; background:#fff; width:100%; min-width:1300px; height:55px;}
a .ic_blank {
    display: inline-block;
    margin: 0 0 2px 5px;
    width: 15px;
    height: 15px;
    background: url('../image/common/icon_blank.gif') no-repeat 0 0;
    vertical-align: middle;
}

/***** sitemap *****/
.sitemap {position:absolute; z-index:999999999999999; top:0; left:0; display:none; width:100%; min-width:1300px; height:575px !important; background:#fff; border-bottom:3px solid #02a388; text-align:center;}
.sitemap_opened .sitemap {display:block;}
.sitemap .sitemap_box {position:relative; z-index:550; margin:0 auto; width:1300px; height:100%; text-align:left;}
.sitemap .line {position:absolute; z-index:510; top:95px; left:0; width:100%; min-width:1300px; border-top:1px solid #ddd;}
.full_menu_close {position:absolute; z-index:600; right:0; top:33px; display:block; overflow:hidden; width:25px; height:28px; text-indent:-99999px; background:url("../image/main/gnb_close_on.png") 0 0 no-repeat;}
/* subMenu */
.subMenu {overflow:hidden; height:100%; border-left:1px solid #eee;}
.subMenu > li {float:left; padding:0 38px; width:153px; height:100%; border-right:1px solid #eee;}
.subMenu > li dt {padding:34px 0 62px;}
.subMenu > li dt a {font-size:18px; font-weight:bold; color:#000;}
.subMenu > li dd {margin-bottom:4px;}
.subMenu > li dd a {font-size:14px; color:#333;}
.subMenu > li dd a:hover, .subMenu > li dd a:focus {color:#000; font-weight:bold;}
/* subMenu depth2 */
.subMenu li dd ul {margin:6px 0; padding:10px 20px 15px; background:#f7f9f7; border-radius:10px;}
.subMenu li dd li {padding-left:10px; background:url("../image/main/menu_bullet.gif") no-repeat left 10px;}
.subMenu li dd li a {color:#555; font-size:13px;}
.subMenu li dd li a:hover, .subMenu li dd li a:focus {color:#000; font-weight:bold;}





/********************* 카피라이트(공통) *********************/
#footer {clear:both; position:relative; width:100%; min-width:1400px; padding:100px 0; background-color:#333; font-size:14px; color:#666;}
#foot {width:1300px; min-width:1300px; margin:0 auto;}
#foot_address, #foot_contact, #foot_info {float:left; margin-left:120px; color:#999;}
#foot_address h2, #foot_contact h2, #foot_info h2 {margin-bottom:15px; font-size:14px; color:#ddd}
.title_line {width:10px; height:1px; background-color:#ddd; margin-bottom:15px;}
#foot_address {margin-left:0;}
#foot_contact p {letter-spacing:0.5px;}

#footer .point {margin-right:5px; color:#ff3d3d; font-weight:bold;}
#footer cite {clear:left; display:block; padding-top:50px;}







/******************** email_popup ********************/
#email_popup {display:none; position:absolute; z-index:999999; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url("../image/main/bg70.png") 0 0 repeat;}
.email_popup {position:absolute; z-index:9999999; top:50%; left:50%; margin-left:-350px; padding:40px 50px 50px; width:600px; height:130px; background:#fff; border:3px solid #02a388;}
.email_popup h4 {padding-bottom:8px; color:#222; font-size:30px;}
.email_popup p {color:#222; font-size:16px; word-break:break-all; text-align:justify;}
.email_popup p span {color:#02a388; font-weight:bold;}
.email_popup .close {position:absolute; z-index:9999999; top:30px; right:30px; display:block; overflow:hidden; width:25px; height:28px; background:url(../image/main/gnb_close_on.png) 0 0 no-repeat; text-indent:-500px;}





/******************** sub_layout ********************/
/***** sub_visual *****/
#sub_visual {position:relative; z-index:250; min-width:1300px; height:550px;}
#sub_visual > div {margin:0 auto; padding:139px 0 0; width:1300px;}

#sub_visual .con_title {position:absolute; left:50%; bottom:80px; width:1300px; min-width:1300px; margin:0 0 0 -650px; color:#fff;}
#sub_visual .con_title h1 {font-family:helvetica, arial; font-size:76px; letter-spacing:-1px; line-height:1.4; color:#fff;}
#sub_visual .con_title p {font-size:15px; color:#fff;}
#sub_visual .con_title h1 span {font-family:"맑은 고딕", "Malgun Gothic", sans-serif; color:#ff3d3d;}



/***** sub_menu *****/
#sub_content {position:relative; z-index:260; margin:0 auto; width:1300px;}
#sub_menu {position:relative; left:0; top:-33px; z-index:270; float:left; margin-bottom:103px; width:250px;}
#side_title {padding:47px 20px 0 20px;  width:210px; height:53px; color:#fff; background:#02a388; font-size:24px; font-weight:normal; letter-spacing:-1px;}
/* side_menu */
#sub_menu ul {font-size:0;}
#side_menu > li {border-bottom:1px solid #ddd;}
#side_menu > li > a {display:block; padding:15px 20px 14px; color:#555; font-size:15px;}
#side_menu .side_menu_1death_on a {color:#000; font-weight:bold;}
/* side_menu depth2 */
#side_menu ul {padding:15px 30px 24px; margin-top:-1px; border-top:1px solid #02a388; 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; padding:100px 0 150px; min-height:200px;}
/* location */
#location {display:none; overflow:hidden;}
#location li {float:left; 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;}
#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;}
/* page_head */
#page_head {display:none; padding:10px 0 17px;}
#page_head h1 {font-size:33px; color:#000; font-weight:normal; letter-spacing:-1px;}
/* contents */
#contents {clear:both; position:relative;}