@charset "utf-8";

#visual_wrap { position:relative; overflow:hidden;}
#visual {width:1920px;left:50%;margin-left:-960px;position:relative;}
/*#content {float:right;width:750px;position:relative;background-color:#89cc65;}*/

.title_cont {padding:0 0 5px 2px;border-bottom:1px solid #000;font-size:1.6em;font-weight:500;}
#inner_content {}

/*sub_visual*/
/*greeting visual*/
.visual_txt { width:100%; height:300px; position:absolute; top:220px; }
.visual_title1 { margin-bottom:25px; opacity:0;}
.visual_title_line { width:0px; height:1px; background:rgba(255,255,255,0.7); margin:0 auto;}
.visual_title2 { margin-top:25px; opacity:0;}

/*회사소개*/
/*overview*/
.overview { height:555px; border-bottom:1px solid #f1f1f1;  position:relative;}
.overview_title { width:240px; height:70px;  padding-top:50px;}
.overview_title_deco {width:45px; height:5px; background:#318fd1;  }
.overview_title p {color:#2d2d2d; font-size:30px; font-weight:600; }
.overview_content { line-height:33px; padding-top:15px; }
.overview_content h3 { font-size:24px; font-weight:600; color:#08a8e4;}
.overview_content p { font-size:18px; font-weight:300; color:#272727; }
.overview_img { position:absolute; right:0; top:105px; opacity:0;}

/*조직도*/
.organization { height:555px; position:relative;}
.organization_title { width:240px; height:70px;  padding-top:50px;}
.organization_title_deco {width:45px; height:5px; background:#318fd1;  }
.organization_title p {color:#2d2d2d; font-size:30px; font-weight:600; }
.organization_content { margin-top:60px;}
.organization_content div { float:left; width:175px; text-align:center; margin-right:140px; opacity:0;}
.organization_content div:first-child { margin-left:40px;} 
.organization_content div:last-child { margin-right:0px;}
.organization_content div p { font-size:20px; font-weight:400; color:#08a8e4; 
text-shadow:2px 3px 4px rgba(0,0,0,0.2); margin-top:35px;}
.organization_content div img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

}
.organization_content div:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
/*our service*/
.our_service_wrap { width:1903px; background:#f8f8f8; position:relative; left:-347px; }
.our_service { width:1210px;height:600px;margin:0 auto; background:#f8f8f8; padding-top:100px; }
.our_service div { width:400px; height:246px; border:1px solid #08a8e4; position:absolute;}
.service_box1 { top:80px; left:155px; background:#08a8e4; text-align:center; }
.service_box2 { top:50px; left:800px; background:#FFF url('/web/images/sub/service_box1.png') 260px 40px no-repeat; }
.service_box3 { top:50px; left:1357px; background:#FFF url('/web/images/sub/service_box2.png') 280px 40px no-repeat; }
.service_box4 { top:500px; left:255px; background:#FFF url('/web/images/sub/service_box3.png') 280px 40px no-repeat; }
.service_box5 { top:453px; left:756px; background:#FFF url('/web/images/sub/service_box4.png') 300px 40px no-repeat; }
.service_box6 { top:380px; left:1242px; background:#FFF url('/web/images/sub/service_box5.png') 260px 40px no-repeat; }
		/*service box1*/
.service_box1 h5 {font-size:60px; font-weight:200; color:#fff;  }
.service_box1_deco { width:305px; height:1px; background-color:#fff; margin:0 auto;}
.service_box1 h3 {font-size:60px; font-weight:600; color:#fff; }
.service_box1 p {font-size:16px; font-weight:300; color:#fff; }

		/*service box 공통*/
.service_box_title { font-size:30px; font-weight:600; color:#08a8e4; padding:30px 0 10px 20px;}
.service_box_list li { font-size:16px; font-weight:300;color:#757575; padding-left:20px; }
.service_box_list li span { font-size:20px;color:#08a8e4; font-weight:600;}
/*service box4 */
#banner_txt { font-size:15px; font-weight:400;color:#757575; padding-left:35px; padding-top:10px;}

/*our client 제휴업체*/
.client_wrap { height:780px; border-top:1px solid #d7d7d7; background:#fff; position:relative;} 
.client_title { width:100%; text-align:center;padding-top:60px; }
.client_title h3 { opacity:0;}
.client_title h3 b { font-size:32px; font-weight:900; }
.client_title h3 span { font-size:32px; font-weight:200; }
/* .client_title p { font-size:16px; font-weight:300; } */
.client_title p { font-size:16px; font-weight:300; opacity:0;}
/* .our_client {width:1148px; height:510px;  background:url('/web/images/main/our_client_content.jpg') 0 0 no-repeat; margin: auto; } */
.our_client {width:1148px; height:510px;  background:url('/web/images/main/our_client_content_220707.png') 0 0 no-repeat; margin: 50px auto; opacity:0;}

/*main location 문의하기/지도 */
.main_location { height:730px; background:#313131; position:relative; }
.main_location_title { width:300px; margin: auto;text-align:center;padding-top:60px;color:#fff;position: relative; }
.main_location_title h3 { opacity:0;}
.main_location_title h3 b { font-size:32px; font-weight:900; }
.main_location_title p { font-size:16px; font-weight:300; opacity:0;}
.main_map {width:1213px; height:460px; margin:30px auto; opacity:0;}
.main_contact_btn   { position: absolute;
    top: 98px;
    right: -456px;
}


/*검색광고*/
/*search_moniter*/
/*.search_moniter { width:100px; height:100px; background:red; position:absolute; top:-100px;}*/
.main_slideWrap {width:650px; height:311px; position:relative;top:-160px; margin:0 auto; overflow:hidden;
background: url('/web/images/sub/moniter.png') center center no-repeat; opacity:0; } 
.main_slide{width:408px; height:259px; position:relative; margin-top:20px; margin-left:120px;/*border-bottom:1px solid #ebebeb;*/}
.main_slide .slick-dots { opacity:0; }
.main_slide .slick-prev {left:-70px;width:43px;height:41px; background:url('/web/images/sub/btn_prev.png') 0 0 no-repeat;}
.main_slide .slick-next {right:-70px;width:43px;height:41px; background:url('/web/images/sub/btn_next.png') 0 0 no-repeat;}



/*search_menu*/
.search_menu {width:1420px;height:650px; margin:0 auto; }
.search_menu div {width:320px; height:420px; float:left; margin-top:30px; margin-right:15px; cursor:pointer; opacity:0;}
.search_menu1 { background:url('/web/images/sub/search_menu1.jpg') center center no-repeat; 
margin-left:48px; box-shadow:5px 5px 10px rgba(0,0,0,0.3); }
.search_menu2 { background:url('/web/images/sub/search_menu2.jpg') center center no-repeat; box-shadow:5px 5px 10px rgba(0,0,0,0.3);  }
.search_menu3 { background:url('/web/images/sub/search_menu3.jpg') center center no-repeat; box-shadow:5px 5px 10px rgba(0,0,0,0.3); }
.search_menu4 { background:url('/web/images/sub/search_menu4.jpg') center center no-repeat; box-shadow:5px 5px 10px rgba(0,0,0,0.3);  }
.search_menu div img { opacity:0; }
.search_menu div:hover img { opacity:1; }

/*partner*/
.partner_wrap { height:635px; background:#f8f8f8; }
.partner { width:1212px; height:635px; margin:0 auto; }
.partner_title { width:1212px; text-align:center; padding-top:60px;}
.partner_title p { font-size:36px; font-weight:600; color:#313131; }
.partner_title_deco { width:50px; height:3px; background:#313131; margin:17px auto;margin-bottom:50px; }

.partner_menu { width:1212px; height:340px;}
.partner_menu div {width:200px; height:300px; float:left;margin-right:52px;text-align:center; opacity:0; }
.partner_menu div p {font-size:20px; font-weight:500; color:#313131; margin-top:50px;}
.partner_menu div:last-child { margin-right:0px; }
.partner_menu div img { opacity:0; margin-top:35px; }
.partner_menu1 { width:200px; height:231px; background:url('/web/images/sub/partner_menu1.png') center center no-repeat; }
.partner_menu2 { width:200px; height:231px; background:url('/web/images/sub/partner_menu2.png') center center no-repeat; }
.partner_menu3 { width:200px; height:231px; background:url('/web/images/sub/partner_menu3.png') center center no-repeat; }
.partner_menu4 { width:200px; height:231px; background:url('/web/images/sub/partner_menu4.png') center center no-repeat; }
.partner_menu5 { width:200px; height:231px; background:url('/web/images/sub/partner_menu5.png') center center no-repeat; }
.partner_menu1:hover img,.partner_menu2:hover img,.partner_menu3:hover img,.partner_menu4:hover img,.partner_menu5:hover img { opacity:1;}

.partner_menu1:hover p { color:#2db400;}
.partner_menu2:hover p { color:#618ffc;}
.partner_menu3:hover p { color:#eb4f41;}
.partner_menu4:hover p { color:#0072bc;}
.partner_menu5:hover p { color:#0d78b8;}


/*디스플레이광고*/
/*potal_banner*/
.potal_banner_wrap { height:300px;}
.potal_banner { width:1212px;  margin:0 auto; position:relative;}
.potal_title h3 { font-size:32px; font-weight:500; color:#277dce; margin-bottom:20px; } 
.potal_title_deco {width:80px; height:5px;background-color:#8c8c8c; margin-bottom:40px;}
.potal_title p { font-size:20px; font-weight:300; color:#2d2d2d;}

.potal_pc { width:350px; height:290px; background:url('/web/images/sub/potal_pc.png') center center no-repeat; 
position:absolute; right:0; top:-50px; opacity:0; }
.potal_pc_inner1 {width:213px; height:43px; position:absolute; top:50px; left:40px; opacity:0;}
.potal_pc_inner2 {width:66px; height:62px; position:absolute; top:120px; right:40px; opacity:0;}
/*potal_banner_content*/
.potal_banner_content_wrap {height:560px; background:#939393; }
.potal_banner_content { width:1250px; height:560px; background:#939393; margin:0 auto;}
.potal_banner_content div { float:left;margin-top:80px; cursor:pointer; opacity:0;} 
.potal_banner_content div img { margin-top:12px; margin-left:14px; }
.time_board { width:414px; height:495px; background:url('/web/images/sub/time_board.png') 0 0 no-repeat;} 
.rolling_board { width:414px; height:495px; background:url('/web/images/sub/rolling_board.png') 0 0 no-repeat;} 
.mobile_banner { width:414px; height:495px; background:url('/web/images/sub/mobile_banner.png') 0 0 no-repeat;} 
.potal_banner_content div img {display:none; }
.potal_banner_content div:hover img {display:block;}

/*network_banner_wrap*/
.network_banner_wrap { height:500px;}
.network_banner { width:1212px; height:500px; margin:0 auto; position:relative;}
.network_title { padding-top:160px;}
.network_title h3 { font-size:32px; font-weight:500; color:#277dce; margin-bottom:20px; } 
.network_title_deco {width:80px; height:5px;background-color:#8c8c8c; margin-bottom:40px;}
.network_title p { font-size:20px; font-weight:300; color:#2d2d2d;}

.network_pc { width:351px; height:290px; background:url('/web/images/sub/network_pc.png') center center no-repeat; 
position:absolute; right:0; top:110px; opacity:0; }
.network_pc_inner1 {width:213px; height:44px; position:absolute; top:45px; left:42px;opacity:0;}
.network_pc_inner2 {width:35px; height:92px; position:absolute; top:104px; left:42px;opacity:0;}
.network_pc_inner3 {width:66px; height:62px; position:absolute; top:100px; left:88px;opacity:0;}
.network_pc_inner4 {width:50px; height:43px; position:absolute; top:130px; left:160px;opacity:0;}
.network_pc_inner5 {width:31px; height:140px; position:absolute; top:53px; right:46px;opacity:0;}

/*network_banner_content*/
.network_banner_content_wrap {height:560px; background:#939393; }
.network_banner_content { width:1250px; height:560px; background:#939393; margin:0 auto;}
.network_banner_content div { float:left;margin-top:70px; cursor:pointer; opacity:0;} 
.network_banner_content div img { margin-top:8px; margin-left:12px;}
.re_target { width:414px; height:495px; background:url('/web/images/sub/re_target.png') 0 0 no-repeat;} 
.user_target { width:414px; height:495px; background:url('/web/images/sub/user_target.png') 0 0 no-repeat;} 
.search_target { width:414px; height:495px; background:url('/web/images/sub/search_target.png') 0 0 no-repeat;} 
.network_banner_content div img { opacity:0; }
.network_banner_content div:hover img { opacity:1;}

/*디스플레이광고 제휴업체*/
.display_client_wrap { height:790px;  }
.display_client { width:1212px;height:790px; margin:0 auto; }
.display_client_title {width:1212px; text-align:center; padding-top:80px;font-size:32px; color:#2d2d2d; font-weight:300;}
.display_client_title span { font-weight:500; }
.display_client_img { margin-top:70px; opacity:0;}

/*바이럴마케팅*/
.marketing_content_wrap { height:2100px; position:relative; overflow:hidden; }
.marketing_img1 {width:100%; height:350px; background:url('/web/images/sub/marketing_img1.jpg') 0 0 no-repeat; background-size:cover;position:relative;}
.marketing1_move { width:50%; height:350px; 
background:rgba(255,255,255,0.9) url('/web/images/sub/marketing_move1.png') 595px 180px no-repeat;position:absolute; 
right:-1060px; top:0;}
.marketing1_move h3 {padding:50px 0 20px 50px; font-size:30px; font-weight:600; color:#000; }
.marketing1_move p { padding-left:50px; font-size:18px;}

.marketing_img2 {width:100%; height:350px; background:url('/web/images/sub/marketing_img2.jpg') 0 0 no-repeat;background-size:cover; position:relative;}
.marketing2_move { width:50%; height:350px; background:rgba(255,255,255,0.9);
position:absolute; left:-1060px; top:0;  text-align:right;}
.marketing2_move h3 {padding:85px 50px 40px 0; font-size:30px; font-weight:600;color:#000; }
.marketing2_move p { padding-right:50px; font-size:18px; line-height:29px;}

.marketing_img3 {width:100%; height:350px; background:url('/web/images/sub/marketing_img3.jpg') 0 0 no-repeat;background-size:cover; position:relative;}
.marketing3_move { width:50%; height:350px; background:rgba(255,255,255,0.9)
url('/images/sub/marketing_move3.png') 597px 183px no-repeat;
position:absolute; right:-1060px; top:0;  }
.marketing3_move h3 {padding:85px 0 40px 50px; font-size:30px; font-weight:600; color:#000; }
.marketing3_move p { padding-left:50px; font-size:18px; line-height:29px;}

.marketing_img4 {width:100%; height:350px; background:url('/web/images/sub/marketing_img4.jpg') 0 0 no-repeat;background-size:cover;position:relative;}
.marketing4_move { width:50%; height:350px; background:rgba(255,255,255,0.9);
position:absolute; left:-1060px; top:0;  text-align:right;}
.marketing4_move h3 {padding:85px 50px 40px 0; font-size:30px; font-weight:600;color:#000; }
.marketing4_move p { padding-right:50px; font-size:18px;line-height:29px;}

.marketing_img5 {width:100%; height:350px; background:url('/web/images/sub/marketing_img5.jpg') 0 0 no-repeat;background-size:cover;position:relative;}
.marketing5_move { width:50%; height:350px; background:rgba(255,255,255,0.9)
url('/web/images/sub/marketing_move5.png') 590px 150px no-repeat;
position:absolute; right:-1060px; top:0; }
.marketing5_move h3 {padding:85px 0 40px 50px; font-size:30px; font-weight:600; color:#000; }
.marketing5_move p { padding-left:50px; font-size:18px; line-height:29px;}

.marketing_img6 {width:100%; height:350px; background:url('/web/images/sub/marketing_img6.jpg') 0 0 no-repeat;background-size:cover;position:relative;}
.marketing6_move { width:50%; height:350px; background:rgba(255,255,255,0.9)
url('/images/sub/marketing_move6.png') 354px 126px no-repeat;
position:absolute; left:-1060px; top:0;  text-align:right;}
.marketing6_move h3 {padding:105px 50px 40px 0; font-size:30px; font-weight:600;color:#000; }
.marketing6_move p { padding-right:50px; font-size:18px;line-height:29px;}


/*언론보도사 매체사 리스트*/
.marketing_client_wrap { height:820px;}
.marketing_client { width:1212px; height:820px; margin:0 auto;}
.marketing_client_title { width:1212px; text-align:center; padding-top:100px;}
.marketing_client_title p { font-size:32px; font-weight:300; opacity:0;}
.marketing_client_title p span { font-weight:600;} 
.marketing_title_deco { width:40px; height:4px; background:#000; margin:20px auto; }
.marketing_content { opacity:0;} 

/*sns 마케팅*/
/*페이스북*/
.facebook_wrap { height:465px; }
.facebook { width:1500px; height:465px; margin:0 auto; }
.facebook div { float:left; margin-right:20px; }
.facebook_left { width:540px; height:370px; margin-left:0px; opacity:0;background:url('/web/images/sub/facebook_left_bg.jpg') 0 10px no-repeat;}
.facebook_right { width:563px; height:370px;margin-left:355px;opacity:0;background:url('/web/images/sub/facebook_right_bg.jpg') 0 0 no-repeat;}
.facebook_left h3 { font-size:26px; font-weight:600; color:#fff; padding:30px 0 30px 30px; line-height:45px;}
.facebook_left p { font-size:18px;  font-weight:500; color:#fff; line-height:40px; padding-left:30px;}
.facebook_right p {font-size:20px; font-weight:500; color:#000;  padding:111px 0 20px 30px;  }
.facebook_right h3 { font-size:32px; font-weight:500; color:#3b589e; padding:20px 0 10px 30px;}
.facebook_right ul { width:500px;  padding-left:30px;}
.facebook_right ul li { display: inline-block; font-size:18px;font-weight:400; margin-right:120px; margin-bottom:5px;}

/*sns광고의특징*/
.sns_admin_wrap { position:relative; overflow:hidden;}
.sns_admin {width:1920px;min-width: 1300px; height:500px;  background:url('/web/images/sub/sns_admin_bg.jpg') center center no-repeat;
background-attachment: fixed;background-size: 115%;}

/*인스타그램*/
.insta_wrap { height:500px; padding-top:80px; }
.insta {  width:1500px;  height:570px; margin:0 auto;  }
.insta div { float:left; margin-right:20px;}
.insta_left { width:540px; height:370px; text-align:right; margin-left:0px; opacity:0;background:url('/web/images/sub/insta_left_bg.jpg') 0 0 no-repeat;}
.insta_right { width:563px; height:370px;margin-left:355px; opacity:0;background:url('/web/images/sub/insta_right_bg.jpg') 0 0 no-repeat;}
.insta_left h3 { font-size:26px; font-weight:600; color:#fff; padding:30px 0 30px 30px; line-height:45px;padding-right:20px; }
.insta_left p { font-size:18px;  font-weight:500; color:#fff; line-height:40px; padding-right:20px; }
.insta_right p {font-size:20px; font-weight:500; color:#000;  padding:111px 0 100px 30px;  }
.insta_right ul { width:500px;  padding-left:30px;}
.insta_right ul li { display: inline-block; font-size:18px;font-weight:400; margin-right:120px; margin-bottom:5px;}

/*brand_sns_wrap*/
.brand_sns_all_wrap { position:relative; overflow:hidden;}
.brand_sns_wrap { width:100%; height:540px; background:url('/web/images/sub/brand_sns_bg.jpg') 0 0 no-repeat; }
.brand_sns_title { width:292px; text-align:center; margin:0 auto; padding-top:58px;position: relative;} 
.brand_sns_title h3 { font-size:40px; font-weight:600; color:#fff; }
.brand_sns_title p { font-size:18px; font-weight:400; color:#fff; margin-top:5px; }
.brand_sns_box { width:1100px; margin:20px auto 0 auto;  }
.brand_sns_box>div { width:264px; height:450px; float:left; margin-right:75px; opacity:0; margin-top:10px; }
.brand_box1 { margin-left:80px;}

.brand_sns_btn {position:absolute; top:80px; right:-219px; width:150px;height:45px; 
font-size:20px; color:#fff; font-weight:500; line-height:45px;background:url('/web/images/sub/brand_sns_icon.png') 
80px 3px no-repeat; cursor:pointer;}

/*포스팅 컨텐츠 제작*/
.posting_contents_wrap { height:650px; }
.posting_contents { width:1120px; height:650px; margin:0 auto; position:relative;}
.posting_title { width:1120px; text-align:center; }
.posting_title h3 { font-size:40px; color:#5073b2; font-weight:600; opacity:0;}
.posting_title p { font-size:18px; font-weight:400; margin-bottom:30px;opacity:0;}
.posting_line {width:1120px; height:264px;margin-top:50px;opacity:0; background:url('/web/images/sub/posting_contents_line.jpg') 0 0 no-repeat;}
.posting_btn {position:absolute; top:15px;right:100px; width:150px;height:45px; 
font-size:20px; color:#5073b2; font-weight:500; line-height:45px; background:url('/web/images/sub/posting_icon.jpg') 
100px 3px no-repeat; cursor:pointer;}


/*포트폴리오*/
.portfolio_wrap { position:relative; overflow:hidden; margin-bottom:50px; }
.portfolio_wrap  > div { width:100%; height:512px; position:relative; }
.portfolio_01 { background:url('/web/images/sub/portfolio_01.jpg') center center no-repeat; background-size:cover; }
.portfolio_02 { background:url('/web/images/sub/portfolio_02.jpg') center center no-repeat; background-size:cover;  }
.portfolio_03 { background:url('/web/images/sub/portfolio_03.jpg') center center no-repeat; background-size:cover;  }
.portfolio_04 { background:url('/web/images/sub/portfolio_04.jpg') center center no-repeat; background-size:cover;  }
.portfolio_05 { background:url('/web/images/sub/portfolio_05.jpg') center center no-repeat; background-size:cover;  }
.portfolio_06 { background:url('/web/images/sub/portfolio_06.jpg') center center no-repeat; background-size:cover;  }

/*그래프 css*/

/*A여성의류쇼핑몰 portfolio_01*/
.chart01 { width:510px; height:217px; position:relative;}
.portfolio_01 .chart_left01 { width:180px; height:218px; float:left; }
.portfolio_01 .chart_left01 li p { line-height:40px; font-weight:200 ; padding-right:20px;color:#fff; text-align:right; font-size:18px;}
.chart_left01 #port1_chart1 { width:0px; height:40px;  background:#6c9ad0; position:absolute; top:0; right:0; }
.chart_left01 #port1_chart2 { width:0px; height:40px;  background:#6c9ad0; position:absolute; top:65px;right:0; }
.chart_left01 #port1_chart3 { width:0px; height:40px;  background:#6c9ad0; position:absolute;top:130px; right:0; }
.chart_left01 #port1_chart4 { width:0px; height:40px;  background:#6c9ad0; position:absolute;top:195px; right:0; }

.portfolio_01 .chart_right01 { width:330px; height:218px; float:left; }
.portfolio_01 .chart_right01 li p { line-height:40px; font-weight:500; color:#fff; padding-left:20px; text-align:left; font-size:23px;}
.chart_right01 #port1_chart5 { width:0px; height:40px;  background:#e06d6a; position:absolute; top:0; left:0; }
.chart_right01 #port1_chart6 { width:0px; height:40px;  background:#e06d6a; position:absolute; top:65px;left:0; }
.chart_right01 #port1_chart7 { width:0px; height:40px;  background:#e06d6a; position:absolute;top:130px; left:0; }
.chart_right01 #port1_chart8 { width:0px; height:40px;  background:#e06d6a; position:absolute;top:195px; left:0; }

/*B 남성의류 쇼핑몰*/
.chart02 { width:510px; height:218px; }
.portfolio_02 .chart_left02 { width:180px; height:218px; float:left; }
.portfolio_02 .chart_left02 li p { line-height:40px; font-weight:200 ; padding-right:20px;color:#fff; text-align:right; font-size:18px;}
.chart_left02 #port2_chart1 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:0; right:0; }
.chart_left02 #port2_chart2 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:65px;right:0; }
.chart_left02 #port2_chart3 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:130px; right:0; }
.chart_left02 #port2_chart4 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:195px; right:0; }

.portfolio_02 .chart_right02 { width:330px; height:218px; float:left; }
.portfolio_02 .chart_right02 li p { line-height:40px; font-weight:500; color:#fff; padding-left:20px; text-align:left; font-size:23px;}
.chart_right02 #port2_chart5 { width:0; height:40px;  background:#e06d6a; position:absolute; top:0; left:0; }
.chart_right02 #port2_chart6 { width:0; height:40px;  background:#e06d6a; position:absolute; top:65px;left:0; }
.chart_right02 #port2_chart7 { width:0; height:40px;  background:#e06d6a; position:absolute;top:130px; left:0; }
.chart_right02 #port2_chart8 { width:0; height:40px;  background:#e06d6a; position:absolute;top:195px; left:0; }

/*C 아동복 쇼핑몰*/
.chart03 { width:510px; height:218px;}
.portfolio_03 .chart_left03 { width:180px; height:218px; float:left; }
.portfolio_03 .chart_left03 li p { line-height:40px; font-weight:200 ; padding-right:20px;color:#fff; text-align:right; font-size:18px;}
.chart_left03 #port3_chart1 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:0; right:0; }
.chart_left03 #port3_chart2 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:65px;right:0; }
.chart_left03 #port3_chart3 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:130px; right:0; }
.chart_left03 #port3_chart4 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:195px; right:0; }

.portfolio_03 .chart_right03 { width:330px; height:218px; float:left; }
.portfolio_03 .chart_right03 li p { line-height:40px; font-weight:500; color:#fff; padding-left:20px; text-align:left; font-size:23px;}
.chart_right03 #port3_chart5 { width:0; height:40px;  background:#e06d6a; position:absolute; top:0; left:0; }
.chart_right03 #port3_chart6 { width:0; height:40px;  background:#e06d6a; position:absolute; top:65px;left:0; }
.chart_right03 #port3_chart7 { width:0; height:40px;  background:#e06d6a; position:absolute;top:130px; left:0; }
.chart_right03 #port3_chart8 { width:0; height:40px;  background:#e06d6a; position:absolute;top:195px; left:0; }

/*D 홈리빙(침구) 쇼핑몰 */
.chart04 { width:510px; height:218px;}
.portfolio_04 .chart_left04 { width:180px; height:218px; float:left; }
.portfolio_04 .chart_left04 li p { line-height:40px; font-weight:200 ; padding-right:20px;color:#fff; text-align:right; font-size:18px;}
.chart_left04 #port4_chart1 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:0; right:0; }
.chart_left04 #port4_chart2 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:65px;right:0; }
.chart_left04 #port4_chart3 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:130px; right:0; }
.chart_left04 #port4_chart4 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:195px; right:0; }

.portfolio_04 .chart_right04 { width:330px; height:218px; float:left; }
.portfolio_04 .chart_right04 li p { line-height:40px; font-weight:500; color:#fff; padding-left:20px; text-align:left; font-size:23px;}
.chart_right04 #port4_chart5 { width:0; height:40px;  background:#e06d6a; position:absolute; top:0; left:0; }
.chart_right04 #port4_chart6 { width:0; height:40px;  background:#e06d6a; position:absolute; top:65px;left:0; }
.chart_right04 #port4_chart7 { width:0; height:40px;  background:#e06d6a; position:absolute;top:130px; left:0; }
.chart_right04 #port4_chart8 { width:0; height:40px;  background:#e06d6a; position:absolute;top:195px; left:0; }

/*E 사이버대학교*/
.chart05 { width:510px; height:218px; }
.portfolio_05 .chart_left05 { width:180px; height:218px; float:left; }
.portfolio_05 .chart_left05 li p { line-height:40px; font-weight:200 ; padding-right:20px;color:#fff; text-align:right; font-size:18px;}
.chart_left05 #port5_chart2 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:65px;right:0; }
.chart_left05 #port5_chart3 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:130px; right:0; }
.chart_left05 #port5_chart4 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:195px; right:0; }

.portfolio_05 .chart_right05 { width:330px; height:218px; float:left; }
.portfolio_05 .chart_right05 li p { line-height:40px; font-weight:500; color:#fff; padding-left:20px; text-align:left; font-size:23px;}
.chart_right05 #port5_chart6 { width:0; height:40px;  background:#e06d6a; position:absolute; top:65px;left:0; }
.chart_right05 #port5_chart7 { width:0; height:40px;  background:#e06d6a; position:absolute;top:130px; left:0; }
.chart_right05 #port5_chart8 { width:0; height:40px;  background:#e06d6a; position:absolute;top:195px; left:0; }


/*F 성형외과*/
.chart06 { width:510px; height:218px;}
.portfolio_06 .chart_left06 { width:180px; height:218px; float:left; }
.portfolio_06 .chart_left06 li p { line-height:40px; font-weight:200 ; padding-right:20px;color:#fff; text-align:right; font-size:18px;}
.chart_left06 #port6_chart2 { width:0; height:40px;  background:#6c9ad0; position:absolute; top:65px;right:0; }
.chart_left06 #port6_chart3 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:130px; right:0; }
.chart_left06 #port6_chart4 { width:0; height:40px;  background:#6c9ad0; position:absolute;top:195px; right:0; }

.portfolio_06 .chart_right06 { width:330px; height:218px; float:left; }
.portfolio_06 .chart_right06 li p { line-height:40px; font-weight:500; color:#fff; padding-left:20px; text-align:left; font-size:23px;}
.chart_right06 #port6_chart6 { width:0; height:40px;  background:#e06d6a; position:absolute; top:65px;left:0; }
.chart_right06 #port6_chart7 { width:0; height:40px;  background:#e06d6a; position:absolute;top:130px; left:0; }
.chart_right06 #port6_chart8 { width:0; height:40px;  background:#e06d6a; position:absolute;top:195px; left:0; }


.chart01, .chart02, .chart03, .chart04, .chart05, .chart06 {margin: auto;position: relative;top:215px;}
.chart01 > div ,.chart02 > div ,.chart03 > div ,.chart04 > div ,.chart05 > div ,.chart06 > div {position: relative;}
.chart01, .chart03, .chart05 {padding-left: 660px;}
.chart02, .chart04, .chart06 {padding-right: 660px;}

.chart05{top:199px;}
.chart06 {top:189px;}




/* 사이트맵 */ 
.sm_wrap {font-size:12px;padding:0 20px 60px 20px;}
.sm_wrap:last-child{padding-bottom: 0;}
.sm_wrap>ul {float:left;width: 33.3%; box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 45px;margin-bottom:45px;}
.sm_wrap>ul:last-child {padding-right: 0;}
.sm_wrap ul li.sm_title{padding: 2px 20px; margin-bottom: 5px; border: 1px solid #354f8b; color: #354f8b; font-size: 16px; font-weight: 700; border-radius: 1em;}
.sm_wrap>ul>li>a::before{position: absolute; top: 50%; margin-top: -4.5px; left:16px; width: 9px; height: 9px; border:2px solid #354f8b; content: ""; display:inline-block; border-radius: 50%; box-sizing: border-box; -webkit-box-sizing:border-box;}
.sm_wrap ul li a{display: block; position: relative; box-sizing: border-box; -webkit-box-sizing:border-box}
.sm_wrap>ul>li>a{border-bottom: 1px solid #d7d7d7;font-size: 14px; color: #858585; padding: 4px 0 4px 30px; width: 100%; font-weight: 500;}
.sm_wrap>ul a:hover{color: #354f8b;}

.sitemapWrap {}
.sitemapWrap .sitemapTit {position:relative;}
.sitemapWrap .sitemapTit dt {padding-top:15px;margin-bottom:5px;font-size:20px;font-weight:600;color:#354f8b;}
.sitemapWrap .sitemapTit dt:before {content:'';position:absolute;top:0;left:0;width:23px;height:4px;background-color:#354f8b;}
.sitemapWrap .sitemapTit dd {font-size:16px;color:#888888;}
.sitemapWrap .sitemapList {margin-top:35px;}
.sitemapWrap .sitemapList .sitemapBox {position:relative;float:left;width:33.3%;margin-bottom:78px;}
.sitemapWrap .sitemapList .sitemapBox .num {position:absolute;left:0;top:0;width:39px;height:30px;line-height:30px;font-size:34px;font-weight:500;color:#d0d2d7;overflow:hidden;}
.sitemapWrap .sitemapList .sitemapBox > dl {float:left;min-height:170px;margin-left:39px;padding-left:21px;border-left:1px solid #c1c3c9;}
.sitemapWrap .sitemapList .sitemapBox > dl dt {margin-bottom:10px;font-size:20px;font-weight:500;color:#617bb7;}
.sitemapWrap .sitemapList .sitemapBox > dl dd {margin-bottom:3px;}
.sitemapWrap .sitemapList .sitemapBox > dl dd:last-child {margin-bottom:0px;}
.sitemapWrap .sitemapList .sitemapBox > dl dd a {font-weight:500;color:#888888;} 


/* sticky foot */
#footer_wrap {}
#footer_wrap.sticky {width:100%;position:fixed;left:0;bottom:0;z-index:9999;}
#container_wrap {padding-bottom:0px;}
#container_wrap.sticky {padding-bottom:100px;}