@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Nanum+Myeongjo:wght@400;800&family=Noto+Sans:wght@400;700&display=swap');

.font_noto{font-family:'Noto Sans', sans-serif;}
.font_nanum_g{font-family:'Nanum Gothic', sans-serif;}
.font_nanum_m{font-family:'Nanum Myeongjo', sans-serif;}

/*-- 기본 레이아웃 --*/
.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.hd-wrap,.hd-wrap1,.hd-wrap2,.hd-wrap3,.hd-wrap4,.hd-wrap5,.hd-wrap6,.hd-wrap7,.hd-wrap8,.hd-wrap9,.hd-wrap10{display:flex;flex-wrap:wrap;}
.hd-wrap-item{position:relative;box-sizing:border-box;}
.hd-wrap > .hd-wrap-item{width:100%;}
.hd-wrap1 > .hd-wrap-item{width:100%;}
.hd-wrap2 > .hd-wrap-item{width:50%;}
.hd-wrap3 > .hd-wrap-item{width:33.333%;}
.hd-wrap4 > .hd-wrap-item{width:25%;}
.hd-wrap5 > .hd-wrap-item{width:20%;}
.hd-wrap6 > .hd-wrap-item{width:16.666%;}
.hd-wrap7 > .hd-wrap-item{width:14.285%;}
.hd-wrap7 > .hd-wrap-item{width:14.285%;}
.hd-wrap8 > .hd-wrap-item{width:12.5%;}
.hd-wrap9 > .hd-wrap-item{width:11.11%;}
.hd-wrap10 > .hd-wrap-item{width:10%;}

/*-- 반응형 레이아웃 --*/
.hd-wrap-item-1{width:8.333%}
.hd-wrap-item-2{width:16.666%}
.hd-wrap-item-3{width:24.999%}
.hd-wrap-item-4{width:33.333%}
.hd-wrap-item-5{width:41.666%}
.hd-wrap-item-6{width:49.999%}
.hd-wrap-item-7{width:58.333%}
.hd-wrap-item-8{width:66.666%}
.hd-wrap-item-9{width:74.999%}
.hd-wrap-item-10{width:83.333%}
.hd-wrap-item-11{width:91.666%}
.hd-wrap-item-12{width:100%}
.device768 > .hd-wrap-item-1{width:100%}
.device768 > .hd-wrap-item-2{width:100%}
.device768 > .hd-wrap-item-3{width:100%}
.device768 > .hd-wrap-item-4{width:100%}
.device768 > .hd-wrap-item-5{width:100%}
.device768 > .hd-wrap-item-6{width:100%}
.device768 > .hd-wrap-item-7{width:100%}
.device768 > .hd-wrap-item-8{width:100%}
.device768 > .hd-wrap-item-9{width:100%}
.device768 > .hd-wrap-item-10{width:100%}
.device768 > .hd-wrap-item-11{width:100%}
.device768 > .hd-wrap-item-12{width:100%}
.device992 > .hd-wrap-item-1{width:100%}
.device992 > .hd-wrap-item-2{width:100%}
.device992 > .hd-wrap-item-3{width:100%}
.device992 > .hd-wrap-item-4{width:100%}
.device992 > .hd-wrap-item-5{width:100%}
.device992 > .hd-wrap-item-6{width:100%}
.device992 > .hd-wrap-item-7{width:100%}
.device992 > .hd-wrap-item-8{width:100%}
.device992 > .hd-wrap-item-9{width:100%}
.device992 > .hd-wrap-item-10{width:100%}
.device992 > .hd-wrap-item-11{width:100%}
.device992 > .hd-wrap-item-12{width:100%}
.device1200 > .hd-wrap-item-1{width:100%}
.device1200 > .hd-wrap-item-2{width:100%}
.device1200 > .hd-wrap-item-3{width:100%}
.device1200 > .hd-wrap-item-4{width:100%}
.device1200 > .hd-wrap-item-5{width:100%}
.device1200 > .hd-wrap-item-6{width:100%}
.device1200 > .hd-wrap-item-7{width:100%}
.device1200 > .hd-wrap-item-8{width:100%}
.device1200 > .hd-wrap-item-9{width:100%}
.device1200 > .hd-wrap-item-10{width:100%}
.device1200 > .hd-wrap-item-11{width:100%}
.device1200 > .hd-wrap-item-12{width:100%}

