#all_gnb:before { opacity:.93; }


/********** 메인 비주얼 **********/

#mainvisual {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
}

.main_section .bg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-size:cover !important;
	background-position:center;
	background-repeat:no-repeat !important;
	z-index:-1;
}

#main1 .bg { background:url('../images/main1.jpg') center no-repeat; }
#main2 .bg { background:url('../images/main2.jpg') center no-repeat; }
#main3 .bg { background:url('../images/main3.jpg') right center no-repeat; }


.main_txt { position:absolute; z-index:10; transition:all 2s; }
.main_txt p { color:#fff; transition:transform 1s ease-out, opacity 2s ease; }
.mtxt_bold { font-weight:800; font-size:70px; line-height:110%; opacity: 0; }
.mtxt_detail { font-weight:700; font-size:24px; line-height:150%; opacity: 0; }

#main_txt1 { width:1400px; left:50%; margin-left:-700px; top:260px; padding-top:40px; }

#main_txt2 { left:0; width:100%; top:50%; margin-top:-100px; padding-top:40px; }
#main_txt2 p { text-align:center; }
#main_txt3 { width:1400px; left:50%; margin-left:-700px; bottom:100px; padding-bottom:40px; }
#main_txt3 .mtxt_detail { letter-spacing:-0.03em;}

.ani .main_section.slick-active #main_txt1,
.ani .main_section.slick-active #main_txt2 { padding-top:0; }
.ani .main_section.slick-active #main_txt3 { padding-bottom:0; }

.ani .main_section.slick-active .mtxt_bold {  opacity: 1; }
.ani .main_section.slick-active .mtxt_detail { transition-delay: 1s; opacity: 1; }


/* Dots */

.slick-dots {
    position: absolute;
    bottom: 40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 7px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 13px;
    height: 13px;
    background:#fff;
    border-radius:20px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	opacity:.6;
}

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { opacity:1; }






@media (max-width:1500px) {
	.mtxt_bold { font-size:60px; }
	.mtxt_detail { font-size:22px; }
	#main_txt1, #main_txt3 { width:auto; left:50px; margin-left:0; }
	#main_txt2 { margin-top:-80px; }
}

@media (max-width:1200px) {
	.mtxt_bold { font-size:50px; }
	.mtxt_detail { font-size:20px; }
	#main_txt1 { top:200px; }
	#main_txt2 { margin-top:-80px; }
}

@media (max-width:768px) {
	#main2 .bg { background-image:url('../images/main2_m.jpg'); background-size:100% 100% !important; }
	.mtxt_bold { font-size:40px; }
	.mtxt_detail { font-size:16px; }
	.slick-dots { bottom:30px; }
	.slick-dots li, .slick-dots li button { width:9px; height:9px; }
	.slick-dots li { margin:0 5px; }
}
@media (max-width:540px) {
	#main3 .bg { opacity:.85 !important; }
	.main_txt { top:50% !important; margin-top:-60px !important; left:0 !important; width:100% !important; }
	.main_txt p { text-align:center; }
	#main_txt1, #main_txt2 { padding-top:30px; }
	#main_txt3 { padding-top:30px; padding-bottom:30px; }
	.ani .main_section.slick-active #main_txt3 { padding-top:0; }
	.mtxt_bold { font-size:32px; }
	.mtxt_detail { font-size:14px; }
}

@media (max-width:420px) {
	.mtxt_bold { font-size:24px; line-height:130%; }
	.mtxt_detail { font-size:13px; }
	#main1 .bg { background-position: -380px center; }
	#main3 .bg { background-position: -420px center; }
}









/********** 메인 회사소개 **********/


#section2 ul { margin-top:100px; }
#section2 .col2 li#main_hand { width:50%; }
#section2 .col2 li#main_hand img { border-radius:24px; width:100%; }
#section2 .col2 li#main_company { width:50%; padding-left:100px; position:relative; }

.mc_title { color:#333; font-size:52px; font-weight:700; }
.mc_detail { color:#444; font-size:17px; line-height:200%; margin-top:50px; }
.mc_title i { display:block; position:absolute; width:12px; height:12px; background:#e60012; border-radius:50%; top:-10px; left:80px; }
.mc_btn a { display:inline-block; font-weight:700; color:#fff; padding:15px 60px; border-radius:100px; }

.appear_mup { opacity:0; left:0; margin-top:50px; transition:all 1.5s; }
.appear_play.appear_mup { opacity:1; margin-top:0; }

@media (max-width:1500px) {
	#section2 ul { margin-top:80px; }
	#section2 .col2 li#main_company { padding-left:80px; }
	.mc_title { font-size:44px; }
	.mc_detail { font-size:17px; }
	.mc_title i { left:60px; }
}

@media (max-width:1300px) {
	#section2 .col2 li#main_hand { width:45%; }
	#section2 .col2 li#main_company { width:55%; }
	.mc_title { font-size:38px; }
	.mc_detail { font-size:16px; margin-top:40px; }
	.mc_title i { width:10px; height:10px; }
}

@media (max-width:1100px) {
	#section2 .col2 li#main_hand { width:40%; }
	#section2 .col2 li#main_company { width:60%; }
}

@media (max-width:960px) {
	#section2 .col2 li#main_hand { float:none; width:86%; height:160px; background:url('/images/main_hand.jpg') center no-repeat; background-size:cover; margin:0 auto; border-radius:18px; }
	#section2 .col2 li#main_hand img { display:none; }
	#section2 .col2 li#main_company { float:none; width:100%; margin-top:70px; margin-left:100px; }
	.mc_detail { font-size:15px; line-height:170%; margin-top:20px; }
}

@media (max-width:768px) {
	#section2 ul { margin-top:60px; }
	#section2 .col2 li#main_company { margin-left:0; }
	.mc_title { font-size:32px; }
	.mc_btn a { padding:10px 50px; }
}

@media (max-width:600px) {
	#section2 .col2 li#main_company { padding-left:40px; margin-top:50px; }
	.mc_title { font-size:28px; }
	.mc_detail { font-size:14px; }
	.mc_title i { display:none !important; }
}
@media (max-width:430px) {
	#section2 .col2 li#main_hand { width:100%; height:120px; border-radius:12px; }
	#section2 .col2 li#main_company { padding-left:0; margin-top:30px; }
	.mc_title { font-size:24px; }
	.mc_detail { font-size:12.5px; }
	.mc_btns { text-align:center; }
	.mc_btn a { padding:8px 40px; }
}



/********** 메인 Business **********/

#section3 #biz_swrap { width:1100px; margin:100px auto 0 auto; text-align:center; }
#mbiz_mo { display:none; }
#section3 p { color:#333; font-size:52px; font-weight:700; }


@media (max-height:740px) {
	#mbiz_pc img { width:680px; }
}

@media (max-width:1500px) {
	#section3 p { font-size:44px; }
}

@media (max-width:1200px) {
	#section3 p { font-size:38px; }
	#section3 #biz_swrap { width:100%; }
	#mbiz_pc img { width:680px; margin-top:20px; }
}

@media (max-width:1100px) {
	#section3 #biz_swrap { margin:60px auto 0 auto; }
}
@media (max-width:768px) {
	#section3 p { font-size:32px; }
}
@media (max-width:760px) {
	#mbiz_pc { display:none; }
	#mbiz_mo { display:block; }
	#mbiz_mo img { width:60% }
}
@media (max-width:600px) {
	#mbiz_mo img { width:70% }
}
@media (max-width:420px) {
	#section3 p { font-size:24px; }
	#mbiz_mo img { width:74% }
}


/********** 메인 Contact **********/

#contact_wrap{ margin-top:80px; }

.col2 li#main_contact { width:calc(100% - 700px); }
.col2 li#main_inquiry { width:700px; }
#main_contact div { width:86%; }
.mc_condetail { line-height:160%; font-size:17px; }
#main_map { width:100%; height:270px; }


.write_col2 li { position:relative; }
.write_col2 p { position:absolute; top:14px; font-size:16px; font-weight:700; }
.inq_title { font-size:16px; font-weight:700; }

.frm_input2 { height:50px; border-top:0 !important; border-left:0 !important; border-right:0 !important; padding:10px 0 10px 80px; width:100%; border-color:#666 !important; font-size:16px; }

.frm_input3 { border-left:0 !important; border-right:0 !important; padding:16px 0; width:100%; border-color:#666 !important; }
#wr_content { height:200px; }

.btn_submit2 { border:0; background:#e60012 url('/images/btn_enter.png') right center no-repeat; padding:20px 110px 20px 20px; color:#fff; font-weight:700; font-size:16px; }



@media (max-width:1300px) {
	.col2 li#main_contact { width:calc(100% - 600px); }
	.col2 li#main_inquiry { width:600px; }
	.mc_condetail { font-size:16px; }
}

@media (max-width:1000px) {
	#contact_wrap{ margin-top:60px; }
	.col2 li#main_contact { width:100%; }
	.col2 li#main_inquiry { width:100%; margin-top:20px; }
	.mc_condetail { font-size:15px; }
	#main_map { display:none; }
	.write_col2 p { top:8px; font-size:14px; }
	.inq_title { font-size:14px; }
	.frm_input2 { height:40px; }
	#wr_content { height:140px; }
	.btn_submit2 { padding:14px 110px 14px 14px; }
}
@media (max-width:768px) {
	.mc_condetail { font-size:14px; }
	.write_col2 p { top:3px; }
	.frm_input2 { height:32px; padding:5px 0 15px 70px; }
	.frm_input3 { font-size:14px; }
}

@media (max-width:760px) {
	.mc_condetail { font-size:12px; }
	.col2 li#main_inquiry { margin-top:10px; }
	.write_col2 p { top:5px; font-size:12px; }
	.inq_title { font-size:12px; }
	.frm_input2 { font-size:12px; height:28px; padding:3px 0 10px 50px; }
	.frm_input3 { font-size:12px; }
	#wr_content { height:90px; }
	.btn_submit2 { background-size:60px 10px; padding:12px 70px 12px 14px; }
}