@charset 'utf-8';

/* °øÅë */
#wrap{position: relative;width: 100%;overflow: hidden !important;}
.cf:after,ul:after,dl:after{content:''; display:block; clear:both;}


header{position: absolute;top:0;left: 0;width: 100%;z-index: 5;}
header .navWrap{position: relative;width: 95%;max-width:1500px;margin: 0 auto;}
header .navWrap h1{position: absolute;top: 47px;left: -87px;width: 87px;height: 45px;background: url("../../img/main/logo.png") no-repeat center;}
header .navWrap h1 a{position: absolute;top: 0;left: 0;display: block;text-indent: -5000px;width: 100%;height: 100%;overflow: hidden;}

header .navWrap nav{position: relative;width: 100%;/* float: left;width: calc(100% - 200px); padding-left: 52px;box-sizing:border-box;*/}
header .navWrap .rightMenu{position: absolute;top: 0;right: 0;padding: 53px 0 29px;box-sizing:border-box;}

header .navWrap #gnb{position: relative;display: flex;}
header .navWrap #gnb > li{}
header .navWrap #gnb > li:first-child{position: relative;margin-left: 52px;}
header .navWrap #gnb > li > a.gnbBtn{display: block;font-size: 16px;font-weight: 700;color: #003f4d;padding: 60px 18px 40px;box-sizing:border-box;transition:all .3s;}
header .navWrap #gnb > li > a.gnbBtn:hover{color: #01a8af;transition:all .3s;}
header .navWrap #gnb > li > a.gnbBtn.on{color: #01a8af;}

header .navWrap #gnb > li .lnb{-webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32);box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32);}

header .navWrap #gnb > li .lnb1{position: absolute;top: 113px;left: 12px;width: 655px;background: #fff;overflow: hidden;display: none;}
header .navWrap #gnb > li .lnb1 .lnb1Depth{position: relative;width: 190px;background: #28718d;padding: 40px 0 30px;box-sizing:border-box;}
header .navWrap #gnb > li .lnb1 .lnb1Depth > li{}
header .navWrap #gnb > li .lnb1 .lnb1Depth > li > a{position: relative;display: block;font-size: 15px;font-weight: 400;color: #fff;padding: 15px 18px 15px 31px;box-sizing:border-box;line-height: 1.3;overflow: hidden;}
header .navWrap #gnb > li .lnb1 .lnb1Depth > li > a span{position: absolute;top: 50%;right: -8px;transform:translateY(-50%);display: inline-block;width: 8px;height: 11px;background: url("../../img/common/lnbArrow.png") no-repeat center;transition:all .5s;}

header .navWrap #gnb > li .lnb1 .lnb1Depth > li.active > a{background: #fff;color: #01a8af;font-weight: 700;}
header .navWrap #gnb > li .lnb1 .lnb1Depth > li.active > a span{right: 17px;}

header .navWrap #gnb > li .lnb1 .lnb1Depth > li > a:hover{background: #fff;color: #01a8af;font-weight: 700;}
header .navWrap #gnb > li .lnb1 .lnb1Depth > li > a:hover span{right: 17px;transition:all .5s;}

header .navWrap #gnb > li .lnb1 .lnb1Depth ul{position: absolute;top: 0;right: -926px;width: 465px;padding: 30px 55px 0;box-sizing:border-box;transition:all .5s;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li ul li{position: relative;float: left;width: 33.3333%;margin-top: 18px;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li ul li:nth-child(-n+3){margin-top: 0;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li ul li a{display: block;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li ul li a p{font-size: 14px;font-weight: 400;color: #0a6a80;text-align: center;padding: 8px 0 0;box-sizing:border-box;line-height: 1.3;height: 28px;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li ul li div{position: relative;width: 100%;height: 58px;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li ul li div img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);image-rendering: auto;image-rendering: crisp-edges;image-rendering: pixelated;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li ul li a:hover p{color: #2c9aab;font-weight: 700;}

header .navWrap #gnb > li .lnb1 .lnb1Depth > li.active ul{right: -465px;transition:all .5s;}
header .navWrap #gnb > li .lnb1 .lnb1Depth li:nth-child(1) ul{display: block;}