/*-- 반응형 1단 --*/
.hd-wrap1.device768 > .hd-wrap-item{width:100%;}
.hd-wrap2.device768 > .hd-wrap-item{width:100%;}
.hd-wrap3.device768 > .hd-wrap-item{width:100%;}
.hd-wrap4.device768 > .hd-wrap-item{width:100%;}
.hd-wrap5.device768 > .hd-wrap-item{width:100%;}
.hd-wrap6.device768 > .hd-wrap-item{width:100%;}
.hd-wrap7.device768 > .hd-wrap-item{width:100%;}
.hd-wrap8.device768 > .hd-wrap-item{width:100%;}
.hd-wrap9.device768 > .hd-wrap-item{width:100%;}
.hd-wrap10.device768 > .hd-wrap-item{width:100%;}

/*-- 반응형 2단 --*/
.hd-wrap1.device992 > .hd-wrap-item{width:50%;}
.hd-wrap2.device992 > .hd-wrap-item{width:50%;}
.hd-wrap3.device992 > .hd-wrap-item{width:50%;}
.hd-wrap4.device992 > .hd-wrap-item{width:50%;}
.hd-wrap5.device992 > .hd-wrap-item{width:50%;}
.hd-wrap6.device992 > .hd-wrap-item{width:50%;}
.hd-wrap7.device992 > .hd-wrap-item{width:50%;}
.hd-wrap8.device992 > .hd-wrap-item{width:50%;}
.hd-wrap9.device992 > .hd-wrap-item{width:50%;}
.hd-wrap10.device992 > .hd-wrap-item{width:50%;}

/*-- 반응형 3단 --*/
.hd-wrap1.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap2.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap3.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap4.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap5.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap6.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap7.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap8.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap9.device1200 > .hd-wrap-item{width:33.333%;}
.hd-wrap10.device1200 > .hd-wrap-item{width:33.333%;}




/*-- 반응형 (보이거나..안보이거나..) --*/
.hd-wrap-item-show1{display:none}
.hd-wrap-item-show2{display:none}
.hd-wrap-item-show3{display:none}

.hd-wrap1.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap1.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap1.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap1.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap1.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap1.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap2.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap2.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap2.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap2.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap2.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap2.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap3.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap3.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap3.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap3.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap3.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap3.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap4.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap4.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap4.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap4.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap4.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap4.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap5.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap5.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap5.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap5.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap5.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap5.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap6.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap6.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap6.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap6.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap6.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap6.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap7.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap7.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap7.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap7.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap7.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap7.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap8.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap8.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap8.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap8.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap8.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap8.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap9.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap9.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap9.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap9.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap9.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap9.device768 > .hd-wrap-item-show3{display:flex}
.hd-wrap10.device768 > .hd-wrap-item-hide1{display:none}
.hd-wrap10.device768 > .hd-wrap-item-hide2{display:none}
.hd-wrap10.device768 > .hd-wrap-item-hide3{display:none}
.hd-wrap10.device768 > .hd-wrap-item-show1{display:flex}
.hd-wrap10.device768 > .hd-wrap-item-show2{display:flex}
.hd-wrap10.device768 > .hd-wrap-item-show3{display:flex}

.hd-wrap1.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap1.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap1.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap1.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap1.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap1.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap2.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap2.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap2.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap2.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap2.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap2.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap3.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap3.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap3.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap3.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap3.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap3.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap4.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap4.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap4.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap4.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap4.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap4.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap5.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap5.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap5.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap5.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap5.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap5.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap6.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap6.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap6.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap6.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap6.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap6.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap7.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap7.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap7.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap7.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap7.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap7.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap8.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap8.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap8.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap8.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap8.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap8.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap9.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap9.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap9.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap9.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap9.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap9.device992 > .hd-wrap-item-show3{display:flex}
.hd-wrap10.device992 > .hd-wrap-item-hide1{display:none}
.hd-wrap10.device992 > .hd-wrap-item-hide2{display:none}
.hd-wrap10.device992 > .hd-wrap-item-hide3{display:none}
.hd-wrap10.device992 > .hd-wrap-item-show1{display:flex}
.hd-wrap10.device992 > .hd-wrap-item-show2{display:flex}
.hd-wrap10.device992 > .hd-wrap-item-show3{display:flex}

