body {overflow-x:hidden; width: 100%; }
.clearfix:after { display: block; content: ""; overflow: hidden; }
ul li { list-style: none; }
svg { display:none!important; }



.consulting_wrap { background: #fff; width: 100%;}
.slide_bg {
    background: url(../images/slide_bg.jpg);
    background-size: 85% auto;
    background-position: center;
    padding-top: 20px;
}
.consulting_con {padding:30px; box-sizing: border-box;}

.consulting_title { float: left; border-left: 5px solid #0082d2; padding-left:35px; font-size:17px; }
.consulting_list { box-sizing: border-box;}
.consulting_list > li > h5{ color:#79ccff; font-size:20px; font-weight: bold; }
.consulting_list > li > p { color:#fff; font-size:13px; }
.col-md-3 { text-align: center; } 


.consulting_plan { width: 100%; color:#fff; text-align: center; padding: 60px 0 25px; background: #e5f5ff;}
.consulting_plan h5 {font-weight: bold; font-size:20px; color: #0082d2;}
.consulting_plan h5.blue_2 { color: #00aae0;}
.consulting_plan h5.blue_3 { color: #283d62;}
.consulting_plan_inner > ul { padding: 0; }
.consulting_plan_inner > h4 {
    font-weight: bold;
    font-size: 33px;
    line-height: 41px;
    margin-bottom: 25px;
    color: #333;
}
.consulting_plan_inner > .line { width: 50px; height: 5px; background: #0082d2; margin: 0 auto;}

.slider3 li { margin-right: 0;}
.slider3 li p { font-size:14px; color: #000;}

.IMC_inner { padding: 35px 0; }
.IMC_title { margin-bottom: 50px; font-size:16px; }
.IMC_title > p { padding-right:118px; }
.IMC_title > h3 {font-size: 26px;line-height: 32px;font-weight: bold;}
.IMC_title > p { border-left: 5px solid #0082d2; padding-left: 20px; }
.IMC_inner > .col-md-6 > img{ width: 100%; }
.IMC_list > li > h5 { font-weight: bold; font-size: 20px; }
.IMC_list > .IMC_list_1 > h5 { color:#0082d2; }
.IMC_list > .IMC_list_2 > h5 { color:#00aae0; }
.IMC_list > .IMC_list_3 > h5 { color:#00d6e0; }
.IMC_list > .IMC_list_4 > h5 { color:#00d2aa; }



.viral { background:#3092ce; width: 100%; padding:50px 0; }
.viral_title { color:#fff; margin-top:65px;}
.viral_title > h3 { line-height: 50px; font-size: 45px; color: #fffdb6; }
.viral_title > p { font-size: 20px; font-weight: 300; }
.viral_title > p.p_title { font-size: 33px; font-weight:500;}
.viral_inner img { width: 75%; float:right; }

.viral_category { background:#0f1825; width: 100%; color:#fff; padding: 50px 0; margin-bottom: 50px;}
.viral_category_inner > ul > li { margin-bottom: 30px;}
.viral_category_inner > ul > li > h6 { color:#fffdb6; font-weight:500; font-size:19px;  } 
.viral_category_inner > ul > li > img { float: left; width:12%; margin: 15px 20px 0 0; }
.viral_category_inner > ul > li > p { font-size: 13px; margin-left: 90px; font-weight: 300; }
.scroll_btn { margin: 20px auto 0 auto; border: 1px solid #fff; padding: 10px 30px; width: 150px; text-align: center; }
.scroll_btn img {margin-right: 10px; display: inline-block;}


.SEO_inner {padding:50px 0 100px;}
.SEO_title { margin: 0 0 50px 20px; }
.SEO_title > h3 { font-weight:bold; }
.SEO_title > p{ border-left: 5px solid #a2cec3; padding-left: 20px; font-size:16px; }
.SEO_img > img { width: 100%;}
.SEO_img.col-md-4 > img {width:60%;}


 #fbook_insta { background:url(../images/facebook_insta_marketing_bg_2.jpg); width: 100%; background-size: cover; padding-bottom:60px; }
.fbook_insta_title { color:#fff; text-align: center;}
.fbook_insta_title > h3 { font-weight:bold; font-size: 31px; }
.fbook_insta_title > h3:after { content: "";
    display: block;
    margin: 15px auto 30px;
    width: 60px;
    height: 5px;
    background: #0082d2;}
.fbook_insta_title > p{ font-size: 19px; font-weight: 300; }
.fbook_targeting { text-align: center; padding: 0 0 30px;  }
.fbook_targeting > p { font-size: 17px;
    color: #fff;
    margin: 15px 0 35px 0;
    padding: 20px 60px;
    font-family: 'Noto Sans Korean',sans-serif;
    font-weight: 300;
    background: #0f1825;
    display: inline-block; }
.fbook_targeting > p > strong { font-family: 'Noto Sans Korean',sans-serif;font-size: 19px;margin-right: 10px; font-weight: 700; color: #0082d2;}
.fbook_targeting > p > strong > span { color:#fff; }
.targeting_list { padding: 0; }
.plist_title_1 { padding: 8px 0;
    background: #0082d2;
    color: #fff;
    display: inline-block;
    border-radius: 25px;
    margin: 0 auto 15px;
    display: block;
    width: 120px;
    font-size: 17px;
}
.plist_title_2 { padding: 8px 0;
    background: #00b7d2;
    color: #fff;
    display: inline-block;
    border-radius: 25px;
    margin: 0 auto 15px;
    display: block;
    width: 120px;
    font-size: 17px; }
.plist_title_3 { padding: 8px 0;
    background: #fff;
    color: #0082d2;
    display: inline-block;
    border-radius: 25px;
    margin: 0 auto 19px;
    display: block;
    width: 120px;
    font-size: 17px;
}


.keyward_title_bg { border-top:5px solid #1eb501; }
.keyward_title { margin-top:50px; padding: 0 7%; }
.keyward_title > h2 { font-weight:bold; }
.keyward_title > h3 { display: inline-block; color:#fff; background:#1eb501; padding: 10px 15px; margin-bottom:20px;     margin-top: 10px; border-radius: 22px; font-size:15px;   }
.keyward_title > p{ border-left: 5px solid #1eb501; padding-left: 20px; font-size:17px; }
.online_bg {
    margin-top: 40px;
    text-align: center;
    padding: 40px 0;
    box-sizing: border-box;
    background: #1eb501;
}
.keyward_box_1 { color: #fff; font-size:19px; }
.keyward_box_1 img{ width: 100%; padding: 0 10%; margin-top: 25px; }
.keyward_box_1 > p > span { color:yellow;}
.keyward_bg { background:url(../images/keyward_bg.jpg); padding:50px; }
.keyward_box_2 { background: #fff; width:1000px; margin: 0 auto; padding: 30px; box-sizing: border-box; }
.keyward_box_2 img { width: 100%; }
.keyward_box_2 > p { background:#1eb501; color:#fff; padding: 20px; text-align: center; font-size:19px;}
.keyward_box_2 > p > span { color:yellow; }
.keyward_box_3 { background: #fff; padding: 30px; margin-top: 50px; width: 1000px; margin: 0 auto; overflow: hidden; clear: both;  }
.keyward_box_3 img { width: 100%; }


.markethink_design_bg { width: 100%; padding: 50px 0; }
.design_title { color:#333; font-family:'Noto Sans Korean',sans-serif }
.design_title > h3 {
    font-size: 50px;
    color: #0082d2;
    text-decoration: underline;
    margin-top:55px; }
.design_title > p { font-size:21px; margin-top:20px; }
.design_img > img { width: 90%; margin: 0 auto; display: block; }
.design_category { padding: 0; color: #333; }
.design_category > li {
    font-size: 13px;
    margin-left: 15px;
    margin-bottom: 0;
    height: 150px;
    background: url(../images/markethink_design_simbol.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}
.design_category > li > span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -33px;
}
.design_category > li:first-child >span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
}
.design_category > li:nth-child(3) >span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -24px;
}

.homepage_process { text-align: center; padding:60px 0 40px; color:#333; background: #e5f5ff; }
.homepage_process .line { width: 50px; height: 5px; background: #0082d2; margin: 0 auto;}
.homepage_process h3 { font-size: 32px; color: #333;}
.circle { width:110px; height:110px; border-radius:50%; background:#8e8e8e; margin: 0 auto; color:#fff; box-sizing: border-box; padding-top:30px; margin-bottom: 20px; font-size:16px;}
.circle > span {
    font-size:15px;
    font-weight:500;
    border-top: 1px solid #fff;
    padding-top: 5px;
    margin-top: 5px;
    width:70px;
    display: inline-block;}
.h_num_5 .circle { background:#0082d2; }
.h_num_6 .circle { background:#3092ce; }
.h_num_5 > p  { color:#333; }
.homepage_wrap .h_num { background: url(../images/arrow_icon_1.png) left center; background-repeat: no-repeat;}

.process_p { width: 129px; height:100px; margin: 0 auto; font-size:13px; }

.web_title { width:100%; background:#0f1825; background-size: cover; padding:50px 0; text-align: center; }
.web_title_in > h3 {
    line-height: 30px;
    font-size: 30px;
    color: #0082d2;
    letter-spacing: 2px;
    font-weight: 100;
}
.web_title_in > p { width: 100%; color: #fff; padding: 0 50px; display: block; font-size:13px; }
.web_title_in > p > span { border-bottom: 1px solid #fff; padding-bottom: 1px; }


.web_content { background:#3092ce; width: 100%; position: relative; color:#fff; padding: 0 5%; }
.web_icon1 { position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -51px;
    z-index: 1; }
.web_icon2 { position: absolute; bottom:30px; left: 50%; margin-left: -40px; }
.web_con_left { padding:120px 0; border-right: 1px solid #fff; }
.web_con_left > h4 { font-size:35px; line-height: 46px;}
.web_con_left > p { font-size:20px;}
.web_con_left > img { margin-top: 30px; }

.web_content .web_con_right {margin: 100px 0; border-top:1px solid #fff; padding: 50px;}
.web_con_right p { font-size: 14px; font-weight: 300;}
.web_con_right > p.yellow {
    font-size: 35px;
    font-weight: 500;
    line-height: 45px;
    color: #fffdb6;
    margin-top: 30px;
}


#business { width: 100%; padding:80px 0; text-align: center; background:url(../images/BUSINESS_bg.jpg); background-size: cover; background-position:top; margin-bottom: 50px; }
#business ul { padding: 0; }
#business ul li { margin-bottom: 30px; }
#business ul li img { width:80%; border-radius: 100%; box-shadow: 0 0 25px #353942; }
#business h3 {margin: 0 0 13px 0; font-weight: 400; color:#fff; font-size: 31px; }
#business .line {
    width: 50px;
    height: 5px;
    background: #0082d2;
    margin: 0 auto 15px;
}



#map_view { color:#000; width:auto; height:800px; }

#map_wrap p { font-size: 15px; }
#map_wrap span { color:#213039; }

#contact {padding-top: 0!important; background:#3092ce; color:#fff;}
@media all and (max-width:600px){ 
    body #contact {padding-top: 60px!important;} 
    body .contact_box { padding:10px 0 30px;}
}
#contact .container { width: 100%; }
.contact_box { padding: 50px 7%;}
.form-container {margin-top: 20px;}
body #contact .container div:first-child.col-md-6 { padding:0;}


.side_menu { z-index: 999;
    position: absolute;
    right: 4%;
    top: 37%;}
.side_menu li {margin-bottom: 20px;}
.navbar .navbar-nav > li.mo_b {display: none;}


/*블로그디자인페이지*/
.blog_1 { background: url(../images/blog/blog_bg.jpg); background-size: cover; position:relative; overflow: hidden; width: 100%; height: 1080px;}
.blog_1 .text_box { position: absolute; right: 28%; top: 34%; color: #fff; text-align: right;}
.blog_1 .circle_1 { position: absolute; bottom: -50px; left: 50px; opacity:0.6; }
.blog_1 .circle_2 { position: absolute; top: -50px; right: 50px; opacity: 0.6;}
.blog_1 span{ letter-spacing: 12.3px; font-size: 18px; font-weight: 100; }
.blog_1 h2 { font-size: 60px; color: #fbd328; line-height: 37px; }
.blog_1 h3 { font-size: 33px; }
.blog_1 p { font-size: 18px; }

.blog_2 { text-align: center; font-size: 22px; margin-bottom: 140px;}
.blog_2 h1 { margin-top: 120px; }
.blog_2 h1 img { width: 260px; }
.blog_2 h2 { font-size: 36px;  position: relative; display: inline-block; }
.blog_2 h2:after { content: ""; clear: both; display:block; width: 100%; position: absolute; background:#fdeca3; z-index: -1; bottom: 16px; left: 0; height: 18px;}
.blog_2 span {
    font-weight: 300;
    letter-spacing: 1px;
    margin: 5px 0 15px;
    display:block;
}
.blog_3 { text-align: center; }
.blog_3 .blog_title {
    position: relative;
    text-align: center;
    background: #333;
    color: #fff;
    height: 270px;
}
.blog_3 .blog_title:after {     
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -34px;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    transform: rotate(45deg);
    background: #333;
}
.blog_3 .blog_title h5 {
    color: #fbd018;
    font-size: 33px;
    padding-top: 100px;
    margin-bottom: 0;
}
.blog_3 .blog_title p {
    font-size: 15px;
    font-weight: 300;
}
.blog_3 .circle_1 {
    width: 180px;
    position: absolute;
    left: 15%;
    opacity: 0.4;
    bottom: -60px;
}
.blog_3 .circle_2 {
    width: 180px;
    position: absolute;
    right: 15%;
    opacity: 0.4;
    top: -50px;
}
.blog_3 .ex_img { display: inline-block; margin-top: 100px; width: 62%; }

.blog_4 { text-align: center; font-size: 18px; margin-bottom: 150px; overflow: hidden; }
.blog_4 h4 { font-size: 37px; text-transform: uppercase; line-height: 38px; margin-top: 100px; }
.blog_4 h4 span { color: #fbd018; }
.blog_4 .like_img { margin-bottom: 15px;}


.blog_5 { text-align: center; margin-bottom: 150px; }
.blog_5 h5 { font-size: 28px; position: relative; line-height: 36px; margin-bottom: 100px; }
.blog_5 h5:before { content: ""; clear: both; display:block; width:70px; height:8px; background: #fbd018; position: absolute; top: -20px; left: 50%; margin-left: -35px; }
.blog_5 div { width: 100%; margin-bottom: 80px; }
.blog_5 div img { display: inline-block; width:30%; }
.blog_5 div .text_box { display: inline-block; width:31%; text-align: left; font-size: 16px;  vertical-align: middle; margin: 0; box-sizing: border-box; padding-left: 50px;}
.blog_5 div .text_box h6 { font-size:19px;}
.blog_5 div .text_box p { margin: 0; }
.blog_5 div .text_box span { margin-bottom: 10px; display: inline-block;font-size: 13px;    font-weight: 400; }
.blog_5 div .text_box ul { padding: 0; display: inline-block; margin-right: 15px; vertical-align: top; }
.blog_5 div .text_box .skin { position: relative; font-size:28px; display: inline-block;}
.blog_5 div .text_box .skin:before { content: ""; position: absolute; left: 0; height: 6px;  width: 50px; background:#fbd018; top: -27px; }
.blog_5 div .text_box .skin:after { 
    content: "";
    position: absolute;
    left: 0;
    height: 13px;
    width: 100%;
    background: #fdeca3;
    bottom: 14px;
    z-index: -1; 
}
.blog_5 div .text_box .price {
    font-size: 45px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
}
.blog_5 div .text_box .price:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 100%;
    height: 25px;
    background: rgba(255,255,255,0.1);
}
.blog_6 {
    text-align: center;
    padding-bottom: 150px;
    border-bottom: 1px solid #bfbfbf;
}
.blog_6 .check_list { background: #f5f5f5; box-sizing: border-box;  overflow: hidden; text-align:left;}
.blog_6 .check_list h5 { 
    font-family: 'Nanum Pen Script';
    font-weight: 300;
    background: #fbd018;
    display: inline-block;
    text-align: right;
    width: 48%;
    margin: 0;
    height: auto;
    vertical-align: top;
    color: #fff;
    padding-right: 45px;
    font-size: 46px;
    line-height: 210px;
}
.blog_6 .check_list ul { display: inline-block; width:50%; margin:21px 0 0 15px; }
.blog_6 .check_list ul li { font-size: 15px; background:url(../images/blog/check-mark.png) no-repeat left; margin:10px 0; padding-left: 23px;}

.blog_6 .process h4 {
    font-size: 40px;
    margin: 100px 0 0;
    color: #fcd019;
}
.blog_6 .process p { font-size: 16px; }

.blog_6 ul.contact_btn { margin-top: 30px; padding: 0;}
.blog_6 ul.contact_btn li {     
    display: inline-block;
    margin: 10px 25px;
    background: #333;
    padding: 17px 0;
    width: 330px;
    font-size: 24px 
}
.blog_6 ul.contact_btn li:first-child { background: #fbd018; }
.blog_6 ul.contact_btn li a { padding-top: 5px; display: block; box-sizing: border-box; }
.blog_6 ul.contact_btn li a:hover,.blog_6 ul.contact_btn li a:focus,.blog_6 ul.contact_btn li a:active { color: #fff; transition: all 0s;}
.blog_6 ul.contact_btn li img { height: 45px; margin-right: 15px; }
.popup-gallery {width: 1200px; margin:40px auto; text-align: center;}
.popup-gallery a { margin: 0 2% 0 1%; }


/*------------------------- 작은 기기들 (태블릿, 768px 이상) */
@media(max-width:450px) {
    .viral_category { margin-bottom: 38px;}
    .blog_1 .text_box { right: 0; padding:0 31px; text-align: center; top: 36%;}
    .blog_1 { background-position: right; height: 600px; }
    .blog_1 h2 { font-size: 41px; line-height: 20px;}
    .blog_1 h3 {font-size: 26px;}
    .blog_1 .circle_1,
    .blog_1 .circle_2,
    .blog_3 .circle_1,
    .blog_3 .circle_2{
    opacity: 0;
    }
    
    .blog_2 { padding: 0 20px; box-sizing: border-box; margin-bottom: 50px; font-size: 15px;}
    .blog_2 h1 { margin-top: 50px; }
    .blog_2 h2 { font-size: 25px;}
    .blog_2 h2:after {bottom: 9px;}
    

    .blog_3 .blog_title { box-sizing: border-box; padding: 0 20px; }
    .blog_3 .blog_title h5 {
        padding-top: 78px;
        line-height: 35px;
        margin-bottom: 11px;
    }
    .blog_3 .ex_img {width: 100%;}
    
    
    .blog_4 p { padding: 0 20px; box-sizing: border-box; }
    
    .blog_5 { margin-bottom: 50px; }
    .blog_5 h5 {margin-bottom: 50px; }
    .blog_5 div { margin-bottom: 40px; }
    .blog_5 div .text_box ul { text-align: left;}
    .blog_5 div .text_box .skin:before {left: 50%; margin-left: -25px;}
    .blog_5 div .text_box {margin-top: 50px;}
    .blog_5 div .text_box, .blog_5 div img {width: 100%; text-align: center; padding:0; }
    
    
    .blog_6 {padding-bottom: 50px; }
    .blog_6 .process p { padding: 0 20px; box-sizing: border-box; }
    .blog_6 ul.contact_btn li {
    width: 280px;
    margin: 5px auto;
    font-size: 17px;
}
    .blog_6 .check_list h5 {width: 100%; padding: 0 20px; text-align: center; box-sizing: border-box; font-size: 36px;}
    .blog_6 .check_list ul { 
    width: 100%;
    margin:15px 0;
    padding: 0 20px;
    box-sizing: border-box;
    }
    
    .blog_6 .process h4 { margin-top: 50px;}
    .process img { width: 100%; box-sizing: border-box; padding: 0 10px; }
    
    
    .popup-gallery { width: 100%; }
    .design_title > p { font-size: 17px; }
    .keyward_box_2 > p { font-size: 15px; }
    .consulting_img.col-md-4{ 
    margin: 0 auto;
    border-radius: 50%;
    width: 240px;
    height: 240px;
    background: #fff;
    padding-top: 35px;
    }
    
    .online_bg { padding: 25px 0; }
    .keyward_box_1 {
    color: #fff;
    font-size: 16px;
    }

    .fbook_insta_title {margin-bottom: 10px; padding:7% 7% 0; }
    p br { display: none;}
    .inner { padding-top: 20px; } 
    .IMC_inner > .IMC_title > p { padding-left: 15px; padding-right: 0; }
    .consulting_img { margin: 0; width: 100%;}
    .consulting_img img { width:180px; margin: 0 auto; display: block;}
    .consulting_title {margin: 30px 0 0;
    border-left: none;
    border-top: 5px solid #0082d2;
    padding: 0; }
    .consulting_list > li { margin-bottom: 50px; }
    
    .IMC_inner { padding: 10% 10% 5% 10%; }
    .IMC_list > li { margin-bottom: 25px; font-size: 13px; }
    .SEO_title { margin: 0; }
    .SEO_inner { padding: 10%; }
    .SEO_img.col-md-4 > img { width: 100%; }
    .viral { padding: 30px 0 60px;}
    .viral_title { margin:0 0 30px; }
    .viral_inner img { width:100%; }
    .viral_category_inner > ul > li { margin-bottom:50px;}
    .viral_category_inner > ul > li > img { width:28%; margin:0px 20px 10px 0; }
    
    .keyward_bg {padding:0px; }
    .keyward_box_2 { width:100%; padding: 20px 20px 6px 20px;  } 
    .keyward_box_3 { width:100%; margin-top:0; padding: 5px; }
    
    .design_title {
    margin-bottom: 15px;
     }
    .design_title > h3 { font-size:42px; line-height:44px; }
    .design_title > p { margin-bottom: 20px; }
    .design_category { text-align: center; padding: 0 10px; margin-bottom: 25px;}
    .design_category > li {background-size: 78%; height:145px; margin-left:0; }
    .design_category > li > span {font-size: 16px; margin: -11px 0 0 -40px; }
    .design_category > li:first-child >span {margin: -31px -31px;}
    .design_category > li:nth-child(3) >span {margin:-12px 0 0 -32px;}
   
    
    
    .homepage_wrap .h_num { background: none; margin-bottom:20px; padding:0 15px; }
    
    .web_con_left { padding-bottom: 0; padding-top: 55px; }
    .web_con_left > img { width:100%; }
    .web_content .web_con_right { margin-top: 0; padding:25px 0px;}
    .web_con_right, .web_con_left {border:none; }
    .web_con_right > p > br { display: none;}
    .web_icon1 {
    width: 65px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -32.5px;
     }
    
    #map_view { width:100%; height:400px; margin-bottom: 22px;} 
    #map_wrap { padding: 5px 5px 15px!important; }
    .web_con_left > h4 { font-size: 28px; line-height: 38px; color: #fffdb6;}
    .web_con_left > h4 br{ display: none;}
    
    .targeting_list li img { width:75%; }
    .targeting_list li .img_0 { width:100%;}
    
    .web_con_right > p.yellow { font-size: 27px; line-height: 35px;}
    .web_con_right > p.yellow br { display: block; }
    .web_con_right br { display: none; }
    
    .markethink_design_bg { padding: 0 0 20px 0; }
    
    #business ul li img { width:100%; }
    
    .SEO_img.col-md-8 img { display: none; }
    
    .fook_inner { padding-bottom: 15px; }
    
    #business { padding-top: 50px!important; padding-bottom: 20px; }
    
    .viral_title > h3 { font-size:37px; line-height: 41px; }
    
    .viral_title > p.p_title {font-size: 27px;}
    .viral_title > p {font-size: 15px;}
    #fbook_insta { padding-top: 15px!important; padding-bottom: 0px; }
    
    .web_con_left > img { margin-top: 10px; }
    
    #contact .container { padding-bottom:0; }
    
    #map_wrap > .container > h3 > img { width: 25px; }
    
    .keyward_title {margin-top:20px;}
    
    .homepage_process {
    background-position: -180px 0;
    background-size: auto 100%;
    background-repeat: no-repeat; }
    .IMC_title { margin-bottom: 30px;}
    .col-md-6.IMC_list {padding: 0;}
   .slide_bg {
    background: url(../images/slide_bg.jpg);
    background-size:cover;
    }
    .keyward_box_1 img { padding: 0; margin-top: 0; }
    
    .keyward_box_3 .online_img_1 { margin-bottom: 13px; }
    
    .targeting_list > li.col-md-4.col-xs-6 { padding:0 10px; }
    
    .fbook_targeting > p { margin: 15px 0 25px 0; padding: 20px;}
    .web_con_left h4 br.web_h4_br { display:none; }
    .side_menu { display: none;}
    .navbar .navbar-nav > li.mo_b{display: block;}
    
}



@media (max-width:320px){
.navbar .navbar-nav > li.mo_b{display: block;}
.side_menu { display: none;}
.viral_category_inner > ul > li > img {margin-top:25px; width: 31%;}
.design_category { margin-bottom: 25px;}
.design_category > li { height: 130px; background-size:85%;}
#consulting .consulting_plan .bx-wrapper { padding: 20px 6px 40px; }
.blog_2 h2 {font-size: 20px;}
}
/* 중간 기기들 (데스크탑, 992px 이상) */
@media (min-width:768px) and (max-width:1024px) {
    .side_menu { display: none;}
    .viral_title {margin-top: 39px!important;}
    .IMC_list > li { margin-bottom:16px!important; }
    .consulting_title {margin-top:34px;}
    .consulting_list li.col-md-3.slide { width: 255px!important; }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {display: block!important;}
    .keyward_bg {padding:0!important;}
    .web_con_left > img { width: 420px; }
    .web_content > .container { width:924px;}
    #portfolio .container { width:776px!important; }
    #map_wrap .container { width: 950px!important;}
    #fbook_insta .container,#IMC .container { width: 920px!important; }
    #map_view { width: 950px!important;}
    .row {padding-right: 25px!important;}
    .slider3 .col-md-2.slide {width:195px!important;}
    .slider4 .col-md-2.slide {width:195px!important;}
    .consulting_inner .slide_bg { background-repeat: no-repeat; background: url(../images/slide_bg.jpg); background-position: center;}
    .consulting_inner .slide_bg .bx-wrapper {padding:70px 0 25px;}
    #portfolio { padding-bottom: 30px; }
    .IMC_title > p { padding-right:0px;}
    .design_category > li { background-size: 100%; margin-left: 20px; height:135px; }
    .homepage_process { padding: 30px 0 0;}
    .web_content .web_con_right {padding-right:25px;}
    .fbook_targeting > p{padding: 0;}
    .navbar .navbar-nav > li.mo_b{display: block;}
}

/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media(min-width:1170px) {
    
.IMC_list > li { margin-bottom:25px; font-size:15px; }
.consulting_title { margin-top:70px; }
.consulting_img { width: 264px; height: 230px; float: left; margin: 21px 55px 30px 20px; }
}

.more_btn {display: block;
    margin: 0 auto 120px;
    width: 120px;
    height: 50px;
    padding: 13px;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background: #333;
    font-size: 17px;
    }
.more_btn:hover { color: #fff; background:#5ebcc1;}
#portfolio {margin-bottom: 100px; }
#portfolio .inner { padding-bottom: 50px;}
#portfolio .po_list { text-align: center; }
#portfolio .po_list li { display: inline-block; margin: 0 0 30px;  }
#portfolio .po_list li a { color: #000; font-size: 20px; font-weight: bold; padding: 0 10px;}
#portfolio .po_list li.active a{ color: #fff; background: #333;}



.mouse_scroll {
	display: block;
	width: 24px;
	height: 100px;
	margin-top: 125px;
    position: absolute;
    bottom:20%;
    left:50%;
    z-index: 99;
    margin-left: -24px;
}

.mouse
{
height: 42px;
width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel
{
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  

}

.wheel
{
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
}

.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  
  width: 16px;
  height: 16px;
}


.unu
{
  margin-top: 1px;
}

.unu
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}


@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

.tp-loader.spinner { display: none!important;}



