@charset "utf-8";

body{background:url('../img/main/mainbg.gif') center 0 no-repeat}

/* header_wrap */
#header_wrap{width:100%;top:0;position:fixed;height:80px;background:#fff;z-index:10;opacity:0.97;box-sizing:border-box;padding:0 50px}
#header_wrap .header_box{width:100%;max-width:1300px;margin:0 auto;position:relative}
#header_wrap h1 a{display:block;width:171px;height:34px;background:url('../img/main/logo.png') 0 0 no-repeat;position:absolute;top:22px;left:0;background-size:100%}
#header_wrap nav{float:right;padding-top:22px}
#header_wrap nav li{display:inline;padding-left:35px}
#header_wrap nav li a{font-size:15px;font-weight:900;line-height:40px;padding-bottom:5px}
#header_wrap nav li a.on{border-bottom:5px solid #00b962}
#header_wrap li a,#header_wrap li a:visited,#header_wrap li a:hover,#header_wrap li a:active{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transition:0.5s color ease;	text-decoration:none;color:#000}
#header_wrap li a:hover{color:#00b962}
#header_wrap li a.before:before, #header_wrap li a.after:after{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}
#header_wrap li a.before:before{top:-0.25em}
#header_wrap li a.after:after{bottom:-0.25em}
#header_wrap li a.before:before,a.after:after{height:5px;height:0.35rem;width:0;background:#00b962}
#header_wrap li a.first:after{left:0}
#header_wrap li a.before:hover:before,a.after:hover:after{width:100%}
#header_wrap li a.blank{background:url('../img/main/icon_link.png') right 1px no-repeat;padding-right:28px}
#m_navi{display:none}
/* visual */
#visual{width:100%;top:0;position:fixed;overflow:hidden;box-sizing:border-box;padding:80px 0 0 0;background:#000}
	#visual .info{position:absolute;bottom:20%;z-index:1;width:100%;text-align:center;font-size:12px;font-weight:700;color:#fff;background:url('../img/main/icon_mouse.png') center 0 no-repeat;padding-top:50px;text-shadow:1px 1px 1px #000}
	#visual .txt{position:absolute;width:100%;height:100%;z-index:1;text-align:center;box-sizing:border-box;padding-top:20%}
	#visual .txt span{color:#fff;font-weight:900;font-size:2.4em}
#visual .visual_bg{position:absolute;width:100%;height:100%;background:#000;opacity:0.5}


#main_con_wrap{width:100%;position:relative;z-index:1;background:url('../img/main/mainbg.gif') center 0 #fff no-repeat;box-sizing:border-box;margin-top:52%}

/* mainCon */
#mainCon{width:100%;max-width:1520px;margin:0 auto;height:auto;overflow:hidden;position:relative;padding:50px 0 50px 0}
/*
#mainCon .con_do_more{overflow:hidden;width:100%;height:15%;background-image:linear-gradient(to left, transparent, transparent 50%, #000 50%, #000);background-position:100% 0;background-size:200% 100%;transition:all .25s ease-in;position:absolute;z-index:2;bottom:39%}
#mainCon .con_do_more:hover{background-position:0 20px; -webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);transition:all .25s ease-out;opacity:0.8}
#mainCon .con_do_more a{display:absolute;color:#000;font-size:30px;font-weight:900;width:100%;height:100%;display:block}
#mainCon .con_do_more a span{display:block;text-align:center;padding-top:25px}
#mainCon .con_do_more a span em{font-size:12px;margin-left:5px}
#mainCon .con_do_more:hover a{text-decoration:none;color:#37f5b8}
*/
#mainCon .top{position:relative;left:149px;top:-36px;padding-bottom:30px}
#mainCon .top .btn{width:80px;overflow:hidden;height:40px;margin:0 auto;position:relative}
#mainCon .top .btn a{display:block;width:40px;height:40px;overflow:hidden;float:left;transition:all .25s ease-in}
#mainCon .top .btn a.btn_prev{background:url('../img/main/mainCon_btn_prev.png') 0 0 no-repeat}
#mainCon .top .btn a.btn_next{background:url('../img/main/mainCon_btn_next.png') 0 0 no-repeat}
#mainCon .top .btn a:hover{background-position:0 -40px;transition:all .25s ease-out}
#mainCon .top h3{text-align:left;color:#21221;font-size:65px;padding-left:120px;font-weight:500;letter-spacing:-.02em;position:relative;z-index:2}
#mainCon .top h3 span{display:block;width:auto;clear:both;font-size:20px;font-weight:900;color:#000;text-align:left;padding-bottom:30px}
#mainCon .scon{position:relative;box-sizing:border-box;padding:0 3%;width:25%;height:100%;float:left;transition:all .25s ease-in}
#mainCon .scon:hover{background-position:0 20px; -webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);transition:all .25s ease-out;opacity:0.93}
#mainCon .scon .title{position:absolute;z-index:1;width:100%;left:80px;top:70px}
#mainCon .scon .title dt{font-size:21px;font-weight:900;color:#fff;line-height:1.2}
#mainCon .scon .title dd{font-size:12px;font-weight:700;color:#fff;line-height:20px;padding-top:15px}
#mainCon .scon .list{overflow:hidden;height:100%}
#mainCon .scon .list li{display:inline-block;overflow:hidden;position:relative;width:100%;height:550px}
#mainCon .scon .list li img{height:100%}
#mainCon .scon .list li .stitle{position:absolute;bottom:30px;right:25px;z-index:2;text-align:right}
#mainCon .scon .list li .stitle span{line-height:1.2;font-size:18px;font-weight:400;color:#fff;background:#000}

