@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap');
.pic_1200_m {display: none;}
.pic_800_m {display: none;}
.pop_img_m {display: none;}
.pop_ft { background-color: #000; padding: 10px 10px; box-sizing: border-box; color: #fff; font-size: 1.2em; text-align: center; font-weight: 700; position: relative;}

.job_box { width: 100%; position: relative;}
.l_txt { width: 200px; float: left; font-weight: 700; letter-spacing: -1px; font-size: 1.8em; line-height: 1.3;}
.l_txt span {font-size: 0.8em; font-weight: 500;}
.r_txt { width:calc(100% - 200px); float: left;}

.job_bg01 { width: 100%; background: url(../images/contents/dbe_200908_img2.png) right top no-repeat #3960ba; padding: 80px 80px; word-break: keep-all;}
.job_bg01 h1 img {margin-bottom: 10px;}
.job_bg01 h1 { font-size: 2.8em; line-height: 1.3; letter-spacing: -1px; font-weight: 500; color: #fff;}
.job_bg01 p { font-size: 1.3em; line-height: 1.3; letter-spacing: -1px; font-weight: 300; color: #fff; margin-bottom: 10px;}
.job_bg01 p span { font-size: 1.3em; font-weight: 500;}
.job_r_img { float: right; width: 230px;}
.job_r_img img {width: 100%;}
.job_l_txt {float: left; width:calc(100% - 250px); }
.job_bx li {width: 25%; float: left; text-align: center; height: 190px; box-sizing: border-box;}
.job_bx li h2 {font-size: 1.1em; line-height: 1.3; letter-spacing: -1px; font-weight: 700; color: #191919; }
.job_bx li h2 span {font-size: 0.9em; line-height: 1.3; letter-spacing: -1px; font-weight: 300; color: #191919;}
.job_bx li img {width: 100px; margin-bottom: 10px;}

.cm-product-tit02{margin-bottom: 20px; position: relative; padding-left: 17px; display: inline-block; font-size: 1.7em; font-weight: 700; letter-spacing: -0.5px; color: #000;}
.cm-product-tit02:before{position: absolute; top: -1px; left: 0; display: block; content: ''; width: 10px; height: 14px; background-color: #027bc2; -webkit-transform: skew(-15deg); transform: skew(-15deg); -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1); box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);}
.cm-product-tit02 span { margin-left: 10px; padding: 6px 20px; border-radius: 100px; font-size: 0.8em; line-height: 1.2; font-weight: 500; letter-spacing: -0.5px; color: #fff; background-color: #027bc2; }

.bgBox { background:#fafafa; padding: 3% 4%; border-radius: 5px; border: 1px solid #e7e7e7; }
.stxt1 { font-size: 1em; line-height: 1.5; letter-spacing: -0.5px; font-weight: 400;}
.stxt1 h1 { font-size: 1.1em; color: #222; font-weight: 700;}

.dotList > li { position: relative; padding-left: 14px; margin-bottom: 0.5em; font-size: 1.0em; font-weight: 400; letter-spacing: -1px; line-height: 1.5;}
.dotList > li:before { content:''; width: 5px; height: 5px; background:#138aec; position: absolute; left:0; top: 0.65em;}
.dotList > li ol { margin-top: 0.3em; color:#888; }
.dotList > li:last-child { margin-bottom: 0;}
.dot_x > li:last-child:before { display: none;}

.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.kor_16{ font-size:1.0em; letter-spacing: -0.5px; line-height: 1.4; font-weight: 400; word-break: keep-all;}
.wrb{ word-break: keep-all;}
.bd_line { width: 100%; background: url(../images/contents/slsline.png) repeat-x top; padding-bottom: 10px; margin-bottom: 40px;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainVisual{position:relative; width:100%; margin: 0 auto; overflow:hidden;/* padding: 170px 0 0 0;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item > img{
	width:110%;
	height: auto!important;
	overflow:hidden;
	margin-left: 0;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{ position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -600px; width: 1200px;}
.tmr { margin: -50px 0 0 0!important;}
.tmr img { width: 340px; }
#mainVisual .visual-inner-txt{  }
#mainVisual .visual-inner-txt h1, #mainVisual .visual-inner-txt h2, #mainVisual .visual-inner-txt h3, #mainVisual .visual-inner-txt p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s; word-break: keep-all;
}
#mainVisual .visual-inner-txt h1 { font-family: 'Binggrae-Bold', 'Raleway'; font-size:70px; line-height: 1.3; color: #fff; font-weight: 400; }
#mainVisual .visual-inner-txt h2 { font-family: 'Binggrae-Bold', 'Raleway'; font-size:29px; letter-spacing: -0.5px; line-height: 1.0; padding: 5px 0 5px 0; transition-delay:0.4s; color: #fff; }
#mainVisual .visual-inner-txt p{ font-family:'Noto Sans KR', 'Nanum Gothic'; font-size:18px; letter-spacing: -0.5px; line-height: 1.5; font-weight: 400; transition-delay:0.6s; color: #fff;}



/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt h3,
#mainVisual .active .visual-inner-txt p{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt h3,
#mainVisual .active .visual-inner-txt p{
	opacity:1.0;filter:Alpha(opacity=100);
}

.bn_wrap {max-width: 1200px; margin: 0 auto; padding: 60px 0; }
.bn_wrap00 {max-width: 1200px; margin: 0 auto; position: relative;}
.bn_wrap02 {max-width: 600px; margin: 0 auto; }
.bg_gry { background-color: #f5f5f5; }
.intro{padding:70px 0; position: relative; }
.gry_bx { background-color: #fafafa; border: 1px solid #e3e3e3; border-radius: 10px; box-sizing: border-box; padding: 90px 20px; text-align: center;}

.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}

.cnt_tit { font-size:36px; line-height:1; color:#212121; font-weight:500; letter-spacing: -1px; font-family: "Noto Sans KR", 'Nanum Gothic'; margin-bottom: 40px; text-align: center; font-weight: 700; }

.cnt_stit { font-family: 'S-CoreDream-4Regular'; font-size:36px; font-weight: 700; color: #161616; line-height: 1.2; letter-spacing: -1px; margin-bottom: 20px; text-align: center; }
.cnt_stit span{display:inline-block; }
.cnt_stit span:before{ display: none;}

.stit5 {
    font-size: 1.6em;
    color: #232323;
    line-height: 1.3;
    padding-left: 20px;
	margin-bottom: 10px;
	letter-spacing: -1px;
	font-weight: 700;
	position:relative; 
}
.stit5:before {content: '';display: block;width: 8px;height: 18px;position: absolute;left: 2px;top: 8px;background: #1f2c5c;-webkit-transform: rotate(0deg) skew(-20deg, 0deg);-ms-transform: rotate(0deg) skew(-20deg, 0deg);transform: rotate(0deg) skew(-20deg, 0deg);}


/* Sub Layout :: Location */
#contentLocation{position:relative; width: 100%; height:56px; z-index: 500; border-bottom: 1px solid #c1c1c1; background-color: #fafafa;}
.location-inner{position:relative; width:730px; margin: 0 auto; }
.location-inner > ul{ height:100%;}
.location-inner > ul > li{position:relative; float:left; width:50%; height:100%; letter-spacing:-1px; color:#333333; line-height:56px; padding-right:30px; font-family: "Noto Sans KR", 'Nanum Gothic'; border-right:1px solid #c1c1c1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.location-inner > ul > li:first-child { border-left: 1px solid #c1c1c1; }
.location-inner > ul > li:last-child {  }
.location-inner > ul > li > a{display:block; padding-left:33px; font-size:18px; background:url(../images/icon/location_arrow.png) no-repeat 100% 50%; color: #333333;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; font-weight: 500;}
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:55px; left: -1px; width:100%; background-color:#fff; border: 1px solid #c1c1c1!important; z-index:11;}
.location-inner > ul > li.location1 .location-2dep{width:100%;}
.location-inner > ul > li .location-2dep li{height:50px; line-height:50px; }
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:32px; color:#333333; font-size:16px; font-weight:400; letter-spacing:-1px;}
.location-inner > ul > li .location-2dep li a:hover{background-color:#fafafa; }
.dep_ss{ line-height:30px!important; height:30px!important; }
.dep_ss a { padding-left:42px!important; color:#5e5e5e!important; font-size:13px!important; }



.tabmenu { overflow: hidden; text-align: center; margin: 0 auto 50px; max-width: 100%; }
.tabmenu li { width: 20%; display: inline-block; *zoom:1; *display: inline; margin-left: -1px; }
.tabmenu li a { display: block; line-height: 1.0em; border:1px solid #ddd; font-size: 1.0em; color:#555; padding: 15px 0; font-family:"S-CoreDream-4Regular", 'Nanum Gothic'; letter-spacing: -1px; box-sizing:border-box; }
.tabmenu li:first-child{ margin-left: 0px;}
.tabmenu li a:hover { color:#134083; }
#page01 .tabmenu  a.menu1,
#page02 .tabmenu  a.menu2,
#page03 .tabmenu  a.menu3,
#page04 .tabmenu  a.menu4,
#page05 .tabmenu  a.menu5,
#page06 .tabmenu  a.menu6,
#page07 .tabmenu  a.menu7,
#page08 .tabmenu  a.menu8,
#page09 .tabmenu  a.menu9,
#page10 .tabmenu  a.menu10 { background:#004ea2; border:1px solid #004ea2; color:#fff; }


.s-inner { width:95%; max-width:1200px; position:relative;	margin-left:auto; margin-right:auto;}


.res_txt { width: 100%; font-size: 1.2em; font-weight: 500; line-height: 1.2; color: #000; padding-top: 20px; padding-bottom: 7px; position: relative;}
.res_txt i {font-size: 0.9em; margin-right: 3px;}
.rbtn_bx { position: absolute; right: 0; top: 10px;}
.resu_tb { width:100%; border: 1px solid #d6d6d6; background-color: #fff; border-collapse: collapse; }
.resu_tb td { text-align: center; height: 45px; padding: 8px 10px; font-size: 1.0em; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; vertical-align: middle;}
.g_bg01 {background-color: #efefef;}
.g_bg02 {background-color: #fafafa;}
.resu_tb .l_align {text-align: left!important;}

.form-control {
	display: inline-block!important;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	box-sizing: border-box;
}
select.form-control { padding-right: 30px!important;}

.custom-control { width: auto; float: left;}
.m0a{ margin: 0 auto;}
.input-group * { float: left!important;}

.input-group-text {
    font-size: 13px;
}
.input-group-text {
    border-color: #ebedf2!important;
}
.input-group-text {
    align-items: center;
    padding: 0.55rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn {
    padding: 0.5rem 1rem;
    font-size: 0.88em;
    opacity: 1;
    border-radius: 3px;
    font-weight: 400;
}

.btn-primary {
    color: #fff!important;
    background: #0c4da3!important;
    border-color: #0c4da3!important;
}

.btn-xs {
    font-size: 0.75em!important;
    padding: 5px 9px!important;
}
.mr-1, .mx-1 {
    margin-right: 0.25rem!important;
}

.btn-border {
    background: 0 0!important;
    background-color: #fff!important;
}

.btn-border.btn-primary {
    color: #0c4da3!important;
    border: 1px solid #0c4da3!important;
}

.btn-secondary {
    background: #0c4da3!important;
    border-color: #0c4da3!important;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.input-group-addon { float: left; width: auto!important; border-left: 0!important; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; padding: 8px 12px!important;}


.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.text-center {
    text-align: center!important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}


.tb-style3 { border-top: 2px solid #0a4595; line-height: 1.3em; text-align: center; border-collapse: collapse; border-spacing: 0; word-break: break-all; }
.tb-style3 th:last-child{border-right:none;}
.tb-style3 td:last-child{border-right:none;}
.tb-style3 th { background: rgba(235, 240, 244, 0.5); color:#000; padding: 12px 0; border-bottom: 1px solid #d5dfe7; border-right:1px solid #d5dfe7; vertical-align: middle; font-weight: 700; line-height: 1.3; font-size:1.0em; }
.tb-style3 td { padding: 12px 10px; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; color:#3e3e3e; font-weight: 400; font-size:1.0em; line-height: 1.3; vertical-align: middle; position: relative;}
.tb-style3 td span {font-size: 1.0em;}
.tb-style3 .left_a{ text-align: left; padding-left: 20px;}
.tb-style3 td p { margin-bottom: 10px; position: relative; padding-left: 15px;}
.tb-style3 td p:last-child { margin-bottom: 0;}
.tb-style3 td i {position: absolute; left: -2px; top: 2px; }

@media (max-width: 910px) {
.pic_800 {width: 80%;}
}
@media (max-width: 1280px) {
.pop_img {width: 100%;}
.pic_1200 {width: 100%;}
#mainVisual .visual-txt{ left: 0; margin: -40px 0 0 100px; width: 100%; }

.bn_wrap { max-width: 100%; margin: 0 40px; padding: 50px 0;}
.bn_wrap00 { max-width: 100%; margin: 0 40px; }
.intro{padding:60px 0;}

.tabmenu li { margin-bottom: 3px; }
	
.tb-wide1 table { min-width: 1280px; }
.tb-wide1 { overflow-x:scroll;
     scrollbar-face-color:#189dc6;
     scrollbar-3dlight-color:#189dc6;
     scrollbar-highlight-color:#FFFFFF;
     scrollbar-shadow-color:#FFFFFF;
     scrollbar-darkshadow-color:#189dc6;
     scrollbar-arrow-color:#FFFFFF;
     scrollbar-track-color:#d5dfe7; }
.tb-wide1::-webkit-scrollbar { width:3px; height: 5px; background: #e4e4e4; border-radius: 50px; }
.tb-wide1::-webkit-scrollbar-thumb { width: 3px; height: 5px; background:#707070; border-radius: 50px;}

}

@media (max-width:1200px) {	
#mainVisual .visual-item > img{ width: 120%; margin-left: -10%; }
#mainVisual .visual-inner-txt h1 { font-size: 66px; }
#mainVisual .visual-inner-txt h2 { font-size: 28px; }
#mainVisual .visual-inner-txt p{ font-size:16px;}

.cnt_tit { font-size:32px; margin-bottom: 30px; }
.cnt_tit span:after{margin:15px auto 0 auto; }

.job_bg01 p br {display: none;}
.job_bg01 p span { font-size: 1.0em; }
.job_bg01 h1 { font-size: 3.0em; }
.job_bx li { height: 180px;}
.job_bx li h2 {font-size: 1.2em; }
.job_bx li img {width: 100px; margin-bottom: 0px;}
}


@media (max-width: 1023px) {
#mainVisual{ width:100%;}
#mainVisual .visual-txt{ margin: -35px  0 0 50px;}
#mainVisual .visual-inner-txt h1 { font-size: 58px; }
#mainVisual .visual-inner-txt h2 { font-size: 24px; }
#mainVisual .visual-inner-txt p{ font-size:16px;}
.bn_wrap {margin: 0 3%;}
.bn_wrap00 {margin: 0 3%;}
.bn_wrap02 { max-width: 100%; margin: 0 40px; }
.intro{padding:50px 0;}

.cnt_stit { font-size:26px; }
.cnt_stit span:before{width:15px; }

#contentLocation {height: 46px;}
.location-inner{width:100%;}
.location-inner > ul > li{ line-height:46px; padding-right:20px; }
.location-inner > ul > li > a{padding-left:23px; font-size:16px; }
.location-inner > ul > li .location-2dep{ top:45px;}
.location-inner > ul > li .location-2dep li{height:40px; line-height:40px; }
.location-inner > ul > li .location-2dep li a{padding-left:22px;font-size:14px;}

.stit5 { font-size: 1.6em; padding-left: 15px; background-size: 15px auto; }
.stit5:before { width: 7px;height: 15px; }
	
.bd_line { margin-bottom: 20px; margin-top: 30px; padding: 0 0 10px 0;}
	
.tb-style3 th { padding: 6px 10px; }
.tb-style3 td { padding: 6px 10px; }
	
.job_bg01 h1 img {margin-bottom: 5px;}
.job_bg01 h1 { font-size: 2.4em; }
.job_bg01 p { font-size: 1.0em; }
.job_bx li { height: 150px;}
.job_bx li h2 {font-size: 1.0em; }
.job_bx li img {width: 80px;}
	
.step_768 {width: 100%;}
.l_txt { width: 130px; font-size: 1.5em; }
.r_txt { width:calc(100% - 130px); }
}

@media all and (max-width:800px){
.pic_800_2 { width: 100%; }
.tb-wide2 table { min-width: 740px; }
.tb-wide2 { overflow-x:scroll;
     scrollbar-face-color:#189dc6;
     scrollbar-3dlight-color:#189dc6;
     scrollbar-highlight-color:#FFFFFF;
     scrollbar-shadow-color:#FFFFFF;
     scrollbar-darkshadow-color:#189dc6;
     scrollbar-arrow-color:#FFFFFF;
     scrollbar-track-color:#d5dfe7; }
.tb-wide2::-webkit-scrollbar { width:3px; height: 5px; background: #e4e4e4; border-radius: 50px; }
.tb-wide2::-webkit-scrollbar-thumb { width: 3px; height: 5px; background:#707070; border-radius: 50px;}
}
@media all and (max-width:768px){
#mainVisual{position:relative; }
#mainVisual .scroll-icon{display:none;}
#mainVisual .visual-item > img{ width: 140%; margin-left: -10%; }
#mainVisual .visual-txt{ margin: -20px 0 0 40px;}
#mainVisual .visual-inner-txt h1 { font-size: 50px; }
#mainVisual .visual-inner-txt h2 { font-size: 21px; }
#mainVisual .visual-inner-txt p{ font-size:14px;}


#mainVisual .slick-arrow{
	margin-top:-20px; width:40px; height:40px; background-size:40px 40px !important;
}
#mainVisual .slick-arrow.slick-prev{left:0;}
#mainVisual .slick-arrow.slick-next{margin-left:0; left:auto; right:0;}

.bn_wrap {margin: 0 20px;}
.bn_wrap00 {margin: 0 20px;}
.bn_wrap02 {margin: 0 20px;}
.intro{padding:40px 0;}
.cnt_tit { font-size:20px; margin-bottom: 15px; }
.cnt_tit span:after{margin:10px auto 0 auto; }

#contentLocation{ height:40px; }
.location-inner{width:100%;}
.location-inner > ul > li{ line-height:40px; padding-right:17px; }
.location-inner > ul > li > a{padding-left:20px; font-size:14px; background-size: 10px;}
.location-inner > ul > li .location-2dep{ top:39px;}
.location-inner > ul > li .location-2dep li{height:30px; line-height:30px; }
.location-inner > ul > li .location-2dep li a{padding-left:19px;font-size:12px;}
.dep_ss{ line-height:26px!important; height:26px!important; }
.dep_ss a { padding-left:20px!important; font-size:11px!important; }

.tabmenu.col4 li { width: 40%; }
.tabmenu li a { padding: 10px 0; font-size: 0.9em; }
.tabmenu li { width: 19%; }
.tabmenu li:last-child { width: 24%;}

.job_bg01 { padding: 50px 50px; background-size: 70% auto;}
.job_bg01_0 { padding: 40px 40px!important; }
.job_bg01_0 p span { font-size: 1.4em!important; }
.job_bg01_0 p br {display: block!important;}
.job_bg01 h1 { font-size: 1.8em; }
.job_r_img { float: left; clear: both; margin-top: 20px; width: 100%;}
.job_bx li img {width: 60px;}
.job_bx li {width: 33.3333%; padding: 10px 10px 0 10px; height: 120px;}
.job_bx {width:100%; }
.job_l_txt {width: 100%; }

.cm-product-tit02{margin-bottom: 15px; padding-left: 12px; font-size: 1.5em; }
.cm-product-tit02:before{top: -0px; width: 8px; height: 10px; -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);}
.cm-product-tit02 span { margin-left: 7px; padding: 4px 15px; font-size: 0.8em; }
	
}


@media all and (max-width:640px){
#mainVisual{ width:100%;}
#mainVisual .slick-arrow{ visibility: hidden; }
#mainVisual .visual-item > img{ width: 180%; margin-left: -40%; }
#mainVisual .visual-txt{ margin: -20px 0 0 0; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-inner-txt h1 { font-size: 40px; }
#mainVisual .visual-inner-txt h2 { font-size: 17px; }
#mainVisual .visual-inner-txt h2 br, #mainVisual .visual-inner-txt p br { display: none; }
#mainVisual .visual-inner-txt p{ font-size:12px;}
	
#contentLocation{ height:34px; }
.location-inner{width:100%;}
.location-inner > ul > li{ line-height:34px; padding-right:15px; width: auto; }
.location-inner > ul > li:first-child { width:50%; }
.location-inner > ul > li:last-child { width:50%; }
.location-inner > ul > li > a{ font-size:13px; background-size: 10px; padding-left:15px;}
.location-inner > ul > li .location-2dep{ top:33px;}
.location-inner > ul > li .location-2dep li{height:34px; line-height:34px; }
.location-inner > ul > li .location-2dep li a{ font-size:12px; padding-left:15px;}

.stit5 { font-size: 1.4em; padding-left: 15px; background-size: 10px auto; }
.stit5:before { width: 6px;height: 12px; top: 6px; }
	
.cm-product-tit02{ font-size: 1.4em; }
.bgBox { padding: 5% 5%;}	

.l_txt { width: 100%; font-size: 1.3em; padding-bottom: 10px; padding-left: 12px; display: inline-block; }
.l_txt:before{position: absolute; top: -0px; left: 0; display: block; content: ''; width: 8px; height: 10px; background-color: #027bc2; -webkit-transform: skew(-15deg); transform: skew(-15deg); -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);}
.l_txt br {display: none;}
.r_txt { width: 100%; }
.job_bg01 { padding: 30px 30px; }
	
.pic_1200 {display: none;}
.pic_1200_m {display: block; width: 100%;}
.pic_800 {display: none;}
.pic_800_m {display: block; width: 56%; margin: 0 auto;}	
.pop_img {display: none;}
.pop_img_m {display: block; width: 100%;}
}

@media (max-width: 480px) {
#mainVisual .visual-txt{ margin: -25px 0 0 0; }
#mainVisual .visual-inner-txt { padding: 0 0;}
#mainVisual .visual-inner-txt h1 { font-size: 30px; }
#mainVisual .visual-inner-txt h2 { font-size: 15px; }
#mainVisual .visual-inner-txt p{ font-size: 11px; line-height: 1.3; }
#mainVisual .visual-item > img{ width: 240%; margin-left: -60%; }

.bn_wrap {margin: 0 15px; padding: 30px 0;}
.bn_wrap00 {margin: 0 15px; }
.bn_wrap02 {margin: 0 15px; }
.intro{padding:30px 0;}
.cnt_tit { font-size:16px; }
.cnt_stit { font-size:16px; }
.cnt_stit span:before{width:10px; }
	
.tabmenu li a { font-size: 0.8em; }
	
.tb-style3 td p { padding-left: 10px;}
.tb-style3 td i { top: 1px; }
	
.job_r_img { width: 100%;}
}