.hd-wrap1.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap1.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap2.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap2.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap3.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap3.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap4.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap4.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap5.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap5.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap6.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap6.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap7.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap7.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap8.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap8.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap9.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap9.device1200 > .hd-wrap-item-show3{display:flex}
.hd-wrap10.device1200 > .hd-wrap-item-hide3{display:none}
.hd-wrap10.device1200 > .hd-wrap-item-show3{display:flex}

/*-- 반응형 (너비고정 및 auto) --*/
.hd-wrap1 > .hd-wrap-item-fixed{width:;}
.hd-wrap1 > .hd-wrap-item-auto{flex-grow:1;}
.hd-wrap2 > .hd-wrap-item-fixed{width:;}
.hd-wrap2 > .hd-wrap-item-auto{flex-grow:1;}
.hd-wrap3 > .hd-wrap-item-fixed{width:;}
.hd-wrap3 > .hd-wrap-item-auto{flex-grow:1;}
.hd-wrap4 > .hd-wrap-item-fixed{width:;}
.hd-wrap4 > .hd-wrap-item-auto{flex-grow:1;}
.hd-wrap5 > .hd-wrap-item-fixed{width:;}
.hd-wrap5 > .hd-wrap-item-auto{flex-grow:1;}
.hd-wrap6 > .hd-wrap-item-fixed{width:;}
.hd-wrap6 > .hd-wrap-item-auto{flex-grow:1;}

.hd-wrap1.device768 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap1.device768 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap2.device768 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap2.device768 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap3.device768 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap3.device768 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap4.device768 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap4.device768 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap5.device768 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap5.device768 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap6.device768 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap6.device768 > .hd-wrap-item-auto{width:100%;flex-grow:0;}

.hd-wrap1.device992 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap1.device992 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap2.device992 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap2.device992 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap3.device992 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap3.device992 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap4.device992 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap4.device992 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap5.device992 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap5.device992 > .hd-wrap-item-auto{width:100%;flex-grow:0;}

.hd-wrap1.device1200 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap1.device1200 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap2.device1200 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap2.device1200 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap3.device1200 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap3.device1200 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap4.device1200 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap4.device1200 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap5.device1200 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap5.device1200 > .hd-wrap-item-auto{width:100%;flex-grow:0;}
.hd-wrap6.device1200 > .hd-wrap-item-fixed{width:100%;flex-grow:0;}
.hd-wrap6.device1200 > .hd-wrap-item-auto{width:100%;flex-grow:0;}



/*-- 정렬 (수평) --*/
.align-center{display:flex;justify-content:center;} 
.align-between{display:flex;justify-content:space-between;}
.align-right{display:flex;justify-content:flex-end}

/*-- 정렬 (수직) --*/
.valign-middle{display:flex;align-items:center}
.valign-bottom{display:flex;align-items:flex-end}