.main_con_info{width:100%;max-width:1520px;margin:0 auto;padding-bottom:150px}
	.main_con_info p{display:block;width:31%;padding-left:280px;line-height:1.6;font-size:1.8em;color:#212121;font-weight:400;word-break:keep-all}

/* mainCon2 */
#mainCon2{width:100%;max-width:1130px;margin:0 auto;padding:120px 0 170px 0;overflow:hidden}
#mainCon2 .title{padding-left:100px;color:#212121;padding-bottom:40px;position:absolute}
#mainCon2 .title h3{font-size:15px;color:#000;padding-bottom:30px}
#mainCon2 .title p{color:#212121;font-size:62px;font-weight:400;letter-spacing:-.03em;line-height:0.95}
.Con2_list{width:100%;overflow:hidden;padding-top:210px}
.Con2_list li:nth-child(1){width:550px;height:auto;float:left}
.Con2_list li:nth-child(2){width:550px;height:auto;float:right;position:relative;top:-60px}
.Con2_list li:nth-child(3){width:550px;height:auto;float:left;clear:both;margin-top:30px}
.Con2_list li:nth-child(4){width:550px;height:auto;float:right;position:relative;top:-30px}
.Con2_list li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;max-height:330px}
.Con2_list li a .bg{position:absolute;width:100%;height:100%;;left:0;top:0;background:#000;opacity:0.2;transition:all .25s ease-in}
.Con2_list li a:hover .bg{opacity:0.5;transition:all .25s ease-out}
.Con2_list li a img{width:auto;width:100%}
.Con2_list li a .info{color:#fff;position:absolute;z-index:1;left:40px;bottom:25px;width:100%}
.Con2_list li a .info .stitle{font-size:20px;font-weight:700;display:block;width:70%;padding-bottom:10px;color:#fff;line-height:1.5;word-break:keep-all;box-sizing:border-box}
.Con2_list li a .info .cate{font-size:12px;letter-spacing:0.5px;font-weight:700}
.Con2_list li a:hover .info{color:#0dffb2}
.con_work_more{overflow:hidden;width:350px;height:265px;background:#fff;position:relative;right:185px;margin-top:-60px;float:right;/*background-image:linear-gradient(to left, transparent, transparent 50%, #000 50%, #000);*/border-bottom:5px solid #000;background-position:100% 0;background-size:200% 100%;transition:all .15s ease-in;box-sizing:border-box;padding:50px 0 0 30px}
.con_work_more:hover{background-position:0 20px; -webkit-transform:scale(0.94);-ms-transform:scale(0.94);transform:scale(0.94);transition:all .25s ease-out}
.con_work_more a{display:block;width:100%;height:100%;color:#000;font-size:28px;font-weight:900;position:relative}
.con_work_more a span{margin-top:28%;display:block}
.con_work_more a span em{font-size:12px}
.con_work_more:hover a{text-decoration:none;color:#08bb67}

/* mainCon3 */
#mainCon3{width:100%;height:680px;background-image:url('../img/main/mainCon3_bg2.png');background-position:center;background-size:100%; background-repeat: no-repeat;}
.con3_sbox{width:1920px;margin:0 auto;height:680px;position:relative}
.con3_sbox .info{position:static;box-sizing:border-box;padding:98px 0  0 445px}
.con3_sbox .info h2{color:#fff;font-size:65px;font-weight:500;letter-spacing:-.02em}
.con3_sbox .info p{padding:78px 0 154px 0;font-weight:400;color:#fff;font-size:28px;line-height:1.6}
.con3_sbox .info li{display:inline-block;padding-right:30px}
.con3_sbox .info li a{font-size:1.5em;font-weight:900;color:#37f5b8;text-decoration:underline;line-height:1.5}
.con3_sbox .info li a:hover{color:#fff}
.con3_sbox .pic_list{width:100%;height:600px;overflow:hidden}
.con3_sbox .pic_list img{position:relative;top:-200px}
.con3_sbox .main_notice{position:absolute;bottom:60px;right:20%;color:#fff}
.con3_sbox .main_notice h3{text-align:right;font-size:13px;font-weight:700;padding-bottom:25px}
.con3_sbox .main_notice dl{display:block;width:200px;text-align:right;font-weight:500}
.con3_sbox .main_notice dl dt{line-height:1.6;padding-bottom:5px}
.con3_sbox .main_notice dl dd span{padding-top:5px;line-height:1.6;background:#000}

/*
.con3_sbox .pic{width:50%;float:left;overflow:hidden;height:100%;position:relative}
.con3_sbox .pic .btn{position:absolute;z-index:1;left:0;bottom:0;width:80px;overflow:hidden;height:40px}
.con3_sbox .pic .btn a{display:block;width:40px;height:40px;overflow:hidden;float:left;transition:all .25s ease-in}
.con3_sbox .pic .btn a.btn_prev{background:url('../img/main/mainCon_btn_prev.png') 0 0 no-repeat}
.con3_sbox .pic .btn a.btn_next{background:url('../img/main/mainCon_btn_next.png') 0 0 no-repeat}
.con3_sbox .pic .btn a:hover{background-position:0 -40px;transition:all .25s ease-out}
.con3_sbox .pic .list li{display:inline}
.con3_sbox .pic .list li img{width:100%}
*/

/* mainCon4 */
#mainCon4{width:1600px;margin:200px auto;box-sizing:border-box;padding-left:185px;height:auto;overflow:hidden;clear:both;margin-bottom:0}
#mainCon4 .main_news_title{width:auto;float:left;padding-right:180px}
	.main_news_title h3 a{font-size:13px;line-height:1.6;color:#262626;font-weight:700;letter-spacing:-.01em;background:url('../img/main/btn_news_more.png') 0 bottom no-repeat;padding-bottom:130px}
	.main_news_title h3 a span{display:block;width:100%;font-size:48px;padding-bottom:5px}
	.main_news_list{width:1000px;float:left}
	.main_news_list ul li{width:33%;display:inline-block;box-sizing:border-box;padding:0 50px;vertical-align:top}
	.main_news_list ul li a{float:left;width:100%;box-sizing:border-box;height:auto;text-decoration:none}
	.main_news_list ul li a .photo{width:100%;text-align:center;float:left;height:auto;overflow:hidden}
	.main_news_list ul li a .photo img{max-width:100%;transition:all .25s ease-in}
	.main_news_list ul li a:hover .photo img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition:all .25s ease-out}
	.main_news_list ul li a .txtbox{box-sizing:border-box;clear:both;padding-top:15px}
	.main_news_list ul li a .txtbox dt{font-size:17px;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.8;overflow:hidden;display:block;width:100%;padding:10px 0 0 10px;word-break:keep-all}
	.main_news_list ul li a .txtbox dd{font-size:12px;margin-left:0;line-height:22px;color:#333;padding:20px 0 0 0;font-weight:700}
	.main_news_list ul li a .txtbox dd.txt{max-height:130px;overflow:hidden;display:none}
	.main_news_list ul li a .txtbox dd.date{padding:30px 0 40px 10px}
	.main_news_list ul li a .txtbox dd:hover{color:#000}

/* mainCon5  */
#mainCon5{width:100%;min-height:500px;height:auto;background:#fff;margin-top:80px;clear:both;overflow:hidden;background:url('../img/main/mainCon5_bg.png') center 70px no-repeat}
.contact_box{width:1060px;margin:0 auto}
.contact_box .title{text-align:center;padding-top:215px;background:url('../img/main/icon_ca2.png') center 110px no-repeat}
.contact_box .title h3{font-size:33px;color:#212121;font-weight:700}
.contact_box .title h4{padding:10px 0 30px 0}
.contact_box .title a{color:#fff;text-align:center;font-size:13px;font-weight:900}
.contact_box .title a span{padding:25px 60px;line-height:100px;;background:#212121}
.contact_box .title a:hover{text-decoration:none}
.contact_box .title a:hover span{background:#000;color:#37f5b8}


/* mainCon5
#mainCon5{width:100%;min-height:800px;height:auto;background:#f1f1f1;margin-top:60px;clear:both;overflow:hidden}
.contact_box{width:1060px;margin:0 auto}
.contact_box .title{text-align:center;padding-top:95px}
.contact_box .title h3{font-size:33px;color:#fff;font-weight:700}
.contact_box .title p{color:#000;font-size:15px;font-weight:400;padding-top:30px}
.contact_box form{padding-top:50px}
.contact_box form .cate{text-align:center}
.contact_box form input[type=checkbox]{display:none}
.contact_box form input[type=checkbox] + label{display:inline-block;cursor:pointer;position:relative;padding:0 10px 0 30px;margin-right:15px;font-size:15px;color:#fff;font-weight:700}
.contact_box form input[type=checkbox] + label:before {content:"";display:inline-block;width:20px;height:20px;margin-right:10px;position:absolute;left:0;bottom:1px;background-color:#2db983;border-radius:2px;box-shadow:inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8)}
.contact_box form input[type=checkbox]:checked + label:before {content:"\2713";text-shadow:1px 1px 1px rgba(0, 0, 0, .2);font-size:18px;font-weight:800;color:#fff;background:#000;text-align:center;line-height:18px}
.contact_box .form_w{width:100%;padding-top:40px}
.contact_box .form_w .title_box{float:left;width:calc(33.3% - 40px);margin:0 20px}
.contact_box form .inp {position:relative;margin:auto;width:100%;max-width:280px}
.contact_box form .inp .label {position:absolute;top:16px;left:0;font-size:15px;color:#fff;font-weight:400;transform-origin:0 0;transition:all 0.2s ease}
.contact_box form .inp .border {position:absolute;bottom:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 0;transition:all 0.15s ease}
.contact_box form .inp input {-webkit-appearance:none;width:100%;border:0;font-family:inherit;padding:12px 0;height:30px;font-size:15px;font-weight:400;border-bottom:1px solid #fff;background:none;border-radius:0;color:#000;transition:all 0.15s ease;position:relative;top:15px}
.contact_box form .inp input:not(:placeholder-shown) + span {color:#fff;transform:translateY(-26px) scale(0.85)}
.contact_box form .inp input:focus {background:none;outline:none}
.contact_box form .inp input:focus + span {color:#fff;transform:translateY(-26px) scale(0.75)}
.contact_box form .inp input:focus + span + .border {transform:scaleX(1)}
.contact_box .form_w .msg_box{width:calc(100% - 40px);padding:50px 20px 0 20px;clear:both}
.contact_box .form_w .msg_box p{font-size:15px;color:#fff;font-weight:400;display:block;width:100%;padding-bottom:15px}
.contact_box .form_w .msg_box textarea{border:0;border-bottom:1px solid #fff;background:transparent;width:100%;height:150px;margin-bottom:50px;font-size:15px;color:#000; font-family: 'Noto Sans KR','Dotum','Gulim','Tahoma','Verdana',sans-serif}
.contact_box form button{margin:0 auto;display:block;background:#000;font-size:16px;font-weight:700;color:#fff;padding:20px 50px;border:0;cursor:pointer}
*/

/* footer */


#foorer{width:100%;clear:both;margin:0 auto;padding:125px 50px 200px 50px;background:#fff;box-sizing:border-box}
.footer_box{width:1300px;margin:0 auto;overflow:hidden;position:relative}
.footer_box address{font-style:normal;color:#000;letter-spacing:0}
address li{display:inline-block;width:450px;height:150px;font-size:12px;font-weight:400;color:#333}
address li span{font-size:15px;font-weight:900;color:#000;padding-bottom:15px;display:block;width:100%}
address li b{color:#000;font-weight:900}
.footer_box p.copyright{position:absolute;right:0;bottom:50px;color:#fff;letter-spacing:0.4px;font-size:12px;color:#757a80}
.footer_box h1 a{display:block;width:118px;height:79px;background:url('../img/main/logo_footer.png') 0 0 no-repeat;position:absolute;bottom:85px;right:0;background-size:cover}


/* layout_btn_top */
.layout_btn_top{right:70px;position:fixed;bottom:7%;z-index:3}
.layout_btn_top a{display:block;width:45px;height:45px;background:url('../img/main/btn_top.png') 0 0 no-repeat;text-align:center;font-size:12px;font-weight:700;color:#212121;box-sizing:border-box;transition:all .25s ease-out;position:relative}
.layout_btn_top a:hover{background-position:0 -45px;transition:all .25s ease-in}
.layout_btn_top a span{position:absolute;bottom:-30px;display:block;width:100%}

/* sub */
#sub_container{width:1600px;margin:180px auto;min-height:1000px;padding-bottom:100px;position:relative;margin-bottom:50px}
#sub_container h3.sub_title{position:absolute;font-size:70px;padding-left:15%;z-index:3;top:-30px}
#sub_container h3.sub_title2{position:absolute;font-size:60px;padding-left:15%;z-index:3;top:-30px}
#sub_rnb{position:absolute;right:0;top:-120px}
#sub_rnb li{display:inline;padding-left:40px}
#sub_rnb li a{font-weight:500;font-size:14px;line-height:40px;padding:0 3px 5px 3px}
#sub_rnb li a.on{font-weight:700;color:#00b962;border-bottom:2px solid #00b962}
#sub_rnb li a,#sub_rnb li a:visited,#sub_rnb li a:hover,#sub_rnb li a:active{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transition:0.5s color ease;	text-decoration:none;color:#000}
#sub_rnb li a:hover{color:#00b962}
#sub_rnb li a.before:before, #sub_rnb li a.after:after{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}
#sub_rnb li a.before:before{top:-0.25em}
#sub_rnb li a.after:after{bottom:-0.25em}
#sub_rnb li a.before:before,a.after:after{height:5px;height:0.35rem;width:0;background:#00b962}
#sub_rnb li a.first:after{left:0}
#sub_rnb li a.before:hover:before,a.after:hover:after{width:100%}


/* work_wrap */
#work_wrap{width:1600px;clear:both;height:auto}
	.work_top_mv{position:relative;width:1600px;height:700px;overflow:hidden;margin-bottom:50px}
		.work_top_mv span.bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;opacity:0.3}
		.work_top_mv .title{position:absolute;bottom:60px;z-index:2;padding:0 40% 0 15%;}
		.work_top_mv .title dt{color:#fff;font-weight:700;font-size:16px;padding-bottom:30px;line-height:0.7}
		.work_top_mv .title dd{font-size:1.75em;line-height:1.4;font-weight:400;color:#212121;color:#fff}
	.work_top{padding:40px 40% 0 18%;position:relative}
		.work_top .category h3{font-size:13px;font-weight:700;color:#009c53;padding-bottom:20px}
		.work_top .category li{display:inline-block;width:10%;margin-right:15%;white-space:nowrap;padding:10px}
		.work_top .category li a{font-size:14px;color:#000;font-weight:500;padding-bottom:5px}
		.work_top .category li a.on{border-bottom:5px solid #212121;color:#212121}
		.work_top .category li a:hover{text-decoration:none}
		.work_top .category a,.work_top .category a:visited,.work_top .category a:hover,.work_top .category a:active{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transition:0.5s color ease;	text-decoration:none;color:#000}
		.work_top .category a:hover{color:#00b962}
		.work_top .category a.before:before, .work_top .category a.after:after{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}
		.work_top .category a.before:before{top:-0.25em}
		.work_top .category a.after:after{bottom:-0.25em}
		.work_top .category a.before:before,a.after:after{height:5px;height:0.35rem;width:0;background:#00b962}
		.work_top .category a.first:after{left:0}
		.work_top .category a.before:hover:before,a.after:hover:after{width:100%}

	.work_list{clear:both;overflow:hidden;position:relative;margin:40px auto;width:1280px;margin-bottom:0}
		.work_list li{display:inline-block;width:40%;box-sizing:border-box;margin:50px 60px 0  50px;position:relative;box-sizing:border-box;padding:30px 30px 0 30px}
			.work_list li .imgbox{margin-bottom:30px;overflow:hidden;width:100%;height:300px}
			.work_list li .imgbox a{display:block;width:100%;height:auto;background:#f9f9f9;position:relative;overflow:hidden}
			.work_list li .imgbox a img{width:100%;opacity:1;	-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out}
			.work_list li .title{width:100%;overflow:hidden;clear:both;min-height:85px}
			.work_list li .title span{display:block;width:100%;letter-spacing:0;font-weight:500;font-size:13px;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position:relative;bottom:0;opacity: 1;line-height:1.6;overflow:hidden}
			.work_list li .title span{font-size:17px}
			.work_list li .title span em{font-size:12px;font-weight:700}
			.work_list li:hover .imgbox a img{opacity: .5}
			.work_list li:hover .title span{text-decoration:underline;opacity:0.5;}

		.paginate{width:100%;text-align:center;position:relative;padding-top:20px}
			.paginate .page_check{text-align:center;position:relative}
			.paginate .page_check span.page{font-size:72px;font-weight:700;letter-spacing:-3px;color:#18d27b;position:relative;right:-10px}
			.paginate .page_check span.total_area{font-size:14px;font-weight:900;display:block;position:relative;top:0;left:15px}
			.paginate .btn{color:#000;text-decoration:none;font-weight:500;font-size:13px;width:auto;text-align:center;position:relative;left:10px;padding-top:15px}
			.paginate .btn li{display:inline-block;padding:10px 20px}
			.paginate .btn li a{color:#000;position:relative;font-weight:700;font-size:1.5em}
			.paginate .btn li a:hover{text-decoration:none}
			.paginate .btn li a.before:before, .paginate .btn li a.after:after{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}
			.paginate .btn li a.before:before{top:-0.25em}
			.paginate .btn li a.after:after{bottom:-0.25em}
			.paginate .btn li a.before:before,a.after:after{height:5px;height:0.35rem;width:0;background:#00b962}
			.paginate .btn li a.first:after{left:0}
			.paginate .btn li a.before:hover:before,a.after:hover:after{width:100%}


	.work_view{clear:both;overflow:hidden;position:relative;margin:40px auto;width:1280px;margin-bottom:0}
		.work_view .view_title{padding:0 0 50px 20px;color:#212121;box-sizing:border-box;margin-top:50px}
		.work_view .view_title h3{font-size:36px;line-height:1.6;font-weight:500;padding:10px 0 30px 0;letter-spacing:-.02em;color:#000;width:70%;box-sizing:border-box;word-break:keep-all}
		.work_view .view_title h4{font-size:13px;font-weight:700;width:100%;box-sizing:border-box}
		.work_view .view_title a.url_btn{font-size:13px;font-weight:500;position:absolute;right:20px;top:130px}
		.work_view .view_title a.url_btn span{padding:15px 20px;background:#000;color:#fff}
		.work_view .view_title a.url_btn:hover{text-decoration:none}
		.work_view .view_container{width:100%;padding:0 0 50px 0;font-size:16px;line-height:2}
		.work_view .view_container img{width:100%;padding:20px 0 40px 0}

		.pt_mvbox{width:100%;height:auto;position:relative;overflow:hidden;padding-bottom:50px}
		.pt_mvbox iframe{width:100%;height:600px}

		/* .work_view .view_container p{padding:0 0 60px 90px;display:block;width:55%;font-weight:700;font-size:20px;line-height:1.6} */


		.work_view_btn_box{right:70px;position:fixed;top:30px}
		.work_view_btn_box a{display:block;width:45px;background:url('../img/sub/portfolio_btn_back.png') 0 0 no-repeat;text-align:center;font-size:12px;font-weight:700;color:#212121;box-sizing:border-box;padding-top:60px;overflow:hidden;transition:all .25s ease-out}
		.work_view_btn_box a:hover{-webkit-animation: swing 1s ease;animation: swing 1s ease;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;background-position:-45px 0;transition:all .25s ease-in}

		@-webkit-keyframes swing {15%{-webkit-transform: translateX(5px);transform: translateX(5px);}30% {-webkit-transform: translateX(-5px);transform: translateX(-5px);}50% {-webkit-transform: translateX(3px); transform: translateX(3px);}65% {-webkit-transform: translateX(-3px);transform: translateX(-3px);} 80% {-webkit-transform: translateX(2px);transform: translateX(2px);}
		 100% {-webkit-transform: translateX(0);transform: translateX(0);}	}
		@keyframes swing { 15% {-webkit-transform: translateX(5px);transform: translateX(5px);} 30% {-webkit-transform: translateX(-5px);transform: translateX(-5px);}50% {-webkit-transform: translateX(3px);transform: translateX(3px);	}65% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}80% { -webkit-transform: translateX(2px);
		 transform: translateX(2px);}100% {-webkit-transform: translateX(0);transform: translateX(0);}}

/* news_wrap */
#news_wrap{width:1600px;clear:both;height:auto}
	.board_news_list{clear:both;overflow:hidden;position:relative;margin:0 auto;width:1280px;margin-bottom:0;padding-top:60px}
	.board_news_list ul{overflow:hidden}
	.board_news_list ul li{display:inline-block;width:50%;box-sizing:border-box;padding:30px;position:relative;vertical-align:middle;float:left}
	.board_news_list ul li a{overflow:hidden;display:block;width:100%}
	.board_news_list ul li a .imgbox{padding-bottom:30px;float:left;width:200px;height:140px;overflow:hidden}
	.board_news_list ul li a .imgbox img{width:100%;height:100%;opacity:1;transition:all .25s ease-out}
	.board_news_list ul li a:hover .imgbox img{opacity:0.5;transition:all .25s ease-out}
	.board_news_list ul li a .txtbox{font-weight:400;color:#212121;line-height:1.8;font-size:17px;width:calc(100% - 200px);padding-left:30px;float:left;box-sizing:border-box;padding-top:30px}
	.board_news_list ul li a .txtbox dt{padding-bottom:10px;word-break:keep-all}
	.board_news_list ul li a .txtbox dd{font-size:12px;font-weight:700}
	.board_news_list ul li a:hover .txtbox{color:#666;text-decoration:none}
	.board_news_list ul li a:hover{color:#666;text-decoration:none}

	.news_view{clear:both;overflow:hidden;position:relative;margin:0 auto;width:700px;padding-bottom:150px}
		.news_view .view_title{padding:0 0 50px 0;color:#212121;box-sizing:border-box;margin-top:50px}
		.news_view .view_title h3{font-size:36px;line-height:1.6;font-weight:400;padding:10px 0 10px 0;letter-spacing:-.02em;color:#000}
		.news_view .view_title h4{font-size:12px;font-weight:700;padding-left:5px}
		.news_view .view_title p.url_btn{font-size:14px;font-weight:500;padding-left:5px;padding-top:10px}
		.news_view .view_title p.url_btn a{color:#212121;border-bottom:1px dotted #333;font-size:12px;padding-top:10px}
		.news_view .view_title p.url_btn a:hover{text-decoration:none}

		.news_view .view_container{width:700px;margin:0 auto;font-size:16px;line-height:2;padding-top:50px}
		.news_view .view_container img{width:100%;padding:20px 0 40px 0}
		.news_view .view_container p{padding:0 0 60px 0;display:block;width:100%;font-weight:700;font-size:20px;line-height:1.6;box-sizing:border-box}

		.news_view_btn_box{right:70px;position:fixed;top:30px}
		.news_view_btn_box a{display:block;width:45px;background:url('../img/sub/portfolio_btn_back.png') 0 0 no-repeat;text-align:center;font-size:12px;font-weight:700;color:#212121;box-sizing:border-box;padding-top:60px;overflow:hidden;transition:all .25s ease-out}
		.news_view_btn_box a:hover{-webkit-animation: swing 1s ease;animation: swing 1s ease;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;background-position:-45px 0;transition:all .25s ease-in}


/* about */
#about_wrap{width:1600px;clear:both;height:auto}
	.about_conbox{width:100%;position:relative;height:auto}
	.about_conbox .btn_ebook a{position:absolute;bottom: 240px;right:24%;width:110px;height:260px;z-index:3;box-sizing:border-box;padding:185px 0 0 15px;color:#fff;font-size:13px;font-weight:700;background: url('../img/sub/icon_ebook.png') 15px 110px #424242 no-repeat;transition:all .25s ease-out}
	.about_conbox .btn_ebook a:hover{height:280px;padding:185px 0 0 15px;bottom:220px;background: url('../img/sub/icon_ebook.png') 15px 110px #212121 no-repeat}
	.about_conbox .btn_pdf a{position:absolute;bottom: 240px;right:16%;width:110px;height:260px;z-index:3;box-sizing:border-box;padding:185px 0 0 15px;color:#fff;font-size:13px;font-weight:700;background: url('../img/sub/icon_pdf2.png') 15px 110px #424242 no-repeat;transition:all .25s ease-out}
	.about_conbox .btn_pdf a:hover{height:280px;padding:185px 0 0 15px;bottom:220px;background: url('../img/sub/icon_pdf2.png') 15px 110px #212121 no-repeat}
	.about_conbox .btn_jang a{position:absolute;bottom: 180px;right:8%;width:110px;height:240px;z-index:3;box-sizing:border-box;padding:165px 0 0 15px;color:#fff;font-size:13px;font-weight:700;background:url('../img/sub/icon_tool.png') -30px 55px #02c367 no-repeat;transition:all .25s ease-out}
	.about_conbox .btn_jang a:hover{height:260px;padding:185px 0 0 15px;bottom:160px;background:url('../img/sub/icon_tool.png') -30px 55px #32b174 no-repeat}
	.about_conbox #imgbox .imgboxbg{position:absolute;z-index:1;width:100%;height:100%;background:#000;opacity: 0.4;}
	@keyframes imgbox {0% { left: 0%; }20% { left: 0%; }25% { left: -100%; }45% { left: -100%; }50% { left: -200%; }70% { left: -200%; }75% { left: -300%; }95% { left: -300%; }100% { left: -400%; }}
	.about_conbox #imgbox {width:100%;height:800px;overflow:hidden;position: relative;background:url('../img/sub/about_titlebg_05.png') 0 0 no-repeat}
	.about_conbox #imgbox figure img { width: 25%; float: left; }
	.about_conbox #imgbox figure{position:relative;width: 400%;margin: 0;left: 0;text-align: left;font-size: 0;animation: 20s imgbox infinite;}
	.about_conbox .txt{width:100%;box-sizing:border-box;padding:0 0 0 15%;position:relative;top: -245px;z-index:2;}
	.about_conbox h3{display:block;font-size: 15px;color:#fff;font-weight:600;padding-bottom:40px;}
	.about_conbox dl{display:block;width:43%;color:#212121}
	.about_conbox dt{font-size: 2.2em;line-height:1.5;font-weight:400;color: #ffffff;padding-bottom: 80px;letter-spacing:-2px}
	.about_conbox dd{font-size: 1.5em;line-height:1.9;font-weight:400;display:block;width:86%;padding-left: 10px}

	.about_conbox2, .about_conbox3{display:none}
	/*
	.about_conbox2{width:25%;clear:both;box-sizing:border-box;padding:10px 5% 110px 5%;background: #f9f9f9;position:relative;float: left;margin:-50px 5% 0 23%;}
	.about_conbox2 h3{display:block;font-size:35px;line-height:1.1;font-weight:500;position:absolute;z-index:2;top: -60px;left:40px;letter-spacing:-1px}
	.about_conbox2 ul{overflow:hidden;position:relative;float:left;width:100%;margin:0 auto;display:block;color: #212121;padding-top:100px;position:relative;z-index:2;}
	.about_conbox2 li{text-align:center;font-size:1.2em;line-height:1.6;font-weight:400}
	.about_conbox2 li span{font-weight:700;font-size:2.5em}

	.about_conbox3{width:25%;box-sizing:border-box;padding:10px 5% 110px 5%;background: #f9f9f9;position:relative;float: left;margin:20px 5% 0 0;}
	.about_conbox3 h3{display:block;font-size:35px;line-height:1.1;font-weight:500;position:absolute;z-index:2;top: -60px;left:40px;letter-spacing:-1px}
	.about_conbox3 ul{overflow:hidden;position:relative;float:left;width:100%;margin:0 auto;display:block;color: #212121;padding-top:100px;position:relative;z-index:2;}
	.about_conbox3 li{text-align:center;font-size:1.2em;line-height:1.6;font-weight:400}
	.about_conbox3 li span{font-weight:700;font-size:2.5em}
	*/

	.about_conbox3_2{width:100%;clear:both;box-sizing:border-box;padding:100px 0 0 18%}
	.about_conbox3_2 h4{font-size:1.8em;font-weight:400;line-height:1.6;padding-bottom:50px;display:block;width:40%}
	.about_conbox3_2 h4 strong{font-size:13px;font-weight:700;color:#212121;position:relative;padding-top:20px;display:block;width:100%}
	.about_conbox3_2 p{font-size:14px}

	.about_conbox4{width:100%;clear:both;background:#2b2b2b;margin-top:150px;float:left;overflow:hidden;box-sizing:border-box;padding:100px 10% 100px 10%}
	.about_conbox4 .sbox_wrap{overflow:hidden}
	.about_conbox4 .sbox{float:left;width:auto;padding:0 6%;box-sizing:border-box;color:#fff}
	.about_conbox4 .sbox dt{font-weight:700;font-size:13px;padding-bottom:50px}
	.about_conbox4 .sbox dd{padding:0 0 5px 5px;font-size:15px}
	.about_conbox4 .sbox .since{padding-left:30px}
	.about_conbox4 .sbox .since dd{font-weight:700;font-size:68px;line-height:1.0;font-weight:100}
	.about_conbox4 .sbox .mem dd{font-weight:700;font-size:68px;line-height:0.6;font-weight:100;text-align:center}
	.about_conbox4 .sbox .mem dd span{font-size:13px;font-weight:700}
	.about_conbox4 .sbox_wrap2{overflow:hidden;width:100%;padding-top:50px;color:#fff;border-top:1px solid #484848;margin-top:50px}
	.about_conbox4 .sbox_wrap2 li{display:inline-block;width:33%;box-sizing:border-box;padding:0 10px;height:430px;vertical-align:top}
	.about_conbox4 .sbox_wrap2 li .map{width:100%;height:240px;background:#000}
	.about_conbox4 .sbox_wrap2 li .txt{padding:20px 0 0 20px;width:calc(100% - 70px);font-size:13px}
	.about_conbox4 .sbox_wrap2 li .txt b{display:block;width:100%;padding-bottom:10px;font-size:15px}

	.about_conbox5{width:100%;clear:both;padding:100px 15% 100px 15%;box-sizing:border-box;background:#fff;position:relative}
	.about_conbox5 a.btn_history{position:absolute;top:-100px;right:10%;z-index:2;width:110px;height:210px;background:#02c367;box-sizing:border-box;padding:125px 0 0 15px;color:#fff;font-weight:700;transition:all .25s ease-out}
	.about_conbox5 a.btn_history:hover{height:230px;transition:all .25s ease-in;padding:135px 0 0 15px;background:#0cde7a}
	.about_conbox5 li{display:inline-block;padding:0 100px 100px 0;vertical-align:top}
	.about_conbox5 li dt{display:block;border-left:2px solid #000;padding-left:30px;font-weight:700;font-size:22px;padding-bottom:80px;margin-bottom:10px}
	.about_conbox5 li dd{padding-bottom:5px;font-size:14px;font-weight:400}
	.about_conbox5 li dd span{padding-right:15px;font-weight:700}
	.about_conbox5 li dd.point{font-size:18px;color:#00bf57;font-weight:700}

	.about_conbox6{width:100%;clear:both;margin:100px 0 0 0;overflow:hidden}
	.about_conbox6 .title{box-sizing:border-box;padding:0 0 100px 15%;width:100%}
	.about_conbox6 .title h3{font-size:1.75em;padding-bottom:40px}
	.about_conbox6 .title p{font-size:1.5em;font-weight:300;display:block;width:49%;line-height:1.8}
	.about_conbox6 li{display:inline-block;width:33.2%;vertical-align:top;box-sizing:border-box;padding:0 20px 100px 20px}
	.about_conbox6 li .imgbox{width:100%;height:300px;background:#000;overflow:hidden;margin-bottom:30px}
	.about_conbox6 li .imgbox img{width:100%}
	.about_conbox6 li dl{color:#212121;display:block;width:80%;padding-left:8%}
	.about_conbox6 li dt{font-size:16px;padding-bottom:25px;font-weight:500}
	.about_conbox6 li dd{font-size:14px;padding-bottom:5px;line-height:1.9;font-weight:400}

	.overview_wrap{width:100%;overflow:hidden;position:relative;box-sizing: border-box;padding: 0 50px 0 150px;margin-top:-100px}
	.overview_wrap .overview_dl2{display:block;float:left;width:20%;height:auto;padding:20px 40px 20px 30px;margin:20px 0 20px 0}
	.overview_wrap .overview_dl2 dt{padding:10px 0;font-weight:800;font-size:15px;color:#333;letter-spacing:-.02em;padding-bottom:10px}
	.overview_wrap .overview_dl2 dt.sl{font-size:2em;line-height:1.2}
	.overview_wrap .overview_dl2 dd{font-size:1.3em;line-height:1.6;color:#555;letter-spacing:-.02em;padding-bottom:20px}

/* do_wrap */
.do_wrap_navi{width:100%;text-align:center;padding:60px 0 20px 0}
	.do_wrap_navi li{display:inline-block;padding:0 20px}
	.do_wrap_navi li a{color:#000;font-weight:900;font-size:15px;text-decoration:none;line-height:40px;padding-bottom:8px}
	.do_wrap_navi li a:hover{color:#00a055}
	.do_wrap_navi li a.on{border-bottom:5px solid #08bb67;color:#00a055;padding-bottom:8px}
	.do_wrap_navi li a.on:hover{color:#00a055}

	.do_wrap_navi li a,.do_wrap_navi li a:visited,.do_wrap_navi li a:hover,.do_wrap_navi li a:active{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transition:0.5s color ease;	text-decoration:none;color:#000;}
	.do_wrap_navi li a:hover{color:#00b962;}
	.do_wrap_navi li a.before:before, .do_wrap_navi li a.after:after{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}
	.do_wrap_navi li a.before:before{top:-0.25em}
	.do_wrap_navi li a.after:after{bottom:-0.25em}
	.do_wrap_navi li a.before:before,a.after:after{height:5px;height:0.35rem;width:0;background:#00b962}
	.do_wrap_navi li a.first:after{left:0}
	.do_wrap_navi li a.before:hover:before,a.after:hover:after{width:100%}

	.do_con_box{width:100%;box-sizing:border-box}
	.do_con_box .title{padding:100px 0 0 23%}
	.do_con_box h4{font-size:2.2em;font-weight:900;padding-bottom:60px;color:#00c167}
	.do_con_box dl{padding-bottom:20px}
	.do_con_box dl dt{font-size:1.6em;font-weight:900;padding-bottom:30px}
	.do_con_box dl dd{display:block;width:50%;font-size:1.5em;line-height:1.9;padding-left:20px;word-break:keep-all}
	.do_con_box .scroller{overflow:hidden}
	.do_con_box .img_box{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;overflow:hidden;position:relative;padding:50px 0}
	.do_con_box .img_box .scroller .scrollable-x {white-space:nowrap;overflow-x:scroll;overflow-y:hidden;}
	.do_con_box .img_box .scroller .scroll-images {position:relative;flex:8;-webkit-flex:8;order:2;-webkit-order:2;z-index:0;font-size:0;overflow-y:visible;padding:10% 0;margin:-10% 0;text-align:center;}
	.do_con_box .img_box .scroller .scroll-images img {width:34%;top:0;;z-index:0;-webkit-transition:all 100ms;transition:all 100ms;position:relative}
	.do_mv_box{width:100%;background:#000;overflow:hidden;margin-bottom:50px}
	.do_mv_box .mv{margin:0 auto;max-width:1280px;position:relative;height:600px}

			#do_arvr_container{background:#141517;overflow:hidden;margin-top:40px}
			#vr_visual_wrap{width:100%;height:800px;top:0;position:relative;overflow:hidden;box-sizing:border-box}
			.vr_visual_bg{background:#000;position:Absolute;top:0;left:0;width:100%;height:100%;opacity:0.7;z-index:1}
			.vr_visual{width:100%;position:absolute;top:-200px}
			.vr_visual dl {position:absolute;width:100%;height:100%;z-index:1;text-align:center;box-sizing:border-box;padding-top:770px}
			.vr_visual dl dt{color:#fff;font-size:2em;font-weight:700;letter-spacing:0}
			.vr_visual dl dd{padding-top:50px;color:#fff;font-size:1.5em;display:block;width:40%;margin:0 auto;line-height:1.6;word-break:keep-all}

			.vr_work_list{width:100%;clear:both;overflow:hidden;padding:0 0 40px 0}
			.vr_work_list li{display:inline-block;width:20%;float:left;height:228px}
			.vr_work_list li a{display:block;width:100%;height:100%;overflow:hidden;background:#000;position:relative}
			.vr_work_list li a img{width:100%;opacity:0.3;height:100%}
			.vr_work_list li a:hover img{opacity:1}
			.vr_work_list li a .title{position:absolute;color:#fff;font-size:15px;font-weight:700;bottom:30px;left:30px;z-index:2;width:calc(100% - 60px);word-break:keep-all}

			.do_con_vrbox{width:70%;margin:50px auto;text-align:center}
			.do_con_vrbox ul{padding-top:0}
			.do_con_vrbox li{display:inline-block;width:30%;color:#fff;text-align:center;box-sizing:border-box;padding:40px;vertical-align:top}
			.do_con_vrbox li dt{font-weight:700;font-size:20px;padding:150px 0 40px 0}
			.do_con_vrbox li dt.icon1{background:url('../img/sub/do_vr_icon1.png') center 0 no-repeat}
			.do_con_vrbox li dt.icon2{background:url('../img/sub/do_vr_icon2.png') center 0 no-repeat}
			.do_con_vrbox li dt.icon3{background:url('../img/sub/do_vr_icon3.png') center 0 no-repeat}
			.do_con_vrbox li dd{color:#9c9ea2;word-break:keep-all;font-size:14px;width:100%}

			#do_arvr_container .do_con_box{color:#fff;padding-bottom:100px}
			#do_arvr_container .do_con_box dl dd{padding-left:0}


			#do_ic_container{background:#141517;overflow:hidden;margin-top:40px}
			#ic_visual_wrap{width:100%;height:790px;top:0;position:relative;overflow:hidden;box-sizing:border-box}
			.ic_visual_bg{background:url('../img/sub/ic_mv.png') center 0 no-repeat;position:Absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1}
			.ic_visual{width:100%;position:absolute;top:-200px}
			.ic_visual dl {position:absolute;width:100%;height:100%;z-index:1;text-align:center;box-sizing:border-box;padding-top:770px}
			.ic_visual dl dt{color:#fff;font-size:2em;font-weight:700;letter-spacing:0}
			.ic_visual dl dd{padding-top:50px;color:#fff;font-size:1.5em;display:block;width:40%;margin:0 auto;line-height:1.6;word-break:keep-all}

			.ic_work_list{width:100%;clear:both;overflow:hidden;padding:0 0 40px 0}
			.ic_work_list li{display:inline-block;width:20%;float:left;height:228px}
			.ic_work_list li a{display:block;width:100%;height:100%;overflow:hidden;background:#000;position:relative}
			.ic_work_list li a img{width:100%;opacity:0.3;height:100%}
			.ic_work_list li a:hover img{opacity:1}
			.ic_work_list li a .title{position:absolute;color:#fff;font-size:15px;font-weight:700;bottom:30px;left:30px;z-index:2;width:calc(100% - 60px);word-break:keep-all}

			.do_con_icbox{width:70%;margin:50px auto;text-align:center}
			.do_con_icbox ul{padding-top:0}
			.do_con_icbox li{display:inline-block;width:30%;color:#fff;text-align:center;box-sizing:border-box;padding:40px;vertical-align:top}
			.do_con_icbox li dt{font-weight:700;font-size:20px;padding:150px 0 40px 0}
			.do_con_icbox li dt.icon1{background:url('../img/sub/do_ic_icon1.png') center 0 no-repeat}
			.do_con_icbox li dt.icon2{background:url('../img/sub/do_ic_icon2.png') center 0 no-repeat}
			.do_con_icbox li dt.icon3{background:url('../img/sub/do_ic_icon3.png') center 0 no-repeat}
			.do_con_icbox li dd{color:#9c9ea2;word-break:keep-all;font-size:14px;width:100%}

			#do_ic_container .do_con_box{color:#fff;padding-bottom:100px}
			#do_ic_container .do_con_box dl dd{padding-left:0}



			#do_digital_container{background:#141517;overflow:hidden;margin-top:40px}
			#digital_visual_wrap{width:100%;height:880px;top:0;position:relative;overflow:hidden;box-sizing:border-box}
			.digital_visual_bg{background:url('../img/sub/digital_mv.png') center 0 no-repeat;position:Absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1}
			.digital_visual{width:100%;position:absolute;top:-320px}
			.digital_visual dl {position:absolute;width:100%;height:100%;z-index:1;text-align:center;box-sizing:border-box;padding-top:770px}
			.digital_visual dl dt{color:#fff;font-size:2em;font-weight:700;letter-spacing:0}
			.digital_visual dl dt span{display:block;width:100%;font-size:0.8em;padding-top:15px}
			.digital_visual dl dd{padding-top:50px;color:#fff;font-size:1.5em;display:block;width:40%;margin:0 auto;line-height:1.6;word-break:keep-all}


			.digital_work_list{width:100%;clear:both;overflow:hidden;padding:0;background:#436573}
			.digital_work_list li{display:inline-block;width:20%;float:left;height:228px}
			.digital_work_list li a{display:block;width:100%;height:100%;overflow:hidden;background:#000;position:relative}
			.digital_work_list li a img{width:100%;opacity:0.3;height:100%}
			.digital_work_list li a:hover img{opacity:1}
			.digital_work_list li a .title{position:absolute;color:#fff;font-size:15px;font-weight:700;bottom:30px;left:30px;z-index:2;width:calc(100% - 60px);word-break:keep-all}

			.do_con_digitalbox_chat{overflow:hidden;width:100%;background:#4f7382}
			.do_con_digitalbox{width:1300px;margin:50px auto;text-align:center}
			.do_con_digitalbox ul{padding-top:0}
			.do_con_digitalbox li{display:inline-block;width:100%;color:#fff;text-align:left;box-sizing:border-box;vertical-align:top;padding-bottom:100px;background:url('../img/sub/do_con_digitalbox_libg.png') 20px 0 repeat-y}
			.do_con_digitalbox li:nth-child(7){background:none}
			.do_con_digitalbox li .title{width:30%;float:left;box-sizing:border-box;padding:30px 0 0 70px}
			.do_con_digitalbox li:nth-child(1) .title{background:url('../img/sub/do_con_digitalbox_num01.png') 0 0 no-repeat}
			.do_con_digitalbox li:nth-child(2) .title{background:url('../img/sub/do_con_digitalbox_num02.png') 0 0 no-repeat}
			.do_con_digitalbox li:nth-child(3) .title{background:url('../img/sub/do_con_digitalbox_num03.png') 0 0 no-repeat}
			.do_con_digitalbox li:nth-child(4) .title{background:url('../img/sub/do_con_digitalbox_num04.png') 0 0 no-repeat}
			.do_con_digitalbox li:nth-child(5) .title{background:url('../img/sub/do_con_digitalbox_num05.png') 0 0 no-repeat}
			.do_con_digitalbox li:nth-child(6) .title{background:url('../img/sub/do_con_digitalbox_num06.png') 0 0 no-repeat}
			.do_con_digitalbox li:nth-child(7) .title{background:url('../img/sub/do_con_digitalbox_num07.png') 0 0 no-repeat}
			.do_con_digitalbox li .title dt{font-weight:700;font-size:30px}
			.do_con_digitalbox li .title dt span{display:block;width:100%;padding-top:15px;font-weight:100}
			.do_con_digitalbox li .title dd{display:block;width:50%;word-break:keep-all;font-size:16px;line-height:24px;padding-top:24px;color:#d4e4ea}
			.do_con_digitalbox li .imgbox{width:70%;float:left}
			.do_con_digitalbox li .imgbox li{display:inline-block;float:left;width:33.3%;padding:0}
			.do_con_digitalbox li .imgbox li img{width:100%}

			.do_con_digitalbox2{width:100%;clear:both;overflow:hidden;padding:0;background:#fbfbfb}
			.do_con_digitalbox2 .sbox{width:60%;margin:100px auto}
			.do_con_digitalbox2 .sbox .title{font-size:34px;color:#000;font-weight:700;line-height:43px;padding-bottom:40px}
			.do_con_digitalbox2 .sbox li a{display:block;width:100%;border-bottom:1px dotted #ccc;padding:10px 0;font-size:20px;font-weight:700;line-height:40px;color:#333;letter-spacing:-1px}






			#do_digital_container .do_con_box{color:#fff;padding-bottom:50px}
			#do_digital_container .do_con_box dl dd{padding-left:0}


/* contact_wrap */
#contact_wrap{width:100%;margin:0 auto}
	.contact_top{width:100%;background:#fff;padding:0 15% 280px 15%;box-sizing:border-box;position:relative}
	.contact_top h4{display:block;width:49%;font-size:2em;line-height:1.6;padding-top:50px;font-weight:400;letter-spacing:-.02em}
	.contact_top .info{padding:50px 0 0 40px;color:#212121}
	.contact_top .info .title{font-size:15px;padding-bottom:40px;font-weight:500}
	.contact_top .info li{display:inline-block;width:40%;height:150px;font-size:12px;font-weight:400;color:#333;vertical-align:top}
	.contact_top .info li span{font-size:15px;font-weight:900;color:#000;padding-bottom:15px;display:block;width:100%}
	.contact_top .info li b{color:#000;font-weight:900}
	.contact_top .info li a{clear:both;display:block;margin-top:30px}
	.contact_top .info li a span{background:#404040;color:#fff;font-size:12px;font-weight:500;display:initial;padding:10px 30px}
	.contact_top .info2{padding-top:50px;position:absolute;bottom:-130px;padding-left:80px}
	.contact_top .info2 dt{display:block;font-size:3em;line-height:1.2;font-weight:400;letter-spacing:-.03em;padding-bottom:20px;width:60%}
	.contact_top .info2 dd{display:block;font-size:1.3em;line-height:1.6;font-weight:400;padding-left:20px}
	.contact_form_box{width: 100%;margin:0 auto;background:#eaeaea;box-sizing: border-box;padding: 100px 25% 200px 25%;}
	.contact_form_box form{padding-top:90px}
	.contact_form_box form h4.form_title{font-size:18px;font-weight:400;padding-top:30px;clear:both}
	.contact_form_box form h4.form_title span{font-size:12px;font-weight:700;position:relative;top:-3px;padding-right:10px}
	.contact_form_box form .cate_list{padding-top:20px}
	.contact_form_box form input[type=checkbox]{display:none}
	.contact_form_box form input[type=checkbox] + label{display:inline-block;cursor:pointer;position:relative;padding:10px 10px 10px 30px;margin-right:15px;font-size:13px;color:#2b2727;font-weight:700;width:20%}
	.contact_form_box form input[type=checkbox] + label:before {content:"";display:inline-block;width:20px;height:20px;margin-right:10px;position:absolute;left:0;background-color:#fff;border-radius:2px;box-shadow:inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8)}
	.contact_form_box form input[type=checkbox]:checked + label:before {content:"\2713";text-shadow:1px 1px 1px rgba(0, 0, 0, .2);font-size:18px;font-weight:800;color:#fff;background:#000;text-align:center;line-height:18px}
	.contact_form_box .form_w{width:100%;padding-top:40px}
	.contact_form_box .form_w .title_box{float:left;width:calc(50% - 50px);padding-bottom:50px;margin-right:50px}
	.contact_form_box form .inp {position:relative;margin:auto;width:100%;max-width:280px}
	.contact_form_box form .inp .label {position:absolute;top:16px;left:0;font-size:13px;color:#696565;font-weight:500;transform-origin:0 0;transition:all 0.2s ease}
	.contact_form_box form .inp .border {position:absolute;bottom:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 0;transition:all 0.15s ease}
	.contact_form_box form .inp input {-webkit-appearance:none;width:100%;border:0;font-family:inherit;padding:12px 0;height:30px;font-size:13px;font-weight:500;border-bottom:1px solid #aabfac;background:none;border-radius:0;color:#000;transition:all 0.15s ease;position:relative;top:15px}
	.contact_form_box form .inp input:not(:placeholder-shown) + span {color:#696565;transform:translateY(-26px) scale(0.95)}
	.contact_form_box form .inp input:focus {background:none;outline:none}
	.contact_form_box form .inp input:focus + span {color:#696565;transform:translateY(-26px) scale(0.85)}
	.contact_form_box form .inp input:focus + span + .border {transform:scaleX(1)}
	.contact_form_box .form_w .msg_box{width:calc(100% - 40px);padding:20px 20px 0 20px;clear:both}
	.contact_form_box .form_w .msg_box p{font-size:13px;color:#696565;font-weight:500;display:block;width:100%;padding-bottom:15px}
	.contact_form_box .form_w .msg_box textarea{border:0;border-bottom:1px solid #aabfac;background:transparent;width:calc(100% - 50px);height:150px;margin-bottom:20px;font-size:13px;color:#000}
	.contact_form_box form button{display:block;font-size:32px;font-weight:900;color:#212121;padding:20px 10px 20px 10px;border:0;cursor:pointer;text-align:left;background:transparent;margin-top:90px;border-bottom:1px solid #222}
	.contact_form_box .form_w .msg_box input{border:0;background:#000;color:#fff;padding:5px 10px;margin-right:20px}
	.contact_form_box .form_w .msg_box label{font-weight:700}

.social_loginbox{width: 100%;margin:0 auto;background:#eaeaea;box-sizing: border-box;padding: 100px 20% 300px 20%;text-align:center}
.social_loginbox .title{padding-top:150px}
.social_loginbox .title h3{font-size:2em;line-height:2}
.social_loginbox .title p{font-size:13px;font-weight:700}
.social_loginbox .list{clear:both;padding:100px 0 0 0;width:100%;margin:0 auto}
.social_loginbox .list li{display:inline-block;width:24%;box-sizing:border-box;padding:0 50px}
.social_loginbox .list li a{color:#555;padding-top:160px;display:block;width:100%}
.social_loginbox .list li a:hover{color:#000}
.social_loginbox .list li a span{font-size:1.3em;font-weight:700}
.social_loginbox .list li:nth-child(4) a{background: url('../img/sub/icon_naver.png') center 0 no-repeat}
.social_loginbox .list li:nth-child(1) a{background: url('../img/sub/icon_facebook.png') center 0 no-repeat}
.social_loginbox .list li:nth-child(2) a{background: url('../img/sub/icon_google.png') center 0 no-repeat}
.social_loginbox .list li:nth-child(3) a{background: url('../img/sub/icon_kakao.png') center 0 no-repeat}


#layer_view{position: fixed;z-index: 10;width: 100%;height: 100%;top: 0;background: #fff;display: none;overflow-y: auto; left: 0;}
.work_view .view_container{text-align:center}
.work_view .view_container img{width:auto;max-width:100%}



/****** Mobile ******/
@media screen and (max-width:690px){
	#wrap{width:100%}
	#header_wrap{width:100%;box-sizing:border-box;padding:0 20px;height:60px}
	#header_wrap h1 a{top:12px}
	#header_wrap nav{display:none}

	 #m_navi{display:block;position:absolute;top:0;right:0}
	  #m_navi a.btn_open{color:#02b662;display:block;position:absolute;top:5px;right:0}
	  #m_navi a.btn_open i{color:#000;font-size:48px;font-weight:bold}
	  #m_navi .m_navi_list{position:fixed;width:100%;height:100%;background:#000;z-index:999;left:0;top:0;text-align:center}
	  #m_navi .m_navi_list ul{padding-top:25%}
	  #m_navi .m_navi_list li a{display:block;width:100%;line-height:2;font-size:2.2em;font-weight:900;color:#fff}
	  #m_navi .m_navi_list a.btn_close{position:absolute;top:20px;right:20px;color:#fff}
	  #m_navi .m_navi_list a.btn_close i{color:#fff;font-size:48px;font-weight:bold}

	#visual{position:absolute;width:100%;height:100%}
	#visual video {
		position: fixed;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background:#000;
		background-size: cover;
	}
	#visual .txt{text-align:left;position:fixed;top:100px}
	#visual .txt span{display:block;width:70%;word-break:break-word;line-height:1.2;padding-left:30px}
	#visual .info{display:none}
	#main_con_wrap{margin-top:150%;background:#fff}

	#mainCon2{max-width:100%;padding:60px 0}
	#mainCon2 .title{padding-left:40px;top:80px}
	#mainCon2 .title h3{padding-bottom:10px}
	.Con2_list li:nth-child(1), .Con2_list li:nth-child(2), .Con2_list li:nth-child(3), .Con2_list li:nth-child(4){width:100%;height:auto;float:left;clear:both;position:static;height:260px;margin-top:5px}
	.Con2_list li a .info{bottom:auto;top:30%}
	.Con2_list li a .info .stitle{width:50%;padding-bottom:20px;font-size:1.7em;line-height:1.3;word-break:keep-all;}
	.Con2_list li a .bg{opacity:0.5}
	.Con2_list li a img{height:100%}

	/*
	.Con2_list li:nth-child(2){width:100%;height:auto;float:right;position:static}
	.Con2_list li:nth-child(3){width:100%;height:auto;float:left;clear:none;margin-top:0}
	.Con2_list li:nth-child(4){width:100%;height:auto;float:right;position:static}
	*/
	.con_work_more{position:static;width:100%;height:auto;float:none;box-sizing:border-box;padding:10px 50px;margin-top:0;border-bottom:0}
	.con_work_more a{font-size:38px}
	.con_work_more a span{margin-top:50px}

	#mainCon{height:auto;overflow:hidden;max-width:100%}
	#mainCon .top{position:static;padding-bottom:55px}
	#mainCon .top h3{text-align:left;padding-left:40px}
	#mainCon .scon{width:50%;height:auto;padding:0}
	#mainCon .scon:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
	#mainCon .scon .title{width:auto;left:30px;top:50px}
	#mainCon .scon .list li{height:auto;float:left}
	#mainCon .scon .list li img{height:auto;width:100%;position:relative}
	.main_con_info{max-width:100%;padding-bottom:120px}
	.main_con_info p{width:80%;padding-left:30px;word-break:keep-all}

	#mainCon3{background-size:cover;background-image:url('../img/main/mainCon3_bg2_2.png');height:auto }
	.con3_sbox .info{padding:95px 0 0 30px}
	.con3_sbox .info h2{font-size:50px}
	.con3_sbox .info p{padding:48px 0 100px 0;line-height:1.4}
	.con3_sbox{width:100%}

	#mainCon4{width:100%;padding:50px 10% 0 10%;margin:0 auto}
	.main_news_list{width:100%}
	#mainCon4 .main_news_title{width:80%;padding-right:0;padding-bottom:20px;margin-top:40px;width:100%}
	.main_news_title h3 a{padding-bottom:0;font-size:1.1em;background:none}
	.main_news_title h3 a span{font-size:50px}
	.main_news_title h3 a .m_hidden{display:none}
	.main_news_list ul li{width:100%;padding:0}
	.main_news_list ul li:nth-child(2), .main_news_list ul li:nth-child(3){display:none}
	.main_news_list ul li a .txtbox dd.date{padding:10px 0 20px 10px}
	.main_news_list ul li a .txtbox dt{width:100%;font-size:1.3em}


	#mainCon5{margin-top:0;background:none;height:auto;min-height:auto}
	.contact_box{width:100%;padding-bottom:50px;overflow:hidden}
	.contact_box .title{background:none;padding-top:50px}

	.contact_box .title a{font-size:1.5em}
	.contact_box .title a span{padding:0;display:block;width:90%;margin:0 auto}

	.footer_box{width:100%;box-sizing:border-box;padding:30px}
	address li{width:auto;height:auto;padding-bottom:50px}
	address li span{padding-bottom:10px}
	address li a{color:#000;font-size:1.2em}
	.footer_box p.copyright{position:static;padding-top:10px;font-weight:700;color:#000;font-size:1.3em}

	.layout_btn_top, .footer_box h1 a{display:none}

	#foorer{padding:20px 0 125px 0}
	.footer_box p.copyright{font-size:13px}

	#sub_container{width:100%;margin-bottom:0;padding-bottom:0;margin:160px auto;margin-bottom:70px}
	#sub_container h3.sub_title{padding-left:10%}
	#about_wrap{width:100%}

	  .about_conbox #imgbox{background:none;height:auto}
	  .about_conbox #imgbox .imgboxbg{display:none}
	  .about_conbox #imgbox figure img{width:25%}
	  .about_conbox .txt{padding:50px 0 0 10%;top:0}
	  .about_conbox h3{color:#000}
	  .about_conbox dl{width:90%}
	  .about_conbox dt{color:#000;padding-bottom:50px;word-break:keep-all}
	  .about_conbox dd{padding-left:0}
	  .about_conbox3_2{padding:50px 0 0 10%}
	  .about_conbox3_2 h4{font-size:1.5em;width:85%;line-height:1.9}
	  .about_conbox4{margin-top:50px;padding:50px 0;}
	  .about_conbox4 .sbox_wrap{padding:0 10%}
	  .about_conbox4 .sbox{padding-bottom:40px}
	  .about_conbox4 .sbox .since{padding-left:0}
	  .about_conbox4 .sbox dt{padding-bottom:20px}
	  .about_conbox4 .sbox .mem dd{text-align:left}
	  .about_conbox4 .sbox_wrap2 li{width:100%}
	  .about_conbox4 .sbox_wrap2 li .txt{font-size:1.1em;line-height:1.6}
	  .about_conbox4 .sbox_wrap2 li .txt a{color:#fff;font-weight:700}
	  .about_conbox5{padding:100px 15% 30px 15%}
	  .about_conbox5 a.btn_history{font-size:1.2em}
	  .about_conbox5 li{padding:0 0 50px 0}
	  .about_conbox5 li dt{padding-bottom:40px}
	  .about_conbox5 li dd{font-size:16px}
	  .about_conbox6 .title{padding:0 0 50px 10%}
	  .about_conbox6 .title p{width:80%}
	  .about_conbox6 li{width:100%;padding:0 20px 50px 20px}
	  .about_conbox6 li dt{font-weight:700;font-size:20px}
	  .about_conbox6 li dd{font-size:1.1em}
	  .about_conbox6 li .imgbox{height:auto}
	  .about_conbox .btn_ebook, .about_conbox .btn_pdf, .about_conbox .btn_jang, .overview_wrap{display:none}

	  .do_wrap_navi li a, .do_wrap_navi li a:visited, .do_wrap_navi li a:hover, .do_wrap_navi li a:active{font-size:1.5em;line-height:2.2}
	  .do_wrap_navi li{width:100%;text-align:left;box-sizing:border-box;padding:0 20px 10px 11%}
	  .do_con_box .title{padding:50px 10% 0 10%;width:100%;box-sizing:border-box}
	  .do_con_box dl dt{font-size:1.8em;line-height:1.6}
	  .do_con_box dl dd{width:100%;padding-left:0;font-size:1.4em}
	  .do_con_box .img_box{padding:50px 0 0 0}
	  .do_con_box .img_box .scroller .scroll-images img{width:85%}
	  .do_mv_box .mv{max-width:100%;height:400px}

			#vr_visual_wrap{height:600px}
			.vr_visual dl{padding-top:450px}
			.vr_visual dl dd{font-size:1.4em;width:85%;line-height:1.5}
			.vr_visual video{width:auto;height:1500px !important;position:absolute;top:-300px}

			.vr_work_list li{width:100%;height:auto}
			.vr_work_list li a{height:180px}
			.vr_work_list li a .title{font-size:18px;top:40%;left:30px;z-index:2;width:60%;line-height:30px}
			.vr_work_list li a img{height:auto}

			.do_con_vrbox{width:70%;margin:50px auto;text-align:center}
			.do_con_vrbox li{width:100%;padding:20px}
			.do_con_vrbox li dt{font-weight:700;font-size:20px;padding:120px 0 10px 0}
			.do_con_vrbox li dd{color:#9c9ea2;word-break:keep-all;font-size:14px;width:100%}

			#ic_visual_wrap{height:600px}
			.ic_visual dl{padding-top:450px}
			.ic_visual dl dd{font-size:1.4em;width:85%;line-height:1.5}
			.ic_visual video{width:auto;height:1500px !important;position:absolute;top:-300px}

			.ic_work_list li{width:100%;height:auto}
			.ic_work_list li a{height:180px}
			.ic_work_list li a .title{font-size:18px;top:40%;left:30px;z-index:2;width:60%;line-height:30px}
			.ic_work_list li a img{height:auto}

			.do_con_icbox{width:70%;margin:50px auto;text-align:center}
			.do_con_icbox li{width:100%;padding:20px}
			.do_con_icbox li dt{font-weight:700;font-size:20px;padding:120px 0 10px 0}
			.do_con_icbox li dd{color:#9c9ea2;word-break:keep-all;font-size:14px;width:100%}


			.digital_visual dl{padding:450px 50px 0 50px;text-align:left}
			.digital_visual dl dt{line-height:36px}
			.digital_visual dl dt em{display:block;width:100%}
			.digital_visual dl dd{font-size:1.4em;width:100%;line-height:1.5}
			.digital_visual video{width:auto;height:1500px !important;position:absolute;top:-300px}

			.digital_work_list li{width:100%;height:auto}
			.digital_work_list li a{height:180px}
			.digital_work_list li a .title{font-size:18px;top:40%;left:30px;z-index:2;width:60%;line-height:30px}
			.digital_work_list li a img{height:auto}

			.do_con_digitalbox{width:100%}
			.do_con_digitalbox li{background: url('../img/sub/do_con_digitalbox_libg.png') 40px 0 repeat-y;padding-bottom:50px}
			.do_con_digitalbox li .title{width:100%;padding:10px 0 0 70px}
			.do_con_digitalbox li .title dd{font-size:18px;line-height:28px;width:75%}

			.do_con_digitalbox li:nth-child(1) .title{background:url('../img/sub/do_con_digitalbox_num01.png') 20px 0 no-repeat;}
			.do_con_digitalbox li:nth-child(2) .title{background:url('../img/sub/do_con_digitalbox_num02.png') 20px 0 no-repeat}
			.do_con_digitalbox li:nth-child(3) .title{background:url('../img/sub/do_con_digitalbox_num03.png') 20px 0 no-repeat}
			.do_con_digitalbox li:nth-child(4) .title{background:url('../img/sub/do_con_digitalbox_num04.png') 20px 0 no-repeat}
			.do_con_digitalbox li:nth-child(5) .title{background:url('../img/sub/do_con_digitalbox_num05.png') 20px 0 no-repeat}
			.do_con_digitalbox li:nth-child(6) .title{background:url('../img/sub/do_con_digitalbox_num06.png') 20px 0 no-repeat}
			.do_con_digitalbox li:nth-child(7) .title{background:url('../img/sub/do_con_digitalbox_num07.png') 20px 0 no-repeat}
			.do_con_digitalbox li:nth-child(7){padding-bottom:0}
			.do_con_digitalbox ul{padding:40px 0}
			.do_con_digitalbox li .imgbox{width:100%}
			.do_con_digitalbox li .imgbox li{width:50%}
			#do_digital_container .do_con_box{padding:0}

			.do_con_digitalbox2 .sbox{width:88%}
			.do_con_digitalbox2 .sbox li a{line-height:26px;font-size:15px}


	#news_wrap{width:100%}
	  .board_news_list{width:100%;padding-top:50px}
	  .board_news_list ul li{width:100%;padding:30px;border-bottom:1px solid #efefef;background:#fff}
	  .board_news_list ul li a .txtbox{width:90%;padding-left:20px}
	  .board_news_list ul li a .imgbox{display:none}
	  .paginate{text-align:center;position:static;padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden}
	  .paginate .page_check{text-align:center}
	  .paginate .btn{width:100%;position:static}
	  .paginate .btn li{display:inline-block;width:50%;float:left;box-sizing:border-box;}

	  .news_view{width:100%;margin:30px auto;box-sizing:border-box}
	  .news_view .view_title{padding:0 20px 0 20px}
	  .news_view .view_title h3{line-height:1.3}
	  .news_view .view_container{width:100%;box-sizing:border-box;padding:0 20px}
	  .news_view .view_container p{padding:0 0 30px 0;font-weight:500}
	  .news_view .view_container img{width:100% !important;height:auto !important}
	  .news_view_btn_box{top:0;bottom:auto;right:auto;left:0;background:#fff;padding:15px 20px 0 20px;opacity:0.95}
	  .news_view_btn_box a span{display:none}
	  .news_view .view_title p.url_btn{padding-bottom:30px}

	#sub_container h3.sub_title2{display:block;width:90%;padding-left:10%;line-height:1;box-sizing:border-box;word-break: break-word;position:relative;font-size:4em}
	.contact_top h4{width:100%;padding-top:5px;font-size:1.5em}
	.contact_top{padding:10px 10% 0 10%}
	.contact_top .info{padding:20px 0 0 0}
	.contact_top .info .title{font-weight:400;font-size:1.5em;line-height:1.6}
	.contact_top .info .title br{display:none}
	.contact_top .info li{width:100%;height:auto;padding-bottom:50px;font-size:1.1em}
	.contact_top .info li a{color:#000}
	.contact_top .info2{position:static;padding-left:0;padding-bottom:40px}
	.contact_top .info2 dt{width:90%;word-break:break-word;font-size:2.8em}
	.contact_top .info2 dd{padding-left:0;word-break:break-word}
	.contact_top .info2 dd br{display:none}
	.contact_form_box{padding:30px 10% 100px 10%}
	.contact_form_box form h4.form_title{font-size:22px}
	.contact_form_box form{padding-top:10px}
	.contact_form_box form input[type=checkbox] + label{width:100%}
	.contact_form_box form .inp{max-width:100%}
	.contact_form_box .form_w .title_box{width:100%;padding-bottom:20px}
	.contact_form_box .form_w .msg_box{padding:20px 0 20px 0;width:100%}
	.contact_form_box .form_w .msg_box textarea{width:100%}
	.contact_form_box .form_w .msg_box input{box-sizing:border-box;width:100%}
	.contact_form_box form button{width:100%;text-align:center;margin-top:50px}
	.social_loginbox{padding:60px 5% 80px 5%}
	.social_loginbox .title{padding-top:0;word-break:keep-all;}
	.social_loginbox .title h3{line-height:1.5}
	.social_loginbox .list{padding:0;padding-top:50px}
	.social_loginbox .list li{width:44%;padding:0;padding-bottom:40px}
	.social_loginbox .list li a{padding-top:80px;width:70%;vertical-align:top;margin:0 auto}
	.social_loginbox .list li a span{font-size:1em}
	.social_loginbox .list li:nth-child(1) a, .social_loginbox .list li:nth-child(2) a, .social_loginbox .list li:nth-child(3) a, .social_loginbox .list li:nth-child(4) a{background-size: contain;background-size:60%}

	#work_wrap{width:100%}
	.work_top_mv{width:100%}
	.work_top_mv video {
		position:absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background:#000;
		background-size: cover;
	}
	.work_top_mv .title{width:100%;box-sizing:border-box;padding:0 20% 0 10%}
	.work_top{padding:0 0 0 13%}
	.work_top .category h3{font-weight:900}
	.work_top .category li{width:43%;margin-right:0;padding-bottom:15px;padding-left:0}
	.work_top .category li a{font-size:1.2em}
	.paginate .page_check span.page{font-size:60px}

	.work_view{width:100%}
	.work_view_btn_box{top:0;left:0;right:auto;background:#fff;padding:15px 20px 0 20px;opacity:0.95}
	.work_view_btn_box a span{display:none}
	.work_view .view_title{padding:0 0 0 20px}
	.work_view .view_title h3{padding:10px 20px 10px 20px;width:100%}
	.work_view .view_title a.url_btn{position:static;padding-top:20px;display:block}
	.detail_txt_type{padding:40px 35px 10px 35px !important;width:100%;box-sizing:border-box}
	.detail_txt_type h4{word-break:keep-all;font-size:1.5em !important;font-weight:700 !important}

	.work_list{width:100%}
	.work_list li{box-sizing:border-box;margin:0;padding:0 20px 30px 20px;width:100%;height:auto;overflow:hidden;display:block}
	.work_list li .imgbox{height:auto;margin-bottom:15px}
	.work_list li .title{width:100%;box-sizing:border-box;padding:5px 20px 30px 20px}
	.work_list li .title span{position:static;word-break:keep-all}
	.work_list li .title span em{padding-top:10px;display:block}


	.pt_mvbox iframe{width:100%;height:300px}
}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

	#wrap{width:100%}
	#header_wrap{width:100%;box-sizing:border-box;padding:0 20px;height:60px}
	#header_wrap h1 a{top:12px}
	#header_wrap nav{display:none}

	 #m_navi{display:block;position:absolute;top:0;right:0}
	  #m_navi a.btn_open{color:#02b662;display:block;position:absolute;top:5px;right:0}
	  #m_navi a.btn_open i{color:#000;font-size:48px;font-weight:bold}
	  #m_navi .m_navi_list{position:fixed;width:100%;height:100%;background:#000;z-index:999;left:0;top:0;text-align:center}
	  #m_navi .m_navi_list ul{padding-top:25%}
	  #m_navi .m_navi_list li a{display:block;width:100%;line-height:2;font-size:2.2em;font-weight:900;color:#fff}
	  #m_navi .m_navi_list a.btn_close{position:absolute;top:20px;right:20px;color:#fff}
	  #m_navi .m_navi_list a.btn_close i{color:#fff;font-size:48px;font-weight:bold}

	  #visual{position:absolute;width:100%;height:100%}
		#visual video {
			position: fixed;
			top: 50%;
			left: 50%;
			min-width: 100%;
			min-height: 100%;
			width: auto;
			height: auto;
			z-index: -100;
			-ms-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			background:#000;
			background-size: cover;
		}
		#visual .txt{text-align:left;position:fixed;top:100px}
		#visual .txt span{display:block;width:50%;word-break:break-word;line-height:1.2;padding-left:60px;font-sizE:3em}
		#visual .info{display:none}

		#main_con_wrap{margin-top:140%;overflow:hidden;background:#fff}
		#mainCon2{width:100%;max-width:100%;overflow:hidden;clear:both;padding:120px 0 0 0}
		#mainCon2 .title p{font-size:50px}
		.Con2_list li:nth-child(1), .Con2_list li:nth-child(2), .Con2_list li:nth-child(3), .Con2_list li:nth-child(4){width:50%;float:left;position:static;height:250px;margin-top:0}
		.Con2_list li a img{height:100%}
		.con_work_more{position:relative;margin-top:0;float:left;right:auto;left:10%;border-bottom:0;padding-top:0}

		#mainCon{width:100%;max-width:100%;padding:50px 0 0 0}
		#mainCon .top{left:0;padding-left:100px}
		#mainCon .top h3{font-size:50px;padding-left:0}
		#mainCon .scon{width:25%;padding:0}
		#mainCon .scon:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
		#mainCon .scon .list li{width:100%;height:400px;float:left}
		#mainCon .scon .list li img{height:auto;width:100%}
		#mainCon .scon .title{left:10%;top:10%}

		.main_con_info{padding-top:50px}
		.main_con_info p{padding-left:100px;width:70%;font-size:1.6em}

		#mainCon3{width:100%;background-size:cover;height:400px;overflow:hidden;box-sizing:border-box}
		.con3_sbox{width:100%;position:relative;box-sizing:border-box}
		.con3_sbox .info{padding:90px 0 0 10%}
		.con3_sbox .info h2{font-size:48px}
		.con3_sbox .info p{font-size:24px;line-height:1.5;padding:48px 0 154px 0}
		.con3_sbox .info ul{display:block;position:absolute;top:280px;right:20px}

		#mainCon4{width:100%;margin:50px auto;padding:50px 10% 0 10%}
		.main_news_list{width:100%}
		.main_news_list ul li{width:50%;float:left;padding:0 20px}
		.main_news_list ul li:nth-child(3){display:none}
		#mainCon4 .main_news_title{padding:0 0 30px 0}
		.main_news_title h3 a{background:none}
		.main_news_title h3 a span{font-size:48px;padding-bottom:0}
		.main_news_title h3 br{display:none}

		#mainCon5{padding:0 30px;box-sizing:border-box;background-size:65%;margin-top:60px;min-height:auto}
		.contact_box{width:100%}

		#foorer{padding:150px 50px 200px 50px}
		.footer_box{width:100%;box-sizing:border-box;padding:30px}
		address li{width:50%;padding-bottom:50px;float:left;display:block;height:200px;padding:0 15px;word-break:keep-all;box-sizing:border-box}
		address li span{padding-bottom:10px}
		address li a{color:#000;font-size:1.2em}
		.footer_box p.copyright{position:static;padding-top:10px;font-weight:700;color:#000;font-size:1.3em}

		.layout_btn_top, .footer_box h1 a{display:none}

		#sub_container{width:100%;margin:150px auto;margin-bottom:0;padding-bottom:0}
		#about_wrap{width:100%}
		.about_conbox #imgbox{background:none;height:auto}
	  .about_conbox #imgbox .imgboxbg{display:none}
	  .about_conbox #imgbox figure img{width:25%}
	  .about_conbox .txt{padding:50px 0 0 10%;top:0}
	  .about_conbox h3{color:#000}
	  .about_conbox dl{width:90%}
	  .about_conbox dt{color:#000;padding-bottom:50px;word-break:keep-all}
	  .about_conbox dd{padding-left:0}
	  .about_conbox3_2{padding:50px 0 0 10%}
	  .about_conbox3_2 h4{font-size:1.5em;width:85%;line-height:1.9}
	  .about_conbox4{margin-top:50px;padding:50px 0;}
	  .about_conbox4 .sbox_wrap{padding:0 10%}
	  .about_conbox4 .sbox{padding-bottom:40px}
	  .about_conbox4 .sbox .since{padding-left:0}
	  .about_conbox4 .sbox dt{padding-bottom:20px}
	  .about_conbox4 .sbox .mem dd{text-align:left}
	  .about_conbox4 .sbox_wrap2 li{width:50%;height:auto;float:left;padding-bottom:50px}
	  .about_conbox4 .sbox_wrap2 li .txt{font-size:1.1em;line-height:1.6}
	  .about_conbox4 .sbox_wrap2 li .txt a{color:#fff;font-weight:700}
	  .about_conbox4 .sbox_wrap2 li .map{height:250px}
	  .about_conbox5{padding:100px 15% 30px 15%}
	  .about_conbox5 a.btn_history{font-size:1.2em}
	  .about_conbox5 li{padding:0 0 50px 0}
	  .about_conbox5 li dt{padding-bottom:40px}
	  .about_conbox5 li dd{font-size:16px}
	  .about_conbox6 .title{padding:0 0 50px 10%}
	  .about_conbox6 .title p{width:80%}
	  .about_conbox6 li{width:50%;padding:0 20px 80px 20px;float:left}
	  .about_conbox6 li dl{display:block;height:300px;overflow:auto;width:94%;box-sizing:border-box;padding:0 20px 0 20px}
	  .about_conbox6 li dt{font-weight:700;font-size:20px}
	  .about_conbox6 li dd{font-size:1.1em}
	  .about_conbox6 li .imgbox{height:auto}
	  .about_conbox .btn_ebook, .about_conbox .btn_pdf, .about_conbox .btn_jang, .overview_wrap{display:none}

	  .do_wrap_navi li a, .do_wrap_navi li a:visited, .do_wrap_navi li a:hover, .do_wrap_navi li a:active{font-size:1.5em;line-height:2.2}
	  .do_wrap_navi li{width:100%;text-align:left;box-sizing:border-box;padding:0 20px 10px 11%}
	  .do_con_box .title{padding:50px 10% 0 10%;width:100%;box-sizing:border-box}
	  .do_con_box dl dt{font-size:1.8em;line-height:1.6}
	  .do_con_box dl dd{width:100%;padding-left:0;font-size:1.4em}
	  .do_con_box .img_box{padding:50px 0 0 0}
	  .do_con_box .img_box .scroller .scroll-images img{width:85%}
	  .do_mv_box .mv{max-width:100%;height:400px}

			#vr_visual_wrap{height:600px}
			.vr_visual dl{padding-top:450px}
			.vr_visual dl dd{font-size:1.4em;width:85%;line-height:1.5}
			.vr_visual video{width:auto;height:1500px !important;position:absolute;top:-300px}

			.vr_work_list li{width:33.3%;height:auto}
			.vr_work_list li a{height:180px}
			.vr_work_list li a img{height:100%}
			.vr_work_list li a .title{font-size:18px;top:40%;left:30px;z-index:2;width:60%;line-height:30px}

			.do_con_vrbox{width:70%;margin:50px auto;text-align:center}
			.do_con_vrbox li{width:100%;padding:20px}
			.do_con_vrbox li dt{font-weight:700;font-size:20px;padding:120px 0 10px 0}
			.do_con_vrbox li dd{color:#9c9ea2;word-break:keep-all;font-size:14px;width:100%}

			.ic_visual_wrap{height:600px}
			.ic_visual dl{padding-top:450px}
			.ic_visual dl dd{font-size:1.4em;width:85%;line-height:1.5}
			.ic_visual video{width:auto;height:1500px !important;position:absolute;top:-300px}

			.ic_work_list li{width:33.3%;height:auto}
			.ic_work_list li a{height:180px}
			.ic_work_list li a img{height:100%}
			.ic_work_list li a .title{font-size:18px;top:40%;left:30px;z-index:2;width:60%;line-height:30px}

			.do_con_icbox{width:70%;margin:50px auto;text-align:center}
			.do_con_icbox li{width:100%;padding:20px}
			.do_con_icbox li dt{font-weight:700;font-size:20px;padding:120px 0 10px 0}
			.do_con_icbox li dd{color:#9c9ea2;word-break:keep-all;font-size:14px;width:100%}

	  #sub_container h3.sub_title2{display:block;width:70%;padding-left:10%;line-height:1;box-sizing:border-box;word-break: break-word;position:relative;font-size:4em}
	.contact_top h4{width:100%;padding-top:5px;font-size:1.5em}
	.contact_top{padding:10px 10% 0 10%}
	.contact_top .info{padding:20px 0 0 0}
	.contact_top .info .title{font-weight:400;font-size:1.5em;line-height:1.6}
	.contact_top .info .title br{display:none}
	.contact_top .info li{width:100%;height:auto;padding-bottom:50px;font-size:1.1em;line-height:1.9}
	.contact_top .info li a{color:#000}
	.contact_top .info2{position:static;padding-left:0;padding-bottom:40px}
	.contact_top .info2 dt{width:90%;word-break:break-word;font-size:2.8em}
	.contact_top .info2 dd{padding-left:0;word-break:break-word}
	.contact_top .info2 dd br{display:none}
	.contact_form_box{padding:30px 10% 100px 10%}
	.contact_form_box form h4.form_title{font-size:22px}
	.contact_form_box form{padding-top:10px}
	.contact_form_box form input[type=checkbox] + label{width:35%}
	.contact_form_box form .inp{max-width:100%}
	.contact_form_box .form_w .title_box{width:100%;padding-bottom:20px}
	.contact_form_box .form_w .msg_box{padding:20px 0 20px 0;width:100%}
	.contact_form_box .form_w .msg_box textarea{width:100%}
	.contact_form_box .form_w .msg_box input{box-sizing:border-box;width:100%}
	.contact_form_box form button{width:100%;text-align:center;margin-top:50px}
	.social_loginbox{padding:60px 5% 80px 5%}
	.social_loginbox .title{padding-top:0;word-break:keep-all;}
	.social_loginbox .title h3{line-height:1.5}
	.social_loginbox .list{padding:0;padding-top:50px}
	.social_loginbox .list li{width:23%;padding:0;padding-bottom:40px}
	.social_loginbox .list li a{padding-top:90px;width:70%;vertical-align:top;margin:0 auto}
	.social_loginbox .list li a span{font-size:1em}
	.social_loginbox .list li:nth-child(1) a, .social_loginbox .list li:nth-child(2) a, .social_loginbox .list li:nth-child(3) a, .social_loginbox .list li:nth-child(4) a{background-size: contain;background-size:60%}

	#news_wrap{width:100%}
	.board_news_list{width:100%;padding-top:80px}
	  .board_news_list ul li{width:50%;padding:0 30px 50px 30px;float:left}
	  .board_news_list ul li a .txtbox{width:90%;height:100px;overflow:hidden;text-align:center}
	  .board_news_list ul li a .imgbox{padding-bottom:10px;height:auto;overflow:hidden;text-align:center;width:100%}
	  .board_news_list ul li a .imgbox img{height:60%;width:60%}
	  .paginate{text-align:center;position:static;padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden}
	  .paginate .page_check{text-align:center}
	  .paginate .btn{width:100%;position:static}
	  .paginate .btn li{display:inline-block;width:50%;float:left;font-size:1.8em}

	  .news_view{width:100%;margin:0 auto;box-sizing:border-box}
	  .news_view .view_title{padding:40px 20px 0 20px}
	  .news_view .view_title h3{line-height:1.3}
	  .news_view .view_container{width:100%;box-sizing:border-box;padding:0 20px}
	  .news_view .view_container p{padding:0 0 30px 0;font-weight:500}
	  .news_view .view_container img{width:100% !important;height:auto !important;padding:20px 13% 40px 13%;box-sizing:border-box}
	  .news_view_btn_box{top:0;bottom:auto;right:auto;left:0;background:#fff;padding:15px 20px 0 20px;opacity:0.95}
	  .news_view_btn_box a span{display:none}
	  .news_view .view_title p.url_btn{padding-bottom:30px}

	  #work_wrap{width:100%}
	.work_top_mv{width:100%}
	.work_top_mv video {
		position:absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background:#000;
		background-size: cover;
	}
	.work_top_mv .title{width:100%;box-sizing:border-box;padding:0 20% 0 10%}
	.work_top{padding:0 0 0 13%}
	.work_top .category h3{font-weight:900}
	.work_top .category li{width:43%;margin-right:0;padding-bottom:15px;padding-left:0}
	.work_top .category li a{font-size:1.2em}
	.paginate .page_check span.page{font-size:60px}

	.work_view{width:100%}
	.work_view_btn_box{top:0;left:0;right:auto;background:#fff;padding:15px 20px 0 20px;opacity:0.95}
	.work_view_btn_box a span{display:none}
	.work_view .view_title{padding:0 0 0 20px}
	.work_view .view_title h3{padding-bottom:0;width:100%}
	.work_view .view_title a.url_btn{position:static;padding-top:20px;display:block}
	.detail_txt_type{padding:40px 30px 10px 30px !important;width:100%;box-sizing:border-box}

	.work_list{width:100%}
	.work_list li{box-sizing:border-box;margin:0;padding:0 20px;width:50%;height:auto;overflow:hidden;display:block;float:left}
	.work_list li .title{width:100%;box-sizing:border-box;padding:0 20px 30px 20px}
	.work_list li .title span{position:static}
	.work_list li .imgbox{height:200px;overflow:hidden}

		.pt_mvbox iframe{width:100%;height:400px}

}


/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {

	#wrap{width:100%}
	#header_wrap{width:100%;box-sizing:border-box;padding:0 20px;height:60px}
	#header_wrap h1 a{top:12px}
	#header_wrap nav{padding-top:10px}

	  #visual{position:absolute;width:100%;height:100%}
		#visual video {
			position: fixed;
			top: 50%;
			left: 50%;
			min-width: 100%;
			min-height: 100%;
			width: auto;
			height: auto;
			z-index: -100;
			-ms-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			background:#000;
			background-size: cover;
		}
		#visual .txt{text-align:left;position:fixed;top:100px}
		#visual .txt span{display:block;width:50%;word-break:break-word;line-height:1.2;padding-left:60px;font-sizE:3em}
		#visual .info{display:none}

		#main_con_wrap{margin-top:100%;overflow:hidden;background:#fff}
		#mainCon2{width:100%;max-width:100%;overflow:hidden;clear:both;padding:120px 0 0 0}
		#mainCon2 .title p{font-size:50px}
		.Con2_list li:nth-child(1), .Con2_list li:nth-child(2), .Con2_list li:nth-child(3), .Con2_list li:nth-child(4){width:50%;float:left;position:static;height:350px;margin-top:0}
		.Con2_list li a img{height:100%}
		.con_work_more{position:relative;margin-top:0;float:left;right:auto;left:10%;border-bottom:0;padding-top:0}

		#mainCon{width:100%;max-width:100%;padding:50px 0 0 0}
		#mainCon .top{left:0;padding-left:100px}
		#mainCon .top h3{font-size:50px;padding-left:0}
		#mainCon .scon{width:25%;padding:0}
		#mainCon .scon:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
		#mainCon .scon .list li{width:100%;height:400px;float:left}
		#mainCon .scon .list li img{height:auto;width:100%}
		#mainCon .scon .title{left:10%;top:10%}

		.main_con_info{padding-top:50px}
		.main_con_info p{padding-left:100px;width:55%;font-size:1.6em}

		#mainCon3{width:100%;background-size:cover;height:400px;overflow:hidden;box-sizing:border-box}
		.con3_sbox{width:100%;position:relative;box-sizing:border-box}
		.con3_sbox .info{padding:90px 0 0 10%}
		.con3_sbox .info h2{font-size:48px}
		.con3_sbox .info p{font-size:24px;line-height:1.5;padding:48px 0 154px 0}
		.con3_sbox .info ul{display:block;position:absolute;top:280px;right:20px}

		#mainCon4{width:100%;margin:50px auto;padding:50px 10% 0 10%}
		.main_news_list{width:100%}
		.main_news_list ul li{width:33.3%;float:left;padding:0 20px}
		#mainCon4 .main_news_title{padding:0 0 30px 0}
		.main_news_title h3 a{background:none}
		.main_news_title h3 a span{font-size:48px;padding-bottom:0}
		.main_news_title h3 br{display:none}

		#mainCon5{padding:0 30px;box-sizing:border-box;background-size:65%;margin-top:60px;min-height:auto}
		.contact_box{width:100%}

		#foorer{padding:150px 30px 200px 30px}
		.footer_box{width:100%;box-sizing:border-box;padding:30px}
		address li{width:45%;height:auto;padding-bottom:50px;float:left;display:block;height:200px;padding:0 15px;word-break:keep-all}
		address li span{padding-bottom:10px}
		address li a{color:#000;font-size:1.2em}
		.footer_box p.copyright{position:static;padding-top:60px;font-weight:700;color:#000;font-size:1.3em;clear:both}
		.footer_info{clear:both;padding:0 15px}


		.layout_btn_top, .footer_box h1 a{display:none}

		#sub_container{width:100%;margin:150px auto;margin-bottom:0;padding-bottom:0}
		#about_wrap{width:100%}
		.about_conbox #imgbox{background:none;height:auto}
	  .about_conbox #imgbox .imgboxbg{display:none}
	  .about_conbox #imgbox figure img{width:25%}
	  .about_conbox .txt{padding:50px 0 0 10%;top:0}
	  .about_conbox h3{color:#000}
	  .about_conbox dl{width:90%}
	  .about_conbox dt{color:#000;padding-bottom:50px;word-break:keep-all}
	  .about_conbox dd{padding-left:0}
	  .about_conbox3_2{padding:50px 0 0 10%}
	  .about_conbox3_2 h4{font-size:1.5em;width:85%;line-height:1.9}
	  .about_conbox4{margin-top:50px;padding:50px 0;}
	  .about_conbox4 .sbox_wrap{padding:0 10%}
	  .about_conbox4 .sbox{padding-bottom:40px}
	  .about_conbox4 .sbox .since{padding-left:0}
	  .about_conbox4 .sbox dt{padding-bottom:20px}
	  .about_conbox4 .sbox .mem dd{text-align:left}
	  .about_conbox4 .sbox_wrap2 li{width:33%;height:auto;float:left;padding-bottom:50px}
	  .about_conbox4 .sbox_wrap2 li .txt{font-size:1.1em;line-height:1.6}
	  .about_conbox4 .sbox_wrap2 li .txt a{color:#fff;font-weight:700}
	  .about_conbox4 .sbox_wrap2 li .map{height:250px}
	  .about_conbox5{padding:100px 15% 30px 15%}
	  .about_conbox5 a.btn_history{font-size:1.2em}
	  .about_conbox5 li{padding:0 0 50px 0}
	  .about_conbox5 li dt{padding-bottom:40px}
	  .about_conbox5 li dd{font-size:16px}
	  .about_conbox6 .title{padding:0 0 50px 10%}
	  .about_conbox6 .title p{width:80%}
	  .about_conbox6 li{width:33%;padding:0 20px 80px 20px;float:left}
	  .about_conbox6 li dl{display:block;height:300px;overflow:auto;width:94%;box-sizing:border-box;padding:0 20px 0 20px}
	  .about_conbox6 li dt{font-weight:700;font-size:20px}
	  .about_conbox6 li dd{font-size:1.1em}
	  .about_conbox6 li .imgbox{height:auto}
	  .about_conbox .btn_ebook, .about_conbox .btn_pdf, .about_conbox .btn_jang, .overview_wrap{display:none}

	  .do_wrap_navi li a, .do_wrap_navi li a:visited, .do_wrap_navi li a:hover, .do_wrap_navi li a:active{font-size:1.5em;line-height:2.2}
	  #do_wrap_ul{display:block;width:60%;margin:0 auto}
	  .do_wrap_navi li{width:24%;text-align:center;box-sizing:border-box;padding:20px}
	  .do_con_box{overflow:hidden;clear:both;padding-bottom:40px}
	  .do_con_box .title{padding:50px 10% 0 10%;width:100%;box-sizing:border-box}
	  .do_con_box dl dt{font-size:1.8em;line-height:1.6}
	  .do_con_box dl dd{width:75%;padding-left:0;font-size:1.4em}
	  .do_con_box .img_box{padding:50px 0 0 0}
	  .do_con_box .img_box .scroller .scroll-images img{width:33.3%}
	  .do_mv_box .mv{max-width:100%;height:400px}

	  #sub_container h3.sub_title2{display:block;width:70%;padding-left:10%;line-height:1;box-sizing:border-box;word-break: break-word;position:relative;font-size:4em}
	.contact_top h4{width:100%;padding-top:5px;font-size:1.5em}
	.contact_top{padding:10px 10% 0 10%}
	.contact_top .info{padding:20px 0 0 0}
	.contact_top .info .title{font-weight:400;font-size:1.5em;line-height:1.6}
	.contact_top .info .title br{display:none}
	.contact_top .info li{width:50%;height:auto;padding:0 20px 50px 20px;font-size:12px;line-height:1.9;box-sizing:border-box;float:left}
	.contact_top .info li a{color:#000}
	.contact_top .info2{position:static;padding-left:0;padding-bottom:40px;clear:both;padding-top:50px}
	.contact_top .info2 dt{width:90%;word-break:break-word;font-size:2.8em}
	.contact_top .info2 dd{padding-left:0;word-break:break-word}
	.contact_top .info2 dd br{display:none}
	.contact_form_box{padding:30px 10% 100px 10%}
	.contact_form_box form h4.form_title{font-size:22px}
	.contact_form_box form{padding-top:10px}
	.contact_form_box form input[type=checkbox] + label{width:35%}
	.contact_form_box form .inp{max-width:100%}
	.contact_form_box .form_w .title_box{width:100%;padding-bottom:20px}
	.contact_form_box .form_w .msg_box{padding:20px 0 20px 0;width:100%}
	.contact_form_box .form_w .msg_box textarea{width:100%}
	.contact_form_box .form_w .msg_box input{box-sizing:border-box;width:100%}
	.contact_form_box form button{width:50%;text-align:center;margin:50px auto}
	.social_loginbox{padding:60px 5% 80px 5%}
	.social_loginbox .title{padding-top:0;word-break:keep-all;}
	.social_loginbox .title h3{line-height:1.5}
	.social_loginbox .list{padding:0;padding-top:50px}
	.social_loginbox .list li{width:23%;padding:0;padding-bottom:40px}
	.social_loginbox .list li a{padding-top:120px;width:70%;vertical-align:top;margin:0 auto}
	.social_loginbox .list li a span{font-size:1em}
	.social_loginbox .list li:nth-child(1) a, .social_loginbox .list li:nth-child(2) a, .social_loginbox .list li:nth-child(3) a, .social_loginbox .list li:nth-child(4) a{background-size: contain;background-size:60%}

	#news_wrap{width:100%}
	.board_news_list{width:100%;padding-top:80px}
	  .board_news_list ul li{width:33.3%;padding:0 30px 50px 30px;float:left}
	  .board_news_list ul li a .txtbox{width:90%;height:100px;overflow:hidden}
	  .board_news_list ul li a .imgbox{padding-bottom:10px;height:200px;overflow:hidden}
	  .board_news_list ul li a .imgbox img{height:100%;width:100%}
	  .paginate{text-align:center;position:static;padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden}
	  .paginate .page_check{text-align:center}
	  .paginate .btn{width:100%;position:static}
	  .paginate .btn li{display:inline-block;width:50%;float:left;font-size:1.8em}

	  .news_view{width:100%;margin:0 auto;box-sizing:border-box}
	  .news_view .view_title{padding:0 20px 0 20px}
	  .news_view .view_title h3{line-height:1.3}
	  .news_view .view_container{width:100%;box-sizing:border-box;padding:0 20px}
	  .news_view .view_container p{padding:0 0 30px 0;font-weight:500}
	  .news_view .view_container img{width:100% !important;height:auto !important;padding:20px 13% 40px 13%;box-sizing:border-box}
	  .news_view_btn_box{top:0;bottom:auto;right:0;background:#fff;padding:15px 20px 0 20px;opacity:0.95}
	  .news_view_btn_box a span{display:none}

	  #work_wrap{width:100%}
	.work_top_mv{width:100%}
	.work_top_mv video {
		position:absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background:#000;
		background-size: cover;
	}
	.work_top_mv .title{width:100%;box-sizing:border-box;padding:0 20% 0 10%}
	.work_top{padding:0 0 0 13%}
	.work_top .category h3{font-weight:900}
	.work_top .category li{width:43%;margin-right:0;padding-bottom:15px;padding-left:0}
	.work_top .category li a{font-size:1.2em}
	.paginate .page_check span.page{font-size:60px}

	.work_view{width:100%}
	.work_view_btn_box{top:0;left:0;right:auto;background:#fff;padding:15px 20px 0 20px;opacity:0.95}
	.work_view_btn_box a span{display:none}
	.work_view .view_title{padding:0 0 0 20px}
	.work_view .view_title h3{padding-bottom:0}
	.work_view .view_title a.url_btn{position:static;padding-top:20px;display:block}
	.detail_txt_type{padding:40px 30px 10px 30px !important;width:100%;box-sizing:border-box}

	.work_list{width:100%}
	.work_list li{box-sizing:border-box;margin:0;padding:0 20px;width:33.3%;height:auto;overflow:hidden;display:block;float:left}
	.work_list li .title{width:100%;box-sizing:border-box;padding:0 20px 30px 20px}
	.work_list li .title span{position:static}
	.work_list li .imgbox{height:150px;overflow:hidden}




}