@media all and (min-width: 1599px) {
	/* 헤더 */
	*{ font-size:15px; }
	#header { width:100%; height: 90px; line-height:90px; margin:0; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; border-bottom:0px solid rgba(255, 255, 255, 0.5); z-index:11; }
	.main_menu{ text-align:center; position:relative; }
	.main_menu li{ display:inline-block; margin-right:50px; }
	.main_menu li:last-child{ margin:0; }
	.main_menu li a{ color:#fff; font-weight:bold; }
	.main_menu li a:hover{ color:#ed7374 !important; }
	.logo{ position:absolute; left:50px; top:50%; margin-top:-26.5px; z-index:1111111111111111111111111111;}
	.sns_menu{ position:absolute; top:0 ;right:0; height:100%; }
	.sns_menu li{ display:inline-block; background:rgba(0,0,0,0.2); border-left:0px solid rgba(255, 255, 255, 0.2); width:90px; height:100%; background-repeat:no-repeat; background-position:center; }
	.s_top_btn{ width:50px; height:50px; line-height:50px; border-radius:50%; background:#000; position:fixed; bottom:100px; right:50px; z-index:11111; display:none; text-align:center; color:#fff; font-weight:bold; cursor:pointer; }

	/*섹션*/
	#section { width:100%; margin:0 0 0px; }
	.portfolio_bg_top{ width:100%; display:block; padding-top:849px; }
	.portfolio_bg{ width:100%; height:1489px; background:#f6f6f6; }
	.section_inner{ max-width:1599px; margin:0 auto; padding-top:155px; }
	.section_inner .art_m{ position:relative; }
	.section_inner .art_m .art_m_con{ line-height:30px; margin-bottom:200px; }
	.section_inner .art_m .text_gr{ color:#777777; height:847px; max-width:680px; margin-right:829px; }
	.section_inner .art_m .text_gr h2{ font-size:65px; color:#444444; }
	.section_inner .art_m .text_gr .sub_tit{ font-size:26px; color:#000; padding:57px 0; }
	.section_inner .art_m .text_gr img{ margin-top:99px; display:block; }
	.section_inner .art_m .list_icon{ position:absolute; width:881px; text-align:center; top:32px; right:0; }
	.section_inner .art_m .list_icon li{ display:inline-block; width:265px; height:265px; margin-left:25px; margin-top:-10px; }
	.section_inner .art_m .list_icon li:first-child{ margin-left:0; }
	.portfolio{  }
	.portfolio > img{ width:100%; }
	.portfolio .tab_menu{ text-align:center; background:rgba(238,238,238,0.5); }
	.portfolio .tab_menu h2{ font-size:75px; color:#444; margin-bottom:56px; }
	.portfolio .tab_menu .tabs_nav{ overflow:hidden; display:inline-block; }
	.portfolio .tab_menu .tabs_nav li{ float:left; position:relative; }
	.portfolio .tab_menu .tabs_nav a{ display:block; width:100px; height:189px; position:relative; background-repeat:no-repeat; line-height:220px; color:#a5a5a5; }
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a{ background-image:url("../../sub/img/p_tab_01_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a{ background-image:url("../../sub/img/p_tab_02_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a{ background-image:url("../../sub/img/p_tab_03_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a{ background-image:url("../../sub/img/p_tab_04_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a{ background-image:url("../../sub/img/p_tab_05_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a{ background-image:url("../../sub/img/p_tab_06_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a{ background-image:url("../../sub/img/p_tab_07_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a.active{
		background-image:url("../../sub/img/p_tab_01_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a.active{
		background-image:url("../../sub/img/p_tab_02_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a.active{
		background-image:url("../../sub/img/p_tab_03_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a.active{
		background-image:url("../../sub/img/p_tab_04_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a.active{
		background-image:url("../../sub/img/p_tab_05_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a.active{
		background-image:url("../../sub/img/p_tab_06_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a.active{
		background-image:url("../../sub/img/p_tab_07_on.png"); color:#000;
	}
	.portfolio .tab_menu .section_body{ position:relative; max-width:1599px; margin:0 auto; padding-bottom:80px; z-index:1; }
	.portfolio .tab_menu .section_body .tabs_panel{ overflow:hidden; margin-bottom:87px; }
	.portfolio .tab_menu .section_body .tabs_panel ul{ width:1645px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li{ float:left; width:364px; height:364px; background:#000; margin-right:46px; margin-top:64px; position:relative; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text{ position:absolute; bottom:47px; padding:0 38px; box-sizing:border-box; z-index:11111; color:#fff; font-size:20px; font-weight:bold; text-align:left; width:100%; display:none; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text .box_btn{ position:absolute; bottom:0; right:38px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text span{ color:rgba(255,255,255,0.4); font-size:11px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .tab_con_img{ position:absolute; z-index:111; top:0; left:0; cursor:pointer; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .over_bg{ width:100%; height:100%; position:absolute; top:0; left:0; background: linear-gradient( 45deg, rgba(233,124,124,1), rgba(157,108,163,1) ); cursor:pointer;  }
	.portfolio .tab_menu .section_body .more_btn_01{ margin-top:87px; }
	.section_inner .client{ overflow:hidden; padding:131px 0 107px;  }
	.Contact_us{ width:100%; height:524px; background:url("../../sub/img/Contact_us_bg.jpg"); background-size:cover; }
	.Contact_us div{ width:980px; margin:0 auto; }
	.Contact_us div div{ text-align:center; color:#fff; width:980px; height:524px; display:table-cell; vertical-align:middle; }
	.Contact_us div div h2{ font-size:65px; }
	.Contact_us div div p{ line-height:30px; margin-top:45px; margin-bottom:58px; }
	.section_inner .client .c_tit{ text-align:right; float:right; }
	.section_inner .client .c_tit .c_tit_h{ color:#000; }
	.section_inner .client .c_tit .c_tit_h p{ font-size:70px; font-weight:bold; color:#000; margin:0; line-height:80px; }
	.section_inner .client .c_tit p{ color:#777777; margin-top:45px; margin-bottom:85px; line-height:30px; }
	.section_inner .client .link_gr{ width:1064px; overflow:hidden; }
	.section_inner .client .link_gr li{ float:left; width:265px; height:263px; border:1px solid #ebebeb; margin-right:-2px; cursor:pointer; }
	.parallax_position{ position:absolute; width:100%; top:1047px; z-index:-111; }
	.parallax_position .parallax_gr{ width:100%; height:3367px; position:relative; overflow:hidden; }
	.parallax_position .parallax_gr .parallax_img{ position:absolute; }
	.parallax_position .parallax_gr .parallax_img_01{ top:541px; left:324px; }
	.parallax_position .parallax_gr .parallax_img_02{ top:407px; left:899px; }
	.parallax_position .parallax_gr .parallax_img_03{ top:680px; right:32px; }
	.parallax_position .parallax_gr .parallax_img_04{ top:1082px; left:68px; }
	.parallax_position .parallax_gr .parallax_img_05{ top:1589px; right:-30px; }
	.parallax_position .parallax_gr .parallax_img_06{ top:2240px; left:86px; }
	.parallax_position .parallax_gr .parallax_img_07{ top:2854px; right:390px; }

	.more_btn{ width:220px !important; height:64px !important; border-radius:50px; border:1px solid #aaa; text-align:center; line-height:64px; font-weight:bold; font-size:15px; display:inline-block; }
	.more_btn span{ font-weight:100; }
	.more_btn:hover{
		background:linear-gradient( 45deg, rgba(235,116,115,1), rgba(190,99,228,1) );
		color:#fff;
		border:none;
	}

	/*bx_slide*/
	#main_bx{ margin-top:-90px; color:#fff; }
	#main_bx .bxslider .bx_inner{ width:100%; height:1047px; background-size:cover; text-align:center; }
	#main_bx .bxslider .bx_inner div{ width:980px; height:1047px; margin:0 auto }
	#main_bx .bxslider .bx_inner div div{ display:table-cell; width:980px; height:1047px; vertical-align:middle; position:relative; }
	#main_bx .bxslider .bx_inner div div p{ font-size:27px; font-weight:bold; font-family:"raleway_b"}
	#main_bx .bxslider .bx_inner div div .tit_top{ display:inline; text-transform:uppercase; }
	#main_bx .bxslider .bx_inner div div .tit{ letter-spacing:2px; font-size:80px; letter-spacing:30px; font-weight:bold; margin-bottom:35px; display:inline-block; line-height:100px; }
	#main_bx .bxslider .bx_inner div div .tit_first{ margin-bottom:0; margin-top:22.5px; }
	#main_bx .bxslider .bx_inner div div .con{ font-size:15px; font-weight:normal; line-height:25px; opacity:0.5; }
	#main_bx .scroll_btn_gr{ position:absolute; top:845px; width:100%; text-align:center; }
	#main_bx .bx-wrapper .bx-pager{ padding:0; margin-bottom:320px; }
	#main_bx .bx-wrapper .bx-pager-item:first-child{ padding:3px; background:url("../../sub/img/main_btn_bg_01.png") }
	#main_bx .bx-wrapper .bx-pager-item:last-child{ background:url("../../sub/img/main_btn_bg_03.png"); }
	#main_bx .bx-wrapper .bx-pager-item{ padding:3px 3px 3px 20px; background:url("../../sub/img/main_btn_bg_02.png")}
	#main_bx .bx-wrapper .bx-pager-item:last-child{ margin:0; }
	#main_bx .bx-wrapper .bx-pager.bx-default-pager a{ margin:0 !important; }
	#main_bx .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#fa2447 !important; }
	#main_bx .bx-wrapper .bx-controls-direction a{ width:70px; height:70px;}
	#main_bx .bx-wrapper .bx-prev{ background:url("../../sub/img/controls.png") no-repeat -8px -93px; }
	#main_bx .bx-wrapper .bx-next{ background: url("../../sub/img/controls.png") no-repeat -123px -93px; }
	#main_bx  .bx-wrapper .bx-prev{ left:50px !important; }
	#main_bx  .bx-wrapper .bx-next{ right:50px !important; }

	/* 풋터*/
	#footer{ background:url("../../sub/img/tail_bg.jpg"); width:100%; background-size:100%; text-align:center; color:#fff; }
	.footer_inner{ background:#414141; }
	.footer_inner div{ width:980px; margin:0 auto; }
	.footer_inner div div{ display:table-cell; text-align:center; vertical-align:middle; width:980px; height:187px; }
	.footer_inner div div ul li{ display:inline-block; width:30px; height:30px; background-repeat:no-repeat; background-position:center; margin-right:20px; margin-bottom:40px; }
	.footer_inner .sns_01{ background-image:url('../../sub/img/sns_01.png') }
	.footer_inner .sns_01:hover{ background-image:url('../../sub/img/sns_01_on.png') }
	.footer_inner .sns_02{ background-image:url('../../sub/img/sns_02.png') }
	.footer_inner .sns_02:hover{ background-image:url('../../sub/img/sns_02_on.png') }
	.footer_inner .sns_03{ background-image:url('../../sub/img/sns_03.png') }
	.footer_inner .sns_03:hover{ background-image:url('../../sub/img/sns_03_on.png') }

	/* 서브페이지 레이아웃 */ 
	#subvisual {height:400px; width:100%; margin-top:-90px; background:#aaa; color:#fff;}
	#subvisual .subvisual_inner {text-align:center;}
	#subvisual .subvisual_inner div{ width:980px; height:400px; margin:auto; }
	#subvisual .subvisual_inner div div{ display:table-cell; text-align:center; vertical-align:middle; padding-top:150px; }
	#subvisual .subvisual_inner div div h2{ font-size:41px; }
	#subvisual .subvisual_inner div div p{ font-size:15px; opacity:0.5; }
	#container { }
	#container .container_inner {max-width:1600px;margin:0 auto;padding:50px 0px}
	#container .container_inner_1 {max-width:1600px;margin:0 auto;padding:0px 0px}
	#container .sub_title {margin-top:-5px; text-align:left;}
	#container .sub_title p.subject {color:#111;font-size:32px;margin-bottom:10px;text-align:left; font-weight:bold;}
	#container .sub_title p.content {color:#aaa;font-size:14px;margin-bottom:40px;text-align:left; }
	#container .sub_content { }
	#container .sub_content_etc { }
	#container .sub_content_etc p.subject {color:#111;font-size:18px;margin-bottom:10px;font-weight:bold;}
	#container .sub_content_etc p.content {color:#999;font-size:14px;margin-bottom:40px;line-height:150%;}
	#container .sub_content .sub_tabmenu { }
}
/************************************************ tablet ************************************************/
@media all and (min-width: 1024px) and (max-width: 1598px) {
	*{ font-size:11.25px; }
	/* 헤더 */
	*{ font-size:15px; }
	#header { width:100%; height: 90px; line-height:90px; margin:0; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; border-bottom:0px solid rgba(255, 255, 255, 0.5); z-index:11; }
	.main_menu{ text-align:center; position:relative; }
	.main_menu li{ display:inline-block; margin-right:50px; }
	.main_menu li:last-child{ margin:0; }
	.main_menu li a{ color:#fff; font-weight:bold; }
	.main_menu li a:hover{ color:#ed7374 !important; }
	.logo{ position:absolute; left:50px; top:50%; margin-top:-26.5px; z-index:1111111111111111111111111111;}
	.sns_menu{ position:absolute; top:0 ;right:0; height:100%; }
	.sns_menu li{ display:inline-block; background:rgba(0,0,0,0.2); border-left:0px solid rgba(255, 255, 255, 0.2); width:90px; height:100%; background-repeat:no-repeat; background-position:center; }
	.s_top_btn{ width:50px; height:50px; line-height:50px; border-radius:50%; background:#000; position:fixed; bottom:100px; right:50px; z-index:11111; display:none; text-align:center; color:#fff; font-weight:bold; cursor:pointer; }

	/*섹션*/
	#section { width:100%; margin:0 0 0px; }
	.portfolio_bg_top{ width:100%; display:block; padding-top:849px; }
	.portfolio_bg{ width:100%; height:1489px; background:#f6f6f6; }
	.section_inner{ max-width:1599px; margin:0 auto; padding-top:73px; }
	.section_inner .art_m{ position:relative; }
	.section_inner .art_m .art_m_con{ line-height:20px; margin-bottom:23px; }
	.section_inner .art_m .text_gr{ color:#777777; height:762px; margin-right:829px; width:100%; text-align:center; }
	.section_inner .art_m .text_gr h2{ font-size:45px; color:#444444; }
	.section_inner .art_m .text_gr .sub_tit{ font-size:19.5px; color:#000; padding:32px 0; }
	.section_inner .art_m .text_gr img{ margin-top:34px; display:inline-block; width:165px; }
	.section_inner .art_m .list_icon{ position:absolute; max-width:807px; text-align:center; top:415px; left:50%; margin-left:-429px; }
	.section_inner .art_m .list_icon li{ display:inline-block; width:200px; height:200px; margin-left:25px; margin-top:-10px; }
	.section_inner .art_m .list_icon li img{ width:100%; }
	.section_inner .art_m .list_icon li:first-child{ margin-left:0; }
	.portfolio{  }
	.portfolio > img{ width:100%; }
	.portfolio .tab_menu{ text-align:center; background:rgba(238,238,238,0.5); }
	.portfolio .tab_menu h2{ font-size:75px; color:#444; margin-bottom:56px; }
	.portfolio .tab_menu .tabs_nav{ overflow:hidden; display:inline-block; }
	.portfolio .tab_menu .tabs_nav li{ float:left; position:relative; }
	.portfolio .tab_menu .tabs_nav a{ display:block; width:100px; height:189px; position:relative; background-repeat:no-repeat; line-height:220px; color:#a5a5a5; }
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a{ background-image:url("../../sub/img/p_tab_01_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a{ background-image:url("../../sub/img/p_tab_02_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a{ background-image:url("../../sub/img/p_tab_03_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a{ background-image:url("../../sub/img/p_tab_04_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a{ background-image:url("../../sub/img/p_tab_05_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a{ background-image:url("../../sub/img/p_tab_06_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a{ background-image:url("../../sub/img/p_tab_07_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a.active{
		background-image:url("../../sub/img/p_tab_01_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a.active{
		background-image:url("../../sub/img/p_tab_02_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a.active{
		background-image:url("../../sub/img/p_tab_03_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a.active{
		background-image:url("../../sub/img/p_tab_04_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a.active{
		background-image:url("../../sub/img/p_tab_05_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a.active{
		background-image:url("../../sub/img/p_tab_06_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a.active{
		background-image:url("../../sub/img/p_tab_07_on.png"); color:#000;
	}
	.portfolio .tab_menu .section_body{ position:relative; max-width:720px; margin:0 auto; padding-bottom:80px; z-index:1; }
	.portfolio .tab_menu .section_body .tabs_panel{ overflow:hidden; margin-bottom:64px; }
	.portfolio .tab_menu .section_body .tabs_panel ul{ width:1020px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li{ float:left; width:348px; height:348px; background:#000; margin-right:24px; margin-top:21px; position:relative; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text{ position:absolute; bottom:47px; padding:0 38px; box-sizing:border-box; z-index:11111; color:#fff; font-size:20px; font-weight:bold; text-align:left; width:100%; display:none; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text .box_btn{ position:absolute; bottom:0; right:38px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text span{ color:rgba(255,255,255,0.4); font-size:11px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .tab_con_img{ position:absolute; z-index:111; top:0; left:0; width:100%; cursor:pointer;  }
	.portfolio .tab_menu .section_body .tabs_panel ul li .over_bg{ width:100%; height:100%; position:absolute; top:0; left:0; background: linear-gradient( 45deg, rgba(233,124,124,1), rgba(157,108,163,1) ); }
	.portfolio .tab_menu .section_body .more_btn_01{ margin-top:87px; }
	.section_inner .client{ overflow:hidden; padding:131px 0 107px;  }
	.Contact_us{ width:100%; height:524px; background:url("../../sub/img/Contact_us_bg.jpg"); background-size:cover; }
	.Contact_us div{ width:580px; margin:0 auto; }
	.Contact_us div div{ text-align:center; color:#fff; width:580px; height:524px; display:table-cell; vertical-align:middle; }
	.Contact_us div div h2{ font-size:65px; }
	.Contact_us div div p{ line-height:30px; margin-top:45px; margin-bottom:58px; }
	.section_inner .client .c_tit{ text-align:center; }
	.section_inner .client .c_tit .c_tit_h{ color:#000; }
	.section_inner .client .c_tit .c_tit_h p{ display:inline; font-size:70px; font-weight:bold; color:#000; margin:0; line-height:80px; }
	.section_inner .client .c_tit p{ color:#777777; margin-top:45px; margin-bottom:85px; line-height:30px; }
	.section_inner .client .c_tit img{ display:none; }
	.section_inner .client .link_gr{ max-width:956px; height:712px; overflow:hidden; margin:0 auto; }
	.section_inner .client .link_gr li{ float:left; width:calc(100% / 4); height:calc(100% / 3) height:237px; border:1px solid #ebebeb; margin-right:-2px;cursor:pointer; }
	.section_inner .client .link_gr li img{ width:100% }
	.parallax_position{ position:absolute; width:100%; top:1047px; z-index:-111; }
	.parallax_position .parallax_gr{ width:100%; height:3367px; position:relative; overflow:hidden; }
	.parallax_position .parallax_gr .parallax_img{ position:absolute; }
	.parallax_position .parallax_gr .parallax_img_01{ top:541px; left:324px; }
	.parallax_position .parallax_gr .parallax_img_02{ top:407px; left:899px; }
	.parallax_position .parallax_gr .parallax_img_03{ top:680px; right:32px; }
	.parallax_position .parallax_gr .parallax_img_04{ top:1082px; left:68px; }
	.parallax_position .parallax_gr .parallax_img_05{ top:1589px; right:-30px; }
	.parallax_position .parallax_gr .parallax_img_06{ top:2240px; left:86px; }
	.parallax_position .parallax_gr .parallax_img_07{ top:2854px; right:390px; }

	.more_btn{ width:220px !important; height:64px !important; border-radius:50px; border:1px solid #aaa; text-align:center; line-height:64px; font-weight:bold; font-size:15px; display:inline-block; }
	.more_btn span{ font-weight:100; }
	.more_btn:hover{
		background:linear-gradient( 45deg, rgba(235,116,115,1), rgba(190,99,228,1) );
		color:#fff;
		border:none;
	}
	.more_btn_off{ display:none; }

	/*bx_slide*/
	#main_bx{ margin-top:-90px; color:#fff; }
	#main_bx .bxslider .bx_inner{ width:100%; height:1047px; background-size:cover; text-align:center; background:#000; }
	#main_bx .bxslider .bx_inner .s_0{ width:auto; }
	#main_bx .bxslider .bx_inner div{ width:680px; height:1047px; margin:0 auto }
	#main_bx .bxslider .bx_inner div div .tit_top{ display:inline; }
	#main_bx .bxslider .bx_inner div div{ display:table-cell; width:680px; height:1047px; vertical-align:middle; position:relative; }
	#main_bx .bxslider .bx_inner div div .tit_top{ display:inline; text-transform:uppercase; }
	#main_bx .bxslider .bx_inner div div p{ font-size:27px; font-weight:bold; font-family:"raleway_b" }
	#main_bx .bxslider .bx_inner div div .tit{ letter-spacing:2px; font-size:80px; letter-spacing:30px; font-weight:bold; margin-bottom:35px; display:inline-block; line-height:100px;  }
	#main_bx .bxslider .bx_inner div div .tit_first{ margin-bottom:0; margin-top:22.5px; }
	#main_bx .bxslider .bx_inner div div .con{ font-size:15px; font-weight:normal; line-height:25px; opacity:0.5; }
	#main_bx .scroll_btn_gr{ position:absolute; top:845px; width:100%; text-align:center; }
	#main_bx .bx-wrapper .bx-pager{ padding:0; margin-bottom:280px; }
	#main_bx .bx-wrapper .bx-pager-item:first-child{ padding:3px; background:url("../../sub/img/main_btn_bg_01.png") }
	#main_bx .bx-wrapper .bx-pager-item:last-child{ background:url("../../sub/img/main_btn_bg_03.png"); }
	#main_bx .bx-wrapper .bx-pager-item{ padding:3px 3px 3px 20px; background:url("../../sub/img/main_btn_bg_02.png")}
	#main_bx .bx-wrapper .bx-pager-item:last-child{ margin:0; }
	#main_bx .bx-wrapper .bx-pager.bx-default-pager a{ margin:0 !important; }
	#main_bx .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#fa2447 !important; }
	#main_bx .bx-wrapper .bx-controls-direction a{ width:70px; height:70px; z-index:1;}
	#main_bx .bx-wrapper .bx-prev{ background:url("../../sub/img/controls.png") no-repeat -8px -93px; }
	#main_bx .bx-wrapper .bx-next{ background: url("../../sub/img/controls.png") no-repeat -123px -93px; }
	#main_bx  .bx-wrapper .bx-prev{ left:50px !important; }
	#main_bx  .bx-wrapper .bx-next{ right:50px !important; }

	/* 풋터*/
	#footer{ background:url("../../sub/img/tail_bg.jpg"); width:100%; background-size:100%; text-align:center; color:#fff; }
	.footer_inner{ background:#414141; }
	.footer_inner div{ width:580px; margin:0 auto; }
	.footer_inner div div{ display:table-cell; text-align:center; vertical-align:middle; width:580px; height:187px; }
	.footer_inner div div ul li{ display:inline-block; width:30px; height:30px; background-repeat:no-repeat; background-position:center; margin-right:20px; margin-bottom:40px; }
	.footer_inner .sns_01{ background-image:url('../../sub/img/sns_01.png') }
	.footer_inner .sns_01:hover{ background-image:url('../../sub/img/sns_01_on.png') }
	.footer_inner .sns_02{ background-image:url('../../sub/img/sns_02.png') }
	.footer_inner .sns_02:hover{ background-image:url('../../sub/img/sns_02_on.png') }
	.footer_inner .sns_03{ background-image:url('../../sub/img/sns_03.png') }
	.footer_inner .sns_03:hover{ background-image:url('../../sub/img/sns_03_on.png') }

	/* 서브페이지 레이아웃 */ 
	#subvisual {height:400px; width:100%; margin-top:-90px; background:#aaa; color:#fff;}
	#subvisual .subvisual_inner {text-align:center;}
	#subvisual .subvisual_inner div{ width:580px; height:400px; margin:auto; }
	#subvisual .subvisual_inner div div{ display:table-cell; text-align:center; vertical-align:middle; padding-top:90px; }
	#subvisual .subvisual_inner div div h2{ font-size:41px; }
	#subvisual .subvisual_inner div div p{ font-size:15px; opacity:0.5; }
	#container { }
	#container .container_inner {max-width:1000px;margin:0 auto;padding:50px 0px}
	#container .sub_title {margin-top:-5px; text-align:left;}
	#container .sub_title p.subject {color:#111;font-size:32px;margin-bottom:10px;text-align:left; font-weight:bold;}
	#container .sub_title p.content {color:#aaa;font-size:14px;margin-bottom:40px;text-align:left; }
	#container .sub_content { }
	#container .sub_content_etc { }
	#container .sub_content_etc p.subject {color:#111;font-size:18px;margin-bottom:10px;font-weight:bold;}
	#container .sub_content_etc p.content {color:#999;font-size:14px;margin-bottom:40px;line-height:150%;}
	#container .sub_content .sub_tabmenu { }
}
/************************************************ mobile ************************************************/
@media all and (max-width: 1024px) {
	*{ font-size:10px; }
	/* 헤더 */
	#header { width:100%; height: 90px; line-height:90px; margin:0; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; border-bottom:0px solid rgba(255, 255, 255, 0.5); z-index:11; }
	.main_menu{ text-align:center; display:none; }
	.main_menu li{ display:inline-block; margin-right:50px; }
	.main_menu li:last-child{ margin:0; }
	.main_menu li a{ color:#fff; font-weight:bold; }
	.logo{ position:absolute; left:50px; top:50%; margin-top:-26.5px; }
	.sns_menu{  position:absolute; top:0 ;right:0; display:none; }
	.sns_menu li{ display:inline-block; border-left:1px solid rgba(255, 255, 255, 0.5); width:92px; height:90px; background-repeat:no-repeat; background-position:center; }
	
	.main_m_menu{ position:absolute; right:22px; display:block !important; cursor:pointer; }

	/*섹션*/
	#section { width:100%; margin:0 0 0px; }
	.portfolio_bg_top{ width:100%; display:block; padding-top:849px; }
	.portfolio_bg{ width:100%; height:1489px; background:#f6f6f6; }
	.section_inner{ max-width:1599px; margin:0 auto; padding-top:73px; }
	.section_inner .art_m{ position:relative; }
	.section_inner .art_m .art_m_con{ line-height:20px; font-size:10px; margin-bottom:85px; }
	.section_inner .art_m .text_gr{ color:#777777; height:798px; margin-right:829px; width:100%; text-align:center; }
	.section_inner .art_m .text_gr h2{ font-size:30px; color:#444444; }
	.section_inner .art_m .text_gr .sub_tit{ font-size:13px; color:#000; padding:10px 0 ; }
	.section_inner .art_m .text_gr img{ margin-top:34px; display:inline-block; width:110px; }
	.section_inner .art_m .list_icon{ position:absolute; max-width:291px; text-align:center; top:366px; left:50%; margin-left:-145.5px; }
	.section_inner .art_m .list_icon li{ display:inline-block; width:calc(100% / 2 - 20px); height:133px; margin:0 5px 5px; }
	.section_inner .art_m .list_icon li img{ width:100%; }
	.portfolio{  }
	.portfolio > img{ width:100%; }
	.portfolio .tab_menu{ text-align:center; background:rgba(238,238,238,0.5); }
	.portfolio .tab_menu h2{ font-size:30px; color:#444; margin-bottom:36px; }
	.portfolio .tab_menu .tabs_nav{ overflow:hidden; display:inline-block; }
	.portfolio .tab_menu .tabs_nav li{ float:left; position:relative; }
	.portfolio .tab_menu .tabs_nav a{ display:block; width:34px; height:40px; position:relative; background-repeat:no-repeat; background-size:100%; line-height:15px; color:#a5a5a5; padding-top:40px; }
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a{ background-image:url("../../sub/img/p_tab_01_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a{ background-image:url("../../sub/img/p_tab_02_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a{ background-image:url("../../sub/img/p_tab_03_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a{ background-image:url("../../sub/img/p_tab_04_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a{ background-image:url("../../sub/img/p_tab_05_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a{ background-image:url("../../sub/img/p_tab_06_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a{ background-image:url("../../sub/img/p_tab_07_off.png") }
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_01 a.active{
		background-image:url("../../sub/img/p_tab_01_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_02 a.active{
		background-image:url("../../sub/img/p_tab_02_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_03 a.active{
		background-image:url("../../sub/img/p_tab_03_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_04 a.active{
		background-image:url("../../sub/img/p_tab_04_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_05 a.active{
		background-image:url("../../sub/img/p_tab_05_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_06 a.active{
		background-image:url("../../sub/img/p_tab_06_on.png"); color:#000;
	}
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a:hover,
	.portfolio .tab_menu .tabs_nav .tab_icon_07 a.active{
		background-image:url("../../sub/img/p_tab_07_on.png"); color:#000;
	}
	.portfolio .tab_menu .section_body{ position:relative; max-width:306px; margin:0 auto; padding-bottom:34.5px; z-index:1; }
	.portfolio .tab_menu .section_body .tabs_panel{ overflow:hidden; margin-bottom:28px; }
	.portfolio .tab_menu .section_body .tabs_panel ul{ width:328px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li{ float:left; width:140px; height:140px; background:#000; margin-right:24px; margin-top:21px; position:relative; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text{ position:absolute; bottom:10px; padding:0 10px; box-sizing:border-box; z-index:11111; color:#fff; font-size:10px; font-weight:bold; text-align:left; width:100%; display:none; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text .box_btn{ position:absolute; bottom:5px; right:10px; width:25px;}
	.portfolio .tab_menu .section_body .tabs_panel ul li .box_text span{ color:rgba(255,255,255,0.4); font-size:11px; }
	.portfolio .tab_menu .section_body .tabs_panel ul li .tab_con_img{ position:absolute; z-index:111; top:0; left:0; width:100%; cursor:pointer;  }
	.portfolio .tab_menu .section_body .tabs_panel ul li .over_bg{ width:100%; height:100%; position:absolute; top:0; left:0; background: linear-gradient( 45deg, rgba(233,124,124,1), rgba(157,108,163,1) ); }
	.portfolio .tab_menu .section_body .more_btn_01{ margin-top:87px; width:110px; }
	.section_inner .client{ overflow:hidden; padding:53px 0 32px;  }
	.Contact_us{ width:100%; height:524px; background:url("../../sub/img/Contact_us_bg.jpg"); background-size:cover; }
	.Contact_us div{ width:289px; margin:0 auto; }
	.Contact_us div div{ text-align:center; color:#fff; width:289px; height:524px; display:table-cell; vertical-align:middle; }
	.Contact_us div div h2{ font-size:32.5px; }
	.Contact_us div div p{ line-height:20px; margin-top:45px; margin-bottom:58px; }
	.Contact_us div div img{ width:110px; }
	.section_inner .client .c_tit{ text-align:center; }
	.section_inner .client .c_tit .c_tit_h{ color:#000; }
	.section_inner .client .c_tit .c_tit_h p{ display:inline; font-size:35px; font-weight:bold; color:#000; margin:0; line-height:80px; }
	.section_inner .client .c_tit p{ color:#777777; margin-top:20px; margin-bottom:29px; line-height:20px; font-size:10px; }
	.section_inner .client .c_tit img{ display:none; }
	.section_inner .client .link_gr{ max-width:280px; overflow:hidden; margin:0 auto; }
	.section_inner .client .link_gr li{ float:left; width:95px; height:94px; border:1px solid #ebebeb; margin-right:-2px; cursor:pointer; }
	.section_inner .client .link_gr li img{ width:100%; }
	.parallax_position{ position:absolute; width:100%; top:1047px; z-index:-111; }
	.parallax_position .parallax_gr{ width:100%; height:2630px; position:relative; overflow:hidden; }
	.parallax_position .parallax_gr .parallax_img{ position:absolute; }
	.parallax_position .parallax_gr .parallax_img_01{ top:541px; left:324px; }
	.parallax_position .parallax_gr .parallax_img_02{ top:407px; left:899px; }
	.parallax_position .parallax_gr .parallax_img_03{ top:680px; right:32px; }
	.parallax_position .parallax_gr .parallax_img_04{ top:1082px; left:68px; }
	.parallax_position .parallax_gr .parallax_img_05{ top:1589px; right:-30px; }
	.parallax_position .parallax_gr .parallax_img_06{ top:2240px; left:86px; }
	.parallax_position .parallax_gr .parallax_img_07{ top:2854px; right:390px; }

	.more_btn{ width:110px !important; height:32px !important; border-radius:50px; border:1px solid #aaa; text-align:center; line-height:32px; font-weight:bold; font-size:7.5px; display:inline-block; }
	.more_btn span{ font-weight:100; }
	.more_btn:hover{
		background:linear-gradient( 45deg, rgba(235,116,115,1), rgba(190,99,228,1) );
		color:#fff;
		border:none;
	}
	.more_btn_off{ display:none; }

	/*bx_slide*/
	#main_bx{ margin-top:-90px; color:#fff; }
	#main_bx .bxslider .bx_inner{ width:100%; height:600px; background-size:cover; text-align:center; background:#000; }
	#main_bx .bxslider .bx_inner .s_0{ width:auto; }
	#main_bx .bxslider .bx_inner video{ width:100%; }
	#main_bx .bxslider .bx_inner div{ width:289px; height:600px; margin:0 auto }
	#main_bx .bxslider .bx_inner div div .tit_top{ display:block; }
	#main_bx .bxslider .bx_inner div div{ display:table-cell; vertical-align:middle; position:relative; }
	#main_bx .bxslider .bx_inner div div p{ font-size:11px; font-weight:bold; font-family:"raleway_b" }
	#main_bx .bxslider .bx_inner div div .tit_top{ display:inline; text-transform:uppercase; }
	#main_bx .bxslider .bx_inner div div .tit{ letter-spacing:2px; font-size:36.5px; letter-spacing:30px; font-weight:bold; margin-bottom:35px; display:inline-block; line-height:50px; }
	#main_bx .bxslider .bx_inner div div .tit_first{ margin-bottom:0;  }
	#main_bx .bxslider .bx_inner div div .con{ font-size:7.5px; font-weight:normal; line-height:25px; opacity:0.5; }
	#main_bx .scroll_btn_gr{ position:absolute; top:845px; width:100%; text-align:center; }
	#main_bx .bx-wrapper .bx-pager{ padding:0; margin-bottom:110px; }
	#main_bx .bx-wrapper .bx-pager-item:first-child{ padding:3px; background:url("../../sub/img/main_btn_bg_01.png") }
	#main_bx .bx-wrapper .bx-pager-item:last-child{ background:url("../../sub/img/main_btn_bg_03.png"); }
	#main_bx .bx-wrapper .bx-pager-item{ padding:3px 3px 3px 20px; background:url("../../sub/img/main_btn_bg_02.png")}
	#main_bx .bx-wrapper .bx-pager-item:last-child{ margin:0; }
	#main_bx .bx-wrapper .bx-pager.bx-default-pager a{ margin:0 !important; }
	#main_bx .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#fa2447 !important; }
	#main_bx .bx-wrapper .bx-controls-direction a{ width:25.5px; height:25.5px; background-size:210px; z-index:1; }
	#main_bx .bx-wrapper .bx-prev{ background:url("../../sub/img/controls.png") no-repeat -21px -92px; }
	#main_bx .bx-wrapper .bx-next{ background: url("../../sub/img/controls.png") no-repeat -117px -93px; }
	#main_bx  .bx-wrapper .bx-prev{ left:50px !important; }
	#main_bx  .bx-wrapper .bx-next{ right:50px !important; }

	/* 풋터*/
	#footer{ background:url("../../sub/img/tail_bg.jpg"); width:100%; background-size:100%; text-align:center; color:#fff; }
	.footer_inner{ background:#414141; }
	.footer_inner div{ width:289px; margin:0 auto; }
	.footer_inner div div{ display:table-cell; text-align:center; vertical-align:middle; width:289px; height:187px; }
	.footer_inner div div ul li{ display:inline-block; width:30px; height:30px; background-repeat:no-repeat; background-position:center; margin-right:20px; margin-bottom:40px; }
	.footer_inner .sns_01{ background-image:url('../../sub/img/sns_01.png') }
	.footer_inner .sns_01:hover{ background-image:url('../../sub/img/sns_01_on.png') }
	.footer_inner .sns_02{ background-image:url('../../sub/img/sns_02.png') }
	.footer_inner .sns_02:hover{ background-image:url('../../sub/img/sns_02_on.png') }
	.footer_inner .sns_03{ background-image:url('../../sub/img/sns_03.png') }
	.footer_inner .sns_03:hover{ background-image:url('../../sub/img/sns_03_on.png') }

	/* 서브페이지 레이아웃 */ 
	#subvisual {height:400px; width:100%; margin-top:-90px; background:#aaa; color:#fff;}
	#subvisual .subvisual_inner {text-align:center;}
	#subvisual .subvisual_inner div{ width:320px; height:400px; margin:auto; }
	#subvisual .subvisual_inner div div{ display:table-cell; text-align:center; vertical-align:middle; padding-top:90px; }
	#subvisual .subvisual_inner div div h2{ font-size:41px; }
	#subvisual .subvisual_inner div div p{ font-size:15px; opacity:0.5; }
	#container { }
	#container .container_inner {max-width:1000px;margin:0 auto;padding:50px 0px}
	#container .sub_title {margin-top:-5px; text-align:left;}
	#container .sub_title p.subject {color:#111;font-size:32px;margin-bottom:10px;text-align:left; font-weight:bold;}
	#container .sub_title p.content {color:#aaa;font-size:14px;margin-bottom:40px;text-align:left; }
	#container .sub_content { }
	#container .sub_content_etc { }
	#container .sub_content_etc p.subject {color:#111;font-size:18px;margin-bottom:10px;font-weight:bold;}
	#container .sub_content_etc p.content {color:#999;font-size:14px;margin-bottom:40px;line-height:150%;}
	#container .sub_content .sub_tabmenu { }
}