/*******************************************************************************************************
메인 기본설정
*******************************************************************************************************/
html, body {position: relative;height: 100%;}
body {background: #eee;color:#000;margin: 0;padding: 0;}
/*--------------------------------------------------------------------------------------------
팝업
--------------------------------------------------------------------------------------------*/
.hd_pops_footer .hd_pops_close {position:relative;}
/*--------------------------------------------------------------------------------------------
각 섹션 배경 및 스타일 정의
--------------------------------------------------------------------------------------------*/
#section0,#section1,#section2,#section3,#section4,#section5,#section6,#section7,#section8,#section9,#section10 {position:relative;background-size: cover;background-attachment: fixed;background-position: center;overflow:hidden;}
#section0{padding: 3em 0;background-image: url(../../../images/main/m_bg00.jpg);}
#section1{padding: 3em 0;background-image: url(../../../images/main/m_bg01.jpg);}
#section2{padding: 3em 0;background-image: url(../../../images/main/m_bg02.jpg);}
#section3{padding: 3em 0;background-image: url(../../../images/main/m_bg03.jpg);}
#section4{padding: 3em 0;background-image: url(../../../images/main/m_bg04.jpg);}
#section5{padding: 3em 0;background-image: url(../../../images/main/m_bg05.jpg);}
#section6{padding: 3em 0;background-image: url(../../../images/main/m_bg06.jpg);}
#section7{padding: 3em 0;background-image: url(../../../images/main/m_bg07.jpg);}
#section8{padding: 3em 0;background-image: url(../../../images/main/m_bg08.jpg);}
#section9{padding: 3em 0;background-image: url(../../../images/main/m_bg09.jpg);}

#section0{}
#section1{}
#section2{}
#section3{}
#section4{background:#f4f4f4;}
#section5{}
#section6{}
#section7{}
#section8{}
#section9{}

#section0 .container,
#section1 .container,
#section2 .container,
#section3 .container,
#section4 .container,
#section5 .container,
#section6 .container,
#section7 .container,
#section8 .container,
#section9 .container {position:relative;padding:0;z-index:3;}

#section0 h1 {color:#000;}
#section1 h1 {color:#000;}
#section2 h1 {color:#000;}
#section3 h1 {color:#000;}
#section4 h1 {color:#000;}
#section5 h1 {color:#000;}
#section6 h1 {color:#000;}
#section7 h1 {color:#000;}
#section8 h1 {color:#000;}
#section9 h1 {color:#000;}

#section0 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section1 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section2 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#fff;}
#section3 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section4 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section5 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section6 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section7 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section8 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}
#section9 h2 {margin:0 0 2em 0;text-align:center;font-weight:400;color:#000;}

/*--------------------------------------------------------------------------------------------
배경이미지 가림막
--------------------------------------------------------------------------------------------*/
.bgBlock {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;z-index:2;}
.bB_B	{background-color:rgba(0,0,0,0.5);}
.bBB_hb50 {background-color:rgba(0,0,0,0.5);top:50%;height:50%;}
.bB_W	{background-color:rgba(255,255,255,0.4);}
.bBW_hb50 {background-color:rgba(255,255,255,1);top:50%;height:50%;}
.bBW_ht {background-color:rgba(255,255,255,.6);top:0;height:35%;}
.bBW_hb {background-color:rgba(255,255,255,.6);top:65%;height:35%;}

/*--------------------------------------------------------------------------------------------
원 모양
--------------------------------------------------------------------------------------------*/
.circle_box {}
.circle_box ul {}
.circle_box ul li {display:inline-block;position:relative;text-align:center;}
.circle_box ul li a {position:relative;display:table;width:180px;height:180px;margin:0 auto;padding:0;background:#333;color:#fff;border-radius:100%;}
.circle_box ul li a:hover {background:#646ab0;}
.circle_box ul li a p {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;font-family: 'Nanum Myeongjo', serif;font-weight:600;font-size:1.4em;line-height:1em;}
.circle_box ul li a p span {display:block;clear:both;font-family: 'Noto Sans KR', sans-serif;color:#ddd;font-weight:400;font-size:16px;margin-top:1em;letter-spacing: -0.05em;}
.circle_box ul li a:hover p span {color:#fff;}

.titleBox {padding:1em 0;font-weight:400;}
.titleBox i {color:#fff;font-size:50px;}

@media (max-width:770px) {
	.circle_box .dan04 {width:50%;}
	.circle_box ul li a {margin-bottom:1em;}
}
@media (max-width:393px) {/* Pixel 5 */
	.circle_box ul li a {width:160px;height:160px;}
}
@media (max-width:280px) {/* Galaxy Fold */
	.circle_box ul li a {width:120px;height:120px;}
	.titleBox i {font-size:30px;}
	.circle_box ul li a p span {margin-top:0.5em;font-size:14px;}
	/* .circle_box .dan04 {width:100%;} */
}
/*--------------------------------------------------------------------------------------------
아이콘 이미지 확대 축소
--------------------------------------------------------------------------------------------*/
.iconimg_zoom {}
.iconimg_zoom ul {}
.iconimg_zoom ul li {}
.iconimg_zoom ul li a {}
.iconimg_zoom ul li a img {
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.iconimg_zoom ul li a:hover img {
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
	transform: scale(1.1) rotate(0deg);
}
.iconimg_zoom .iconBox {display:flex;justify-content: center;align-items: center;}
.iconimg_zoom .iconBox .imgoutbox {display:inline-block;width:250px;height:250px;border:2px solid #097d00;padding:2rem;border-radius:100%;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.iconimg_zoom a:hover .iconBox .imgoutbox {border:6px solid #097d00;
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
	transform: scale(1.1) rotate(0deg);

}
.iconimg_zoom .titleBox {line-height:1.5em;text-align:center;letter-spacing:-0.05em;word-break: keep-all;word-wrap: break-word;font-size:1.4rem;font-weight:600;}
.iconimg_zoom a:hover .titleBox {color:#136638;}
/*--------------------------------------------------------------------------------------------
사각박스 모양(밝은 배경/어두운 글자)
--------------------------------------------------------------------------------------------*/
.square_box ul li {}
.square_box ul li a {display:block;background:#eee;margin:0.5em;}
.square_box ul li {}
.square_box ul li a {display:block;background:#eee;margin:0.5em;}
.square_box a.btnImgBox,
.square_box .btnImgBox {position:relative;overflow:hidden;border-radius:.5rem;}
.square_box .btnImgBox h2.textGBox {position:absolute;left:2em;top:2em;text-align:left;z-index:3;}
.square_box a.btnImgBox .textGBox {position:absolute;left:2em;top:2em;text-align:left;z-index:3;}
.square_box a.btnImgBox .textGBox .upTitle {font-size:1.6rem;letter-spacing:-0.05em;color:#000;font-weight:600;}
.square_box a.btnImgBox .textGBox .upTitle2 {width:60%;line-height:1.5em;font-size:.9rem;letter-spacing:-0.05em;color:#333;font-weight:400;margin-top:2em;word-break: keep-all;word-wrap: break-word;}
.square_box a.btnImgBox .textGBox .upbtn {display:inline-block;clear:both;border:1px solid #136638;padding:0 1em;margin-top:2em;color:#136638;font-size:0.75em;}
.square_box a:hover.btnImgBox .textGBox .upbtn {background:#136638;color:#fff;border:1px solid #136638;}
.square_box a.btnImgBox .downImg,
.square_box .btnImgBox .downImg {display:inline-block;width:100%;z-index:2;}
.square_box .btnImgBox .downImg img {width:100%;}
.square_box a.btnImgBox .downImg img {
	width:100%;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.square_box a:hover.btnImgBox .downImg img {
	transform: scale(1.1) rotate(0deg);
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
}

@media (max-width:1280px) {
	.square_box a.btnImgBox .textGBox {left:1em;top:1em;width:auto;}
	.square_box a.btnImgBox .textGBox .upTitle {font-size:20px;}
	.square_box a.btnImgBox .textGBox .upTitle2 {width:70%;margin-top:1em;line-height:1.5em;}
	.square_box a.btnImgBox .textGBox .upbtn {font-size:16px;margin-top:1em;}
}
@media (max-width:1016px) {
	/* .square_box .dan02 {width:100%;} */
	.square_box a.btnImgBox .downImg img {width:130%;}
}
@media (max-width:840px) {
	
}
@media (max-width:781px) {
	.square_box a.btnImgBox .downImg img {width:150%;}
}
@media (max-width:736px) {
	.square_box a.btnImgBox .downImg img {width:100%;}
}
@media (max-width:500px) {
	.square_box a.btnImgBox .downImg img {width:110%;}
}
@media (max-width:414px) {/* iphone XR */
	.square_box a.btnImgBox .textGBox .upTitle2 {margin-top:0.5em;}
	.square_box a.btnImgBox .textGBox .upbtn {font-size:13px;}
	.square_box a.btnImgBox .downImg img {width:120%;}
}
@media (max-width:393px) {/* Pixel 5 */
	.square_box a.btnImgBox .downImg img {width:135%;}
}
@media (max-width:390px) {/* iphone 12 pro */
	.square_box a.btnImgBox .downImg img {width:140%;}
}
@media (max-width:375px) {/* iphone SE */
	.square_box a.btnImgBox .downImg img {width:150%;}
}
@media (max-width:280px) {/* Galaxy Fold */
	#section1 h2 {margin-bottom:1em;}
	.square_box a.btnImgBox .textGBox .upTitle2 {font-size:12px;}
	.square_box a.btnImgBox .downImg img {width:200%;}
}
/*--------------------------------------------------------------------------------------------
사각박스 모양(어두운 배경/밝은 글자)
--------------------------------------------------------------------------------------------*/
.square_box2 ul li {}
.square_box2 ul li a {display:block;background:#eee;margin:0.5em;}
.square_box2 ul li {}
.square_box2 ul li a {display:block;background:#eee;margin:0.5em;}
.square_box2 a.btnImgBox {position:relative;overflow:hidden;}
.square_box2 a.btnImgBox .textGBox {position:absolute;left:2em;top:2em;text-align:left;z-index:3;}
.square_box2 a.btnImgBox .textGBox .upTitle {font-size:32px;letter-spacing:-0.05em;color:#fff;font-weight:400;}
.square_box2 a.btnImgBox .textGBox .upTitle2 {width:80%;line-height:1.5em;font-size:14px;letter-spacing:-0.05em;color:#666;font-weight:300;margin-top:2em;word-break: keep-all;word-wrap: break-word;}
.square_box2 a.btnImgBox .textGBox .upbtn {display:inline-block;clear:both;border:1px solid #fff;padding:0 1em;margin-top:2em;color:#fff;font-size:0.75em;}
.square_box2 a:hover.btnImgBox .textGBox .upbtn {background:#fff;color:#136638;border:1px solid #fff;}
.square_box2 a.btnImgBox .downImg {display:inline-block;width:100%;z-index:2;}
.square_box2 a.btnImgBox .downImg img {
	width:100%;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.square_box2 a:hover.btnImgBox .downImg img {
	transform: scale(1.1) rotate(0deg);
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
}

@media (max-width:1280px) {
	.square_box2 a.btnImgBox .textGBox {left:1em;top:1em;width:auto;}
	.square_box2 a.btnImgBox .textGBox .upTitle {font-size:20px;}
	.square_box2 a.btnImgBox .textGBox .upTitle2 {width:90%;margin-top:1em;line-height:1.5em;}
	.square_box2 a.btnImgBox .textGBox .upbtn {font-size:16px;margin-top:1em;}
}
@media (max-width:1016px) {
	/* .square_box2 .dan02 {width:100%;} */
	.square_box2 a.btnImgBox .downImg img {width:130%;}
}
@media (max-width:840px) {
	
}
@media (max-width:781px) {
	.square_box2 a.btnImgBox .downImg img {width:150%;}
}
@media (max-width:736px) {
	.square_box2 a.btnImgBox .downImg img {width:100%;}
}
@media (max-width:500px) {
	.square_box2 a.btnImgBox .downImg img {width:110%;}
}
@media (max-width:414px) {/* iphone XR */
	.square_box2 a.btnImgBox .textGBox .upTitle2 {margin-top:0.5em;}
	.square_box2 a.btnImgBox .textGBox .upbtn {font-size:13px;}
	.square_box2 a.btnImgBox .downImg img {width:120%;}
}
@media (max-width:393px) {/* Pixel 5 */
	.square_box2 a.btnImgBox .downImg img {width:135%;}
}
@media (max-width:390px) {/* iphone 12 pro */
	.square_box2 a.btnImgBox .downImg img {width:140%;}
}
@media (max-width:375px) {/* iphone SE */
	.square_box2 a.btnImgBox .downImg img {width:150%;}
}
@media (max-width:280px) {/* Galaxy Fold */
	#section1 h2 {margin-bottom:1em;}
	.square_box2 a.btnImgBox .textGBox .upTitle2 {font-size:12px;}
	.square_box2 a.btnImgBox .downImg img {width:200%;}
}
/*--------------------------------------------------------------------------------------------
라인 사각박스 모양
--------------------------------------------------------------------------------------------*/
.line_square_box {}
.line_square_box a {
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.line_square_box a:hover {
	transform: scale(1.05) rotate(0deg);
	-moz-transform: scale(1.05) rotate(0deg);
	-webkit-transform: scale(1.05) rotate(0deg);
	-o-transform: scale(1.05) rotate(0deg);
	-ms-transform: scale(1.05) rotate(0deg);
}
.line_square_box div.ibImgBox {position:relative;display:block;background:#666;border:10px solid #666;margin:0.5em;}
.line_square_box div.ibImgBox .ibGroup {display:inline-block;margin:0.8em 0 5em 1em;}
.line_square_box div.ibImgBox .ibGroup .ibTitle {font-size:24px;font-weight:600;color:#fff;}
.line_square_box a.ibImgBox {position:relative;display:block;border:10px solid #ddd;margin:0.5em;}
.line_square_box a:hover.ibImgBox {background:#e9e9e9;border-color:#136638;color:#646ab0;}
.line_square_box a.ibImgBox .ibGroup {display:inline-block;margin:0.8em 0 3em 1em;}
.line_square_box a.ibImgBox .ibGroup .ibTitle {font-size:24px;font-weight:600;color:#333;}
.line_square_box a.ibImgBox .ibGroup .ibBtn {margin-top:0.5em;font-size:18px;color:#333;}
.line_square_box a:hover.ibImgBox .ibGroup .ibTitle,
.line_square_box a:hover.ibImgBox .ibGroup .ibBtn {color:#136638;}
.line_square_box a.ibImgBox .ibIcon {position:absolute;right:0.4em;bottom:0.2em;font-size:4em;}
.line_square_box a.ibImgBox .ibIcon i {color:#ccc;}
.line_square_box a:hover.ibImgBox .ibIcon i {color:#136638;}

@media (max-width:840px) {
	.line_square_box .dan04 {width:50%;}
}
@media (max-width:500px) {
	.line_square_box a.ibImgBox .ibGroup .ibBtn {font-size:16px;}
}
@media (max-width:280px) {/* Galaxy Fold */
	.line_square_box .dan04 {width:100%;}
}

/*--------------------------------------------------------------------------------------------
단일 배너
--------------------------------------------------------------------------------------------*/
#section3 h2.left_title {text-align:center;margin:0 0 1em 0;font-size:1.4em;}
.banner_zone {color:#fff;}
.contact_icon {position:absolute;left:0;top:3.1em;width:180px;z-index:2;}
.contact_icon img {width:100%;}
.phone_number,
.info_box {position:relative;padding-left:210px;z-index:2;}
.phone_number {font-size:2.5em;font-weight:400;line-height:1em;}
.info_box {font-size:18px;font-weight:400;line-height:1.5em;margin-top:1.5em;}
.contact_img {position:absolute;right:0;bottom:-3em;z-index:1;}
.contact_img img {width:auto;}
@media (max-width:1280px) {
	.contact_img {width:400px;}
	.contact_img img {width:100%;}
}
@media (max-width:1000px) {
	.contact_img {position:relative;width:auto;}
}
@media (max-width:613px) {
	.info_box {font-size:16px;}
}
@media (max-width:571px) {
	.banner_zone {position:relative;}
	.contact_icon {top:0;width:70px;}
	.phone_number, .info_box {padding-left:0px;}
	.phone_number {padding-left:80px;margin-top:0.5em;}
	.info_box {font-size:18px;}
}
@media (max-width:393px) {/* Pixel 5 */
	.contact_icon {width:60px;}
	.phone_number {font-size:2.2em;padding-left:70px;}
}
@media (max-width:280px) {/* Galaxy Fold */
	.contact_icon {width:40px;}
	.phone_number {font-size:1.7em;padding-left:50px;}
	.info_box {font-size:13px;}
}
/*--------------------------------------------------------------------------------------------
유튜브 youtube
--------------------------------------------------------------------------------------------*/
.youtube {  position: relative;  width: 100%;  padding-bottom: 56.25%;}
.youtube iframe {  position: absolute;  width: 100%;  height: 100%;}

.mpb_align p a {display:inline-block;}

/*--------------------------------------------------------------------------------------------
유튜브 youtube 플레이 버튼 생성
--------------------------------------------------------------------------------------------*/
.mmbox {position:relative;}
.mmbox a:link .blackbox {content: "";position:absolute;left:0;top:0;display:none;}
.mmbox a:hover .blackbox {display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;}
.mmbox a:hover .upblackbox {display:none;}
.mmbox a img {width:100%;height:auto;}
.youtube_btn {position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    z-index: 63;}
.youtube_btn svg {height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;}
.blackbox:hover .youtube_btn .ytp-large-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    fill: #f00;
    fill-opacity: 1;
}
/******************************************************************************************************* 
영카트 최신제품
********************************************************************************************************/
.sct_img {overflow:hidden;padding:2px;}
.sct_img a {display:block;padding:0;background:#fff;border-radius:0px;}
.sct_img a img {width:100%;height:auto !important;}
.sct_txt {padding:2px;}
.sct_txt a {display:block;line-height:1.5em;font-weight:400;padding:0 0.5em;}
.sct_cost {text-align:right;color:#fff;font-weight:600;padding:0 1em;line-height:1.5em;}

/******************************************************************************************************* 
반응형 설정
********************************************************************************************************/

@media (max-width:948px) {
	.hd_pops {left:0 !important;top:0 !important;}
}
@media (max-width:480px) {
	.hd_pops {width:100%;}
	.hd_pops_con {width:100% !important;height:auto !important;}
}
@media (max-width:400px) {
	.slick-slide a {display:inline-block;width:70%;font-size:14px;padding-left:15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;overflow:hidden;}
	/* .new_icon {width:15px;height:15px;line-height:15px;} */
}
@media (max-width:320px) {

}
@media (max-width:280px) {

}