/************************naraweb css*****************************/

/*digital*/
div.digital_01{width:100%;}
div.digital_01 > div.naraweb_main_img{
	height: 600px;
	background-image: url("../images/main_img_naraweb.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.digital_01 > div.naraweb_main_img > h2{ 
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.digital_01 > div.naraweb_main_img > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px;
}
div.digital_01 > div.naraweb_main_img > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}


div.digital_01 > div.digital_box{width:1200px;margin:0 auto;padding: 100px 0 100px 0;}
div.digital_01 > div.digital_box > div.digital_top > div.front p{font-size:60px;line-height: 70px;font-family:nanumbarungothic,monospace;font-weight:300;}
div.digital_01 > div.digital_box > div.digital_top > div.front p > .best{font-weight: 900;}


div.digital_01 > div.digital_box > div.digital_bottom{overflow: hidden;margin-top: 100px;}
div.digital_01 > div.digital_box > div.digital_bottom > div > h2{font-size: 50px;font-weight: bold;border-bottom:1px solid #000000;padding-bottom: 10px;font-family:nanumbarungothic,monospace;}
div.digital_01 > div.digital_box > div.digital_bottom > div > ul{padding-top: 20px;}

div.digital_01 > div.digital_box > div.digital_bottom > div.digital_left{width:48%;float:left;}
div.digital_01 > div.digital_box > div.digital_bottom > div > ul > .digital_text {font-size:20px;font-weight:bold;line-height: 33px;}
div.digital_01 > div.digital_box > div.digital_bottom > div > ul{width:35%;float: left;}
div.digital_01 > div.digital_box > div.digital_bottom > div > p{font-size:15px;line-h eight: 20px; width:58%;float: right;margin-top: 20px;text-align: justify;color: rgba(0,0,0,0.5);}
div.digital_01 > div.digital_box > div.digital_bottom > div.digital_right{width:48%;float: left;margin-left: 4%;}


/*map*/
div.map_02{width:100%;background-color:#ffd200;}
div.map_02 > div.map_box{width:1200px;margin:0 auto;padding: 100px 0 100px 0;}

div.map_02 > div.map_box > div.map_top > div.visit > p.visit_reservation{font-size:60px;line-height: 70px;font-family:nanumbarungothic,monospace;font-weight:300;color:#ffffff;}
div.map_02 > div.map_box > div.map_top > div.visit > p.visit_reservation > span.reservation{color:#000000;}
div.map_02 > div.map_box > div.map_top > div.visit > p.daum_map{overflow: hidden;margin-top:100px;}

div.map_02 > div.map_box > div.map_bottom{overflow: hidden;margin-top: 50px;padding-bottom:50px;}
div.map_02 > div.map_box > div.map_bottom > div > h2{font-size: 40px;border-bottom:1px solid #ffffff;padding:20px 0 20px 0;color:#000; font-weight: normal;}
div.map_02 > div.map_box > div.map_bottom > div > ul{padding-top: 20px;color:#000000;font-size:15px; opacity: 0.5;}

div.map_02 > div.map_box > div.map_bottom > div.map_left{width:48%;float:left;}
div.map_02 > div.map_box > div.map_bottom > div > ul{width:94%;float: left;}
div.map_02 > div.map_box > div.map_bottom > div.map_right{width:48%;float: left;margin-left: 4%;}



/************************offline css*****************************/

/*Offline Advertising 
Catch a success.*/
div.offline_01{width:100%; }
div.offline_01 > div.offline_main_img{
	height: 600px;
	background-image: url("../images/main_img_offline.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.offline_01 > div.offline_main_img > h2{ 
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.offline_01 > div.offline_main_img > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px;
}
div.offline_01 > div.offline_main_img > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}




div.offline_01 > div.offline_box{width:1200px;margin:0 auto;padding: 0 0 100px 0;}
/*01,02,03*/
div.offline_01 > div.offline_box > div.offline_bottom{overflow: hidden;margin-top: 100px;}
div.offline_01 > div.offline_box > div.offline_bottom > div.offline_left{width:30%;float:left;font-size:30px;}

div.offline_01 > div.offline_box > div.offline_bottom > div.offline_middle{width:30%;float:left;font-size:30px;margin-left: 5%;}

div.offline_01 > div.offline_box > div.offline_bottom > div.offline_right{width:30%;float: left;margin-left: 5%;}
div.offline_01 > div.offline_box > div.offline_bottom > div{font-size:30px;border-top:1px solid #b2b2b2;padding-top: 20px;}

div.offline_01 > div.offline_box > div.offline_bottom > div > p.magazine{font-size:20px;font-weight:bold;float:left; }
div.offline_01 > div.offline_box > div.offline_bottom > div > p > span.yellow_magazine{vertical-align: top; line-height: 30px; font-size:40px;font-weight:900;color:#ffd200;float: left;}
div.offline_01 > div.offline_box > div.offline_bottom > div > p.magazine_target{font-size:30px;padding-top: 20px;clear:both;}

div.offline_01 > div.offline_box a{display: block;margin-top: 100px;text-align: center;}


/*세로 100% magazine*/
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine{overflow: hidden; padding-bottom: 50px;border-top:1px solid #e5e5e5;padding-top: 50px;}
div.offline_01 > div.offline_box > div.offline_123{margin-top:30px;}


div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > p.num_1{width:8%;font-size:90px;font-weight:900;color:#ffd200;float: left;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > p.magazine1{width:20%;font-size:30px;font-weight:900;color:#000000;font-family:nanumbarungothic,monospace;float: left;padding-top: 14px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > ul.magazine_text{width:58%;font-size:15px;line-height: 20px; color:#737373;float: left;padding-top: 10px;margin-left: 4%;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_magazine > ul.magazine_text li:first-child{width:100%;font-family:nanumbarungothic,monospace;font-size:20px;color:#737373;float: left;padding-bottom: 10px;color:#000000;}


/*세로 100% subway & way*/
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway{width:100%;overflow: hidden;border-top:1px solid #e5e5e5;padding-top: 50px;padding-bottom: 50px;}


div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > p.num_1{width:8%;font-size:90px;font-weight:900;color:#ffd200;float: left;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > p.magazine1{width:20%;font-size:30px;font-weight:900;color:#000000;font-family:nanumbarungothic,monospace;float: left;padding-top: 15px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > ul.magazine_text{width:58%;font-size:15px;line-height: 20px;color:#737373;float: left;padding-top: 10px;margin-left: 4%;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_subway > ul.magazine_text li:first-child{width:100%;font-family:nanumbarungothic,monospace;font-size:20px;color:#737373;float: left;padding-bottom: 10px;color:#000000;}


/*세로 100% Radio & Internet Radio*/
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio{width:100%;overflow: hidden;border-top:1px solid #e5e5e5;padding-top: 50px}


div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > p.num_1{width:8%;font-size:90px;font-weight:900;color:#ffd200;float: left;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > p.magazine1{width:20%;font-size:30px;font-weight:900;color:#000000;font-family:nanumbarungothic,monospace;float: left;padding-top: 12px;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > ul.magazine_text{width:58%;font-size:15px;line-height: 20px;color:#737373;float: left;padding-top: 10px;margin-left: 4%;}
div.offline_01 > div.offline_box > div.offline_123 > div.offline_radio > ul.magazine_text li:first-child{width:100%;font-family:nanumbarungothic,monospace;font-size:20px;color:#737373;float: left;padding-bottom: 10px;color:#000000;}


/************************online css*****************************/
div.online_title{
	width: 100%;
	height: 600px;
	background-image: url("../images/main_img_online.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.online_title > h2{
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.online_title > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px;
}
div.online_title > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}


div.online_content .smk_accordion .accordion_in .acc_head .acc_icon_expand {
  width: 77px;
  height: 17px;
  margin-top: -10px;
  background: url(../images/customer_icon2.png) center 0;
  padding: 0px;
}
div.online_content .smk_accordion .accordion_in .acc_head:hover{
	background-color: #ffd200;
}
div.online_content .smk_accordion .accordion_in .acc_head:hover > div > p.head_top > span.yellow{
	color: #000000; 
}
div.online_content .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../images/customer_icon2.png) center -17px;
  padding: 0px;
}
div.online_content .smk_accordion .accordion_in .acc_content {
  background: #ededed;
}
div.online_content .smk_accordion .accordion_in.acc_active > .acc_head {
  background: #ededed;
}
div.online_content .smk_accordion.acc_with_icon .accordion_in .acc_head,
div.online_content .smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left: 0px!important;
}
div.online_content .smk_accordion .accordion_in .acc_head > div{ width: 1200px; margin: 0px auto; padding: 50px 0px; }
div.online_content .smk_accordion .accordion_in .acc_head > div > p.head_top{font-size: 20px; font-weight: bold; color: #000000; }
div.online_content .smk_accordion .accordion_in .acc_head > div > p.head_bottom{ font-size: 30px; margin-top: 20px; }
div.online_content .smk_accordion .accordion_in .acc_head > div > p.head_top > span.yellow{ font-size: 40px; font-weight: 900; color: #ffd200; vertical-align: middle; }
div.online_content .smk_accordion .accordion_in .acc_content > div{ width: 1200px; margin: 0px auto; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_top > p:nth-child(1){  font-family: 'Nanum Barun Gothic'; font-size: 60px; margin-bottom: 20px; color: #000000; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_top > p:nth-child(2){ font-size: 15px; line-height: 25px; color: #333333; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_top > p > span.bold{ font-weight: 900; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01{ overflow: hidden; padding-bottom: 70px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul{ overflow: hidden; width: 100%; margin-top: 100px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li{ float: left; width: 46%; margin-right: 4%; box-sizing: border-box; margin-bottom: 30px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > h3{ font-family: 'Nanum Barun Gothic'; font-size: 50px; font-weight: 400; line-height: 80px; border-bottom: 1px solid #333333; margin-bottom: 20px; color: #000000; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > p{ font-size: 15px; color: #666666; line-height: 25px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > dl{ font-size: 15px; color: #666666; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > dl > dt{ margin-bottom: 10px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom01 > ul > li > dl > dd{ padding-left: 20px }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02{ margin-top: 50px;overflow: hidden; padding-bottom: 70px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > p{ font-size: 40px; line-height: 50px; vertical-align: middle; margin-bottom: 20px; color: #333333;}
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > p > img{ vertical-align: middle; margin-right: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > ul{ width: 100%; overflow: hidden; margin-top: 20px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > ul > li{ float: left; width: 31%; margin-right: 2%; border-top: 1px solid #333333; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > ul > li > h5{ font-size: 18px; line-height: 50px; color: #333;  }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom02 > ul > li > p{ font-size: 15px; color: #333; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03{margin-top: 90px; overflow: hidden; padding-bottom: 70px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div{ float: left; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > h3{ font-size: 45px; border-bottom: 1px solid #000000; line-height: 80px; color: #000000; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > h3 > img{ vertical-align: middle; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > table tr{ padding: 10px 0px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > table tr th{ width: 150px; font-size: 20px; text-align: left; vertical-align: top;color: #333333; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div > table tr td{ font-size: 15px; line-height: 20px; color: #666666; padding-bottom: 20px;  }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo01{ width: 50%; box-sizing: border-box; padding-right: 20px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo02{ width: 50%; box-sizing: border-box; padding-left: 20px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03{ width: 100%; margin-top: 30px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03 > h3{ border-top: 1px solid #333333; } 
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03 > ul > li{ float: left; width: 16.6%; position: relative; font-size: 80px; font-weight: 900; font-style: italic; color: rgba(0,0,0,0.2); }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom03 > div.oo03 > ul > li > p{ position: absolute; bottom: 10px; font-size: 17px; font-weight: bold; opacity: 1; font-style: normal; color: #000000; }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04{ margin-top: 30px; overflow: hidden; padding-bottom: 70px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul{ width: 100%; overflow: hidden; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li{ float:left; width: 46%; margin-right: 4%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > h3{ font-size: 50px; border-bottom: 1px solid #000000; line-height: 80px; margin-bottom: 20px; color: #000000; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > table{ width: 100%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > table tr > th{ width: 100px; text-align: left; vertical-align: top; font-size: 20px;color: #333333; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > table tr > td{ font-size: 14px; color: #666666; padding-bottom: 20px; line-height: 20px;  }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li > table tr > td span.bold{ font-weight: bold; color: #333; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li:nth-child(2) > table{ margin-bottom: 150px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li:nth-child(2) > table th{ width: 165px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li:nth-child(2) > table td.last{ font-size: 20px; color: #000; font-weight: bold; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number{ margin-bottom: 200px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number > ul{ width: 100%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number > ul > li{ float: left; width: 16.6%; position: relative; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number > ul > li{ font-size: 55px; font-weight: 900; color: rgba(0,0,0,0.1);font-style: italic; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom04 > ul > li.number > ul > li > p{ font-size: 15px; color: #333333; position: absolute; bottom: 10px;right: 0px; font-style: normal;  }

div.online_content .smk_accordion .accordion_in .acc_content > div > div.last_top{ border-bottom: 1px solid #333333; overflow: hidden; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.last_top > p{ float: left; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.last_top > p:nth-child(1){ width: 20%; font-weight: 900; color: #000; font-size: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.last_top > p:nth-child(2){ width: 80%; font-size: 15px; color: #666666; height: 50px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05{ overflow: hidden; padding-bottom: 70px; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form{ width: 100%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table{ width: 100%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table th{ height: 60px; width: 20%; letter-spacing: 10px;color: #333333; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table td{ width: 30%; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table td > input{ width: 90%; height: 30px; border: 1px solid #cccccc; background-color: #fcfcfc; }
div.online_content .smk_accordion .accordion_in .acc_content > div > div.online_content_bottom05 > form > table td > select{ width: 90%; height: 30px; border: 1px solid #cccccc; background-color: #fcfcfc; }


/************************creative css*****************************/
div.creative_main_title{
	height: 600px;
	background-image: url("../images/main_img_creative.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.creative_main_title > h2{ 
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.creative_main_title > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px; 
}
div.creative_main_title > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}
div.creative_content > div.creative_con01{ width: 100%; background-color: #3f2f2a; overflow: hidden; padding: 30px; text-align: center; box-sizing: border-box; }

div.creative_content > div.creative_con01 > img{ width: 1200px; }

div.creative_content > div.creative_con01 > div{ display: none; width: 1200px; margin: 0px auto; }
div.creative_content > div.creative_con01 > div > p{ float: left; width: 20%; font-size: 30px; color: #ffd200; }
div.creative_content > div.creative_con01 > div > ul{ float: left; width: 80%; }
div.creative_content > div.creative_con01 > div > ul > li{ line-height: 30px; float: left; font-size: 18px; color: #ffffff; margin-right: 10px; }

div.creative_content > div.creative_con02 div.acc_head > div{ width: 1200px; margin: 0px auto; padding: 50px 0px; }
div.creative_content > div.creative_con02 div.acc_head > div > p{ font-size: 60px; font-weight: 900;  }
div.creative_content > div.creative_con02 div.acc_head > div > p.small{ font-size: 15px; font-weight: bold; color: #333333; margin-bottom: 20px; }

div.creative_content > div.creative_con02 div.acc_content > div{ width: 1200px; margin: 0px auto; overflow: hidden; padding-bottom: 50px; }
div.creative_content > div.creative_con02 div.acc_content > div > div{ float: left;  }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_left{ width: 40%; box-sizing: border-box; margin-right: 10%; font-size: 30px; color: #333333; font-weight: bold; line-height: 50px; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right{ width: 50%; box-sizing: border-box; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table{ width: 100%; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr{ border-top: 1px solid #333333; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr th{ padding: 20px 0px; font-size: 20px; text-align: left; vertical-align: top; color: #333333; width: 140px; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr td{ padding: 20px 0px; font-size: 18px; color: #333333; font-weight: bold; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr td span.small{ font-size: 15px; color: #666666; font-weight: normal; }
div.creative_content > div.creative_con02 div.acc_content > div > div.content_right > table tr td > ul > li{ margin-bottom: 10px; }


/*creative partner_slide css*/
div.partner_slide{
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
	background-image: url("../images/creative_slide_bg.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}
div.partner_slide > h2{
	text-align: center;
	font-size: 40px;
	text-shadow: 3px 3px 2px #000000;
	color: #ffffff;
	margin: 50px 0;
}

/************************customer center css*****************************/
div.customer_main_title{
	height: 600px;
	background-image: url("../images/main_img_creative.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.customer_main_title > h2{ 
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.customer_main_title > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px;
}
div.customer_main_title > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}

div.customer_content .smk_accordion .accordion_in .acc_head .acc_icon_expand {
  width: 77px;
  height: 17px;
  margin-top: -10px;
  background: url(../images/customer_icon.png) center 0;
  padding: 0px;
}
div.customer_content .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../images/customer_icon.png) center -17px;
  padding: 0px;
}
div.customer_content .smk_accordion .accordion_in .acc_content {
  background: #ffd200;
}
div.customer_content .smk_accordion .accordion_in.acc_active > .acc_head {
  background: #ffd200;
}
div.customer_content .smk_accordion.acc_with_icon .accordion_in .acc_head,
div.customer_content .smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left: 0px!important;
}

div.customer_content .smk_accordion .accordion_in .acc_head > div{ width: 1200px; margin: 0px auto; padding: 50px 0px; overflow: hidden;  }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p{ float: left; }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p.head_left{ width: 30%; font-size: 20px; font-weight: bold; }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p.head_left > img{ vertical-align: middle; margin-right: 20px; }
div.customer_content .smk_accordion .accordion_in .acc_head > div > p.head_right{ width: 70%; font-size: 20px; font-weight: bold; }

div.customer_content .smk_accordion .accordion_in .acc_content > div{ width: 1200px; margin: 0px auto; overflow: hidden; padding-bottom: 50px; }
div.customer_content .smk_accordion .accordion_in .acc_content > div > p{ width: 70%; float: right; font-size: 15px; color: #333333; line-height: 25px;  }




/************************partnership css*****************************/
div.partnership_01{width:100%;}
div.partnership_01 > div.partnership_box{width:1200px;margin:0 auto;}
div.partnership_01 > div.partnership_title{
	height: 600px;
	background-image: url("../images/main_img_creative.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.partnership_01 > div.partnership_title > h2{ 
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.partnership_01 > div.partnership_title > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px;
}
div.partnership_01 > div.partnership_title > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}

/*div.partnership_01 > div.partnership_box > div.partnership_bxslider{ width: 100%; height: 200px; padding-top: 100px; }
div.partnership_01 > div.partnership_box > div.partnership_bxslider > ul > li{ text-align: center; }*/
div.partnership_01 > div.partnership_box > div.partnership_list > ul{ overflow: hidden; margin-top: 100px; }
div.partnership_01 > div.partnership_box > div.partnership_list > ul > li{ 
	width: 25%; 
	float: left; 
	margin-bottom: 50px; 
	text-align: center; 
	padding-bottom: 50px;
	border-bottom: 2px solid #ffd200;
	font-size: 15px;
	font-weight: bold;
}
div.partnership_01 > div.partnership_box > div.partnership_list > ul > li > img{ width: 180px; height: auto; }

/************************portfolio css*****************************/
div.portfolio_01{width:100%;}
div.portfolio_01 > div.portfolio_box{width:1200px;margin:0 auto;padding: 0px 0 50px 0;}
div.portfolio_01 > div.portfolio_title{
	height: 600px;
	background-image: url("../images/main_img_portfolio.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.portfolio_01 > div.portfolio_title > h2{ 
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.portfolio_01 > div.portfolio_title > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px;
}
div.portfolio_01 > div.portfolio_title > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}

div.portfolio_01 > div.portfolio_box > div.portfolio_top > div.portfolio_advertising > p.best_project{width:100%;font-size:80px;font-weight:900;margin-top:100px;line-height:80px;}
div.portfolio_01 > div.portfolio_box > div.portfolio_top > div.portfolio_advertising > ul.experience{width:60%;float: left;margin-top:50px;font-size:15px;line-height:25px;}

div.portfolio_01 > div.portfolio_box > div.portfolio_gallery{margin-top: 100px;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery{overflow: hidden;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.portfolio_view > ul.portfolio_choice{width:100%;overflow: hidden;margin: 0 auto;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.portfolio_view > ul > li{width:9%;float: left;text-align:center;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.portfolio_view > ul > li > a{font-size:15px;font-weight:bold;}

div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list > ul {overflow:hidden;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list > ul > li{width:25%; overflow: hidden;margin-top: 50px;float:left; box-sizing:  border-box; padding-right: 10px;height:225px;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list > ul > li > a > div.gallery_over{ overflow: hidden; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background-color: rgba(255,211,0,0.7);}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list > ul > li > a > div.gallery_over > p.gallery_text{font-size:20px;font-weight:bold;position:absolute;top:30px;left:30px;color:#000000;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list > ul > li > a > div.gallery_over > p.small{font-size:15px;font-weight:900;position:absolute;bottom:30px;right:30px;color:#000000;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_list > ul > li img{ display: block; width:100%; height: 100%; }  

div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_bottom{width:291px;margin: 0 auto;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_bottom a{font-size:15px;font-weight:bold;float:left;display: block;margin-top: 50px;margin-left: 8px;}

div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_bottom a > p.gallery_plus {margin-right: 10px;border:1px solid #e9e9e9; width: 120px; height: 50px; line-height: 50px; text-align: center;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_bottom a > p.gallery_arrow {border:1px solid #e9e9e9; width: 120px; height: 50px; line-height: 50px; text-align: center;}
div.portfolio_01 > div.portfolio_box > div.portfolio_gallery > div.gallery_bottom a > p > img{vertical-align:middle; margin-right: 10px;}


/************************id_pw css*****************************/
div.id_pw_wrap{ width: 1000px; margin: 0px auto; overflow: hidden; border: 1px solid #333333; }
div.id_pw_wrap > div.top > div{ float: left; width: 50%; text-align: center; padding: 0px 30px; box-sizing: border-box; padding-top: 80px; }
div.id_pw_wrap > div.top > div > h1{ font-size: 40px; margin-bottom: 50px; font-family: 'Nanum Barun Gothic';  }
div.id_pw_wrap > div.top > div > form > input{ width: 100%; height: 40px; margin-bottom: 10px; background-color: #fff; border: 2px solid #ccc; box-sizing: border-box; padding-left: 20px; }
div.id_pw_wrap > div.top > div > form > p{ font-size: 13px; margin-bottom: 20px; }
div.id_pw_wrap > div.top > div > form > input[type=submit]{ height: 50px; border: 1px solid #111111; background-color: #111111; color: #ffffff; font-size: 18px; }
div.id_pw_wrap > div.top > div > form > input[type=checkbox]{ width: 12px; height: 12px; }
div.id_pw_wrap > div.top > div > form > a{ display: block; width: 100px; height: 30px; text-align: center; line-height: 30px; float: right; border: 1px solid #cccccc; margin-bottom: 50px; }

div.id_pw_wrap > div.bottom{ width:100%; overflow: hidden; }
div.id_pw_wrap > div.bottom > a{ display: block; width: 50%; height: 70px; float: left; background-color: #cccccc; text-align: center; line-height: 70px; color: #fff; font-size: 25px; font-weight: bold; margin-top: 150px;  }



/************************privacy css*****************************/
div.privacy_01{width:600px; height: 900px;margin:0 auto; border: 1px solid #333333; }
div.privacy_01 > div.privacy_box{width:500px;margin:0 auto;}
div.privacy_01 > div.privacy_box > div.privacy_top{margin-top: 30px;}
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; }

div.privacy_01 > div.privacy_box > p.adapply01_btn input[type="submit"]{font-size:20px;font-weight:bold;width: 100%; height:70px;background-color:#000000;color:#fefefe;background-image:url(../images/adapply01_right_arrow.png);background-repeat:no-repeat;background-position:62% 50%;border:none;margin-top: 30px;}



/*****************************narain css*********************************/
div.narain_02 > div.narain_box{ width: 1200px; margin: 0px auto;}
div.narain_02 > div.narain_title{
	height: 600px;
	background-image: url("../images/main_img_narain.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
div.narain_02 > div.narain_title > h2{ 
	font-size: 80px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	padding-top: 250px;
	margin-bottom: 50px;
	line-height: 70px;
}
div.narain_02 > div.narain_title > div{
	width: 110px;
	border: 1px solid #ffffff;
	margin: 0px auto;
	height: 0px;
}
div.narain_02 > div.narain_title > a{
	display: block;
	width: 42px;
	height: 42px;
	margin:0px auto;
	margin-top: 95px;
}


div.narain_content{ overflow: hidden; padding-top: 100px; margin-bottom: 300px;  }
div.narain_content > p{ width: 500px; height: 200px; margin: 0px auto; text-align: center; line-height: 200px; border: 10px solid #ffd200;  font-size: 50px; font-weight: 900; font-family: 'Nanum Barun Gothic'; }

div#popup{ display:none;}


/*****************narain test***************/
div.narain_wrap{
	width: 1200px;
	margin: 0px auto;
}
div.narain_wrap > div.narain01{
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 50px 0px;
	border-bottom: 1px solid #cccccc;
}
div.narain_wrap > div.narain01 > img{
	margin-left: -150px;
	margin-bottom: 20px;
}
div.narain_wrap > div.narain01 > p.name{
	font-size: 30px;
	font-weight: 900;
	color: #111111;
	margin-bottom: 20px;
	font-family: 'Nanum Barun Gothic';
}
div.narain_wrap > div.narain01 > p.info{
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	font-family: 'Nanum Barun Gothic';
}
div.narain_wrap > div.narain02{
	overflow: hidden;
	width: 100%;
	padding: 50px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}
div.narain_wrap > div.narain02 > ul{
	overflow: hidden;
	width: 100%;
}
div.narain_wrap > div.narain02 > ul > li{
	float: left;
	width: 50%;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader{
	overflow: hidden;
	width: 100%;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li{
	float: left;
	width: 50%;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:first-child{
	text-align: center;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:first-child > img{
	width: 80%;
	margin-left: -20px;
	margin-bottom: 20px;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:first-child > p{
	font-size: 20px;
	font-weight: 900;
	color: #222222;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:first-child > p > span{
	font-size: 15px;
	color: #999999;
	font-weight: normal;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:last-child{
	box-sizing: border-box;
	padding: 70px 20px 0px 0px;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:last-child > p{
	border-left: 3px solid #ffd200;
	line-height: 30px;
	font-size: 16px;
	color: #666666;
	padding: 10px;
	box-sizing: border-box;
}
div.narain_wrap > div.narain02 > ul > li > ul.team_leader > li:last-child > p > span{
	font-size: 20px;
	font-weight: 900;
	color: #222222;
}
div.narain_wrap > div.narain02 > ul > li > ul.bottom_list{
	overflow: hidden;
	width: 100%;
}
div.narain_wrap > div.narain02 > ul > li > ul.bottom_list > li{
	float: left;
	width: 33%;
	box-sizing: border-box;
	padding: 0px 15px;
	text-align: center;
	margin-bottom: 30px;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}
div.narain_wrap > div.narain02 > ul > li > ul.bottom_list > li > img{
	width: 100%;
	margin-bottom: 10px;
}






/*******************portfolio popup********************/
div.portfolio_popup{
	width: 1000px; 
	overflow: hidden;
	padding: 30px;
	box-sizing: border-box;
}
div.portfolio_popup > div.portfolio_pop_title{
	overflow: hidden;
	border-bottom: 5px solid #342828;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
div.portfolio_popup > div.portfolio_pop_title > table{
	width: 100%;
}
div.portfolio_popup > div.portfolio_pop_title > table th{
	width: 20%;
	vertical-align: top;
	text-align: left;
	font-size: 20px;
	border-right: 3px solid #ffd200;
}
div.portfolio_popup > div.portfolio_pop_title > table td{
	padding-bottom: 10px;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: 20px;
}
div.portfolio_popup > div.portfolio_pop_content{
	text-align: center;
}
div.portfolio_popup > div.portfolio_pop_content > img{
	margin-bottom: 30px;
	width: 80%;
}
div.portfolio_popup > div.portfolio_pop_content > a{
	display: block;
	width: 200px;
	height: 40px;
	margin: 0px auto;
	border: 3px solid #ffd200;
	font-size: 20px;
	font-weight: 900;
	color: #342828;
	text-align: center;
	line-height: 40px;
}
div.portfolio_popup > div.portfolio_pop_content > a:hover{
	background-color: #ffd200;
}



/******************request css********************/
/****request01****/
div.request01{
	overflow: hidden;
	background-image: url("../images/request_back01.jpg");
	background-repeat: no-repeat;
	background-size: 120% auto;
	background-position: 50% 50%;
	padding-top: 200px;
	padding-bottom: 160px;
	border-bottom: 2px solid #fdff4b;
}
div.request01 > div.content_wrap{
	width: 800px;
	margin: 0px auto;
}
div.request01 > div.content_wrap > p.title01{
	font-size: 50px;
	text-align: center;
	color: #ffffff;
	font-family: 'Nanum Barun Gothic';
	margin-bottom: 10px;
}
div.request01 > div.content_wrap > ul.big_title{
	width: 100%;
}
div.request01 > div.content_wrap > ul.big_title > li{
	float: left;
}
div.request01 > div.content_wrap > ul.big_title > li:first-child{
	width: 45%;
	font-weight: bold;
	background-color: #00bff3;
	box-sizing: border-box;
	padding-left: 5px;
}
div.request01 > div.content_wrap > ul.big_title{
	overflow: hidden;
}
div.request01 > div.content_wrap > ul.big_title > li:last-child{
	width: 55%;
}
div.request01 > div.content_wrap > ul.big_title > li > p{
	font-size: 52px;
	font-family: 'Nanum Barun Gothic';
	color: #ffffff;
}
div.request01 > div.content_wrap > p.title02{
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
}
div.request01 > div.content_wrap > h2{
	width: 420px;
	margin: 0px auto;
	border-top: 6px solid #ffffff;
	text-align: center;
	font-size: 65px;
	font-weight: bold;
	color: #ffffff;
	line-height: 100px;
	margin-top: 50px;
}
div.request01 > div.content_wrap > ul.threep{
	width: 450px;
	margin: 0px auto;
}
div.request01 > div.content_wrap > ul.threep > li{
	float: left;
	text-align: center;
	color: #ffffff;
	margin-right: 30px;
	font-size: 20px;
	font-weight: bold;
}
div.request01 > div.content_wrap > ul.threep > li > p{
	line-height: 30px;
}
div.request01 > div.content_wrap > ul.threep > li:last-child{
	margin-right: 0px;
}

/****request02****/
div.request02{
	overflow: hidden;
	background-image: url("../images/request_back02.jpg");
	background-repeat: no-repeat;
	background-size: 120% auto;
	background-position: 50% 50%;
	padding-bottom: 100px;
	border-bottom: 2px solid #fdff4b;
	padding-top: 100px;
}
div.request02 > div.content_wrap{
	width: 800px;
	margin: 0px auto;
}
div.request02 > div.content_wrap > h2{
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 50px;
}
div.request02 > div.content_wrap > h2 > span{
	font-size: 15px;
	font-weight: bold;
	color: #b1b1b1;
}
div.request02 > div.content_wrap > ul.content_text{
	width: 100%;
	overflow: hidden;
	margin-bottom: 110px;
}
div.request02 > div.content_wrap > ul.content_text > li{
	width: 25%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.5);
	padding: 0 2%;
}
div.request02 > div.content_wrap > ul.content_text > li:first-child{
	padding-left: 0px;
}
div.request02 > div.content_wrap > ul.content_text > li:last-child{
	padding-right: 0px;
	border-right: none;
}
div.request02 > div.content_wrap > ul.content_text > li > h3{
	font-size: 20px;
	font-weight: bold;
	color: #fdff4b;
	margin-bottom: 20px;
}
div.request02 > div.content_wrap > ul.content_text > li > h3 > span{
	font-size: 15px;
	font-weight: normal;
}
div.request02 > div.content_wrap > ul.content_text > li > p{
	font-size: 15px; 
	color: rgba(225,255,255,0.8);
}
div.request02 > div.content_wrap > ul.content_img{
	overflow: hidden;
	width: 670px;
	margin: 0px auto;
}
div.request02 > div.content_wrap > ul.content_img > li{
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
	padding: 0px 2%;
}
div.request02 > div.content_wrap > ul.content_img > li:first-child{
	padding-left: 0px;
}

div.request02 > div.content_wrap > ul.content_img > li:last-child{
	padding-right: 0px;
}
div.request02 > div.content_wrap > ul.content_img > li > h3{
	font-size: 15px;
	font-weight: bold;
	color: #fdff4b;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.request02 > div.content_wrap > ul.content_img > li > p{
	font-size: 13px;
	color: rgba(255,255,255,0.6);
	line-height: 17px;
}

/****request03****/
div.request03{
	overflow: hidden;
	background-image: url("../images/request_back03.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
	padding-bottom: 100px;
	border-bottom: 2px solid #fdff4b;
	padding-top: 100px;
}
div.request03 > div.content_wrap{
	width: 800px;
	margin: 0px auto;
}
div.request03 > div.content_wrap > h2{
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 50px;
}
div.request03 > div.content_wrap > h2 > span{
	font-size: 15px;
	font-weight: bold;
	color: #b1b1b1;
}
div.request03 > div.content_wrap > div.request03_content{
	overflow: hidden;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content{
	width: 100%;
	overflow: hidden;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li{
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	padding: 30px 3% 50px 3%;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li > img{
	margin-bottom: 30px;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li > h3{
	font-size: 30px;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li > h3 > span{
	font-size: 20px;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li > p{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-top: 20px; 
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li:first-child{
	background-color: #dfecee;
	color: #4b4b4b;
}
div.request03 > div.content_wrap > div.request03_content > ul.big_content > li:last-child{
	background-color: #e33a1e;
	color: #ffffff;
}


div.request03 > div.content_wrap > div.request03_content > ul.small_content{
	width: 100%;
	overflow: hidden;
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li{
	width: 25%;
	float: left;
	background-color: #eff0f1; 
	box-sizing: border-box;
	padding: 20px 0 0 20px;
	height: 150px;
	text-align: center;
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li > h3{
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	color: #555555;
	text-align: left;
	margin-bottom: 10px;
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li > h3 > span{
	font-weight: 900;
	color: #333333;
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li > img{
	margin-left:-20px;
}
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(4), 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(7){
	background-color: #d9d9d9;
}
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: url("../images/request03_arrow02.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
div.request03 > div.content_wrap > div.request03_content > ul.small_content > li:nth-child(4){
	background-image: url("../images/request03_arrow03.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
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: url("../images/request03_arrow01.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/****request04****/
div.request04{
	overflow: hidden;
	background-image: url("../images/request_back04.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
	padding-bottom: 50px;
	border-bottom: 2px solid #fdff4b;
	padding-top: 100px;
}
div.request04 > div.content_wrap{
	width: 800px;
	margin: 0px auto;
}
div.request04 > div.content_wrap > h2{
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 50px;
}
div.request04 > div.content_wrap > h2 > span{
	font-size: 15px;
	font-weight: bold;
	color: #b1b1b1;
}
div.request04 > div.content_wrap > ul.pf_img{
	width: 100%;
	overflow: hidden;
}
div.request04 > div.content_wrap > ul.pf_img > li{
	float: left;
	width: 30%;
	height: 210px;
	position: relative;
	margin: 0px 1.5% 20px; 1.5%;
	background-repeat: no-repeat;
}
div.request04 > div.content_wrap > ul.pf_img > li > div.pf_title{
	width: 100%;
	position: absolute;
	height: 50px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: 20px;
}	
div.request04 > div.content_wrap > ul.paging{
	width: 190px;
	margin: 0px auto;
	margin-top: 30px;
}
div.request04 > div.content_wrap > ul.paging >li{
	float: left;
	box-sizing: border-box;
	margin-right: 10px;
}
div.request04 > div.content_wrap > ul.paging >li:last-child{
	margin-right: 0px;
}

/****request05****/
div.request05{
	overflow: hidden;
	background-image: url("../images/request_back03.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
	padding-bottom: 100px;
	border-bottom: 2px solid #fdff4b;
	padding-top: 100px;
}
div.request05 > div.content_wrap{
	width: 800px;
	margin: 0px auto;
}
div.request05 > div.content_wrap > h2{
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 50px;
}
div.request05 > div.content_wrap > h2 > span{
	font-size: 15px;
	font-weight: bold;
	color: #b1b1b1;
}
div.request05 > div.content_wrap > div.request05_content{
	overflow: hidden;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content{
	width: 100%;
	overflow: hidden;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li{
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	padding: 30px 3% 50px 3%;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li > img{
	margin-bottom: 30px;
}
div.request05 > div.content_wrap > div.request055_content > ul.big_content > li > h3{
	font-size: 30px;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li > h3 > span{
	font-size: 20px;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li > p{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-top: 20px; 
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li:first-child{
	background-color: #dfecee;
	color: #4b4b4b;
}
div.request05 > div.content_wrap > div.request05_content > ul.big_content > li:last-child{
	background-color: #22b500;
	color: #ffffff;
}


div.request05 > div.content_wrap > div.request05_content > ul.small_content{
	width: 100%;
	overflow: hidden;
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li{
	width: 25%;
	float: left;
	background-color: #eff0f1; 
	box-sizing: border-box;
	padding: 20px 0 0 20px;
	height: 150px;
	text-align: center;
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li > h3{
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	color: #555555;
	text-align: left;
	margin-bottom: 10px;
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li > h3 > span{
	font-weight: 900;
	color: #333333;
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li > img{
	margin-left:-20px;
}
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(4), 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(7){
	background-color: #d9d9d9;
}
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: url("../images/request03_arrow02.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
div.request05 > div.content_wrap > div.request05_content > ul.small_content > li:nth-child(4){
	background-image: url("../images/request03_arrow03.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
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: url("../images/request03_arrow01.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/*aside css*/
aside#quick_nav{
	position: fixed;
	left: 100px;
	top: 30%;
}
aside#quick_nav > ul{
	overflow: hidden;
}
aside#quick_nav > ul > li{
	height: 50px;
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
aside#quick_nav > ul > li > a{
	padding-top: 55px;
	display: block;
}
aside#quick_nav > ul > li > a > img{
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -25px;
}
aside#quick_nav > ul > li > a > img:nth-child(2){
	display: none;

}
aside#quick_nav > ul > li > a:hover{
	color: #fdff4b;
}

/************portfolio_detail 포트폴리오 상세 페이지**************/
div.portfolio_detail{
	background-color: #ededed;
	width: 100%;
	overflow: hidden;
}
div.portfolio_detail > div.portfolio_content{
	width: 1200px;
	margin: 0px auto;
	background-color: #ffffff;
	overflow: hidden;
	height: auto;
	padding-top: 100px;
	position: relative;
}
div.portfolio_detail > div.portfolio_content > div.left{
	width: 990px;
	overflow: hidden;
	float: left;
	border-right: 1px solid #ededed;
	box-sizing: border-box;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top{
	overflow: hidden;
	box-sizing: border-box;
	padding: 0px 45px;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > h2{
	font-size: 35px;
	color: #333333;
	padding-top: 50px;
	margin-bottom: 30px;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > ul{
	overflow: hidden;
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > ul > li{
	margin-bottom: 15px;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > ul > li > p{
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > ul > li > p > span{
	color: #666666;
	font-weight: normal;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > ul > li > p > span > a{
	color: #666666;
	font-weight: normal;
}
div.portfolio_detail > div.portfolio_content > div.left > div.top > ul > li > p > span > a:hover{
	text-decoration: underline;
	color: #333333;
}
div.portfolio_detail > div.portfolio_content > div.left > div.bottom{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 70px 45px;
	box-sizing: border-box;
}
div.portfolio_detail > div.portfolio_content > div.left > div.bottom > img{
	width: 100%;
	height: auto;
}

div.portfolio_detail > div.portfolio_content > div.right{
	width: 210px;
	overflow: hidden;
	float: left;
	display: block;
}
div.portfolio_detail > div.portfolio_content > div.right > ul{
	overflow: hidden;
	width: 100%;
}
div.portfolio_detail > div.portfolio_content > div.right > ul > li{
	width: 100%;
	height: 100px;
}
div.portfolio_detail > div.portfolio_content > div.right > ul > li:first-child > a{
	display: block;
	float: left;
	width: 50%;
	height: 100%;
	text-align: center;
	line-height: 100px;
	font-size: 30px;
}
div.portfolio_detail > div.portfolio_content > div.right > ul > li:nth-child(2){
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	text-align: center;
	line-height: 100px;
	box-sizing: border-box;
	padding-left: 20px;
	background-image: url('../images/list_btn_icon.png');
	background-repeat: no-repeat;
	background-position: 30% 50%;
}
div.portfolio_detail > div.portfolio_content > div.right > ul > li:nth-child(2) > a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
}
div.portfolio_detail > div.portfolio_content > div.right > ul > li:last-child{
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-top: 1px solid #ededed;
	width: 210px;
	line-height: 100px;
	text-align: center;
	background-image: url('../images/top_btn_icon.png');
	background-repeat: no-repeat;
	background-position: 30% 50%;
}
div.portfolio_detail > div.portfolio_content > div.right > ul > li:last-child > a{
	display: block;
	width: 100%;
	height: 100%;
}	

div.portfolio_detail > div.portfolio_content > div.moblie_btn{
	width: 100%;
	float: left;
	border-bottom: 1px solid #ededed;
	display: none;/***********모바일에서만 보이도록*************/
}
div.portfolio_detail > div.portfolio_content > div.moblie_btn > ul{
	overflow: hidden;
	width: 100%;
}
div.portfolio_detail > div.portfolio_content > div.moblie_btn > ul > li{
	float: left;
	border-right: 1px solid #ededed;
	box-sizing: border-box;
	text-align: center;
	height: 70px;
	line-height: 70px;
}
div.portfolio_detail > div.portfolio_content > div.moblie_btn > ul > li:nth-child(1){
	width:25%;
}
div.portfolio_detail > div.portfolio_content > div.moblie_btn > ul > li:nth-child(2){
	width: 50%;
	box-sizing: border-box;
	padding-left: 20px;

	background-image: url('../images/list_btn_icon.png');
	background-repeat: no-repeat;
	background-position: 30% 50%;
}
div.portfolio_detail > div.portfolio_content > div.moblie_btn > ul > li:nth-child(3){
	border-right: none;
	width: 25%;
}
div.portfolio_detail > div.portfolio_content > div.moblie_btn > ul > li > a{
	font-size: 25px;
	display: block;
	width: 100%;
	height: 100%;
}