header .navWrap #gnb > li .lnb2{position: absolute;top: 113px;left: 126px;background: #28718d;display: inline-block;text-align: center;}
header .navWrap #gnb > li .lnb2 li{position: relative;float: left;width: 141px;height: 150px;overflow: hidden;}
header .navWrap #gnb > li .lnb2 li a{display: block;width: 100%;height: 100%;background: #28718d;}
header .navWrap #gnb > li .lnb2 li a div{position: relative;width: 100%;height: 100px;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;justify-content:center;-ms-flex-pack: center;-webkit-box-pack: center;align-items:center;text-align: center;}
header .navWrap #gnb > li .lnb2 li a div img{}
header .navWrap #gnb > li .lnb2 li a p{font-family: 'Noto Sans KR';color: #fff;text-align: center;font-weight: 300;line-height: 1.3;font-size: 15px;}
header .navWrap #gnb > li .lnb2 li a:hover{background: #fff;}
header .navWrap #gnb > li .lnb2 li a:hover p{color: #2c9aab;font-weight: 700;}
header .navWrap #gnb > li .lnb2.type2{ left: 220px;}

header .navWrap #gnb > li .lnb2{display: none;}



header .menuBtn{position: relative;float: right;width: 32px;height: 22px;display: none;margin-left: 25px;}
header .menuBtn ul{width: 100%;height: 100%;}
header .menuBtn ul li{position: absolute;left: 0;display: block;width: 100%;height: 2px;background: #28718d;transition: all 0.3s;}
header .menuBtn ul li.line01{top: 50%;left: 50%;transform:translateX(-50%);margin-top: -10px;width: 24px;}
header .menuBtn ul li.line02{top: 50%;margin-top: -1px;}
header .menuBtn ul li.line03{bottom: 50%;left: 50%;transform:translateX(-50%);margin-bottom: -10px;width: 24px;}

header .menuBtn.active ul li{background: #01a8af;transition: all 0.3s;}
header .menuBtn.active ul li.line01{margin-top: -1px;left: 0;transform: rotate(45deg);transition: all 0.3s;}
header .menuBtn.active ul li.line02{opacity: 0;}
header .menuBtn.active ul li.line03{margin-bottom: -1px;left: 0;transform: rotate(-45deg);transition: all 0.3s;}



header .lang{position: relative;float: right;margin-right: 15px;box-sizing:border-box;width: 100px;}
header .lang a{font-size: 14px;font-weight: 400;color: #003f4d;display: inline-block;transition:all .3s;}
header .lang a em{display: inline-block;margin: 6px 10px 0 8px;}
header .lang a span{position: relative;top: -1px;background: url("../../img/main/langArrow.png") no-repeat center;display: inline-block;width: 8px;height: 6px;transition: all .3s;}
header .lang ul{position: absolute;top: 22px;left: 0;display: none;}
header .lang ul li{padding: 2px 0;box-sizing:border-box;}
header .lang ul li a{display: block;padding: 1px 0 0 13px;box-sizing:border-box;transition: all .3s;}
header .lang ul li a:hover{color: #01a8af;transition: all .3s;}

header .lang.active{}
header .lang.active a.langBtn{}
header .lang.active a span{transform:rotate(180deg);transition: all .3s;}

header .signWrap{position: relative;top: -8px;float: right;}
header .signWrap a{font-size: 14px;font-weight: 400;color: #003f4d;display: inline-block;padding: 0 15px;line-height: 32px;border: 1px solid #003f4d;box-sizing:border-box;border-radius:100rem;transition:all .3s;}
header .signWrap a:hover{background: #01a8af;color: #fff;border: 1px solid #01a8af;transition:all .3s;}



/* sub header */
header.subHeader{background: #fff;}
header.subHeader .navWrap #gnb > li > a.gnbBtn.subFixed{color: #01a8af;}
header.subHeader .subLnb{position: absolute;top: 125px;left: 50%;transform:translateX(-50%);width: 100%;max-width:1500px;background: #2c9aab;display: none;/* opacity: 0.99; */}
header.subHeader .subLnb a{position: relative;float: left;width: 150px;height: 135px;overflow: hidden;}
header.subHeader .subLnb a div{position: relative;width: 100%;height: 100px;}
header.subHeader .subLnb a div img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);max-width:43%;max-height:60%;}
header.subHeader .subLnb a p{font-family: 'Noto Sans KR';font-size: 15px;color: #fff;text-align: center;font-weight: 300;line-height: 1.3;white-space: nowrap;}
header.subHeader .subLnb a:hover{background: #d5ebee;}
header.subHeader .subLnb a:hover p{color: #2c93a3;font-weight: 700;}
header.subHeader .subLnb1 a.lnbBtn:hover > p:after{position: absolute;bottom: 0;left: 0;content:"";width: 100%;height: 2px;background: #2c9aab;}
header.subHeader .subLnb a.active{background: #d5ebee;}
header.subHeader .subLnb a.active p{color: #2c93a3;font-weight: 700;}
header.subHeader .subLnb a.hover{background: #d5ebee;}
header.subHeader .subLnb a.hover p{color: #2c93a3;font-weight: 700;}
header.subHeader .subLnb.type2{ display:none !important; }

/* ½ºÅ©·Ñ½Ã ³ÐÀÌ Á¶Àý 1500 °¡¿îµ¥ Á¤·Ä */
/* header.subHeader .subLnb.fixed{position: fixed;top: 0;left: 50%;transform:translateX(-50%);width: 100%;max-width:1500px;}
header.subHeader .subLnb.fixed a{height: auto;}
header.subHeader .subLnb.fixed a div{display: none;transition:all .3s;}
header.subHeader .subLnb.fixed a p{padding: 20px 0;transition:all .3s;} */

/* ½ºÅ©·Ñ½Ã ³ÐÀÌ 100% */
header.subHeader .subLnb.fixed{position: fixed;top: 0;left: 0;transform:none;width: 100%;padding: 0 10%;box-sizing:border-box;max-width:none;}
header.subHeader .subLnb.fixed a{height: auto;}
header.subHeader .subLnb.fixed a div{display: none;transition:all .3s;}
header.subHeader .subLnb.fixed a p{padding: 20px 0;transition:all .3s;}






/* ourcasting */
header.subHeader .subLnb1{height: 70px;display: flex;}
header.subHeader .subLnb1 a.lnbBtn{position: relative;display: block;width: 210px;height: 70px;overflow: visible;text-align: left;}
header.subHeader .subLnb1 a.lnbBtn > p{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);text-align: left;height: 100%;padding: 15px 10px !important;box-sizing:border-box;line-height: 40px;}
header.subHeader .subLnb1 a.lnbBtn.active > p:after{position: absolute;bottom: 0;left: 0;content:"";width: 100%;height: 2px;background: #2c9aab;}
header.subHeader .subLnb1 a.lnbBtn.hover > p:after{position: absolute;bottom: 0;left: 0;content:"";width: 100%;height: 2px;background: #2c9aab;}
header.subHeader .navWrap #gnb > li:first-child{position: static;}
header.subHeader .subLnb1 .depth2Lnb{position: absolute;top: 70px;left: 0;width: 100%;max-width:1500px;z-index: -1;display: none;}


header.subHeader .subLnb1 .depth2Lnb ul{display: flex;background: #fff;}
header.subHeader .subLnb1 .depth2Lnb ul li{}
header.subHeader .subLnb1 .depth2Lnb ul li a{display: block;width: 140px;}
header.subHeader .subLnb1 .depth2Lnb ul li a img{display: block;margin: 0 auto;}
header.subHeader .subLnb1 .depth2Lnb ul li a p{font-size: 15px;font-weight: 300;color: #bfbfbf;}
header.subHeader .subLnb1 .depth2Lnb ul li a:hover{background: transparent;}
header.subHeader .subLnb1 .depth2Lnb ul li a:hover p{font-weight: 700;color: #2c9aab;}
header.subHeader .subLnb1 .depth2Lnb ul li a.active{background: transparent;}
header.subHeader .subLnb1 .depth2Lnb ul li a.active p{font-weight: 700;color: #2c9aab;}



/* mobile nav */
.mobNavBg{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.5);z-index: 5;overflow: hidden;display: none;}
.mobNav{position: absolute;top: 0;right: -290px;background: #fff;width: 280px;height: 100%;overflow-y: auto;transition:all .3s;}
.mobNav .top{position: relative;background: #101010;padding: 20px 10px;box-sizing:border-box;}
.mobNav .top .mobNavClose{position: absolute;top: 50%;transform:translateY(-50%);right: 10px;display: block;width: 22px;height: 22px;overflow: hidden;text-indent: -9999px;}
.mobNav .top .mobNavClose:before{content: "";display: block;width: 2px;height: 30px;background: #fff;position: absolute;top: -5px;left: 10px;transform: rotate(45deg);-webkit-transform: rotate(45deg); border-radius: 1px;}
.mobNav .top .mobNavClose:after{content: "";display: block;width: 2px;height: 30px;background: #fff;position: absolute;top: -5px;right: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-radius: 1px;}
.mobNav > ul{position: relative;}
.mobNav > ul > li{position: relative;}
.mobNav > ul > li > a{position: relative;display: block;height: 55px;line-height: 55px;color: #555;font-size: 17px;font-weight: 500;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.mobNav > ul > li.active > a{background: #0b6680;color: #fff;}
.mobNav > ul > li.active > a:after{position: absolute;content: "";display: block;width: 12px;height: 12px;top: 16px;right: 20px;background: none;box-sizing: border-box;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.mobNav .depth1{position: relative;background: #f2f2f2;display: none;}
.mobNav .depth1 > li > a{position: relative;display: block;height: 45px;line-height: 45px;font-family: 'Noto Sans KR';color: #666;font-size: 15px;font-weight: 300;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.mobNav .depth1 > li > a:after{position: absolute;content: "";display: block;width: 12px;height: 12px;top: 17px;right: 20px;background: none;box-sizing: border-box;border-right: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.mobNav .depth1 > li.active > a{font-weight: 600;color: #000;background: #fff;}
.mobNav .depth1 > li.active > a:after{border-right: 2px solid #000;border-bottom: 2px solid #000;}

.mobNav .depth2{position: relative;border-bottom: 1px solid #ddd;display: none;}
.mobNav .depth2 > li > a{position: relative;display: block;height: 45px;line-height: 45px;font-family: 'Noto Sans KR';color: #666;font-size: 15px;font-weight: 300;padding: 0 20px;box-sizing: border-box;}

.mobNav.active{right: 0;transition:all .3s;}




/* footer */
footer{position: relative;font-size: 16px;}
footer .fcon01{position: relative;height: 75px;}
footer .fcon01 .fcon01Wrap{position: relative;width: 95%;max-width:1500px;margin: 0 auto;}
footer .fcon01 a{position: absolute;top: -15px;right: 0;width: 40px;height: 40px;background: #d0d0d0;border-radius: 6px;font-size: 0.938em;font-weight: 500;color: #003f4d;text-align: center;line-height: 0.9;}
footer .fcon01 a img{display: block;margin: 7px auto 4px;}

footer .fcon02{position: relative;background: #1a1a1a;padding: 65px 0 60px;box-sizing:border-box;}
footer .fcon02 .fcon02Wrap{position: relative;width: 95%;max-width:1500px;margin: 0 auto;display: flex;justify-content:space-between;}
footer .fcon02 .fcon02Wrap .siteMapBox{position: relative;display: flex;}
footer .fcon02 .fcon02Wrap .siteMapBox dl{position: relative;margin-right: 60px;}
footer .fcon02 .fcon02Wrap .siteMapBox dl:last-child{margin-right: 0;}
footer .fcon02 .fcon02Wrap .siteMapBox dt{font-size: 0.875em;font-weight: 500;color: #fff;padding-bottom: 20px;}
footer .fcon02 .fcon02Wrap .siteMapBox dd{}
footer .fcon02 .fcon02Wrap .siteMapBox dd a{display: block;font-size: 0.750em;font-weight: 300;color: #fff;padding: 6px 0;box-sizing:border-box;}
footer .fcon02 .fcon02Wrap .siteMapBox dd a:hover{text-decoration: underline;text-underline-position: under;}

footer .fcon02 .fcon02Wrap .socialBox{position: relative;background: url("../../../img/common/columLogo.png") no-repeat right center;padding-left: 60px;padding-bottom: 10px;border-left: 1px solid #5f5f5f;box-sizing:border-box;width: 380px;}
footer .fcon02 .fcon02Wrap .socialBox div h5{font-size: 0.875em;font-weight: 500;color: #fff;padding-top: 5px;}
footer .fcon02 .fcon02Wrap .socialBox div ul{position: relative;display: flex;margin: 25px 0 40px;}
footer .fcon02 .fcon02Wrap .socialBox div ul li{}
footer .fcon02 .fcon02Wrap .socialBox div ul li a{display: block;font-size: 1.125em;color: #fff;margin-right: 30px;transition:all .3s;}
footer .fcon02 .fcon02Wrap .socialBox div ul li:nth-child(1) a{font-size: 1em;}
footer .fcon02 .fcon02Wrap .socialBox div ul li a:hover{color: #42f4f4;transition:all .3s;}
footer .fcon02 .fcon02Wrap .socialBox > ul{position: relative;}
footer .fcon02 .fcon02Wrap .socialBox > ul li{}
footer .fcon02 .fcon02Wrap .socialBox > ul li a{display: inline-block;font-size: 0.813em;font-weight: 500;color: #fff;padding: 6px 0;box-sizing:border-box;}
footer .fcon02 .fcon02Wrap .socialBox > ul li a:hover{color: #42f4f4;transition:all .3s;}

footer .fcon03{position: relative;padding: 50px 0 70px;box-sizing:border-box;background: #003f4d;}
footer .fcon03Wrap{position: relative;width: 95%;max-width:1500px;margin: 0 auto;}
footer .fcon03Wrap img{display: block;margin: 0 auto 35px;}
footer .fcon03Wrap address{font-size: 0.750em;color: #bbb;font-weight: 400;line-height: 1.7;text-align: center;}
footer .fcon03Wrap address a{font-size: 1em;color: #bbb;font-weight: 400;}
footer .fcon03Wrap p{font-size: 0.813em;color: #bbb;text-align: center;padding-top: 20px;}










/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }