@charset "utf-8";
/*main_layout*/
#main_layout{}
#main_layout #visual {
    position:relative;
}
#main_layout #visual .slide_box *:focus {
    outline:0;
}
#main_layout #visual .slide_box .slick-list, #main_layout #visual .slide_box .slick-track {
    width:100%; 
    overflow:hidden; 
    zoom:1;
}
#main_layout #visual .slide_box button {
    position:absolute; 
    top:50%; 
    margin-top:-40px; 
    left:0; 
    z-index:10; 
    width:55px; 
    height:80px; 
    border:0; 
    font-size:0; 
    background:url(../images/main/visual_prev.png) no-repeat center top; 
    z-index:9998;
}
#main_layout #visual .slide_box button.slick-next {
    left:auto; 
    right:0; 
    background:url(../images/main/visual_next.png) no-repeat center top;
}
#main_layout #visual .slide_box button:hover {
    background-position:center bottom;
}
#main_layout #visual .slide_box .slick-slide {
    width:100%; 
    background-repeat:no-repeat; 
    background-position:center center; 
    background-size:cover; 
    background-attachment:fixed; 
    float:left; 
    position:relative;
}
#main_layout #visual .slide_box .slide_01 {
    background-image:url(../images/main/visual_01.png);
}
#main_layout #visual .slide_box .slide_02 {
    background-image:url(../images/main/visual_02.png);
}
#main_layout #visual .slide_box .slide_03 {
    background-image:url(../images/main/visual_03.png);
}
#main_layout #visual .slide_box ul.text {
    position:absolute; 
    top:50%; 
    margin-top:-110px; 
    width:100%;
}
#main_layout #visual .slide_box .slide_01 ul.text {
    margin-top:-95px;
}
#main_layout #visual .slide_box ul.text li {
    color: rgba(33, 44, 51, 1);
    text-align: center;
    padding: 0 15%;
}
#main_layout #visual .slide_box ul.text.right li {
    color: rgba(33, 44, 51, 1);
    text-align: right;
    padding: 0 15%;
}
#main_layout #visual .slide_box ul.text .slider_logo_slogan {
    margin-bottom: 16px;
    opacity: 1;
    color: #ddc289;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-size: 20px;
    text-align: center;
    letter-spacing: 3px;
}
#main_layout #visual .slide_box ul.text .slider_logo_slogan_01{
    margin-bottom: 16px;
    opacity: 1;
    color: #ddc289;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-size: 20px;
    text-align: center;
    letter-spacing: 3px;
}
#main_layout #visual .slider_logo2 {
    width: 342px;
    height: 42px;
    background-size: 276px 37px;
    margin: 0 auto;
    opacity: .9;
}
#main_layout #visual .slide_box ul.text .slider_logo_slogan span{
    padding: 0 6px;
    opacity: 1;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-size: 18px;
    text-align: center;
    letter-spacing: 3px;
    color: rgba(255, 255, 255, .9);
    background: rgba(203, 169, 99, .95);
}
#main_layout #visual .slide_box ul.text.right .slider_logo_slogan_01 span{
    padding: 0 6px;
    opacity: 1;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px;
    color: rgba(255, 255, 255, .9);
    background: rgba(203, 169, 99, .95);
}
#main_layout #visual .slide_box ul.text.left li {
    color: rgba(33, 44, 51, 1);
    text-align: left;
    padding: 0 15%;
}
#main_layout #visual .slide_box ul.text.left .slider_logo_slogan_01 span{
    padding: 0 6px;
    opacity: 1;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px;
    color: rgba(255, 255, 255, .9);
    background: rgba(203, 169, 99, .95);
}
#main_layout #visual .slide_box ul.text li.small {
    font-size:22px; 
    line-height: 16px;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-weight:500; 
    margin-bottom:40px;
}
#main_layout #visual .slide_box ul.text.right li.small {
    font-size: 28px;
    color: rgba(0, 0, 0, .75);
    line-height: 20px;
    margin-bottom: 0;
}
#main_layout #visual .slider_logo {
    background: url(../images/main/m_slider01_logo.png) no-repeat center center;
}
#main_layout #visual .slider_logo2 {
    background: url(../images/main/m_slider02_logo.png) no-repeat center center;
}
#main_layout #visual .slider_logo3 {
    background: url(../images/main/m_slider03_logo.png) no-repeat center center;
}
#main_layout #visual .slider_logo {
    width: 400px;
    height: 48px;
    background-size: 400px 48px;
    margin: 0 auto;
    opacity: .9;
}
#main_layout #visual .slider_logo2 {
    width: 400px;
    height: 53px;    
    background-size: 400px 53px;
    position: absolute;
    top: 80px;
    bottom: 0;
    right: 0;
    margin-bottom: 40px;
    margin: 0 auto;
    opacity: .9;
}
#main_layout #visual .slider_logo3 {
    width: 400px;
    height: 53px;    
    background-size: 400px 53px;
    position: absolute;
    top: 80px;
    bottom: 0;
    left: 0;
    margin-bottom: 40px;
    margin: 0 auto;
    opacity: .9;
}
#main_layout #visual .slider_text_wrap {
    left: 0;
    width: 350px;
    height: auto;
    color: #fff;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-size: 14px;
    text-align: justify;
    letter-spacing: -1px;
    opacity: 1;
}
#main_layout #visual .slider_text_wrap p {
    color: #ddc289;
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: -0.3px;
}
#main_layout #visual .slide_box ul.text li.big {
    font-size:50px; 
    line-height:55px; 
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-weight:400;
}
#main_layout #visual .slide_box ul.text.right li.big{
    top: 80px;
}
#main_layout #visual .slide_box ul.text li.deco {
    width:30px; 
    height:3px; 
    background-color:#41a6ee; 
    margin:16px auto; 
    padding:0;
}
#main_layout #visual .slide_box ul.text.right li.deco {
    width:30px; 
    height:3px; 
    background-color:#41a6ee; 
    margin:16px auto; 
    padding:0;
}
#main_layout #visual .slide_box ul.text li.small {
    font-size:22px; 
    line-height: 16px;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-weight:500; 
    margin-bottom:40px;
}
#main_layout #visual .slide_box ul.text li.btn a {
    color:#fff; 
    font-size:13px; 
    display:inline-block; 
    height:38px; 
    line-height:38px;
    border:1px solid #fff; 
    border-radius:20px; 
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-weight:400; padding:0 40px 0 20px; 
    background:url(../images/main/more_case_w.png) no-repeat right 15px center;
    transition:all 0.1s ease-out;
}
#main_layout #visual .slide_box ul.text li.btn a:hover {
    color:#55b9ff; 
    background:url(../images/main/more_case_b.png) no-repeat right 15px center #fff;
}
#main_layout #visual .news_box {
    position:absolute; 
    bottom:0; 
    left:0; 
    width:100%; 
    height:60px; 
    line-height:60px;
    background: #4f9bf4;
    overflow:hidden; 
    z-index:9999;
}
#main_layout #visual .news_box * {
    color:#fff;
}
#main_layout #visual .news_box>div {
    float:left; 
    min-height:60px;
}
#main_layout #visual .news_box>div.title {
    width:25%; 
    background-color: rgba(0, 0, 0, .25);
    text-align:right;
}
#main_layout #visual .news_box>div.title span {
    display:inline-block;
    padding:0 20px 0 40px;
    background:url(../images/main/notice_icon.png) no-repeat left center; 
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
}
#main_layout #visual .news_box>div.list {
    width:50%; 
    position:relative; 
    height:60px;
}
#main_layout #visual .news_box>div.list *:focus {
    outline:0;
}
#main_layout #visual .news_box>div.list .slick-list {
    overflow:hidden;
}
#main_layout #visual .news_box>div.list button {
    position:absolute; 
    top:50%;
    margin-top: -16px;
    right:-85px; 
    z-index:99777;
    width: 32px; 
    height: 32px;
    font-size:0; border:0; 
    background-color:transparent; 
    background:url(../images/main/news_next.png) no-repeat center top;
}
#main_layout #visual .news_box>div.list button.slick-prev {
    background:url(../images/main/news_prev.png) no-repeat center top; 
    right:-50px;
}
#main_layout #visual .news_box>div.list button:hover {
    background-position:center bottom;
}
#main_layout #visual .news_box>div.list div.slick-slide {
    padding:0 15px; 
    position:relative; 
    float:left;
}
#main_layout #visual .news_box>div.list div.slick-slide a {
    font-size:15px; 
    font-weight:300;
}
#main_layout #visual .news_box>div.list div.slick-slide a span {
    margin-right:10px; 
    opacity:0.5;
}
#main_layout #visual .news_box>div.list div.slick-slide>span {
    position:absolute; 
    top:0; 
    right:20px; 
    opacity:0.5; 
    font-size:13px; 
    font-weight:400;
}
#main_layout #visual .news_box>div.control {
    width:25%;
    background-color: rgba(255, 255, 255, .25);
}
#main_layout .main_title {
    text-align:center; 
    margin-bottom:20px;
}

#main_layout .main_title ul li.eng {
    font-size:34px;
    font-weight: 500;
    letter-spacing: .5px;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";    
    color: #0a1939;
}
#main_layout .main_title ul li.eng span {
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
}
#main_layout .main_title ul li.deco {
    width:30px;
    height: 2px;
    background-color: #256baa;
    margin: 15px auto;
}
#main_layout .main_title ul li.kor {
    font-size:15px; 
    line-height:25px; 
    font-weight:300;
}
#main_layout .main_button {
    padding-top:60px; 
    text-align:center;
}
#main_layout .main_button a {
    display:inline-block; 
    font-size:13px;
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";    
    font-weight:300; 
    color:#fff; 
    height:38px; 
    line-height:38px; 
    border:1px solid #4f9bf4; 
    background:url(../images/main/more_case_w.png) no-repeat right 15px center #4f9bf4; 
    border-radius:20px; 
    padding:0 40px 0 20px; 
    transition:all 0.1s ease-out;
}
#main_layout .main_button a:hover {
    border:1px solid #4f9bf4; 
    background:url(../images/main/more_case_b.png) no-repeat right 15px center #fff; 
    font-weight: 500;
    color:#4f9bf4;
}
/* main_netusolution */
#main_layout #nts{
    padding:90px 0;    
}
#main_layout #nts .list {
    overflow:hidden; zoom:1;
}
#main_layout #nts .list>div {
    float:left; 
    width:25%;
}
#main_layout #netu-solution{
    overflow:hidden; zoom:1;    
}
#main_layout #netu-solution>div {
    width:25%;
    float:left; 
    height:0;   
    padding-bottom:25%; 
    background-repeat:no-repeat; 
    background-position:center center; 
    background-size:cover; 
    cursor:pointer; 
    position:relative;}
#main_layout #netu-solution>div>ul {    
    position:absolute; 
    top:50%;    
    margin-top:-90px; 
    left:0; width:100%; 
    z-index:2; 
    transition:all 0.1s ease-out;
}
#main_layout #netu-solution>div>ul>li {
    color:#2d5788; 
    text-align:center;
}
#main_layout #netu-solution>div>ul>li.text {
    font-size:20px; 
    line-height:25px; 
    font-family: 'Roboto','Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움";
    font-weight:700;
}
#main_layout #netu-solution>div>ul>li.text span{
    display: inline-block; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    color: #2d5788;
} 
#main_layout #netu-solution>div>ul>li.text ul {
    padding-top:0px; 
    margin:0px;
}
#main_layout #netu-solution>div>ul>li.text ul li {
    font-size:15px; 
    font-weight:300; color:#61748b; 
    position:relative;
    /*
    padding-left:12px;*/
    margin-bottom:8px; 
    line-height: 1.42;
    letter-spacing: -0.14px;
    word-break: keep-all;
    font-weight: 400;
}
/* //main_netusolution */

/* support */
#main_layout #support {overflow:hidden; zoom:1;}
#main_layout #support>div {
    /*width:25%;*/
    width:100%;	
    float:left; 
    height:0; 
    padding-bottom:25%; 
    background-repeat:no-repeat; 
    background-position:center center; 
    background-size:cover;
    cursor:pointer; 
    position:relative;
}
#main_layout #support>div.group_01 {
    background-image:url(../images/main/support_01.png);
}
#main_layout #support>div.group_02 {
    background-image:url(../images/main/support_02.png);
}
#main_layout #support>div.group_03 {
    background-image:url(../images/main/support_03.png);
}
#main_layout #support>div.group_04 {
    background-image:url(../images/main/support_04.png);
}
#main_layout #support>div>ul {
    position:absolute; 
    top:50%; 
    margin-top:-90px; 
    left:0; width:100%; 
    z-index:2; 
    transition:all 0.1s ease-out;
}
#main_layout #support>div>ul>li {
    color:#fff; 
    text-align:center;
    font-weight: 500;
}
#main_layout #support>div>ul>li.icon>i {
    font-size:100px; 
    color:#fff;
}
#main_layout #support>div>ul>li.deco {
    width:30px; 
    height:3px; 
    background-color:#fff; 
    margin:20px auto;
}
#main_layout #support>div>ul>li.text ul {
    padding-top:20px; 
    border-top:1px solid #fff; 
    margin:40px; 
    display:none;
}
#main_layout #support>div>ul>li.text ul li {
    font-size:15px; 
    line-height:20px; 
    font-weight:300; 
    color:#fff; 
    position:relative; 
    padding-left:12px; 
    margin-bottom:8px; 
    text-align:left;
}
#main_layout #support>div>ul>li.text ul li span {
    position:absolute; 
    top:0; 
    left:0; 
    opacity:0.6; 
    color:#fff;
}
#main_layout #support>div p.blind {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background-image:none; 
    transition:all 0.5s ease-out;
}
#main_layout #support>div:hover>ul {
    margin:0; 
    top:80px;
}
#main_layout #support>div:hover>ul>li.text ul {
    display:block;
}
#main_layout #support>div:hover p.blind {
    background: rgba(0, 213, 121, .95);
}
/* //support */
#main_layout #service {
    padding:100px 0; 
    background:url(../images/main/service_bg.png) no-repeat center top #f9f9fb; 
    background-attachment:fixed; 
    position:relative;
}
/* customer */
#main_layout #customer {
    padding:80px 0;
    
    background: #ededed;
}
#main_layout #customer .main_title ul li.eng {
    font-size:34px;
}
#main_layout #customer .banner_box {
    height:60px; 
    margin:0 50px; 
    position:relative;
}
#main_layout #customer .banner_box *:focus {
    outline:0;
}
#main_layout #customer .banner_box button {
    position:absolute; 
    top:5px; 
    left:-50px; 
    width:50px; 
    height:50px; 
    font-size:0; 
    border:0; 
    background:url(../images/main/partner_prev.png) no-repeat center top; 
    z-index:9998;
}
#main_layout #customer .banner_box button.slick-next {
    left:auto; 
    right:-50px; 
    background:url(../images/main/partner_next.png) no-repeat center top;
}
#main_layout #customer .banner_box button:hover {
    background-position:center bottom;
}
#main_layout #customer .banner_box .slick-list {
    overflow:hidden;
}
#main_layout #customer .banner_box .slick-slide {
    width:20%; 
    float:left;
}
#main_layout #customer .banner_box .slick-slide img {
    width:100%; 
    height:auto; 
    display:block;
}
/* //customer */

/* Counseling -견적/상담신청  */
#main_layout #counseling {
    padding: 60px 0;    
}
#main_layout #counseling .main_title .text_s{
    color: #666; 
    font-size: 18px; 
    letter-spacing: 1; 
    background: rgba(255, 255, 255, .45);     
}
#main_layout #counseling.counseling_bg{
    background: #ffffff url(../images/main/lastsectionbg.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    /*
    background-size: contain !important;*/   
}
#main_layout #counseling .txt_num{
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #0063d3; 
    margin-bottom: 4px;    
}
#main_layout #counseling .txt_s{
    letter-spacing: 1px;
    color: #4f9bf4;
}
#counseling .wrap{
	background: rgba(255, 255, 255, .5);
}
#counseling .c1{
	font-size: 32px; 
	padding-bottom: 20px; 
	font-weight: 500;	
}
#counseling .c2{
	padding-bottom: 10px;	
}
#counseling .c3{
	font-size: 40px; 
	font-weight: 500; 
	letter-spacing: 2px; 
	color: #0063d3;	
}
#counseling .left{
	float: left; 
	width: 50%; 
	text-align: center;	
}
#counseling .right{
	float: left; 
	width: 50%; 
	text-align: center;	
}
/*
#counseling .left:after{
	content: "/";
    color: #009cff;
    font-size: 65px;
    position: relative;
    display: inline-block;
    -ms-transform: rotate(26deg);
    -webkit-transform: rotate(26deg);
    transform: rotate(26deg);
    font-weight: 400;
    top: -80px;
    left: 50%;
    
    position: absolute;
    top: 22px;
    left: 49%;
}*/
/* // Counseling - 견적/상담신청 */


/* location */
#main_layout #location {
    position:relative;
}
#main_layout #location iframe {
    display:block;
}

@media screen and (max-width: 1680px) {
	#main_layout #support>div>ul>li.icon>i {
        font-size:75px;
    }	
	#main_layout #support>div:hover>ul {
        top:60px;
    }
	#main_layout #support>div>ul>li.icon>i{
        font-size:50px;
    }
 	#main_layout #support>div>ul>li.icon>img{
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
    }   
	#main_layout #support>div>ul>li.deco {
        margin:10px auto;
    }
	#main_layout #support>div>ul>li.text ul {
        margin:20px 40px;
    }
	#main_layout #support>div:hover>ul {
        top:40px;
    }
    #main_layout #netu-solution>div>ul>li.icon>i {
        font-size:75px;
    }	
	#main_layout #netu-solution>div>ul>li.icon>i {
        font-size:50px;
    }
	#main_layout #netu-solution>div>ul>li.deco {
        margin:10px auto;
    }
	#main_layout #netu-solution>div>ul>li.text ul {
        margin:20px 40px;
    }
}
/* //location */

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
	#main_layout #visual .slide_box ul.text li.big {
        font-size:40px; 
        line-height:45px;
    }
	#main_layout #visual .slide_box ul.text li.small {
        font-size:16px; 
        line-height:26px;
    }
	#main_layout #visual .slide_box ul.text li.deco {
        margin:20px auto;
    }
	#main_layout #support>div:hover>ul {
        top:30px;
    }
	#main_layout #support>div>ul>li.text ul {
        margin:15px 30px; 
        padding-top:15px;
    }
	#main_layout #support>div>ul>li.text ul li {
        font-size:13px; 
        line-height:18px;
    }
	#main_layout #visual .news_box>div.list>div a {
        display:block; 
        margin-right:80px; 
        overflow:hidden;
    }
	#main_layout #netu-solution>div>ul>li.text ul li {
        font-size:13px; 
        line-height:18px;
    }
}

@media screen and (max-width: 1280px) {
     #main_layout #netu-solution>div {
        width:50%;
    }    
	#main_layout #support>div {
        width:50%;
    }
	#main_layout #support>div>ul {
        margin-top:-42px;
    }
	#main_layout #support>div>ul>li.icon>i {
        font-size:35px;
    }
	#main_layout #support>div>ul>li.text {
        font-size:16px; 
        line-height:21px;
    }
	#main_layout #support>div>ul>li.text ul {
        margin:15px;
    }
	#main_layout #support>div:hover>ul {
        top:20px;
    }
	#main_layout #support>div:hover>ul>li.deco {
        display:none;
    }    
}

