@media all and (max-width:868px) {/*타블렛 사이즈*/
/*************************common**************************/
div.header_wrap > div.fixed_menu{ height: 70px; }
div.header_wrap > div.fixed_menu > div.logo{ margin-top: 7px; margin-left: 10px; height: 70%; }
div.header_wrap > div.fixed_menu > div.logo > h1{ height: 100%; }
div.header_wrap > div.fixed_menu > div.logo > h1 > a{ display: block; width: 100%; height: 100%; }
div.header_wrap > div.fixed_menu > div.logo > h1 > a > img{ height: 100%; width: auto; }


div.header_wrap > div.fixed_menu > div.top_menu{ margin-top: 20px; }
div.header_wrap > div.fixed_menu > div.top_menu > ul > li > a{ font-size: 13px; }

footer{ padding: 30px 0px 50px 0px; }
footer > div.footer_wrap > div.footer_logo > img{ margin-left: 0px;}
footer > div.footer_wrap > div.footer_logo > p{ display: none; }

footer > div.footer_wrap{ width: 90%; }
footer > div.footer_wrap > ul > li{ width: 50%; padding-left: 20px; padding-right: 10px; box-sizing: border-box;}



/*************************main**************************/
div.main_slider .bx-wrapper img:last-child{width: 50%!important; }
div.main_slider .bx-wrapper .bx-pager,
div.main_slider .bx-wrapper .bx-controls-auto {
	bottom: 50px!important;
}
div.main_slider .bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px!important;
	height: 10px!important;
}



div.main02 > div.main02_wrap{ width: 100%;  }
div.main02 > div.main02_wrap > div.main02_left{ width: 100%; }
div.main02 > div.main02_wrap > div.main02_left > ul > li:nth-child(1){ font-size: 50px; }
div.main02 > div.main02_wrap > div.main02_left > ul > li:nth-child(2) > p{ font-size: 13px; }
div.main02 > div.main02_wrap > div.main02_left > ul > li:nth-child(3) > a{ width: 100%; height: 50px; font-size: 20px; line-height: 50px; margin-bottom: 30px; }
div.main02 > div.main02_wrap > div.main02_left > ul > li:nth-child(3) > a > img{ margin-left: 10px; width: 25px; }
div.main02 > div.main02_wrap > div.main02_right{ width: 100%; }
div.main02 > div.main02_wrap > div.main02_right > img{ display: none; }

div.main03 > ul > li{ width: 100%; height: 300px; overflow: hidden; padding: 0px; }
div.main03 > ul > li > a > div.main03_out{ padding-top: 10%; }
div.main03 > ul > li > a > div.main03_out > p{ font-size: 50px; }
div.main03 > ul > li > a > div.main03_over{ padding: 20%; line-height: normal; display: none; }
div.main03 > ul > li > a > div.main03_over > p{ font-size: 20px; }
div.main03 > ul > li > a > div.main03_over > p.small{ top: 0px; font-size: 12px; right: 20px; top: 20px; }
div.main03 > ul > li.main03_banner01{ background-size: 100% auto; }
div.main03 > ul > li.main03_banner02{ background-size: 100% auto; }
div.main03 > ul > li.main03_banner03{ background-size: 100% auto; }

div.main04 > div.main04_title > p{ padding: 0px 20px; }
div.main04 > div.main04_content{ width: 95%; }
div.main04 > div.main04_content > form > div{ float: left; width: 100%;  }
div.main04 > div.main04_content > form > div.main04_con_left > table{ width: 100%; clear: both; }
div.main04 > div.main04_content > form > div.main04_con_right{ width: 100%; clear: both; margin-top: 30px; }

/***********main_renew************/
 div.main_renew{
	height: 600px;
}
div.main_renew > div.top{
	height: 300px;
	padding-top: 50px;
}
div.main_renew > div.top > p{
	font-size: 90px;
	font-weight: 900;
	line-height: 80px;	
}
div.main_renew > div.float_img{
	width: 90%;
	top: 45%;
	margin-left: -45%;
	box-shadow: 15px 15px 0px #ffd200;
}
div.main_renew > div.float_text{
	width: 65%;
	height: 250px;
	top: 15%;
	right: 50%;
	margin-right: -32%;
	padding: 40px 0px 0px 50px;
}
div.main_renew > div.float_text > h2{
	font-size: 30px;
	margin-bottom: 20px;
}
div.main_renew > div.float_text > h2 > img{
	width: 35px;
	height: auto;
}
div.main_renew > div.float_text > h2 > img.com1{
	top: -20px;
	left: -40px;
}
div.main_renew > div.float_text > h2 > img.com2{
	top: 60px;
	left: 230px;
}
div.main_renew > div.float_text > p{
	width: 80%;
	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{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.digital_01 > div.naraweb_main_img > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.digital_01 > div.naraweb_main_img > a{
	margin-top: 60px;
}

div.narain_01 > div.narain_box > div.narain_bottom > div.narain_left{width:40%;float:left;margin-left: 4%;}
div.narain_01 > div.narain_box > div.narain_bottom > div.narain_right{width:40%;float: left;margin-left: 12%;margin-right: 4%;}   

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:30px;}
div.narain_01 > div.narain_box > div.narain_bottom > div > p.company_map{font-size:18px;line-height: 18px; }        
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: 50px 0 50px 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:40px;line-height: 60px;margin-top:50px;margin-left: 30px;}
    

div.digital_01 > div.digital_box > div.digital_bottom{margin: 50px 30px; 0}
div.digital_01 > div.digital_box > div.digital_bottom > div > h2{font-size:30px;}
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:15px;font-weight:bold;line-height: 33px;}    

div.digital_01 > div.digital_box > div.digital_bottom > div > p{width:65%;font-size:13px;line-height: 20px;}

