@charset "utf-8";

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
* {max-height:1000000px;}
html,body{height:100%;margin:0;padding:0;}
body{font:300 22px/1.4 "myriad-pro-condensed", "Oswald", "Noto Sans KR", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#666;background-color:#ebebeb;-webkit-text-size-adjust:none;word-break:keep-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,button{font:300 14px/1.5 "myriad-pro-condensed", "Oswald", "Noto Sans KR", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#666;vertical-align:middle;word-break:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}

caption{display:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #e2e2e2;line-height:16px;text-indent:5px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
input[type="submit"],
input[type="button"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #e2e2e2;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #e2e2e2;background:#fff;resize:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
select{max-width:100%;border:1px solid #e2e2e2;background:#fff;border-radius:0;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;outline:0;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Guide */
#wrapper{position:relative;}
#wrap{min-width:1200px;margin:0 auto;}
.wrapper{position:relative;width:1200px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}

#wrap{}

/***************************************************** Reset *****************************************************/

.btn_wrap{position:relative;margin:15px 0 0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}

/* Font */
.t_point{color:#0c4595;}
.t_strong{color:#333;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}

/* Table */
.table_wrap{overflow:hidden;margin:0 -1px 0 0;}
.table_wrap .dtable{margin:0 0 0 -1px;border-right:0;}
.dtable{width:100%;border-top:1px solid #e6e6e9;border-right:1px solid #e6e6e9;}
.dtable th,
.dtable td{padding:8px 5px 7px;border-bottom:1px solid #e6e6e9;border-left:1px solid #e6e6e9;text-align:center;}
.dtable th,
.dtable td.th{background:#eaebee;font-weight:bold;color:#202020;}
.dtable.row th,
.dtable.row td,
.dtable .title{text-align:left;}
.dtable.row .th{text-align:center;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;}
.table_form .row{display:table-row;}
.table_form .cell{display:table-cell;vertical-align:middle;}
.table_form.v-top .cell{vertical-align:top;}

.dtable_txt{position:relative;margin:0 0 15px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}

.dtable_desc{position:relative;margin:15px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/


/* Gnb */
#gnbMenu{display:none;position:relative;width:1200px;margin:0 auto;}
#gnbMenu .outer{position:absolute;left:200px;top:18px;right:200px;z-index:12;}
#gnbMenu .back,
#gnbMenu .social{display:none;}
#gnb{white-space:nowrap;}
#gnb > li{display:inline-block;margin:0 0 0 60px;}
#gnb > li > a{display:block;font-size:.8em;color:#fff;text-transform:uppercase;}

#header{position:fixed;left:0;top:0;right:0;z-index:10;background:url('../image/bg_header.png');color:#fff;}
#header > .wrapper{z-index:2;height:65px;text-align:center;}
#header > .wrapper:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#header h1{display:inline-block;position:relative;z-index:14;vertical-align:middle;margin:0 10px 0 0;}
#header .menu{display:none;}

#mainMenu{display:inline-block;vertical-align:middle;}
#mainMenu ul{}
#mainMenu li{display:inline-block;vertical-align:middle;margin:0 28px;text-transform:uppercase;font-size:.9em;}

#container{background:#fff;}
#contents{width:100%;box-sizing:border-box;}
#main #contents{padding:0;}

#sBody{}
#sBody #conLeft{float:left;width:200px;padding:50px 0 0;}
#sBody #conLeft h2{padding:40px 20px;border-radius:10px 10px 0 0;background:#222;font-weight:bold;font-size:18px;color:#fff;text-transform:capitalize;}
#sBody #contents{position:relative;}
#conLeft + #contents{float:right;width:770px;}

#contents #location{display:none;position:absolute;right:0;top:20px;height:auto;border:0;background:none;}
#contents #location a{display:inline-block;}
#contents #location a:first-child{width:19px;background:url('../image/ico_home.png') no-repeat 50%;text-indent:-9999px;}

.top_banner{position:relative;height:768px;;background:#fff url('../image/sub/bg_sub1.jpg') no-repeat 50% 0;font-size:0;}
.top_banner .outer{position:absolute;left:0;top:0;right:0;bottom:0;background-repeat:no-repeat;background-position:50% 0;}
.top_banner .wrapper{height:100%;padding:0 120px;box-sizing:border-box;white-space:nowrap;text-align:center;}
.top_banner .wrapper:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.top_banner p{display:inline-block;vertical-align:middle;color:#fff;white-space:nowrap;font-size:22px;}
.top_banner p em{display:block;font-weight:bold;line-height:1;text-transform:uppercase;/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;*/;text-shadow:1px 1px 1px rgba(0,0,0,.05);}
.top_banner p span{display:none;font-size:1.3em;}
.top_banner .deco{position:absolute;right:0;bottom:0;}

.top_banner p em,
.main_banner .text td em{font-size:3.5em;}

.top_banner#txt_style5 p,
.top_banner#txt_style26 p{/*color:#333;*/}

.head_area{display:none;}

#location{height:47px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background-color:#efefef;}
#location .lonb{background:#fff;}
#location .lonb:after{content:'';display:block;clear:both;}
#location .lonb li{float:left;position:relative;}
#location .lonb li a{position:relative;height:47px;padding:14px 100px 0 19px;box-sizing:border-box;display:block;color:#949494;text-decoration:none;border-right:1px solid #e2e2e2;white-space:nowrap;}
#location .lonb li a.home{width:47px;height:47px;padding:0;border-left:1px solid #e2e2e2; background:url('../image/sub/ico_home.png') no-repeat 50%;text-indent:-9999px;}
#location .lonb li a.home:before{content:none;}
#location .lonb li a.lop:before{background-position:0 100%;}
#location .lonb li a.active{font-weight:bold;color:#333;}
#location .lonb li a.active:before{background-position:0 100%;}
#location .lonb li.active a{font-weight:bold;color:#333;}
#location .lonb li.active a:before{content:none;background-position:0 100%;}
#location .lonb li .home.active{background:url('../image/icon_home_white.png') no-repeat;}
#location .lonb li ul{width:100%;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;position:absolute;left:-1px;top:47px;display:none;z-index:1;}
#location .lonb li ul.home_sub{width:150px;left:0;}
#location .lonb li ul li{float:none;border:1px solid #e2e2e2;border-top:0;border-left:0;}
#location .lonb li ul li a{height:auto;margin:0;padding:6px 15px 6px 19px;border:0;background:#f6f6f6;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
#location .lonb li ul li a:hover {color:#333;font-weight:bold;}
#location .lonb li.active a:before{content:'';position:absolute;right:17px;top:21px;width:10px;height:7px;background:url('../image/sub/ico_locate.png') no-repeat;}
#location .lonb li.active ul li a:before{content:none;}


/* footer */
#footer{overflow:hidden;position:relative;font-size:.65em;}
#footer .wrapper{margin-top:-30px;box-sizing:border-box;padding-top:50px;padding-bottom:50px;}
#footer .wrapper > div{margin:30px 0 0;}
#footer .conLeft{float:left;width:148px;}
#footer .conLeft > ul{margin:-4px 0 0;}
#footer .conLeft > ul > li{}
#footer .conLeft > ul > li + li{}
#footer .conLeft > ul > li > a{display:block;padding:4px 0 3px;color:#444;font-weight:400;text-transform:uppercase;}
#footer .conLeft > ul > li > ul{display:none;}
#footer .conLeft > ul > li > ul > li{white-space:nowrap;}
#footer .conLeft > ul > li > ul > li + li{margin:6px 0 0;}
#footer .conRight{float:left;width:650px;}
#footer .conRight dt{display:none;margin:0 0 10px;color:#444;font-weight:400;text-transform:uppercase;}
#footer .conRight dd{margin:-25px 0 0;}
#footer .conRight td{vertical-align:top;padding:25px 0 0;}
#footer .conRight td .wrap{margin:-6px 0 0 -6px;}
#footer .conRight td .wrap > span{display:inline-block;vertical-align:middle;margin:6px 0 0 6px;}
#footer .conRight .th{width:90px;font-weight:500;}
#footer .copyright{float:right;overflow:hidden;position:relative;width:240px;text-align:right;}
#footer .copyright .copy{margin:0 0 5px;}
#footer .copyright .language{margin:0 0 23px;}
#footer .copyright .language a{display:inline-block;margin:0 0 0 15px;}
#footer .copyright .links{margin:0 -9px 0 0;}
#footer .copyright .links a{display:inline-block;padding:0 9px;}

/* familysite */
#family_site{display:inline-block;overflow:hidden;position:relative;margin:0 0 0 15px;vertical-align:middle;}
#family_site.on{overflow:visible;}
#family_site button{}
#family_site .option{position:absolute;left:0;bottom:36px;right:0;padding:10px;border:1px solid #eee;background:#f5f5f5;}
#family_site .option li{vertical-align:top;line-height:1.6;}
#family_site .option li + li{}
#family_site .option a{display:block;padding:2px 5px;font-size:12px;}
#family_site .option a:hover{background:#767676;color:#f5f5f5;}

/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:100px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;padding:30px;border:3px solid #000;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:15px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:-3px;top:-22px;}
.layerpop .btn_wrap .close{position:static;}

/****************************** Layout ******************************/

/* article */
.article_wrap{text-align:center;}
.article_wrap + .article_wrap{margin:130px 0 0;}
.article_wrap .dtable_txt{margin-bottom:100px;}
.article_wrap .dtable_desc{margin-top:40px;font-size:.9em;}
#sBody #contents > h3 + .article_wrap,
.article_wrap .article{margin:20px 0 0;}
.article_wrap .article:first-child{margin-top:0;}
.article_wrap .btn_wrap{margin:40px auto 0;}

.btn_wrap .bbtn{display:inline-block;min-width:154px;padding:0 10px;box-sizing:border-box;border:1px solid #43b2ff;color:#43b2ff;text-align:center;line-height:1.75;}
.btn_wrap .bbtn img{position:relative;top:2px;right:-7px;}

.h4{position:relative;margin:0 0 30px;font-weight:400;font-size:2em;color:#333;line-height:1.1;text-align:center;letter-spacing:-1px;}

/* tabContents */
.tab_wrap .tabMenu{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;border:none;}
.tab_wrap .tabMenu ul{display:table-row;}
.tab_wrap .tabMenu li{display:table-cell;height:43px;line-height:43px;text-align:center;vertical-align:middle;}
.tab_wrap .tabMenu li:first-child a{margin-left:0;}
.tab_wrap .tabMenu li a {display:block;position:relative;margin:0 0 0 -1px;text-align:center;font-weight:bold;color:#6c6c6c;border:1px solid #dfdfdf;background:#f5f5f5;}
.tab_wrap .tabMenu li a:hover,
.tab_wrap .tabMenu li.on a{border-bottom-color:#fff;color:#000;background:#fff;z-index:2;}
.tab_wrap .tabMenu li a:hover:before,
.tab_wrap .tabMenu li.on a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;border-top:2px solid #000;}
.tab_wrap .tabcont {overflow:hidden;height:0;}
.tab_wrap .tabcont.on{overflow:visible;height:auto;padding:30px 0 0;}

/* Contents */
.main_banner{position:relative;}
.main_banner > div:first-child{width:100%;height:768px;margin:0 auto;position:relative;overflow:hidden;}
.main_banner .text{margin:0 40px;}
.main_banner .text table{}
.main_banner .text td{height:768px;text-align:center;color:#fff;}
.main_banner .text td em{display:block;font-weight:bold;line-height:1;text-transform:uppercase;letter-spacing:0;/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;*/;text-shadow:1px 1px 1px rgba(0,0,0,.05);}
.main_banner .text td span{display:none;font-size:1.3em;opacity:.8;filter:alpha(opacity=80);}
.main_banner ul{width:99999px;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.main_banner ul li{float:left;width:100%;height:100%;padding:0 20px;box-sizing:border-box;color:#fff;background-repeat:no-repeat;background-position:50%;}
.main_banner .deco{position:absolute;right:0;bottom:0;}
.main_banner .arrow{}
.main_banner .arrow button{position:absolute;top:50%;width:37px;height:72px;margin:-36px 0 0;background-repeat:no-repeat;background-position:50%;}
.main_banner .arrow button span{display:block;text-indent:-9999px;}
.main_banner .arrow .btn_prev{left:50px;background-image:url('../image/main/btn_left.png');}
.main_banner .arrow .btn_next{right:50px;background-image:url('../image/main/btn_right.png');}
.main_banner .control_wrap{position:absolute;left:0;bottom:25px;right:0;text-align:center;}
.main_banner .btn_area{font-size:0;}
.main_banner .btn_area button{overflow:hidden;width:17px;height:17px;margin:0 2px;border-radius:100%;font-size:0;text-align:center;}
.main_banner .btn_area button:after{content:'';display:inline-block;width:9px;height:9px;border-radius:100%;background:#fff;}
.main_banner .btn_area button.on:after{}
.main_banner .btn_area button.on{background:#fff;}
.main_banner .scroll{display:none;position:absolute;left:120px;top:50px;font-size:.55em;color:#fff;white-space:nowrap;line-height:1.3;}
.main_banner .scroll:before{content:'';display:block;width:9px;height:9px;margin:0 0 12px;background:url('../image/main/ico_scroll.png') no-repeat;}

/*
@media all and (max-width:1200px){
	.main_banner{}
	.main_banner > div:first-child{height:auto;padding:0 0 56%;}
	.main_banner ul{position:absolute;left:0;top:0;width:100%;height:100%;}
	.main_banner ul li{background-size:auto 100%;}
}
*/

#mBody{}
#mBody .common_wrap{text-align:center;}
#mBody .head_title{margin:0 0 25px;font-weight:400;line-height:1.1;letter-spacing:-1px;font-size:1.8em;}
#mBody .head_title strong{font-size:1.2em;}
#mBody .head_title span{font-weight:300;}
#mBody .btn_wrap{}
#mBody .text{}
#mBody .btn_wrap{margin:30px auto 0;}
#mBody .bbtn{display:inline-block;min-width:154px;padding:0 10px;box-sizing:border-box;border:1px solid #43b2ff;color:#43b2ff;text-align:center;line-height:1.75;}
#mBody .bbtn img{position:relative;top:2px;right:-7px;}

.main_video{background:url('../image/main/bg_main02.png') no-repeat 50% 0;}
.main_video .contents{margin:0 0 25px;}
.main_video .outer{position:relative;padding:0 0 56%;background:#000;}
/*.main_video .outer:before{content:'';position:absolute;left:0;right:0;bottom:-18px;height:36px;background:url('../image/main/bg_video.png') no-repeat 50% 100%;}*/
.main_video .outer > div{position:absolute;left:0;top:0;right:0;bottom:0;}

.main_press{padding:0 !important;}
.main_press .common_wrap{padding-left:0;padding-right:0;}
.main_press .contents{text-align:right;}
.main_press .contents:after{content:'';display:block;clear:both;}
.main_press .contents > div{width:50%;box-sizing:border-box;height:625px;}
.main_press .conLeft{float:left;padding:50px 65px;}
.main_press .conLeft ul{padding:30px 0;}
.main_press .conLeft li{}
.main_press .conLeft li + li{margin:40px 0 0;}
.main_press .conLeft li > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:1.2em;color:#333;line-height:1.2;}
.main_press .conLeft .date{margin:10px 0 0;color:#666;font-style:italic;}
.main_press .conLeft .date .lang{display:inline-block;position:relative;margin:0 0 0 10px;padding:0 0 0 10px;}
.main_press .conLeft .date .lang:before{content:'';position:absolute;left:0;top:50%;height:15px;margin-top:-9px;border-left:1px solid #e4e4e4;}
.main_press .conRight{float:right;font-size:0;}
.main_press .conRight:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.main_press .conRight img{max-width:100%;max-height:100%;}

.main_press.job_wrap .contents > div{height:534px;}
.main_press.job_wrap .conLeft{background:#f6f6f6;}
.main_press.job_wrap .conRight{background:url('../image/sub/bg_job.jpg') no-repeat 50% 0;}

/*
.why_wedo{margin:100px 0 0;text-align:center;}
.why_wedo dt{margin:0 0 30px;font-weight:300;font-size:1.5em;color:#333;text-transform:uppercase;}
.why_wedo dd{font-size:0;}
.why_wedo ul{margin:0 auto;display:table;table-layout:fixed;text-align:center;}
.why_wedo li{display:inline-block;vertical-align:top;margin:0 50px;font-size:22px;}
.why_wedo li .thumb{display:block;margin:0 0 30px;}
.why_wedo li .text{display:block;white-space:nowrap;font-size:.9em;}
.why_wedo a{display:inline-block;margin:40px 0 0;font-size:.75em;white-space:nowrap;color:#c5c5c5;line-height:1.1;}
.why_wedo a > span{display:inline-block;vertical-align:middle;}
.why_wedo a:after{content:'';display:inline-block;vertical-align:middle;width:9px;height:10px;margin:0 0 0 10px;background:url('../image/main/ico_more.png') no-repeat;}
*/

.main_make{background:url('../image/main/bg_make.jpg') no-repeat 50% 0;}
.main_make td{height:584px;color:#fff;font-size:3.5em;text-transform:uppercase;}

/*
.main_service{}
.main_service .table_form{table-layout:fixed;}
.main_service .cell{height:424px;padding:0 120px;background:url('../image/main/img_service01.jpg') no-repeat 50%;text-align:center;}
.main_service .cell + .cell{background-image:url('../image/main/img_service02.jpg');}
.main_service dl{color:#fff;}
.main_service dt{position:relative;margin:0 0 20px;padding:0 0 20px;font-size:1.5em;text-transform:uppercase;}
.main_service dt:before{content:'';position:absolute;left:50%;bottom:0;width:26px;margin-left:-13px;border-bottom:1px solid #fff;}
.main_service dd{opacity:.6;filter:alpha(opacity=60);font-size:.9em;}
.main_service a{display:inline-block;margin:40px 0 0;font-size:.75em;white-space:nowrap;color:#bbb;line-height:1.1;}
.main_service a > span{display:inline-block;vertical-align:middle;}
.main_service a:after{content:'';display:inline-block;vertical-align:middle;width:9px;height:10px;margin:0 0 0 10px;background:url('../image/main/ico_more.png') no-repeat;}
*/

#contents,
.common_wrap{position:relative;padding:100px 0;box-sizing:border-box;}
.common_wrap:after{content:'';display:block;clear:both;}
.common_wrap.gray{background:#f6f6f6;}

/*
.job_wrap .contents{height:395px;box-sizing:border-box;background:#f6f6f6 url('../image/sub/bg_job.jpg') no-repeat 100% 0;text-align:right;}
.job_wrap .contents:after{content:'';display:block;clear:both;}
.job_wrap .contents > div{width:50%;}
.job_wrap .conLeft{float:left;}
.job_wrap .conLeft ul{margin:60px 0 0 20px;}
.job_wrap .conLeft li{}
.job_wrap .conLeft li + li{margin:40px 0 0;}
.job_wrap .conLeft li > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.2em;color:#333;line-height:1.2;}
.job_wrap .conLeft .date{margin:10px 0 0;color:#666;font-style:italic;}
.job_wrap .conLeft .date .lang{display:inline-block;position:relative;margin:0 0 0 10px;padding:0 0 0 10px;}
.job_wrap .conLeft .date .lang:before{content:'';position:absolute;left:0;top:50%;height:15px;margin-top:-9px;border-left:1px solid #e4e4e4;}
.job_wrap .btn_wrap{padding:40px 0 0;}
*/

.list_bene{margin:0 90px;}
.list_bene:after{content:'';display:block;clear:both;}
.list_bene > div{width:50%;box-sizing:border-box;text-align:left;}
.list_bene .conLeft{float:left;padding-right:24px;}
.list_bene .conRight{float:right;padding-left:24px;}
.list_bene ul{border-top:1px solid #adadad;}
.list_bene li{padding:13px 18px 12px;border-bottom:1px solid #e6e6e6;color:#666;font-size:.9em;}
.list_bene li p{position:relative;padding:0 0 0 10px;}
.list_bene li p:before{content:'';position:absolute;left:0;top:15px;width:3px;height:3px;background:#666;}

.list_thumb{}
.list_thumb > ul{}
.list_thumb > ul > li{position:relative;padding:100px 120px;}
.list_thumb > ul > li + li{border-top:1px solid #ebebeb;}
.list_thumb > ul > li:first-child .text dt:before{content:none;}
.list_thumb .wrap{}
.list_thumb .wrap:after{content:'';display:block;clear:both;}
.list_thumb .thumb{float:left;}
.list_thumb .text{margin:0 0 0 400px;}
.list_thumb .text dl{}
.list_thumb .text dt{position:relative;margin:0 0 50px;font-weight:300;font-size:2em;color:#222;line-height:1.1;}
.list_thumb .text dt:before{content:'';position:absolute;left:0;top:-101px;width:28px;height:2px;background:#333;}
.list_thumb .text dd{}
.list_thumb .contents{display:none;margin:60px 0 0;}
.list_thumb .contents .more{display:inline-block;margin:0 0 0 10px;}
.list_thumb .contents .more a:after{background-position:0 100%;}
.list_thumb .more{}
.list_thumb .more a{display:inline-block;height:23px;line-height:23px;padding:0 8px;border:1px solid #00aeff;color:#00aeff;font-size:.8em;white-space:nowrap;}
.list_thumb .more a:after{content:'';display:inline-block;width:6px;height:10px;margin:0 0 0 8px;background:url('../image/sub/ico_more.png') no-repeat;}
.list_thumb > ul > li.active .text .more{display:none;}

.list_about{}
.list_about .more{margin:25px 0 0;}
.list_about .more a{display:inline-block;min-width:120px;height:30px;line-height:30px;padding:0 8px;border:1px solid #bebebe;border-radius:4px;color:#bebebe;font-size:.7em;white-space:nowrap;box-sizing:border-box;text-align:center;}
.list_about .more a:after{content:'';display:inline-block;width:6px;height:10px;margin:0 0 0 8px;background:url('../image/sub/ico_more_gray.png') no-repeat;}
.list_about .contents,
.list_about .common_wrap.active .more{display:none;}
.list_about .contents .more a:after{background-image:url('../image/sub/ico_more_gray02.png');}
.list_about .common_wrap.active .contents .more{display:block;}
.list_about .common_wrap#anchor02{height:500px;background:url('../image/sub/bg_about02.jpg') no-repeat;}
.list_about .common_wrap#anchor02 .def_wrap{text-align:left;color:#fff;}
.list_about .common_wrap#anchor02 .def_wrap dt{color:inherit;}
.list_about .common_wrap#anchor03{}
.list_about .common_wrap#anchor03 .def_wrap{text-align:left;}
.list_about .common_wrap#anchor03 .def_wrap dt{}
.list_about .common_wrap#anchor03 .cell{}
.list_about .common_wrap#anchor03 .cell:first-child{padding-right:50px;}
.list_about .common_wrap#anchor03 .cell + .cell > span{display:inline-block;position:relative;}
.list_about .common_wrap#anchor03 .cell + .cell > span:before,
.list_about .common_wrap#anchor03 .cell + .cell > span:after{content:'';position:absolute;background-repeat:no-repeat;}
.list_about .common_wrap#anchor03 .cell + .cell > span:before{left:-54px;bottom:-28px;width:90px;height:90px;background-image:url('../image/sub/img_circle.png');}
.list_about .common_wrap#anchor03 .cell + .cell > span:after{right:-58px;top:-58px;width:130px;height:130px;background-image:url('../image/sub/img_circle_l.png');}
.list_about .common_wrap#anchor03 .cell + .cell > span img{position:relative;z-index:2;}
.list_about .common_wrap#anchor05{height:500px;background:url('../image/sub/bg_about05.jpg') no-repeat;}
.list_about .common_wrap#anchor05 .def_wrap{color:#fff;}
.list_about .common_wrap#anchor05 .def_wrap dt{color:inherit;}

.list_life{overflow:hidden;position:relative;padding:0 30px;text-align:center;}
.list_life .outer{margin:-60px 0 0 -60px;}
.list_life ul{display:table;table-layout:fixed;width:100%;font-size:0;}
.list_life li{display:inline-block;vertical-align:top;width:25%;font-size:22px;}
.list_life .wrap{margin:60px 0 0 60px;}
.list_life .wrap > img{display:block;margin:0 auto 15px;}
.list_life dl{line-height:1.4;}
.list_life dt{margin:0 0 10px;font-weight:400;font-size:1.5em;color:#333;}
.list_life dd{font-size:1.1em;}

.night_wrap{}
.night_wrap td{height:390px;padding:58px;box-sizing:border-box;background:url('../image/sub/bg_night.jpg') repeat-x 50% 100%;}
.night_wrap .outer{padding:40px;border:1px solid #fff;color:#fff;font-size:1.1em;text-align:center;}
.night_wrap .outer .cell{text-align:left;box-sizing:border-box;}
.night_wrap .outer .cell:first-child{width:45%;padding:0 45px 0 0;text-align:right;}

.list_about .list_aulu .cell.cont{vertical-align:top;}

.tab_area{}
.tab_area .outer{position:relative;margin:0 32px;}
.tab_area .outer > ul{display:table;width:100%;font-size:0;}
.tab_area .outer > ul > li{display:inline-block;vertical-align:top;font-size:22px;width:50%;padding:0 24px;box-sizing:border-box;}
.tab_area .outer > ul > li > a{display:block;position:relative;padding:62px 30px;border-top:1px solid #adadad;border-bottom:1px solid #e6e6e6;}
.tab_area .outer > ul > li > a.active{background:#f5f5f5;}
.tab_area .outer > ul > li > a.active + .wrap{display:block;z-index:2;}
.tab_area .outer > ul > li > a > em{font-size:1.25em;font-weight:400;color:#333;}
.tab_area .outer > ul > li > a.active .btn_wrap .bbtn{border-color:#dcdcdc;color:#b8b8b8;}
.tab_area .outer > ul > li > a.active .btn_wrap .bbtn img + img{display:inline-block;}
.tab_area .btn_wrap{position:absolute;right:30px;top:63px;margin:0;}
.tab_area .btn_wrap .bbtn img + img,
.tab_area .outer > ul > li > a.active .btn_wrap .bbtn img{display:none;}
.tab_area .wrap{display:none;position:absolute;left:-32px;top:159px;right:-32px;margin:-1px 0 0;padding:80px 56px;background:#f5f5f5;}
.tab_area .thumb{float:left;}
.tab_area .cont{margin:0 0 0 303px;}
.tab_area .cont.ver1 {margin: 0;}
.tab_area .cont dl{}
.tab_area .cont dt{margin:0 0 30px;font-weight:400;}
.tab_area .cont dt > em{display:block;font-size:2em;color:#222;}
.tab_area .cont dt > span{display:block;color:#c0c0c0;}
.tab_area .cont dd{}
.tab_area .cont dd .heading{margin:0 0 25px;}

@media all and (max-width:1000px){
	.tab_area{height:auto !important;}
	.tab_area .outer{margin:0 16px;}
	.tab_area .outer > ul{display:block;}
	.tab_area .outer > ul > li{width:100%;margin:-1px 0 0;padding:0;}
	.tab_area .outer > ul > li > a{padding:30px 15px;}
	.tab_area .outer > ul > li > a.active + .wrap{z-index:0;}
	.tab_area .btn_wrap{top:30px;right:15px;}
	.tab_area .wrap{position:relative;left:auto;top:auto;right:auto;margin-left:-16px;margin-right:-16px;padding:40px 28px;}
	.tab_area .thumb{width:120px;}
	.tab_area .cont{margin-left:150px;}
	.tab_area .cont dt{margin-bottom:15px;}
}

.list_stick{}
.list_stick ul{}
.list_stick li{position:relative;padding:0 0 0 14px;line-height:1.35em;}
.list_stick li:before{content:'-';position:absolute;left:0;top:15px;width:3px;height:3px;background:#666;}

.list_history{overflow:hidden;position:relative;margin:80px 0 0;}
.list_history > div{margin:0 -50px;}
.list_history .table_form{table-layout:fixed;border-collapse:separate;border-spacing:50px 0;}
.list_history .thumb{display:block;height:200px;}
.list_history .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_history .thumb img{max-width:100%;max-height:100%;}
.list_history .text{display:block;}

.list_logo{overflow:hidden;position:relative;text-align:center;}
.list_logo ul{display:table;width:100%;margin:-50px 0 0;font-size:0;}
.list_logo li{display:inline-block;}
.list_logo .wrap{display:block;width:210px;height:70px;margin:50px 50px 0;padding:5px;border:1px solid #ddd;box-sizing:border-box;text-align:center;}
.list_logo .wrap:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_logo .wrap img{max-width:100%;vertical-align:middle;}

.list_why{position:relative;}
.list_why > .line{position:absolute;left:716px;top:-337px;}
.list_why ul{}
.list_why li{position:relative;}
.list_why li + li{margin:80px 0 0;border-top:1px solid #ebebeb;}
.list_why li:first-child .text dt:before{content:none;}
.list_why .thumb{float:left;}
.list_why .text{margin:0 0 0 450px;}
.list_why .text dl{}
.list_why .text dt{position:relative;margin:0 0 50px;font-weight:300;font-size:2em;color:#222;line-height:1.1;}
.list_why .text dt:before{content:'';position:absolute;left:0;top:-71px;width:28px;height:2px;background:#333;}
.list_why .text dd{}
.list_why .contents{position:relative;}
.list_why .contents .line{position:absolute;top:-99px;}
.list_why .contents#anchor03 .line{left:161px;}
.list_why .contents#anchor05 .line{right:164px;}

.list_why .even .thumb{float:right;}
.list_why .even .text{margin:0 450px 0 0;}

.common_wrap + .common_wrap{padding-top:0 !important;}

.contact_us{}
.contact_us .common_wrap{}
.contact_us .common_wrap:first-child{padding-top:0;}
.contact_us .common_wrap dl{margin:30px 0 0;}
.contact_us .table_form{table-layout:fixed;}
.contact_us .cell{}
.contact_us .cell.contact_info{background:#4b4b4b; padding:20px 40px; color:#fff;font-size:.9em; /*width:524px;*/width:45%; box-sizing:border-box;}
.contact_us address{margin:-30px 0 0 -80px;}
.contact_us address .wrap{margin:30px 0 0 80px;}
.contact_us address .wrap > strong{display:block;margin:0 0 5px;}
.contact_us address .wrap > strong > span{display:inline-block;vertical-align:middle; padding-left:10px;}
.contact_us address .wrap > span{display:block; color:#bbb; padding-left:30px;}
.contact_us .cell iframe,
.map_wrap{width:100%;height:428px;vertical-align:top;}

.so_wrap{margin:-15px 0 0;text-align:center;}
.so_wrap a{display:inline-block;margin:15px 30px 0;}
.so_wrap a > span{display:block;height:25px;font-size:0;}
.so_wrap a > span:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.so_wrap a > span img{max-width:100%;max-height:100%; opacity:.3;}
.so_wrap a > em{display:block;margin:10px 0 0;font-size:.65em;color:#333;}

.def_wrap{text-align:center;}
.def_wrap dl{font-weight:300;}
.def_wrap dt{margin:0 0 50px;font-size:2em;color:#000;line-height:1.1em;}
.def_wrap dd{}

.main_photo{position:relative;}
.main_photo .over{position:absolute;left:0;right:0;bottom:0;padding:40px;text-align:center;color:#fff;}
.main_photo .shadow{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:.8;filter:alpha(opacity=80);}
.main_photo .text{position:relative;}

.list_photo{overflow:hidden;display:table;position:relative;width:100%;margin:90px 0 0;font-size:0;}
.list_photo ul{margin:-40px 0 0 -40px;}
.list_photo li{display:inline-block;vertical-align:top;width:25%;}
.list_photo .wrap{display:block;margin:40px 0 0 40px;}

.desc_people{height:370px;background:url('../image/sub/bg_people.png') 50% 0;color:#fff;font-size:0;box-sizing:border-box;}
.desc_people .list_dot{height:100%;}
.desc_people .list_dot:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.desc_people .list_dot ul{display:inline-block;vertical-align:middle;}
.desc_people .list_dot li{font-size:22px;}
.desc_people .list_dot li:before{background-image:url('../image/sub/ico_dot_white.png');}

.list_dot{}
.list_dot ul{text-align:left;}
.list_dot li{position:relative;padding:0 0 0 14px;}
.list_dot li:before{content:'';position:absolute;left:0;top:15px;width:3px;height:3px;background:#666;}

.m_bo_title{display:none;}

.b_square{display:inline-block;vertical-align:middle;min-width:70px;padding:1px 5px 3px;border:1px solid #fcbe69;text-align:center;box-sizing:border-box;color:#fd7b06;}
.b_square.blue{border-color:#02adfd;color:#07a9ff;}

/* New */
#bbslist,
#bbswrite,
#bbsview {padding:0 90px;}
#bbsview .viewbox .content{width:1200px; margin:0 auto;}
.list_webzine{text-align:center;}
.list_webzine ul{display:inline-block;margin:0 auto;text-align:left;}
.list_webzine li{}
.list_webzine li + li{margin:25px 0 0;}
.list_webzine li:after{content:'';display:block;clear:both;}
.list_webzine .thumb{float:left;width:215px;text-align:center;}
.list_webzine .thumb img{max-width:100%;}
.list_webzine .thumb + .contents{margin:0 0 0 270px;}
.list_webzine .contents{}
.list_webzine .cat{display:inline-block;margin:0 0 8px;padding:3px 10px;box-sizing:border-box;border:1px solid #e2e2e2;text-align:center;font-size:.9em;color:#999;}
.list_webzine .text{font-size:1.2em;line-height:1.3; color:#333;}
.list_webzine .date{margin:5px 0 0;color:#666;}

.list_aulu{}
.list_aulu + .list_aulu{margin:20px 0 0;}
.list_aulu dl{}
.list_aulu dt{margin:0 0 5px;font-weight:400;font-size:2em;color:#333;}
.list_aulu dd{}
.list_aulu .text{}
.list_aulu .btn_wrap{margin:55px 0 0;}

.list_aulu .table_form{table-layout:fixed;}
.list_aulu .table_form .row{}
.list_aulu .table_form .cell{background:#f5f5f5;}
.list_aulu .table_form .cell.cont{padding:50px;}
.list_aulu .table_form .cell dl{}
.list_aulu .table_form .cell > img{width:100%;}
.list_aulu .table_form .cell.conLeft{}
.list_aulu .table_form .cell.conRight{}

.dl_wrap{margin:0 0 30px;}
.dl_wrap dt{font-size:1.5em;color:#333;}
.dl_wrap dd{font-size:.9em}

.list_z{padding:50px 0;background:#fff;}
.list_z .wrapper{overflow:hidden;}
.list_z ul{margin:-35px 0 0 -110px;}
.list_z ul:after{content:'';display:block;clear:both;}
.list_z li{float:left;position:relative;width:16.6%;padding:35px 0 0 110px;box-sizing:border-box;text-align:center;}
.list_z li .thumb{display:block;position:relative;padding:0 0 100%;}
.list_z li .thumb > img{position:absolute;left:0;top:0;width:100%;}
.list_z li .text{display:block;margin:10px 0 0;color:#666;}

.img_device{margin:50px 0 0;text-align:center;font-size:0;}
.img_device > span{margin:20px 24px 0;}

.gener_wrap{}
.gener_wrap .wrapper{overflow:hidden;}
.gener_wrap ul{margin:0 0 0 -42px;}
.gener_wrap ul:after{content:'';display:block;clear:both;}
.gener_wrap li{float:left;position:relative;width:33.3%;box-sizing:border-box;padding:0 0 0 42px;}
.gener_wrap li:before{content:'';position:absolute;left:-1px;top:50%;width:18px;height:21px;margin:-11px 0 0;background:url('../image/sub/ico_gener.png') no-repeat;}
.gener_wrap li .wrap{padding:28px 0 43px;border:1px solid #e2e2e2;background:#f6f6f6;border-radius:5px;}
.gener_wrap li .wrap > strong:first-child{display:block;margin:0 0 24px;font-size:1.25em;line-height:1.1;}
.gener_wrap .thumb{height:82px;font-size:0;}
.gener_wrap .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.gener_wrap .thumb img{max-width:100%;}

.tech_wrap{background:#f6f6f6; margin-bottom:100px;text-align:left;}
.tech_wrap table{}
.tech_wrap td{box-sizing:border-box;}
.tech_wrap td:first-child{padding:70px 20px 70px 90px;}
.tech_wrap td + td{width:390px;text-align:right;vertical-align:top;}
.tech_wrap td + td img{}
.tech_wrap dl{}
.tech_wrap dt{margin:0 0 25px;color:#333;font-weight:300;font-size:3em;line-height:1.1;}
.tech_wrap dt > strong{font-weight:400;}
.tech_wrap dd{color:#666;}


.pc_view{display:block; text-align:center;}
.pc_view img{max-width:100%;}
.mobile_view{display:none; text-align:center;}

.job_wrap2{padding:0 20px;}

.tech_list{margin:70px 0 0;text-align:left;}
.tech_list > p{font-size:1.3em; font-weight:400; margin:0 0 20px; color:#333;}
.tech_list ul{color:#666;}
.tech_txt{color:#666;}
.tech_list li{position:relative;padding:0 0 0 10px;line-height:1.35em;}
.tech_list li:before{content:'';position:absolute;left:0;top:15px;width:3px;height:3px;background:#666;}

.main_text{}

.dl_form{margin:0 0 100px;}
.dl_form dt{}
.dl_form dd{}
.dl_form .big_title{display:inline-block;margin:0 0 25px;color:#333;font-weight:400;font-size:3em;line-height:1.1;}

.desc_top{position:relative;padding:0 0 130px;}
.desc_top:before{content:'';position:absolute;left:50%;bottom:-31px;width:75px;height:127px;margin:0 0 0 -37px;background:url('../image/sub/arrow.png') no-repeat 50%;}

@media all and (max-width:1200px){ /* Tablet */
	.mo_hide{display:none;}

	#wrap{min-width:0;}
	img{max-width:100%;}

	#gnbMenu,
	#wrap,
	.wrapper{width:auto;}	
	.wrapper{padding:0 20px;}

	#wrapper{/*padding:0 40px;*/}

	#gnbMenu .outer{right:20px;}

	#header h1{margin-left:20px;}

	#footer{}
	#footer .wrapper > div{float:none;width:auto;text-align:left;}
	#footer .copyright .language{margin-left:-15px;}

	#mBody{}

	.why_wedo ul{width:100%;margin:0;}	
	.why_wedo li{width:33.3%;margin:0;padding:0 10px;box-sizing:border-box;}
	.why_wedo li .text{white-space:normal;}

	.main_service .cell{padding:0 20px;background-size:cover;}

	.top_banner,
	.top_banner .outer{background-size:cover;}
	.top_banner .wrapper{padding:0 40px;}

	#contents,
	.common_wrap{padding:50px 20px;}
	#contents{}
	.common_wrap{padding-left:20px;padding-right:20px;}
	.contact_us .common_wrap + .common_wrap dt:before{top:-51px;}
	.contact_us .common_wrap{padding:50px 0;}

	.outer_wrap{margin:0 -20px;}

	.list_thumb > ul > li{padding:50px 60px;}
	.list_thumb .thumb{width:25%;}
	.list_thumb .thumb img{width:100%;}
	.list_thumb .text{margin-left:25%;padding:0 0 0 60px;}
	.list_thumb .text dt:before{top:-51px;}

	.list_about .common_wrap#anchor02,
	.list_about .common_wrap#anchor05{height:auto;background-size:cover;}

	.list_why li{}
	.list_why .thumb{width:37%;}
	.list_why .thumb img{width:100%;}

	.list_why .text{margin:0 0 0 37%;padding-left:50px;}
	.list_why .text dt:before{top:-51px;}
	.list_why .even .text{margin:0 37% 0 0;padding:0 50px 0 0;}
	.list_why > .line,
	.list_why .contents .line{display:none;}

	.contact_us{}
	.contact_us address .wrap > span{white-space:normal;}
	.contact_us address .wrap > span br{display:none;}
	
	.contact_us .cell:first-child{background-size:cover;}
	.contact_us .cell{position:relative; width:50%;}
	.contact_us .cell.contact_info{width:50%}
	.contact_us .cell iframe, .map_wrap{height:100%;}
	.contact_us .cell iframe{position:absolute;left:0;top:0;right:0;}

	.list_dot{text-align:left;}
	.list_dot ul{}
	.list_dot li{padding-left:6px;white-space:normal;}

	.list_photo li{width:50%;text-align:center;}

	.article_wrap{}
	.article_wrap .btn_wrap{margin-top:25px;}

	.list_bene{margin:0;}

	#bbsview .viewbox .content{width:100%;}

	.job_wrap2{padding:0 20px;}

	.dl_form{margin-bottom:50px;}

	.list_aulu,
	.list_aulu .table_form,
	.list_aulu .row{display:inline;}
	.list_aulu .cell{display:block;}
	.list_aulu .cell{float:left;width:50%;}
	.list_aulu .table_form .cell.cont{clear:both;float:none;width:auto;padding:20px;}

	.tech_wrap td:first-child{padding:35px 10px 35px 25px;}

	.list_life li{width:50%;}

	.list_z ul{margin-left:-60px;}
	.list_z li{padding-left:60px;}
}


@media all and (min-width:800px){
	img{width:auto;}
}

@media all and (max-width:799px){ /* Mobile */
	#bbslist{padding:0 15px;}
	#bbsview {padding:0 15px;}
	.main_banner .scroll{display:none;}	

	.m_bo_title{display:inline-block;margin:0 10px 0 0;font-weight:bold;color:#333;}

	body #bbslist thead,
	body #bbslist colgroup{display:none;}
	body #bbslist table,
	body #bbslist tbody,
	body #bbslist tbody tr{display:block;}
	body #bbslist tbody tr{border-bottom:1px solid #e2e2e2;}
	body #bbslist tbody td{display:inline-block;vertical-align:baseline;text-align:left;border:0 !important;}
	body #bbslist tbody td.sbj{display:block;}
	body #bbslist tbody td.sbj a{display:block;}
	body #bbslist tbody td.none{display:block;}

	body,
	input,textarea,select,button,
	.main_banner ul li > div,
	.why_wedo li,
	.top_banner p,
	.desc_people .list_dot li,
	.list_life li,
	.tab_area .outer > ul > li{font-size:14px;}

	.main_banner .text{}
	.main_banner .text td em,
	.top_banner p em,
	.main_make td{font-size:2.5em;}

	.table_form,
	.table_form .row,
	.table_form .cell{display:block;}
	.table_form{width:auto;}

	.wrapper{padding:0 10px;}

	#wrapper{padding:0;}
	
	body.fixed #wrap{position:fixed;}
	body.fixed #dim{position:fixed;left:0;top:0;right:0;bottom:0;z-index:18;background:#000;opacity:.9;filter:alpha(opacity=90);}
	body.fixed #gnbMenu{display:block;}

	#gnbMenu{position:absolute;left:0;top:0;right:0;bottom:0;z-index:20;padding:10px 20px;color:#a3a3a3;}
	#gnbMenu .outer{position:static;}
	#gnbMenu .back{display:inline-block;}
	#gnb{margin:25px 0 0;}
	#gnb > li{display:block;margin:0;font-size:1.5em;}
	#gnb > li + li{margin:10px 0 0;}
	#gnb > li > a{color:inherit;font-weight:600;}
	#gnb > li > a.hover{background:#00acbd;color:#fff;}
	#gnb > li.active > a > span{display:inline-block;color:#fff;border-bottom:1px solid #fff;}
	#gnbMenu .social{display:block;margin:25px 0;font-size:.9em;}
	#gnbMenu .social ul{}
	#gnbMenu .social li{}
	#gnbMenu .social li + li{}
	#gnbMenu .social a{display:block;padding:4px 0 3px;}

	#header > .wrapper{height:42px;text-align:left;}
	#header h1{margin-left:10px;}
	#header .menu{display:block;position:absolute;right:10px;top:8px;}

	#footer{font-size:.89em;}

	#mainMenu{display:none;}

	#mBody{overflow:hidden;position:relative;}

	#mBody .head_title{margin-bottom:15px;}
	
	.main_banner > div:first-child,
	.main_banner .text td,
	.top_banner{height:316px;}
	.main_banner ul li{background-size:960px auto;}
	.main_banner ul li > div{}
	.main_banner .deco,
	.top_banner .deco{display:none;}
	.main_banner .arrow button{background-size:25px 48px;}
	.main_banner .arrow .btn_prev{left:10px;}
	.main_banner .arrow .btn_next{right:10px;}
	.main_banner .control_wrap{}
	.main_banner .btn_area button{width:10px;height:10px;}
	.main_banner .btn_area button:after{width:4px;height:4px;}

	.why_wedo{margin-top:50px;}
	.why_wedo dt{margin-bottom:15px;}
	.why_wedo li{width:100%;}
	.why_wedo li + li{margin:30px 0 0;padding:0;}
	.why_wedo li .thumb{margin-bottom:15px;}

	.main_service .cell{height:auto;padding:60px 10px;}
	.main_service dt{margin-bottom:10px;padding-bottom:10px;}

	.main_press .contents{}
	.main_press .contents > div,
	.main_press.job_wrap .contents > .conLeft{float:none;width:auto;height:auto;}
	.main_press .conRight{padding:10px 0 0;}
	.main_press .conLeft{padding:0 10px;}
	.main_press.job_wrap .contents > .conRight{height:356px;}

	.main_make{margin:0 -300px 0 0;padding:0 300px 0 0;background-position:100% 0;background-size:1280px auto;}
	.main_make td{height:390px;}

	#contents,
	.common_wrap{padding:25px 10px;}
	#contents{}
	.common_wrap{padding-left:10px;padding-right:10px;}
	.contact_us .common_wrap + .common_wrap dt:before{top:-21px;}
	.contact_us .cell{width:100%;height:300px;}
	.contact_us .cell.contact_info{width:100%;height:auto;padding:20px 10px;}
	.contact_us address .wrap > strong{padding-left:10px;}
	.contact_us .cell iframe, .map_wrap{height:100%; width:100%;}
	.contact_us .cell iframe{position:static;}

	.outer_wrap{margin:0 -10px;}

	.h4{margin-bottom:25px;}

	.list_thumb > ul > li{padding:20px;}
	.list_thumb .thumb{float:none;}
	.list_thumb .text{margin:20px 0 0;padding-left:0;}
	.list_thumb .text dt{position:static;margin-bottom:25px;}
	.list_thumb .text dt:before{left:20px;top:-1px;}

	.list_about .common_wrap#anchor03 .cell + .cell{margin:20px 0 0;text-align:center;}
	.list_about .common_wrap#anchor03 .cell + .cell > span:before,
	.list_about .common_wrap#anchor03 .cell + .cell > span:after{content:none;}

	.list_history > div{margin:0;}
	.list_history .cell + .cell{margin:30px 0 0;}
	.list_history .thumb{height:auto;margin:0 0 20px;}
	.list_history .thumb:before{content:none;}
	.list_history{margin-top:40px;}

	.list_logo ul{margin-top:-20px;}
	.list_logo .wrap{margin:20px 20px 0;}

	.list_why li{}
	.list_why li + li{margin-top:40px;}
	.list_why .thumb,
	.list_why .even .thumb{float:none;}
	.list_why .text,
	.list_why .even .text{margin:20px 0 0;padding:0;}
	.list_why .text dt{position:static;margin-bottom:25px;}
	.list_why .text dt:before{left:20px;top:-1px;}

	.def_wrap dt{margin-bottom:25px;}

	.main_photo .over{position:relative;bottom:auto;padding:20px;}

	.list_photo{margin-top:45px;}
	.list_photo ul{margin:-20px 0 0 -20px;}
	.list_photo .wrap{margin:20px 0 0 20px;}

	.desc_people{height:auto;}

	.list_dot li:before{top:9px;}
	.list_stick li:before {top:9px;}
	.tech_list li:before {top:9px;}
	.list_bene li p:before {top:9px;}

	body #bbslist .searchform{overflow:hidden;position:relative;margin:15px 0 0;padding:10px 10%;border:1px solid #e2e2e2;background:#f8f8f8;}
	body #bbslist .searchform select{position:absolute;left:-9999px;top:10px;width:90px;height:31px;}
	body #bbslist .searchform input[type="text"]{width:100%;height:31px;line-height:25px;margin:0;padding:5px 36px 5px 5px;box-sizing:border-box;}
	body #bbslist .searchform input[type="submit"]{position:absolute;right:10%;top:10px;width:31px;min-width:auto;min-width:0;height:31px;line-height:24px;box-sizing:border-box;background:#333 url('../image/btn_search.png') no-repeat 50%;background-size:16px auto;color:#fff;font-size:0;}

	.list_aulu{margin:40px 0 0;}
	.list_aulu + .list_aulu{margin:0;}
	.list_aulu dl:first-child{}
	.list_aulu .table_form .cell{}

	.article_wrap{}
	.article_wrap + .article_wrap{margin-top:65px;}
	.article_wrap .btn_wrap{}

	.desc_top{padding:0 0 65px;}
	.desc_top:before{bottom:-26px;width:50px;height:85px;margin-left:-25px;background-size:100%;}
	.pc_view{display:none;}
	.mobile_view{display:block;}

	.list_bene{}
	.list_bene .conLeft{padding-right:12px;}
	.list_bene .conRight{padding-left:12px;}

	/*
	.job_wrap .btn_wrap{padding:20px 0 0;}
	.job_wrap2{padding:0 15px;}
	.tech_wrap2 {padding:0 15px;}
	.tech_wrap td{padding:0 0 0 25px;}
	.auluZ .list_bene{padding:0 15px;}
	*/
	
	.list_z{padding:50px;}
	.list_z li{width:33.3%;}
	.list_z li .text{font-size:1.5em;}
	.img_device{margin:30px 0 20px;}
	.img_device > span{display:block; margin:0 0 20px;}

	.night_wrap{}
	.night_wrap td{height:260px;padding:30px;box-sizing:border-box;}
	.night_wrap .outer{padding:20px;border:1px solid #fff;color:#fff;font-size:1.1em;text-align:center;}
	.night_wrap .outer .cell:first-child{width:auto;margin:0 0 15px;padding:0;text-align:left;}

	.tab_category{margin-bottom:30px;}
}

@media all and (max-width:640px){ /* Mobile Small Size */
	#bbslist{padding:0 10px;}
	#bbsview {padding:0 10px;}
	#footer .conRight td .wrap > span{white-space:normal;}
	#footer .copyright table,
	#footer .copyright tbody,
	#footer .copyright tr,
	#footer .copyright td{display:block;}
	#footer .copyright table{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
	#footer .copyright td,
	#footer .copyright td + td{text-align:center;}
	#footer .copyright td{height:auto;padding:10px;border:0;}
	#footer .copyright td + td{padding-top:0;}

	.main_banner ul li > div td:first-child{}
	.main_banner .control_wrap{bottom:10px;}

	.top_banner p{white-space:normal;}

	.list_webzine .thumb + .contents{margin:0;}
	.list_webzine .thumb{width:100%; margin-bottom:20px;}

	.tech_wrap{}
	.tech_wrap table,
	.tech_wrap tbody,
	.tech_wrap tr,
	.tech_wrap td{display:block;}
	.tech_wrap td + td{width:auto;}

	.pc_view{display:none;}
	.mobile_view{display:block;}
	/*
	.job_wrap .btn_wrap{padding:10px 0 0;}
	.job_wrap2{padding:0 10px;}
	.tech_wrap2 {padding:0 10px;}
	.tech_wrap dt{font-size:2em;}
	.tech_list > p{margin:30px 0 10px;}
	.auluZ .list_bene{padding:0 10px;}
	.list_z li .text{font-size:1.3em;}
	.img_device > span{margin:0 0 10;}
	*/

	.list_life li{width:100%;}

	.tab_area .thumb{float:none;margin:0 auto 20px;}
	.tab_area .cont{margin:0;}
	.tab_area .btn_wrap .bbtn{min-width:100px;}

	.list_bene .conLeft,
	.list_bene .conRight{float:none;width:auto;padding:0;}
	.list_bene .conRight ul{border-top:0;}
}