@media screen and (max-width: 1024px) {
	#main_layout #visual .news_box>div.title {
        /*
        width:120px; */
        width: 140px;
        position:absolute;
        bottom:0; 
        left:0;
    }
	#main_layout #visual .news_box>div.list {
        float:none; 
        width:auto;
        /*
        padding:0 120px;*/
        padding-left:140px;
        padding-right: 120px;
    }
	#main_layout #visual .news_box>div.control{
        width:120px; 
        position:absolute; 
        bottom:0; 
        right:0;
    }
	#main_layout #visual .news_box>div.list button {
        right:30px;
    }
	#main_layout #visual .news_box>div.list button.slick-prev {
        right:65px;
    }
	#main_layout .main_title {
        margin-bottom:40px;
    }
	#main_layout .main_title ul li.eng {
        font-size:30px; 
        line-height:35px;
    }
	#main_layout .main_title ul li.deco {
        width:20px; 
        margin:15px auto;
    }
	#main_layout .main_button {
        padding-top:40px;
    }
	#main_layout #customer {
        padding:60px 0;
    }
	#main_layout #location iframe {
        height:280px !important;
    } 
    
 	
 	#main_layout #counseling {
    	padding: 0 0;
    }
    #main_layout #counseling .wrap{
    	padding: 40px 0;    
    }
 	#counseling .c1{
 	    font-size: 24px;
 		padding-bottom: 10px;
 	}
 	#counseling .c2{
 	    font-size: 12px;
 	    color: #666; 
 	    	
 	}
 	#counseling .c3{
 	    font-size: 28px; 	
 	}
 	#counseling .b1{
 		color: rgba(255, 255, 255, 1);
 		background: rgba(0, 0, 0, .45);
 		margin: 20px 10px 0 10px;
 		clear: both;
 		font-size: 12px;
 		padding: 5px;
 	}
 	#counseling .left{
		float: left; 
		width: 100%; 
		text-align: center;	
	}
	#counseling .right{
		float: left; 
		width: 100%; 
		text-align: center;	
		margin-bottom: 20px;
	}
	#counseling .left:after{
		content: "";
		position: relative;
		display: inline-block;
		background: #0a1939;
		width: 240px;
		height: 1px;
		margin: 20px 0;	
	}
	
	
	/*
	#counseling .left:after{
		content: "/";
	    color: #009cff;
	    font-size: 45px;
	    position: relative;
	    display: inline-block;
	    -ms-transform: rotate(26deg);
	    -webkit-transform: rotate(26deg);
	    transform: rotate(26deg);
	    font-weight: 400;
	    top: 0;
	    left: 0;
	} */       
}