/*map*/     
div.map_02 > div.map_box{width:100%;padding: 50px 0 50px 0; overflow: hidden;}
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:40px;line-height: 50px;margin-top:50px;margin-left: 30px;}    
div.map_02 > div.map_box > div.map_top > div.visit > p.daum_map{margin-top:50px;}    
div.map_02 > div.map_box > div.map_bottom{width:90%; margin: 0px auto; margin-top: 30px; border-bottom:1px solid #655955;padding-bottom:50px;}
div.map_02 > div.map_box > div.map_bottom > div > h2{font-size: 30px;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 30px;box-sizing:border-box;}
div.map_02 > div.map_box > div.map_bottom > div > ul{padding-top: 20px;color:#b0acab;font-size:13px;} 



/***********sub02 online css***********/
div.online_title{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.online_title > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.online_title > a{
	margin-top: 60px;
}

div.online_content .smk_accordion .accordion_in .acc_head > div{ width: 90%; padding: 30px 0px; }
div.online_content .smk_accordion .accordion_in .acc_head > div > p.head_bottom{ font-size: 25px; margin-top: 15px; }
div.online_content .smk_accordion .accordion_in .acc_head > div > p.head_top > span.yellow{ font-size: 35px; }
div.online_content .smk_accordion .accordion_in .acc_content > div{ width: 90%; }
div.online_content .smk_accordion .accordion_in .acc_head .acc_icon_expand {
  right: 20px!important;
}

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_top > p:nth-child(1){font-size: 40px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01{ overflow: hidden; padding-bottom: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul{ margin-top: 70px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li{ width: 100%; margin-right: 0px; margin-bottom: 20px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > h3{ font-size: 30px; line-height: 60px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > dl > dd{ margin-bottom: 10px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02{ padding-bottom: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > p{ font-size: 30px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > p > img{ width: 25%; float: left; margin-right: 5%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > ul > li{ width: 100%; margin-right: 0px; margin-bottom: 30px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > ul > li > h5{ font-size: 15px; line-height: 40px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > ul > li > p{ font-size: 13px;}

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03{margin-top: 50px; padding-bottom: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > h3{ font-size: 25px; line-height: 60px; margin-bottom: 10px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > table tr th{ width: 20%; font-size: 15px;}
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > table tr td{ font-size: 13px; padding-bottom: 10px;  }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo01{ width: 100%; padding-right: 0px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo02{ width: 100%; padding-left: 0px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03{ margin-top: 10px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03 > ul > li{  width: 33.3%; font-size: 70px;}
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03 > ul > li > p{ font-size: 13px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04{ padding-bottom: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li{ width: 100%; margin-right: 0px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > h3{ font-size: 30px; line-height: 60px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > table tr > th{ width: 20%; font-size: 18px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li:nth-child(2) > table{ margin-bottom: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li:nth-child(2) > table th{ width: 30%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li:nth-child(2) > table td.last{ font-size: 16px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number{ margin-bottom: 100px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number > ul > li{ width: 33.3%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number > ul > li{ font-size: 45px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number > ul > li > p{ text-align: center;font-size: 15px; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.last_top > p:nth-child(1){ width: 100%;  font-size: 30px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.last_top > p:nth-child(2){ width: 100%; font-size: 15px; height: auto;}
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05{ padding-bottom: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table th{ float: left; width: 30%; height: 50px; letter-spacing: normal; line-height: 50px; text-align: left; font-size: 13px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table td{ float: left; width: 70%; height: 50px; line-height: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table td > input{ width: 100%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table td > select{ width: 100%; }


/***************sub03 offline****************/
    
div.offline_01 > div.offline_box{width:100%; padding-bottom: 50px;}
div.offline_01 > div.offline_main_img{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.offline_01 > div.offline_main_img > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.offline_01 > div.offline_main_img > a{
	margin-top: 60px;
}

   
div.offline_01 > div.offline_box > div.offline_bottom{margin-top: 50px;}
div.offline_01 > div.offline_box > div.offline_bottom > div.offline_left{width:30%;float:left;margin-left: 3%;}
div.offline_01 > div.offline_box > div.offline_bottom > div.offline_middle{width:30%;float:left;margin-left: 2%;}
div.offline_01 > div.offline_box > div.offline_bottom > div.offline_right{width:30%;float: left;margin-left: 2%;margin-right: 3%;}   

div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine{padding-bottom: 30px;padding-top: 30px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway{padding-bottom: 30px;padding-top: 30px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio{padding-bottom: 30px;padding-top: 30px;}
    

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:18px;}
    

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: 20px 30px 0;box-sizing:border-box;margin-top:20px;} 
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > p.num_1{font-size:50px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > p.num_1{font-size:50px;} 
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > p.num_1{font-size:50px;}
          

div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > p.magazine1{font-size:20px;padding-top: 11px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > p.magazine1{font-size:20px;padding-top: 10px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > p.magazine1{font-size:20px;padding-top: 9px;}     
    
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > ul.magazine_text li:first-child{font-size:15px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > ul.magazine_text li:first-child{font-size:15px;}      
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > ul.magazine_text li:first-child{font-size:15px;}       

div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > ul.magazine_text{font-size:13px;}  
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > ul.magazine_text{font-size:13px;}      
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > ul.magazine_text{font-size:13px;} 


/*****************sub creative css*********************/
div.creative_main_title{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.creative_main_title > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.creative_main_title > a{
	margin-top: 60px;
}


div.creative_content > div.creative_con01{ padding: 20px 0px; }
div.creative_content > div.creative_con01 > div{ width: 90%; display: block; }
div.creative_content > div.creative_con01 > img{ display: none; }
div.creative_content > div.creative_con01 > div > p{ width: 100%; font-size: 25px; text-align: center; margin-bottom: 20px;  }
div.creative_content > div.creative_con01 > div > ul{ width: 100%; }
div.creative_content > div.creative_con01 > div > ul > li{ font-size: 15px; }
div.creative_content > div.creative_con01 > div > ul > li > img{ vertical-align: middle; }

div.creative_content > div.creative_con02 div.acc_head > div{ width: 90%; padding: 30px 0px; }
div.creative_content > div.creative_con02 div.acc_head > div > p{ font-size: 40px; }
div.creative_content > div.creative_con02 div.acc_head > div > p.small{ font-size: 15px; }
div.creative_content .smk_accordion .accordion_in .acc_head .acc_icon_expand {
  width: 40px!important;
  height: 40px!important;
  right: 20px!important;
  top: 50%!important;
  margin-top: -20px!important;
  background-size: 40px auto!important;
}
div.creative_content .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../images/one_plus.png) center -40px!important;
  background-size: 40px auto!important;
}
div.creative_content .smk_accordion.acc_with_icon .accordion_in .acc_head,
div.creative_content .smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left: 0px!important;
}

div.creative_content > div.creative_con02 div.acc_content > div{ width: 90%; padding-bottom: 20px; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_left{ width: 100%; margin-right: 0; font-size: 20px; line-height: 30px; margin-bottom: 30px; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right{ width: 100%;  }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr th{ font-size: 16px; width: 20%; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr td{ font-size: 16px; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr td span.small{ font-size: 13px; }

/*creative partner_slide css*/
div.partner_slide{
	height: 250px;
}
div.online_content > div.partner_slide > h2, div.creative_content > div.partner_slide > h2{
	font-size: 30px;
	margin: 30px 0;
}



/************************customer center css*****************************/
div.customer_main_title{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.customer_main_title > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.customer_main_title > a{
	margin-top: 60px;
}

div.customer_content .smk_accordion .accordion_in .acc_head .acc_icon_expand {
  right: 20px!important;
}
div.customer_content .smk_accordion .accordion_in .acc_head > div{ width: 90%; padding: 30px 0px;  }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p.head_left{ width: 100%; font-size: 16px; margin-bottom: 20px; }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p.head_left > img{ margin-right: 10px; width: 15px; }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p.head_right{ width: 100%; }

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 200px 0;}
div.partnership_01 > div.partnership_title{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.partnership_01 > div.partnership_title > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.partnership_01 > div.partnership_title > a{
	margin-top: 60px;
}

div.partnership_01 > div.partnership_box > div.partnership_list > ul{ margin-top: 50px; }
div.partnership_01 > div.partnership_box > div.partnership_list > ul > li{ width: 33%; margin-bottom: 50px; }
div.partnership_01 > div.partnership_box > div.partnership_list > ul > li > img{ width: 170px; }
 /***************sub05 portfolio****************/   
div.portfolio_01 > div.portfolio_box{width:100%;padding: 170px 3% 50px 3%;box-sizing:border-box;}
div.portfolio_01 > div.portfolio_title{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.portfolio_01 > div.portfolio_title > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.portfolio_01 > div.portfolio_title > a{
	margin-top: 60px;
}

div.portfolio_01 > div.portfolio_box > div.portfolio_gallery{margin-top: 50px;}    

div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list ul > li{width:33%; height: 180px; margin-top: 30px;}  
	
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:18px;top:70px;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{right:60px;}   
    

/********************adapply css**********************/
div.qna_popup_content > div.btn-r > a.cbtn { width: 25px; height: 25px; top: 20px; right: 20px;}

div.qna_popup_content > div{ width: 100%; }
div.adapply_01{width:100%!important;}
div.adapply_01 > div.adapply_box{ width: 100%; box-sizing: border-box; padding: 30px 20px 20px 20px;}
div.adapply_01 > div.adapply_box > div.adapply_top{width: 100%;}
div.adapply_01 > div.adapply_box > div.adapply_top > h1{width:100%; text-align: center; }
div.adapply_01 > div.adapply_box > div.adapply_top > ul.contact{ width: 100%; }
div.adapply_01 > div.adapply_box > div.adapply_top > ul.contact > li{ width: 33.3%; margin-right: 0px; }
div.adapply_01 > div.adapply_box > div.adapply_top > ul.map{ width:100%; }


div.adapply_01 > div.adapply_box > div.adapply01_bottom{width: 100%;}
div.adapply_01 > div.adapply_box > div.adapply01_bottom >ul.category li input[type="text"]{width:100%;height:40px;}
div.adapply_01 > div.adapply_box > div.adapply01_bottom >ul.category li textarea:last-child{width: 100%;}
div.adapply_01 > div.adapply_box > div.adapply01_bottom >ul.category > li > select{ width: 100%; height: 40px; }
div.adapply_01 > div.adapply_box > div.adapply01_bottom > p.adapply01_btn{width: 100%; }
div.adapply_01 > div.adapply_box > div.adapply01_bottom > p.adapply01_btn input[type="submit"]{width: 100%; font-size: 15px;}
div.adapply_01 > div.webtoon{width: 100%; }


div.adapply_02{width:100%;}
div.adapply_02 > div.adapply_box{ width: 100%; box-sizing: border-box; padding: 30px 20px 20px 20px;}
div.adapply_02 > div.adapply_box > div.adapply_top{width: 100%;}
div.adapply_02 > div.adapply_box > div.adapply_top > h1{width:100%; text-align: center; }
div.adapply_02 > div.adapply_box > div.adapply_top > ul.contact{ width: 100%; }
div.adapply_02 > div.adapply_box > div.adapply_top > ul.contact > li{ width: 33.3%; margin-right: 0px; }
div.adapply_02 > div.adapply_box > div.adapply_top > ul.map{ width:100%; }


div.adapply_02 > div.adapply_box > div.adapply01_bottom{width: 100%;}
div.adapply_02 > div.adapply_box > div.adapply01_bottom >ul.category li input[type="text"]{width:100%;height:40px;}
div.adapply_02 > div.adapply_box > div.adapply01_bottom >ul.category li textarea:last-child{width: 100%;}
div.adapply_02 > div.adapply_box > div.adapply01_bottom >ul.category > li > select{ width: 100%; height: 40px; }
div.adapply_02 > div.adapply_box > div.adapply01_bottom > p.adapply01_btn{width: 100%; }
div.adapply_02 > div.adapply_box > div.adapply01_bottom > p.adapply01_btn input[type="submit"]{width: 100%; font-size: 15px;}
div.adapply_02 > div.webtoon{width: 100%; }



/************************privacy css*****************************/	
div.qna_layer_popup03 div.qna_popup_content > div{ width: 100%;}

div.privacy_01{width:100%; height: auto; overflow: hidden; padding-bottom: 50px; }
div.privacy_01 > div.privacy_box{width: 90%; }
div.privacy_01 > div.privacy_box > div.privacy_top > h1{font-size:30px;font-weight: bold;font-family:nanumbarungothic,monospace;margin-bottom:30px;}
div.privacy_01 > div.privacy_box > div.privacy_top > ul.privacy_info{width:100%;height: 600px; padding: 30px 10px 0 30px;border:1px solid #ffd200;background-color:#f9f9f9;box-sizing:border-box;overflow-y: scroll;line-height: 20px;}
div.privacy_01 > div.privacy_box > div.privacy_top > ul.privacy_info > li{ line-height: 30px; font-size: 15px; }


/*******************portfolio popup********************/



/******************narain********************/
div.narain_02 > div.narain_title{
	height: 400px;
	background-size: auto 100%;
	background-position: 50% 0;
}
div.narain_02 > div.narain_title > h2{ 
	font-size: 50px; 
	padding-top: 150px;
	line-height: 40px;
}
div.narain_02 > div.narain_title > a{
	margin-top: 60px;
}

/*****************narain test***************/
div.narain_wrap{
	width: 100%;
}
div.narain_wrap > div.narain01 > img{
	margin-left: -70px;
	width: 80%;
}
div.narain_wrap > div.narain01 > p.name{
	font-size: 20px;
}
div.narain_wrap > div.narain01 > p.info{
	font-size: 15px;
	line-height: 25px;
	width: 90%;
	margin: 0px auto;
}
div.narain_wrap > div.narain02{
	width: 98%;
	margin: 0px auto;
}
div.narain_wrap > div.narain02 > ul > li{
	width: 100%;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:first-child{
	margin-bottom: 50px;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:last-child{
	padding: 20px 10px 0px 0px;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:last-child > p{
	line-height: 25px;
	font-size: 13px;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:last-child > p > span{
	font-size: 18px;
}
div.narain_wrap > div.narain02 > ul > li > ul.bottom_list > li{
	padding: 0px;
}

/*********************request css**************************/
aside#quick_nav{
	display: none;
}
/****request01****/
div.request01{
	background-size: auto 100%;
}
div.request01 > div.content_wrap{
	width: 100%;
}
div.request01 > div.content_wrap > p.title01{
	font-size: 40px;
}
div.request01 > div.content_wrap > ul.big_title > li:first-child > p{
	font-size: 42px;
}
div.request01 > div.content_wrap > ul.big_title > li > p{
	font-size: 38px;
}
div.request01 > div.content_wrap > ul.threep{
	/* width:100%; */
	width:450px;
}
div.request01 > div.content_wrap > ul.threep > li{
	/*width:33%;*/
}
div.request01 > div.content_wrap > p.title02{
	font-size: 16px;
}
div.request01 > div.content_wrap > ul.big_title > li:first-child{
	width: 100%; 
	text-align: center;
}
div.request01 > div.content_wrap > ul.big_title > li:last-child{
	width: 100%; 
	text-align: center;
}

div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(1), div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(2), div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(3){
	background-image: none;
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(4){
	background-image: none;
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(5), div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(6), div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(7), div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(8){
	background-image: none;
}


div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(1), div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(2), div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(3){
	background-image: none;
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(4){
	background-image: none;
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(5), div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(6), div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(7), div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(8){
	background-image: none;
}


/****request02****/
div.request02{
	background-size: auto 100%;
}
div.request02 > div.content_wrap{
	width: 100%;
}
div.request02 > div.content_wrap > h2{
	font-size: 30px;
	width: 90%;
	margin: 0px auto;
	margin-bottom: 50px;
}
div.request02 > div.content_wrap > ul.content_text{
	width: 90%;
	margin:0px auto;
	margin-bottom: 70px;
}
div.request02 > div.content_wrap > ul.content_img{
	width: 100%;
}
div.request02 > div.content_wrap > ul.content_img > li{
	width: 100%;
	margin-bottom: 50px;
}


/****request03****/
div.request03{
	background-size: auto 100%;
}
div.request03 > div.content_wrap{
	width: 100%;
}
div.request03 > div.content_wrap > h2{
	font-size: 30px;
	width: 90%;
	margin: 0px auto;
	margin-bottom: 50px;
}
div.request03 > div.content_wrap > div.request03_content{
	width: 95%;
	margin: 0px auto;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li{
	height: 400px;
}

div.request03 > div.content_wrap > div.request03_content > ul.big_content > li > h3{
	font-size: 20px;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li > h3 > span{
	font-size: 15px;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li > p{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 20px; 
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li > h3{
	font-size: 13px;
	font-weight: normal;
	line-height: 25px;
	color: #555555;
	text-align: left;
	margin-bottom: 10px;
}

/****request04****/
div.request04{
	background-size: auto 100%;
}
div.request04 > div.content_wrap{
	width: 100%;
}
div.request04 > div.content_wrap > h2{
	font-size: 30px;
	width: 90%;
	margin: 0px auto;
	margin-bottom: 50px;
}
div.request04 > div.content_wrap > ul.pf_img > li{
	width: 47%;
	height: 200px;
	background-size: 100% auto;
}

/****request05****/
div.request05{
	background-size: auto 100%;
}
div.request05> div.content_wrap{
	width: 100%;
}
div.request05 > div.content_wrap > h2{
	font-size: 30px;
	width: 90%;
	margin: 0px auto;
	margin-bottom: 50px;
}
div.request05 > div.content_wrap > div.request05_content{
	width: 95%;
	margin: 0px auto;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li{
	height: 450px;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li > h3{
	font-size: 20px;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li > h3 > span{
	font-size: 15px;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li > p{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 20px; 
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li > h3{
	font-size: 13px;
	font-weight: normal;
	line-height: 25px;
	color: #555555;
	text-align: left;
	margin-bottom: 10px;
}




/************portfolio_detail 포트폴리오 상세 페이지**************/
div.portfolio_detail > div.portfolio_content{
	width: 100%;
	padding-top: 70px;
}
div.portfolio_detail > div.portfolio_content > div.left{
	width: 100%;
	border-right: none;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > h2{
	font-size: 30px;
	padding-top: 30px;
}
div.portfolio_detail > div.portfolio_content > div.left > div.bottom{
	padding: 50px 20px;
}
div.portfolio_detail > div.portfolio_content > div.right{
	display: none;
}	
div.portfolio_detail > div.portfolio_content > div.moblie_btn{
	display: block;/***********모바일에서만 보이도록*************/
}

























 








}