@charset "utf-8";

#main-container{position:relative;display:table;}
/* Text */
h2.title{font-size:36px;font-weight:400;color:#333;}
h3.p_title{margin:0;font-size:22px;font-weight:400;}
h3.p_title2{margin:10px 0;font-size:22px;font-weight:400;background:url('/images/main/title_arrow.gif') no-repeat right 7px;}
section{display:inline-block;margin:0;padding:0}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
.gird{display: grid;}
.flex{display: flex;}
.grid2 {display: grid; grid-template-columns: repeat(2, 1fr);}
.grid4 {display: grid; grid-template-columns: repeat(4, 1fr);}
.img-responsive {max-width: 100%;}

.title_wrap{flex-direction: row; justify-content: space-between; align-items: end;}
.title_wrap .title{}
.title_wrap .title h1{font-size: 40px; line-height: 40px; margin: 0 0 10px;}
.title_wrap .title p{font-size: 22px;}
.title_wrap .btn{border: 1px solid #000; color: #000; font-size: 18px; padding: 15px 25px; background: #fff;}

.product{gap: 10px; margin:30px 0 0}
.product .prd{}
.product .prd a{display: block; border: 1px solid #ddd; padding: 0 30px 30px; background: #fff; height: 100%;}
.product .prd a > .txt{}
.product .prd a > .txt h2{margin: 10px 0; color:#000; font-size: 23px; font-weight: 500; letter-spacing: -1px;}
.product .prd a > .txt p.org_price{font-size: 20px; color: #666; line-height: 24px; width: auto; background-image: url(/images/main/price_arrow.png); padding: 0 40px 0 10px; margin-right: -5px; float: left;}
.product .prd a > .txt p.price{color:#3921b2; font-size: 25px; font-weight: 600;}
.product .prd a > .txt p.price > small{font-weight: 500; color: #333; font-size: 20px;}
.product .prd a:hover {top: -20px; box-shadow: 0 10px 20px rgb(0 0 0 / 16%); transition: all 0.2s linear;    box-sizing: border-box;}
.product .prd a:hover a::before {opacity: 1; transition: all 0.2s linear;} 
.product .prd .cloud_thumb{padding: 20px;}
.sub_logo{width: 40px; margin: 15px 0 0; height: 50px; line-height: 50px;}


/* 팝업창 */
#popup-cookie {position:absolute; top:110px; left:30px; z-index: 10;}
.clfix {display: flex; width: 100%; height: 50px; position: absolute; bottom: -50px; background: #333; margin: 0;}
.clfix li{flex: 1;}
.clfix li:last-child{border-left:1px solid #222}
.clfix li a {display: block; height: 100%; line-height: 50px; text-decoration: none; color: #fff; text-align: center;}

@media all and (max-width:640px){
	#popup-cookie {width: 90%; left: 5%; top: 1%;}
}

#main_section1{display: block; margin: auto; padding:79px 0 0;}
#main_section1 .container{max-width: 100% !important; padding: 0;}
#main_section1 .main_visual{display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 550px; max-width: 1280px; margin: 0 auto;}
#main_section1 .main_visual .title{color: #fff; flex: 1;}
#main_section1 .main_visual .title h1{font-size: 45px; line-height: 60px; font-weight: 500; letter-spacing: -2px; margin: 0 0 30px;}
#main_section1 .main_visual .title h4{margin: 0 0 25px; font-size: 18px; font-weight: 400;}
#main_section1 .main_visual .title h1 > strong{color:#bbfff5; font-weight: 500;}
#main_section1 .main_visual .s_txt{display: grid; grid-template-columns: 1fr 2fr; font-size: 18px; font-weight: 300;}
#main_section1 .main_visual .s_txt dt{padding: 5px 0 0; color: #bbfff5; font-weight: 500;}
#main_section1 .main_visual .s_txt dt i{width: 30px; text-align: center;}
#main_section1 .main_visual .s_txt dd{padding: 5px 0;}
#main_section1 .main_visual .box{flex: 1; text-align: center;}
#main_section1 .main_visual .box ul{position: relative; top: 130px;}
#main_section1 .main_visual .box ul li{}
#main_section1 .main_visual .box ul li.PCmain_02{animation: up-down 1.4s infinite ease-in-out alternate;}
#main_section1 .main_visual .box ul li.PCmain_03{top: -250px; position: relative; animation: up-down 2s infinite ease-in-out alternate;}
#main_section1 .main_visual .box ul li.PCmain_04{position: relative; z-index: 10; top: 60px; right: 9px; animation: down-up 2s infinite ease-in-out alternate;}
#main_section1 .main_visual .box ul li.PCmain_05{top: -250px; position: relative; animation: up-down 2s infinite ease-in-out alternate;}
#main_section1 .main_visual .icon_box{display: none;}
#main_section1 .main_visual .main_img{display: none;}

#main_section1 .custom_visual .title h1{margin: 0 0 5px;}

.carousel-inner .item:nth-of-type(1){background: #3921b2;}
.carousel-inner .item:nth-of-type(2){background: #6e21b2;}


@keyframes down-up {
   from {
        transform: translatey(-20px);
    }

    to {
        transform: translatey(0px);
    }
}


@keyframes up-down {
    from {
        transform: translatey(0px);
    }

    to {
        transform: translatey(-20px);
    }
}


#main_section2{display: block;}
#main_section2 .container_icon{max-width: 1480px; margin: auto; background: #f8f8f8; border-radius: 0 0 50px 50px;}
#main_section2 .container_icon .icon_box{grid-template-columns: repeat(5, 1fr); padding: 30px 100px;}
#main_section2 .container_icon .icon_box .icon{display: block; text-align: center;}
#main_section2 .container_icon .icon_box .icon img {width: 50px;}
#main_section2 .container_icon .icon_box .icon p{margin: 10px 0 0; font-size: 18px;}

#main_section3{display: block; margin:80px 0 0;}
#main_section4{display: block; margin:80px 0 0;}

#main_section5{display: block; margin:80px 0 0; background: #f8f8f8; padding: 80px 0;}
#main_section5 .cloud{display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 100px;}
#main_section5 .cloud .img{width: 50%;}
#main_section5 .cloud .txt h1{font-size: 40px; line-height: 50px;}
#main_section5 .cloud .txt p{font-size: 24px; letter-spacing: -1px; margin-bottom: 50px;}
#main_section5 .cloud .btn{background: #fff; border: 1px solid #000; color: #000; font-size: 20px; padding: 15px 25px; font-weight: 500;}


#main_section6{display: block; margin:80px 0;}
#main_section6 .product{margin:60px 0 0; gap:30px;}
/*
#main_section6 .product .prd2 a{display: block; box-shadow: 0 0 20px rgb(0 0 0 / 10%); padding: 40px; border-radius: 30px;}
#main_section6 .product .prd2 a > .txt h2{font-size: 30px;}
#main_section6 .product .prd2 a > .txt > p.price{ font-size: 23px; font-weight: bold; margin: 0 0 30px;}
#main_section6 .product .prd2 a > .txt > p.price > small{font-weight: 300; font-size: 18px;}
#main_section6 .product .prd2 a > .basic > ul{gap: 10px; margin:0;}
#main_section6 .product .prd2 a > .basic > ul > li{background: #f4f4fe; padding: 10px 15px; font-size: 14px;}
*/

#main_section6 .product .prd2 a {display: block; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 30px 20px; border-radius: 10px; margin: 0 0 20px; background: #755fe5;}
#main_section6 .product .prd2 a > .txt h2 {font-size: 30px; color: #fff;}
#main_section6 .product .prd2 a > .txt p {font-size: 16px; margin-bottom: 10px; color: #fff;}
#main_section6 .product .prd2 a > .basic > ul {margin: 0; gap: 5px; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 20px;}
#main_section6 .product .prd2 a > .basic > ul > li {text-align: center; padding: 10px 5px; font-size: 13px; letter-spacing: -0.5px; background: #fff; border: 1px solid #fff; color: #333;}

#main_section7{margin: 80px 0 110px;}
#main_section7.page_box .con01 .left ul{display: flex;}
#main_section7.page_box .con01 .left ul li.on{width: 77%;}
#main_section7.page_box .con01 .left ul li{width: 19.95%; margin-right: 2.85%; box-shadow: 5px 5px 50px 0px rgb(0 0 0 / 10%); border-radius: 20px; overflow: hidden; transition: 1s;}
#main_section7.page_box .con01 .left ul li:last-child{margin-right: 0;}
#main_section7.page_box .con01 .left .txt{height: 380px; background: #755fe5; padding: 70px 50px 50px;}
#main_section7.page_box .con01 .left li:nth-child(2) .txt{background: #6bc7d1;}
#main_section7.page_box .con01 .left strong{display: block; color: #fff; font-weight: 600; font-size: 38px; line-height: 1; margin-bottom: 20px;}
#main_section7.page_box .con01 .left p{display: block; color: #eae6ff; font-weight: 400; font-size: 20px; line-height: 30px;}
#main_section7.page_box .con01 .left .on .txt p, #main_section7.page_box .con01 .left .on .txt strong{opacity: 1; transition: opacity 0.4s; transition-delay: 0.4s;}
#main_section7.page_box .con01 .left .txt .icon_box {display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; align-items: center; margin: 30px 0 0; text-align: center;}
#main_section7.page_box .con01 .left .txt .icon_box dd{display: table; border: 1px solid #fff; font-weight: 400; font-size: 15px; width: 120px; height: 120px; border-radius: 12em; background: #fff;}
#main_section7.page_box .con01 .left .txt .icon_box dd > p{display: table-cell; vertical-align: middle; font-size: 18px; line-height: 22px; color:#555}
#main_section7.page_box .con01 .txt2{position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; padding-top: 145px; transition: 0.4s;}
#main_section7.page_box .con01 ul li.on .txt2{opacity: 0;}
#main_section7.page_box .con01 .left li:nth-child(2) p{color: #e6fdff;}
#main_section7.page_box .con01 .txt2 .icon{display: table; margin: 0 auto; width: 50px; height: 50px; background: #ddd; border-radius: 
50%; position: relative; margin-top: 40px; color: #fff;}
#main_section7.page_box .con01 .txt2 .icon:before{content: ''; display: block; width: 103%; height: 103%; position: absolute; top: -1.5%; left: -1.5%; border-radius: 50%; background: #36c2ba; transform: scale(0); transition: 0.6s;}
#main_section7.page_box .con01 .txt2 .icon i{display: table-cell; vertical-align: middle; text-align: center; font-size: 20px;}
#main_section7.page_box .con01 .txt2:hover .icon:before{transform: scale(1);}
#main_section7.page_box .con01 .txt2 strong{display: block; color: #191f28; font-size: 27px; line-height: 1; text-align: center;}
#main_section7.page_box .con01 .left ul li{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s, width 0.5s;}
#main_section7.page_box .con01.on .left ul li{transform: translateY(0); opacity: 1;}
#main_section7.page_box .con01 .left ul li:nth-child(2){transition-delay: 0.3s, 0.3s, 0;}
#main_section7.page_box .con01 .left ul li:nth-child(3){transition-delay: 0.6s, 0.6s, 0;}

#main_section8 {margin: 60px 0 0;}
#main_section8 .service_center {border: 1px solid #ddd; padding: 50px 20px; margin: 30px 0;}
#main_section8 .service_center .wrap{display: grid; grid-template-columns: 1fr 1fr;}
#main_section8 .service_center .wrap > div{flex: 1; display: flex; align-items: center; justify-content: center;}
#main_section8 .service_center .wrap > div h3{font-size: 30px; color: #553dcd;}
#main_section8 .service_center .wrap > div small{font-size: 15px; color: #555; font-weight: 500;}
.service_center .cs .headset, .service_center .mail .envelope, .service_center .number .phone{background: #553dcd; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 3em; font-size: 21px; margin-right: 10px;}
#main_section8 .service_center ul{display: flex; margin: 30px 30px 0; gap: 10px;}
#main_section8 .service_center ul li{flex: 1;}
#main_section8 .service_center ul li a{display: block; text-align: center; padding: 15px; border-radius: 10px; font-size: 18px; background: #f4f4ff;}

@media (max-width: 1416px){
    #main_section7.page_box .con01 .left strong{font-size: 30px;}
    #main_section7.page_box .con01 .left p{font-size: 16px; word-break: keep-all;}
    #main_section7.page_box .con01 .left p br{display: none;}
    #main_section7.page_box .con01 .left .txt{padding-left: 30px; padding-right: 30px;}  
}

@media (max-width: 1280px){
	.product .prd a{padding: 0 20px 20px;}
	.product .prd .img{text-align: center;}
	.product .prd a > .txt{text-align: left;}
	.product .prd a > .txt h2 {margin: 10px 0; font-size: 18px;}
	.product .prd a > .txt p.price{font-size: 20px;}
	.product .prd a > .txt p.price > small{font-size: 15px;}
	.product .prd a > .txt p.org_price{font-size: 15px;line-height: 24px;padding: 0 5px;}
	.title_wrap .btn {font-size: 15px; padding: 10px 25px; margin: 20px 0 0;}

	#main_section1 {padding: 0;}
	#main_section1 .main_visual{height: 470px;}
	#main_section1 .main_visual .title{margin: 0 0 0 30px;}
	#main_section1 .main_visual .title h1{font-size: 35px; line-height: 50px;}
	#main_section1 .main_visual .s_txt{font-size: 16px;}
	#main_section1 .main_visual .box ul li.PCmain_03{width: 70%; margin: auto; right: 50px;}
	
	#main_section7.page_box .con01 .left .txt {padding-right: 20px;}
	#main_section7.page_box .con01 .left .txt .icon_box {gap: 5px;}
	#main_section7.page_box .con01 .left .txt .icon_box dd {width: 120px; height: 120px;}
	#main_section7.page_box .con01 .left .txt .icon_box dd > p {font-size: 16px; line-height: 22px;}
}

@media (max-width: 1200px){
	#main_section7.page_box .con01 .left .txt {padding-right: 20px;}
	#main_section7.page_box .con01 .left .txt .icon_box {gap: 5px;}
	#main_section7.page_box .con01 .left .txt .icon_box dd {width: 95px; height: 95px;}
	#main_section7.page_box .con01 .left .txt .icon_box dd > p {font-size: 14px; line-height: 22px;}
}


@media (max-width: 990px){
	#main_section1 {/* padding: 80px 0; */}
	#main_section1 .container{max-width: 900px;}
	#main_section1 .main_visual{height: auto; gap: 30px;}
	#main_section1 .main_visual .title{flex:1; margin: 0;}
	#main_section1 .main_visual .title h1{font-size: 33px; line-height: 45px;}
	#main_section1 .main_visual .main_img{flex:1}
	#main_section1 .main_visual .icon_box .point {display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 10px;}
	#main_section1 .main_visual .icon_box .point h3 {font-size: 16px; font-weight: 500; color: #bbfff5; margin-bottom: 5px;}
	#main_section1 .main_visual .icon_box .point h3 br{display:none;}
	#main_section1 .main_visual .icon_box .point h3 i{width: 30px; text-align: center;}
	#main_section1 .main_visual .icon_box .point p{font-size: 16px; margin-bottom: 5px;}
	#main_section1 .main_visual .icon_box .point p br{display:none;}
	#main_section1 .carousel-inner .item:nth-of-type(1){padding: 50px 0 30px;}
	#main_section1 .carousel-inner .item:nth-of-type(2){padding: 50px 0 30px;}


	#main_section5{padding: 80px 0;}

	.mo_main .main_favorite{width: 100%; background: #f4f4ff; margin: 0; padding: 25px 0; border-radius: 0 0 20px 20px;}
	.main_favorite .icon_wrap{display:flex; gap: 13px;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;flex-direction:row;}
	.main_favorite .icon_wrap .icon_menu{flex:1;text-align:center;}
	.icon_wrap .icon_menu a{position:relative;}
	.icon_wrap .icon_menu img{padding-top:0;max-width:60px;}
	.icon_wrap .icon_menu .icon_text{padding-bottom:0;font-size:16px;display:block;}
	.icon_wrap .icon_menu .icon_text br{display:none;}

	#main_section8 .service_center{padding: 30px 20px;}
	#main_section8 .service_center .wrap > div{display: block;}
	.service_center .cs .headset, .service_center .mail .envelope, .service_center .number .phone{margin:0 auto 10px;}
	#main_section8 .service_center .wrap > div h3{font-size: 24px; text-align: center;}
	#main_section8 .service_center .wrap > div small{display: block;}
	#main_section8 .service_center ul{margin: 20px 0 0;}
	#main_section8 .service_center ul li a{font-size: 16px; padding: 10px;}
}

@media (max-width: 960px){

	

    #main_section7.case_w .case02 .tit2{padding-left: 20px;}
    #main_section7.solution{margin-top: 0; padding-top: 150px;}
    #main_section7.page_box .con01 .left strong{font-size: 18px;}
    #main_section7.page_box .con01 .left p{font-size: 13px; line-height: 26px;}
	


@media (max-width: 620px){

    #main_section7.page_box .con01 .left ul li{margin-bottom: 25px;}
    #main_section7.page_box .con01 .left ul li.on, #main_section7.page_box .con01 .left ul li{width: 100%;}
    #main_section7.page_box .con01 .left .txt{height: auto; padding-top: 30px; padding-bottom: 30px;}
    #main_section7.page_box .con01 .left .txt2{display: none;}
    #main_section7.page_box .con01 .left .txt p, #main_section7.page_box .con01 .left .txt strong, #main_section7.page_box .con01 .left .txt p, #main_section7.page_box .con01 .left .txt strong{opacity: 1;}
    #main_section7.page_box .con01 .left strong{margin-bottom: 15px;}
	

}




/* main_visual */
#main_section01{margin:0 auto;width:100%;}
/*#main_visual_area{padding:180px 0 100px 0;position:relative;display:inline-block;width:100%;background: url(/images/main/main_bg.jpg) no-repeat center center/cover;}*/
#main_visual_area{padding:90px 0 0px 0;position:relative;display:inline-block;width:100%;}
#bgVideo{position:relative;width:100%;}
#main_visual_area h2{margin-bottom:50px;position:relative;font-size:42px;font-weight:300;color:#fff;}
#main_box_wrap{position:absolute;max-width:1160px;margin:0 auto;padding:0;z-index:9;top:26%;left:50%;margin-left:-580px;}
#main_box_wrap .box01, #main_box_wrap .box02, #main_box_wrap .box03{float:left;margin:0 40px 0px 0;width:360px;height:100%;border-radius:10px;background:#fff;box-shadow:10px 10px 20px rgba(0,0,0,0.2);border:4px solid transparent;transition:transform 0.3s;}
#main_box_wrap .box01:hover,#main_box_wrap .box02:hover,#main_box_wrap .box03:hover{border:4px solid #226dc8;box-shadow:10px 10px 20px rgba(0,0,0,0.5);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;transform:translate(0px, -15px)}
#main_box_wrap .box03:nth-child(3){margin-right:0;}
#main_box_wrap .best{position:absolute;width:70px;height:40px;font-size:15px;color:#fff;line-height:40px;background:#ff4800;border-radius:6px 0 0 0;text-align:center;}
#main_box_wrap .hit{position:absolute;width:70px;height:40px;font-size:15px;color:#fff;line-height:40px;background:#0063a9;border-radius:6px 0 0 0;text-align:center;}
#main_box_wrap .p_logo{height:50px;}
#main_box_wrap .box_conts{width:100%;padding:50px 20px;text-align:left;}
#main_box_wrap .price{height:26px;font-size:18px;font-weight:normal;text-decoration:line-through;color:#999;}
#main_box_wrap .price_dw{font-size:32px;font-weight:600;}
#main_box_wrap span.won{font-size:15px;font-weight:400;color:#777;}
#main_box_wrap .p_img{margin: 20px auto;height:90px;text-align:center;overflow:hidden;}
#main_box_wrap .p_img img{max-height:140px;}
#main_box_wrap .dl-horizontal.p_conts{position:relative;}
#main_box_wrap .dl-horizontal dt{float:left;width:40px;overflow:hidden;clear:both;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
#main_box_wrap .dl-horizontal dd{margin-left:50px;}
#main_box_wrap dl{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;}

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

	#main_section01{background:#333;}
	#main_visual_area{padding:50px 0;text-align:center;}
	#bgVideo{position:absolute;width:100%;top:0;left:0;right:0;bottom:0;}
	#main_box_wrap{position:relative;padding:0 80px;max-width:100%;top:auto;left:auto;display:inline-block;width:100%;margin-left:-15px;margin-right:-15px;}
	#main_box_wrap .box03{width:33.33% !important;padding:0 15px;margin:0 auto;width:auto;height:auto;background:none;border-radius:0;border:none;box-shadow:none;}
	#main_box_wrap .box03 .inner{border-radius:10px;background:#fff;box-shadow:10px 10px 20px rgba(0,0,0,0.2);border:1px solid transparent;transition:transform 0.3s;}

	#main_section1{margin:0; /* padding: 50px 0 30px; */}
	#main_section1 .main_visual{padding: 0 30px;}
	#main_section1 .main_visual .box {width: 45%;}
	#main_section1 .main_visual .title h1 {font-size: 40px; line-height: 50px;}

	#main_section2 .container_icon .icon_box{padding: 30px;}
	
	#main_section7 {margin: 100px 0 80px;}
	#main_section7.page_box .con01 .left .txt{height: 350px;}
	#main_section7.page_box .con01 .left .txt .icon_box dd{width: 90px; height: 90px;}
	#main_section7.page_box .con01 .left .txt .icon_box dd > p{font-size: 13px;}

	
}

@media all and (max-width:1200px){
	#main_box_wrap{padding:0 40px;}
	#main_box_wrap .box03{padding:0 10px;}
	#main_box_wrap .box_conts{padding:40px 20px;}
	#main_box_wrap .best,#main_box_wrap .hit{width:60px;height:35px;font-size:14px;line-height:35px;}
	#main_box_wrap .price{font-size:17px;}
	#main_box_wrap .price_dw{font-size:30px;}
	#main_box_wrap span.won{font-size:14px;}
	#main_box_wrap .p_img{margin:15px auto;height:70px;}
	#main_box_wrap .dl-horizontal dt,#main_box_wrap .dl-horizontal dd{font-size:15px;}
	#main_box_wrap .dl-horizontal dt{width:35px;}
	#main_box_wrap .dl-horizontal dd{margin-left:40px;}
}

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

}

@media all and (max-width:930px){
	#main_section8 .service_center{margin: 30px 20px; padding: 30px 20px;}
	#main_section8 .service_center ul{margin: 20px 20px 0;}
	#main_section8 .service_center ul li a{font-size: 14px;padding: 10px;}
	#main_section8 .service_center .wrap > div h3{font-size: 23px; line-height: 25px;}
	

}

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

	.title_wrap{margin: 0 0 30px;}
	.title_wrap .title h1{font-size: 30px;}
	.title_wrap .title p {font-size: 17px;}
	.title_wrap .btn {font-size: 15px; padding: 10px 25px; margin: 20px 0 0;}

	.product .prd a{margin: 0; padding: 0 15px 15px;}
	.product .prd a > .txt h2{font-size: 17px; line-height: 25px; margin:5px 0;}
	.product .prd a > .txt p.org_price{font-size: 13px; padding: 3px 5px 0; line-height: 20px; float: right;}
	.product .prd a > .txt p.price{font-size: 16px; text-align: right;}
	.product .prd a > .txt p.price > small{font-size: 14px;}

	#main_section3, #main_section4, #main_section6{margin: 60px 0 0;}

	#main_section5 {margin: 60px 0 0; padding: 50px 0 30px;}
	#main_section5 .cloud {display: block;}
	#main_section5 .cloud .img {width: 70%; margin: auto;}
	#main_section5 .cloud .txt h1 {font-size: 25px; line-height: 35px;}
	#main_section5 .cloud .txt p {font-size: 16px; letter-spacing: -1px; margin-bottom: 0;}
	#main_section5 .cloud .btn {font-size: 15px; padding: 15px 25px;}
	
	/*
	#main_section6 .product{margin: 0;}
	#main_section6 .product .prd2 a {box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 25px 20px 20px; border-radius: 20px; margin: 0 0 20px;}
	#main_section6 .product .prd2 a > .txt h2 {font-size: 20px;}
	#main_section6 .product .prd2 a > .txt > p.price {font-size: 16px; margin: 0 0 20px;}
	#main_section6 .product .prd2 a > .txt > p.price > small {font-size: 14px;}
	#main_section6 .product .prd2 a > .basic > ul {gap: 5px;}
	#main_section6 .product .prd2 a > .basic > ul > li{text-align: center; padding: 10px; font-size: 12px; letter-spacing: -1px;}
	*/
	
	#main_section6 .product{margin: 0;}
	#main_section6 .product .prd2 a {box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 30px 20px; border-radius: 10px; margin: 0 0 20px; background: #755fe5;}
	#main_section6 .product .prd2 a > .txt h2 {font-size: 23px; color: #fff;}
	#main_section6 .product .prd2 a > .txt p{font-size: 16px; margin-bottom: 10px; color: #fff;}
	#main_section6 .product .prd2 a > .basic > ul {gap: 5px; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 20px;}
	#main_section6 .product .prd2 a > .basic > ul > li {text-align: center; padding: 10px 5px; font-size: 13px; letter-spacing: -0.5px;}

	.sub_logo{height: 40px; line-height: 30px;}

	.service_center .cs .headset, .service_center .mail .envelope, .service_center .number .phone{margin:0 auto 10px;}
}

@media all and (max-width:768px){
	#main_section8 {margin: 50px 0 0;}
	#main_section8 .service_center{padding: 30px 20px; margin: 30px 20px;}
	.service_center .cs .headset, .service_center .mail .envelope, .service_center .number .phone{width: 40px; height: 40px; line-height: 40px; font-size: 17px; margin:0 auto 10px;}
	#main_section8 .service_center ul{margin: 20px auto 0;}
}

@media all and (max-width:640px){
	#main_section8{margin: 50px 0 0;}
	#main_section8 .service_center {border: 1px solid #ddd; padding: 20px; margin: 30px 0;}
	#main_section8 .service_center .wrap {gap: 15px; justify-content: space-between;}
	#main_section8 .service_center .wrap > div {display: block; margin-bottom: 10px; text-align: center; width: 100%;}
	.service_center .cs .headset, .service_center .mail .envelope, .service_center .number .phone{width: 40px; height: 40px; line-height: 40px; font-size: 17px; margin:0 auto 10px;}
	#main_section8 .service_center .wrap > div h3 {font-size: 17px; line-height: 20px; word-break: break-all;}
	#main_section8 .service_center ul {display: grid; grid-template-columns: 1fr 1fr; margin: 10px 0 0; gap: 5px;}
	#main_section8 .service_center ul li a{font-size: 15px; padding: 10px;}
}

@media all and (max-width:520px){
}

@media all and (max-width:320px){
	#main_section8 .service_center{padding: 15px;}
	.service_center .cs .headset, .service_center .mail .envelope, .service_center .number .phone {width: 30px; height: 30px; line-height: 30px; font-size: 13px;  margin:0 auto 10px;}
	#main_section8 .service_center .wrap > div h3 {font-size: 14px; line-height: 15px;}
	#main_section8 .service_center .wrap > div small {font-size: 12px;}
	#main_section8 .service_center ul{gap: 5px;}
	#main_section8 .service_center ul li a {font-size: 12px; padding: 10px;}
}



/* btn */
.btn-block+.btn-block{margin-top:10px;}
.btn{display:inline-block;padding:10px 16px;margin-left:-1px;font-size:15px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px;}
.btn-default{color:#333;background-color:#fff;border-color:#ccc;}
.btn-primary{color:#fff;background-color:#0063a9;border-color:#0063a9;}
.btn.right{float:right;}
.btn.btn-primary.white{padding:24px 16px;margin-bottom:0;font-size:18px;border:1px solid #fff;background:transparent;}
.btn.btn-primary.white:hover{border:1px solid transparent;background:#fff;color:#333;}
.btn.btn-primary.white_s{padding:14px 16px;font-size:18px;border-top:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);border-left:1px solid transparent;border-bottom:1px solid rgba(255,255,255,0.5);background:transparent;}
.btn.btn-primary.white_s:first-child{border-left:1px solid rgba(255,255,255,0.5);}
.btn.btn-primary.white_s:hover{border:1px solid transparent;background:#fff;color:#333;}
.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed;margin-bottom:-1px;}
.btn-sm, .btn-xs{padding:5px 10px;font-size:14px;line-height:1.5;border-radius:3px;}

/* 이벤트배너 */
.banner{width:100%;min-height:100px;background:#f1f1f1;text-align:center;}

@media all and (max-width:1280px){
	.btn.btn-primary.white{padding:20px 15px;font-size:17px;}
}

@media all and (max-width:980px){
}

@media all and (max-width:800px){
}

@media all and (max-width:768px){
}

@media all and (max-width:640px){
}

@media all and (max-width:520px){
}

@media all and (max-width:480px){
}






/* 자주 찾으시는 서비스 */
#main_section02{margin:80px auto;width:100%;text-align:center;}
#sevice_box_wrap{width:1160px;margin:40px auto;padding:0;}
#sevice_box_wrap .box01, #sevice_box_wrap .box02, #sevice_box_wrap .box03, #sevice_box_wrap .box04{float:left;margin:0 40px 40px 0;padding:40px 30px;width:260px;/* height:340px; */border-radius:10px;border:1px solid #d9d9d9;background:#fff;text-align:left;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;transition:transform 0.3s;}
#sevice_box_wrap .box01:hover, #sevice_box_wrap .box02:hover, #sevice_box_wrap .box03:hover, #sevice_box_wrap .box04:hover{border:1px solid #0063a9;box-shadow:10px 10px 20px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;transform:translate(0px, -10px);}
#sevice_box_wrap .box04:last-child {margin-right:0;}
#sevice_box_wrap .service_icon{margin-top:40px;text-align:center;}
#sevice_box_wrap p{word-break:keep-all;}
.service_icon_h{/* width:200px;*/ }
.service_icon img{width:152px;/* margin-left:105px; */}

@media all and (max-width:1280px){
	#main_section02{margin:70px auto;padding:0 20px;}
	#sevice_box_wrap{width:100%;display:inline-block;margin-left:-15px;margin-right:-15px;margin-top:30px;margin-bottom:0px;}
	#sevice_box_wrap a{float:left;width:25%;padding:0 15px;}
	#sevice_box_wrap .box01,#sevice_box_wrap .box02,#sevice_box_wrap .box03,#sevice_box_wrap .box04{float:none;width:100%;margin:0 auto;}
}

@media all and (max-width:980px){
}

@media all and (max-width:800px){
}

@media all and (max-width:768px){
}

@media all and (max-width:640px){
}

@media all and (max-width:520px){
}

@media all and (max-width:480px){
}

/* main_section03 _ Parallax */
#main_section03{margin:0 auto;width:100%;text-align:center;}
.parallax{background-size:cover !important;background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed !important;padding:100px 0;color:#fff;position:relative;}
.parallax h2, .parallax h3{margin-bottom:20px;color:#fff;font-size:36px;font-weight:300;line-height:1.2;}
.parallax p{color:#fff;font-size:18px;font-weight:300;line-height:1.4;}
.parallax .btn{color:#fff;}
.parallax-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:url('/images/common/overaly.png');}
.parallax1{background:url('/images/parallax/parallax1.jpg') no-repeat;}
.parallax2{background:url('/images/parallax/parallax2.jpg') no-repeat;}
.parallax .btn.solid{margin-left:10px;}

@media all and (max-width:1280px){
	#main_section03 .container .row .col-md-9.text-left{text-align:center !important;margin-bottom:20px;}
	.parallax h2, .parallax h3{margin-bottom:15px;font-size:30px;}
	.parallax p{font-size:17px;}
}

@media all and (max-width:980px){
}

@media all and (max-width:800px){
}

@media all and (max-width:768px){
}

@media all and (max-width:640px){
}

@media all and (max-width:520px){
}

@media all and (max-width:480px){
}



/* main_section04 // 서버호스팅서비스 */
#main_section04{margin:100px auto;width:100%;}
#main_section04 h2{margin-bottom:30px;font-size:36px;}
.list-group-item:first-child{padding:40px 0;border-top-right-radius:10px;border-top-left-radius:10px;}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.list-group-item{position:relative;display:block;padding:20px 30px;margin-bottom:-1px;background-color:#fff;border:0px solid #d9d9d9;}
.list-group-item h3{font-size:20px;}
.list-group-item.buy {font-size:20px;font-weight:300;color:rgba(255,255,255,0.5);background:#0063a9;border:1px solid #0063a9;}
.list-group-item .buy_line {font-size:20px;font-weight:300;color:rgba(255,255,255,0.5);background:#0063a9;border:1px solid #0063a9;text-decoration:line-through;}
.list-group-item.rental{font-size:20px;color:#fff;background:#363e43;border:1px solid #363e43;}
.list-group-item span.won{padding-left:5px;font-size:15px;font-weight:400;color:rgba(255,255,255,0.5);}
.list-group-item .dl-horizontal dt{float:left;width:40px;overflow:hidden;clear:left;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.list-group-item .dl-horizontal dd{margin-left:50px;}
.list-group-item dl{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;}
#main_section04 .list-group{border:1px solid #d9d9d9;border-radius:10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;transition:transform 0.3s;}
#main_section04 .list-group:hover{border:1px solid #0063a9;box-shadow:6px 6px 15px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;transform:translate(0px, -10px);}

@media all and (max-width:1280px){
	#main_section04{margin:70px auto;padding:0 20px;}
	#main_section04 .container{max-width:100%;}
}

@media all and (max-width:980px){
}

@media all and (max-width:800px){
}

@media all and (max-width:768px){
}

@media all and (max-width:640px){
}

@media all and (max-width:520px){
}

@media all and (max-width:480px){
}


/* main_section05 _ Parallax */
#main_section05{margin:0 auto;width:100%;text-align:center;}
#main_section05 h2{font-size:36px;margin-bottom:40px;}
.carousel-control span{position:absolute;top:40%;font-size:30px;}


@media all and (max-width:1280px){
	#main_section05{padding:70px 20px;}
	#main_section05 .container{max-width:100%;}
}

@media all and (max-width:980px){
}

@media all and (max-width:800px){
}

@media all and (max-width:768px){
}

@media all and (max-width:640px){
}

@media all and (max-width:520px){
}

@media all and (max-width:480px){
}


/* etc */
.label{margin-left:10px;padding:.05em .4em .15em;font-size:70%;font-weight:500;}
.label-warning{background-color:#ff9c0f;}
.co_blue{color:#0061b5 !important;}


@media all and (max-width:1280px){
	
}

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

	.container{max-width:100% !important; margin:auto;}
	#main_section1{margin: 0; /*padding: 50px 0 30px; */}
	#main_section1 .main_visual{display: block; height: auto; padding: 0;}
	#main_section1 .main_visual .main_img{width: 100%; margin: auto; padding: 0 20px; margin: 50px 0 0; text-align: center; animation: up-down 1.8s infinite ease-in-out alternate;}
	#main_section1 .main_visual .title h1 {font-size: 25px; line-height: 35px; margin: 0 0 10px; text-align: center;}
	#main_section1 .main_visual .s_txt {display: grid; grid-template-columns: 1fr 2fr; font-size: 13px; padding: 10px 30px;}
	#main_section1 .main_visual .s_txt dt {padding: 5px 0 0 0;}

	#main_section1 .main_visual .title .icon_box{display: flex; text-align: center; margin: 25px 0 15px;}

	#main_section1 .main_visual .icon_box .point{display: block; flex: 1;}
	#main_section1 .main_visual .icon_box .point h3{font-size: 16px;}
	#main_section1 .main_visual .icon_box .point h3 br{display: block;}
	#main_section1 .main_visual .icon_box .point p{font-size: 12px;}
	#main_section1 .main_visual .icon_box .point p br{display: block;}


	#main_section1 .main_visual .s_txt{display: none;}
	#main_section1 .main_visual .icon_box{display: block;}
	#main_section1 .main_visual .main_img{display: block;}
	#main_section1 .main_visual .box{display: none;}
	#main_section1 .main_visual .title h4{font-size: 16px; text-align: center;}
	#main_section1 .carousel-inner .item:nth-of-type(2) .main_img{margin: -20px 0 0 0;}

	.mo_main{padding:0;}
	.mo_main .inner{padding:0 20px;}
	.mo_main section{margin:30px 0 0 0;position:relative;width:100%;}
	.mo_main section h4{font-size:20px;text-align:center;font-weight:400;color:#333;margin-bottom:15px;}
	.mo_main section h4 strong{font-weight:600;}
	.main_event{position:relative;width:100%;}
	.main_event .container-fluid{display:block;}
	.main_event .banner{width:100%;background:none;min-height:auto;}
	.main_event .carousel.slide{width:100%;display:block;float:left;min-height:1px;}
	.main_event .banner .carousel-inner{height:180px;overflow:hidden;display:inline-block;width:100%;}
	.main_event .banner .item{width:100%;margin:0 auto;height:180px;overflow:hidden;border-radius:5px;}
	.main_event .banner .item .event_image{background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%;}
	.main_event .banner .carousel-control.left,.main_event .banner .carousel-control.right{background:none;}
	.main_event .banner .carousel-control.left span{left:10px;}
	.main_event .banner .carousel-control.right span{right:10px;}
	.main_event .banner .carousel-control{width:10%;}
	.event_image.img01{background-image:url('/images/event/banner_mobile_01.jpg');}
	.event_image.img02{background-image:url('/images/event/banner_mobile_02.jpg');}
	.event_image.img03{background-image:url('/images/event/banner_mobile_03.jpg');}
	.event_image.img04{background-image:url('/images/event/banner_mobile_04.jpg');}
	.event_image.img05{background-image:url('/images/event/banner_mobile_05.jpg');}

	.mo_main .main_best{}
	.main_best .best_slide .carousel-inner{width:100%;}
	.main_best .best_slide .item{border:3px solid #1592f4;border-radius:5px;padding:25px;}
	.main_best .best_slide .item .box_conts{position:relative;}
	.main_best .best_slide .item .box_conts h3.p_title{padding-left:50px;color:#333;font-weight:500;}
	.main_best .best_slide .item .box_conts .p_img{top:10px;left:10px;}
	.main_best .best_slide .item .box_conts p.p_through,
	.main_best .best_slide .item .box_conts .price_dw,
	.main_best .best_slide .item .box_conts .price_dwb{padding-left:160px;}
	.main_best .best_slide .item .box_conts span.won{padding-left:3px;}
	.best_slide .carousel-indicators{position:relative;bottom:0;margin-top:10px;}
	.best_slide .carousel-indicators li{border:1px solid #1592f4;}
	.best_slide .carousel-indicators .active{background:#1592f4;}

	.mo_main .main_favorite{background: #f4f4ff; margin: 0; padding: 15px 0; border-radius: 0 0 20px 20px;}
	.main_favorite .icon_wrap{display:flex; gap: 5px;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;flex-direction:row;}
	.main_favorite .icon_wrap .icon_menu{flex:1;text-align:center;}
	.icon_wrap .icon_menu a{position:relative;}
	.icon_wrap .icon_menu img{padding-top:15px;max-width:80px;}
	.icon_wrap .icon_menu .icon_text{padding-bottom:15px;font-size:16px;display:block;}
	.icon_wrap .icon_menu .icon_text br{display:block}

	.mo_main .main_request{position:relative;}
	.main_request .request_wrap{}
	.request_wrap .request_cont{width:100%;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;}
	.request_cont .obj{padding-left:5px;flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
	.request_cont .obj:first-child{padding-left:0px;}
	.request_cont .obj a{width:100%;border-radius:5px;}
	.request_cont .obj a span{font-size:15px;color:#fff;text-align:center;display:block;}
	.request_cont .obj:nth-child(1) a{background:#1592f4;}
	.request_cont .obj:nth-child(2) a{background:#0375ce;}

	.mo_main .main_phone{}
	.main_phone .inner_box{padding:20px;position:relative;text-align:left;border-radius:5px;background:#f4f4f4;}
	.main_phone .inner_box h5{font-size:18px;}
	.main_phone .inner_box p{color:#777;font-size:15px;}
	.main_phone .inner_box a.btn_phone{position:absolute;right:20px;top:50%;margin-top:-20px;width:100px;height:40px;line-height:40px;border-radius:20px;background:#ffd400;color:#333;text-align:center;}

	.mo_main .main_free{}
	.main_free .free_wrap{position:relative;}
	.free_wrap .free_cont{width:100%;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;}
	.free_cont .obj{flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;padding:10px;text-align:center;justify-content:center;align-items:center;}
	.free_cont .obj .image{display:inline-block;margin:0 auto 10px auto;text-align:center;}
	.free_cont .obj .image img{max-width:100px;}
	.free_cont .obj span{font-size:15px;color:#555;text-align:center;display:block;word-break:keep-all;}

	.mo_main .main_idc{}
	.main_idc .advantages_slide{}
	.main_idc .advantages_slide .carousel-inner{width:100%;}
	.main_idc .advantages_slide .item{padding:0px 0 10px 0;}
	.advantages_slide .carousel-indicators{position:relative;bottom:0;margin-top:10px;}
	.advantages_slide .carousel-indicators li{border:1px solid #1592f4;}
	.advantages_slide .carousel-indicators .active{background:#1592f4;}
	.advantages_slide .item .cont_area{width:100%;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;}
	.advantages_slide .item .cont_area .cont{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
	.advantages_slide .item .cont_area .cont.image{}
	.advantages_slide .item .cont_area .cont.image span{width:100%;}
	.advantages_slide .item .cont_area .cont.image span img{max-width:100%;}
	.advantages_slide .item .cont_area .cont.text{padding-left:20px;text-align:left;}
	.advantages_slide .item .cont_area .cont.text h5{font-size:18px;margin-bottom:5px;color:#1592f4;font-weight:500;}
	.advantages_slide .item .cont_area .cont.text span{font-size:16px;color:#777;word-break:keep-all;line-height:1.4;}

	.mo_main .main_notice{}
	.main_notice .notice_area{}
	.notice_area ul{}
	.notice_area ul li{border-bottom:1px dotted #ddd;padding:10px 5px;}
	.notice_area ul li a{display:inline-block;width:100%;}
	.notice_area ul li a span{}
	.notice_area ul li a em.date{font-size:0.938em;color:#999;float:right;}

	.mo_main .main_counseling{position:relative;width:100%;padding:30px 20px;background:#f4f4f4;}
	.mo_main .main_counseling .counseling_area{margin-top:20px;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-left:-5px;margin-right:-5px;}
	.counseling_area .obj{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
	.counseling_area .obj .obj_link{font-size:18px;text-align:center;padding:20px 0;border:1px solid #dedede;width:100%;border-radius:5px;background:#fff;display:inline-flex;align-items:center;justify-content:center;}
	.counseling_area .obj .obj_link .icon{padding-right:5px;}
}

@media all and (max-width:800px){
	.free_cont .obj .image img{max-width:80px;}
}

@media all and (max-width:768px){
	.mo_main .inner{padding:0 15px;}
	.mo_main section{margin:20px 0 0 0;}
	.mo_main section h4{font-size:18px;margin-bottom:10px;}
	.main_event .banner .carousel-inner,
	.main_event .banner .item{height:150px;}
	.icon_wrap .icon_menu img{padding-top:10px;max-width:60px;}
	.icon_wrap .icon_menu .icon_text{padding-bottom:10px;font-size:14px;line-height: 18px;}
	.main_phone .inner_box{padding:15px;}
	.main_phone .inner_box h5{font-size:16px;}
	.main_phone .inner_box p{font-size:14px;}
	.main_phone .inner_box a.btn_phone{right:15px;top:50%;}
	.main_best .best_slide .item{padding:20px;}
	.main_best .best_slide .item .box_conts h3.p_title{padding-left:40px;}
	.main_best .best_slide .item .box_conts .p_img{top:20px;left:0px;}
	.main_best .best_slide .item .box_conts span.won{padding-left:2px;}
	.request_cont .obj a span{font-size:14px;}
	.free_cont .obj .image{margin:0 auto 5px auto;}
	.free_cont .obj .image img{max-width:70px;}
	.free_cont .obj span{font-size:14px;}
	.advantages_slide .item .cont_area .cont.text{padding-left:15px;}
	.advantages_slide .item .cont_area .cont.text h5{font-size:17px;}
	.advantages_slide .item .cont_area .cont.text span{font-size:15px;}
	.mo_main .main_counseling{padding:20px 15px;}
	.counseling_area .obj .obj_link{font-size:16px;padding:15px 0;}
	.mo_main .main_counseling .counseling_area{margin-top:15px;}
}

@media all and (max-width:640px){
	.main_event .banner .carousel-inner,
	.main_event .banner .item{height:140px;}
}

@media all and (max-width:520px){
	.mo_main section h4{font-size:16px;}
	.main_event .banner .carousel-inner,
	.main_event .banner .item{height:130px;}
	.main_phone .inner_box h5{font-size:15px;}
	.main_phone .inner_box p{font-size:13px;}
	.main_best .best_slide .item .box_conts h3.p_title{padding-left:30px;}
	.main_best .best_slide .item .box_conts p.p_through,
	.main_best .best_slide .item .box_conts .price_dw,
	.main_best .best_slide .item .box_conts .price_dwb{padding-left:120px;}
	.advantages_slide .item .cont_area .cont.text h5{font-size:16px;}
	.advantages_slide .item .cont_area .cont.text span{font-size:14px;}
	.counseling_area .obj .obj_link{font-size:15px;padding:10px 0;}
	.mo_main .main_counseling .counseling_area{margin-top:10px;}
	.icon_wrap .icon_menu .icon_text{font-size:14px;}
	.icon_wrap .icon_menu img{padding-top:7px;max-width:40px;}
	.free_cont .obj .image img{max-width:60px;}
}

@media all and (max-width:480px){
	.main_event .banner .carousel-inner,
	.main_event .banner .item{height:120px;}
	.icon_wrap .icon_menu img{padding-bottom: 10px;max-width:40px;}
	.icon_wrap .icon_menu .icon_text{padding-bottom:7px;}
	.main_phone .inner_box h5{font-size:14px;}
	.advantages_slide .item .cont_area .cont.text h5{font-size:15px;}
	.advantages_slide .item .cont_area .cont.text span{font-size:13px;}
	.free_cont .obj .image img{max-width:50px;}
	.free_cont .obj span{font-size:13px;}
	.counseling_area .obj .obj_link{font-size:14px;}
}

@media all and (max-width:360px){
	.icon_wrap .icon_menu .icon_text,
	.advantages_slide .item .cont_area .cont.text span,
	.free_cont .obj span,
	.main_phone .inner_box p{font-size:12px;}
	.advantages_slide .item .cont_area .cont.text h5{font-size:14px;}
	.counseling_area .obj .obj_link{font-size:13px;}
	.icon_wrap .icon_menu img{max-width:40px;}
	.free_cont .obj .image img{max-width:45px;}
}