@charset "utf-8";
@import url(normalize.css);
@import url(bootstrap.min.css);
@import url(slick.css);
@import url(slick-theme.css);
@import url(animate.css);
@import url(base_style.css);


#unm_header {position:fixed; top:0; left:0; width:100%; box-shadow: 0 4px 4px -2px rgba(0,0,0,0.1); z-index:3; background-color:#fff; }
.unm_header_style_box {height:100px;}

.nav_list a{display:block; height:65px; line-height:64px; margin-left:25px; font-weight: 600;}
.nav_list .active a {color: #397BDF; border-bottom: 3px solid #397BDF;}

#unm_body {padding-top:100px; background-color:#f3f5f6; min-height:100vh;}
.umn_con_box1 {background-color:#fff; padding:20px; padding-bottom:100px;}
.umn_cate_box .row {margin-bottom:20px;}
.unm_text_box1 {padding:20px; background-color:#F0F6FF; border-radius:10px;}
.unm_text_box1 li {margin-bottom:5px;}
.unm_text_box1 li:nth-last-child(0) {margin-bottom:0;}

.unm_cate_list1 {position:relative; width:calc(100% + 20px); left:-10px; display:flex; flex-wrap:wrap;}
.unm_cate_list1 li {width:calc(100% / 3 - 20px); padding:15px; border:1px solid #ddd; border-radius:5px; margin:0 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); margin-bottom:20px; cursor:pointer;}
.unm_cate_list1 li.cate_active {background-color:#F0F6FF; padding:14px; border:2px solid #397BDF;}

.umn_out_box {position:fixed; bottom:10px; left:0; width:100%;}
.unm_out_content {padding:20px; border:2px solid #397BDF; border-radius:10px; background-color:#fff;}
.unm_out_content button {background-color:#397BDF; padding:10px 20px; border-radius:5px; color:#fff;}

.popup_area {display:none; position:fixed; top:0; left:0; width:100%; height:100%; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.6); z-index:15;}
.popup_area.show {display:flex !important;}
.popup_area .popup_content {position:relative; width:calc(100% - 40px); max-width:800px; max-height:calc(100vh - 40px); overflow-y: auto; background-color:#fff; padding:30px; border-radius: 15px;}
.popup_area .popup_close {position:absolute; top:30px; right:30px; background:#fff; border:0; padding:0;}
.popup_area .popup_close img {width:20px;}

.u_m_banner3 {overflow-x:hidden; background-color:#f2f2f2;}

.unm_table1 th{background-color:#1F2937; color:#fff; font-weight:300;}
.unm_table1 th, .unm_table1 td {padding:10px;}
.unm_table1 td {border-bottom:1px solid #ddd;}

.unm_btn2 {padding:10px 20px; background-color:#397BDF; color:#fff;}
.unm_btn2.type2 {background-color:#005BAB;}
.unm_input2 {padding:10px 20px; border:#ddd; background-color:#f2f2f2;}

.umn_text_list1 li{position:relative; padding-left:22px; background: url(../img/list_icon1.png) no-repeat left top 2px; background-size:18px;}

.umn_text_list2 li{position:relative; padding-left:12px;}
.umn_text_list2 li:before{content:'*'; position:absolute; left:0; top:2px;}

#login_box {display:flex; align-items:center; min-height:100vh; padding:50px 20px; background:url(../img/login_back_img.jpg) center no-repeat; background-size:cover; overflow:auto;}
#login_box::before {position:fixed; left:0; top:0; content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
#login_box .container {position:relative; width:550px; background-color:#fff; border-radius:8px; border:1px solid #DFE0EB; z-index:3;}
.login_input {padding:60px 40px;}

.btn_type1 {background-color: #0082A2; border-radius: 5px; color: #fff; border: 0;}

.login-findPw { position: absolute; top: 5px; right: 0;}

input,
button,
select,
optgroup,
textarea,
datalist{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	padding:18px;
	border:1px solid #eee;
	border-radius:0px;
    outline: 0;
}

#unm_main {color:#fff; overflow-x: hidden;}

#unm_main_header {position:absolute; top:0; left:0; width:100%; z-index:2;}
.u_m_banner1 {padding-top:300px !important; position:relative; background:url(../img/login_back_img.jpg) top center no-repeat; background-size:cover; }
.u_m_banner1:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:0;}
.u_m_banner1 > * {position:relative; z-index:1;}

.u_m_header_top {border-bottom:1px solid rgba(255,255,255,0.3); padding:15px 0;}
.u_m_header_bottom {padding:20px 0;}

.unm_btn3 {color:#333; background-color:#fff; padding:10px 20px; border-radius:20px;}
.unm_btn3.type2 {color:#fff; background-color:#510FA8;}

.u_m_banner1 {padding:150px 0;}
.u_m_banner1 .text_list {font-size:3em;}
.u_m_btn1 {padding:24px 85px; border-radius:10px;}

.u_m_slide1 img {width:100%; height:200px; padding:0 10px; cursor:pointer;}

#unm_footer {background-color:#377ADF; color:#fff; padding:50px 0px;}
#unm_footer li {margin-bottom:5px;}
#unm_footer a {color:#fff;}

.list_paeging {padding:40px 0;}
.list_paeging li {padding:0 5px;}
.list_paeging li.img_btn button {text-indent:-9999px;}
.list_paeging button{width:45px; height:45px; padding:0; border:1px solid #959696; color:#959696; background-color:#fff; font-family: 'Pretendard_sb';}
.list_paeging li.prev1 button {background:url(../img/pageing_left1.png) center no-repeat;}
.list_paeging li.prev2 button{background:url(../img/pageing_left2.png) center no-repeat;}
.list_paeging li.next1 button{background:url(../img/pageing_right1.png) center no-repeat;}
.list_paeging li.next2 button{background:url(../img/pageing_right2.png) center no-repeat;}

.unm_img_list1 {display:flex; position: relative; left:-10px; width:calc(100% + 20px); flex-wrap:wrap;}
.unm_img_list1 li{width:calc(100% / 4 - 20px); margin:0 10px; margin-bottom:20px; border-bottom:1px solid #ddd; cursor:pointer;}
.unm_img_list1 img {width:100%; height:150px;}

.cate_btn {padding:5px 10px;}
.cate_more_popup {display:none; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); align-items: center; justify-content: center; width: 100%; height:100%; z-index: 20; cursor: auto;}
.cate_more_popup.show {display:flex;}
.cate_more_popup .content_box {width:700px; max-width:calc(100vw - 40px); height:600px; max-height:calc(100vh - 40px); background-color:#fff; border-radius:20px; padding:30px; overflow-y: auto; position:relative;}
.cate_more_popup h3 {border-bottom:2px solid #333; padding-bottom:20px; margin-bottom:20px;}
.cate_more_popup .close_btn {position:absolute; top:30px; right:30px; padding:0; background-color: rgba(0,0,0,0); border:0;}

.footer_box1 img {width: 360px; margin-right:50px;}

/* 관리자 */
.admin_body {overflow-x: auto; overflow-y: hidden;}
#admin_ui {min-width:1400px;}
.kors_admin_header {width:200px;}
.kors_admin_content {width:calc(100% - 200px); height:100vh; padding:50px; overflow-y: auto;}

.more_dow_box {padding:30px 0; background-color:#fafafa; border-bottom:1px solid #dbdbdb; margin-bottom:30px;}
.more_dow_box li {margin-bottom:10px;}
.more_dow_box li:nth-last-child(1) {margin-bottom:0;}
.more_dow_box dl {display:flex; align-items: center;}
.more_dow_box dt {width:120px; text-align:center; font-family: 'Pretendard_b';}
.more_dow_box dd {width:calc(100% - 120px); display: flex; justify-content: space-between; padding-right:20px; align-items: center; font-family: 'Pretendard_l';}
.more_dow_box dd .youtube_btn1 {width:130px; line-height:40px; padding:0 15px; background:url(../img/dow_icon2.png) right 15px center no-repeat;}
.youtube_btn1 {padding:8px 15px; border:1px solid #666666; font-family: 'Pretendard_sb';}

.admin_nav_banner {display:flex; align-items: center; height:130px; padding:20px; background-color:#397BDF; color:#fff;}
.admin_nav_list {min-height:calc(100vh - 130px); border-right:1px solid #ddd;}
.admin_nav_list li a{display:block; padding:20px; border-bottom: 1px solid #ddd;}
.admin_nav_list li a:hover, .admin_nav_list li a.active {background-color:#ddd;}

.input_list1 li{position:relative; margin-bottom:10px;}
.input_list1 .del_btn {position:absolute; right:20px; top:calc(50% - 20px); width:30px; height:30px; background:#ddd url(../img/xclose.svg) center no-repeat; background-size: 15px; font-size:0; border-radius:100%;}
.input_list1 .una_btn1 {display:none; position:absolute; right:70px; top:calc(50% - 23px);}
.input_list1 .edite .una_btn1 {display:unset;}
.una_btn1 {height: 45px; padding: 10px 15px; background-color: #397BDF; color: #fff;}
.una_btn1.type2 {background-color:#ddd; color:#333;}

.table_box1 {width:100%; overflow-x: auto; white-space: nowrap;}
.table_box1 table{border-top:1px solid #D2D2D2;}
.table_box1 table.border-right {border-right:1px solid #D2D2D2;}
.table_box1 table th {background: #F0F0F0;}
.table_box1 table td, .table_box1 table th {border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; text-align:center; padding:10px;} 
.table_box1 table tr td:nth-child(1), .table_box1 table tr th:nth-child(1) {border-left:0;}
.table_box1 tfoot span{display:inline-block; width:30px; height:30px; line-height:30px; background: #FFFFFF; box-shadow: 4px 2px 6px rgba(72, 100, 125, 0.3), inset -2px -2px 6px rgba(72, 100, 125, 0.1); border-radius: 5px; margin:0 10px; color:#48647D; cursor:pointer;}
.table_box1 tfoot span.active {background-color: #3751FF; color: #FFF; border: 1px solid #3751FF;}
.table_box1 tfoot span.next, .table_box1 tfoot span.prev {position:relative; top:9px; border-radius:100%;}
.table_box1 tfoot span.next{background:#fff url("../img/right_ico.png") no-repeat center; margin-left:50px;}
.table_box1 tfoot span.prev{background:#fff url("../img/left_ico.png") no-repeat center; margin-right:50px;}
.table_box1 .table_ul {line-height: normal; padding:10px 0;}
.table_box1 .table_ul li {margin-bottom:10px;}
.table_box1 .table_ul li:nth-last-child(1) {margin-bottom:0;}

.con_add_form li {margin-bottom:20px;}
.con_add_form label {margin-bottom:5px;}

.kors_btn2 {padding:10px 15px; background-color:#3751FF; color:#fff; border-radius:5px;}
.kors_btn2:hover {color:#fff;}
.kors_btn2.type2 {background-color:#ddd; color:#000;}
.kors_btn2.type2:hover {color:#000;}
.kors_btn2.type3 {background-color:#3751FF;}

.kors_input1 {background: #fff; height: 45px; border: 1px solid #B3B3B3; padding: 10px 15px; font-size: 16px;}
.kors_input1.size2 {width:50px;}
.kors_input1.size3 {width: 700px;}
select.kors_input1 {background:#fff url(../img/down-arrow.png) right 20px center no-repeat; background-size:18px;}

.delete_btn {padding:0; margin:0; background:#fff; border:0;}

.kors_selet1 {height: 45px; border: 1px solid #B3B3B3; padding: 10px 15px; background:#fff; padding-right:50px; background: url(../img/down-arrow.png) right 15px center no-repeat; background-size:15px;}

.main_logo img{width:150px;}
.sub_logo img{max-height: 70px; width: auto;}
.md_menu_show {background-color:#fff; border:0; padding-right:0;}
.md_menu_show img {width:22px;}

.portfolio_change_box {display:none;}
.port_img_box {padding:10px !important;}
.port_img_box div{width:300px; height:150px; background:#ddd center no-repeat; background-size:cover; margin:0 auto; border: 1px solid #ddd;}

.drag_container {
	background-color: #f3f5f7;
	padding: 2rem;
	border-collapse: collapse;
}
.drag_container:nth-child(n+2){
	margin-top: 1rem;
}

.drag_container .draggable {
	height: 82px;
	line-height: 82px;
	padding: 0 20px;
	background-color: white;
	border: 1px solid #c5cdd7;
	border-bottom:none;
	box-sizing: border-box;
	cursor: move;
}
.drag_container .draggable:last-child {
	border-bottom: 1px solid #c5cdd7;
}

.drag_container .draggable.dragging {
	opacity: .5;
	border: 2px dashed red;
}

.drag_container .draggable > div {display:flex; align-items: center; justify-content: space-between;}
.drag_container .draggable .change {display:none;}

.drag_container .draggable.edit .default {display:none;}
.drag_container .draggable.edit .change{display:flex;}

.print_style_box {position:fixed; width:1280px; padding:40px; background-color:#fff; top:0; left:-1280px; z-index:33;}

.unm_pro_more_list1 {position:relative; left:-20px; width:calc(100% + 40px); display:flex; flex-wrap:wrap; justify-content: center;}
.unm_pro_more_list1 li{background-color:#fff;  margin:0 20px; margin-bottom:30px; display:flex; align-items: center;}
.unm_pro_more_list1.type_md li {width: 100% !important; /*width:calc(100% / 4 - 40px);*/}
.unm_pro_more_list1.type_pc li {width: 100% !important; /*width:calc(100% / 2 - 40px);*/}

.a_dev_list li {padding:20px; background:#f2f2f2; border-radius:10px; margin-bottom:20px;}

#unm_footer h2 {margin-right:50px;}
.footer_bottom {padding-top:5px; border-top:3px solid rgba(255,255,255,0.5); font-weight: 700;}	
.footer_bottom li {margin-right:30px; margin-left:5px;}
.footer_bottom a {opacity: 0.7;}
.footer_bottom p {opacity: 0.5;}

.dev_size1 {width:100%; max-width:576px; margin:0 auto;}
.dev_list_style1 li {padding:20px; background-color:#fff; border-radius:10px; margin-bottom:20px;}
.dev_list_style1 .title_box {margin-bottom:10px;}
.dev_list_style1 .con_box {padding:10px 15px; background-color:#f2f2f2;}

.dev_form_box {padding:20px; background-color:#fff; border-radius:10px; margin-bottom:20px;}
.dev_form_box li {margin-bottom:20px;}
.dev_form_box li:nth-last-child(1) {margin-bottom:0;}
.dev_form_box p {margin-bottom:5px;}
.dev_text_input1 {padding:10px 15px;}
.dev_box {display:none;}
.dev_box.show {display:block;}

.umn_radio1 {display:none;}
.umn_radio1 + label {padding-left:30px; background:url(../img/check_icon1.png) left center no-repeat; background-size:20px;}
.umn_radio1:checked + label {background-image: url(../img/check_icon2.png);}

.chat_link_btn {position:fixed; right:20px; bottom:20px; font-size:0; width:80px; height:80px; background:#fff url(../img/chat_img.png) center no-repeat; background-size:cover; border-radius:17px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}

.u_m_banner3_img1 {width:100%; margin:0 auto;}

.loding_popup {display:none;}
.loding_box {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:99; display: flex; align-items: center; justify-content: center;}

.default.title {padding:20px; border:1px solid #ccc; border-bottom:0;}
.drag_container.type2 {padding:0; margin-top:0;}
.drag_container.type2 .draggable {height:inherit; line-height:inherit; padding:20px;}
.drag_container.type2 .default > *:nth-child(1){width:5%;}
.drag_container.type2 .default > *:nth-child(2){width:10%;}
.drag_container.type2 .default > *:nth-child(3){width:15%;}
.drag_container.type2 .default > *:nth-child(4){width:44%;}
.drag_container.type2 .default > *:nth-child(5){width:8%;}
.drag_container.type2 .default > *:nth-child(6){width:8%;}
.drag_container.type2 .default > *:nth-child(7){width:10%;}

.top_cate_list {display:flex; flex-wrap:wrap;}
.top_cate_list li {cursor: pointer; padding:10px 20px; background-color:#f2f2f2; border:1px solid #ddd; margin-right:10px; margin-bottom:20px; border-radius:5px;}
.top_cate_list li.active {background-color:#397BDF; color:#fff; font-weight: 500;}

.u_m_slide1 .slick-prev, .u_m_slide1 .slick-next {width: 50px; height: 50px; border-radius: 100%; background: #fff center no-repeat; font-size:0; text-indent: -9999px; background-size: 8px}
.u_m_slide1 .slick-prev{left: 30px; background-image: url(../img/unm_prev_icon1.png);}
.u_m_slide1 .slick-next{right: 30px; background-image: url(../img/unm_next_icon1.png);}

.umk_porimg_box {width: 400px; height: 400px;}
.umk_porimg_box img {width: 100%; height: 100%;}

.umk_porimg_list {display: flex; flex-wrap:wrap;}
.umk_porimg_list li {position:relative; width: 400px; margin-right: 20px;}
.umk_porimg_list li img {width: 100%;}

.umk_porimg_list .del_btn_box {display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.5);}
.umk_porimg_list .del_btn_box a {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.umk_porimg_list li:hover .del_btn_box{display: block;}

@media (max-width: 1400px){
	.footer_box1 img {width: 320px; margin-right:0px;}
}

@media (max-width: 1280px){
	.chat_link_btn.type2 {bottom:120px;}
}

@media (max-width: 1200px){
	.unm_cate_list1 li {width:calc(100% / 2 - 20px);}

	.footer_box1 img {width: 280px;}
	#unm_footer h2 {margin-right:30px;}
}

@media (max-width: 996px){
    .u_m_banner1 {padding:225px 0 75px !important;}
    .u_m_banner1 .text_list {font-size:2em;}
    .u_m_banner1 .text_list br {display:none;}

    .u_m_btn1 {width:100%;}

    .list_paeging {padding:30px 0;}
	.list_paeging li {padding:0 2px; }
	.list_paeging button {width:30px; height:30px; padding:0;}
	.list_paeging li img {width:4px;}
	.list_paeging li.img_btn button {background-size:auto 11px;}

    .unm_img_list1 li{width:calc(100% / 2 - 20px);}

    .md_menu {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:999; display:none;}
	.md_menu.show {display:block;}
	.md_menu_content {position:absolute; top:0; right:0; height:100%; width:300px; background-color:#fff;} 
	.md_menu_content img.title{max-height: 50px; width: auto;}
	.md_menu_content .menu_close {position:absolute; top:0px; right:5px; background:0; border:0; padding:10px;}
	.md_menu_content .menu_close img {width:15px;}
	.md_menu_top {padding:25px; border-bottom:2px solid #003D37;}

	#unm_header nav ul {width:100%;}
	#unm_header nav li a.main_menu_data {width:100%; height:auto; margin:0;}
	#unm_header nav li a{display:block; padding:15px; border-bottom:1px solid #dbdbdb;}
	.pc_sub_menu_bg, #gdi_header nav .sub_list, #gdi_header nav .sub_list2 {display:none !important;}

	.unm_pro_more_list1.type_md li {width:calc(100% / 2 - 40px);}
	.unm_pro_more_list1.type_pc li {width:calc(100% - 40px);}

	.u_m_slide1 .slick-prev, .u_m_slide1 .slick-next {width: 35px; height: 35px; border-radius: 100%; font-size:0; text-indent: -9999px; background-size: 8px; top:-30px;}

	.footer_box1 {flex-wrap:wrap;}
	.footer_box1 > p {width: 100%; padding-top:10px;}

	.sub_logo img {max-height: 45px; width: auto;}
	.unm_header_style_box {height: 75px;}
}

@media (max-width: 768px){
    .unm_cate_list1 li {width:calc(100% - 20px);}

    .unm_img_list1 li{width:calc(100% - 20px);}

    .main_logo img{width:100px;}

	#unm_footer {padding:30px 0;}
	#unm_footer h2 {width:100%; margin-bottom:20px;}
	.footer_box1 {flex-wrap:wrap;}

	#unm_footer li {margin-left:0; margin-right:20px;}
	.footer_bottom {position:relative; padding-top:15px; padding-bottom:40px;}
	.footer_text1 {position:absolute; bottom:0px;}

	.unm_pro_more_list1.type_md li {width:calc(100% - 40px);}

	.chat_link_btn.type2 {bottom:20px;}

	.unm_out_content {width: calc(100% - 100px); padding:10px 15px; flex-wrap: wrap; }
	.unm_out_content .ft_s1 {display:none;}
	.unm_out_content div:nth-child(2) {width:100%; padding-top:10px;}
	.unm_out_content div:nth-child(2) button {width:100%;}

	.popup_area .popup_content {padding:15px;}
	.popup_area .popup_close {right:15px; top:15px;}
}


/*포트폴리오v2 str*/
#unm_body.portfolio {background-color: #fff;}

.umk_portfolio_title {position: relative;}
.umk_portfolio_title:after {content:''; position: absolute; right:0; top:calc(50% + 14px); width: calc(100% - 400px); height: 2px; background-color: #377ADF;}

.unm_img_list1.type2 {justify-content: space-between;}
.unm_img_list1.type2 li{width: calc(100% / 3 - (120px / 3)); background-color: #E3EFFF; border-radius: 25px; padding:25px; margin-bottom:60px;}
.unm_img_list1.type2 li .img_box {background-color: #fff; border:0;}
.unm_img_list1.type2 li a {color:#377ADF;}

@media (max-width: 1200px){
	.unm_img_list1.type2 li{width: calc(100% / 2 - (80px / 2)); margin-bottom:calc(80px / 2);}
	.umk_portfolio_title img{width: 200px;}
	.umk_portfolio_title:after{width: calc(100% - 240px);}
}

@media (max-width: 996px){
	.unm_img_list1.type2 li{width: calc(100% / 2 - (40px / 2)); margin-bottom:calc(40px / 2); padding:15px; border: 15px;}
}

@media (max-width: 768px){
	.unm_img_list1.type2 li{width: 100%;}
	.umk_portfolio_title img{width: 140px;}
	.umk_portfolio_title:after{width: calc(100% - 180px);}
}
/*포트폴리오v2 end*/


/* umk_mainv2_css str*/
#unm_main_body {min-height: calc(100vh - 290px);}

.u_m_banner_new1 {padding:250px 0 150px;}
.u_m_banner_new1 h2 {font-size:60px;}
.u_m_banner_new1 .u_m_btn1 {width: 460px; height: 110px; background-color: #377ADF; color:#fff; border-radius: 20px;}

.umk_main_stylelist1 {display: flex; justify-content: center;}
.umk_main_stylelist1 li {position:relative; margin:0 65px; padding-top:100px; text-align: center;}
.umk_main_stylelist1 li:after {content:''; position: absolute; top:0px; left:calc(50% - 10px); width: 20px; height: 20px; border-radius: 100%; background-color: #377ADF;}
.umk_main_stylelist1 li:before {content:''; position: absolute; top:0; left:calc(50% - 0.5px); height: 90px; width: 0; border-left:2px dashed #377ADF;}

.u_m_banner_new2 {padding:200px 0; background-color: #F0F0F0;}

.umk_main_stylelist2 {display: flex; justify-content: center;}
.umk_main_stylelist2 li {width: 200px; margin:0 50px;}
/*
.umk_main_stylelist2 li:nth-child(1) {margin-left: 0;}
.umk_main_stylelist2 li:nth-last-child(1) {margin-right: 0;}
*/
.umk_main_stylelist2 li .img_box {position: relative; height: 200px; border-radius: 100%; color:#fff; margin-bottom:120px; background-color: #fff;}
.umk_main_stylelist2 li .img_box img {width: 100%; height: 100%;}
.umk_main_stylelist2 li .img_box::after {content:''; position: absolute; bottom:-110px; left:50%; width: 0; height: 110px; border-left:2px dashed #377ADF;}

.u_m_banner_new3 {padding:100px 0 200px; background-color: #fff;}

.u_m_banner_new3_stylebox1 img {width: 200px;}
.u_m_banner_new3_text1 {display: flex; align-items: center; justify-content: center; width: 380px; height: 50px; background-color: #377ADF; border-radius: 100px; color: #fff; margin:0 auto;}

.umk_portfolio_more {max-width: 1200px; margin-left:auto; margin-right:auto;}
.umk_portfolio_more a{position: relative; color:#9F9F9F;}
.umk_portfolio_more a:after {content: ''; position: absolute; bottom:-2px; left:0; width: 100%; height: 2px; background-color: #9F9F9F;}

.umk_portfolio_list {display: flex; flex-wrap:wrap; justify-content: space-between; max-width: 1200px; margin:0 auto;}
.umk_portfolio_list li {width: calc(100% / 3 - (80px / 3)); padding:25px; border-radius: 20px; background-color: #E3EFFF; color:#377ADF; text-align: center; margin-bottom:40px;}
.umk_portfolio_list img {width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
.umk_portfolio_list a {color:#377ADF;}
.umk_portfolio_list .img_box {height: 320px; background-color: #fff;}

@media (max-width: 1400px){
	.umk_main_stylelist2 li {margin:0 30px;}

	.umk_portfolio_list .img_box {height: 300px;}
}

@media (max-width: 1200px){
	.umk_main_stylelist1 li {margin:0 20px;}

	.umk_main_stylelist2 li {margin:0 20px;}

	.umk_portfolio_list li {width: calc(100% / 2 - (80px / 3));}
	.umk_portfolio_list .img_box {height: 390px;}
}

@media (max-width: 996px){
	.u_m_banner_new1 {padding:150px 0 100px;}
	.u_m_banner_new1 h2 {font-size:48px;}
	.u_m_banner_new1 .u_m_btn1 {width: 320px; height: 80px; padding: 0;}

	.u_m_banner_new2 {padding:100px 0 80px;}
	.umk_main_stylelist2 {flex-wrap:wrap; justify-content: space-around;}
	.umk_main_stylelist2 li {margin-bottom:40px;}
	.umk_main_stylelist2 li .img_box {margin-bottom:90px;}
	.umk_main_stylelist2 li .img_box::after {bottom:-80px; height: 80px;}

	.u_m_banner_new3 {padding:100px 0 60px;}
	.umk_portfolio_list li {width: calc(100% / 2 - (40px / 3)); margin-bottom: 20px; border-radius: 10px; padding:15px;}

	.u_m_banner_new3_stylebox1 img {width: 170px;}
	.umk_portfolio_list .img_box {height: 300px;}
}

@media (max-width: 768px){
	.u_m_banner_new1 h2 {font-size:32px;}

	.umk_main_stylelist1 li {margin:0 10px; padding-top:60px; font-size: 0.85em;}
	.umk_main_stylelist1 li:before {height: 55px;}

	.umk_main_stylelist2 li {width: 145px; margin:0 20px; margin-bottom:20px;}
	.umk_main_stylelist2 li .img_box {height: 145px; border-width: 5px;}

	.u_m_banner_new3_text1 {width: 330px; height: 45px;}
	.umk_portfolio_list li {width: 100%;}
	.umk_portfolio_list .img_box {height: 486px;}
}

@media (max-width: 576px){
	.umk_main_stylelist2 li {margin:0 10px; margin-bottom:20px;}

	.umk_portfolio_list .img_box {height: calc(100vw - 71px);}
}
/* umk_mainv2_css end */