@charset "utf-8";

/*공통*/

/*header*/
header{width:100%; position:relative;}
header .head-box{}
header #logo{float:none; padding:0;}
header #logo a{display:block; position:relative;}
header #logo a::after{content:""; display:block; background:url("../images/common/h-logo.png")no-repeat; width:190px; height:43px; position:absolute; top:15px; left:10%; background-size:contain; z-index:1;}

/*h-menu-lnb*/
#lnb{position:relative; width:100%; margin:0 auto; height:80px; text-align:center;}
#lnb li{display:inline-block; width:15%; line-height:80px; text-align:center; font-size:16px; font-weight:500;}
#lnb li a{display:block;}

#lnb li::after{opacity:0; transform: translate3d(0, 100%, 0); transition: transform .3s ease-out, opacity .3s ease-out;}
#lnb li:hover::after{opacity:1;transform: translate3d(0, 0, 0);}
#lnb li.depth-line{position:relative;}
#lnb li.depth-line::after{content:""; width:100%; height:5px; background:#03a678; position:absolute; left:0; top:75px;}

/*depth_menu*/
#lnb li{position:relative;}
#lnb >li a{display:block; transform:skew(-0.001deg);}
#lnb li ul.depth{background:rgba(0,0,0,0.5); display:none; width:100%; position:absolute; z-index:9999; top:80px; left:0; box-sizing:border-box;}
#lnb li ul.depth li{line-height:45px; height:auto; font-size:14px; font-weight:400; font-weight:400; width:100%; display:block;}
#lnb li ul.depth li:last-child{border:none;}
#lnb li ul.depth li::after{background:none;}

#lnb li ul.depth li a{color:#fff; display:block; padding-bottom:0; transform:skew(-0.001deg);}
#lnb li ul.depth li a:hover{background:rgba(3,166,120,0.5);}

/*all-menu*/
header .side-menu{background:#03a678; width:80px; height:80px; position:absolute; top:0; right:0; z-index:9999;}
#all-menu{padding:32% 29%;position:absolute; top:0; right:0; z-index:9999;}
#all-menu .menu-txt{display:inline-block;}
#all-menu .hamburger{display:inline-block;}

.hamburger .line{width:34px; height:2px; background-color:#fff; display: block; margin:6px auto 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
#ham.is-active{-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#ham.is-active .line:nth-child(2){width:0px;}
#ham.is-active .line:nth-child(1), #ham.is-active .line:nth-child(3){ -webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s; transition-delay: 0.3s;}
#ham.is-active .line:nth-child(1){-webkit-transform:translateY(7px); -ms-transform:translateY(7px); -o-transform:translateY(7px); transform:translateY(7px); background-color:#fff;}
#ham.is-active .line:nth-child(3){-webkit-transform:translateY(-9px) rotate(90deg); -ms-transform:translateY(-9px) rotate(90deg); -o-transform:translateY(-9px) rotate(90deg); transform:translateY(-9px) rotate(90deg);}

/*all-menu*/
.menu-hide{width:100%; right:-100%; height:100%; position:fixed; z-index:999; top:0px; transition:all .4s ease-in-out;}
/*.menu-hide::after{content:""; display:block; background:url("../images/common/f-logo.png")no-repeat; width:132px; height:42px; position:absolute; top:3%; left:2%;}*/
.menu-hide.show{right:0px; background-color:rgba(3, 166, 120); transition: all .4s ease-in-out;}

.menu-cont{display:none;}
.menu-cont.on{display:inherit; position:relative;}

.menu-hide .wrap{margin-top:14%;}
.menu-hide nav{float:left; width:25%; position:relative;}
.menu-hide .all-cont{float:left; width:60%; margin-left:10%; position:relative; padding-left:5%; box-sizing:border-box;}
.menu-hide .all-cont::after{content:""; display:block; position:absolute; top:0; left:0; width:10px; height:557px; background:#2cc197;}

.menu-hide ul.menu-all{overflow:hidden;}
.menu-hide ul.menu-all li{font-size:30px; color:#ade0d2; display:block; margin:0; text-transform:uppercase; cursor:pointer; margin-bottom:10%;}
.menu-hide ul.menu-all li::after{content:""; display:block; border-bottom:solid 3px #eee; transform:scaleX(0); transition:transform 250ms ease-in-out;}
.menu-hide ul.menu-all li.on{color:#fff; position:relative;}
.menu-hide ul.menu-all li.on::after{content:""; display:block; border-bottom:solid 3px #eee; transform:inherit;}
.menu-hide ul.menu-all li:hover{color:#fff;}
.menu-hide ul.menu-all li:hover::after{transform: scaleX(1); transform-origin:0% 50%;}

.menu-cont ul li{font-size:20px; line-height:2.5; position:relative; padding-left:2%; color:#fff;}
/*.menu-cont ul li::after{content:"-"; display:block; position:absolute; top:0; left:0;}*/

.menu-cont ul li a:hover, .menu-cont ul li:hover{color:#ddd;}
.menu-cont ul li a{color:#fff; display:block;}

.all-tite{overflow:hidden; border-bottom:solid 1px #2cc197; margin-bottom:2%; padding:0 0 2%; position:relative;}
.all-tite::after{content:""; display:block; position:absolute; bottom:14%; right:0; background:url("../images/common/f-logo.png")no-repeat; width:150px; height:29px; background-size:contain;}
.all-tite h4{font-size:40px; color:#fff;  font-family:'GmarketSansMedium';}
.all-tite p{font-size:30px; color:#ade0d2; font-family:'GmarketSansMedium';}



/*mobile_menu*/
.m_allmenu{display:none;}


/*footer*/
footer{width:100%; position:relative; background:#27313c; color:#efefef;}
footer::after{content:""; display:block; clear:both;}
footer a{color:#efefef;}

footer .f-menu{border-bottom:solid 1px #1b232b; height:50px; line-height:50px; position:relative;}
footer .left .privacy li{display:inline-block; padding-right:4%; position:relative;}
footer .left .privacy li::after{content:""; display:block; width:1px; height:13px; background:#1b232b; position:absolute; top:19px; right:5%;}
footer .left .privacy li:last-child::after{display:none;}

footer .right .sns{text-align:right;}
footer .right .sns li{display:inline-block; padding-right:1%;}

footer .add-box{padding:1% 0;}
footer .add-box address{padding-top:3%; position:relative;}
footer .add-box address::after{content:""; display:block; background:url("../images/common/f-logo.png")no-repeat; background-size:cover; width:132px; height:42px; position:absolute; top:0; left:0;}

footer .add-box dl.company-box dd, footer .add-box dl.info-box dd, footer .add-box dl.copyright-box dd{display:inline-block; padding-right:5px; line-height:1.8;}
footer .add-box dl.copyright-box dd.admin a{vertical-align:middle;}

a.top {position:absolute; right:-67px; top:0; display:none; z-index:3;}


/*게시판 style*/
.bbs{margin:3% auto;}

/*Search_box*/
.sbox{position: absolute; top:30px; right:0;}
.board_search {text-align:right;position:relative;}
.board_search select {border:1px solid #ddd;padding:8px;vertical-align:top;box-sizing:border-box; height:37px; cursor: pointer; font-weight:600;}
.board_search input.text {width:216px; height:35px;}
.board_search input.btn {background:#03a679; color:#fff; border:none; padding:0px 10px ;font-size:13px; font-weight:600; cursor:pointer; vertical-align:top; width:94px; height:37px;}

/*bbs*/
.notice{width:100%; margin:3% 0; font-size:15px; position:relative;}
.notice:after{content:""; display:block; clear:both;}
.notice .total{position:absolute; top:-35px; left:0; font-size:14px; color:#666;}

.notice_tal {width:100%; clear:both; border-collapse:collapse; table-layout:fixed; word-wrap:break-word; border-spacing:0; text-align:center; border-top:solid 1px #ddd;}
.notice_tal thead{border-bottom:solid 1px #ddd;}
.notice_tal thead th{padding:1% 0; word-wrap:break-word; background:#f8f8f8; color:#555; font-weight:400; font-weight:500;}

.notice_tal tbody th{background:#f9f9f9; border-bottom:1px solid #26166f; padding:11px 25px; word-wrap:break-word;}
.notice_tal tbody td {border-bottom:1px solid #ddd; padding:11px 14px; /*word-wrap:break-word; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}
.notice_tal tbody td.bg {background:#f9f9f9}
.notice_tal tbody td a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_tal tbody td a:hover{text-decoration:underline; text-decoration-color:#999; color:#666;}

.notice_tal thead th:last-child, .tbl-st01 tbody td:last-child{ border-right:none;}
.notice_tal thead th.r-none, .tbl-st01 tbody th.r-none, .tbl-st01 tbody td.r-none {border-right:none;}


/*pageing*/
.board_num {width:100%; text-align:center; vertical-align:top;}
.board_num li{display:inline-block; width:30px; height:30px; line-height:30px; padding:0px; box-sizing:border-box;}
.board_num li img{border:none;}
.board_num li a{color:#555; display:block; border:solid 1px #ddd;}
.board_num li a.on{background:#03a679; display:block; color:#fff;}
.board_num li a.active {background:#143156;display:block;height:29px;color:#fff;}
.board_num li:hover a{background:#f5f5f5; color:#999;}

.board_num li.prev, .board_num li.next{font-size:13px;}
.board_num li.prev a, .board_num li.next a{color:#555;}



/*media*/

/*노트북 해상도 125%일때*/
@media screen and (max-width:1580px){
.menu-hide .wrap{margin-top:10%;}
.menu-hide ul.menu-all li{font-size:24px;}

.menu-hide .all-cont{margin-left:8%; padding-left:6%;}
.menu-hide .all-cont::after{height:450px;}

header #logo a::after{left:3%; }

}

/*S:max-width:1024*/
@media all and (max-width:1024px) {

header{display:none;}


/*mobile_menu*/
.m_allmenu{display:block; /*position:fixed;*/ z-index:10; background:#fff; width:100%;}
.m_allmenu .m_header{overflow:hidden; width:100%; padding:5% 0; position:relative;}
.m_allmenu .m_header .logo a{position:absolute; top:30%; left:4%; background:url("../images/common/h-logo.png")no-repeat; width:20%; height:43px; background-size:contain; z-index:99; display:block;}

.m_allmenu .m_header .btn .menu .hamburger .line{width:40px; height:4px; margin:5px auto 0;}
.m_allmenu .m_header .btn .menu #ham.is-active .line:nth-child(3){-webkit-transform:translateY(-9px) rotate(90deg); -ms-transform:translateY(-9px) rotate(90deg); -o-transform:translateY(-9px) rotate(90deg); transform:translateY(-9px) rotate(90deg);}

.m_allmenu .allmenu{width:100%; height:100%;  position:absolute; right:0; z-index:99;}
.m_allmenu .hide {width:100%; height:100%; right:-100%; position: fixed; z-index:10; top:0; transition: all .5s ease-in-out;}
.m_allmenu .hide.show {width:100%; height:100%; right:0; transition: all .5s ease-in-out;}

.m_allmenu .btn{position:absolute; z-index:100; top:0%; right:0%; cursor:pointer; width:12%; height:100%; background:#03a678;}
.m_allmenu .menu-tab{cursor: pointer; width:100%; height:100%; transition:all .5s ease-in-out;}

.m_allmenu .menu-tab.active{right:100%; transition: all 600ms ease-in-out;}
.m_allmenu .menu-tab .menu img{width:100%;}
.m_allmenu .m-close{width:50%; height:100%; background:rgba(0,0,0,0.5); left:0; position:absolute;}

.m_allmenu .allmenu ul{background:#ffffff; overflow:hidden; height:100%; padding:10% 0;}
.m_allmenu .allmenu ul li:first-child{}

.m_allmenu .allmenu ul li a.tite{font-size:20px; display:block; border-bottom:solid 1px #ddd; padding:2%; color:#333; font-weight:600;}
.m_allmenu .allmenu ul li a.tite.m_on{background:#03a678; border-bottom:solid 1px #03a678; color:#fff;}

.m_allmenu .allmenu ul li ul.m_on{display:none; background:#f7f7f7; color:#666; padding:0;}
.m_allmenu .allmenu ul li ul.m_on li {font-size:18px; text-indent:1%; border-bottom:solid 1px #ddd;}
.m_allmenu .allmenu ul li ul.m_on li a{display:block; padding:2%;}
.m_allmenu .allmenu ul li ul.m_on li:first-child{border-top:none;}

.m_allmenu .menu-tab .hamburger{padding:27% 0; box-sizing:border-box; width:100%; height:100%;}

/*footer*/
footer .f-menu .wrap{padding:0 5%; box-sizing:border-box;}
footer .right .sns li{padding-right:3%;}

footer .add-box{padding:3% 5% 5%;}
footer .add-box address{padding-top:5%;}
footer .add-box address::after{width:128px; height:38px; background-size:contain;}
a.top{right:0; top:inherit;}


/*게시판 style*/
.notice_tal tbody td{padding:2% 0;}


}
/*E:max-width:1024*/

/*S:max-width:800*/
@media all and (max-width:800px){
/*header*/
.m_allmenu .m_header .logo a{width:20%; height:43px; top:21%;}

/*mobile-menu*/
.m_allmenu .m_header .btn .menu .hamburger .line{width:32px; height:3px;}

/*footer*/
footer .right .sns{margin-right:10%;}
footer .add-box address::after{top:-9px;}

/*게시판 style*/
colgroup col:nth-child(2){width:45%;}



}
/*E:max-width:800*/

/*S:max-width:650*/
@media all and (max-width:650px){

/*menu*/
.m_allmenu .btn{width:14%; line-height:normal; padding:0;}
.m_allmenu .m_header{padding:6% 0;}
.m_allmenu .m_header .btn .menu .hamburger .line{width:20px; height:2px; margin:3px auto 0;}
.m_allmenu .m_header .btn .menu #ham.is-active .line:nth-child(3){-webkit-transform:translateY(-3px) rotate(90deg); -ms-transform:translateY(-3px) rotate(90deg); -o-transform:translateY(-3px) rotate(90deg); transform:translateY(-3px) rotate(90deg);}

.m_allmenu .m_header .logo a{width:30%;}

.m_allmenu .allmenu ul{padding:12% 0;}
.m_allmenu .allmenu ul li a.tite{font-size:16px; font-weight:500;}
.m_allmenu .allmenu ul li ul.m_on li a{font-size:15px;}

.m_allmenu .menu-tab .hamburger{}

/*footer*/
footer .f-menu{height:auto; line-height:normal;}
footer .f-menu .wrap{padding:0;}
footer .f-menu .left, footer .f-menu .right{float:none; width:100%;}

footer .left .privacy{border-bottom:solid 1px #1b232b; overflow:hidden;}
footer .left .privacy li{float:left; width:50%; box-sizing:border-box; text-align:center; padding:2%; border-right:solid 1px #1b232b;}
footer .left .privacy li::after{display:none;}
footer .left .privacy li:last-child{border-right:none;}

footer .right .sns{text-align:center; overflow:hidden; margin-right:0;}
footer .right .sns li{padding-right:0; float:left; width:33.3%; box-sizing:border-box; border-right:solid 1px #1b232b; padding:2%;}
footer .right .sns li:last-child{border-right:none;}

footer .add-box{padding:5%;}
footer .add-box address{padding-top:12%; font-size:12px;}
footer .add-box address::after{top:0;}

footer .add-box dl.company-box, footer .add-box dl.info-box, footer .add-box dl.copyright-box{width:100%;}
footer .add-box dl.company-box dd, footer .add-box dl.info-box dd, footer .add-box dl.copyright-box dd{line-height:1.5;}

/*게시판 style*/

/*Search_box*/
.board_search {text-align:left; position:relative;}
.board_search select{width:20%; font-size:14px;}
.board_search input.text {width:55%;}
.board_search input.btn{width:20%; font-size:14px;}
.board_search input{-webkit-appearance: none; -webkit-border-radius: 0;}

/*bbs*/
colgroup col:nth-child(2){width:60%;}
colgroup col:nth-child(3){width:auto;}

.bbs{margin:8% auto 10%;}
.notice{margin:3% 0 8% 0;} 
.notice .total{position:relative; top:0; padding:3% 0; font-size:12px;}
.notice_tal{font-size:14px; letter-spacing:-0.05rem;}
.notice_tal thead th.m-none, .notice_tal tbody td.m-none{display:none;}
.notice_tal thead th{padding:3%;}
.notice_tal thead th{width:100%;}
.notice_tal tbody td{padding:3%;}

/*pageing*/
.board_page{overflow:hidden; clear:both;}
.board_num{margin-bottom:10%;}


}
/*E:max-width:650*/

/*S:max-width:375*/
@media all and (max-width:375px){

/*게시판 style*/
/*Search_box*/
.board_search select{width:24%; font-size:12px;}
.board_search input.text{width:51%;}
.m_allmenu .m_header .logo a{width:34%;}

}
/*E:max-width:375*/

/*S:max-width:320*/
@media all and (max-width:320px){

/*menu*/
.m_allmenu .allmenu ul li a.tite{font-size:15px;}
.m_allmenu .allmenu ul li ul.m_on li{font-size:14px;}

/*footer*/
footer .add-box address{padding-top:13%;}
footer .add-box address::after{width:93px; height:32px;}
footer .left .privacy li{font-size:12px; padding:3%;}

footer .add-box dl.company-box dd, footer .add-box dl.info-box dd, footer .add-box dl.copyright-box dd{line-height:1.6;}
footer .add-box dl.copyright-box dd.admin a{display:block; width:70%;}
footer .add-box dl.copyright-box dd.admin a img{width:100%;}
footer .add-box dl.copyright-box dd:last-child{margin-top:1%;}

/*게시판 style*/

/*Search_box*/
.board_search select{width:30%; font-size:12px;}
.board_search input.text{width:46%;}
.board_search input.btn{width:20%; font-size:12px;}

/*bbs*/
.notice_tal tbody td{padding:4% 3%;}


}
/*E:max-width:320*/