@media screen and (max-width: 800px) {
	#main_layout #visual {
        height:400px !important;
    }
	#main_layout #visual .slick-slide {
        height:400px !important; 
        background-attachment:inherit !important;
    }
    /*
	#main_layout #visual p.scroll_down {
        display:none;
    }*/
	#main_layout #visual .slide_box button {
        width:30px; 
        height:44px; 
        background-size:100% !important; 
        margin-top:-22px;
    }
	#main_layout #visual .slide_box ul.text {
        margin-top:-75px;
    }
	#main_layout #visual .slide_box. ul.text.right {
        margin-top:-75px;
    }    
	#main_layout #visual .slide_box .slide_01 ul.text {
        margin-top:-75px;
    }
	#main_layout #visual .slide_box .slide_02 ul.text {
        margin-top:-85px;
    }
	#main_layout #visual .slide_box .slide_03 ul.text.right {
        margin-top:-85px;
    }
 	#main_layout #visual .slide_box .slide_03 ul.text.right .slider_logo_slogan_01{
        margin-bottom: 10px;
        line-height: 20px;
    }
  	#main_layout #visual .slide_box .slide_03 ul.text.right .slider_logo_slogan_01 span{
        font-size: 16px;
        line-height: 20px;
    }      
	#main_layout #visual .slide_box ul.text li.big {
        width: 300px;
        height: 36px;
        background-size: 300px 36px;
    }
	#main_layout #visual .slide_box ul.text li.deco {
        margin:15px auto; 
        width:20px;
    }
	#main_layout #visual .slide_box ul.text li.small {
        font-size:16px; 
        line-height:21px; 
        margin-bottom:20px;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 10%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 90%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 10%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 90%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255,255,255,0) 10%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }
	#main_layout #visual .slide_box ul.text.right li.small {       
        font-size:20px; 
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 10%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0) 95%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 10%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0) 95%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255,255,255,0) 10%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }    
	#main_layout #visual .slide_box ul.text li.btn a {
        height:30px; 
        line-height:30px; 
        font-size:12px;
    }
	#main_layout #visual .slide_box ul.text.right li.big {
        width: 55px;
        margin: 0 15%;
        background-size: contain;
    }     
	#main_layout #visual .news_box {
        height:50px; 
        line-height:50px;
    }
	#main_layout #visual .news_box>div {
        min-height:50px;
    }
	#main_layout #visual .news_box>div.title {
        width:100px;
    }
	#main_layout #visual .news_box>div.title span {
        font-size:14px;
        padding: 0 10px 0 32px;
        background-size: 28px;
    }
	#main_layout #visual .news_box>div.list {
        padding:0 100px; 
        height:50px;
    }
	#main_layout #visual .news_box>div.list>div a {
        height:50px; 
        overflow:hidden;
    }
	#main_layout #visual .news_box>div.control {
        width:100px
    }
    #main_layout #visual .news_box>div.list button.slick-prev {
        right: 55px;
    }
    #main_layout #visual .news_box>div.list button {
        right: 15px;
    }
    /*
	#main_layout #service .list {
        text-align:left
    }
	#main_layout #service .list>div {
        width:32%; 
        margin:0 0.5% 6px 0.5%;
        float:none; 
        display:inline-block;
    }*/
    #main_layout #netu-solution>div {
        width:100%; 
        float:none; 
        height:auto;
        padding-bottom: 5%;;
    }
    #main_layout #netu-solution>div ul{
        position: relative;
        margin-top: 0px;        
    }    
	#main_layout #support>div {
        width:100%; 
        float:none; 
        padding:40px 0; 
        height:auto;
    }
	#main_layout #support>div>ul {
        position:relative; 
        top:auto; 
        left:auto; 
        margin:0;
    }
	#main_layout #support>div>ul>li.text ul{
        margin:20px 40px 0 40px;
    }
	#main_layout #support>div:hover>ul>li.deco {
        display:block;
    }
	#main_layout #support>div:hover>ul {
        top:0;
    }
	#main_layout #customer .wrap {
        padding:0;
    }
	#main_layout #customer .banner_box {
        margin:0; 
        height:auto;
    }
	#main_layout #customer .banner_box button {
        display:none !important;
    }
           
}


@media screen and (max-width: 640px) {
    
	#main_layout #visual .slide_box ul.text li.small br {
        display:none;
    }
	#main_layout #visual .news_box {
        height:40px; 
        line-height:40px;
    }
	#main_layout #visual .news_box>div.title {
        text-align:center; 
        width:60px; 
        min-height:40px;
    }
	#main_layout #visual .news_box>div.title span {
        background:none; 
        padding:0; 
        font-size:12px;
    }
	#main_layout #visual .news_box>div.list {
        height: 40px;
        min-height: 40px;
        padding:0 10px 0 60px;
    }	
	#main_layout #visual .news_box>div.control {
        display:none;
    }	
	#main_layout #visual .news_box>div.list button {
        display:none !important;
    }
	#main_layout .main_title ul li.eng {
        margin-bottom:10px;
    }
	#main_layout .main_title ul li.deco {
        display:none;
    }
	#main_layout .main_title ul li.kor {
        font-size:14px; 
        line-height:24px; 
        padding:0;
    }
	#main_layout .main_title ul li.kor br {
        display:none;
    }
	#main_layout #customer .wrap .main_title {
        padding:0 40px;
    }
}

