@charset "utf-8";
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
서브공통 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.board_fix{width: 1330px; margin:0 auto; padding: 0 15px; position: relative; max-width:100%}
span.w_br{display: block !important;}
span.m_br{display: none !important;}
@media (max-width:991px){
	.container_fix{padding:0 25px;}
	.board_fix{padding: 0 25px;}
	.view-wrap .board_fix{padding: 0;}
	span.w_br{display: none !important;}
	span.m_br{display: block !important;}
}

/* 분류 */
.category_modify > ul.category_modify_ul > li > a{padding: 0 0 10px; margin: 0 22px; color:#666; font-size:22px; font-weight:400}
.category_modify > ul.category_modify_ul > li:first-child > a{margin-right: 25px;}
.category_modify > ul.category_modify_ul > li:last-child > a{margin-left: 25px;}
.category_modify > ul.category_modify_ul > li > a::after{display: none;}

.category_modify{margin-bottom: 50px;}
.category_modify > ul.category_modify_ul > li.active > a{color:#6500d6; font-weight:600; border-bottom:3px solid #6500d6}

@media(max-width:991px){
	.m_category_modify_ul{}
	.m_category_modify_ul .slick-list{overflow: visible;}
	.m_category_modify_ul li{margin-right: 29px;}
	.m_category_modify_ul li:last-child{margin-right: 0}
	.m_category_modify_ul li a{color:#666666; font-size:16px; padding-bottom: 7px; border-bottom:1.5px solid transparent}
	.m_category_modify_ul li.active a{color:#6500d6;border-bottom:1.5px solid #6500d6; font-weight:600}
}

/* 검색창 */
.list-tsearch.custom_search{border:none; background: none; padding: 0; margin-bottom: 30px;}
.custom_search .form{float:right;}
.custom_search .form-group{margin-bottom: 0;}
.custom_search .custom_input{float:left;width: 340px;}
.custom_search .custom_input input{line-height: 54px; height: 56px;  border:1px solid #e5e5e5; padding: 0 20px; font-size:16px; box-shadow:none; -webkit-box-shadow:none; width: 100%;}
.custom_search .custom_input input::placeholder{color:#aaa}
.custom_search .custom_btn{float:left;}
.custom_search .custom_btn button{padding: 17px 17px 16px 18px; height: 100%; line-height: 1;}

@media (max-width:991px){
	.list-tsearch.custom_search{margin-bottom: 20px;}
	.custom_search .form{float:none; width: 100%;}
	.custom_search .custom_input{width: calc(100% - 44px);}
	.custom_search .custom_input input{line-height: 42px; height: 44px; font-size:13px; padding: 0 17px;}
	.custom_search .custom_btn button{padding: 13px;}
	.custom_search .custom_btn button img{height: 16px; width: auto;}
}

/* 페이저 */
.list-wrap .pagination>li>a, .list-wrap .pagination>li>span{padding: 0; border:none; width: 30px;height: 30px; line-height: 30px; font-size:18px; margin: 0 4.5px; color:#999 !important; font-weight:400}
.list-wrap .pagination>li:nth-child(-n+2)>a, .list-wrap .pagination>li:nth-child(-n+2)>span{font-size: 20px;}
.list-wrap .pagination>li:nth-last-child(-n+2)>a, .list-wrap .pagination>li:nth-last-child(-n+2)>span{font-size: 20px;}
.text-center .pagination>.active>a, .text-center .pagination>.active>span, .text-center .pagination>.active>a:hover, .text-center .pagination>.active>span:hover, .text-center .pagination>.active>a:focus, .text-center .pagination>.active>span:focus .list-wrap .text-center .pagination .active a, .view-wrap .text-center .pagination .active a, .board-list .list-wrap .pagination .active a, .view-wrap .pagination .active a{border:none !important; background: none !important; color:#6500d6 !important; font-weight:600}

@media(max-width:991px){
	.list-wrap .pagination>li>a, .list-wrap .pagination>li>span{font-size:14px; width: 20px; height: 20px; line-height: 18px;}
	.list-wrap .pagination>li:nth-child(-n+2)>a, .list-wrap .pagination>li:nth-child(-n+2)>span{font-size: 15px}
	.list-wrap .pagination>li:nth-last-child(-n+2)>a, .list-wrap .pagination>li:nth-last-child(-n+2)>span{font-size:15px}
}


/* 뷰페이지 버튼 */
.view-btn .btn{padding: 0 22px; line-height: 34px; height: 36px; background: #ebebeb; color:#666; font-size: 15px; }
.view-btn .btn-color{background: #6500d6;}
.view-btn .btn-black{background: #222;}
.view-btn .btn-group .btn+.btn{margin-left: 6px;}


@media (max-width:991px){
	.view-btn .btn{padding: 0 19px; font-size:13px; margin-left: 5px; line-height: 28px; height: 30px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
탑배너 html > page > top_banner.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.top_banner{position:relative;}
.top_banner .text_box{position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); z-index:1; width:100%;}
.top_banner .text_box h1{font-size:100px; color:#fff; font-weight:200;}
@media (min-width:1950px){
	.top_banner img{width:100%; display:block; margin:0 auto;}
}
@media (max-width:1850px){
	.top_banner img{width:100%; display:block; margin:0 auto;}
}
.top_menu{position:relative; top:-35px; margin-bottom:-35px; z-index:1;}
.top_menu::before{content:""; width:20%; background:#6500d6; height:100%; position:absolute; left:0; top:0;}
.top_menu .container_fix{display:flex;}
.top_menu .container_fix > div{position:relative;}
.top_menu .container_fix > div.first_menu{width:390px;}
.top_menu .container_fix > div.second_menu{width:550px;}
.top_menu .container_fix > div > a.menu_a{width:100%; display:block; font-size:22px; color:#fff; font-weight:500; position:relative;
line-height:70px;}
.top_menu .container_fix > div > a.menu_a > span.arrow{width:12px; height:7px; border-top:7px solid #fff; border-left:6px solid transparent;
border-right:6px solid transparent; top:34px; right:30px; position:absolute;}
.top_menu .container_fix > div.first_menu > a.menu_a{background:#6500d6;}
.top_menu .container_fix > div.second_menu > a.menu_a{background:#ebebeb; padding-left:80px; color:#222222;}
.top_menu .container_fix > div.second_menu > a.menu_a span.arrow{border-top-color:#222;}
.top_menu .container_fix > div > a.menu_a + .menu_drop{position:absolute; background:#707683; padding:40px 80px; width:100%; opacity:0; visibility:hidden; transition:all 0.3s;}
.top_menu .container_fix > div > a.menu_a.active + .menu_drop{opacity:1; visibility:visible;}
.top_menu .container_fix > div > a.menu_a + .menu_drop > li{margin-bottom:17px;}
.top_menu .container_fix > div > a.menu_a + .menu_drop > li:last-child{margin-bottom:0;}
.top_menu .container_fix > div > a.menu_a + .menu_drop > li > a{font-size:22px; color:#d7d7d7;}
.top_menu .container_fix > div > a.menu_a + .menu_drop > li > a:hover{color:#fff;}
.top_menu .container_fix > div.first_menu > a.menu_a + .menu_drop{padding:40px 80px 40px 0;}
.top_menu .container_fix > div.first_menu > a.menu_a + .menu_drop::before{content:""; position:absolute; width:50%; height:100%; background:#707683; top:0; left:-50%;}
.top_menu_text{text-align:center; margin:105px auto;}
.top_menu_text h1{font-size:90px; color:#222; font-weight:200;}
.sub_wrap{}
@media (min-width:1950px){
	.sub_wrap img{width:100%; display:block; margin:0 auto;}
}
@media (max-width:1850px){
	.sub_wrap img{width:100%; display:block; margin:0 auto;}
}

@media (max-width:991px){
	.top_menu{top:0; margin-bottom:0;}
	.top_menu .container_fix{padding:0;}
	.top_menu .container_fix > div.first_menu{width:50%;}
	.top_menu .container_fix > div.first_menu > a.menu_a{padding-left:25px;}
	.top_menu .container_fix > div.second_menu{width:50%;}
	.top_menu .container_fix > div.second_menu > a.menu_a{padding-left:25px;}
	.top_menu .container_fix > div > a.menu_a + .menu_drop{padding:20px 20px;}
	.top_menu .container_fix > div.first_menu > a.menu_a + .menu_drop{padding:20px 20px;}
}
@media (max-width:768px){
	.top_banner .text_box h1{font-size:70px;}
	.top_menu_text{margin:90px auto;}
	.top_menu_text h1{font-size:70px;}
}
@media (max-width:480px){
	/* .top_banner .text_box{top:66%;} */
	.top_banner .text_box h1{font-size:50px;}
	.top_menu .container_fix > div > a.menu_a{font-size:14px; line-height:45px;}
	.top_menu .container_fix > div > a.menu_a > span.arrow{width:8px; height:5px; border-top:5px solid #fff; border-left:4px solid transparent;
	border-right:4px solid transparent; top:22px; right:25px;}
	.top_menu .container_fix > div > a.menu_a + .menu_drop > li{margin-bottom:10px;}
	.top_menu .container_fix > div > a.menu_a + .menu_drop > li > a{font-size:14px;}
	.top_menu_text{margin:50px auto;}
	.top_menu_text h1{font-size:50px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m01_03 솔루션&컨설팅 > 컨설팅
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_03_swrap{display: flex;}
.m01_03_slider{width: 100%;}
.m01_03_slider .img-wrap .img-item img{width: 100%;}
.m01_03_slider .header_banner_btn{position: absolute; bottom: 0; left: 107.37%; width: 130px;}
.m01_03_slider .carousel-control{display: inline-block; position: static; width: 60px;height: 60px; border-radius:50%; border:1px solid #ccc; opacity:1; transition:.3s; background-image:url(../img/icon_consulting_prev.png); background-position:center center; background-repeat:no-repeat}
.m01_03_slider .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin: 0; position: static; width: 100%; height: 100%;}
.m01_03_slider .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin: 0; position: static;  width: 100%; height: 100%;}
.m01_03_slider .carousel-control.right{margin-left: 5px; background-image:url(../img/icon_consulting_next.png); }
.m01_03_slider .carousel-control:hover{background-color: #6500d6; background-image:url(../img/icon_consulting_prev_on.png)}
.m01_03_slider .carousel-control.right:hover{background-image:url(../img/icon_consulting_next_on.png)}
.m01_03_slider .map_paging{position: absolute; bottom: 0; left: 120.3%; line-height: 60px; color:#999; font-size:22px; font-family:'Open Sans'}
.m01_03_slider .map_paging span{color:#222; font-size:22px; font-family:'Open Sans'; font-weight:600}


@media(max-width:991px){
	.m01_03_swrap{flex-direction: column;}
	.m01_03_slider .header_banner_btn{left: 0; right: initial;}
	.m01_03_slider .carousel-control{width: 48px;height: 48px; background-size:7px 12.5px}
	.m01_03_slider .carousel-control.right{margin-left: 3px;}
	.m01_03_slider .map_paging{left: 118px; right: initial; line-height: 48px; font-size:15px}
	.m01_03_slider .map_paging span{font-size:15px}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m03_01 레퍼런스 > 클라우드 & DX, XR
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* list */
.m03_01 .category_modify{display: none;}
.m03_01 .gallery_container.list-container{margin-bottom: 30px;}

.m03_01 .list-img, .m03_01 .imgframe{position: relative;}
.m03_01 .post_category{position: absolute; left: 20px; top: 20px; background: #f5f1fb; border-radius:20px; line-height: 38px; height: 40px; padding: 0 30px; font-size: 16px; color:#6500d6; font-weight:600}

.m03_01 .fix_gallery_content{margin-top: 24px;}
.m03_01 .fix_gallery_content h5{font-size:20px; line-height: 32px; font-weight:500}
.m03_01 .fix_gallery_content p{font-size: 18px; color:#999; line-height: 30px; margin-top: 10px;}

/* view */
.m03_01.view_style .view_title{border:none; padding: 0; margin-bottom: 80px;}
.m03_01.view_style .view_title .post_category{position: static; display: inline-block; margin-bottom: 20px;}
.m03_01.view_style .view_title .view_subject{display: block; float:none; padding: 0; font-size:32px; font-weight:500; margin-bottom: 0;}
.m03_01.view_style .view_title .view_info{float:none; margin-top: 30px;}
.m03_01.view_style .view_title .view_info {float:none;  }
.m03_01.view_style .view_title .view_info > span{padding: 0;font-size:16px; color:#999}

.m03_01 .view-padding{display: flex; padding: 0;}
.m03_01 .view-padding .view-img{width: 500px;}
.m03_01 .view-padding .view-img img{width: 100%; height: auto; margin: 0; }
.m03_01 .view-padding .view-content{width: 100%; padding: 0; color:#555; font-size:18px; line-height: 36px;}
.m03_01 .view-padding .view-img + .view-content{width: calc(100% - 500px); padding-left: 75px; color:#555; font-size:18px; line-height: 36px;}
.m03_01  .view-btn{margin: 145px 0 100px;}


@media(max-width:991px){
	/* list */
	.m03_01 .gallery_container.list-container{margin-bottom: 0;}
	.responsive .m03_01 .list-wrap .list-container.gallery_container .list-row{width: 100% !important;}
	.m03_01 .list-wrap .list-container.gallery_container .list-item{margin-right: 15px; margin-bottom: 50px;}

	.m03_01 .post_category{padding: 0 15px; line-height: 21px; height: 23px; font-size:11px}
	.m03_01 .fix_gallery_content{margin-top: 15px;}
	.m03_01 .fix_gallery_content h5{font-size: 15px; line-height: 24px;}
	.m03_01 .fix_gallery_content p{margin-top: 10px; font-size:14px; line-height: 23px;}

	/* view */
	.m03_01.view_style .view_title{margin-bottom: 45px;}
	.m03_01.view_style .view_title .post_category{margin-bottom: 18px;}
	.m03_01.view_style .view_title .view_subject{font-size:21px; line-height: 33px;}
	.m03_01.view_style .view_title .view_info{margin-top: 18px;}
	.m03_01.view_style .view_title .view_info > span{ font-size:13px}
	.m03_01  .view-btn{margin: 60px 0;}
	.m03_01 .view-padding{flex-direction: column; padding: 0;}
	.m03_01 .view-padding .view-img{width: 100%; margin-bottom: 33px;}
	.m03_01 .view-padding .view-img + .view-content{width: 100%; padding-left: 0;}
	.m03_01 .view-padding .view-img + .view-content{font-size:14px; line-height: 24px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m04_01 R&D센터 > 클라우드 & DX, XR
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

.rnd_gallery_con{margin-bottom: 100px;}
.rnd_tt{font-size:30px; font-weight:500; color:#222; margin-bottom: 35px;}
.m04_01 .miso-post-gallery .post-content{padding-top: 18px;}
.m04_01 .miso-post-gallery .post-content a{font-size: 18px; color:#222; font-weight:500; line-height: 29px; height: 58px; overflow: hidden; display: block;}
.m04_01 .miso-post-gallery .post-image > a{position: relative;}
.m04_01 .icon_play_m04_01{position: absolute; width: auto; height: auto; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 50;}
.m04_01 .miso-post-gallery .post-more{margin-top: 60px;}
.m04_01 .btn_more_m04{border:1px solid #ebebeb; padding: 0 55px; line-height: 46px; height: 50px; display: inline-block; color:#666; font-size:16px; font-weight:300}
.m04_01 .btn_more_m04 img{width: auto; display: inline-block; margin-left: 8px}

@media(max-width:991px){
	.rnd_tt{font-size:21px; margin-bottom: 33px;}
	.rnd_gallery_con{margin-bottom: 60px;}
	.m04_01 .miso-post-gallery .post-content{padding-top: 15px;}
	.m04_01 .miso-post-gallery .post-content a{font-size: 14px; line-height: 23px; height: 46px;}
	.m04_01 .miso-post-gallery .post-more{margin-top: 45px; }
	.m04_01 .btn_more_m04{padding: 0 43px; line-height: 37px; height: 39px; font-size: 13px; }
	.m04_01 .btn_more_m04 img{margin-left: 6px; height: 5px; width: auto;}
	.responsive .m04_02 .list-wrap .list-container.gallery_container .list-row{width: 100% !important;}
}	

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m05_03 스트라토 > 채용공고
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* list */
.top_menu_text.ko_tt {text-align: left; margin: 120px 0 90px;}
.top_menu_text.ko_tt .container_fix{width: 1330px;}
.top_menu_text.ko_tt h1{font-size:45px; font-weight:600; color:#222}

.m05_03 .list-board{border-top:1px solid #e5e5e5}
.m05_03 .list-board .list-body li{border-bottom:1px solid #e5e5e5; }
.m05_03.board_style .list-board .list-body li > div{padding: 35px 0 40px;}
.m05_03 .list-board .list-body .wr-subject .item-subject{color:#222; font-size:26px; font-weight:600;}
.m05_03 .list-board .list-body .wr-subject .subj_info{margin-top: 24px;}
.m05_03 .list-board .list-body .wr-subject .subj_info li{display: inline-block; color:#999; border:none; width: auto; font-size:18px}
.m05_03.board_style .list-board .list-body li > div.wr-date_range{text-align: right;}
.m05_03.board_style .list-board .list-body li > div.wr-date_range .dday{font-size:26px; color:#222; }
.m05_03.board_style .list-board .list-body li > div.wr-date_range .date_range{color:#999; font-size:18px; margin-top: 24px;}
.m05_03 .list-page{margin: 50px 0 75px !important}

@media(max-width:991px){
    .top_menu_text.ko_tt{margin: 54px 0 44px;}
    .top_menu_text.ko_tt h1{font-size: 26px; line-height: 38px;}
    .m05_03.board_style {margin-bottom: 0;}
    .m05_03.board_style .list-board .list-body li > div{padding: 30px 0;}
    .m05_03 .list-board .list-body .wr-subject .item-subject{font-size:17px; line-height: 24px;}
    .m05_03 .list-board .list-body .wr-subject .subj_info{margin-top: 8px;}
	.m05_03 .list-board .list-body .wr-subject .subj_info li{font-size:14px}
    .m05_03.board_style .list-board .list-body li > div.wr-date_range{width:20.96%;  vertical-align: top;}
    .m05_03.board_style .list-board .list-body li > div.wr-date_range .date_range{display: none;}
	.m05_03.board_style .list-board .list-body li > div.wr-date_range .dday{font-size:17px;}
    .m05_03 .list-page{margin:30px 0 40px!important;}
}

/* view  */
.m05_03.view_style{margin-top: 126px;}
.m05_03.view_style .view_title{border:none; padding: 0;}
.m05_03_view_top{position: relative;}
.m05_03_view_top .top_img{}
.m05_03_view_top .top_tt{position: absolute; width: 100%; top: 0;left: 0; padding-top: 141px;}
.m05_03_view_top .top_tt h2{font-size:46px; line-height: 60px; color:#fff; font-weight:600}
.m05_03_view_top .top_tt h2 span{display: block;}
.m05_03_view_top .top_tt p{color:#fff; font-size: 18px; margin-top: 32px;}

.m05_03.view_style .board_wrap_fix{width: 1450px; background: #fff; max-width:calc(100% - 30px); margin: -55px auto 0; position: relative; }

.m05_03.view_style .board_wrap_fix .board_fix {background: #fff; }
.m05_03.view_style .board_wrap_fix .board_fix .view-padding{padding: 105px 0 0;}
.m05_03.view_style .view-padding .view-content{padding-bottom: 0;}
.m05_03.view_style .view_incruit{display: flex; margin-bottom: 64px;}
.m05_03.view_style .view_incruit:last-child{margin-bottom: 4px;}
.m05_03.view_style .view_incruit .incruit_tt{width: 30.76%; color:#222; font-size:30px; font-weight:600}
.m05_03.view_style .view_incruit .incruit_wrap{width: 69.24%;}
.m05_03.view_style .view_incruit .incruit_con{ margin-bottom: 53px;}
.m05_03.view_style .view_incruit .incruit_con .incruit_con_tt{color:#222; font-size:25px; font-weight:600; line-height: 1; padding-bottom: 19px; border-bottom: 1px solid #222; margin-bottom: 33px;}
.m05_03.view_style .view_incruit .incruit_con .incruit_desc{}
.m05_03.view_style .view_incruit .incruit_con .incruit_desc p{color:#666; font-size:18px; line-height: 32px;}

.m05_03.view_style .view-btn{margin-bottom: 100px; border-top:1px solid #e1e1e1; padding-top: 24px;}
.m05_03.view_style .view-btn .btn{background: none; line-height: 30px; height: 32px; padding: 0; margin-top: 20px; font-size:18px}
.m05_03.view_style .view-btn .btn img{margin-right: 8px; vertical-align: top;}

.m05_03.view_style .view-btn .btn-group{display: block;}
.m05_03.view_style .view-btn .btn.btn_apply{display: block; line-height: 63px;height: 65px; padding: 0 84px; color:#fff; background: #6500d6; float:right; font-size:20px; font-weight:600; right: 0; margin-top: 0;}

@media(max-width:991px){
	.m05_03.view-wrap{overflow: visible;}
    .m05_03.view_style{margin-top: 60px;}
	.m05_03_view_top{margin:  0 -25px;}
    .m05_03_view_top .top_tt{padding: 62px 25px 0;}
    .m05_03_view_top .top_tt h2{font-size:27px; line-height: 38px;}
    .m05_03_view_top .top_tt h2 span{display: inline;}
	.m05_03_view_top .top_tt p{font-size: 14px; line-height: 21px; margin-top: 11px;}

	.m05_03.view_style .board_wrap_fix{margin: 0; width: 100%; max-width: initial;}
	.m05_03.view_style .board_wrap_fix .board_fix .view-padding{padding-top: 50px;}
	.m05_03.view_style .view_incruit{flex-direction: column; margin-bottom: 25px;}
	.m05_03.view_style .view_incruit .incruit_tt{width: 100%; font-size:20px; margin-bottom: 30px;}
	.m05_03.view_style .view_incruit .incruit_wrap{width: 100%;}
	.m05_03.view_style .view_incruit .incruit_con{margin-bottom: 35px;}
	.m05_03.view_style .view_incruit.incruit_benefit .incruit_con{margin-bottom: 10px;}
	.m05_03.view_style .view_incruit .incruit_con .incruit_con_tt{font-size:18px; padding-bottom: 15px; margin-bottom: 20px;}
	.m05_03.view_style .view_incruit .incruit_con .incruit_desc p{font-size:14px; line-height: 24px;}
	.m05_03.view_style .view-btn{padding-top: 20px;}
	.m05_03.view_style .view-btn .btn{margin-top: 10px; font-size:14px; line-height: 23px;}
	.m05_03.view_style .view-btn .btn img{height: 23px;width: auto; margin-right: 10px; font-size:14px}
	.m05_03.view_style .view-btn .btn.btn_apply{line-height: 41px; height: 43px; padding: 0 48px; font-size:15px}
	
}

/* write */
.m05_03 .apply_wtt{font-size:24px; color:#888; margin: 40px 0 20px; font-weight:700}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m05_04 스트라토 > CONTACT
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m05_04_01{background:url(../img/m05_04_bg.png) no-repeat center center/cover}
.m05_04_map{height: 670px;}
.m05_04_map iframe{width: 100%; height: 100%;}   


@media(max-width:991px){
	.m05_04_01{background-image:url(../img/mm05_04_bg.png)}
	.m05_04_map{height: 300px;}


}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m05_03 스트라토 > 스트라토 뉴스
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* list */
.m05_05 .list-board .list-body{border-top: 1px solid #e5e5e5;}
.m05_05 .list-board .list-body li{border-bottom: 1px solid #e5e5e5;}
.m05_05.board_style .list-board .list-body li > div{padding: 40px 20px;}
.m05_05.board_style .list-board .list-body li > div.wr-subject .wr-tt{font-size: 22px; color:#222; font-weight:500;}
.m05_05.board_style .list-board .list-body li > div.wr-subject .wr-content{margin-top: 24px; color:#999; font-size:18px; font-weight:400}
.m05_05.board_style .list-board .list-body li > div.wr-date{font-size:16px; color:#999;}
.m05_05 .list-page{margin: 50px 0 75px !important;}

@media(max-width:991px){
	.m05_05.board_style{margin-bottom: 0;}
	.m05_05.board_style .list-board .list-body li > div{padding: 10px;}
	.m05_05.board_style .list-board .list-body li > div.wr-subject .wr-tt{font-size:14px}
	.m05_05.board_style .list-board .list-body li > div.wr-subject .wr-content{margin-top: 5px; font-size:13px}
	.responsive .board_style .list-board .item-details{color:#999}
	.m05_05 .list-page{margin: 35px 0 50px !important;}
}

/* view */
.m05_05.view_style .view_title{border:none; padding: 0; margin-bottom: 80px;}
.m05_05.view_style .view_title .view_subject{display: block; float:none; padding: 0; font-size:32px; font-weight:500}
.m05_05.view_style .view_title .view_info{float:none; margin-top: 30px;}
.m05_05.view_style .view_title .view_info > span{padding: 0;font-size:16px; color:#999}
.m05_05 .view-padding{display: flex; padding: 0;}
.m05_05 .view-padding .view-img{width: 610px;}
.m05_05 .view-padding .view-img img{width: 100%; height: auto; margin: 0; }
.m05_05 .view-padding .view-content{width: 100%; padding: 0; color:#555; font-size:18px; line-height: 36px;}
.m05_05 .view-padding .view-img + .view-content{width: calc(100% - 610px); padding-left: 75px; color:#555; font-size:18px; line-height: 36px;}
.m05_05  .view-btn{margin-top: 95px;}

@media(max-width:991px){
	.m05_05.view_style .view_title{margin-bottom: 45px;}
	.m05_05.view_style .view_title .view_subject{font-size: 21px; line-height: 33px; margin-bottom: 0;}
	.m05_05.view_style .view_title .view_info{margin-top: 19px;}
	.m05_05.view_style .view_title .view_info > span{font-size:13px}
	.is-mobile .m05_05.view_style .view-padding{padding: 0; flex-direction: column	;}
	.m05_05 .view-padding .view-img{width: 100%; margin-bottom: 33px;}
	.m05_05 .view-padding .view-img + .view-content{width: 100%; padding-left: 0; font-size:14px; line-height: 24px;}
	.m05_05 .view-btn{margin: 60px 0;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m05_06 스트라토 > 스트라토 생활
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

.m05_06{margin-bottom: 100px;}
.m05_06 .strato_life{}
.m05_06 .strato_life .carousel-inner{background:rgba(235,235,235,.5); border-radius:10px;}
.m05_06 .strato_life .carousel-inner .item{padding: 55px 40px 0 60px ;}
.m05_06 .strato_life .carousel-inner .item .num{color:#222; font-size:30px; font-weight:500; margin-top: 40px;}
.m05_06 .strato_life .carousel-inner .item .caption{color:#222; font-size:46px; font-weight:600; margin-top: 23px; line-height: 68px}
.m05_06 .strato_life .header_banner_btn{position: absolute; top: 393px;left: 60px;}
.m05_06 .strato_life .header_banner_btn .carousel-control{position: static; display: inline-block; width: 56px;height: 56px; border-radius:50%; background-color:#cccccc; background-image:url(../img/icon_life_prev.png); background-repeat: no-repeat; background-position:center center; transition:.3s}
.m05_06 .strato_life .header_banner_btn .carousel-control.right{background-image:url(../img/icon_life_next.png); margin-left: 8px;}
.m05_06 .strato_life .header_banner_btn .carousel-control:hover{background-color:#6500d6}
.m05_06 .strato_life .header_banner_btn .carousel-control .glyphicon{position: static; margin: 0; display: block; width: 100%; height: 100%;}

.m05_06 .strato_life .img-item{}
.m05_06 .strato_life .life_tt{float:left; width: 49.33%;}
.m05_06 .strato_life .board_con{float:left; width: 50.67%; padding-right: 100px; height: 100%; overflow-y: scroll; padding-bottom: 60px}

.m05_06 .strato_life .post-row{background:#fff; padding: 33px 40px 40px 40px;}
.m05_06 .strato_life .post-row + .post-row{margin-top: 30px;}
.m05_06 .strato_life .post-row .board_desc{color:#444; font-size:18px; line-height: 32px;}
.m05_06 .strato_life .post-row .writer{margin-top: 33px;}
.m05_06 .strato_life .post-row .writer li{display: inline-block; color:#999; font-size:16px; position: relative;}
.m05_06 .strato_life .post-row .writer li + li{margin-left: 15px; padding-left: 15px;}
.m05_06 .strato_life .post-row .writer li + li:before{content:''; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 0; height: 15px;width: 1px; background: #ddd;}

@media(max-width:991px){
	.m05_06{background: rgba(235,235,235,.5); margin-bottom: 60px;}
	.m05_06 .strato_life .carousel-inner{background: none;}
	.m05_06 .strato_life .carousel-inner .item{padding: 60px 0;}
	.m05_06 .strato_life .life_tt{float:none; width: 100%; margin-bottom: 137px;}
	.m05_06 .strato_life .carousel-inner .item .num{margin-top: 0; font-size:20px}
	.m05_06 .strato_life .carousel-inner .item .caption{font-size:27px; line-height: 40px; height: 80px;}
	.m05_06 .strato_life .header_banner_btn{top: 228px; left: 0;}

	.m05_06 .strato_life .board_con{float:none; width: 100%; padding-right: 23px; padding-bottom: 0px; height: calc(100% - 265px);}
	.m05_06 .strato_life .post-row{padding: 22px 26px 28px;}
	.m05_06 .strato_life .post-row + .post-row{margin-top: 10px;}
	.m05_06 .strato_life .post-row .board_desc{font-size:13px; line-height: 23px;}
	/* .m05_06 .strato_life .post-row .writer{margin-top: 90px; } */
	.m05_06 .strato_life .post-row .writer li{font-size:12px;}
	.m05_06 .strato_life .post-row .writer li + li{padding-left: 12px; margin-left: 12px;}
	.m05_06 .strato_life .post-row .writer li + li:before{height: 11px;}

	.m05_06 .strato_life .header_banner_btn .carousel-control{width: 47px;height: 47px; background-size:8.5px 15.5px}

}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m05_03 스트라토 > 채용공고 > 지원서
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/* 모달 step01 */
.modal_apply_wrap{position: fixed; left: 0;right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.45); z-index: 10; display: none;}
.modal_apply{position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #fff; padding: 70px 55px 50px; width: 750px; max-width:calc(100% - 50px)}
.modal_apply .btn_close{position: absolute; right: 0; top: -80px; cursor:pointer}
.modal_apply .modal_tt{font-size:35px; font-weight:500; color:#222; text-align: center; margin-bottom: 62px;}
.modal_apply .modal_notice{color:#666; font-size:18px; font-weight:300; line-height: 30px; margin-bottom: 24px;}
.modal_apply .modal_notice span{font-weight:400}
.modal_apply .apply_confirm{border-top:1px solid #000; border-bottom: 1px solid #e1e1e1; padding: 30px 50px;}
.modal_apply .apply_confirm li{font-size:20px; line-height: 1; color:#666; font-weight:300 }
.modal_apply .apply_confirm li span{padding-left: 22px;}
.modal_apply .apply_confirm li .confirm_tt{width: 90px; padding-left: 0; display: inline-block;position: relative;}
.modal_apply .apply_confirm li .confirm_tt:after{content:''; display: block; width: 1px; height: 17px; background: #cfcfcf; position: absolute; right: 0; top: 50%; transform:translateY(-50%)}
.modal_apply .apply_confirm li + li{margin-top: 15px;}
.modal_apply .agree_txt{background: #f4f4f4; padding: 29px 0; text-align: center; margin-top: 28px;}
.modal_apply .agree_txt p{font-size:18px; line-height: 30px; font-weight:300; color:#666}
.modal_apply .agree_txt p span{color:#222222; font-weight:500; font-size:20px; display: block;}
.modal_apply .modal_button{margin-top: 50px; text-align: center;}
.modal_apply .modal_button span{display: inline-block; padding: 0 38px; background: #666; line-height: 58px; height: 60px; color:#fff; font-size: 20px; font-weight:500; cursor:pointer}
.modal_apply .modal_button span.next{background: #6500d6; margin-right: 8px;}

@media(max-width:991px){
	.modal_apply{padding: 45px 20px 57px;}
	.modal_apply .modal_tt{font-size:24px; margin-bottom: 45px;}
	.modal_apply .modal_notice{font-size: 14px; line-height: 23px; margin-bottom: 18px;}
	.modal_apply .apply_confirm{padding: 21px 16px;}
	.modal_apply .apply_confirm li{font-size:15px}
	.modal_apply .apply_confirm li + li{margin-top: 13px;}
	.modal_apply .apply_confirm li .confirm_tt{width: 67px; }
	.modal_apply .apply_confirm li .confirm_tt:after{height: 13px;}
	.modal_apply .agree_txt{margin-top: 25px; padding: 18px 0;}
	.modal_apply .agree_txt p{font-size:14px; line-height: 27px;}
	.modal_apply .agree_txt p span{font-size: 15px; line-height: 23px; margin-bottom: 5px;}
	.modal_apply .agree_txt p span.m_br{margin-bottom: 0;}	
	.modal_apply .modal_button{margin-top: 30px;}
	.modal_apply .modal_button span{height: 45px; line-height: 43px; padding: 0 29px; font-size:15px}
	.modal_apply .modal_button span.next{margin-right: 5px;}

	.modal_apply .btn_close{top: -35px;}
	.modal_apply .btn_close img{width: auto;height: 20px;}
}

/* step 공통 */
.incruit_apply{background: #f4f4f4;}
.apply_step{background: #fff; min-height:100vh; padding-bottom: 170px;}
.apply_step.step01{display: block; padding-bottom: 0;}

.step_foot{position: fixed; left: 0; right: 0; bottom: 0; border-top:1px solid #d7d7d7; padding: 34px 0; background: #fff; z-index: 10;}
.step_foot > div > div{display: flex; align-items: center; justify-content: space-between;}
.step_foot .foot_txt{display: flex; align-items: center;}
.step_foot .foot_txt img{margin-right: 25px;}
.step_foot .foot_txt p{font-size:20px; color:#222; font-weight:500}
.step_foot .foot_txt p > span{color:#666; font-size:16px; display: block; font-weight:400; margin-top: 13px;}
.step_foot .foot_btn{}
.step_foot .foot_btn .btn_step{line-height: 48px; height: 50px; background: #666; padding: 0 65px; color:#fff; font-size:18px; font-weight:500; display: inline-block;}
.step_foot .foot_btn .btn_step.next{margin-left: 8px; background:#6500d6;}

.incruit_process{display: flex; width: 100%; margin-bottom: 60px;}
.incruit_process li{padding: 0 28px; line-height: 48px; height: 50px; font-size:16px; border:1px solid #e1e1e1; width: 25%;}
.incruit_process li + li{border-left:none; }
.incruit_process li.on{background: #6500d6; color:#fff; border:none;}

.apply_fix{padding: 0 15px;width: 1330px; max-width: 100%; margin: 0 auto; }
.apply_fix .form_fix{background: #fff; padding: 0 60px;}
.incruit_apply .apply_tt{color:#222; font-size:35px; font-weight:500; padding-top: 100px; margin-bottom: 65px;}
.incruit_apply .incruit_apply_con{display: flex; flex-wrap:wrap}

@media(max-width:991px){
	.apply_step{padding-bottom: 273px;}
	.step_foot{padding: 30px 0;}
	.step_foot.down{bottom: -263px;}
	.step_foot > .btn_foot_down{display: block; position: absolute; top: -16px; left: 50%; transform:translateX(-50%); cursor:pointer}
	.step_foot > .btn_foot_down img{height: 14px; width: auto;}
	.step_foot > div > div{flex-direction: column;}
	.step_foot .foot_txt{flex-direction: column; align-items: center; text-align: center;}
	.step_foot .foot_txt img{margin: 0 0 10px; height: 35px; width: auto;}
	.step_foot .foot_txt p{font-size: 15px; line-height: 23px;}
	.step_foot .foot_txt p span{font-size: 13px; margin-bottom: 12px; margin-bottom: 30px;}
	.step_foot .foot_txt p span.m_br{margin: 0;}
	.step_foot .foot_btn .btn_step{height: 45px; line-height: 43px; font-size:15px; padding: 0 55px;}

	.apply_fix{width: 100%; padding: 0;}
	.apply_fix .form_fix{padding: 0 25px ;}
	.incruit_apply .apply_tt{padding-top: 50px; margin-bottom: 40px; line-height: 33px; font-size:24px}
	.incruit_apply .incruit_apply_con{flex-direction: column;}
	
}

/* step01 */
.step01 .apply_left{width: 59%; border-right:1px solid #ebebeb; padding-right: 40px;}
.step01 .apply_left .mylist{color:#666; font-size:20px; margin-bottom: 45px;}
.step01 .apply_left .mylist a{display: inline-block; padding: 0 15px; background: #f4f4f4; border-radius:16.5px; line-height: 31px; height: 33px; font-size:15px; color:#666; margin-left: 15px;}
.step01 .apply_left .apply_form{display: flex; flex-wrap:wrap}
.step01 .apply_left .apply_form p{width: 100%;}
.step01 .apply_left .apply_form p + p{margin-top: 13px;}
.step01 .apply_left .apply_form p label{display: none;}
.step01 .apply_left .apply_form p input{line-height: 58px; height: 60px; border:1px solid #e1e1e1; width: 100%; padding: 0 20px; font-size:18px; font-weight:300}
.step01 .apply_left .apply_form p input::placeholder{color:#b3b3b3}
.step01 .apply_left .apply_form .apply_form_notice{color:#666; font-size:17px; line-height: 28px; margin-top: 20px;}
.step01 .apply_left .apply_form .half{width: 49.23%;}
.step01 .apply_left .apply_form .half + .half{margin-left: 1.53%; margin-top: 0;}
.step01 .apply_left .apply_form.apply_pw {margin-top: 45px;}

.step01 .apply_right{width: 41%; padding-left: 39px; padding-top: 24px;}
.step01 .apply_right .apply_agree input[type="checkbox"]{opacity:0; position: absolute;}
.step01 .apply_right .apply_agree label{position: relative; cursor:pointer; margin-bottom: 28px; padding-left: 40px; line-height: 28px; font-size:20px; color:#222; font-weight:500}
.step01 .apply_right .apply_agree label span{display: block; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 28px;height: 28px; background-position:center center; background-repeat:no-repeat; background-image:url(../img/icon_agree_off.png);}
.step01 .apply_right .apply_agree input[type="checkbox"]:checked + label span{background-image:url(../img/icon_agree_on.png)}
.step01 .apply_right .apply_agree .apply_agree_con{border:1px solid #e1e1e1; padding: 25px 20px 25px 27px; line-height: 28px; font-size: 18px; font-weight:300; height: 160px; overflow-y: scroll;}
.step01 .apply_right .apply_agree + .apply_agree{margin-top: 40px;}

.step01 .incruit_notice{width: 100%; padding: 29px 36px; background: #f4f4f4; margin-top: 50px;}
.step01 .incruit_notice li{color:#999; font-size:17px; line-height: 30px; padding-left: 10px; position: relative;}
.step01 .incruit_notice li:before{content:''; display: block; width: 2px;height: 2px;background: #999; border-radius:50%; position: absolute; top: 50%; left: 0; transform:translateY(-50%)}

.step01 .apply_submit{width: 100%; margin: 50px 0 100px; text-align: center; }
.step01 .apply_submit button{ display: inline-block; width: 240px; height: 65px; line-height: 63px; background: #6500d6; color:#fff; font-size: 20px; font-weight:500}

@media(max-width:991px){
	.step01 .apply_left{padding-right: 0; border-right:none; width: 100%; padding-bottom: 26px; border-bottom:1px solid #ebebeb}
	.step01 .apply_left .mylist{font-size:15px; margin-bottom: 25px;}
	.step01 .apply_left .mylist a{margin-left: 9px; padding: 0 11px; line-height: 21px; height: 23px; font-size: 12px}
	.step01 .apply_left .apply_form{flex-direction: column;}
	.step01 .apply_left .apply_form p + p{margin-top: 9px;}
	.step01 .apply_left .apply_form .half{width: 100%;}
	.step01 .apply_left .apply_form .half.right{width: 100%;}
	.step01 .apply_left .apply_form .half + .half{margin-top: 9px; margin-left: 0;}

	.step01 .apply_left .apply_form.apply_pw{margin-top: 26px;}

	.step01 .apply_left .apply_form p input{line-height: 41px; height: 43px; font-size: 14px}
	.step01 .apply_left .apply_form .apply_form_notice{margin-top: 16px; font-size: 13px; line-height: 20px;}

	.step01 .apply_right{width: 100%; padding-left: 0; padding-top: 26px;}
	.step01 .apply_right .apply_agree label{padding-left: 30px; font-size:15px; line-height: 19px; margin-bottom: 20px;}
	.step01 .apply_right .apply_agree label span{width: 19px; height: 19px; background-size:cover}
	.step01 .apply_right .apply_agree + .apply_agree{margin-top: 30px;}
	.step01 .apply_right .apply_agree .apply_agree_con{height: 160px; font-size:14px; line-height: 23px; padding: 15px 19px;}
	.step01 .incruit_notice{margin-top: 38px;padding: 23px 17px;}
	.step01 .incruit_notice li{font-size: 13px; line-height: 20px; padding-left: 7px;}
	.step01 .incruit_notice li:before{top: 10px;}

	.step01 .apply_submit{margin: 30px 0 50px;}
	.step01 .apply_submit button{line-height: 41px; height: 43px; width: 150px; font-size: 15px}
}

/* step02 */
.incruit_apply .step02 .apply_tt{margin-bottom: 60px;}
.apply_form_sec{margin-bottom: 60px;}
.apply_form_sec .form_tt{font-size:25px; color:#222; font-weight:500; margin-bottom: 20px;}
.apply_form_sec .apply_form{border-top:1px solid #222;}
.apply_form_sec .apply_form_con{padding: 25px 60px 15px 50px; border-bottom:1px solid #ebebeb; display: flex; flex-wrap:wrap}
.apply_form_sec .apply_form_con.thick_bottom{padding-bottom: 25px;}
.apply_form_con .form_con_tt{font-size:18px; color:#222; width: 170px; line-height: 40px; padding-left: 10px; position: relative;}
.apply_form_con .form_con_tt.require:before{content:'*'; display: block; position: absolute; left: 0; top: 0; color:#6500d6 }
.apply_form_con .form_con{width: calc(100% - 170px);}
.apply_form_con .form_con p{width: 100%; color:#666; font-size:18px; line-height: 46px; display: flex; margin-bottom: 12px;}
.apply_form_con .form_con p.half{width: 53.34%; float:left;}
.apply_form_con .form_con p.half.right{width: 46.66%;}
.apply_form_con .form_con p label{width: 132px; position: relative;}
.apply_form_con .form_con p label.require:before{content:"*"; position: absolute; left: -10px; top: 50%; transform:translateY(-50%); color:#6500d6}
.apply_form_con .form_con p input[type="text"]{width: 280px; max-width:100%; line-height: 44px; height: 46px; padding: 0 22px;}
.apply_form_con .form_con p input[type="text"]::placeholder{color:#b4b4b4}
.apply_form_con .form_con p.date input{width: 160px; background:url(../img/icon_birth_calendar.png) no-repeat 15px center; padding-left: 45px;}
.apply_form_con .form_con p select{border:1px solid #e1e1e1; appearance: none; -webkit-appearance: none; background-image:url(../img/icon_drop_apply.png); background-repeat: no-repeat; background-position: calc(100% - 22px) center; padding: 0 22px; width: 280px; color:#666; font-size:17px; line-height: 44px; height: 46px;}


.apply_form_con .form_con p.sex input{opacity:0; position: absolute;}
.apply_form_con .form_con p.sex input + label{width: 80px; border:1px solid #e1e1e1; color:#666; text-align: center;}
.apply_form_con .form_con p.sex input + label:last-child{margin-left: -1px;}
.apply_form_con .form_con p.sex input:checked + label{border:1px solid #6500d6; color:#6500d6; z-index: 1;}

.apply_form_con .form_con p.field select + select{margin-left: 14px;}

.apply_form_con .form_con p.salary input{position: relative;}
.apply_form_con .form_con p.salary span{position: relative; display: block; width: 280px;}
.apply_form_con .form_con p.salary span:after{content:'만원'; display: block; position: absolute; right: 20px; top: 50%; transform:translateY(-50%)}

.apply_form_con .form_con p.route select{width: 415px;}

.apply_form_con .form_con p.addr {flex-wrap:wrap}
.apply_form_con .form_con p.addr .addr_input{width: calc(100% - 132px);}
.apply_form_con .form_con p.addr .addr_input label{display: none !important;}
.apply_form_con .form_con p.addr .addr_input input{width: 500px; display: block; font-size:17px}
.apply_form_con .form_con p.addr .addr_input input:nth-child(n+4){margin-top: 14px;}

.apply_form_con.person_photo{padding: 45px 60px 40px 50px;}
.apply_form_con.person_photo .img_sec{max-width: 200px;}
.apply_form_con.person_photo .img_sec img{width: 100%;}
.apply_form_con .form_con p.form_notice{margin-bottom: 40px; line-height: 1; font-size:17px; }
.apply_form_con .form_con.img_file{padding-left: 40px;}
.apply_form_con .btn_attach label{position: relative;}
.apply_form_con .btn_attach span{display: inline-block; padding: 0 26px; line-height: 43px; height: 45px; background: #666; color:#fff; font-size:17px; cursor:pointer}
.apply_form_con .btn_attach span.upload{background: #6500d6; margin-right: 8px;}
.apply_form_con .btn_attach span.del_file{}
.apply_form_con .btn_attach input{appearance: none; -webkit-appearance: none; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%)}

.apply_form_con p input[type="checkbox"]{appearance: none; -webkit-appearance: none;opacity: 0; position: absolute;}
.apply_form_con p input[type="checkbox"] + label{line-height: 43px; height: 45px; border:1px solid #e1e1e1; font-size:18px; color:#666; text-align: center; cursor:pointer}
.apply_form_con p input[type="checkbox"]:nth-child(n+4) + label{margin-left: -1px;}
.apply_form_con p input[type="checkbox"]:checked + label{color:#6500d6; border-color:#6500d6;z-index: 1;}
.apply_form_con p input[type="radio"]{appearance: none; -webkit-appearance: none;opacity: 0; position: absolute;}
.apply_form_con p input[type="radio"] + label{line-height: 43px; height: 45px; border:1px solid #e1e1e1; font-size:18px; color:#666; text-align: center; cursor:pointer}
.apply_form_con p input[type="radio"]:nth-child(n+4) + label{margin-left: -1px;}
.apply_form_con p input[type="radio"]:checked + label{color:#6500d6; border-color:#6500d6;z-index: 1;}
.apply_form_con .military p span{display: flex;}
.apply_form_con .military p input[type="radio"] + label{width: 90px;}
.apply_form_con .form_con p.date.range input{width: 130px;}
.apply_form_con .form_con p.date.range span span{margin: 0 2px;}

@media(max-width:991px){
	.incruit_apply .step02 .apply_tt{font-size:24px; margin-bottom: 40px;}
	
	.m_incruit_process{width: 100%; margin-bottom: 40px;}
	.m_incruit_process > span{cursor:pointer; display: block; background: #6500d6 url(../img/icon_drop_process.png) no-repeat; background-position:calc(100% - 15px) center; background-size: 7px 5px; color:#fff; font-size: 13px; line-height: 37px; height: 39px; padding: 0 15px;}
	.m_incruit_process > ul{width: 100%; margin-top: 0;}
	.m_incruit_process > ul li{line-height: 2.3; font-size:13px; padding: 0 15px;}
	
	.apply_form_sec{margin-bottom: 40px;}
	.apply_form_sec .form_tt{font-size:18px; margin-bottom: 10px;}
	.apply_form_sec .apply_form_con{padding: 12px 0; flex-direction: column;}
	.apply_form_con .form_con{width: 100%;}
	.apply_form_con .form_con_tt{padding-left: 0; width: 100%; font-size:14px}
	.apply_form_con .form_con_tt.require{padding-left: 12px;}
	.apply_form_con .form_con p{width: 100%; font-size:15px; line-height: 40px; }
	
	.apply_form_con .form_con p > span{width: calc(100% - 110px); margin: 0; display: flex;}
	.apply_form_con .form_con p.length_cover_letter > span{width: auto; display: inline-block;}
	.apply_form_con .form_con p.half{width: 100%;}
	.apply_form_con .form_con p.half.right{width: 100%;}

	.apply_form_con .form_con p.name_person{margin-bottom: 0;}


	.apply_form_con .form_con p label{width: 110px;}
	.apply_form_con .form_con p label.require{padding-left: 8px;}
	.apply_form_con .form_con p label.require:before{left: 0; top: 0; transform: translateY(0);}
	.apply_form_con .form_con p input[type="text"]{height: 40px; line-height: 38px; width: calc(100% - 110px); padding: 0 12px; font-size:13px}
	.apply_form_con .form_con p.date input{padding: 0 12px 0 39px; background-size: 15px 12.5px}
	.apply_form_con p input[type="radio"] + label{height: 40px; line-height: 38px; font-size:13px}
	.apply_form_con .form_con p.date.range input{width: 46.2%;}
	.apply_form_con .form_con p.date.range span span{width: auto; margin: 0 2.41%;}
	.apply_form_con .form_con p select{height: 40px; line-height: 38px; padding: 0 12px; font-size:13px; width: 100%;}
	.apply_form_con .form_con p.form_notice{font-size: 13px; line-height: 19px;}

	.apply_form_con .form_con p.sex input + label{width: 65px;}
	.apply_form_con .form_con p.field{flex-direction: column;}
	.apply_form_con .form_con p.field select{width: 100%; background-size:7px 5px; background-position:calc(100% - 20px) center}
	.apply_form_con .form_con p.field select + select{margin-left: 0; margin-top: 11px;}
	.apply_form_con .form_con p.salary span{width: calc(100% - 110px)}
	.apply_form_con .form_con p.salary span:after{font-size:13px}
	.apply_form_con .form_con p.salary span input{width: 100%;}
	.apply_form_con .form_con p.route select{width: 100%;}

	.apply_form_con .form_con p.addr > span{flex-direction: column;}
	.apply_form_con .form_con p.addr .addr_input input{width: 100%; font-size:13px}

	.apply_form_con.person_photo{flex-direction: row;}
	.apply_form_con.person_photo .form_con_tt{width:32.25%}
	.apply_form_con.person_photo .form_con_tt img{width: 100%;}
	.apply_form_con.person_photo .form_con{padding-left: 13px; width: 67.75%;}
	.apply_form_con .form_con p.form_notice{margin-bottom: 18px;}
	.apply_form_con .btn_attach span{line-height: 32px; height: 34px; font-size:13px; padding: 0 20px;}
	.apply_form_con .btn_attach span.upload{margin-right: 3px;}
	.apply_form_con .form_con p.addr{flex-direction: column;}
	.apply_form_con .form_con p.addr .addr_input{width: 100%;}
	.apply_form_con .form_con.tel_num p {margin-bottom: 0;}
	.apply_form_con .military p{flex-wrap:wrap}
	.apply_form_con .military p.military_select span{width: calc(100% - 122px); flex-wrap:wrap;}
	.apply_form_con .military p input[type="radio"] + label{width: 33.33%;}
	.apply_form_con .military p input[type="radio"] + label:nth-child(n+7){margin-top: 10px;}
	.apply_form_con .form_con.military p select{width: calc(100% - 110px);}
}

/* step03 */
.form_con_tt .btn_add{}
.form_con_tt .btn_add span{width: 24px;height: 24px; display: inline-block; border-radius:50%; border:1px solid #ebebeb; position: relative; cursor:pointer}
.form_con_tt .btn_add span:before{content:''; display: block; width: 7px; height: 1px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #666;}
.form_con_tt .btn_add span.plus{border-color:#6500d6; background: #6500d6; margin-right: 5px;}
.form_con_tt .btn_add span.plus:before{background: #fff; height: 1px; width: 10px;}
.form_con_tt .btn_add span.plus:after{content:''; display: block; width: 1px; height: 10px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #fff;}

.step03 .apply_form_con{padding: 26px 60px 12px 50px;}
.apply_form_con .form_con.edu p select{width: 132.5px;}
.apply_form_con .form_con.edu p .month{margin-left: 15px;}

.apply_form_con .form_con p.text_area textarea{width: calc(100% - 132px); overflow-y: scroll; resize: none; padding: 15px 20px; line-height: 1.6;}
.apply_form_con .form_con.career p.reason_leave textarea{height: 130px;}
.apply_form_con .form_con.career p.career_desc textarea{height: 170px;}

.btn_career{text-align: center;}
.btn_career .btn_career_calc{display: inline-block; padding: 0 34px; background: #6500d6; color:#fff; line-height: 58px; height: 60px; font-size:18px; font-weight:500; margin-top: 40px; cursor:pointer}

.apply_form_sec .form_tt.career_detail{display: flex; justify-content: space-between;}
.apply_form_sec .form_tt.career_detail .calc_career{color:#666; font-size:18px; font-weight:400}
.apply_form_sec .form_tt.career_detail .calc_career .cdetail_tt{color:#222; margin-right: 32px;}

.apply_form_con p.type_license span{display: flex;}
.apply_form_con p.type_license input[type="checkbox"] + label{width: 80px; font-size:17px}
.apply_form_con .form_lice_type .lice_type{display: none;}
.apply_form_con .form_lice_type .lice_type01{display: block;}
.apply_form_con .form_con p.upload_file img{max-height:600px; width: auto;}
.apply_form_con p .left_file{padding: 0 29px; background: #666; color:#fff; font-size:17px; cursor:pointer}

.apply_form_con .form_con p.grade_lang input[type="text"]{width: 80px;}
.apply_form_con .form_con p.grade_lang span span{margin: 0 5px;}


@media(max-width:991px){
	.step03 .apply_form_con{padding: 12px 0 20px 0 ;}
	.apply_form_con.add_sec .form_con_tt{display: flex; margin-bottom: 8px;}
	.apply_form_con.add_sec .form_con_tt p{width: 110px;}
	.form_con_tt .btn_add{display: flex;align-items: center;}
	.form_con_tt .btn_add span{width: 22px; height: 22px;}
	.apply_form_con .form_con.edu p select{width: 47%;}
	.apply_form_con .form_con.edu p .month{margin-left: 3.22%;}
	.apply_form_con .form_con p.text_area textarea{width: calc(100% - 110px);}
	.apply_form_con .form_con.career p.reason_leave textarea{height: 190px;}
	.apply_form_con .form_con.career p span{width: calc(100% - 110px);}
	.apply_form_con .form_con.career p span input{width: 100%;}
	.btn_career .btn_career_calc{margin-top: 30px; padding: 0 30px; line-height: 43px; height: 45px; font-size:15px}
	.apply_form_sec .form_tt.career_detail .calc_career{font-size:14px;}
	.apply_form_sec .form_tt.career_detail .calc_career .cdetail_tt{margin-right: 15px;}
	.apply_form_con .form_con.career p.career_desc textarea{height: 190px;}

	.apply_form_con p.type_license{width: calc(100% - 12px );}
	.apply_form_con p.type_license > span{width: calc(100% - 122px); display: flex;}
	.apply_form_con p.type_license input[type="checkbox"] + label{height: 39px; line-height: 37px; font-size:13px; width: 33.33%;}
	.apply_form_con.license .form_con p.upload_file input{width: calc(100% - 182px);}
	.apply_form_con.license .form_con p.upload_file label.left_file{padding: 0 12px; width: auto; font-size:13px; height: 40px;line-height: 38px;}
	.apply_form_con .form_con p.grade_lang > span{width: calc(100% - 122px);}
	.apply_form_con .form_con p.grade_lang span input[type="text"]{width: 33.33%;}
	.apply_form_con .form_con p.grade_lang span span{margin: 0 4px;}

}
/* step04 */
.apply_form_con.cover_letter{padding: 25px 60px 11px 50px;}
.apply_form_con.cover_letter .form_con p{flex-direction: column;}
.apply_form_con.cover_letter .form_con p label{width: 100%; margin-bottom: 10px;}
.apply_form_con.cover_letter .form_con p textarea{width: 100%; height: 360px; margin-bottom: 2px;}
.apply_form_con.cover_letter .form_con p.length_cover_letter{display: block; text-align: right; font-size:17px; line-height: 1;}

@media(max-width:991px){
	.apply_form_con.cover_letter{padding: 15px 0px 20px;}
	.apply_form_con.cover_letter .form_con p label{line-height: 20px; margin-bottom: 20px; font-size: 13px; padding-left: 12px;}
	.apply_form_con.cover_letter .form_con p textarea{height: 300px;}
	.apply_form_con.cover_letter .form_con p.length_cover_letter{font-size:14px; margin-bottom: 0;}
}

/* step05 */
.complete_process{width: 100%; display: flex; justify-content: space-between; padding: 0 60px; margin-bottom: 80px;}
.complete_process li{width: 21.69%; text-align: center; height: 100%; position: relative;}
.complete_process li .icon_circle{width: 100%; height: 230px; border-radius:50%; border:2px solid #6500d6; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; margin: 0 auto; z-index: 2; background: #fff;}
.complete_process li + li:before{content:''; display: block; position: absolute; right: 0; height: 1px; left: -100%; background: #6500d6; top: 115px}
.complete_process li .icon_circle:after{content:''; display: block; width: 34px; height: 34px; border-radius:50%; background-color: #6500d6; background-position:center center; background-repeat:no-repeat; background-image:url(../img/icon_check.png); position: absolute; right: 10px;top: 22px; }
.complete_process li .icon_circle img{}
.complete_process li .icon_circle p{margin-top: 17px; font-size: 18px; color:#6500d6; font-weight:500}
.complete_process li > p{text-align: center; color:#666; font-size: 18px; margin-top: 30px;}

.agree_promise_con{background: url(../img/bg_promise.png) no-repeat center center/contain; border:1px solid #e1e1e1; padding: 110px 70px 82px 85px;}
.agree_promise_con .promise_tt{text-align: center; color:#222; font-size:26px; font-weight:600; margin-bottom: 39px;}
.agree_promise_con ol{padding-left: 15px; margin-bottom: 38px;}
.agree_promise_con ol li{list-style: auto; color:#666; font-size:18px; line-height: 30px;}
.agree_promise_con ol li + li{margin-top: 21px;}
.agree_promise_con .promise_sign{text-align: center;}
.agree_promise_con .promise_sign p{color:#666; font-size:17px; line-height: 30px;}
.agree_promise{margin-top: 22px;}
.agree_promise input[type="checkbox"]{position: absolute; opacity:0; appearance: none; -webkit-appearance: none;}
.agree_promise label{padding-left: 23px;font-size:17px; color:#666; position: relative; cursor:pointer}
.agree_promise label span{ display: block; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 15px;height: 15px; border:1px solid #e1e1e1}
.agree_promise input[type="checkbox"]:checked + label span{border-color:#6500d6; background: #6500d6 url(../img/icon_check.png) no-repeat center center/53% 53%; }

@media(max-width:991px){
	.complete_process{padding: 0; margin-bottom: 38px;}
	

	.agree_promise_con{background-image:url(../img/mbg_promise.png); padding: 69px 35px 60px; background-size:cover; min-height:121vw}
	.agree_promise_con .promise_tt{font-size:16px; margin-bottom: 25px;}
	.agree_promise_con ol{margin-bottom: 30px;}
	.agree_promise_con ol li{font-size:12px; line-height: 21px;}
	.agree_promise_con .promise_sign p{font-size: 12px; line-height: 21px;}
	.agree_promise label{font-size:13px; padding-left: 23px;}
	.agree_promise label span{width: 13px; height: 13px; top: 55%;}
}
@media(max-width:720px){
	.complete_process li{width: 29.35%;}
	.complete_process li .icon_circle{width: 100px; height: 100px; border-width:1px; }
	.complete_process li .icon_circle:after{width: 17px;height: 17px; background-size:6px 6px; top: 6px; right: 5px;}
	.complete_process li .icon_circle:nth-child(1) img{height: 37px;}
	.complete_process li .icon_circle:nth-child(2) img{height: 36px;}
	.complete_process li .icon_circle:nth-child(3) img{height: 35px;}

	.complete_process li .icon_circle p{font-size:13px; margin-top: 9px;}
	.complete_process li + li:before{top: 50px; left: -100px; right: 50px;}
	.complete_process li > p{font-size: 13px; line-height: 19px; margin-top: 11px; padding-top: 8px;}
	.complete_process li:nth-child(2) p{padding-top: 0;}
}

/* list */
.list-board .list-body .wr-subject .item-subject span.status_pass{width: 55px; display: inline-block; margin-right: 28px;  line-height: 25px; height: 27px; text-align: center; color:#fff; font-size:14px; font-weight:300; background: #e73b6b;}
.list-board .list-body .wr-subject .item-subject span.status_pass.pass{background: #6500d6;}
.list-board .list-body .wr-subject .item-subject span.status_pass.nonpass{background: #333;}
/* view */
.apply_form_con .form_con p.field .answer{width: 50%;}
.apply_form_con .form_con p.text_area .answer{width: calc(100% - 132px); line-height: 1.6; padding-top: 10px;}
@media(max-width:991px){
   .view-content .m_incruit_process > li{width: 100%;}
}

.password_confirm{margin-bottom: 120px;}
@media(max-width:991px){
    .password_confirm{margin-bottom: 60px;}
}

/* 220803 피드백 */
/* .m03_01 .fix_gallery_content p{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} */
.inquiry_box.youtube_link + .youtube_link{display: none;}

.step_foot{transform:translateY(0)}
.step_foot.open{transform:translateY(90%)}

/* 220809 피드백 */
.rnd_gallery_con .item-col:hover .wr-img, .rnd_gallery_con .post-col:hover .wr-img{transform:scale(1)}

/* 221011 유지보수 csj */
.frm_input{height:auto; border:0; background:transparent;}