/* ======================================== Layout ======================================== */
#skipNav a{display:inline-block;position:fixed;left:0;top:-9999px;padding:10px 30px;font-size:15px;color:#fff;background:#003399;}
#skipNav a:focus{top:0;}

.blind {overflow: hidden; position: absolute;top:-1px;left:-1px;margin:-1px;width:1px;height:1px;font-size:1px;line-height: 0;}


#header{position:relative;}
#header .inner{height:80px;}
#header h1{position:absolute;top:5px;}
#header h1 a{display:block;}
#header .topLink{position:absolute;right:0;top:20px;line-height:40px;display:flex;justify-content:space-between;}
#header .topLink ul{display:flex;justify-content:space-between;margin-right:10px;}
#header .topLink ul li{width:90px;text-align:center;}
#header .topLink .topSearch{position:relative;width:230px;}
#header .topLink #topSearch{position:relative;}
#header .topLink .topSearch input[type='text']{width:100%;height:42px;border:1px solid #3cc786;border-radius:20px;padding-left:10px;}
#header .topLink .topSearch input[type='submit']{position:absolute;right:0;top:1px;width:40px;height:40px;border-radius:50px;background:#3cc786 url(../images/common/bgSearch.png) center center no-repeat;text-indent:-9999px;}
#header .topLink>a{display:block;width:40px;height:40px;text-indent:-9999px;}
#header .topLink .btnBlog{background:url(../images/common/btnBlog.png) 0 0 no-repeat;margin:0 10px;}
#header .topLink .btnNmap{background:url(../images/common/btnNmap.png) 0 0 no-repeat;margin:0 10px;}
#header .topLink .btnInsta{background:url(../images/common/btnInsta.png) 0 0 no-repeat;}
#header .topLink .btnAllNav{display:none;background:url(../images/common/btnAllNav.png) center center no-repeat;margin-left:10px;box-sizing:border-box;}
#header .topLink .btnTopSearch{display:none;border-radius:50px;background:#3cc786 url(../images/common/bgSearch.png) center center no-repeat;}
#header .topLink .btnTopSearchClose{display:none;}

#gnb{position:relative;background:#365a84;border-top:1px solid #ddd;font-family:'NanumSquare';transition:all 0.3s;}
#gnb.active{z-index:97;}
#gnb>ul{display:flex;width:1200px;height:55px;margin:0 auto;}
#gnb>ul>li{width:20%;text-align:center;}
#gnb>ul>li>a{display:block;color:#fff;font-size:19px;height:55px;line-height:55px;}
#gnb>ul>li>ul{opacity:0;height:350px;padding:20px 0 0 35px;box-sizing:border-box;border-right:1px solid #cae1f4;transition:all 0.3s;}
#gnb>ul>li:first-child>ul{border-left:1px solid #cae1f4;}
#gnb>ul>li>ul.active{background:#fff;box-sizing:border-box;opacity:1;}
#gnb>ul>li>ul>li>a{display:block;text-align:left;line-height:30px;color:#222;font-size:17px;font-weight:bold;margin:4px 0 2px;}
#gnb>ul>li>ul>li a:hover{color:#1063c2;text-decoration:underline;}
#gnb>ul>li>ul li li{position:relative;padding-left:10px;margin-bottom:5px;text-align:left;}
#gnb>ul>li>ul li li:after{display:block;content:"";position:absolute;left:0;top:8px;width:5px;height:1px;background:#666666;}
#gnb>ul>li>ul li li a{display:block;color:#666;font-size:15px;font-family:"Nanum Gothic";}

.gnbBg{opacity:0;z-index:-1;position:absolute;left:0;right:0;height:350px;background:#f1f8fd;border-bottom:2px solid #4c76a5;box-shadow:0 3px 10px rgba(0,0,0,0.3);transition:all 0.3s;}
.gnbBg.active{opacity:1;z-index:96;}
.gnbBg:before{display:block;content:"";position:absolute;left:0;bottom:0;width:268px;height:247px;background:url(/images/common/gnbBgLeft.png) 0 0 no-repeat;}
.gnbBg:after{display:block;content:"";position:absolute;right:0;top:0;width:276px;height:262px;background:url(/images/common/gnbBgRight.png) 0 0 no-repeat;}

#allNav{display:none;position:fixed;left:-85%;top:0;bottom:0;width:85%;height:auto;background:#fff;z-index:100;transition:all ease 0.5s; overflow-y:auto; }
#allNav.active{left:0;}
#allNav .nav > ul{padding:0 10px;}
#allNav .nav > ul > li{position:relative;border-bottom:1px solid #ddd;}
#allNav .nav > ul > li:after{display:block;content:"";clear:both;position:absolute;right:15px;top:22px;width:16px;height:9px;background:url(/images/common/depth01Bg.png) 0 0 no-repeat;}
#allNav .nav > ul > li.active:after{background:url(/images/common/depth01BgOn.png) 0 0 no-repeat;}
#allNav .nav > ul > li > a{display:block;height:50px;line-height:50px;font-size:16px;font-weight:bold;padding-left:10px;}
#allNav .nav > ul > li > ul{display:none;background:#f5f5f5;border-top:1px solid #ddd;padding:10px;}
#allNav .nav > ul > li > ul > li{position:relative;border-top:1px solid #ddd;}
#allNav .nav > ul > li > ul > li:first-child{border-top:0;}
#allNav .nav > ul > li > ul > li.hasChild:after{display:block;content:"";clear:both;position:absolute;right:15px;top:13px;width:13px;height:13px;background:url(/images/common/depth02Bg.png) 0 0 no-repeat;}
#allNav .nav > ul > li > ul > li.active:after{background:url(/images/common/depth02BgOn.png) 0 center no-repeat;}
#allNav .nav > ul > li > ul > li > a{display:block;height:36px;line-height:36px;font-size:14px;font-weight:bold;padding-left:10px;}
#allNav .nav > ul > li > ul > li.active > a{background:#365a84;color:#fff;}
#allNav .nav > ul > li > ul > li > ul{display:none;padding:7px 0;background:#f8f8f8;}
#allNav .nav > ul > li > ul > li > ul > li > a{display:block;position:relative;font-size:13px;padding-left:24px;line-height:32px;}
#allNav .nav > ul > li > ul > li > ul > li > a:before{display:block;content:"";clear:both;position:absolute;top:50%;left:11px;width:7px;height:1px;margin-top:-1px;background:#999;}

.btnLoginWrap{position:relative;height:80px;padding:25px 0;box-sizing:border-box;background:#365a84;}
.btnLoginWrap ul li{display:inline-block;margin-left:20px;}
.btnLoginWrap ul li a{display:inline-block;position:relative;line-height:30px;padding-left:20px;font-weight:bold;color:#fff;}
.btnLoginWrap ul li a.btnLoginBg:before{display:block;content:"";position:absolute;left:0;top:50%;width:12px;height:17px;margin-top:-9px;background:url(/images/common/btnLoginBg.png) 0 0 no-repeat;}
.btnLoginWrap ul li a.btnJoinBg:before{display:block;content:"";position:absolute;left:0;top:50%;width:14px;height:16px;margin-top:-8px;background:url(/images/common/btnJoinBg.png) 0 0 no-repeat;}
#btnAllMenuClose{display:block;position:absolute;right:15px;top:30px;width:22px;height:22px;text-indent:-9999px;background:url(/images/common/icon_allMenu_close_m.png) center center no-repeat;}

#container{position:relative;min-height:700px;}
.mainContainer{z-index:2;}
.containerBg{position:relative;background:url(../images/common/containerTopBg.png) center 0 no-repeat;}

#containerNav{position:absolute;left:0;top:14px;z-index:3;}
#containerNav>h2{width:244px;height:190px;background:url(../images/sub/h2Cate01.png) 0 0 no-repeat;padding:35px 0 0 35px;box-sizing:border-box;color:#fff;font-size:30px;font-family:'NanumSquare';}
#containerNav>.cate02{background:url(../images/sub/h2Cate02.png) 0 0 no-repeat;}
#containerNav>.cate03{background:url(../images/sub/h2Cate03.png) 0 0 no-repeat;}
#containerNav>.cate04{background:url(../images/sub/h2Cate04.png) 0 0 no-repeat;}
#containerNav>.cate05{background:url(../images/sub/h2Cate05.png) 0 0 no-repeat;}
#containerNav>.cate06{background:url(../images/sub/h2Cate06.png) 0 0 no-repeat;}
#containerNav>ul{width:220px;margin-top:6px;}
#containerNav>ul>li>a{display:block;height:50px;padding:15px 0 0 20px;box-sizing:border-box;border-bottom:1px solid #dddddd;background:url(../images/sub/NavArrow.png) 90% 20px no-repeat;font-weight:bold;}
#containerNav>ul>li.active{background:#399a9d;border-top:2px solid #1a8387;}
#containerNav>ul>li.active>a{color:#fff;background:url(../images/sub/NavArrowOn.png) 90% 20px no-repeat;}
#containerNav>ul>li>ul{display:none;}
#containerNav>ul>li.active>ul{display:block;background:#f4f4f4;padding:20px 0 10px 20px;}
#containerNav>ul>li.active>ul>li{position:relative;padding-left:10px;margin-bottom:10px;line-height:150%;}
#containerNav>ul>li.active>ul>li:after{display:block;content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:#b7b7b7;}
#containerNav>ul>li.active>ul>li>a{display:block;font-weight:bold;}
#containerNav>ul>li.active>ul>li.active>a{color:#399a9d;}

#subContents{padding:55px 0 0 250px}
.contentTop{position:relative;margin:37px 0;}
.contentTop h3{font-size:26px;font-family:'NanumSquare';}
.contentTop .location{position:absolute;top:0;right:0;}
.contentTop .location span{position:relative;padding-right:20px;font-size:14px;}
.contentTop .location span img{margin-top:-2px;}
.contentTop .location span:after{display:block;content:"";position:absolute;right:6px;top:50%;margin-top:-4px;width:5px;height:9px;background:url(../images/common/locationArrow.png) 0 0 no-repeat;}
.contentTop .location span:last-child:after{display:none;}
.content{padding-bottom:100px;}

#footer{padding:40px 0 50px;border-top:1px solid #888;background:#f5f7fa;}
#footer .inner{padding-left:400px;}
#footer .footerLogo{position:absolute;top:0;left:0;}
#footer .footerLogo2{position:absolute;top:65px;left:0;}
#footer .footer_menu {display:flex;margin-bottom:20px;}
#footer .footer_menu li{position:relative;padding:0 20px;}
#footer .footer_menu li:first-child{padding:0 20px 0 0;}
#footer .footer_menu li:after{display:block;content:"";position:absolute;top:1px;right:0;height:15px;border-right:1px solid #ddd;}
#footer .footer_menu li:last-child:after{display:none;}
#footer .footer_menu .point_menu {color:#0f7abb;}
#footer .homepage_info > li {margin-top:3px; line-height:24px;}
#footer .homepage_info > li:first-child {margin-top:0}
#footer .address_name {color:#222;}
#footer .hompage_copy {display:block; margin-top:5px; font-size:14px;}
#footer .tel_info {display:flex; flex-wrap: wrap;align-content: center;justify-content:flex-start;}
#footer .tel_info span {margin-left:4px}
#footer .tel_info span:first-child {margin-left:0;}
#footer .tel_info li+li {margin-left:10px}