@charset "utf-8";

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




/******************** header ********************/
#header {position:absolute; left:0; top:0; z-index:99999999; width:100%; min-width:1280px; background:rgba(0,0,0,0.6); text-align:center;}
#head {position:relative; z-index:310; width:1280px; height:140px; margin:0 auto; text-align:left;}

/***** logo *****/
#logo {position:absolute; left:0; top:67px; z-index:400; overflow:hidden; width:300px; height:40px; background:url("../image/common/logo.svg") 0 0 no-repeat; text-indent:-99999px;}
#logo a {display:block; width:100%; height:100%;}

/***** gnb *****/
.gnb {position:absolute; right:170px; top:14px; z-index:400; overflow:hidden; padding:3px 20px; border:1px solid rgba(255,255,255,0.5); border-radius:30px;}
.gnb li {float:left; padding-right:20px; margin-right:20px; background:url("../image/common/gnb_line.gif") 100% 50% no-repeat; font-size:13px;}
.gnb li a {display:block; overflow:hidden; color:#fff;}
.gnb li:last-child {padding-right:0; margin-right:0; background:none;}

/***** sns *****/
.sns {position:absolute; right:0; top:16px; z-index:400; overflow:hidden;}
.sns li {float:left; width:23px; height:23px; margin-right:15px; font-size:14px;}
.sns li a {display:block; overflow:hidden; color:#fff;}
.sns li:last-child {width:33px; padding-right:0; margin-right:0; background:none;}
.sns li:first-child {width:26px;}

/***** lnb *****/
#lnb {position:relative; z-index:301; padding:74px 0 0 0; text-align: right;}
#lnb > li {display:inline-block; *display:inline; *zoom:1; margin-left:45px; font-size:19px; font-weight: bold; line-height:1.1; vertical-align: top;}
#lnb > li a {position:relative; display:block; color:#fff;}
#lnb > li.on a span {position:absolute; left:0; bottom:-45px; z-index:700; display:block; width:100%; height:3px; background:#3b6cc1;}
#lnb > li:first-child {margin-left:0;}
#lnb > li.lnb_search {overflow:hidden; white-space: nowrap; text-indent:100%; width:23px; height:21px; margin-left:40px; background:url("../image/common/lnb_search.svg") 0 0 no-repeat;}
#lnb > li.lnb_sitemap {overflow:hidden; white-space: nowrap; text-indent:100%; width:27px; height:18px; margin-top:2px; /*margin-left:12px;*/margin-left:40px; background:url("../image/common/lnb_sitemap.svg") 0 0 no-repeat;}

/* depth2 */
#lnb .depth2 {position:absolute; top:158px; left:0; z-index:500; overflow:hidden; padding-bottom:10px;}
#lnb .depth2 li {float:left; margin-right:20px; font-size:15px; font-weight: normal; line-height:1.1;}
#lnb .depth2 li a {color:#eee !important;}
#lnb .depth2 li a:hover, #lnb .depth2 li a:focus {font-weight:bold; color:#fff !important;}
#lnb .depth2 li:last-child {margin-right:0;}
/* lay_menu_bg */
#lnb #lay_menu0 {left:325px;}
#lnb #lay_menu1 {left:475px;}
#lnb #lay_menu2 {left:590px;}
#lnb #lay_menu3 {left:385px;}
#lnb #lay_menu4 {left:820px;}
#lnb #lay_menu5 {left:657px;}
#lay_menu_back {position:absolute; top:140px; left:0; z-index:305; border-top:1px solid rgba(255,255,255,0.15); background:rgba(0,0,0,0.5); width:100%; min-width:1280px; 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:fixed; z-index:999999999999999; top:0; left:0; display:none; width:100%; min-width:1280px; height:430px !important; background:#fff; border-bottom:1px solid #3b6cc1; text-align:center; box-shadow: 0 1px 5px rgba(0,0,0,0.2);}
.sitemap_opened .sitemap {display:block;}
.sitemap .sitemap_box {position:relative; z-index:550; margin:0 auto; width:1280px; height:100%; text-align:left;}
.sitemap .line {display:none; position:absolute; z-index:510; top:139px; left:0; width:100%; min-width:1280px; border-top:1px solid #ddd;}
.full_menu_close {position:absolute; z-index:600; right:0; top:73px; 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:40px 20px 0; width:165px; height:100%; border-right:1px solid #eee;}
.subMenu > li dt {padding:34px 0 30px;}
.subMenu > li dt a {font-size:18px; font-weight:bold; color:#000;}
.subMenu > li dd {margin-bottom:10px;}
.subMenu > li dd a {font-size:14px; color:#333;}
.subMenu > li dd a:hover, .subMenu > li dd a:focus {color:#2a5bb0; 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;}

.subMenu li dd.openWin img {margin-left:10px;}





/******************** footer ********************/
.footer {position:relative; z-index:9999; clear:both; width:100%; min-width:1280px; background:#3e4654;}

/***** quick *****/
.quick {position: fixed; right:20px; bottom:140px;}
.quick li.top {overflow:hidden; margin-bottom:10px; border-radius: 20px; background:#3b6cc1; line-height:1; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.quick li.top a {display:block; padding:40px 25px 20px; background: url('../image/common/top.png') no-repeat 50% 20px; font-size:12px; color:#fff;}
.quick li.kakao {overflow:hidden; border-radius: 20px; background:#ffde00; line-height:1; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.quick li.kakao a {display:block; height:72px; width:72px; background: url('../image/common/kakao.png') no-repeat 50% 50%; font-size:12px; color:#fff; text-indent: -9999px;}


/***** fnb *****/
/*.fnb_wrap {width:100%; min-width:1280px; border-bottom:1px solid #5e6570; color:#fff; font-size:14px;}
.fnb {width:1280px; min-width:1280px; height:60px; margin:0 auto; }
.fnb > ul {overflow:hidden; float:left; padding:20px 30px; border-left:1px solid #5e6570; text-align:left; box-sizing: border-box;}
.fnb > ul > li {float:left; padding-right:40px;}
.fnb a {color:#fff; font-size:14px;}
.fnb > ul > li.fb a{color:#abd9ff; font-weight:bold;}

.family_site {position:relative; float:right; width:425px; background: url('../image/main/more03.png') no-repeat 93% 50%; border-left:1px solid #5e6570; border-right:1px solid #5e6570; }
.family_site a {display: block; padding:20px 30px;}
*/

.fnb {overflow:hidden; margin:0 0 20px 360px; padding-bottom:20px; border-bottom:1px solid #49505a;}
.fnb > ul {overflow:hidden; float:left; text-align:left; box-sizing: border-box;}
.fnb > ul > li {float:left; padding-right:40px;}
.fnb a {color:#fff; font-size:14px;}
.fnb > ul > li.fb a{color:#f5a500; font-weight:bold;}


/***** foot_logo *****/
.foot_logo {position:absolute; left:0; top:55px; z-index:400; overflow:hidden; width:280px; height:44px; background:url("../image/common/logo02.svg") 0 0 no-repeat; text-indent:-99999px; opacity: 0.7;}
.foot_logo a {display:block; width:100%; height:100%;}


/***** address  *****/
.foot {position:relative; margin:0 auto; padding:50px 0;width:1280px; text-align:left;}
.foot address {margin-left:360px; color:#eee;}
.foot address span {padding-left:20px;}
.foot p {margin-left:360px; padding-top:10px; color:#eee; font-size:14px;}
.foot p a {color:#abd9ff;}





/******************** 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 #3b6cc1;}
.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:#2a5bb0; 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:1280px; height:450px;}
.sub_title, #sub_visual > p {text-align: center; color:#fff; line-height:1;}
.sub_title {padding:220px 0 0 ; font-size:40px;}
#sub_visual > p {padding:25px 0 0; font-size:16px; font-weight: lighter;}


/***** sub_menu *****/
#sub_content {position:relative; z-index:260; width:1280px; margin:-94px auto 70px; background-color:#fff; box-sizing: border-box;}
#sub_menu {float:left; margin-bottom:103px; width:250px;}
#side_title {padding:35px 30px; background:#3b6cc1; font-size:24px; text-align: center; color:#fff; line-height: 1; letter-spacing:-1px;}
/* side_menu */
#sub_menu ul {margin:0 10px; font-size:0;}
#side_menu > li {border-bottom:1px solid #ddd;}
#side_menu > li > a {display:block; padding:18px 14px; color:#333; font-size:16px; letter-spacing: -.5px;}
#side_menu .side_menu_1death_on a {font-weight:bold; color:#2a5bb0; }
#side_menu > li.openWin img {margin-left:10px;}
/* side_menu depth2 */
#side_menu ul {padding:15px 30px 24px; margin-top:-1px; border-top:1px solid #3b6cc1; 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 {font-weight:bold; color:#555; font-size:14px;}
#side_menu ul > li a:hover, #side_menu ul > li a:focus {color:#2a5bb0 !important; }

#side_menu ul > li.side_menu_2death_on a {color:#2a5bb0;}

/***** page *****/
#page {position:relative; float:right; padding:0 0 150px; width:900px; min-height:200px; margin-right:65px;}
/* location */
#location {overflow:hidden; position:absolute; right:0; top:2px;}
#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 {position:relative; margin:35px 0 90px;}
#page_head h1 {font-size:24px; color:#000; letter-spacing:-1px; line-height: 1;}
/* contents */
#contents {clear:both; position:relative;}