/*---------------------------------------------------------------------
    메인 : 관리자 설정 UI
---------------------------------------------------------------------*/
.admin_set_block{ z-index:3; position:absolute; right:0; top:0; text-align:right; }
.main_banner_wrap .admin_set_block{ top:auto; bottom:0; }
.admin_set_bg{ position:fixed; width:100%; right:0; top:0; background:rgba(0,0,0,.5); }

.admin_set_btn{ display:inline-block; margin:20px; width:38px; height:38px; font-size:0; background:url(/img/set_close_btn.png) no-repeat center; background-size:100%; }

.admin_set_wrap{ overflow-y:auto; position:fixed; width:1px; height:100%; right:-100%; top:0; box-sizing:border-box; background:#fff; transition:right .4s ease-in-out; -webkit-transition:right .4s ease-in-out; opacity:0; }
.admin_set_wrap{ padding:50px; text-align:right; }
.admin_set_wrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.admin_set_close_btn{ display:inline-block; }

.admin_set{ margin:12px 0; text-align:left; }
.admin_set h5{ position:relative; }
.admin_set h5 b{ z-index:1; position:relative; display:block; font-weight:500; font-size:19px; line-height:46px; color:#333; font-family:'Roboto','Noto Sans KR'; }
.admin_set h5 span{ position:absolute; right:0; top:0; display:block; font-size:13px; font-weight:300; line-height:46px; color:#777; font-family:'Roboto','Noto Sans KR'; }
.admin_set h5 span i{ font-style:normal; letter-spacing:-1.5px; font-family:'Roboto','Noto Sans KR'; }

.set_control{ width:100%; height:40px; padding:0 10px; border:1px solid #ddd; font-weight:300; font-size:14px; line-height:40px; color:#555; font-family:'Roboto','Noto Sans KR'; }
textarea.set_control{ padding:5px 10px; min-height:84px; font-weight:300; font-size:14px; line-height:24px; }

.set_upfile_wrap{ overflow:hidden; margin:1px 0 7px; }
.set_upfile_wrap .set_file{ float:left; width:20%; font-weight:400; font-size:13px; line-height:40px; color:#fff; background:#555; text-align:center; }
.set_upfile_wrap .set_file{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.set_upfile_wrap{ position:relative; }
.set_upfile_wrap:hover .set_file{ background:#3e4293; }
.set_upfile_wrap .set_filename{ float:left; width:80%; padding-right:70px; }
.set_upfile_wrap .set_upfilebtn{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

.set_upfile_delete{ position:absolute; right:15px; top:8px; color:#555; }
.set_upfile_delete:hover{ color:#333; }
.set_upfile_delete input[type="checkbox"]{ vertical-align:-2px; }

.admin_set_wrap .set_save{ margin:15px 0 0 0; width:100%; border-radius:0; font-size:17px; font-weight:500; line-height:44px; }

.admin_set ul{ overflow:hidden; }
.admin_set ul li{ float:left; width:58%; margin:0; }
.admin_set ul li:last-child{ margin-left:2%; width:40%; }
.admin_set ul li .set_upfile_wrap .set_file{ width:35%; }
.admin_set ul li .set_upfile_wrap .set_filename{ width:65%; }

.admin_set_block.on{ z-index:100; width:100%; height:100%; }
.admin_set_block.on:before{ width:100%; opacity:1; }
.admin_set_block.on .admin_set_btn{ display:none; }
.admin_set_block.on > .admin_set_wrap{ z-index:101; width:580px; right:0; opacity:1; }
.admin_set_block.on > .admin_set_bg{ height:100%; }

.file_del{ position:absolute; right:0; top:0; padding:0 10px; border:1px solid #ddd; font-size:13px; font-weight:400; color:#555; line-height:38px; }
.file_del:hover{ background:#830008; border-color:#830008; color:#fff; }



/*---------------------------------------------------------------------
    메인
---------------------------------------------------------------------*/

/* DID Alliance */
.main_weare_wrap{ position:relative; /* z-index:8; */ padding-bottom: 150px; clear:both; background:#19192d; }
.main_weare_wrap .centerWrap{  }
.main_weare_wrap .title_box { padding-top:10%; padding-bottom:50px; }
.main_weare{ position:absolute; display:flex; justify-content:space-between; left:0; top:-76px; width:100%; padding:0 15px; }
.main_weare li{ overflow:hidden; position:relative; width:31.55%; box-shadow:0 8px 30px 10px rgba(0, 0, 0, 0.2); border-radius:4px; }
.main_weare li a{ overflow:hidden; display:block; position:relative; z-index:2; }
.main_weare li h3{ position:relative; z-index:1; background:#fff; display:block; padding:0 15px; text-align:center; font-weight:bold; font-size:24px; line-height:76px; color:#2f307e; }
.main_weare li .box { background:#fff; display:inline-block; }
.main_weare li img{ opacity:.8; width:100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
.main_weare li:hover img{ opacity:1; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.main_weare_wrap .title_box p:nth-of-type(2){ margin-top:40px; }

/* 공통 타이틀 및 내용 */
.title_box{ display:block; }
.title_box h2{ position:relative; padding-bottom:60px; font-weight:700; font-size:36px; line-height:41px; }
.title_box h2:after{ display:block; content:''; margin:15px 0 0 0; width:60px; height:2px; background:#b4b4b4; }
.title_box h2.after_none{ }
.title_box h2.after_none:after{ display:none; }
.title_box h2 span{ display:block; font-weight:500; line-height:41px; }
.title_box p{ font-size:20px; line-height:31px; font-weight:300; font-family:'Roboto','Noto Sans KR'; }
.title_box.white{ color:#fff; }
.title_box.white h2:after{ background:#fff; }
.title_box.white p{ color:#fff; }
.title_box.align_center{ text-align:center; }
.title_box.align_center h2:after{ margin-right:auto; margin-left:auto; }

/* 고객사 로고 */
.main_logo_wrap{ position:relative; padding:135px 0 0; background:#fff; }


/* main board */
.main_board_wrap{ position:relative; padding:132px 0; }
.main_board_wrap .centerWrap{  }
.main_board{ overflow:hidden; }
.left_box{ float:left; width:69%; padding-top:102px; }
.left_box > li{ position:relative; float:left; width:44.5%; height:301px; margin-left:5.5%; padding:0 45px 0 0; }
.left_box > li:first-child{ margin-left:0;  }
.left_box > li:first-child:after{ position:absolute; right:0; top:14px; content:''; width:1px; height:254px; background:#f1f1f1; }
.left_box .title_box h2{ height:134px; padding-bottom:35px; }
.left_box .title_box h2:after{ width:50px; }
.left_box ol{ margin-top:-15px; }
.left_box ol > li{ margin-top:15px; }
.left_box ol > li > a{ display:block; position:relative; padding-left:14px; font-size:20px; font-weight:300; font-family:'Roboto','Noto Sans KR'; }
.left_box ol > li > a{ overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }
.left_box ol > li > a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.left_box ol > li > a:before{ position:absolute; left:0; top:9px; content:''; width:6px; height:6px; background:#a7acc9; border-radius:100px; }
.left_box ol > li > a:hover{ color:#5558db; }
.left_box .btn_detail2{ display:block; position:absolute; right:45px; top:14px; }
.left_box .btn_detail2 span{ position:relative; display:block; padding-left:25px; font-size:18px; line-height:21px; font-weight:500; color:#5558db; }
.left_box .btn_detail2 span:before{ position:absolute; left:0; top:2px; content:''; width:18px; height:18px; background:url(/img/btn_detail2.jpg) no-repeat center; background-size:100%; }

.right_box{ float:left; width:31%; }
.right_box a{ position:relative; display:block; overflow:hidden; height:479px; border-radius:4px; }
.right_box .title_box{ position:relative; z-index:3; padding-top:105px; }
.right_box .title_box h2{ padding-bottom:22px; }
.right_box .btn_detail{ margin-top:30px; }
.right_box .img_wrap2{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/img-m-member.png) no-repeat center; background:#47496b; background-size:auto 479px; border-radius:4px; }
.right_box .img_wrap2 img{ position:relative; left:50%; margin-left:-187px; height:480px !important; filter: blur(2px); opacity:0.67; }
.right_box .img_wrap2 img{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.right_box:hover .img_wrap2 img{ filter: blur(0); opacity:1; }

.btn_detail{ overflow:hidden; position:relative; z-index:1; display:block; width:140px; margin:5px auto 0; line-height:48px; text-align:center; font-weight:700; font-size:16px; border-radius:4px; background:#fff; color:#5558db; vertical-align:middle; }
.btn_detail{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
.btn_detail:before{ content: ''; position:absolute; top:0; left:0; width:100%; height:100%; background:#5558db; z-index:-1; opacity:0; }
.btn_detail:before{ -webkit-transform:scale3d(-0.1, 1, 1); transform:scale3d(-0.1, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.right_box:hover .btn_detail{ background:#5558db; color:#fff; -webkit-box-shadow: 0px 20px 20px -19px rgba(0,0,0,0.45); -moz-box-shadow: 0px 20px 20px -19px rgba(0,0,0,0.45); }
.right_box:hover .btn_detail{ transform: scale(1.1); -webkit-transform: scale(1.03); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.right_box:hover .btn_detail:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }


/* main bg 커뮤니티 */
.main_community{ position:relative; padding:53px 0 0; height:237px; text-align:center; }
.main_community .title_box h2{ padding-bottom:40px; }
.main_community .title_box h2:after{ width:70px; background:#9e9fd5; }
.main_community .title_box > ul{ display:inline-block; }
.main_community .title_box > ul > li{ float:left; margin-left:75px; }
.main_community .title_box > ul > li:first-child{ margin-left:0; }
.main_community a{ display:inline-block; }
.main_community a img{ max-height:34px; }




@media(max-width:1200px){

/*---------------------------------------------------------------------
    메인 : 관리자 설정 UI
---------------------------------------------------------------------*/
.admin_set_block{ display:none !important; }

/*---------------------------------------------------------------------
    메인
---------------------------------------------------------------------*/
.admin_set_block{ display:none !important; }
/* DID Alliance */
.main_weare{ top:-70px; }
.main_weare li{ width:32.4%; }
.main_weare li h3{ font-size:20px; line-height:70px; }

.main_weare_wrap .title_box{ padding-top:25%; padding-bottom:90px; }

.main_weare_wrap .title_box p:nth-of-type(2){ margin-top:35px; }

/* 공통 타이틀 및 내용 */
.title_box h2{ padding-bottom:45px; font-size:30px; line-height:34px; }
.title_box h2 > br{ display:none; }
.title_box.align_center h2:after{ width:50px; }
.title_box p{ font-size:16px; line-height:26px; }

/* 고객사 로고 */
.main_logo_wrap{ padding:85px 0 0; }

/* main board */
.main_board_wrap{ padding:102px 0; }
.left_box{ padding-top:5px; padding-right:25px; width:68%; }
.left_box > li{ float:none; width:100%; min-height:206px; height:auto; padding-right:0; margin-left:0; }
.left_box > li:first-child{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #eee; }
.left_box > li:first-child:after{ display:none; }
.left_box .title_box h2{ height:auto; }
.left_box .title_box h2:after{ width:40px; }
.left_box .btn_detail2{ right:5px; top:12px; }
.left_box .btn_detail2 span{ padding-left:22px; font-size:15px; line-height:18px; }
.left_box .btn_detail2 span:before{ top:1px; width:15px; height:15px; }

.left_box ol{ margin-top:-12px; }
.left_box ol > li{ margin-top:12px; }
.left_box ol > li > a{ padding-left:12px; font-size:16px; }
.left_box ol > li > a:before{ top:8px; width:4px; height:4px; }

.right_box{ width:32%; }

.btn_detail{ padding-top:1px; font-size:15px; line-height:46px; }

/* main bg 커뮤니티 */
.main_community{ height:228px; }
.main_community a img{ max-height:30px; }


}

@media(max-width:999px){

/* DID Alliance */
.Main .container_wrap .main_weare_wrap .centerWrap{  }
.main_weare{ padding:15px 0 0 0; position:relative; top:auto; left:auto; }
.main_weare li{  }
.main_weare li h3{ font-size:16px; line-height:50px; }
.main_weare li .box{ display:block; }
.main_weare li img{  }

.main_weare_wrap .title_box{ padding:57px 15px 60px; }
.main_weare_wrap .title_box p > br{ display:none; }

.main_weare_wrap .title_box p:nth-of-type(2){ margin-top:25px; }

/* 공통 타이틀 및 내용 */
.title_box h2{ padding-bottom:35px; font-size:22px; line-height:26px; }
.title_box h2:after{ margin-top:12px; }
.title_box.align_center h2:after{ width:34px; }
.title_box p{ font-size:13px; line-height:22px; }

/* 고객사 로고 */
.main_logo_wrap{ padding:55px 0 5px; }

/* main board */
.main_board_wrap{ padding:55px 0 64px; }

.left_box{ float:none; width:100%; padding:0; }
.left_box > li{ min-height:auto; padding-bottom:53px; }
.left_box .title_box h2{ padding-bottom:25px; }
.left_box .title_box h2:after{ width:34px; }

.left_box .btn_detail2{ right:0; top:8px; }
.left_box .btn_detail2 span{ padding-left:18px; font-size:13px; line-height:15px; text-transform:uppercase; }
.left_box .btn_detail2 span:before{ top:0; width:13px; height:13px; }

.left_box ol{ margin-top:-8px; }
.left_box ol > li{ margin-top:8px; }
.left_box ol > li > a{ font-size:13px; }
.left_box ol > li > a:before{ top:6px; }

.right_box{ float:none; width:100%; /* max-width:372px; */ }
.right_box a{ height:320px; }
.right_box .title_box{ padding-top:62px; }
.right_box .title_box h2{ padding-bottom:13px; }
.right_box .img_wrap2{ background:url(/img/img-m-member.png) no-repeat center !important; background-size:100% auto !important; }
.right_box .img_wrap2 img{ display:none !important; }

.btn_detail{ width:120px; line-height:40px; background:#fff !important; color:#5558db !important; font-size:13px !important; }
.btn_detail{ transform: scale(1); -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; }
.right_box .btn_detail{ -webkit-box-shadow: 0px 0 0 0 rgba(0,0,0,0) !important; -moz-box-shadow: 0px 0 0 0 rgba(0,0,0,0) !important; }
.btn_detail:before{ display:none !important; }


.right_box .btn_detail{ margin-top:15px; }

/* main bg 커뮤니티 */
.main_community{ height:207px; }
.main_community .title_box h2{ padding-bottom:35px; }
.main_community .title_box > ul > li{ margin-left:35px; }
.main_community a img{ max-height:22px; }

}
@media(max-width:600px){

/* DID Alliance */
.Main .container_wrap .main_weare_wrap .centerWrap{ padding:0; }
.main_weare{ display:block; padding:0; }
.main_weare li{ width:100%; border-radius:0; }

}