@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@600;700;800;900&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@font-face {
    font-family: 'ROKAFSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
body{font-family: 'Pretendard-Regular';color: #282828;letter-spacing: -0.5px;/* line-height: 160%; */}
button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer;}
.clearfix:after{display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;}
.hide{display:none;}
.skip,.blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none;font-size:3px;color:transparent;line-height:0;}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;background:transparent !important;}


/* Dots */


.main01sec-1{font-weight:600;font-size:16px;color:#fff;height:40px;line-height:40px;text-align:center;border:1px solid #fff;padding:0 20px;display:inline-block;text-align:center;margin-bottom:15px;}
.main01sec-2{font-size:56px;font-weight:600;line-height:122%;letter-spacing: -2px;text-align: left;}
.main01sec-3{font-size: 23px;color: rgba(255,255,255,1);line-height:140%;text-align:center;padding-top: 36px;letter-spacing: -1px;font-weight: 500;}
.main01sec{/* float:left; *//* text-align:left;*/}
.main01secw{/* overflow:hidden; *//* height:225px;*//* position:relative; *//* text-align:center; */}

.tfixmenu{float:right;margin-top:100px;position:relative;width:270px;height:360px;background:url(../img/main/tfixmenubg.png);box-sizing:border-box;padding-top:10px;}
.tfixmenu ul li a{color:rgba(255,255,255,1);width:115px;height:110px;text-align:center;box-sizing:border-box;padding-top:70px;float:left;margin:0 10px;position:relative;display:block;}
.tfixmenu ul li a:after{position:absolute;width:110px;height:1px;background:rgba(255,255,255,0.5);content:'';display:block;bottom:0;}
.tfixmenu ul li:nth-child(1) a{background:url(../img/main/tfix01.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(2) a{background:url(../img/main/tfix02.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(3) a{background:url(../img/main/tfix03.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(4) a{background:url(../img/main/tfix04.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(5) a{background:url(../img/main/tfix05.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(6) a{background:url(../img/main/tfix06.png) no-repeat center 20px;}

.tfixmenupop{position:fixed;top:230px;left:50%;margin-left:-175px;display:none;z-index:3;}
.tfixmenupop ul li a{display:block;width:350px;height:50px;border-radius:20px;background:#e88109;font-size:18px;line-height:50px;margin-bottom:3px;color:rgba(255,255,255,1);padding-left:60px;font-weight:500;box-sizing:border-box;}
.tfixmenupop ul li:nth-child(1) a{background:url(../img/main/tfixpop_01.png) no-repeat 15px center #e88109;}
.tfixmenupop ul li:nth-child(2) a{background:url(../img/main/tfixpop_02.png) no-repeat 15px center #e85509;}
.tfixmenupop ul li:nth-child(3) a{background:url(../img/main/tfixpop_03.png) no-repeat 15px center #e88109;}
.tfixmenupop ul li:nth-child(4) a{background:url(../img/main/tfixpop_04.png) no-repeat 15px center #e85509;}

.tfixmenupop .tfixmenupopt{width:350px;height:50px;border-radius:20px;background:#fff;text-align:center;color:rgba(0,0,0,1);line-height:50px;margin-bottom:3px;font-size:21px;font-weight:600;}
.tfixmenupop .tfixmenupopclose{position:absolute;right:0px;top:-35px;cursor:pointer;}
.maintop{margin:0 auto;padding:0;width:100%;text-align:center;/*background:url(../img/main/main_bg.png) no-repeat center top;*/ background-size:cover;z-index:0; height: 620px; position: relative}
/*.maintop:after{background: url(/img/main/mask1.png) no-repeat center bottom;  display: block;   content: '';    position: absolute;    bottom: 0;    height:120px;    width: 100%;    z-index: 2;}*/
.maintop .mainimg{margin:0 auto;width: 1200px;text-align:left;overflow:hidden;position:relative;z-index:1;display: flex;align-items: center;height: 620px;justify-content: flex-start;}
.maintop:before{
content: '';
background:rgba(0,0,0,0.2);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
} 


.maintop .text{/* padding: 340px 0 0 0; *//* width: 799px; */color:#ffffff;font-size:32px;line-height:36px;/* text-align:center; *//* margin:0 auto; */}
.maintop .text strong{font-size:52px;display:block;padding:0 0 25px 0;}






.noticezone{/* float: left; *//* width: 650px; *//* margin-right: 20px; */}
.sysbanw a{float: left;width: 290px;border:4px solid #f5f5f3;/*border-bottom: 4px solid #465690*/;margin-right: 15px;height: 323px;box-sizing: border-box;text-align: center; display: block; padding-top: 80px; }
.sysbanw a:hover{border:4px solid #465690; transition: all 0.2s ease-in;}

.systxt{font-size:22px; font-weight: 600; letter-spacing: -2px; color: #353131; padding: 15px 0 10px;}
.systxt span{color: #2f5598}

.bobanw{float: left;width: calc(100% - 975px);}
.bobanbox a{height:100px;background: #f5f5f3;padding: 12px 20px;margin-bottom: 10px;display: block;width: 100%; box-sizing: border-box; border:1px solid #f5f5f3}
.bobanbox a:hover{transition: all 0.2s ease-in; border: 1px solid #465690; background:#465690; }
.bobanbox a:hover .bobontxt{color: #fff}
.bobanbox  a:hover  span{color: #fff}



.banbox a:hover .bantxt{transition: all 0.2s ease-in; color: #4373b8 }

.contsday{font-family: 'Futura-Medium';font-size:25px;font-weight:700;float: left;width:100px;text-align:center;color: #465690;}
.contsday .conm{font-size: 16px;color:#717171;font-weight: 600;font-family: 'Futura-Medium';padding-top: 8px;}
.contitle{width:calc(100% - 120px); float:left}
.contitle p.cont-t{font-size:21px; color:#2a2a2a; font-weight:600; letter-spacing:-2px; padding-bottom:5px}
.contitle p.cont-s{font-size:15px;}
.conts_list{padding: 20px 25px 20px 0px;}
.constop{overflow:hidden;padding: 20px 0px 0;}
.constop a:hover {color:#465690}
.contsday{
    border: 1px solid #465690;
    height:90px;
    width:90px;
    padding-top: 15px;
    box-sizing: border-box;
    margin-right: 20px;
    }
.conts_list li{overflow:hidden; border-bottom:1px solid #e1e1e1; padding:10px 0}
.conts_list li .date{float:right;}
.conts_list strong{font-weight:400;}




.sec01{padding: 80px 0 0}
.sec01tit{font-size: 40px;color: #09345f;text-align: center;font-size: 43px;letter-spacing: -1px;font-weight: 900;/* padding-bottom: 20px; */text-transform: uppercase;}
.sec01stit{font-size:26px;font-weight: 700;padding-bottom: 10px;text-align: center;color: #09345f;}
.sec01txt{ text-align: center;    color: #6e6d6d;    margin-bottom: 40px;
    font-size: 16px;}
.sectbanw{ display: flex}
.sectbox {flex: 1 ; text-align:center; height:210px; margin-right: 10px; color: #fff; padding-top: 15px}
.sectbox  a{display: block}
.sectimg p{width: 100px; height: 100px; line-height: 100px; text-align: center; background: #FFFFFF; border-radius: 50%; margin-bottom: 10px; margin-left: auto; margin-right: auto}
.secb01{background-color: #57729e}
.secb02{background-color: #465690}
.secb03{background-color: #617395}
.secb04{background-color: #59658f}
.secb05{background-color: #6679bd}

.secb01:hover{transition: all 0.2s ease-in; color:rgba(255,255,255,1); background:#3e5b8b;}
.secb02:hover{transition: all 0.2s ease-in; color:rgba(255,255,255,1); background:#30417c;}
.secb03:hover{transition: all 0.2s ease-in; color:rgba(255,255,255,1); background:#495e86;}
.secb04:hover{transition: all 0.2s ease-in; color:rgba(255,255,255,1); background:#3f4b77;}
.secb05:hover{transition: all 0.2s ease-in; color:rgba(255,255,255,1); background:#4257a3;}

.sectbt{ font-size: 17px}
.sectbts{ font-size:12px}


.sec02{padding: 60px 0 140px; position: relative}
.sec03:before{background: url(/img/main/mask2.png) no-repeat center bottom;  display: block;   content: '';    position: absolute;    top:  -110px;    height: 100%;    width: 100%;    z-index: 2; height: 115px;}

.sec03{position: relative;/* margin-bottom: 153px; */}
.sec03:after{background: url(/img/main/mask3.png) no-repeat center bottom;display: block;content: '';position: absolute;bottom:  0;height: 123px;width: 100%;z-index: 4;}


.progarmzone{background: #f5f5f5;padding: 70px 20px 221px;/* background-size:cover; */overflow: hidden;box-sizing: border-box;position: relative;}

.protit{text-align:center;padding-bottom: 7px;color: #09345f;font-family: 'Jost', sans-serif;text-align: center;font-size: 43px;letter-spacing: -1px;font-weight: 900;}

.prostit {font-size: 18px; text-align: center; padding:0 0  40px 0}

.progarmzone .swiper-button-prev, .progarmzone .swiper-button-next{width: 120px;height:120px;background-repeat: no-repeat;top: inherit;bottom: 57px;}
.progarmzone .swiper-button-prev{background-image: url('/img/main/g_prev.png');left: 50%;margin-left: -118px;}
.progarmzone .swiper-button-next{background-image: url('/img/main/g_next.png');left: 50%;/* margin-right: 10px; */margin-left: 18px;}


.progboxw a{height: 460px;box-sizing: border-box;background-repeat: no-repeat;background-size: cover;background-position: center;display: block;position: relative;padding-top: 249px;}
.progboxw a:before{background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 37%, rgba(0,0,0,1) 100%);position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;content: '';}

.progarmzone  .swiper-slide{overflow: hidden}
.progarmzone .educimg{width: auto;     height: inherit;    margin-right: 0;    float: inherit; -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s; }

.progarmzone .educimg:hover{transform: scale(1.05);}



.progtxt{padding: 20px 30px;position: relative;color: #fff;}
.progtxt .progt1{/* border-bottom:1px solid rgba(46,46,46,0.5); */margin-bottom:3px;/* display:inline-block; */font-weight: 700;font-size: 28px;}
.progtxt .progt2{font-weight: 500;font-size:19px;color: #ffffff;/* padding-bottom:10px; */height: 64px;line-height: 130%;     width: 88%;
    word-break: keep-all;}
.progtxt .progt3{/* color:#737373; */font-size: 11px;border: 1px solid #ccc;display: inline-block;padding: 0px 13px;letter-spacing: 0;opacity: 0.7;letter-spacing: 0;}
.progtxt .progt3 .proday{padding-right:10px;font-weight:600;color:rgba(0,0,0,1.00);}

.sisulzone{padding: 100px 0 100px;position:relative;}
.msisulw{overflow:hidden;}
.msisulnb{float:left;width:660px;padding-top:40px;}
.msisulbg{float:left;width:calc(100% -660px);}
.msisulc{background:#e8e8e8;border-radius:30px;width:160px;height:60px;text-align:center;font-size:16px;color:#3c3c3c;margin:0 17px 17px 0;line-height:57px;float:left;box-sizing:border-box;border:3px solid #e8e8e8;cursor:pointer;}
.msisulc.msion, .msisulc:hover{background:rgba(255,255,255,1.00);color:#f22848;font-size:17px;border:3px solid #f22848;font-weight:700;}
.msisulbg{width:690px;height:380px;background-size:cover;position:relative;}
.msisulbgv{width:690px;height:380px;background-size:cover;position:relative;}
.msisultxt{color:#fff;position:absolute;bottom:30px;left:25px;font-size:18px;}
.sisulmore a{position:absolute;right:5px;top:0px;color:#999999;-webkit-transition:all 0.15s;-moz-transition:all 0.15s;-o-transition:all 0.15s;padding:2px 10px;}
.sisulmore a:hover{background:#a71c3b;color:#fff;}

.galleryzone{ position: relative}
.galleryzone .swiper-slide{border:1px solid #d8d8d8; text-align: center; padding: 10px 0; height: 70px;}
.swiper-pagination-bullet-active{background:#f44460;}
.progarmzone .container{padding-bottom:40px;}
.galleryzone .container{padding-bottom:50px;}
.gallerySwiper .swiper-slide{max-height: 250px; overflow: hidden}
.gallerySwiper .swiper-button-prev{border: 1px solid #ccc;width: 28px;height: 23px;background: url("/img/main/play_prev.png") no-repeat center #fff;left: 0;}
.gallerySwiper{overflow: hidden; margin-left: 100px}
.gallerySwiper .swiper-button-next{border: 1px solid #ccc;width: 28px;height: 23px;background: url("/img/main/play_next.png") no-repeat center #fff;left: 54px;}
.gallerySwiper .btns{width: 28px;height: 23px;border: 1px solid #ccc;position: absolute;left: 27px;/* text-indent: -999999999px; *//* background: #000; */font-size: 0;box-sizing: border-box;top: 0;box-sizing: border-box;}
.gallerySwiper .btns button{position: absolute;display: inline-block;width: 26px;height: 21px;float: left;z-index: 10000;}
.galleryzone .swiper-wrapper{}
.galleryzone .gallbtn{/* float: left; */width: 87px;position: absolute;left: 0;top: 25px;}
.gallerySwiper .btns .start{background: url("/img/main/play.png") no-repeat center #fff;/* display: none; *//* border: 1px solid #ccc; */}
.gallerySwiper .btns .stop{background: url("/img/main/palse.png") no-repeat center #fff;display: none;}

.galleryzone .rainbow{background: rgb(169 211 252)}



.noticezone{/* padding:50px 0 5px; */margin: 0 0px 100px;}
.noticezone .container{width: 1250px;}
.ntit{font-size:36px;font-weight:600;}
.nstit{font-size:16px;}
.noticetop{padding-bottom:30px;overflow:hidden;display:table;}
.ntitw{/* float:left;*/margin-right:20px;}
.notab{/* float:left;*/display:table-cell;}
.notab ul li{font-size:19px;color:#2e2e2e;display:inline;font-weight:500;cursor:pointer;border:3px solid #fff;border-radius:20px;margin-right:7px;padding:3px 14px;}
.notab ul li.active{color: #4373b8;border: 3px solid #4373b8;border-radius:20px;}
.notbox{background:#f3f3f3;/* height:290px;*/padding:50px 40px;margin-right:2%;box-sizing:border-box;float:left;width:32%;}
.notbox:last-child{margin-right:0;}
#tab1{overflow:hidden;}
#tab2{overflow:hidden;}
.notboxtit{font-size:19px;font-weight:600;/* padding-bottom:30px;*/height:85px;}
.notboxstit{font-size:15px;color:#3e3e3e;/* padding-bottom:45px;*/height:90px;}
.notday{color: #4373b8;font-weight:500;}

.banzone{padding:70px 0;overflow: hidden;}
.banw{display:flex;}
.banbox{flex:1;text-align:center;position:relative;display: flex;align-items: stretch;justify-content: center;}
.banbox a{display: flex;flex-direction: column;justify-content: space-between;}
.bantxt{font-weight:500;font-size:16px;color:#282828;padding:10px 0;}
.banbox:before{width:1px;height:80px;background:rgba(223,223,223,1.00);display:block;content:'';position:absolute;top:10px;left: 0;}
.banbox:nth-child(1):before{display:none;}



@media only all and (max-width:1400px){
	.maintop .mainimg{width:100%;}
	.msisulnb{width:50%;}
	.msisulbg{width:50%;}
	.sisulzone .container{padding:50px 20px;}
	.sisulmore a{top:50px;}
	.notboxstit{overflow:hidden;}
	.noticezone{width: 100%;margin-right: 1%;}
	.sysbanw a{width: 28%; margin-right: 2%}
	.bobanw{width: 28%; margin-right: 0}
	.noticezone .container{width: 100%}
}

@media only all and (max-width:1100px){
	.groptit{font-size: 20px}
	}

@media only all and (max-width:1024px){
.Mainbg {height: 500px !important}
.maintop .text{padding-top: 100px}
.maintop{height:500px;}
	.maintop .mainimg{height:500px;}
	
	.notbox{padding:30px;min-height:224px;}
	.main01sec-2{font-size: 40px}
	.notboxtit{height:auto;font-size:17px;}
	.progarmzone .tabs li{width:23%;}
	.noticetop .ntit{/* color:#ffffff; */}
	.noticetop .nstit{/* color:#ffffff; */}
	.noticetop .notab ul li{/* color:#ffffff; */}
	.progtxt{min-height:170px;}
	.progimg img{height:auto !important;}
	.progtxt .progt2{min-height:72px;}
	.progtxt .progt3 span:last-child{display:block;}
	.gropbox{width: 48%}
	.gropbox:nth-child(3n){margin-right: 2%}














	.noticezone{width: 100%}
	.sysbanw a{width: 48%}
	.bobanw{width: 50%}
	.bobontxt{font-size: 15px}
	.Mainbg .slick-arrow.slick-next, .Mainbg .slick-arrow.slick-prev{display: none !important}


}



@media only all and (max-width:800px){
	.maintop .text{width:100%;padding-top:90px;}
	.progarmzone .tabs li{height:auto;line-height:inherit;font-size:15px;padding:10px 0;}
	.msisulnb{width:100%;margin-bottom:20px;}
	.msisulbg{width:100%;}
	.msisulbgv{width:100%;}
	.msisulc{width:140px;font-size:15px;margin:0 5px 5px 0;height:50px;line-height:45px;}
	.ntit, .protit{font-size:30px;}
	.protit{padding-bottom:0px;}
	.main01sec-2{font-size:40px;}
	.sisulzone{padding:0;}
	.progtxt{min-height:120px;}
	.progtxt .progt2{min-height:42px;}
	
	.sectbanw{display: block}
	.sectbox{flex:none;margin-right: 0;float: left;width: 50%;}
	.sectbox.secb05{width: 100%; height: auto;
    padding-bottom: 20px;}
	.sec02{padding: 0px 0 20px}
	.sec02:after{display: none}
	.sec03:after{display: none}
	.sysbanw a{width: 100%;height: auto;padding: 10px;margin-bottom: 20px;}
	.bobanw{width: 100%;margin-bottom: 20px;}
	.groptxt{font-size: 14px}
	.progboxw a{height: 300px;     padding-top: 125px;}
	.gropbox{    height: 130px;    margin-bottom: 10px;    padding-top: 10px;}
	.groptit img{width: 70px}
	.groptit{font-size: 16px; height: 65px;}
	.gropbox.gr01 img{width: 80px}
	.gr01txt{font-size: 14px}
	.gropw{padding-top:20px}
	.gropbox.gr04 img{width: 130px; }
	.progarmzone .swiper-button-prev, .progarmzone .swiper-button-next{display: none}
	.progtxt .progt1{font-size: 24px}
	.progtxt .progt2{width: 100%}
	.noticetop .notab ul li{font-size: 17px}
	.lt_info{font-size: 14px}
}

@media only all and (max-width:620px){

.secb01 .sectimg img{width: 60px;}
.secb02 .sectimg img{width: 55px;}
.secb03 .sectimg img{width: 60px;}
.secb04 .sectimg img{width: 60px;}
.secb05 .sectimg img{width: 60px;}
.secb05 .sectbts p{display: inline}
.sectbt{font-size: 15px}

.Mainbg{height:350px !important }
	.progarmzone .tabs li{width:45%;margin-bottom:10px;}
	.progarmzone{padding:40px 5px;}
	.sec01{padding-top: 20px}
	.maintop{height:350px;}
	.maintop .mainimg{height:350px;}
	.maintop .text{ padding: 40px 15px }
	.main01sec-2{font-size: 31px; text-align: center}
	.main01sec-3{padding-top:20px;font-size: 17px;}
	.notab{display:block;float:none;margin-top:20px;}
	.notboxstit{height:auto;}
	
		.sec01tit{font-size: 21px;letter-spacing: -1.2px;}
		.prostit{font-size: 16px;}
		
		

	.notbox{height:auto;margin-bottom:20px;width:100%;}
	.notbox:last-child{margin-bottom:0;}
	.noticezone .tab_content{display:block;}
	.noticezone{padding:30px 0 0;}
	.banbox{flex: auto;/* float:left; */width: 32%;/* margin-bottom:15px; *//* height: 114px; */display: flex;flex-direction: column;justify-content: center;}
	.banw{/* display:block; */display: flex;flex-wrap: wrap;}
	.banbox:nth-child(4):before{display:none;}
	.sec03:before{display:none;}
	.bantxt{font-size:13px;padding:10px 0;}
	.progarmzone .tabs{margin-bottom:20px;}
	.progtxt{padding:10px;}
	.progtxt .progt1{margin-bottom:10px;     font-size: 22px;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
	.progtxt .progt2{font-size:15px;}
	.progtxt .progt3{font-size:12px;}
	.noticetop{width:100%;text-align:center;}
	.ntitw{margin:0 auto;}
	.ntit, .protit{font-size:26px;}
	.nstit{font-size:13px;}
	.msisulc{width:31.8%;height:40px;line-height:35px;font-size:13px;}
	.msisulc.msion, .msisulc:hover{font-size:13px;}
	.msisulbg{height:250px;}
	.msisulbgv{height:250px;}
	.msisulbgv img{min-height:243px !important;}
	.msisultxt{font-size:13px;left:5px;bottom:5px;}
	.galleryzone{padding:30px 0;}
	.notbox{padding:25px;}
	.sisulmore a{font-size:90%;top:35px;}
	.sisulzone .container{padding:30px 20px 0px;}
	.gallerySwiper .swiper-slide{max-height: 200px}
	.groptxt p{}
	.groptit span{ padding-right: 0;}
	
	.galleryzone .gallbtn{top: 0;    left: 10px}
	.gallerySwiper{margin-left: 0}
	.galleryzone .swiper-wrapper {   padding-top: 30px;}

	.contitle p.cont-t{font-size: 18px}
	.lat li a{font-size: 14.5px}
	
	.sec01txt p{display: inline; font-size: 15px}
	.gropbox{width: 100%;text-align: center;height: auto;padding: 15px 0;}
	.groptit{padding: 0;height: auto;line-height: inherit;text-align: center;}
	.banzone{padding: 30px 0}
	}

@media only all and (max-width:360px){
	.msisulc{width:92px;font-size:12px;}
}



/*--------------------------------------
	eyoom (이윰빌더)
--------------------------------------*/

/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/

.wrapper {background-image:url("../image/bg_boxed.png")}
.basic-layout {background:#fff}
.boxed-layout {padding:0;box-shadow:0 0 5px #bbb;margin-left:auto !important;margin-right:auto !important;background:#fff}
@media (min-width: 992px) {
	.boxed-layout .header-nav > .navbar > .container {padding-right:0;padding-left:0}
	.boxed-layout .header-nav > .navbar > .container li.menu-icons i.menu-icons-style {margin-right:15px}
	
}

/*---------- Header Top Bar ----------*/
.header-topbar {position:relative;background:#212227}
.header-topbar .container{padding:5px}
.header-topbar ul {margin:0}
.header-topbar .topbar-left li {color:#333;padding:5px 0;font-size:12px;margin-right:15px;display:inline-block}
.header-topbar .topbar-left li:last-child {margin-right:0}
.header-topbar .topbar-right {text-align:right}
.header-topbar .topbar-right li {padding:5px 12px;display:inline-block}
.header-topbar .topbar-right li a {font-size:12px;color:#ddd}
.header-topbar .topbar-right li a:hover {text-decoration:none;color:#fff}
.header-topbar .topbar-right li i {color:#777}
.header-topbar .topbar-right li a:hover i {color:#ff2a00}
.header-topbar .topbar-right li.dropdown-extended li {border-left:0;border-right:0;top:0;margin-left:0;position:relative;border:0;text-align:left}
.header-topbar .dropdown-extended .dropdown-menu {float:right;left:inherit;right:0px;margin:0;margin-right:9px;border:1px solid #ccc;background-color:#fafafa;width:275px;z-index:9999}
.header-topbar .dropdown-extended .dropdown-menu:before {position:absolute;top:-7px;right:30px;display:inline-block !important;border-right:7px solid transparent;border-bottom:7px solid #fafafa;border-left:7px solid transparent;border-bottom-color:#ccc;content:""}
.header-topbar .dropdown-extended .dropdown-menu:after {position: absolute;top:-6px;right:31px;display:inline-block !important;border-right:6px solid transparent;border-bottom:6px solid #fafafa;border-left:6px solid transparent;content:""}
.header-topbar .dropdown-extended .dropdown-menu > li.external {display:block;overflow:hidden;padding:10px;letter-spacing:0.5px}
.header-topbar .dropdown-extended .dropdown-menu > li.external > h5 {margin:0;padding:0;float:left;font-size:12px;display:inline-block}
.header-topbar .dropdown-extended .dropdown-menu > li.external > a {display:inline-block;padding:0;background:none;clear:inherit;font-size:12px;font-weight:300;position:absolute;right:10px;border:0;margin-top:-1px}
.header-topbar .dropdown-extended .dropdown-menu > li.external > a:hover {text-decoration:underline;color:#ff2a00}
.header-topbar .dropdown-extended .dropdown-menu .dropdown-menu-list {padding:0;margin:0;list-style:none;border:1px solid #eee}
.header-topbar .dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {display:block;clear:both;white-space:normal;padding:8px 0 0;text-shadow:none}
@media (max-width: 991px){
	.header-topbar ul {text-align:center !important}
	.header-topbar .topbar-left {margin:10px 0}
	.header-topbar .topbar-right li {top:1px;padding:5px 12px;margin-left:-5px;position:relative}
}
@media (max-width: 767px){
	.header-topbar .dropdown-extended .dropdown-menu {right:-60px}
	.header-topbar .dropdown-extended .dropdown-menu:before {right:88px}
	.header-topbar .dropdown-extended .dropdown-menu:after {right:89px}
}

/*---------- Header Title ----------*/
.header-logo {position:relative;float:left}
.header-logo a {display:block;height:70px;line-height:70px;font-size:32px;text-indent:15px}

.header-logo a img {height:32px;width:auto}
@media (min-width: 992px) {
	.header-logo a {height:100px;line-height:100px;text-indent:10px}
	.header-logo a img {height:80px}
}
@media (max-width: 767px) {
	
	.header-logo a img {height:80px}
}

/*---------- Header Nav ----------*/
.header-nav {z-index:99;position:relative}
@media (min-width: 768px) and (max-width: 991px) {
  	.header-nav .menu-container {width:750px}
	
}
@media (max-width: 991px) {
	.header-nav .navbar {min-height:70px}
	.header-nav {position:static;border-bottom:1px solid #e5e5e5}
	.header-nav .menu-container:before, .header-nav .menu-container:after {content:" ";display:table}
	.header-nav .menu-container:after {clear:both}
    .header-nav .menu-container {margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
	.header-nav > .navbar > .container {width:inherit;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
	.header-nav > .navbar > .container > .navbar-header, .header-nav > .navbar > .container > .navbar-collapse {margin-left:0;margin-right:0}
}
.header-nav .navbar {border:none;margin-bottom:0}
.header-nav .navbar-toggle {border:none;margin:15px 0 5px 10px;font-size:16px}
.header-nav .navbar-toggle .icon-bar:last-child {margin-bottom:0}
.header-nav .navbar-toggle, .header-nav .navbar-toggle:hover, .header-nav .navbar-toggle:focus {background:inherit}
.header-nav .navbar-collapse {position:relative}
.header-nav .navbar-nav > li > a {color:#fff;font-size:12px;font-weight:bold;letter-spacing:0px}
.header-nav .nav > li > a:hover, .header-nav .nav > li > a:focus {background:inherit}
.header-nav .navbar-nav .dropdown > a:after {top:12px;right:12px;font-size:11px;position:absolute;font-weight:normal;color:#bbb;display:inline-block;font-family:FontAwesome;content:"\f0d7"}
@media (min-width: 992px) {
	.navbar {border-radius:0}
	.header-nav .navbar-nav {float:right}
}
/*Nav In Right*/
.header-nav .nav-in-right {float:right;z-index:999;margin-left:-20px;position:relative}
@media (max-width: 350px) {
	.header-nav .nav-in-right {display:none}
}
.header-nav .menu-icons-list {margin:0;list-style:none}
.header-nav li.menu-icons {position:relative;display:inline-block}
.header-nav li.menu-icons i.menu-icons-style {color:#fff;width:25px;cursor:pointer;font-size:16px;line-height:100px;text-align:center;display:inline-block}
.header-nav .search-open {top:0;right:0;height:100px;width:100%;z-index:99;display:none;padding:35px 15px 0;position:absolute;background:#fff}
.header-nav .search-open .form-control {color:#333;border:none;height:26px;font-size:13px;font-weight:400;box-shadow:none;background:#fff;padding:0 20px}
@media (max-width: 991px) {
	.header-nav .search-open {height:70px;padding-top:20px}
	.header-nav .search-open .form-control {padding:0;background:#f4f4f4;padding:0 10px;margin-top:3px}
	.header-nav li.menu-icons i.menu-icons-style {line-height:70px}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header-nav .search-open .form-control {position:relative;overflow:hidden;width:500px;margin:3px auto}
}
.header-nav .search-open .form-control::-moz-placeholder {color:#555}
.header-nav .search-open .form-control:-ms-input-placeholder {color:#555}
.header-nav .search-open .form-control::-webkit-input-placeholder {color:#555}
.header-nav .search-open .form-control:hover, .header-nav .search-open .form-control:active, .header-nav .search-open .form-control:focus {border:none;box-shadow:none}
.header-nav .search-close {z-index:999;position:relative}
.header-nav li.menu-icons i.search-btn {color:#fff}
.header-nav li.menu-icons i.fa-times {color:#444}
/*Responsive*/
@media (max-width: 991px) {
	.header-nav .navbar-header {float:none}
	.header-nav .navbar-toggle {display:block}
	.header-nav .navbar-collapse {border-color:#eee}
	.header-nav .navbar-collapse.collapse {display:none !important}
	.header-nav .navbar-collapse.collapse.in {display:block !important;overflow-y:auto !important}
	.header-nav .navbar-nav {margin: 0;float:none !important}
	.header-nav .navbar-nav > li {float:none}

	.header-nav .navbar-nav > li > a {padding-top:30px;padding-bottom:40px}
	.header-nav .navbar-nav > li > a {color:#444}
	.header-nav .dropdown-menu.pull-right {float:none !important}
	.header-nav .navbar-nav .open .dropdown-menu {border:0;float:none;width:auto;margin-top:0;position:static;box-shadow:none;background-color:transparent}
	.header-nav .navbar-nav .open .dropdown-menu > li > a, .header-nav .navbar-nav .open .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px}
	.header-nav .navbar-nav .open .dropdown-menu > li > a {line-height:20px}
	.header-nav .navbar-nav .open .dropdown-menu > li > a:hover, .header-nav .navbar-nav .open .dropdown-menu > li > a:focus {background-image:none}
	.header-nav .navbar-nav .open .dropdown-menu > li > a {color:#777;}
	.header-nav .navbar-nav .open .dropdown-menu > li > a:hover, .header-nav .navbar-nav .open .dropdown-menu > li > a:focus {color:#ff2a00;background-color:transparent}
	.header-nav .navbar-nav .open .dropdown-menu > .active > a, .header-nav .navbar-nav .open .dropdown-menu > .active > a:hover, .header-nav .navbar-nav .open .dropdown-menu > .active > a:focus {color:#ff2a00;background-color:transparent}
	.header-nav .navbar-nav .open .dropdown-menu > .disabled > a, .header-nav .navbar-nav .open .dropdown-menu > .disabled > a:hover, .header-nav .navbar-nav .open .dropdown-menu > .disabled > a:focus {color:#ff2a00;background-color:transparent}
	.header-nav .dropdown-menu.no-bottom-space {padding-bottom:0}
	.header-nav .navbar-collapse, .header-nav .navbar-collapse .container {padding-left:0 !important;padding-right:0 !important}
	.header-nav .navbar-nav > li > a {font-size:13px;padding:12px 5px}
	.header-nav .navbar-nav > li a {border-bottom:none;border-top:1px solid #eee}
	.header-nav .navbar-nav > li:first-child > a {border-top:1px solid transparent}
	.header-nav .navbar-nav > li > a:hover {color:#ff2a00;border-top:1px solid #ff2a00}
	.header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#555;background:inherit}
	.header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {background:inherit;color:#ff2a00 !important}
	.header-nav .dropdown .dropdown-submenu > a {font-size:12px;color:#555 !important}
}
@media (min-width: 992px) {
	.header-nav .navbar-collapse {padding:0}
	.header-nav .navbar {min-height:40px !important}
	.header-nav .container > .navbar-header, .header-nav .container-fluid > .navbar-header, .header-nav .container > .navbar-collapse, .header-nav .container-fluid > .navbar-collapse {margin-bottom:-10px}
	.header-nav .navbar-nav {top:2px;position:relative}
	.header-nav .navbar-nav > li > a {padding:35px 25px;line-height:30px}
	.header-nav .navbar-nav > li.dropdown > a {padding-right:30px}
	.header-nav .navbar-nav > li > a, .header-nav .navbar-nav > li > a:hover, .header-nav .navbar-nav > li > a:focus, .header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#fff;font-weight:bold;background:none}
	.header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#fff}
	.header-nav .navbar-nav .dropdown > a:after {top:32px;right:15px;font-size:11px;position:absolute;font-weight:normal;color:#888;display:inline-block;font-family:FontAwesome;content:"\f107"}
	.header-nav .dropdown-menu {border:none;padding:0;border-radius:0;z-index:9999 !important;border:5px solid transparent;border-left:0 none;box-shadow:0 0 0 #fff}
	.header-nav .dropdown-menu li a { color:#ddd;font-weight:bold; font-size:12px; font-weight:normal; padding:12px 20px;background:#6a6a6a}
	.header-nav .dropdown-menu .active > a, .header-nav .dropdown-menu li > a:hover {color:#ff2a00;background:inherit;filter:none !important;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
	.header-nav .dropdown-menu li > a:focus {background:none;filter:none !important}
	.header-nav .navbar-nav > li.dropdown:hover > .dropdown-menu {display:block}
	.header-nav .open > .dropdown-menu {display:none}
}
/*Dropdown Submenu*/
.header-nav .dropdown-submenu {position:relative}
.header-nav .dropdown-submenu > a > .sub-caret {top:5px;left:8px !important;float:right;font-size:11px;font-weight:normal;display:inline-block}
@media (min-width: 991px) {
  	.header-nav .dropdown-submenu > a > .sub-caret {position:absolute !important;left:inherit !important;right:8px;top:13px}
}
.header-nav .dropdown-submenu > .dropdown-menu {top:-15px;left:100%;margin-left:0px}
.header-nav .dropdown-submenu > .dropdown-menu.submenu-left {left:-100%}
.header-nav .dropdown-submenu:hover > .dropdown-menu {display:block}
@media (max-width: 991px) {
	.header-nav .dropdown-submenu > .dropdown-menu {display:block;margin-left:15px}
}
.header-nav .dropdown-submenu.pull-left {float:none}
.header-nav .dropdown-submenu.pull-left > .dropdown-menu {left:-100%;margin-left:10px}
.header-nav .dropdown-menu li [class^="fa-"], .header-nav .dropdown-menu li [class*=" fa-"] {left:-3px;width:1.25em;margin-right:1px;position:relative;text-align:center;display:inline-block}
.header-nav .dropdown-menu li [class^="fa-"].fa-lg,
.header-nav .dropdown-menu li [class*=" fa-"].fa-lg {width:1.5625em}
/*Mega Menu*/
.header-nav .mega-menu .nav, .header-nav .mega-menu .dropup, .header-nav .mega-menu .dropdown, .header-nav .mega-menu .collapse {position:static}
.header-nav .mega-menu .navbar-inner, .header-nav .mega-menu .container {position:relative}
.header-nav .mega-menu .dropdown-menu {left:auto}
.header-nav .mega-menu .dropdown-menu > li {display:block}
.header-nav .mega-menu .dropdown-submenu .dropdown-menu {left:100%;margin:0;border:0 none;border-left:5px solid transparent;top:0}
.header-nav .mega-menu .nav.pull-right .dropdown-menu {right:0}
.header-nav .mega-menu .mega-menu-content {*zoom:1;padding:0}
.header-nav .mega-menu .mega-menu-content:before, .header-nav .mega-menu .mega-menu-content:after {content:"";display:table;line-height:0}
.header-nav .mega-menu .mega-menu-content:after {clear:both}
.header-nav .mega-menu.navbar .nav > li > .dropdown-menu:after, .header-nav .mega-menu.navbar .nav > li > .dropdown-menu:before {display:none}
.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu {left:0;right:0;overflow:hidden}
.header-nav .mega-menu .mega-height-list h3 {color:#000;font-size:14px;font-weight:bold;padding:0 10px}
@media (min-width: 1200px) {
	.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu .container {width:1140px}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu .container {width:940px}
}
@media (min-width: 992px) {
	.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu {margin-left:15px;margin-right:15px}
	.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu .container {background:#f9f9f9}
	.header-nav .mega-menu .mega-height {display:-webkit-flex;display:-ms-flexbox;display:flex}
	.header-nav .mega-menu .mega-height-in {display:-webkit-flex;display:-ms-flexbox;display:flex}
	.header-nav .mega-menu .big-screen-space {margin-bottom:20px}
	.header-nav .mega-menu .mega-height-in {padding:5px 0 10px;border-left:1px solid #e5e5e5}
	.header-nav .mega-menu .mega-height-in:first-child {border-left:none;margin-left:-1px}
	.header-nav .mega-menu .mega-height-list {width:100%}
	.header-nav .mega-menu .mega-height-list li a {display:block;position:relative;border-bottom:none;padding:5px 10px 5px 15px}
	.header-nav .mega-menu .mega-height-list a:hover {text-decoration:none}
	.header-nav .mega-menu .mega-menu-area li a {padding:5px 10px 5px 30px}
	.header-nav .mega-menu .mega-menu-area li a:after {top:7px;left:15px;font-size:11px;content:"\f105";position:absolute;font-weight:normal;display:inline-block;font-family:FontAwesome}
	.header-nav .mega-menu .mega-menu-area .disable-icons li a {padding:5px 10px 5px 15px;background:#fff;color:#6a6a6a}
	.header-nav .mega-menu .mega-menu-area .disable-icons li a:after {display:none}
}
@media (min-width: 737px) and (max-width: 991px) {
	.header-nav .mega-menu .mega-menu-content .container {width:690px !important}
	.header-nav .mega-menu .mega-height {margin-right:0;}

	.header-nav .mega-menu .mega-height-in {padding-right:0;margin-right:-15px}
}
@media (max-width: 991px) {
	.header-nav .mega-menu .mega-height {margin-right:0}
	.header-nav .mega-menu .mega-height-in {padding-right:0;padding-left:5px}
	.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu {width:auto}
	.header-nav .mega-menu .mega-height-in, .header-nav .mega-menu .mega-height-list {display:block}
	.header-nav .mega-menu .mega-menu-area .dropdown-menu > li > ul {display:block}
	.header-nav .mega-menu .mega-height-list h3 { color:#555; margin:0 0 5px;font-size:13px; font-weight:400; padding:6px 15px 5px}
	.header-nav .mega-menu .mega-height-list li a {color:#777;display:block;font-size:12px; font-weight:400; margin-left:15px;padding:6px 25px}
	.header-nav .mega-menu .mega-height-list > h3.active, .header-nav .mega-menu .mega-height-list > .active > a, .header-nav .mega-menu .mega-height-list > .active > a:hover, .header-nav .mega-menu .mega-height-list > .active > a:focus {color:#ff2a00;background-color:transparent}
	.header-nav .mega-menu .mega-height-list li a:hover {color:#ff2a00;text-decoration:none}
}
/*Header Nav Fixed*/
@media (min-width: 992px) {
	.header-fixed .header-nav.header-sticky {width:100%;height:auto;z-index:999;position:relative}
	.header-fixed .header-nav.header-fixed-trans {border-bottom:none;box-shadow:0 0 3px #bbb;position:fixed;top:0;left:0}
	.header-fixed .header-nav.header-fixed-trans .navbar {background:#fff;border:0}
	.header-fixed .header-nav.header-fixed-trans .navbar-nav > li > a {color:#333}
	.header-fixed .header-nav.header-fixed-trans .navbar-nav .active > a, .header-fixed .header-nav.header-fixed-trans .navbar-nav li > a:hover {color:#ff2a00}
	.header-fixed .header-nav.header-fixed-trans li.menu-icons i.menu-icons-style {color:#555}
	.header-fixed .header-nav.header-fixed-trans .navbar-brand, .header-fixed .header-nav.header-fixed-trans .navbar-nav > li > a, .header-fixed .header-nav.header-fixed-trans li.menu-icons i.menu-icons-style, .header-fixed .header-nav.header-fixed-trans .search-open .form-control {-webkit-transition:all 0.4s cubic-bezier(0.7, 1, 0.7, 1);transition:all 0.4s cubic-bezier(0.7, 1, 0.7, 1)}
	.header-fixed .header-nav.header-fixed-trans .navbar-brand {height:70px;max-height:70px;line-height:39px}
	.header-fixed .header-nav.header-fixed-trans .navbar-nav > li > a {line-height:30px}
	.header-fixed .header-nav.header-fixed-trans li.menu-icons i.menu-icons-style {line-height:100px}
	.header-fixed .header-nav.header-fixed-trans li.menu-icons span.badge {top:5px}
	.header-fixed .header-nav.header-fixed-trans .shopping-cart .shopping-cart-open {top:70px}
	.header-fixed .header-nav.header-fixed-trans .search-open {border-bottom:1px solid #eee}
	.header-fixed .header-nav.header-fixed-trans .search-open .form-control {height:26px;font-size:13px}
	.header-fixed .header-sticky-space.header-fixed-space-trans {clear:both;margin-bottom:100px}
}
@media (max-width: 991px) {
	.header-fixed .header-nav, .header-fixed .header-nav.header-fixed-trans {height:inherit;position:relative}
	.header-fixed .header-nav.header-fixed-trans .nav-in-right {margin-left:0;margin-right:20px}
	.header-nav li.menu-icons i.menu-icons-style {color:#555}
}
/*Fixed Boxed*/
.boxed-layout.header-fixed .header-nav.header-sticky {left:inherit;width:inherit}
/*Header Nav Background Light*/
@media (min-width: 992px) {
	.header-nav.nav-background-light .navbar {background:#fff}
	.header-fixed .header-nav.nav-background-light .navbar-nav > li > a {color:#333;font-weight:normal;font-size:17px;}
	.header-fixed .header-nav.nav-background-light .navbar-nav .active > a {color:#ff2a00 !important;}
	/*.header-fixed .header-nav.nav-background-light .navbar-nav li > a:hover, .header-fixed .header-nav.nav-background-light .navbar-nav li.open {background:#555}*/
	.header-fixed .header-nav.nav-background-light li.menu-icons i.menu-icons-style {color:#555}
	.header-nav.nav-background-light .search-open .form-control {background:#f4f4f4}

}

/*---------- Header Slider ----------*/
.header-slider {position:relative}
.slider-info {position:relative;display:none;}
.slider-info > ul {width:100%;margin:0 auto}
.slider-info > ul > li {padding:5px 10px;border-bottom:1px dashed #eee;width:50%;float:left;height:45px}
.slider-info > ul > li:nth-child(3), .slider-info > ul > li:nth-child(4) {border-bottom:0 none}
.slider-info > ul > li > h5 i {font-size:28px;position:absolute;left:0;top:5px}
.slider-info > ul > li > h5 {font-size:12px;color:#888;padding-left:40px;position:relative;margin:0}
.slider-info > ul > li > h5 small, .slider-info > ul > li > h5 small a {display:block;font-size:12px;color:#ccc;font-weight:bold;margin-top:-2px}
.slider-info > ul > li > h5 small a:hover {color:#f4b65a}
.slider-info > ul > .slider-info-sns ul {padding-top:5px;text-align:left}
.slider-info > ul > .slider-info-sns i {color:#9a9a9a;font-size:28px;display:block}
@media (max-width: 767px) {
	.header-slider .owl-buttons {display:none}
	
}
@media (min-width:992px){
	.slider-info {position:absolute;z-index:10;width:100%;bottom:0;background-color:rgba(0,0,0,0.3);border-top:1px solid #555}
	.slider-info > ul {width:970px;margin:0 auto}
	.slider-info > ul > li {width:25%;border:0 none;border-left:1px solid #555;padding:15px 15px 15px 35px;height:65px}
	.slider-info > ul > li:last-child {border-right:1px solid #555}
	.slider-info > ul > .slider-info-sns {padding:15px}
	.slider-info > ul > .slider-info-sns ul {text-align:center}
	.slider-info > ul > .slider-info-sns ul a:hover i {color:#fff}
}
@media (min-width:1200px){
	.slider-info > ul {width:1170px}
	.slider-info > ul > li {padding-left:65px}
}

.header-slider-bg {z-index:1;position:relative;overflow:hidden;text-align:center}
.header-slider-bg  img{text-align:center; display:inline}
.header-slider-bg:after {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";}
/*.header-slider-bg > img {position:absolute;top:0;left:50%; margin-left:-750px}*/
.header-slider-bg > .container {position:relative;z-index:3;max-width:970px;display:none;}
.header-slider-bg h3 {font-size:46px;line-height:46px;color:#fff;margin-bottom:20px;font-weight:normal}
.header-slider-bg p {color:#fff;font-size:14px;margin-bottom: 5px}
.header-slider-bg p span {background-color:rgba(0, 0, 0, 0.3);padding:5px 10px;display:inline-block}
.header-slider-btn {margin-top:20px}
@media (min-width: 768px) and (max-width: 991px) {
	.header-slider-bg {padding:100px 0 0}
}
@media (max-width: 991px) {
	.header-slider-bg > .container {max-width:750px}
}
@media (max-width: 767px) {
	.header-slider-bg {padding:70px 0 0;height:350px}
	.header-slider-bg > .container {max-width:100%}
	.header-slider-bg h3 {font-size:32px;line-height:32px;text-align:center}
	.header-slider-bg h3.header-slider-title {font-size:20px;line-height:20px}
	.header-slider-bg p {display:none}
	.header-slider-btn {margin-top:10px;text-align:center}
}
@media (max-width: 430px) {
	.header-slider-bg {padding:40px 0 0;height:180px}
}
/*owl control*/
.header-slider .owl-pagination {position:absolute;bottom:10px;text-align:center;z-index:100;margin-left:-32px;left:50%}
.header-slider .owl-pagination .owl-page {background:#e5e5e5;width:15px;height:10px;border-radius:5px !important;display:inline-block;margin:0 5px;transition:all 0.3s ease-in-out}
.header-slider .owl-pagination .owl-page.active {background:#DF3128;width:30px}
.header-slider .owl-buttons > div {position:absolute;height:36px;width:50px;line-height:36px;text-align:center;background:rgba(255, 255, 255, 0.5);color:#fff;top:50%;margin-top:-18px}
.header-slider .owl-buttons .owl-prev {left:0}
.header-slider .owl-buttons .owl-next {right:0}
@media (max-width: 767px) {
	.header-slider .owl-buttons {display:none}

}

/*---------- Basic Body ----------*/
.basic-body.main-page {width:100%}
.basic-body .basic-body-main {padding-top:25px;padding-bottom:25px;min-height:800px}
.basic-body.main-page .basic-body-main{padding:0}
.basic-body .basic-body-main.left-main {border-right:1px solid #e5e5e5}
.basic-body .basic-body-main.right-main {border-left:1px solid #e5e5e5}
.basic-body .basic-body-side {padding-top:25px;padding-bottom:25px}
.basic-body .basic-body-side.left-side {margin-right:-1px;border-right:1px solid #e5e5e5}
.basic-body .basic-body-side.right-side {margin-left:-1px;border-left:1px solid #e5e5e5}
@media (max-width: 991px){
	.basic-body .basic-body-main.left-main {border-right:0}
	.basic-body .basic-body-main.right-main {border-left:0}
	.basic-body .basic-body-side.left-side {margin-right:0;border-right:0}
	.basic-body .basic-body-side.right-side {margin-left:0;border-left:0}
}

/*---------- Board Title ----------*/
.board-title {position:relative;overflow:hidden;padding:25px 0;background-repeat:no-repeat;background-size:cover;}
.board-title:after {display:block;content:"";width:100%;height:100%;background:rgba(0,0,0,0.3);top:0;left:0;position:absolute;z-index:1}
.board-title > .container {z-index:10;position:relative}
.board-title h3 {margin:0;padding:0;line-height:30px;font-size:17px;color:#ddd;font-weight:bold}
.board-title .breadcrumb {padding:0;margin:0;list-style:none;background-color:inherit;border-radius:0;line-height:30px}
.board-title .breadcrumb li, .board-title .breadcrumb li a {color:#ccc}
.board-title .breadcrumb li a:hover {color:#fff}

/*---------- Footer ----------*/
.footer {position:relative;z-index:1 ; background-color:#e9e9e9;}
.footer .container .row{padding-bottom:0px;}
/*Footer Background Dark*/
.footer.footer-dark {padding:30px 0 0;font-size:12px}
.footer.footer-dark p {color:#333;font-size:12px;line-height:4;}
.footer.footer-dark .heading-footer {text-align:left;position:relative;margin-bottom:20px;padding-bottom:2px}
.footer.footer-dark .heading-footer:after {left:0;bottom:0;height:1px;width:40px;content:" ";background:#333;position:absolute}
.footer.footer-dark .heading-footer h4 {color:#333;font-size:15px;font-weight:normal}
.footer.footer-dark .footer-logo {margin-bottom:20px}
.footer.footer-dark .footer-logo a {color:#333;font-size:28px}
.footer.footer-dark .footer-logo img {height:32px}
.footer-social-icons, .footer-link-list, .footer-contactus {margin-bottom:0}
.footer.footer-dark .footer-social-icons li, .footer.footer-dark .footer-link-list li, .footer.footer-dark .footer-contactus li {margin-bottom:5px}
.footer.footer-dark .footer-social-icons li a, .footer.footer-dark .footer-link-list li a, .footer.footer-dark .footer-contactus li, .footer.footer-dark .footer-contactus li a {color:#333;line-height:24px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.footer.footer-dark .footer-social-icons li a i, .footer.footer-dark .footer-link-list li a i, .footer.footer-dark .footer-contactus li i {font-size:24px;color:#aaa;margin-right:10px;color:#666!important;}
.footer.footer-dark .footer-social-icons li a:hover, .footer.footer-dark .footer-link-list li a:hover, .footer.footer-dark .footer-contactus li a:hover {color:#aaa!important;}
.footer .container .row .ft{float:left;}
.footer .container .row .ft .float_left{float:left;margin-left:30px;}
.footer .container .row .br a{border-right:1px solid #aaa; padding-right:20px;}
.footer .copy{text-align:center; background-color:#333;}
.footer .copy p{color:#fff;}

.family-site {position:relative}
.family-site dt {display:block;width:100%;border:1px solid #aaa;color:#333;padding:5px 10px;background:#212227;cursor:pointer}
.family-site dd {}
.family-site ul {background:#212227;position:absolute;width:100%;border:1px solid #aaa;border-bottom:0 none;margin-bottom:0;bottom:100%;display:none}
.family-site ul li {border-bottom:1px solid #aaa}
.family-site ul li:last-child {border-bottom:0 none}
.family-site ul li a {display:block;color:#aaa;padding:5px 10px}
.family-site ul li a:hover {color:#eee}
.footer.footer-dark .copyright {margin-top:10px;padding:15px 0;background:#000}
.footer.footer-dark .copyright p {font-size:12px;margin:0;color:#777}
@media (max-width: 767px){
.footer .container .row .ft{float:none;padding-left:10px}
.footer .container .row .copy {font-weight:bold;float:none!important}
.footer .container .row .ft .float_left{float:none;margin-left:0px;}
.footer .container .row .br a{border-right:none; padding-right:0px!important;margin-right:0px;}
	
}


/*----- Back To Top -----*/
.eb-top {z-index:9999;width:34px;height:34px;text-align:center;line-height:32px;color:#fff;background:rgba(0, 0, 0, 0.5);-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important}

/*----- Perfect Scrollbar -----*/
.contentHolder{padding:0;height:320px;margin:0 auto;overflow:hidden;position:relative;background:#fff}
@media (max-width: 767px){
	.contentHolder{height:auto}
	
}

/*----- Table List eb -----*/
.table-list-eb {font-size:12px}
.table-list-eb .btn-e.dropdown-toggle {border-left:none}
.table-list-eb .btn-group .btn-e {top:4px;padding:0 6px;position:relative}
.table-list-eb .table tbody > tr > td {border-top:1px solid #e5e5e5}
.table-list-eb .table thead > tr > th {text-align:center}
.table-list-eb thead {border-top:1px solid #e5e5e5;background:#f8f8f8}
.table-list-eb tbody {border-bottom:1px solid #e5e5e5}
.table-list-eb tfoot {border-bottom:1px solid #e5e5e5;background:#f8f8f8}
.table-list-eb td {vertical-align:middle !important}
.table-list-eb .user-names span,.table-list-eb .user-names small {display:block;text-align:center}
.table-list-eb .user-names span {color:#555;font-size:16px;position:relative}
.table-list-eb .user-names small {color:#999;font-size:12px}
.table-list-eb td h3 {font-size:14px;margin:0 0 2px;color:#000}
.table-list-eb td a {color:#000}
.table-list-eb td a:hover {color:#ff2a00}
.table-list-eb td p {margin-bottom:0;color:#555}
.table-list-eb .s-icons {margin-bottom:0}
.table-list-eb .s-icons li {padding:2px}
.table-list-eb .table-button s{margin:0}
.table-list-eb .table-buttons li {padding:0}
.table-list-eb .table-buttons .btn-e-sm {padding:3px 6px}
.table-list-eb .td-width {width:40%}
.table-list-eb .td-width-60 {width:60%}
.table-list-eb .td-width-50 {width:50%}
.table-list-eb .td-width-40 {width:40%}
.table-list-eb .td-width-30 {width:30%}
.table-list-eb .td-width-20 {width:20%}
.table-list-eb .td-width-10 {width:10%}
@media (max-width: 767px){
	.table-responsive {border-top:0;border-bottom:0}
}

/*----- Modal -----*/
.modal-header, .modal-body, .modal-footer {padding:10px}

/*----- G5 Captcha -----*/
.vc-captcha {padding:15px 10px 10px;border:1px solid #ddd}
.vc-captcha fieldset {padding:0}
#captcha #captcha_img {height:62px;border:1px solid #eee;width:158px}
#captcha #captcha_key {width:130px;height:62px;border:1px solid #ddd;font-size:24px;line-height:14px;margin-left:34px}
#captcha .required,#captcha textarea.required {background:#fff !important}

/*----- 회원 레이어팝업 -----*/
.sv_wrap .sv {z-index:998;border:1px solid #ccc;min-width:110px;padding:4px 0;background:#fff}
.sv_wrap .sv a{background:#fff;color:#000 !important;padding:3px 12px;font-size:12px;border-bottom:0;display:block;width:110px}
.sv_wrap .sv a:hover{background:#f4f4f4}

/*----- EXIF INFO -----*/
.exif_info {position:relative;overflow:hidden;border:1px dotted #ddd;padding:5px 10px;background:#fafafa;margin:10px 0}
.exif_info ul {list-style:none;margin-bottom:0;-webkit-padding-start:0}
.exif_info ul li {display:inline-block;padding:0 8px;font-size:11px;color:#888}
.exif_info ul li:before {content:"-";margin-right:5px}

/*----- Etc -----*/
fieldset legend{border-bottom:0}
.sch_word{color:crimson}

/*----- company h1 style css -----*/
/* 레이아웃 */
.main-page > .container {width:100%}
.basic-body-main > section {padding:30px 0}
.section-gray {background:#F2F2F2}
@media (min-width:992px){
	.basic-body-main > section {padding:80px 0}
}


/* 메인 콘텐츠 타이틀 */
.hte-title {position:relative;margin:0 0 20px;text-align:center;}
.hte-title p{display: inline-flex;}
.hte-title span, .hte-title span a {display:inline-block;padding:0 5px;z-index:2;color:#333;position:relative;font-size:30px;}
.hte-title.hte-title-gray span, .hte-title.hte-title-gray span a {background:#F2F2F2;color:#9a9a9a}
.hte-title span a {margin-left:0;padding:0}
.hte-title span a:hover {color:#6a6a6a}
.hte-subtitle{text-align:center;font-size:13px;margin-top:-30px;}
.hte-subtitle a{color:#fff; display: inline-block; padding: 3px 10px; font-size: 11px;    letter-spacing: 0;}
.hte-subtitle a:hover{color:#fdad03 !important;}
.view{ background-color:#343434;color:#fff;padding:0px 10px 0px 5px; box-sizing: border-box;margin-left:10px}

@media (min-width:992px){
	.hte-title {margin-bottom:40px}
	
}

/* 메인 콘텐츠 1*/
.section-01{margin: 80px 0}
.section-01 .container .aboutw{display: flex;  border-right:1px solid #ccc; margin-top:45px;}
.section-01 .container .about{border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;flex: 1;background: #fff;padding: 20px 0;}
.section-01 .container .br{border-right:1px solid #ccc;}
.section-01 .container .about .box h4{line-height:20px}
.section-01 .container .about .box{text-align:center;/* padding:0 15px 20px 15px; */}
.section-01 .container .about .box .red{color:#c23f4f;}
.section-01 .container .about .box .mt{margin-top:10px; font-size: 15px}
.section-01 .container .about .box1{background: url(/images/s_01.png) no-repeat center center;height:100px }
.section-01 .container .about .box2{background: url(/images/s_02.png) no-repeat center center;height:100px }
.section-01 .container .about .box3{background: url(/images/s_03.png) no-repeat center center;height:100px }
.section-01 .container .about .box4{background: url(/images/s_04.png) no-repeat center center;height:100px }
.section-01 .container .about .box5{background: url(/images/s_05.png) no-repeat center center;height:100px }
.section-01 .container .about .box6{background: url(/images/s_06.png) no-repeat center center;height:100px }
.tab-h1-type01 {padding:0 15px}
.tab-h1-type01 .nav-tabs {border:0 none;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd} 
.tab-h1-type01 .nav-tabs li a {border:1px solid #9a9a9a;color:#9a9a9a}
.tab-h1-type01 .nav-tabs li.active a {font-weight:bold;border-color:#333;color:#333}
.tab-h1-type01 .tab-content .img {display:inline-block;width:100%;padding:0 10px 0px 0}
.tab-h1-type01 .tab-content .img img {width:100%;height:auto}
.tab-h1-type01 .tab-content .content-text h3 {font-size:14px;font-weight:bold;font-family: 'Nanum Gothic', sans-serif; }
.tab-h1-type01 .tab-content .content-text p {font-size:12px;color:#6a6a6a;margin:0}
.tab-h1-type01 .tab-content .content-text p span {display:none}
.tab-h1-type01 .tab-content .content-text p a {font-weight:bold;display:inline-block;padding:1px 5px;border-radius:5px !important;background:#eee;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.tab-h1-type01 .tab-content .content-text p a:hover {background:#333}

@media (max-width: 1200px){
.section-01 .box p{display: inline}
}
@media (max-width: 767px){
	.section-01 .container .about{border:1px solid #ccc;width:50%;margin-top: 0px;float:left; box-sizing:border-box;margin-left:-1px;margin-right:0px;border-top: none;}
	.hte-title span, .hte-title span a {display:inline-block; padding:0 10px;z-index:2;color:#333;position:relative;font-size:22px;padding: 0 5px;display: block;}
	.hte-subtitle{text-align:center;font-size:13px;margin-top:0px}
	.section-01 .container .about .box h4{line-height:18px;font-size:16px;}
	.section-01 .container .about .box{text-align:center;padding-bottom:10px;padding: 0 8px 10px;}
	.section-01 .container .about .box .mt{margin-top:20px; font-size:13px}
	.section-01 .container .about .box1{background: url(/images/s_01.png) no-repeat center center;}

	.section-01 .container .aboutw{display: block;border-top: 1px solid #ccc;margin-top: 20px;}
	.section-01{margin-top: 40px}
	.hot_pic{margin-bottom: 0 !important; width: 100% }
	
}
@media (min-width:992px){
	.tab-h1-type01 .tab-content {width:80%;float:left;overflow:hidden}
	.tab-h1-type01 .tab-content .img {width:35%;float:left;text-align:right}
	.tab-h1-type01 .tab-content .content-text {width:60%;float:right;padding:0 20px}
	.tab-h1-type01 .tab-content .content-text h3 {font-size:18px}
	.tab-h1-type01 .tab-content .content-text p span {display:inline}
	.tab-h1-type01 .nav-tabs {width:20%;height:150px;float:right;padding:0 0 0 40px;margin:0;border-bottom:0 none;display:none;}
	.tab-h1-type01 .nav-tabs li {display:block;width:100%;margin-bottom:5px}
	.tab-h1-type01 .nav-tabs li a:hover {color:#6a6a6a;border-color:#6a6a6a;background:none}
}
@media (min-width:1200px){
	.tab-h1-type01 .tab-content .img img {width:auto;height:190px}
	.tab-h1-type01 .nav-tabs {padding-left:70px}
	
}
/* 메인 콘텐츠 2*/
.section-02	.container .pf{margin-top:30px;}
.section-02	.container .pf .section-02-box{float:left;}
.section-02	.container .pf .section-02-box .img{width:188px;height:173px;margin-right:1px;opacity: 1.0;filter: alpha(opacity=100);}
.section-02	.container .pf .section-02-box .img:hover{opacity: 0.5;filter: alpha(opacity=50);}
.section-02-box {margin:10px 0}
.section-02 h2 {font-size:16px;font-weight:bold}
.section-02 h2 span {display:block;font-size:30px;line-height:30px;font-weight:100;color:#bbb}

.section-02 h4 {font-size:13px;text-align:center;font-family:'Nanum Gothic', sans-serif;}
.section-02 h4 a:hover{color:#c23f4f}
.section-02 h4 a:active{color:#c23f4f}
.section-02 p {font-size:12px;color:#6a6a6a}
.section-03{margin: 0px 0 0px}
.section-03 .container .row  > div { flex:1}
.section-03 .container .row .br{border-right:1px solid #ccc;}
.section-03 .container .row .col-md-4{border-left:1px solid #ccc;padding:0 30px;}
.section-03 .container .row .col-md-4 .hte-title{}
.section-03 .container .row .col-md-4 .hte-subtitle{text-align:left;margin-top:-25px;padding-left:10px;margin-bottom:-10px;}
.section-03 .container .row .col-md-4 .hte-title .light{font-weight:200}

.section-03 .container .row .col-md-4{margin-bottom:30px;}
.section-03 .container .row .col-md-4 p{text-align:center;margin-top:20px;}
.section-03 .container .row .col-md-4 p a{cursor:pointer}

.section-03 .container .row {display: flex}


@media (min-width:992px){
	.section-02-box {margin:0}
	
}

.btn-tab-h1 {display:none}
.tab-h1 {padding:0 15px;position:relative}
.tab-h1 .nav {border-bottom:1px solid #6a6a6a}
.tab-h1 .nav li a {border:0 none;color:#9a9a9a}
.tab-h1 .nav li a:hover {background:none;border:0 none}
.tab-h1 .nav li.active a {background:none;border:0 none;color:#333}
@media(max-width:767px){
	.btn-tab-h1 {display:block}
	.btn-tab-h1 a {display:block;border:1px solid #ddd;color:#6a6a6a;padding:5px;background:#fff;position:relative}
	.btn-tab-h1 a i {position:absolute;right:10px;top:5px}
	.tab-h1 .nav {position:relative;border:1px solid #ddd;z-index:10;width:100%;background:#fff;margin-top:-1px;display:none}
	.tab-h1 .nav li {width:100%;float:inherit;display:block}
	.section-02	.container .pf .section-02-box{width:49%;height:auto;margin-right:1px;opacity: 1.0;filter: alpha(opacity=100);}
	.section-02	.container .pf .section-02-box .img{width:100%;height:100%;}
	.section-03 .container .row{display: block}
}

.service-box-h2 {margin-bottom:20px}
.service-box-h2 i {display:block;width:100px;height:100px;line-height:98px;text-align:center;margin:0 auto;border-radius:50% !important;border:5px solid #ddd;color:#ddd;font-size:50px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.service-box-h2:hover i {border-color:#6a6a6a;color:#6a6a6a}
.service-box-h2 h4, .service-box-h2 p {text-align:center}
.service-box-h2 h4 span {font-size:14px;font-weight:bold;margin:10px 0;position:relative}
.service-box-h2 h4 span:after {content:"";display:block;width:0;height:5px;background:#6a6a6a;position:absolute;left:0;top:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.service-box-h2:hover h4 span:after {width:100%}
.service-box-h2 p {font-size:12px;color:#9a9a9a}
@media (max-width:767px){
	.section-04 .col-sm-4:last-child .service-box-h2 {margin-bottom:0}
	.service-box-h2 i {border-color:#6a6a6a;color:#6a6a6a;width:60px;height:60px;line-height:58px;font-size:30px;border-width:3px}
	.service-box-h2 h4 span:after {width:100%;height:3px}
}

/* side layout */
.basic-body-side h3.side-title {margin:0 0 5px;background:#333;color:#eee;text-align:center;padding:15px 0}
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover {border-color:#999}
.side-menu-bottom li {margin-bottom:5px}
.side-menu-bottom li a {display:block;border:1px solid #828282;padding:5px 10px;color:#828282;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.side-menu-bottom li a i{margin-right:5px}
.side-menu-bottom li a:hover {background-color:#828282;color:#fff}
/* sidebar-nav-e1 */
.list-toggle:after {color:#bbb}
.list-toggle.active:after {color:#333}

/* pages */

/* 굿잡마미소개 */
.about-us{width: 920px;margin: 0px auto 0;background: #fff;padding: 0 75px;box-sizing: border-box;line-height: 1.6;}
.about-us .main{/* border-bottom: 1px solid #e3e3e3; */padding: 40px 0 0;}
.about-us  h3{color: #615faa;font-size: 27px;}
.about-us .main .sub-title {margin-bottom: 20px;font-size:35px;text-align: center;font-weight:600;}
.about-us .main .sub-title .red{color: #615faa;}
.about-us .main .dr{text-align:center;  }
.about-us .main .dr a{color:#fff;background-color:#c23f4f;padding:7px 18px;text-align:center;font-size:16px;}
.about-us .main .dr a:hover{color:#c23f4f; background-color:#fff;border:1px solid #c23f4f;}
.about-us .main .aboutimg{text-align:center;margin-top:40px;}

.au_c1{padding-bottom: 10px;color: #615faa;/* font-family: 'NotoSerifKR'; */font-size: 27px;margin-bottom: 10px;font-weight: 600;}
.au_c2{}
.au_c3{ padding-bottom: 15px}
.au_c4{ padding-bottom: 15px}
.au_c5{ padding-bottom: 15px}
.au_c6{ padding-bottom: 15px}

@media (max-width: 1100px){
.about-us{width: 100%;
        margin: 1% 0;
        padding: 0 20px;}
		
	.about-us .au_01 h3{font-size: 24px !important}	
}

@media (max-width: 767px){
.about-us .au_06{margin-bottom: 0 !important}
.about-us .main .sub-title{font-size: 28px !important}
.au_w .au_font{font-size:17px !important}
.about-us .au_c h3{font-size: 24px !important}
	.about-us .main .aboutimg img{width:100%}
	.about-us .au_02 .aboutimg img{width:100%}	
	.about-us .au_05 p img{width:100%}
	.about-us .au_06 .year{margin-right:0px!important;padding-bottom:0px!important;}
	.about-us .au_06 .year ul li{margin-left:0px!important;}
	.about-us .au_01 {padding:20px 0 50px 0!important; font-size: 15px !important}
	.about-us .au_03,.au_04{margin-top:30px!important;}
	.about-us .au_05 h3{padding-top:30px!important;margin-bottom:20px!important;}
	.about-us .au_06 h3{padding-top:30px!important;margin-bottom:20px!important;}
	.about-us .au_06 .year h4.display{display:none!important;}
	.about-us .au_06 .yearw{display: flex;     flex-direction: column}
	.about-us .au_06 .year{width: 100% !important; margin-bottom: 20px;    }
}
.about-us .au_01 {padding: 35px 0;font-size: 17px;color: #3f3e3e;/* width: 60%; */}
.about-us .au_01 h3{color:#c23f4f;font-size:30px; padding-bottom: 20px} 
.about-us .au_01 .font-size-18{font-size:18px; font-weight: 700; padding-bottom: 5px}
.about-us .au_02 .aboutimg{text-align:center;margin-top:40px;}
.about-us .au_c h3{padding-bottom: 20px;color: #615faa;font-size: 27px;}

.about-us .au_c {padding: 40px 0;border-top: 1px solid #e8e8e8;}
.au_w > div{flex: auto;}
.au_w {/* display: flex; */gap: 50px;padding: 0 20px;}
.au_w .au_font{color: #c24576;  font-family: 'NotoSerifKR'; font-size: 20px}


.au_02{padding: 40px 0;    border-top: 1px solid #e8e8e8;}

.about-us .au_03,.au_04{text-align: center;border-top: 1px solid #e8e8e8;padding: 40px 0;}
.about-us .au_03 h3{margin-bottom:20px;text-align: left;}

.about-us .au_04{overflow:hidden}
.about-us .au_04 iframe{float:left;}
.about-us .au_04 .atm{float:left;margin-left:-20px;}
.about-us .au_04 .atm li{list-style:none}
.about-us .au_04 .a{ background:url(/images/aboutus_05.png) no-repeat left center;padding-left:35px;line-height:3;}
.about-us .au_04 .t{ background:url(/images/aboutus_06.png) no-repeat left center;padding-left:35px;line-height:3;} 
.about-us .au_04 .m{ background:url(/images/aboutus_07.png) no-repeat left center;padding-left:35px;line-height:3;}
.about-us .au_04 .a2{padding:0 0 5px 35px;}

.about-us .au_05{clear:both;}
.about-us .au_05 h3{padding-top:140px;margin-bottom:30px;} 


.about-us .au_06{clear:both;/* margin-bottom:80px; */padding: 40px 0;border-top: 1px solid #e8e8e8;}
.about-us .au_06 h3{padding-top: 20px;margin-bottom:30px;} 
.about-us .au_06 .yearw{display: flex;flex-direction: row;flex-wrap: wrap;}
.about-us .au_06 .year{padding-bottom: 26px;margin-left: 15px;width:calc(50% - 15px);box-sizing: border-box}
.about-us .au_06 .year h4{color: #615faa;font-size: 22px;}
.about-us .au_06 .year ul li{letter-spacing:-1px; position: relative; padding-left: 10px;}
.about-us .au_06 .year ul li:before{width: 3px;height: 3px;background: #9C9C9C;position: absolute;left: 2px;top: 10px;content: '';display: block}
.about-us .au_06 .year2{float:left;padding-bottom:180px;}
.about-us .au_06 .year2 h4{color:#c23f4f;}
.about-us .au_06 .year2 ul li{ letter-spacing:-1px;}

/* 굿잡마미서비스 */
.service .creative{text-align:center;}
.service .creative h1{font-size:55px;font-family: 'Spoqa Han Sans',  'Sans-serif' ;margin-top:90px;}
.service .creative h3{font-size:22px;font-family: 'Spoqa Han Sans',  'Sans-serif' ;margin-top:30px;}
.service .creative .black_bg{margin-top:30px;margin-bottom:40px;}
.service .creative .black_bg a{ background-color:#333; color:#fff; padding:5px 13px;font-size:18px;}

.service .different{text-align:center;}
.service .different h1{letter-spacing: -2px;font-size:55px;font-family: 'Spoqa Han Sans',  'Sans-serif';margin-top: 60px;}
.service .different h3{font-size:22px;font-family: 'Spoqa Han Sans',  'Sans-serif' ;margin-top:30px;margin-bottom:40px;}

.service2{width: 1000px; margin: 0 auto; overflow: hidden}
.service2 .row{border-bottom: 1px solid #e9e9e9;margin-top: 0px;padding-top: 43px;width: 50%;float: left;padding-right: 30px;box-sizing: border-box;line-height: 1.6;}
.service2 .row2{/* border-bottom:1px solid #e9e9e9; */margin-bottom:80px;padding-bottom:30px;}
.service2 .row .col-md-4{;}
.service2 .row .col-md-4 h1{text-align: left;margin-right:30px;font-size:28px;}
.service2 .row .col-md-4 h3{margin-right:30px;font-size:18px;line-height:1.7;/* margin-left:-20px; */}
.service2 .row .col-md-4 h3 .red{color:#c23f4f;}
.service2 .row .col-md-4 p{text-align:left;letter-spacing:-1px;height: 80px;}
.service2 .row .margin-left{/* margin-left:-170px; */}


@media (max-width: 1000px){
.service2{width: 100%; padding: 0 15px; box-sizing: border-box}
}

@media (max-width: 767px){
	.service .main p img{width:100%;}
	.service .different p img{width:100%;}
	.service2 .row .col-md-4 h1{text-align:left;margin-right:30px;font-size:25px;}
	.service2 .row .col-md-4 h3{margin-right:30px;font-size:18px;line-height:1.7;margin-left:0px;}
	.service2 .row .margin-left{margin-left:0px;}
	.pf .main .aboutimg img{width:100%}
	.pf .modal .container .md p img{width:100%;}
	.pf .modal .container .md{border-right:none!important ;padding-right:0px !important; margin-right:0px!important}
	.pf .modal .container .md2 .font-size-18{font-size:16px!important;}
	.pf .pf_modal{margin-top:50px;float:left;margin-right:0px!important;width:50%!important;height:350px !important;}
	.pf .pf_modal p img{width:100%!important;height:auto!important;}
	.pf .pf_modal p{font-size:10px;}
}



/* 굿잡마미교육 */
.edu .main{text-align:center;}
.edu .main .sub-title {margin:50px 0 10px 0;font-size:30px;text-align:center;font-family: 'Spoqa Han Sans',  'Sans-serif';font-weight:300; }
.edu .main  .red{color:#c23f4f;}
.edu .row{margin-top:100px;}
.edu .row2{margin-top:50px;}
.edu .row2 .col-md-4{padding-bottom:80px;}
.edu .row .col-md-4 p{text-align:center;}
.edu .row .col-md-4 h4{border-top:1px solid #aaa;padding-top:30px;margin-top:20px;}
.edu .row .col-md-4 ul li{margin-left:-25px;}
.edu .row2 .col-md-4 p{text-align:center;}
.edu .row2 .col-md-4 h4{border-top:1px solid #aaa;padding-top:30px;margin-top:20px;}
.edu .row2 .col-md-4 ul li{margin-left:-25px;}


/* 포트폴리오 */

.pf .main{border-bottom:1px solid #aaa;padding-bottom:50px;}
.pf  h3{color:#c23f4f;font-size:30px;}
.pf .main .sub-title {margin:50px 0 10px 0;font-size:30px;text-align:center;font-family: 'Spoqa Han Sans',  'Sans-serif';font-weight:300; }
.pf .main .sub-title .red{color:#c23f4f;}
.pf .main .aboutimg{text-align:center;margin-top:40px;}
.pf .pf_modal{margin-top:50px;float:left;margin-right:14px;}
.pf .pf_modal p img{width:270px;height:200px;}
.pf .pf_modal button {
    background-color: #343434;
    color: white;
    padding: 2px 13px;
    font-size:11px;
    border: none;
    cursor: pointer;
    width: 100%;
}

.pf .pf_modal .red{color:#4d4d4d;font-size:16px;font-weight:normal;}
.pf .pf_modal button a{color:#fff;}
.pf .pf_modal button:hover{color:#c23f4f; }
.pf .modal .container p{line-height:1.5;}
.pf .modal .container{overflow:hidden}
.pf .modal .container .md{float:left;border-right:1px solid #aaa;padding-right:20px;margin-right:20px;}

.pf .modal .container .md2 .button a{color:#fff;background-color:#343434;padding:2px 13px;font-size:11px;border:none;}
.pf .modal .container .md2 .button a:hover{color:#c23f4f;}
.pf .modal .container .md2 .font-size-18{font-size:18px;}
.pf .modal .container .md2 .color-og{color:#db4242;text-decoration:underline;}
.pf .modal .container .md2 p img{margin-top:80px;margin-bottom:15px;}



/* 포트폴리오 상세페이지 */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 5px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */


/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container {
   
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #c23f4f;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}






/* --- color set : 컬러셋의 색은 #f4b65a 이며 컬러셋의 색상 교체를 원하면 컬러셋 영역 안의 #f4b65a 를 원하는 컬러로 변경 --- */
.hte-font-color {color:#333;display:none; !important}
.hte-border-color {border-color:#f4b65a !important}
.hte-bg-color {background-color:#f4b65a !important}
a:hover {color:#c23f4f;}



/* 메뉴 - 모바일 */
@media (max-width: 991px) {
	.header-nav .navbar-nav > li > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-top:1px solid #c23f4f;color:#c23f4f}
	.header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#c23f4f !important}
	.header-nav .mega-menu .mega-height-list li a:hover {color:#c23f4f;}
}
@media (max-width:767px){
	.service-box-h2 i {border-color:#c23f4f;color:#c23f4f}
	.header-nav .navbar-nav > li > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-top:1px solid #c23f4f;color:#c23f4f}
	.header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#c23f4f !important}
	.header-nav .mega-menu .mega-height-list li a:hover {color:#c23f4f}
}
/* 메뉴 - pc */
@media (min-width: 992px) {
	.header-fixed .header-nav.nav-background-light .navbar-nav .active > a, .header-fixed .header-nav.nav-background-light .navbar-nav li > a:hover, .header-fixed .header-nav.nav-background-light .navbar-nav li.open > a {color:#c23f4f;}
}
.navbar-nav > li:nth-child(1) > a:nth-child(1){display:none;}
/* 헤더 슬라이더 아이콘 */
@media (min-width: 992px) {
	.slider-info > ul > .slider-info-sns ul a:hover i {color:#f4b65a}
}
/* 메인 section-02 이미지 밑 라인 및 버튼 */
.btn-section a {display:inline-block;font-weight:bold;border:2px solid #f4b65a;color:#f4b65a;font-size:12px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.btn-section a:hover {background:#f4b65a;color:#fff}

/* section-05 아이콘 */
.service-box-h2:hover i {border-color:#f4b65a;color:#f4b65a}
.service-box-h2 h4 span:after {background:#c23f4f}
@media (max-width:767px){
	.service-box-h2 i {border-color:#f4b65a;color:#f4b65a}
}
/* breadcrumb */
.board-title .breadcrumb li a:hover {color:#f4b65a}
/* sidebar-nav-e1 */
.sidebar-nav-e1 ul li:hover a, .sidebar-nav-e1 ul li.active a {color:#f4b65a;font-weight:bold}
/* footer */
.footer.footer-dark .footer-social-icons li a i, .footer.footer-dark .footer-social-icons li a:hover, .footer.footer-dark .footer-link-list li a i, .footer.footer-dark .footer-link-list li a:hover, .footer.footer-dark .footer-contactus li i, .footer.footer-dark .footer-contactus li a:hover {color:#f4b65a}
/* --- end of color set --- */


.instagram-feed {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0px 20px;
  text-align: center;
}

.instagram-feed h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
  color: #333;
}

.insta-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 110%; /* 높이 비율 조정 (2줄 기준) */
  overflow: hidden;
}

.insta-wrapper iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.secBc {background: #f3f3f3;padding-top: 50px;margin-bottom: 100px;padding-bottom: 50px;}
.secBc .tabs{display: flex;align-items: center;justify-content: center;margin: 26px 0 0;gap: 10px;}
@media (max-width:767px){
.instagram-feed iframe{height: auto !important}
}