@media all and (max-width:480px) {/*모바일 사이즈*/
/***************common****************/
div.header_wrap > div.fixed_menu > div.top_menu > ul > li:nth-child(2){ display: none; }
div.header_wrap > div.fixed_menu > div.top_menu > ul > li:nth-child(3){ display: none; }

footer > div.footer_wrap > ul > li{ width: 100%; padding-left: 0px; padding-right: 0px;}

div.header_wrap > p.family_site_btn{
	width: 80%!important; margin: 0px auto;
}

/* 메뉴관련 조정 */
div.header_wrap > div.menu_box > ul.menu01 {
	margin-top: 20px;
	text-align: left;
}

div.header_wrap > div.menu_box > ul.menu01 > li > a {
	font-size: 25px;
	font-weight: 450;
}
div.header_wrap > div.menu_box > ul.menu02 {
	margin-top: 15px;
}

div.header_wrap > div.menu_box > ul.menu02 > li {
	line-height: 22px;
}

div.header_wrap > div.menu_box > ul.menu02 > li > a {
	font-size: 18px;
}

div.header_wrap > div.menu_box > ul.menu03 {
	margin-top: 20px;
}

div.header_wrap > div.menu_box > ul.menu03 > li {
	line-height: 22px;
}

div.header_wrap > div.menu_box > ul.menu03 > li > a {
	font-size: 18px;
}

div.header_wrap > div.menu_box > div.menu_customer {
	margin-top: 20px;
}

div.header_wrap > div.menu_box > div.menu_logo {
	margin-top: 25px;
}

/***************main****************/
div.main_slider .bx-wrapper .bx-pager,
div.main_slider .bx-wrapper .bx-controls-auto {
	bottom: 20px!important;
}
div.main_slider .bx-wrapper .bx-pager.bx-default-pager a {
	width: 8px!important;
	height: 8px!important;
}
div.main_slider {
    width: 200%; margin-left: -50%; 
}
div.main_slider .bx-wrapper img:last-child{width: 30%!important; top: 40%!important; left: 45%!important; margin-left: -15%; }

div.main01 > div.main01_top > p{ font-size: 40px; }
div.main01 > div.main01_bottom > div.main01_bottom_left > ul > li{ font-size: 16px; line-height: 25px; }
div.main01 > div.main01_bottom > div.main01_bottom_left > ul > li > span.yellow{ font-size: 18px; }
div.main01 > div.main01_bottom > div.main01_bottom_left > ul > li > span.small{ font-size: 13px; }

div.main03 > ul > li > a > div.main03_out{ padding-top: 25%; }
div.main03 > ul > li > a > div.main03_over{ padding: 25%; }
div.main03 > ul > li.main03_banner01{ background-size: 150% auto; }
div.main03 > ul > li.main03_banner02{ background-size: 150% auto; }
div.main03 > ul > li.main03_banner03{ background-size: 150% auto; }

/***********main_renew************/

div.main_renew > div.top > p{
	font-size: 70px;
	line-height: 60px;	
}
div.main_renew > div.float_img{
	top: 52%;
	box-shadow: 10px 10px 0px #ffd200;
}
div.main_renew > div.float_text{
	width: 70%;
	height: 300px;
	margin-right: -35%;
	padding: 0px;
}
div.main_renew > div.float_text > h2{
	font-size: 25px;
	text-align: center;
	margin-top: 30px;
	width: 100%;
	text-shadow: 2px 2px 0px #ffd200;
}
div.main_renew > div.float_text > h2 > img{
	display: none;
}
div.main_renew > div.float_text > p{
	width: 80%;
	text-align: center;
	margin: 0px auto;
	font-size: 14px;
	line-height: 22px;

}






/*************************sub**************************/

/***************sub01 naraweb****************/
    
/*About nara in*/    
div.narain_01 > div.narain_box{width:100%;padding-bottom: 50px;}
div.digital_01 > div.naraweb_main_img > h2{ 
	font-size: 40px; 
}

div.narain_01 > div.narain_box > div.narain_bottom > div.narain_left{width:84%;float:left;margin-left:0%;margin: 0 6%;font-size:25px;line-height: 30px;}
div.narain_01 > div.narain_box > div.narain_bottom > div.narain_right{width:84%;float: left;margin-left: 6%;margin-top: 30px;font-size:25px;line-height: 30px;}   

div.narain_01 > div.narain_box > div.narain_top > div.who_are_we p{line-height: 50px;margin-top:50px;}

div.narain_01 > div.narain_box > div.narain_bottom{margin-top: 50px;}
div.narain_01 > div.narain_box > div.narain_bottom > div > p.company_map > span{font-size:25px;}
div.narain_01 > div.narain_box > div.narain_bottom > div > p.company_map{font-size:15px;line-height: 15px; }   
div.narain_01 > div.narain_box > div.narain_bottom > div > p.what_how{font-size:20px;}    

div.narain_01 > div.narain_box a{display: block;margin-top: 50px;text-align: center;}
div.narain_01 > div.narain_box a img{width:6%;}    
    
/*digital*/    
div.digital_01 > div.digital_box{width:100%;margin:0 auto;padding: 30px 0 30px 0;box-sizing:border-box;}    
div.digital_01 > div.digital_box > div.digital_top > p.digital_number{font-size:30px;color:#ffffff;padding-left: 30px;}
div.digital_01 > div.digital_box > div.digital_top > div.front p{font-size:25px;line-height: 35px;margin-top:30px;margin-left: 30px;}
    

div.digital_01 > div.digital_box > div.digital_bottom{margin: 30px 30px; 0}
div.digital_01 > div.digital_box > div.digital_bottom > div > h2{font-size:20px;}
div.digital_01 > div.digital_box > div.digital_bottom > div.digital_left{width:100%;float:left;} 
div.digital_01 > div.digital_box > div.digital_bottom > div.digital_right{width:100%;float: left;margin-left: 0px;margin-top: 30px;}
div.digital_01 > div.digital_box > div.digital_bottom > div > ul > .digital_text {font-size:14px;font-weight:bold;line-height: 33px;}    

div.digital_01 > div.digital_box > div.digital_bottom > div > p{width:65%;font-size:12px;line-height: 20px;}

/*map*/     
div.map_02 > div.map_box{width:100%;margin:0 auto;padding: 30px 0 30px 0;}
div.map_02 > div.map_box > div.map_top > p.map_number{font-size:30px;margin-left: 30px;}
div.map_02 > div.map_box > div.map_top > div.visit > p.visit_reservation{font-size:25px;line-height:35px;margin-top:30px;margin-left: 30px;margin-right: 30px;}    
div.map_02 > div.map_box > div.map_top > div.visit > p.daum_map{margin-top:30px;padding: 0 30px;}    

div.map_02 > div.map_box > div.map_bottom{width:100%;overflow: hidden;border-bottom:none;padding-bottom:0px;}
div.map_02 > div.map_box > div.map_bottom > div > h2{font-size: 25px;border-top:4px solid #655955;}    
div.map_02 > div.map_box > div.map_bottom > div.map_left{width:100%;padding: 0 30px;box-sizing:border-box;}
div.map_02 > div.map_box > div.map_bottom > div.map_right{width:100%;float: left;margin-top: 30px;margin-left: 0px; padding: 0 30;box-sizing:border-box;}
div.map_02 > div.map_box > div.map_bottom > div > ul{padding-top: 20px;color:#b0acab;font-size:13px;line-height: 20px;}    

/***********sub02 online css***********/
div.online_title > h2{ 
	font-size: 40px; 
}


div.online_content .smk_accordion .accordion_in .acc_head > div{ padding: 20px 0px; }
div.online_content .smk_accordion .accordion_in .acc_head > div > p.head_bottom{ font-size: 20px; }
div.online_content .smk_accordion .accordion_in .acc_head > div > p.head_top > span.yellow{ font-size: 30px; }
div.online_content .smk_accordion .accordion_in .acc_head .acc_icon_expand {
  right: 10px!important;
}

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_top > p:nth-child(1){font-size: 30px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul{ margin-top: 40px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > h3{ font-size: 25px; line-height: 50px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > p{ font-size: 25px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > p > img{ width: 20%; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > h3{ font-size: 20px; line-height: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03 > ul > li{ font-size: 60px;}
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03 > ul > li > p{ box-sizing: border-box; padding: 0px 5px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > h3{ font-size: 25px; line-height: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > table tr > th{ font-size: 17px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li:nth-child(2) > table td.last{ font-size: 15px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.last_top > p:nth-child(1){ font-size: 25px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table th{ height: 40px; line-height: 40px;  }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table td{ height: 40px; line-height: 40px; }


/***************sub03 offline****************/
div.offline_01 > div.offline_main_img > h2{
	font-size: 40px; 
}

div.offline_01 > div.offline_box{width:100%;padding: 150px 0 50px 0;}
div.offline_01 > div.offline_box > div.offline_top > div.offline{margin-left: 30px;}
div.offline_01 > div.offline_box > div.offline_top > div.offline_advertising p{font-size:40px;box-sizing:border-box;padding-left: 30px;line-height: 50px;margin-top:50px;}
div.offline_01 > div.offline_box > div.offline_top > div.offline_advertising ul{padding: 0 39px;font-size:13px;}
div.offline_01 > div.offline_box > div.offline_top > div.offline_advertising ul li:last-child{font-size:12px;}

   
div.offline_01 > div.offline_box > div.offline_bottom{padding: 0 30px;box-sizing:border-box;margin-top: 50px}
div.offline_01 > div.offline_box > div.offline_bottom > div.offline_left{width:100%;float:left;padding-bottom: 20px;}
div.offline_01 > div.offline_box > div.offline_bottom > div.offline_middle{width:100%;float:left;margin-left: 2%;padding-bottom: 20px;}
div.offline_01 > div.offline_box > div.offline_bottom > div.offline_right{width:100%;float: left;margin-left: 2%;margin-right: 3%;}   

    
div.offline_01 > div.offline_box > div.offline_bottom > div > p.magazine > span.yellow_magazine{font-size:25px;vertical-align: top;line-height: 25px; }    
div.offline_01 > div.offline_box > div.offline_bottom > div > p.magazine{font-size:15px; }
div.offline_01 > div.offline_box > div.offline_bottom > div > p.magazine_target{font-size:16px;}
    

div.offline_01 > div.offline_box a{margin-top: 30px;}
div.offline_01 > div.offline_box a img{width:6%;}      


div.offline_01 > div.offline_box > div.offline_123{width:100%;padding: 5px 30px 0;box-sizing:border-box;} 
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > p.num_1{font-size:30px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > p.num_1{font-size:30px;} 
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > p.num_1{font-size:30px;}
          

div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > p.magazine1{font-size:16px;padding-top: 5px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > p.magazine1{font-size:16px;padding-top: 4px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > p.magazine1{font-size:16px;padding-top: 3px;}     
    
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > ul.magazine_text li:first-child{font-size:14px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > ul.magazine_text li:first-child{font-size:14px;}      
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > ul.magazine_text li:first-child{font-size:14px;}       

div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > ul.magazine_text{width:65%;font-size:12px;padding-top: 0px;}       
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > ul.magazine_text{width:65%;font-size:12px;padding-top: 0px;}     
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > ul.magazine_text{width:65%;font-size:12px;padding-top: 0px;} 


/*****************sub creative css*********************/
div.creative_main_title > h2{ 
	font-size: 40px; 
}

div.creative_content > div.creative_con01 > div > p{ font-size: 20px; margin-bottom: 10px; }
div.creative_content > div.creative_con01 > div > ul > li{ font-size: 12px; }
div.creative_content > div.creative_con01 > div > ul > li > img{ width: 15px; }

div.creative_content > div.creative_con02 div.acc_head > div{ padding: 20px 0px; }
div.creative_content > div.creative_con02 div.acc_head > div > p{ font-size: 30px; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_left{ font-size: 18px; }



/************************customer center css*****************************/
div.customer_main_title > h2{
	font-size: 40px;
}

div.customer_content .smk_accordion .accordion_in .acc_head > div{ padding: 20px 0px;  }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p.head_left{ margin-bottom: 15px; }

div.customer_content .smk_accordion .accordion_in .acc_content > div{ width: 90%; padding-bottom: 30px; }
div.customer_content .smk_accordion .accordion_in .acc_content > div > p{ width: 100%; }

 

 /***************sub04 partnership****************/   
div.partnership_01 > div.partnership_box{width:100%;margin:0 auto;padding: 100px 0 150px 0;}
div.partnership_01 > div.partnership_title > h2{ 
	font-size: 40px; 
}


div.partnership_01 > div.partnership_box > div.partnership_list > ul{ margin-top: 40px; }
div.partnership_01 > div.partnership_box > div.partnership_list > ul > li{ width: 50%; margin-bottom: 40px; }
div.partnership_01 > div.partnership_box > div.partnership_list > ul > li > img{ width: 150px; }


 /***************sub05 portfolio****************/   
div.portfolio_01 > div.portfolio_box{width:100%;padding: 130px 3% 50px 3%;box-sizing:border-box;}
div.portfolio_01 > div.portfolio_title > h2{ 
	font-size: 40px; 
}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery{margin-top: 50px;}    
div.portfolio_01 > div.portfolio_box > div.portfolio_top > div.portfolio_advertising > ul.experience{font-size:14px;} 
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list ul > li img{width:100%;}    
    
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list ul > li{width:50%; height: 150px;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list ul > li > a div.gallery_over > p.gallery_text{width:100%;font-size:17px;font-weight:bold;position:absolute;top:65px;left:0px;text-align: center;} 
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list ul > li > a div.gallery_over > p.small{display: none;}


/***********popup css************/
div#popup > div{ margin-top: -48%; margin-left: -48%; width: 96%; height: auto; overflow: hidden; padding: 20px; }
div#p_wrap > img{ margin-bottom: 20px; width: 70%; }
div#p_wrap > a.ad{ height: 50px; padding-top: 10px; font-size: 12px; background-size: 15px auto; }
div#p_wrap > a.ad02{ height: 50px; padding-top: 10px; font-size: 12px; background-size: 15px auto; }
div#p_wrap > a.ad03{ height: 50px; line-height: 50px; font-size: 13px; background-size: 20px auto; }
div#p_wrap > a.close{ position: absolute; top: 0; right: 0; }

/****************신규광고 기존광고********************/
div.adapply_box > div.adapply_top > ul.contact li{ width: 100%!important; }


/************narain************/
div.narain_02 > div.narain_title > h2{ 
	font-size: 40px; 
}


/*****************narain test***************/
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li{
	width: 100%;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:first-child{
	margin-bottom: 20px;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:last-child{
	padding: 20px 10px 40px 0px;
}

/************narain test************/
div.narain_box > div.narain_content1{
	padding-top: 30px;
}
/************rquest css************/
div.request01 > div.content_wrap > h2{
	width: 90%;
	font-size: 50px;

}
div.request01 > div.content_wrap > ul.threep{
	width: 100%;
	margin-top: 50px;
}
div.request01 > div.content_wrap > ul.threep > li{
	width: 100%;
	margin-bottom: 30px;
}





/********************portfolio_css**********************/
div.portfolio_detail > div.portfolio_content > div.left > div.top{
	padding: 0px 20px;
}
div.portfolio_detail > div.portfolio_content > div.moblie_btn > ul > li:nth-child(2){
	background-size: 20px auto;
}










}