/*-- 버튼기초디자인 --*/
.hd-btn{display:inline-block;padding:0.5em 1.5em;position:relative}
.hd-btn.btn-padding1{padding:0.3em 1.3em;}
.hd-btn.btn-padding2{padding:0.6em 1.6em;}
.hd-btn.btn-padding3{padding:0.9em 1.9em;}
.hd-btn.btn-padding4{padding:1.2em 2.2em;}
.hd-btn.btn-padding5{padding:1.5em 2.5em;}
.hd-btn:link{text-decoration:none}
.hd-btn.white{background-color:#ffffff;color:#333333;border:1px solid #dddddd}
.hd-btn.black{background-color:#353535;color:#ffffff}
.hd-btn.red{background-color:red;color:#ffffff}
.white{color:#ffffff}




.hd-title{transition:all 0.5s;}
.hd-text{transition:all 0.5s;line-height:1.5em}

/*-- 마우스 over --*/
.ani-zoom{transition:all .4s;}
.ani-up{transition:all .4s;}
.ani-down{transition:all .4s;}
.ani-left{transition:all .4s;}
.ani-right{transition:all .4s;}

.ani-zoom:hover{transform:scale(1.1);}
.ani-up:hover{transform:translateY(-0.5em);position:relative}
.ani-down:hover{transform:translateY(0.5em);position:relative}
.ani-left:hover{transform:translateX(-0.5em);position:relative}
.ani-right:hover{transform:translateX(0.5em);position:relative}

.hd-hover{position:relative;cursor:pointer}
.hd-hover::after{content:'';position:absolute;left:0;top:0;width:100%;height:0%;;z-index:1;transition:all .4s;}
.hd-hover:hover .ani-zoom{transform:scale(1.1);}
.hd-hover:hover .ani-up{transform:translateY(-0.5em);position:relative}
.hd-hover:hover .ani-down{transform:translateY(0.5em);position:relative}
.hd-hover:hover .ani-left{transform:translateX(-0.5em);position:relative}
.hd-hover:hover .ani-right{transform:translateX(0.5em);position:relative}
.hd-hover:hover::after{height:100%;background-color:#000000;opacity:0.5;}
.hd-hover.bg-not:hover::after{display:none}
.hd-hover.bg-red:hover::after{background-color:red}
.hd-hover.bg-blue:hover::after{background-color:#0066ff}
.hd-hover.bg-yellow:hover::after{background-color:#ffcc00}
.hd-hover.bg-white:hover::after{background-color:#ffffff}
.hd-hover.bg-green:hover::after{background-color:green}

/*-- 마우스over + 아이콘 --*/
.hd-hover .hd-hover-icon{position:absolute;top:50%;left:50%;background-color:#dddddd;transform:translate(-50%,-50%);z-index:2;transition:all .4s;opacity:0;z-index:3}
.hd-hover:hover .hd-hover-icon{opacity:1}

/*-- 마우스over 에니메이션 타입 --*/
.hd-hover .ani-item-up .ani-item-icon{position:absolute;transition:all .4s;left:0;bottom:0;opacity:0}
.hd-hover:hover .ani-item-up{transition:all .4s;transform:translateY(-2.2em);position:relative}
.hd-hover:hover .ani-item-up .ani-item-icon{transform:translateY(2.2em);opacity:1}

.hd-hover .ani-item-down .ani-item-icon{position:absolute;transition:all .4s;left:0;top:0;opacity:0}
.hd-hover:hover .ani-item-down{transition:all .4s;transform:translateY(2.2em);position:relative}
.hd-hover:hover .ani-item-down .ani-item-icon{transform:translateY(-2.2em);opacity:1}

.hd-hover .ani-item-right .ani-item-icon{position:absolute;transition:all .4s;left:0;top:0;opacity:0}
.hd-hover:hover .ani-item-right{transition:all .4s;transform:translateX(2.2em);position:relative}
.hd-hover:hover .ani-item-right .ani-item-icon{transform:translateX(-2.2em);opacity:1}

.hd-hover .ani-item-left .ani-item-icon{position:absolute;transition:all .4s;right:0;top:0;opacity:0}
.hd-hover:hover .ani-item-left{transition:all .4s;transform:translateX(-2.2em);position:relative}
.hd-hover:hover .ani-item-left .ani-item-icon{transform:translateX(2.2em);opacity:1}



/*-- 모달 --*/
.hd-modal{display:none}
.hd-modal .hd-modal-bg{content:'';position:fixed;left:0;top:0;width:100%;height:100vh;;z-index:10000;transition:all .4s;background-color:#000000;opacity:0.7;}
.hd-modal .hd-modal-content{position:absolute;width:400px;min-height:400px;left:50%;margin-left:-200px;background-color:#ffffff;z-index:10001}
.hd-modal .hd-modal-content .modal-close{position:absolute;right:-14px;top:-14px;cursor:pointer;text-align:center;}



/*-- form 스타일 --*/
.hd-input { font-size:1em; padding:0.7em;border:1px solid #dddddd;}
.hd-form-radio input[type="radio"],.hd-form-radio input[type="checkbox"]{display:none}
.hd-form-radio label{display:inline-block;padding:0.7em 1em;border:1px solid #dddddd;cursor:pointer;font-size:1em;}
.hd-form-radio input:checked + .hd-form-radio-bt{background-color:#303030;color:#ffffff}
.hd-form-radio input:checked + .hd-form-radio-bt.bg-red{background-color:red}
.hd-form-radio input:checked + .hd-form-radio-bt.bg-blue{background-color:blue}
.hd-form-radio input:checked + .hd-form-radio-bt.bg-yellow{background-color:#ff9900}
.hd-form-radio input:checked + .hd-form-radio-bt.bg-green{background-color:#709f35}
.hd-form-radio-bt.disabled{opacity:0.5}

.hd-form-select{padding:0.7em 1em;border:1px solid #dddddd;-webkit-appearance: none;padding-right:50px;background:url(https://hdesigner.net/hd/image/hd_icon_select.gif);background-repeat:no-repeat;background-Position: right 15px top 50%;}
.hd-input[type="file"]{padding:0.45em ;}


/*-- 최근게시물 --*/
.hd-bbs > li{padding:8px 0;list-style:none;border-bottom:1px solid #dddddd;position:relative}
.hd-bbs > li{display:flex;justify-content:space-between;}
.hd-bbs > li .icon{width:30px}
.hd-bbs > li .subject{flex:1}
.hd-bbs > li .data{width:100px;text-align:right;font-size:0.8em}


/*-- 간편예약어 --*/
.absolute{position:absolute;z-index:2;}
.absolute-full{position:absolute;left:0;top:0;width:100%;height:100%;top:0px;transition:all 0.5s;}
.inline-block{display:inline-block}
.top{top:0;}
.bottom{bottom:0}
.left{text-align:left;left:0;}
.right{text-align:right;right:0;}
.center{text-align:center;}
.bolder{font-weight:bolder}

.radius{border-radius:0.5em;overflow:hidden}
.radius1{border-radius:1em;overflow:hidden}
.radius2{border-radius:1.5em;overflow:hidden}
.radius3{border-radius:2em;overflow:hidden}
.radius4{border-radius:2.5em;overflow:hidden}
.radius5{border-radius:3em;overflow:hidden}
.radius100{border-radius:100%;overflow:hidden}

.opacity1{opacity:0.1}
.opacity2{opacity:0.2}
.opacity3{opacity:0.3}
.opacity4{opacity:0.4}
.opacity5{opacity:0.5}
.opacity6{opacity:0.6}
.opacity7{opacity:0.7}
.opacity8{opacity:0.8}
.opacity9{opacity:0.9}
.opacity10{opacity:1}

.padding-reset{padding:0;}
.margin-reset{margin:0}
.padding0{padding:0}
.padding1{padding:0.5em;}
.padding2{padding:1em;}
.padding3{padding:1.5em;box-sizing:border-box;}
.padding4{padding:2em;}
.padding5{padding:2.5em;}
.padding6{padding:3em;}
.padding7{padding:3.5em;}
.padding8{padding:4em;}
.padding9{padding:4.5em;}
.padding10{padding:5em;}
.padding-bottom0{padding-bottom:0;}
.padding-bottom1{padding-bottom:0.5em;}
.padding-bottom2{padding-bottom:1em;}
.padding-bottom3{padding-bottom:1.5em;}
.padding-bottom4{padding-bottom:2em;}
.padding-bottom5{padding-bottom:2.5em;}
.padding-bottom6{padding-bottom:3em;}
.padding-bottom7{padding-bottom:3.5em;}
.padding-bottom8{padding-bottom:4em;}
.padding-bottom9{padding-bottom:4.5em;}
.padding-bottom10{padding-bottom:5em;}
.padding-top0{padding-top:0;}
.padding-top1{padding-top:0.5em;}
.padding-top2{padding-top:1em;}
.padding-top3{padding-top:1.5em;}
.padding-top4{padding-top:2em;}
.padding-top5{padding-top:2.5em;}
.padding-top6{padding-top:3em;}
.padding-top7{padding-top:3.5em;}
.padding-top8{padding-top:4em;}
.padding-top9{padding-top:4.5em;}
.padding-top10{padding-top:5em;}
.padding-right0{padding-right:0;}
.padding-right1{padding-right:0.5em;}
.padding-right2{padding-right:1em;}
.padding-right3{padding-right:1.5em;}
.padding-right4{padding-right:2em;}
.padding-right5{padding-right:2.5em;}
.padding-right6{padding-right:3em;}
.padding-right7{padding-right:3.5em;}
.padding-right8{padding-right:4em;}
.padding-right9{padding-right:4.5em;}
.padding-right10{padding-right:5em;}
.padding-left0{padding-left:0;}
.padding-left1{padding-left:0.5em;}
.padding-left2{padding-left:1em;}
.padding-left3{padding-left:1.5em;}
.padding-left4{padding-left:2em;}
.padding-left5{padding-left:2.5em;}
.padding-left6{padding-left:3em;}
.padding-left7{padding-left:3.5em;}
.padding-left8{padding-left:4em;}
.padding-left9{padding-left:4.5em;}
.padding-left10{padding-left:5em;}

.margin0{margin:0;}
.margin1{margin:0.5em;}
.margin2{margin:1em;}
.margin3{margin:1.5em;}
.margin4{margin:2em;}
.margin5{margin:2.5em;}
.margin6{margin:3em;}
.margin7{margin:3.5em;}
.margin8{margin:4em;}
.margin9{margin:4.5em;}
.margin10{margin:5em;}
.margin-top0{margin-top:0;}
.margin-top1{margin-top:0.5em;}
.margin-top2{margin-top:1em;}
.margin-top3{margin-top:1.5em;}
.margin-top4{margin-top:2em;}
.margin-top5{margin-top:2.5em;}
.margin-top6{margin-top:3em;}
.margin-top7{margin-top:3.5em;}
.margin-top8{margin-top:4em;}
.margin-top9{margin-top:4.5em;}
.margin-top10{margin-top:5em;}
.margin-bottom0{margin-bottom:0em;}
.margin-bottom1{margin-bottom:0.5em;}
.margin-bottom2{margin-bottom:1em;}
.margin-bottom3{margin-bottom:1.5em;}
.margin-bottom4{margin-bottom:2em;}
.margin-bottom5{margin-bottom:2.5em;}
.margin-bottom6{margin-bottom:3em;}
.margin-bottom7{margin-bottom:3.5em;}
.margin-bottom8{margin-bottom:4em;}
.margin-bottom9{margin-bottom:4.5em;}
.margin-bottom10{margin-bottom:5em;}
.margin-right0{margin-right:0;}
.margin-right1{margin-right:0.5em;}
.margin-right2{margin-right:1em;}
.margin-right3{margin-right:1.5em;}
.margin-right4{margin-right:2em;}
.margin-right5{margin-right:2.5em;}
.margin-right6{margin-right:3em;}
.margin-right7{margin-right:3.5em;}
.margin-right8{margin-right:4em;}
.margin-right9{margin-right:4.5em;}
.margin-right10{margin-right:5em;}
.margin-left0{margin-left:0;}
.margin-left1{margin-left:0.5em;}
.margin-left2{margin-left:1em;}
.margin-left3{margin-left:1.5em;}
.margin-left4{margin-left:2em;}
.margin-left5{margin-left:2.5em;}
.margin-left6{margin-left:3em;}
.margin-left7{margin-left:3.5em;}
.margin-left8{margin-left:4em;}
.margin-left9{margin-left:4.5em;}
.margin-left10{margin-left:5em;}

.line-height1{line-height:1.2em}
.line-height2{line-height:1.4em}
.line-height3{line-height:1.6em}
.line-height4{line-height:1.8em}
.line-height5{line-height:2em}

.hd-line.height1{height:0.2em;margin-bottom:0.2em}
.hd-line.height2{height:0.4em;margin-bottom:0.4em}
.hd-line.height3{height:0.6em;margin-bottom:0.6em}
.hd-line.height4{height:0.8em;margin-bottom:0.8em}
.hd-line.height5{height:1.0em;margin-bottom:1.0em}
.hd-line.height6{height:1.2em;margin-bottom:1.2em}
.hd-line.height7{height:1.4em;margin-bottom:1.4em}
.hd-line.height8{height:1.6em;margin-bottom:1.6em}
.hd-line.height9{height:1.8em;margin-bottom:1.8em}
.hd-line.height10{height:2.0em;margin-bottom:2.0em}
.hd-line.white{border-bottom:1px solid #ffffff;}
.hd-line.black{border-bottom:1px solid #000000;}
.hd-line.red{border-bottom:1px solid red;}
.hd-line.blue{border-bottom:1px solid blue;}
.hd-line.yellow{border-bottom:1px solid yellow;}
.hd-line.green{border-bottom:1px solid green;}

.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font35{font-size:35px;}
.font40{font-size:40px;}
.font45{font-size:45px;}
.font50{font-size:50px;}
.font55{font-size:55px;}
.font60{font-size:60px;}
.font65{font-size:65px;}
.font70{font-size:70px;}

.overflowhidden{overflow:hidden;position:relative}


/*-- 테이블스타일 --*/
.hd-table{border-collapse:collapse;border-top:2px solid #565656}
.hd-table th{background-color:#f7f7f7;padding:15px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.hd-table td{background-color:#ffffff;padding:15px;border-bottom:1px solid #dddddd;}


/* 스크롤 에니메이션 */
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.hd-scrollani {
	opacity: 0;
}

.hd-scrollani-type.ani-delay1 {
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.hd-scrollani-type.ani-delay2 {
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation-delay:.2s;
}

.hd-scrollani-type.ani-delay3 {
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation-delay:.4s;
}

.hd-scrollani-type.ani-delay4 {
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation-delay:.6s;
}

.hd-scrollani-type.ani-delay5 {
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation-delay:.8s;
}

.hd-scrollani-type.ani-delay6 {
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation-delay:1s;
}

.hd-scrollani-type.ani-delay7 {
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation-delay:1.2s;
}