@media screen and (max-width: 480px) {
	#main_layout #visual {
        height:300px !important;
    }
	#main_layout #visual .slick-slide {
        height:300px !important; 
        background-attachment:inherit !important;
    }
	#main_layout #visual .slide_box ul.text {
        position:relative; 
        margin:0 !important;
        top:0; 
        padding-top:90px;
    }
    #main_layout #visual .slide_box  .slick-track{}    
	#main_layout #visual .slide_02 ul.text {
        padding-top:80px;
    }
    #main_layout #visual .slide_02 ul.text.right{
    }
	#main_layout #visual .slide_02 ul.text, #main_layout #visual .slide_04 ul.text {
        padding-top:105px;
    }
	#main_layout #visual .slide_box ul.text li {
        padding:0 40px;
    }
    #main_layout #visual .slide_box ul.text.right li {
        padding:0 40px;
        text-align: center;
        font-size: 20px;
    }
    #main_layout #visual .slide_box ul.text.right .slider_logo_slogan_01{
        margin-bottom: 8px;
    }
    #main_layout #visual .slide_box ul.text.right .slider_logo_slogan_01 span{
        font-size: 18px
    }   
	#main_layout #visual .slide_box ul.text li.big{
	    /*
        width: 280px;*/
        width: 240px;
        /*
        height: 34px;*/
        background-size: 280px 34px;
        margin-bottom:10px;
    }
    #main_layout #visual .slide_box ul.text.right li.big {
        width: 150px;
        top: 0;
        margin: 0 auto;
        position: relative;
        background-size: contain;
    }
    #main_layout #visual .slide_box ul.text.right li.big.slider_logo2{}
    #main_layout #visual .slide_box ul.text.right li.big.slider_logo3{}
	#main_layout #visual .slide_box ul.text li.big br {
        display:none;
    }
	#main_layout #visual .slide_box ul.text li.deco {
        display:none;
    }
	#main_layout #visual .slide_box ul.text li.small {
        margin-top: 8px;
        /*
        font-size:16px;*/
        font-size: 15px;
        line-height:19px;
        background: rgba(255, 255, 255, .25);
    }
    #main_layout #visual .slide_box ul.text.right li.small {
        font-size:16px; 
        line-height:19px;
        text-align: center;
    }
    #main_layout #nts {
    padding: 50px 0 25px 0;
    }
	#main_layout #support {
        /*
        padding:25px 0; 
        display:none;*/
    }
	#main_layout #customer {
        /*
        padding:25px 0;
        display:none;*/
    }
	#main_layout #location iframe {height:164px !important;}

	#main_layout #counseling.counseling_bg {
	    background-position: -1000px !important;
	    background-size: inherit !important;
	}
	#main_layout #counseling .content{
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 21%, rgba(255,255,255,0.75) 30%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0.75) 80%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 21%,rgba(255,255,255,0.75) 30%,rgba(255,255,255,0.75) 70%,rgba(255,255,255,0.75) 80%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 21%,rgba(255,255,255,0.75) 30%,rgba(255,255,255,0.75) 70%,rgba(255,255,255,0.75) 80%,rgba(255,255,255,0) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); 
}

@media screen and (max-width: 320px) {
	#main_layout #visual .slide_box ul.text {
        padding-top:90px;
    }
	#main_layout #visual .slide_box ul.text li {
        text-align:left;
    }
	#main_layout #visual .slide_box ul.text li.big {
        font-size:15px; 
        line-height:20px;
    }
	#main_layout .main_title {
        margin-bottom:30px;
    }
	#main_layout .main_title ul li.eng {
        font-size:25px; 
        line-height:30px;
    }
	#main_layout .main_title ul li.kor {
        padding:0; 
        font-size:13px; 
        line-height:18px;
    }
	#main_layout #wedo .list>div ul {
        padding:60px 0 0 0;
    }
	#main_layout #wedo .list>div ul li.icon {
        left:50%; 
        margin-left:-25px;
    }
	#main_layout #wedo .list>div ul li.title {
        padding:0; 
        margin-bottom:15px; 
        text-align:center;
    }
	#main_layout #service .list>div>ul.show>li.text {
        font-size:13px; 
        line-height:18px;
    }
	#main_layout #service .list>div>ul.over li.title {
        font-size:14px; 
        line-height:19px;
    }
	#main_layout #support>div {
        padding:20px 0;
    }
	#main_layout #support>div>ul>li.deco {
        width:20px;
    }
	#main_layout #support>div>ul>li.text ul {
        margin:20px 30px 0 30px;
    }
}