#mainVisual{position:relative; width:100%; margin: 0 auto; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden; height: 500px;}
#mainVisual .visual-item > img{
	width:110%;
	overflow:hidden;
	margin-left: -5%;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{ position: absolute; top: 50%; margin: -90px 0 0 0; width: 100%; text-align: center;}
#mainVisual .visual-inner-txt{ }
#mainVisual .visual-inner-txt h1, #mainVisual .visual-inner-txt h2, #mainVisual .visual-inner-txt p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}

#mainVisual .visual-inner-txt h1 { font-family: 'Noto Sans KR', 'Nanum Gothic'; font-size:26px; line-height: 1.3; color: #fff; font-weight: 400; }
#mainVisual .visual-inner-txt h2 { font-family: 'GmarketSansBold', 'Raleway'; font-size:60px; letter-spacing: -3px; line-height: 1.0; padding: 15px 0 5px 0; transition-delay:0.4s; color: #fff; }
#mainVisual .visual-inner-txt p{ font-family:'Noto Sans KR', 'Nanum Gothic'; font-size:16px; letter-spacing: -1px; line-height: 1.5; font-weight: 400; transition-delay:0.6s; color: #fff;}


/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt p{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt p{
	opacity:1.0;filter:Alpha(opacity=100);
}

#mainVisual .slick-arrow{
	position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; background:none; border:0; cursor:pointer; z-index:2000; font-size:0; z-index: 100; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{background:url(../images/icon/main_visual_prev_btn.png) no-repeat; left:1%;}
#mainVisual .slick-arrow.slick-next{margin-left:56px; background:url(../images/icon/main_visual_next_btn.png) no-repeat; right:1%;}

.full_wrap {width: 100%; position: relative;}
.full_wrap02 {width: 100%; padding:0 0 230px 0; position: relative;}
.bn_wrap {max-width: 1200px;margin: 0 auto; position: relative;}
.intro{padding:80px 0; position: relative;}
.intro02{padding:120px 0 80px 0; position: relative;}
.gry_bg{ background-color: #f7f7f7;}
.busi_bg{ background: url(../images/main/busi_bg.jpg) no-repeat; background-size: cover; background-position: center top;}

.main_tit { font-family:'GmarketSansMedium', 'S-CoreDream-4Regular'; font-size:18px; line-height: 1.2; color: #232323; margin: 0 0 5px 0; }
.main_tit span { font-weight: 500;}
.main_stit { font-family:'Noto Sans KR', 'Nanum Gothic'; font-size:34px; letter-spacing: -1px; line-height: 1.2; font-weight: 500; color: #232323; }


.kor_s30 { font-family:"S-CoreDream-4Regular", 'Noto Sans KR'; font-size:30px; letter-spacing: -1px; line-height: 1.2; font-weight: 500; color: #fff; }
.kor_16 { font-family:'Noto Sans KR', 'Nanum Gothic'; font-size:16px; letter-spacing: -1px; line-height: 1.5; font-weight: 400; color: #5b5b5b; margin: 10px 0 0 0; }
.cl_wht{color: #fff!important;}
.kor_22 {font-family:'Noto Sans KR', 'Nanum Gothic'; font-size:22px; letter-spacing: -1px; line-height: 1.3; font-weight: 500; color: #1b1b1b;}
.kor_32 {font-family:'Noto Sans KR', 'Nanum Gothic'; font-size:32px; letter-spacing: -1px; line-height: 1.2; font-weight: 500; color: #1b1b1b;}
.eng_19 { font-family:'GmarketSansMedium', 'S-CoreDream-4Regular'; font-size:19px; line-height: 1.2; margin: 5px 0 5px 0; color: #1b1b1b; }


.prc_bx {position: absolute; top: -50px; width: 100%; box-shadow: 0 1px 14px rgba(0, 0, 0, .2); }
.prc_bx li { position: relative;float: left; background-color: #fff; width: 12.5%; padding: 34px 5px; min-height: 123px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; text-align: center; border-right: 1px solid #ddd; }
.prc_cl01, .prc_cl02 { padding: 25px 5px!important; }
.prc_bx li h1 { font-family: 'Noto Sans KR', "Nanum Gothic"; font-size:20px; padding: 0 0 10px 0; font-weight: 700;}
.prc_bx li h1 span { font-size: 16px; font-family: "S-CoreDream-4Regular"; }
.prc_bx li h2 { font-family:"GmarketSansMedium", 'Noto Sans KR'; font-size:13px; }
.prc_bx li h2 br {display: none;}
.prc_bx li h3 { font-family: 'Noto Sans KR', "Nanum Gothic"; font-size:16px; color: #121212; padding: 0 0 3px 0; font-weight: 500;}
.prc_bx li h4 { font-family: 'GmarketSansBold', "Nanum Gothic"; font-size:18px; }
.prc_bx li:nth-child(1), .prc_bx li:nth-child(5) { color: #fff; letter-spacing: -1px; line-height: 1.2;}
.prc_bx li:nth-child(2):after, .prc_bx li:nth-child(6):after {
    content: "";
    position: absolute;
    left: -17px;
    top: 50%;	
	margin-top: -8px;
    border: 8px solid transparent;    
    transform: translateX(100%);
	z-index: 99999;
	border-left: 8px solid #bd9768;
}
.prc_bx li.prc_arr:after {
	border-left: 8px solid #8496ae!important;
}
.prc_bx li:last-child{border-right: 0;}
.prc_cl01{ background-color: #bd9768!important;}
.prc_cl02{ background-color: #8496ae!important;}
.prc_cl03{ color: #e5737b; letter-spacing: 0px;}
.prc_cl04{ color: #2a75c6; letter-spacing: 0px;}

.ban4_bx { margin-top: 40px; }
.ban4_bx li { float: left; width: 24.25%; margin-right: 1%; padding: 180px 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; box-shadow: 0 1px 14px rgba(0, 0, 0, .2); background-size: cover!important; overflow: hidden;}
.ban4_bx li:hover .ban_tit { color: #062764; }
.ban4_bx li:hover .ban_more { color: #002b7d; }
.ban4_bx li:hover .pic_box { background-color: #fff; box-shadow: 0 1px 14px rgba(0, 0, 0, .2); }
.ban4_bx li:last-child { margin-right: 0; }
.ban4_bx li:nth-child(1) { background: url(../images/main/ban01.jpg) no-repeat top center #c8cfd9; }
.ban4_bx li:nth-child(2) { background: url(../images/main/ban02.jpg) no-repeat top center #d7deeb; }
.ban4_bx li:nth-child(3) { background: url(../images/main/ban03.jpg) no-repeat top center #dde3ef; }
.ban4_bx li:nth-child(4) { background: url(../images/main/ban04.jpg) no-repeat top center #e8eaf6; }
.pic_box { background-color: #fafafa; padding: 30px 15px; text-align: center; }
.ban_tit { font-family: 'Noto Sans KR', "Nanum Gothic"; font-size:19px; font-weight: 500; color: #000; line-height: 1.2; letter-spacing: -1px; padding: 0 0 10px 0; }
.ban_more { font-size:12px; line-height:1.2; color:#141414; font-weight:700; letter-spacing: -1px; font-family: "Raleway", 'Nanum Gothic'; text-align: center; }
.ban_more span{display:inline-block; }
.ban_more span:before{width:1px;height:15px;content:'';background:#c9c9c9;display:block;margin:0 auto 10px auto;}

.bn_lbx {width: 50%; float: left; background: url(../images/main/pro_bg.png) no-repeat; background-size: 100% auto; padding: 391px 0 0 0;}
.bn_rbx {width: 49%; float: right;}
.bn_line_bx {width: 100%; float: left; background: url(../images/main/m_main_bax.jpg) no-repeat bottom; background-color: #1a4fb5; background-size: 100% auto; margin: 10px 0 0 0;}

.pro_pic {width: 100%;}
.bn_l{ position: relative; background-color: #52697c; padding: 47px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; 
	-moz-box-sizing: padding-box; box-sizing: padding-box; box-shadow: 0 1px 14px rgba(0, 0, 0, .2); }
a:hover .bn_l { background-color: #3e5d77;}
.bn_l li {float: left;}
.bn_l li:nth-child(1) { padding-right: 20px;}
.bn_l li:nth-child(2) { padding-right: 30px;}

.bn_line{ position: relative;padding: 37px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; 
	-moz-box-sizing: padding-box; box-sizing: padding-box; box-shadow: 0 1px 14px rgba(0, 0, 0, .2); }

.bn_line li {float: left;}
.bn_line li:nth-child(1) { padding-right: 20px;    padding-top: 15px;}
.bn_line li:nth-child(2) { padding-right: 30px;}

.arr01 {position: absolute; top: 50%; margin-top: -19px; right: 55px;}
.arr02 {position: absolute; top: 50%; margin-top: -19px; right: 0;}
.rnd_bx { position: relative; padding: 74px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; box-shadow: 0 1px 14px rgba(0, 0, 0, .2);overflow:hidden;}
.rnd_bx .txt { z-index:9999; position: relative;}
.rnd_bx .bg{position:absolute; top:0; left:0;right:0; bottom:0; width:100%; height:100%; background:no-repeat center center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000); transition:1000ms; -webkit-transition:1000ms; transform:translateZ(0) scale(1) rotate(0.1deg); -webkit-transform:translateZ(0) scale(1) rotate(0deg); z-index:0; }
.rnd_bx:hover .bg{transform:translateZ(0) scale(1.025) rotate(0deg); -webkit-transform:translateZ(0) scale(1.05) rotate(0deg);}

.ban2_bx { margin-top: 11px; }
.ban2_bx li { float: left; background-color: #fff; width: 49%; margin-right: 2%; padding: 45px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; box-shadow: 0 1px 14px rgba(0, 0, 0, .1); text-align: center;}
.ban2_bx p{ margin: 0 0 20px 0!important;}
.ban2_more { font-size:12px; line-height:1.2; color:#141414; font-weight:700; letter-spacing: -0.5px; font-family: "S-CoreDream-4Regular", 'Nanum Gothic'; text-align: center; }
.ban2_more i {vertical-align: middle; width: 19px; height: 19px; line-height: 19px; border-radius: 100px; border: 1px solid #5ea9e0; color: #006acf; font-size: 13px; margin-right: 5px; text-align: center;}
.ban2_bx li:hover .ban2_more i { border: 1px solid #006acf; color: #fff; background-color: #006acf; }

.bg_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:-1;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.cell:hover .bg_wrap{
	-ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.main_brand:after{content:"";display:block;clear:both}
.main_brand > div{position:relative;width:100%;float:left;height:419px;overflow:hidden}
.main_brand a .txt_wrap{ text-align: center; }
.cir01 {z-index: 1; position: relative; display: inline-block;}
.cir01:before{width:22px; height:22px; content:''; background:#5792dd; display:block; border-radius: 50px; position: absolute; z-index: -10; left: -10px; top: -10px; }
.main_brand .brand01 { padding-top: 85px; }
.main_brand .brand01 .bg_wrap{background:url(../images/main/com_bg.jpg) no-repeat center top; background-size:cover;}
.main_brand .brand01 a{color:#fff; text-align: center;}
.main_brand .brand01 .sbtn { display: inline-block; color:#fff; font-family: 'Cabin', "Noto Sans KR"; font-weight: 700; line-height:1.2; font-size:12px; padding: 14px 35px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5);  }
.cell:hover .sbtn { background-color: #fff; color: #2a2a2a; border: 1px solid #fff; }

.cltm_bx{ position: absolute; top: -80px; width: 100%;}
.cltm_bx li { float: left; width: 49.5%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; line-height: 1.3; letter-spacing: -1px; box-shadow: 0 1px 5px rgba(0, 0, 0, .15); padding: 60px 65px 60px 205px; position: relative; }
.cltm_bx li:first-child { background-color: #235785;}
.cltm_bx li:last-child { margin-right: 0; background-color: #062a60;}
.cltm_bx li:last-child h1 {margin: 0 0 9px 0!important;}
.cltm_bx li:last-child p {margin: 5px 0 0 0!important;}
.cltm_bx img { position: absolute; top: 40px; left: 55px; }
.cl_no { color: #fff; line-height: 1.0; font-size:39px; font-family:'GmarketSansBold', "S-CoreDream-7ExtraBold"; }
.cltm_bx p br { display: none;}


@media (max-width: 1300px) {	
.bn_wrap {max-width: inherit;margin: 0 50px;}
.com_bx { width: inherit; }

}

@media (max-width: 1280px) {
#mainVisual .visual-txt{ left: 0; margin: -70px 0 0 0; }
.bn_wrap {margin: 0 40px;}
	
.bn_lbx { background-size: 550px auto; padding: 382px 0 0 0; background-position: top center; }
.bn_l li:nth-child(1) { padding-right: 10px;}
.bn_l li:nth-child(2) { padding-right: 20px;}
.arr01 { margin-top: -14px; width: 28px; right: 40px;}
.arr02 { margin-top: -14px; width: 28px; }
.icn01 {width: 60px;}
.icn02 {width: 60px;padding-top:10px;}
.ban2_bx img { width: 70px;}
	
.full_wrap02 { padding:0 0 200px 0; }
.cltm_bx li { padding: 50px 55px 50px 170px; }
.cltm_bx li:last-child h1 {margin: 0 0 12px 0!important;}
.cltm_bx li:last-child p {margin: 7px 0 0 0!important;}
.cltm_bx img { width: 110px; left: 45px; }
.cl_no { font-size:34px; }
}



@media (max-width:1200px) {
#mainVisual .visual-item{ height: 400px;}
#mainVisual .visual-item > img{ width: 130%; margin-left: -15%; }
#mainVisual .visual-inner-txt h1 { font-size: 24px; }
#mainVisual .visual-inner-txt h2 { font-size: 52px; }
#mainVisual .visual-inner-txt p{ font-size:14px;}

.intro{padding:60px 0;}
.main_tit { font-size:16px; }
.main_stit { font-size:30px; }

.kor_s30 { font-size:24px; }
.kor_16 { font-size:14px; }
.kor_22 {font-size:20px; }
.kor_32 {font-size:26px; }
.eng_19 {font-size:16px; }

	
.prc_bx { top: -40px; }
.prc_bx li { padding: 28px 5px; min-height: 96px; }
.prc_cl01, .prc_cl02 { padding: 20px 5px!important; }
.prc_bx li h1 { font-size:16px; padding: 0 0 5px 0; }
.prc_bx li h1 span { font-size: 14px; }
.prc_bx li h2 { font-size:11px; }
.prc_bx li h3 { font-size:13px; padding: 0 0 0 0; }
.prc_bx li h4 { font-size:14px; }

.ban4_bx { margin-top: 30px; }
.bn_lbx { background-size: 500px auto; padding: 368px 0 0 0; }
	
.main_brand > div{ height:390px; }
.main_brand .brand01 { padding-top: 60px; }
.main_brand .brand01 .sbtn { font-size:12px; padding: 12px 30px; }
	
.full_wrap02 { padding:0 0 140px 0; }
.cltm_bx li { padding: 40px 45px 40px 150px; }
.cltm_bx li:last-child h1 {margin: 0 0 11px 0!important;}
.cltm_bx img { width: 90px; left: 35px; }
.cl_no { font-size:28px; }
}

@media (max-width: 1023px) {
#mainVisual{ width:100%;}
#mainVisual .visual-item{ height: 350px;}
#mainVisual .visual-item > img{ width: 120%; margin-left: -10%; }
#mainVisual .visual-txt{ margin: -50px  0 0 0;}
#mainVisual .visual-inner-txt h1 { font-size: 20px; }
#mainVisual .visual-inner-txt h2 { font-size: 45px; padding: 10px 0 0 0; }
#mainVisual .visual-inner-txt p{ font-size:12px;}

.intro{padding:50px 0;}
.intro02{padding:100px 0 70px 0;}
.bn_wrap {margin: 0 3%;}

.kor_s30 { font-size:20px; }
.kor_16 { font-size:13px; }
.kor_22 {font-size:18px; }
.kor_32 {font-size:22px; }
.eng_19 {font-size:14px; }

.ban4_bx { margin-top: 20px; }
.ban4_bx li { padding: 150px 10px 0 10px; }
.pic_box { padding: 25px 10px; }
.ban_tit { font-size:16px; padding: 0 0 7px 0; }
.ban_more { font-size:10px; }
.ban_more span:before{ height:10px; }
	
.bn_lbx { background-size: 100% auto; padding: 269px 0 0 0; }
.bn_l{ padding: 40px 30px;  }
.bn_l li:nth-child(1) { padding-right: 5px;}
.bn_l li:nth-child(2) { padding-right: 15px;}
.arr01 { right: 30px;}
.rnd_bx { padding: 50px 60px; }
.icn01 {width: 50px;}
.ban2_bx img { width: 60px;}
.bn_l p {margin: 5px 0 0 0;}
.ban2_bx { margin-top: 8px; }
.ban2_bx li { padding: 30px 10px; }
.ban2_bx p{ margin: 0 0 10px 0!important;}
.ban2_more { font-size:11px;  }
.ban2_more i { width: 15px; height: 15px; line-height: 15px; font-size: 12px; }
	
.main_brand > div{ height:350px; }
.main_brand .brand01 { padding-top: 53px; }
.cir01:before{width:16px; height:16px; top: -7px; left: -7px; }

.cltm_bx li { padding: 40px 40px 40px 130px; }
.cltm_bx li:last-child p {margin: 6px 0 0 0!important;}
.cltm_bx img { width: 80px; top: 40px; left: 40px; }
.cl_no { font-size:24px; }
.cltm_bx p br { display: block;}
}



@media all and (max-width:768px){
#mainVisual{position:relative; }	
#mainVisual .scroll-icon{display:none;}
#mainVisual .visual-item{ height: auto;}
#mainVisual .visual-item > img{ width: 130%; margin-left: -15%; }
#mainVisual .visual-txt{ margin: -40px 0 0 0;}
#mainVisual .visual-inner-txt h1 { font-size: 18px; }
#mainVisual .visual-inner-txt h2 { font-size: 40px; }
#mainVisual .slick-arrow{ margin-top:-20px; width:40px; height:40px; background-size:40px 40px !important;	}
#mainVisual .slick-arrow.slick-prev{left:0;}
#mainVisual .slick-arrow.slick-next{margin-left:0; left:auto; right:0;}
	
.intro{padding:40px 0;}
.intro{padding:40px 0;}

.main_tit { font-size:14px; margin: 0 0 0 0; }
.main_stit { font-size:24px; }

.kor_s30 { font-size:17px; }
.kor_16 { font-size:12px; margin: 7px 0 0 0; }
.kor_22 {font-size:16px; }
.kor_32 {font-size:20px; }
.eng_19 {font-size:13px; }

.prc_bx { top: -38px; }
.prc_bx li { padding: 25px 5px; min-height: 87px; }
.prc_cl01, .prc_cl02 { padding: 15px 5px!important; }
.prc_bx li h1 { font-size:12px; padding: 0 0 5px 0; }
.prc_bx li h1 span { font-size: 10px; }
.prc_bx li h2 { font-size:10px; }
.prc_bx li h2 br {display: block;}
.prc_bx li h3 { font-size:11px; padding: 0 0 0 0; }
.prc_bx li h4 { font-size:11px; }
.prc_bx li:nth-child(2):after, .prc_bx li:nth-child(6):after {
    left: -13px;
	margin-top: -6px;
    border: 6px solid transparent;
	border-left: 6px solid #bd9768;
}
.prc_bx li.prc_arr:after {	border-left: 6px solid #8496ae!important; }
.ban4_bx li { padding: 130px 10px 0 10px; width: 49%; margin-right: 2%; margin-bottom: 2%; }
.ban4_bx li:nth-child(2n) { margin-right: 0; }
.pic_box { padding: 20px 10px; }
.ban_tit { font-size:14px; }
	
.bn_lbx { background-size: 300px auto; padding: 198px 0 0 0; }
.bn_l{ padding: 30px 30px; }
.bn_l li:nth-child(1) { padding-right: 0; display: none;}
.bn_l li:nth-child(2) { padding-right: 10px;}
.arr01 { margin-top: -10px; width: 20px; right: 20px;}
.arr02 { margin-top: -10px; width: 20px; }
.rnd_bx { padding: 30px 30px; }
.ban2_bx img { width: 40px;}
.bn_l p {margin: 3px 0 0 0;}
.ban2_bx { margin-top: 7px; }
.ban2_bx li { padding: 20px 10px; }
.ban2_more { font-size:10px; }
.ban2_more i { width: 13px; height: 13px; line-height: 13px; font-size: 11px; }
	
.main_brand > div{ height:320px; }
.main_brand .brand01 { padding-top: 45px; }
.main_brand .brand01 .sbtn { font-size:11px; padding: 10px 25px; }
	
.full_wrap02 { padding:0 0 260px 0; }
.cltm_bx{ top: -110px; }
.cltm_bx li { width: 100%; margin-right: 0; padding: 40px 40px 40px 120px; }
.cltm_bx li:last-child { margin-top: 10px;}
.cltm_bx li:last-child h1 {margin: 0 0 11px 0!important;}
.cltm_bx li:last-child p {margin: 6px 0 0 0!important;}
.cltm_bx img { width: 60px; top: 50px; left: 40px; }
.cl_no { font-size:20px; }
.cltm_bx p br { display: none;}
}

@media all and (max-width:640px){
#mainVisual{ width:100%;}
#mainVisual .slick-arrow{ visibility: hidden; }
#mainVisual .visual-item > img{ width: 150%; margin-left: -25%; }
#mainVisual .visual-txt{ margin: -20px 0 0 0; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-inner-txt h1 { font-size: 14px; }
#mainVisual .visual-inner-txt h2 { font-size: 30px; padding: 5px 0 0 0; }
#mainVisual .visual-inner-txt h2 br, #mainVisual .visual-inner-txt p br { display: none; }

.bn_wrap {margin: 0 5%;}
.kor_s30 { font-size:16px; }
.kor_16 { font-size:11px; }
.kor_22 {font-size:14px; }
.kor_32 {font-size:18px; }
.eng_19 {font-size:12px; }

.prc_bx { top: -27px; }
.prc_bx li { width: 25%; padding: 16px 5px; min-height: 66px; }
.prc_cl01, .prc_cl02 { padding: 10px 5px!important; }
.prc_bx li:nth-child(1), .prc_bx li:nth-child(2), .prc_bx li:nth-child(3), .prc_bx li:nth-child(4) { border-bottom: 1px solid #ddd;}
.prc_bx li:nth-child(4){ border-right: 0;}
.prc_bx li h2 { font-size:9px; }
.prc_bx li h2 br {display: none;}

.intro02{padding:140px 0 50px 0;}
	
.bn_lbx {width: 100%; background-size: 80% auto; padding: 46% 0 0 0; background-position: top center; margin-bottom: 7px; }
.bn_rbx {width: 100%; }
	
.main_brand .brand01 .bg_wrap{background:url(../images/main/com_bg.jpg) no-repeat 65% bottom;background-size:cover;}
.cir01:before{width:12px; height:12px; top: -5px; left: -5px; }
}



@media (max-width: 480px) {
#mainVisual .visual-item > img{ width: 170%; margin-left: -25%; margin-top: 0; }
#mainVisual .visual-txt{ margin: -20px 0 0 0; }
#mainVisual .visual-inner-txt { padding: 0 0;}
#mainVisual .visual-inner-txt h1 { font-size: 13px; }
#mainVisual .visual-inner-txt h2 { font-size: 24px; }
#mainVisual .visual-inner-txt p{ font-size: 10px; line-height: 1.3; }
	
.intro{padding:40px 0;}
.intro02{padding:130px 0 40px 0;}

.bn_wrap {margin: 0 6%;}

.main_tit { font-size:13px; }
.main_stit { font-size:20px; line-height: 1.3; }

.ban4_bx li { padding: 120px 7px 0 7px; }
	
.main_brand > div{ height:260px; }
.main_brand .brand01 { padding-top: 40px; }
.main_brand .brand01 .sbtn { padding: 8px 20px; }
	
	
.full_wrap02 { padding:0 0 240px 0; }
.cltm_bx{ top: -70px; }
.cltm_bx li { padding: 30px 20px 30px 90px; }
.cltm_bx li:last-child { margin-top: 8px;}
.cltm_bx img { width: 50px; top: 40px; left: 30px; }
.cl_no { font-size:18px; }
}

/* ban2_bx: keep the two cards equal height when one title wraps */
.ban2_bx ul{display:flex; justify-content:space-between;} .ban2_bx ul > a{display:block; width:49%;} .ban2_bx li{float:none; width:100%; height:100%; margin-right:0;}