header { position:relative; display:flex; align-items: center; justify-content: space-between; padding: 0 40px; width:100%; height:80px; border-bottom:1px solid var(--main-border-color);}
header .logo { width:80px; cursor: pointer;}
header .m_menu, header .closedbtn {display:none;}
header .nav ul { display:flex; }
header .nav ul li a { margin-left:30px; font-size:15px; }
header .nav ul li a:hover { color:var(--basic-point-color); border-bottom:1px solid var(--basic-point-color);}
header .nav ul li a.sel { color:var(--basic-point-color); border-bottom:1px solid var(--basic-point-color); font-weight:500; }

footer {position:relative;width: 100%;background:#212121;padding: 40px 0;}
footer .ft_wrap {width:1100px;margin:0 auto;display: flex;align-items: flex-start;justify-content: space-between;}
footer .ft_wrap .info p, footer .ft_wrap .info ul li, footer .ft_wrap .cs p {font-size:13px;color:var(--footer-font-color);line-height: 1.5;}
footer .ft_wrap .info p { font-weight:500;}
footer .ft_wrap .info ul li.copy { margin-top:10px;}
footer .ft_wrap .cs {background:#383333;padding: 20px;border-radius: 60px;}
footer .ft_wrap .cs p.num {font-size:34px;font-weight: 500;line-height: 1;}

/* content */
.wrapper { position: relative; width:100%; }
.wrapper .content {position: relative;width:1100px;margin:0 auto;text-align: center;}

/* main page */
.main_wrap .main {background:url(/images/mainbg.jpg) no-repeat top center; height:1005px; background-size: cover; }
.main_wrap .main > .title {width:1100px;margin:0 auto;line-height: 1.2;padding: 400px 0 40px; font-size:50px;color:var(--basic-white-color);}
.main_wrap .main > .title span { font-weight:500; color:var(--basic-white-color); }
.main_wrap .main > p {width:1100px;margin:0 auto;font-size:25px;color:var(--basic-white-color);padding-right: 734px;line-height: 1.3;}
.main_wrap .main .deco {position: absolute; right: 0; top: 87px; } 

.wrapper .content.con1 {padding: 110px 0;}
.wrapper .content.con1 h1 { font-size:50px; font-weight:300 }
.wrapper .content.con1 h1 span { font-weight:500 }
.wrapper .content.con1 p {font-size:30px;margin-top: 12px;}
.wrapper .content.con1 p > img {top: 8px;left: 5px;position: relative;}
.wrapper .content.con1 .btn-group button { margin:40px 10px 0;;}

.wrapper .con2 { background: var(--basic-background-color); padding:200px 0;}
.wrapper .con2 .content {text-align: left; }
.wrapper .con2 .content > img.con2_mview, .wrapper .con2 .content > img.con2_tabview  {display:none;}
.wrapper .con2 .content h1 {font-size:50px;padding-right: 110px;line-height: 1.4; font-weight:500;}
.wrapper .con2 .content h1 span {color: var(--basic-point-color);}
.wrapper .con2 .content p {font-size:30px;padding-right: 320px;line-height: 1.4;margin: 40px 0 110px;}
.wrapper .con2 .content p span {font-weight:500;}
.wrapper .con2 .content ul { display: flex; position: relative; width: 100%; justify-content: center;}
.wrapper .con2 .content ul::before {content:'';position: absolute;left: 0;top: 129px;width: 5px;height: 5px;border-radius: 100%;background: var(--basic-point-color);}
.wrapper .con2 .content ul::after { content: ''; position: absolute; top: 131px; width: 100%; height: 1px; background: var(--basic-point-color);}
.wrapper .con2 .content ul li { width: 24%; text-align: center; position: relative;}
.wrapper .con2 .content ul li.top::before {content: '';position: absolute;width: 100%;height: 260px;left: 0;top: 0;border-top: 1px dashed #C5C5C5;border-bottom: 1px solid var(--basic-point-color);border-left: 1px solid var(--basic-point-color);border-right: 1px dashed #C5C5C5;border-radius: 320px;transform: rotate(-225deg);}
.wrapper .con2 .content ul li.under::after {content: '';position: absolute;width: 100%;height: 260px;left: 0;top: 0;border-top: 1px solid var(--basic-point-color);border-bottom: 1px dashed #C5C5C5;border-left: 1px dashed #C5C5C5;border-right: 1px solid var(--basic-point-color);border-radius: 320px;transform: rotate(-225deg);}
.wrapper .con2 .content ul li:last-child::after {content:'';position: absolute;right: -22px;top: 129px;width: 5px;height: 5px;border-radius: 100%;background: var(--basic-point-color);}
.wrapper .con2 .content ul li > div { padding: 40px 40px 0px; position: relative;}
.wrapper .con2 .content ul li div > p { margin: 0px auto; font-size: 22px; padding: 62px 0;}
.wrapper .con2 .content ul li div .icon {border: 1px solid var(--btn-primary-color);width: 18px;height: 18px;position: absolute;transform: translate(-50%, 0%);top: 123px;left: 50%;}
.wrapper .con2 .content ul li div .icon::after {content: '';position: absolute;width: 8px;height: 8px;margin-left: -4px;margin-top: 4px;background: var(--btn-primary-color);}
.wrapper .con2 .content ul li div > img { margin-top: 15px;}

.wrapper .con3 {padding:200px 0;}
.wrapper .con3 .content {text-align: left;}
.wrapper .con3 .content h1 {font-size:50px;padding-right: 110px;line-height: 1.4; font-weight:500;}
.wrapper .con3 .content h1 span {color: var(--basic-point-color);}
.wrapper .con3 .content > p {font-size:18px;line-height: 1.4;margin: 70px 0 100px; color:var(--sub-font-color);}
.wrapper .con3 .content ul { display: flex; position: relative; width: 100%;     flex-wrap: wrap;}
.wrapper .con3 .content ul li {margin-right: 80px;}
.wrapper .con3 .content ul li span { font-size:18px; color:var(--sub-font-color);}
.wrapper .con3 .content ul li p.num { font-size:70px; font-weight: 600; line-height: 1.2; letter-spacing: -3px;}
.wrapper .con3 .content ul li p.num span { color:var(--main-font-color); font-weight:500; font-size:24px;}

.wrapper .con4 {background: var(--basic-background-color);padding: 150px 0;}
.wrapper .con4 .content h1 {font-size:50px;font-weight:500;margin-bottom: 80px;}
.wrapper .con4 .content h1 > img {width: 11.5%;margin-right: 5px;top: 5px;position: relative;}

.wrapper .con5 {padding: 150px 0;}
.wrapper .con5 .content h1 {font-size:50px;font-weight:500;margin-bottom: 80px;}
.wrapper .con5 .content h1 > img {width: 11.5%;margin-right: 5px;top: 5px;position: relative;}

.slider_box {position:relative;width:100%;height: 600px;}
.slider_box li.slider1 > img{float:right;margin-right:80px;margin-top: -30px;}
.slider_box li.slider2 > img{float:left;margin-left: 140px;margin-top: 30px;}
.slider_box li.slider3 > img{ margin-left: -70px;}
.slider_box li.slider4 > img{float:right;margin-right:80px;margin-top: -60px;}
.slider_box li.slider5 > img{float:left;margin-left: 90px;margin-top: 10px;}
.slider_box li.slider6 > img{margin-right: -220px;margin-top: 43px;}
.slider_box li .textbox {position: absolute;z-index: 1;text-align: left;line-height: 1.4;}
.slider_box li.slider1 .textbox {left: 200px;top: 250px;width: 280px;}
.slider_box li.slider2 .textbox{right: 150px;top: 100px;width: 330px;}
.slider_box li.slider3 .textbox{right: 190px;bottom: 30px;width: 265px;}
.slider_box li.slider4 .textbox {left: 200px;top: 174px;width: 298px;}
.slider_box li.slider5 .textbox{right: 150px;bottom: 150px;width: 248px;}
.slider_box li.slider6 .textbox{left: 260px;bottom: -80px;width: 382px;}
.slider_box li .textbox::before {content:'';background:url(/images/text_point.svg)no-repeat;position: absolute;width: 40px;height: 34px;}
.slider_box li.slider1 .textbox::before {margin-left: -40px;margin-top: -36px;}
.slider_box li.slider2 .textbox::before {margin-left: -60px;margin-top: -32px;}
.slider_box li.slider3 .textbox::before {right: -50px;margin-top: -36px;transform: rotate(180deg);}
.slider_box li.slider4 .textbox::before {margin-left: -40px;margin-top: -36px;}
.slider_box li.slider5 .textbox::before {margin-left: -60px;margin-top: -32px;}
.slider_box li.slider6 .textbox::before { margin-left: -60px;margin-top: -32px;}
.slider_box li .textbox p.title {font-size:23px;text-align: left;}
.slider_box li .textbox p.sub {font-size:18px;margin-top:10px;}
.slider_box li .textbox p.sub span { font-weight:500; color:var(--basic-point-color); }
.bxpagetext {width:580px;margin:0 auto;box-sizing: border-box;padding: 40px 0 0;display: flex;justify-content: space-between;position: relative;}
.bxpagetext a {text-align:left;color:var(--sub-font-color);display: block;position: relative;}
.bxpagetext a p {font-size:18px;line-height: 2;padding-left: 50px;cursor: pointer;font-weight: 500;}
.bxpagetext a.active { color:var(--main-font-color); }
.bxpagetext a::after {content: '';position: absolute;height: 50px;width: 1px;background: var(--sub-font-color);right: -80px;top: 12px;}
.bxpagetext a:last-child::after{ content:none;}

.wrapper .con6 {background: url(/images/main_con6_bg.png) no-repeat center;background-position: 0 280px;padding: 200px 0 0;}
.wrapper .con6 .content h1 {font-size:50px; line-height: 1.4; font-weight:500; padding: 0 238px;}
.wrapper .con6 .content h1 span {color: var(--basic-point-color);}
.wrapper .con6 .content ul {margin-top: 200px;}
.wrapper .con6 .content ul li {display: flex;justify-content: space-between;position: relative;}
.wrapper .con6 .content ul li.con6_box1 {margin-bottom: 150px; flex-direction: row-reverse;}
.wrapper .con6 .content ul li.con6_box3 {flex-direction: row-reverse; margin-bottom:200px;}
.wrapper .con6 .content ul li .txtbox h1 {font-size: 30px;font-weight: 400;color: var(--basic-point-color);text-align: left; padding:0;}
.wrapper .con6 .content ul li .txtbox p {font-size: 22px;text-align: left;line-height: 1.3;margin-top: 10px;}
.wrapper .con6 .content ul li.con6_box1 > .txtbox { margin-top: 300px; padding-right: 210px;}
.wrapper .con6 .content ul li.con6_box2 > .txtbox { padding-left: 92px; margin-top: 160px;}
.wrapper .con6 .content ul li.con6_box3 > .txtbox { margin-top: 300px; padding-right: 162px;}
.wrapper .con6 .content ul li.con6_box1 > img {margin-right: -200px;}
.wrapper .con6 .content ul li.con6_box2 > img { margin-left: -120px;}
.wrapper .con6 .content ul li.con6_box3 > img { margin-right: -100px;}

.wrapper .con7 {background: var(--basic-background-color);padding: 150px 0;}
.wrapper .con7 .content h1 {font-size:50px;font-weight:500;margin-bottom: 80px;}
.wrapper .con7 .content h1 > img { width: 10%; margin-right: 10px;}
.wrapper .con7 .content ul { display:flex; border: 1px solid var(--main-border-color); border-top: 2px solid var(--basic-point-color);}
.wrapper .con7 .content ul li {position:Relative; border-left: 1px solid var(--main-border-color);width: 25%;}
.wrapper .con7 .content ul li:first-child {border-left:0;}
.wrapper .con7 .content ul li .pri { padding: 50px 30px; background: var(--basic-white-color);}
.wrapper .con7 .content ul li .pri > span {font-size:20px;font-weight: 600;}
.wrapper .con7 .content ul li .pri p {margin-left: 20px; font-weight: 600;font-size: 40px;color: var(--basic-point-color);margin-top: 6px;}
.wrapper .con7 .content ul li .pri p > span {font-weight: 500;font-size:20px;}
.wrapper .con7 .content ul li .txtbox { text-align:left; background: var(--basic-background-color);padding: 40px 50px 50px; min-height: 170px;}
.wrapper .con7 .content ul li .txtbox p::before { content:''; background: url(/images/check_icon.svg)no-repeat;width: 14px; height: 11px; position: absolute; margin-left: -17px; margin-top: 5px; }
.wrapper .con7 .content ul li .txtbox p { margin-top: 12px; margin-bottom: 4px; font-size:18px;}
.wrapper .con7 .content ul li .txtbox span { font-size:15px; }
.wrapper .con7 .content button { width:250px; background:var(--btn-primary-color); color:var(--basic-white-color);height:50px; font-size: 18px; margin-top: 100px; }

/* company page */
.company .main { background:url(/images/subbg_2.jpg) no-repeat top center; height:870px; background-size: cover;}
.company .main > .title {line-height: 1.2; padding:170px 0 120px; font-size:50px;text-align: center; color:var(--basic-white-color);}
.company .main > .title span { font-weight:500; color:var(--basic-white-color); }
.company .about { background:url(/images/about_bg.png) no-repeat top right;}
.company .about .content h1 {font-size:50px;font-weight:500;text-align:center;padding: 130px 0 20px;}
.company .about .content > p {font-size:30px;font-weight: 300;text-align:center;margin-bottom: 60px;}
.company .about .content > p span { font-weight:500; color:var(--basic-point-color);}
.company .about .content > div { text-align:left; width:100%;border:1px solid var(--main-border-color);border-top:2px solid var(--basic-point-color);background:var(--basic-white-color);margin-bottom: 30px;padding: 60px 72px;}
.company .about .content > div h2 {font-size: 22px;margin-bottom:10px;font-weight: 400;}
.company .about .content > div p {font-size: 18px;line-height: 1.3;}
.company .about .content > img { margin-top:50px;}

.company .recruit {width:100%;background:var(--basic-background-color);padding: 150px 0;margin: 100px 0 0;}
.company .recruit .content h1 {font-size:50px;font-weight:500;text-align:center;padding: 0px 0 50px;}
.company .recruit .content > p {font-size:30px;font-weight: 300;text-align:center;margin-bottom: 60px;line-height: 1.2;padding: 0 127px;}
.company .recruit .content .grid { border-top:1px solid var(--main-border-color); }
.company .recruit .content .grid li { display:block; cursor: pointer;}
.company .recruit .content .grid .grid-title {padding: 0 30px;height:60px;line-height:60px;width:100%;border-bottom:1px solid var(--main-border-color);background:#F6F6F6;cursor: pointer;display: flex;justify-content: space-between; }
.company .recruit .content .grid .grid-title .arrow { height: 10px;width: 10px;border: 2px solid var(--main-font-color);border-top: 0;border-left: 0;transform:rotate(45deg); margin-top: 22px;}
.company .recruit .content .grid .grid-view { text-align:left; display:none; border-bottom: 1px solid var(--main-border-color);background:var(--basic-white-color);box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);padding: 30px;line-height: 1.5;}
.company .recruit .content .grid li.sel .grid-title {background:var(--basic-white-color); box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);position: relative;}
.company .recruit .content .grid li.sel .grid-title label {transform:rotate(-135deg); margin-top: 27px; }
.company .recruit .content .grid li.sel .grid-view{ display:block;}

.cscent h1 {font-size:50px;font-weight:500;text-align:center; padding: 80px 0 ;}
.cscent .content {display:flex;justify-content: space-between;align-items: center;}
.cscent .content .tab_box {display:flex; }
.cscent .content .tab_box li { margin-right: 34px; height:58px; line-height:58px;}
.cscent .content .tab_box li a { cursor: pointer; display:block; font-weight:400; font-size: 20px; color:var(--sub-font-color);}
.cscent .content .tab_box li a.sel { font-weight:500; border-bottom:2px solid var(--main-font-color); color:var(--main-font-color);}
.cscent .content .search_box .input-box input { width:350px; margin-top:0; border:0; border-bottom:1px solid var(--basic-black-color); }
.cscent .content .search_box {display: flex;}
.cscent .content .search_box .input-box,
.cscent .content .search_box .input-box .closedbtn,
.cscent .content .search_box .input-box .search_btn { display:none;}
.cscent .board { width:100%;background:var(--board-background-color); padding: 80px 0 180px;}
.cscent .board .content { display:flex;justify-content: space-between; align-items: flex-start;}
.cscent .board .board_box { width:48%; }
.cscent .board .board_box .title { display:flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.cscent .board .board_box .title p {font-size:16px;font-weight: 500; }
.cscent .board .board_box .title > a { border:1px solid #737373; counter-reset: var(--main-font-color); font-size: 24px; font-weight: 400; height: 30px; width: 31px; line-height: 26px; text-align: center;}
.cscent .board .board_box ul {height: 363px;border-top:2px solid var(--main-font-color); border-bottom:1px solid var(--main-border-color);}
.cscent .board .board_box ul li { font-weight:400; cursor: pointer; display:flex; height:60px; align-items: center; padding: 0 10px; }
.cscent .board .board_box ul li:hover { background:var(--basic-white-color); box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);}
.cscent .board .board_box ul li label { border:1px solid #737373; font-size:12px;width: 70px;text-align: center;border-radius: 30px;padding: 10px 0;margin-right: 14px;}
.cscent .board .board_box ul li.nodata { justify-content: space-evenly;height: 100%;color:var(--sub-font-color)}
.cscent .board .board_box ul li.nodata:hover { background:none; box-shadow:none; }

.cscent .board.notice { padding: 80px 0; }
.cscent .board.notice .content { display:block;}
.board .content .grid li .grid-title { align-items: center; cursor: pointer;padding: 0 ;height:60px;line-height:60px;width:100%;border-bottom:1px solid var(--main-border-color);background:#F6F6F6;cursor: pointer;display: flex;justify-content: flex-start; }
.board .content .grid li .grid-title li { display:block; font-weight:400; max-width: 820px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.board .content .grid li .grid-title li.num { display:block; width:60px;}
.board .content .grid li .grid-title li.section {border: 1px solid #737373;font-size: 12px;width: 70px;text-align: center;border-radius: 30px;margin-right: 14px;height: 34px;line-height: 32px; }
.board .content .grid li .grid-title li.imgicon { display:block; margin-left:10px; }
.board .content .grid li .grid-title .arrow { right: 20px; position: absolute;height: 10px;width: 10px;border: 2px solid var(--main-font-color);border-top: 0;border-left: 0;transform:rotate(45deg); }
.board .content .grid li .grid-view { display:none; font-weight:400; text-align:left; border-bottom: 1px solid var(--main-border-color);background:var(--basic-white-color);box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);padding: 30px;line-height: 1.5;}
.board .content .grid li .grid-view.faq-view { padding-left:147px;}
.board .content .grid li .grid-view.faq-view span { font-weight:500; color:#C00000;}
.board .content .grid li.sel .grid-title {background:var(--basic-white-color); box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);position: relative;}
.board .content .grid li.sel .grid-title .arrow {transform:rotate(-135deg); }
.board .content .grid li.sel .grid-view { display:block;}

/* priceinfo page */
.priceinfo { background:url(/images/subbg_1.png) no-repeat top center;}
.priceinfo .content > .title {line-height: 1.2; padding:170px 180px 120px; font-size:50px;text-align: center;}
.priceinfo .content > .title span { font-weight:500;}
.priceinfo .content .deco {position: absolute;top: 60px;z-index: 1;right: -50px;}

.priceinfo .content .price_box {border-top: 2px solid var(--basic-point-color);}
.priceinfo .content .price_box ul {display: flex;border: 1px solid var(--main-border-color);}
.priceinfo .content .price_box li {text-align:left; position: relative;width: 25%; border-left: 1px solid var(--main-border-color); background:var(--basic-white-color);}
.priceinfo .content .price_box li:first-child { border-left:0;}
.priceinfo .content .price_box li .title {text-align: center;padding: 40px 0;}
.priceinfo .content .price_box li .title span { font-size:20px; font-weight:500; }
.priceinfo .content .price_box li .title p { font-size:45px; font-weight:600; color:var(--basic-point-color); font-family: "Lato";}
.priceinfo .content .price_box li .title p > span { font-size:18px; font-weight:300;}
.priceinfo .content .price_box li .info {text-align: center; position: relative;background: #F7F7F7;padding: 40px 40px 20px;min-height: 300px;width: 100%;margin: 0 auto;}
.priceinfo .content .price_box li .info p { text-align: left; margin-left: 18px;margin-bottom: 12px;font-size: 18px;line-height: 1.2;}
.priceinfo .content .price_box li .info p > span { font-size:15px;}
.priceinfo .content .price_box li .info p:before {content:'';background: url(/images/list_check_icon.svg)no-repeat;width:12px;height: 11px;position: absolute;margin-left: -18px;margin-top: 4px;}
.priceinfo .content .price_box li .info button {background-color:var(--basic-white-color);border: 1px solid var(--main-border-color);width: 142px;height: 40px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; margin-top: 60px;}
.priceinfo .content .price_box li .info button:hover { background-color:var(--btn-primary-color); color:var(--basic-white-color); border:0;}
.priceinfo .content .info_box .con { width:100%;margin-top: 30px;border-bottom: 1px solid var(--main-font-color);}
.priceinfo .content .info_box .con h2 {text-align:left;width:100%; font-size:20px; font-weight:400; height:70px; line-height:70px; border-bottom: 2px solid var(--main-font-color);}
.priceinfo .content .info_box .con ul {display: flex;border-bottom: 1px solid var(--main-border-color); background: var(--basic-white-color);}
.priceinfo .content .info_box .con ul li {width: 19%;font-size: 15px;font-weight: 400;text-align: center;border-left: 1px solid var(--main-border-color);height: 60px;line-height: 60px;}
.priceinfo .content .info_box .con ul li:first-child { border-left:0;}
.priceinfo .content .info_box .con ul li.title {text-align:left;padding-left: 20px;width: 24%;}

.wrapper .content_ft{ position:relative;width:100%; background:var(--basic-background-color);}
.wrapper .content_ft .cs_form {position:relative;width:1100px;margin: 0 auto;padding: 70px 0;}
.wrapper .content_ft .cs_form h2 { font-size:20px; font-weight:500; line-height: 1.5;}
.wrapper .content_ft .cs_form form { margin-top:20px;}
.wrapper .content_ft .cs_form form div p { font-size:16px;}
.wrapper .content_ft .cs_form .form_box {display: flex;flex-wrap: wrap;justify-content: space-between;}
.wrapper .content_ft .cs_form .form_box > div { width: 49%;}
.wrapper .content_ft .cs_form .form_box > div.right ul li { width:100%; }
.wrapper .content_ft .cs_form ul li {font-size: 16px;position: relative;width: 49%;}
.wrapper .content_ft .cs_form form div.form_acitve {display: flex;justify-content: space-between;}
.wrapper .content_ft .cs_form form div.form_acitve .filebox { width:49%; }
.wrapper .content_ft .cs_form form div.form_acitve .filebox li { width: 100%; height: 37px; margin-bottom: 10px;}
.wrapper .content_ft .cs_form form div.form_acitve > div { width:49%;}
.wrapper .content_ft .cs_form form .filebox button {background:#2F3B55; color:var(--basic-white-color);width: 92px;padding: 10px;font-size: 12px;float: right;}
.wrapper .content_ft .cs_form form .filebox .fileicon { margin-right:10px; }
.wrapper .content_ft .cs_form form .filebox .closedicon {position: absolute;right: 0;}
.wrapper .content_ft .cs_form .form_box div button {font-size:16px;font-weight:500;background-color:var(--btn-primary-color);color:var(--basic-white-color);border:0;width: 100%;padding: 20px 0;/* position: absolute; */bottom: 0;}
.wrapper.company .content_ft{ position:relative;width:100%; background:var(--basic-white-color);}


/* modal common */
.modal_wrapper {z-index:9; background-color: rgba(0,0,0,0.4); justify-content:center; align-items:center;position:fixed; top:0; left:0; right:0; bottom:0; display:flex;}
.modal_body{position:absolute;top:50%;left:50%;width: 500px;height:auto;background-color: rgb(255,255,255);border-radius: 5px;box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);transform:translate(-50%, -50%); padding: 40px;}
.modal-content h1 {font-size:16px;font-weight:500;height: 30px;border-bottom: 1px solid var(--basic-black-color);}
.modal-content ul {border:1px solid var(--main-border-color);border-top:0;display: flex;}
.modal-content ul li { line-height: 1.2; padding: 16px 0 16px 10px; width:290px;}
.modal-content ul li.title { width: 130px;background:#F9F9F9; border-right:1px solid var(--main-border-color); }
.modal-footer { float: right; margin-top: 15px; }
.modal-footer .save-btn { background:#2C3238; padding:10px 30px; border-radius: 3px; color:var(--basic-white-color);}
.modal-footer .basic-btn {color:var(--main-font-color); padding:10px 30px; border-radius: 3px; border:1px solid var(--main-border-color); background:var(--basic-white-color);}

/*color common*/
:root {
--basic-white-color: #ffffff;
--basic-black-color: #000000;
--basic-gray-color: #F2F2F2;
--basic-point-color: #DE664D;
--basic-hover-color: rgb(255,246,239,0.4);

/*font*/
--main-font-color: #333333;
--sub-font-color: #A9A9A9;
--footer-font-color: #848484;
/*background*/
--basic-background-color: #f8f8f8;
--board-background-color: #F6F6F6;

/*border*/
--main-border-color: #E7E7E7;

/*btn*/
--btn-primary-color: #DA482A;
--btn-normal-color: #2F3B55;

}