/* common */
input,select,button{font-family: 'Helvetica'; font-weight:400; vertical-align: top; line-height: 1.5;}
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/sub/icon_select.png) no-repeat calc(100% - 25px) 50%;
}
.f40_tit{font-family: 'Helvetica'; font-weight:700; font-weight:700; color: #45877c; font-size:36px; letter-spacing:0.03em;}
.f40_tit span{font-size:18px; letter-spacing:0}
.f40_tit.w{color: #fff;}
.top_btn{position: absolute; bottom: 80px; right: 110px; width: 80px; height: 80px; border-radius:50%; box-shadow: 9px 10px 20px 0px rgba(0, 0, 0, 0.2); text-align: center; z-index: 50; cursor: pointer;}
.top_btn::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:50%; background-color:#fff; opacity: 0.6; z-index: -1;}
.top_btn img{margin: 20px 0;}
.pop_box{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.pop_box::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; background: #000;}
.pop_box .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; max-width: 1050px;}
.pop_box .close{position:absolute; top: 20px; right: 20px; width: 35px; height: 35px; text-align: center; color: #fff; background: #45877c; cursor: pointer; border-radius:50%; z-index: 10;}
.pop_box .close i{line-height: 35px; font-size:18px;}
.pop_box .pop_video{position:relative; padding-bottom:56.5%; overflow: hidden; width: 100%;}
.pop_box .pop_video iframe{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}


.sub{padding-top: 117px; box-sizing:border-box;}
.sub .lnb{position:absolute; }
.sub .lnb > ul{display:flex;}
.sub .lnb > ul > li{width: 220px;}
.sub .lnb > ul > li > a{width: 100%; display:flex; align-items:center; justify-content:center; height: 54px; border:1px solid #808080; box-sizing:border-box; font-weight:400; font-size:20px; color: #000; background: #fff; border-radius:0 20px 0 0}
.sub .lnb > ul > li.on > a{font-family: 'Helvetica'; font-weight:700; background: #45877c; color: #fff; border-color:#45877c;}

.sub .lnb.on{position:fixed; top: 0; left: 0; width: 100%; z-index: 100;}
.sub .lnb.on > ul > li{width: 16.6666%;}
.sub .lnb.on > ul.sub_depth02 > li{width: 25%;}
.sub .lnb.on > ul.sub_depth03 > li{width: 50%;}
.sub .lnb.on > ul > li > a{border-radius:0; border:none; border-right:1px solid #808080; border-bottom: 1px solid #808080;}
.sub .lnb.on > ul > li:last-of-type > a{border-right: none;}


.sub .tit{position:relative; display:flex; justify-content:space-between; align-items:center; padding: 0 208px; box-sizing:border-box; margin-top: 54px;} 
.sub .tit::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #45877c;/* background: rgb(158,184,179);
background: linear-gradient(90deg, rgba(158,184,179,0.7399334733893557) 0%, rgba(69,135,124,1) 100%); */ z-index: -1;}
.sub .tit::before{content:''; position:absolute; top: 20px; left: 20px; width: calc(100% - 20px); height: calc(100% - 32px); opacity: 0.25; box-shadow:7px 6px 22.5px 20px rgb(0 0 0); background: #000; z-index: -1;}
.sub .tit > ul{margin: 62px 0 67px;}
.sub .tit > ul > li{font-weight:bold; font-size:16px; color: #fff; margin-bottom:8px;}
.sub .tit > ul > li:last-of-type{margin-bottom:0;}
.sub .tit h2{font-family: 'Helvetica'; font-weight:700; font-size:56px; color: #fff; letter-spacing:0.03em; text-transform: uppercase;}

.s_wrap{position:relative; padding:124px 0 292px; overflow: hidden;}
.s_wrap::before{content:''; position:absolute; top: 0; right: 100px; width: 100%; max-width: 1310px; height: 100%; background: rgb(237,237,237);
background: linear-gradient(180deg, rgba(237,237,237,0) 12%, rgba(70,134,125,1) 100%); z-index: -1;}
.s_wrap.bg02::before{background: rgb(237,237,237); background: linear-gradient(180deg, rgba(237,237,237,0) 12%, rgba(69,174,141,1) 100%)}
.s_wrap.pb{padding-bottom:240px;}
/* 서브 공통 */
.order{order:2}
.scon{box-sizing:border-box}
/* .ms01{padding: 0 9.5vw;} */
.ms05,
.ms04,
.ms01{padding: 0 208px;}
.ms02{padding-right: 208px;}
.ms03{padding-left: 208px;}
/* .ms04{padding:0 4.5vw 0 9.5vw;}
.ms05{padding: 0 9.5vw 0 4.5vw;} */

.flex_box{display:flex;}
.flex_box.top{align-items:flex-start}
.flex_box.mid{align-items:center}
.flex_box.bot{align-items:flex-end}
.flex_box.jc{justify-content:center;}
.flex_box.jfe{justify-content:flex-end;}
.flex_box.jfs{justify-content:flex-start;}
.flex_box.jsb{justify-content:space-between;}
/* a버튼 */
.btn_link{ margin-left: 40px;}
.btn_link a{display:inline-block; vertical-align: top; line-height: 48px; border:1px solid #45877c; font-family: 'Helvetica'; font-weight:700; font-size:20px; color: #fff;  border-radius:0 20px 0 0; padding: 0 40px; letter-spacing:0.1em;}
.btn_link a i{margin-left: 40px;}
.btn_link a.gm{background: #45877c;}
.btn_link.ml{margin-left: 0;}
/* 게시판탭 */
.board_tab{display:flex; border-bottom: 1px solid #45877c;}
.board_tab li{width: 33.33%;}
.board_tab li a{display:inline-block; vertical-align: top; box-sizing:border-box; width: 100%; height: 50px; line-height: 45px; border-radius:0 20px 0 0; background: #fff; font-size:18px; letter-spacing:0.02em; color: #000000; text-align: center; border:1px solid #707070; border-bottom: none;}
.board_tab li.on a{background: #45877c; border-color:#e8ede9; color: #fff; font-family: 'Helvetica'; font-weight:700; }
/* 게시판 하단 */
.board_ui{text-align: right; display:flex; justify-content:flex-end; align-items:center; margin-top: 20px;}
.board_ui .search_box{position:relative; width: 250px; height: 50px;  overflow: hidden; margin-right: 10px;}
.board_ui .search_box input{width: 100%; height: 100%; border:none; padding-left: 20px; border-radius:0 20px 0 0px; border:1px solid #707070; box-sizing:border-box;}
.board_ui .search_box button{position:absolute; top: 1px; right: 0; width: 48px; height: 48px; background: transparent; border:none; cursor: pointer;}
.board_ui.bet{justify-content:space-between;}
.board_ui .between{display:flex; align-items:center;}
/* 큰화면 중앙정렬용 */
@media screen and (min-width: 1924px){
	.scon{width: 100%; max-width: 1680px; margin: 0 auto; box-sizing:border-box; padding: 0;}
}

.w1466{width: 100%; max-width: 1360px; margin: 0 auto; box-sizing:border-box;}
.w1360{width: 100%; max-width: 1260px; margin: 0 auto; box-sizing:border-box;}

/* 쉐도우박스 */
.bgm{border-color:#0f6456}
.bgm::after{background: #45877c; opacity: 1 !important;}
.bgw{border:1px solid #45877c;}
.bgw::after{background: #e8ede9;}
.bl,
.bl::after{border-radius:60px 0 0 0}
.bl::before{border-radius:26px 0 0 0}
.br,
.br::after{border-radius:0 60px 0 0}
.br::before{border-radius:0 26px 0 0}
.shadow_box{position:relative; width: 58%; max-width: 800px; box-sizing:border-box; padding: 73px 50px 60px 83px;}
.shadow_box.w100{width: 100%; max-width: none;}
.shadow_box.w50{width: 50%; max-width: none;}
.shadow_box::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: -1;}
.shadow_box::before{content:''; position:absolute; top: 30px; left: 30px; width: calc(100% - 50px); height: calc(100% - 50px); background: #000; opacity: 0.19; box-shadow:7px 6px 22.5px 30px rgb(0 0 0); z-index: -1;}
.shadow_box .tit h3{font-family: 'Helvetica'; font-weight:700; font-size:46px; letter-spacing:0.02em; color: #000; margin-bottom:8px;}
.shadow_box .tit p{font-size:20px; color: #4d4d4d; line-height: 1.5;}
.shadow_box .tit ul{margin-top: 34px;}
.shadow_box .tit ul li{font-size:20px; color: #4d4d4d; margin-bottom: 0; line-height: 1.5;}
.shadow_box .tit ul li:last-of-type{margin-bottom:0;}
.shadow_box .tit.cw h3{color: #fff;}
.shadow_box .tit.cw p,
.shadow_box .tit.cw ul li{color: #e4e4e4;}

/* .arrow_txt */
.arrow_txt{display:flex; position:absolute; top: 0; left: 0; width: 400px;}
.arrow_txt p{font-family: 'Inkfree'; font-size:24px; color: #45877c;}
.arrow_txt p.cw{color: #fff;}
.arrow_txt p.cm2{color: #6ca795;}
.arrow_txt img{position:relative; }

.arrow_txt.s01{align-items:flex-start; }
.arrow_txt.s01 img{top: 14px; left: 14px;}
.arrow_txt.s02 img{top: 7px; left: 14px;}
.arrow_txt.s03 img{top: -18px;  left: -14px;}
.arrow_txt.s04 img{top: -1px; left: 14px;}
.arrow_txt.s05 img{top: 3px; left: -14px;}
.arrow_txt.s06 img{top: 8px; left: -14px;}
.arrow_txt.s07 img{top: -24px; left: -14px;}
.arrow_txt.s08 img{top: -10px; left: -14px;}
.arrow_txt.s09 img{top: -58px; left: 14px;}

.pr{position:relative; }
.img_ctn.pa{position:absolute; top: 0; left: 0; bottom: 0; right: 0;}
.img_ctn{position:relative;}
.img_ctn figure{position:relative; }
.img_ctn figure img{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.img_ctn figure img:last-of-type{position:relative; width: auto; height: auto; }

.ourdesign .scon.mb01{margin-bottom:292px;}
.ourdesign .scon.mb02{margin-bottom:292px;}
.ourdesign .scon.mb03{margin-bottom:43px;}
.ourdesign .scon.mb04{margin-bottom:240px;}
.ourdesign .scon.mb05{margin-bottom:80px;}
.ourdesign .scon.mb06{margin-bottom:120px;}
.ourdesign .scon.mb07{margin-bottom:110px;}
.ourdesign .scon.mb08{margin-bottom:127px;}
/* preparation */
.preparation{}
.preparation .scon01 .shadow_box{margin-right: -130px;}
/* .preparation .scon01 .arrow_txt{top: -110px; left: 346px;} */
.preparation .scon01 .arrow_txt{top: -70px; left: 261px;}
.preparation .scon01 .img_ctn{transform:translateY(120px);}
/* .preparation .scon02 .video_ctn{position:relative; padding-bottom:37.5%; overflow: hidden; width: 66.66666666666667%;} */
.preparation .scon02 .video_ctn{position:relative; padding-bottom:38.5%; overflow: hidden; width: 80%;}
.preparation .scon02 .video_ctn video{position:absolute; top: calc(50% - 6px); left: 50%; transform:translate(-50%,-50%); height: 100%;}
.preparation .scon02 .shadow_box{margin-left: -16%; top: 150px; z-index: 1;}
.preparation .scon03{margin-bottom: -51px;}
.preparation .scon03 .shadow_box{margin-right: -54px;}
.preparation .scon03 .img_ctn{transform:translateY(-79px);}
.preparation .scon03 .img_ctn .arrow_txt{top: 28px; left: -179px;}
.preparation .scon04 .img_ctn{width: 100%; max-width: 628px; margin-right: -90px;}
.preparation .scon04 .img_ctn .arrow_txt{top: calc(50% - 116px); left: calc(50% + 291px);}
.preparation .scon04 .shadow_box{top:30px}
.preparation .scon05 .shadow_box{margin-right: -314px; top:110px; z-index: 1;}
/* .preparation .scon05 .video_ctn{position:relative; padding-bottom:37.5%; overflow: hidden; width: 66.66666666666667%;} */
.preparation .scon05 .video_ctn{position:relative; padding-bottom:40.5%; overflow: hidden; width:80%;}
.preparation .scon05 .video_ctn video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: 100%;}

/* modeling */
.modeling{}
.modeling .scon01{margin-top: 100px;}
.modeling .scon01 .shadow_box{margin-right: -20px; z-index: 1;}
.modeling .scon01 .img_ctn .arrow_txt{left: auto; right: 0; top: -30px;}
.modeling .scon01 .pr{top: -100px; left: -8px;}
.modeling .scon01 .img_ctn{z-index: 1;}
.modeling .scon01 .img_ctn.pa{z-index: -1;}
.modeling .scon02{margin-top: -100px;}
.modeling .scon02 .img_ctn{margin-right: -67px; top: -90px;}
.modeling .scon03 .shadow_box{margin-right: -36px;}
.modeling .scon03 .img_ctn{top: -89px;}
.modeling .scon03 .img_ctn .arrow_txt{top: -32px; left: -200px;}
.modeling .scon04{margin-top: -18px;}
.modeling .scon04 .img_ctn{margin-right: -56px;}
.modeling .scon04 .img_ctn .arrow_txt{top: auto; left: auto; bottom: 107px; right: calc(50% - 768px);}
.modeling .scon05{margin-top: -50px;}
.modeling .scon05 .shadow_box{margin-right: -114px; z-index: 1;}
.modeling .scon05 .img_ctn{top: -150px;}
.modeling .scon06{margin-top: -36px;}
.modeling .scon06 .shadow_box{z-index: 1; top: -110px;}
.modeling .scon06 .video_ctn{position:relative; padding-bottom:33.7%; width: 59.666667%; margin-right: -119px;}
.modeling .scon06 .video_ctn video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: 100%;}
.modeling .scon06 .video_ctn .arrow_txt{top: -162px; left: 600px;}

/* 영문 */
.modeling.en .scon02{margin-top: -42px;}
.modeling.en .scon04{margin-top: 12px;}
/* 일문 */
.modeling.ja .scon02{margin-top: -131px;}
/* 중문 */
.modeling.ch .scon06{margin-top: -89px;}
/* health_check */
.health_check{}
.health_check .scon01 .img_ctn{margin-right: -50px;}
.health_check .scon01 .img_ctn .arrow_txt{top: auto; bottom: 33px; left: 400px;}
.health_check .scon02 .shadow_box{margin-right: 50px;}
.health_check .scon03{margin-top: -107px;}
.health_check .scon03 .img_ctn{margin-right: -70px; top: 64px; margin-top: -64px;}
.health_check .scon03 .img_ctn .arrow_txt{top: auto; bottom: 78px; left: 641px;}
.health_check .scon04{margin-top: -8px;}
.health_check .scon04 .shadow_box{margin-right: -90px;}
.health_check .scon05 .img_ctn{margin-right: -70px;}
.health_check .scon05 .img_ctn .arrow_txt{left: 700px;}
.health_check .scon06{margin-top: -31px;}
.health_check .scon06 .shadow_box{margin-right: -154px;}

.health_check.en .scon02 {margin-top: -133px;}
.health_check.en .scon03 {margin-top: -187px;}

.health_check.ja .scon03 {margin-top: -90px;}
.health_check.ja .scon06 {margin-top: -14px;}
/* resizing */
.resizing{}
.resizing .scon01 .img_ctn{margin-right: -67px;}
.resizing .scon01 .img_ctn .arrow_txt{left: 630px;}
.resizing .scon02 .shadow_box{margin-right: -131px;}
.resizing .scon02 .img_ctn{top: -82px; margin-top: 82px;}
.resizing .scon02 .img_ctn .arrow_txt{top: auto; bottom:-123px; left: 236px;}

.resizing.ch .scon02{margin-top: -24px;}

/* cost_analysis */
.cost_analysis{}
.cost_analysis .scon01 .shadow_box{margin-right: -42px; z-index: 1;}
.cost_analysis .scon01 .img_ctn{text-align: center; margin-top: -47px;}
.cost_analysis .scon01 .img_ctn .icon_list{display:inline-block; vertical-align: top; text-align: left;}
.cost_analysis .scon01 .img_ctn .icon_list li{position:relative; margin-bottom:10px; font-size:20px; color: #4d4d4d; vertical-align: middle;}
.cost_analysis .scon01 .img_ctn .icon_list li:last-of-type{margin-bottom:0;}
.cost_analysis .scon01 .img_ctn .icon_list span{display:inline-block; width: 44px; vertical-align: middle;text-align: center;margin-right: 15px;}
.cost_analysis .scon02{margin-top: -108px;}
.cost_analysis .scon02 .img_ctn{margin-right: -60px;}
.cost_analysis .scon02 .img_ctn .arrow_txt{top:-59px; left: 58px;}
.cost_analysis .scon03{margin-top: -14px;}
.cost_analysis .scon03 .shadow_box{margin-right: -44px;}

.cost_analysis.en .scon02{margin-top: -50px;}

.cost_analysis.ch .scon02{margin-top: -140px;}
.cost_analysis.ch .scon03{margin-top: -42px;}

/* compatibility */
.compatibility .scon01 .shadow_box{margin-right: -190px;}
.compatibility .scon01 .img_ctn .arrow_txt{left: 383px; top: -24px;}
.compatibility .scon02 .img_ctn{margin-right: -153px; transform:translateX(-26px);}

/* input */
.input_style{}
.input_style h3{font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #333; letter-spacing:0.025em; margin-bottom:14px;}
.input_style h3.c{color: #45877c;}
.input_style h3.c span{color: #eb1c24;}
.input_style h3.gc{color: #808080;}
.input_style h3.w{color: #fff;}
.input_style .input_box{}
.input_style .input_box .item{width: 100%; margin-bottom:40px; font-size: 0;}
.input_style .input_box .item:last-of-type{margin-bottom:0;}
.input_style .input_box .item.w256{width:50%; max-width: 256px;}
.input_style .input_box .item.w272{width:50%; max-width: 272px;}
.input_style .input_box .item.w320{width:50%; max-width: 320px;}
.input_style .input_box .item.w355{width:50%; max-width: 355px;}
.input_style .input_box .item.w384{width:50%; max-width: 384px;}
.input_style .input_box .item.w512{width:50%; max-width: 512px;}
.input_style .input_box .item.w640{width:50%; max-width: 640px;}
.input_style .input_box .item.w730{width: 100%; max-width: 730px;}
.input_style .input_box .item input[type="password"],
.input_style .input_box .item input[type="text"]{width: 100%; border:1px solid #707070; max-width: 894px; height: 50px; border-radius:0 20px 0 0; box-sizing:border-box; padding: 0 20px; font-size:16px;}
.input_style .input_box .item.b input{width: calc(100% - 314px);}
.input_style .input_box .item.p_r input::placeholder{color: #eb1c24;}
.input_style .input_box .item input::placeholder{font-size:16px; color: #808080;}
.input_style .input_box .item button{position:relative; width: 290px; height: 50px; margin-left: 24px; background-color: #45877c; font-family: 'Helvetica'; font-weight:700; font-size:20px; letter-spacing:0.01em; color: #fff; border:none; border-radius:0 20px 0 0; cursor: pointer; box-sizing:border-box; padding: 0 25px; text-align: left;}
.input_style .input_box .item button i{position:absolute;top: 50%; transform:translateY(-50%); right: 20px;font-size:16px;}
.input_style .input_box .item select{width: 100%; background-color:#fff; height: 50px; border-radius:0 20px 0 0; font-size:16px; color: #808080; padding: 0 25px;}
.input_style .input_box .i2 .item{margin-right: 36px;}
.input_style .input_box .i2 .item:last-of-type{margin-right: 0;}
.input_style .chk_box .item{margin-bottom:38px;}
.input_style .chk_box .item:last-of-type{margin-bottom:0;}
.input_style .chk_box .item ul{display:flex; flex-wrap:wrap;}
.input_style .chk_box .item ul li{width: 25%; margin-bottom: 18px;}
.input_style .chk_box{font-size:0;}
.input_style .chk_box .radio input,
.input_style .chk_box .chk input{display:none; }
.input_style .chk_box .radio label,
.input_style .chk_box .chk label{cursor: pointer;}
.input_style .chk_box .radio label span,
.input_style .chk_box .chk label span{position:relative; top: 5px; display:inline-block; vertical-align: top; width: 13px; height: 13px; box-sizing:border-box; border:1px solid #808080; line-height:1.3em; border-radius:2px}
.input_style .chk_box .radio label span i,
.input_style .chk_box .chk label span i{position: absolute; top: 0; left: 0; color: #fff; font-size:11px; font-weight:bold; opacity: 0;}
.input_style .chk_box .radio label p,
.input_style .chk_box .chk label p{width: calc(100% - 13px); display:inline-block; vertical-align: middle; font-weight:300; font-size:16px; letter-spacing:-0.015em; color: #808080;box-sizing:border-box; ;line-height:1.4em; padding-left: 8px;}
.input_style .chk_box .radio input:checked + label span,
.input_style .chk_box .chk input:checked + label span{background-color: #45877c; border-color:#45877c;}
.input_style .chk_box .radio input:checked + label span i,
.input_style .chk_box .chk input:checked + label span i{opacity: 1;}
.input_style .chk_box .radio label span{border-radius:50%;}
.input_style .chk_box .radio input:checked + label span{border:3px solid #fff; background: #003f4d;}
.input_style .chk_box .radio input:checked + label p{color: #000;}
.input_style .chk_box .radio input:checked + label span::after{content:""; position:absolute; top: -3px; left: -3px; width: calc(100% + 4px); height: calc(100% + 4px); border-radius:50%; border:1px solid #000000}
.input_style .chk_box .radio ul li{width: auto; margin-right: 44px;}
.input_style .chk_box .radio ul li:last-of-type{margin-right: 0;}
.input_style .info_txt{margin-top: 38px;}
.input_style .info_txt > ul{padding-top: 12px;}
.input_style .info_txt > ul > li{margin-bottom:20px;}
.input_style .info_txt > ul > li > span{position:relative; font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #45877c;}
.input_style .info_txt > ul > li > span::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #45877c;}
.input_style .info_txt > ul li ul{margin-top: 12px;}
.input_style .info_txt > ul li ul li{font-size:16px; color: #333; margin-bottom:8px;}
.input_style .info_txt > ul li ul li span{display:block; margin-top: 8px;}
.input_style .info_txt > ul li ul li:last-of-type{margin-bottom:0;}
.input_style .btn{font-size:0; text-align: center; margin-top: 95px;}
.input_style .btn button{width: 192px; height: 50px; font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #fff; text-align: center; border-radius:0 20px 0 0; background: #45877c; border:none; margin-right: 24px; cursor: pointer;}
.input_style .btn button:last-of-type{margin-right: 0;}
.input_style .btn button i{margin-left: 24px; font-size:16px;}
.input_style .btn button.c{background-color: #ffffff9e; border:1px solid #45877c; color: #45877c;}

/* registraion */
.registraion .shadow_box{padding: 80px 150px;}

/* mypage */
/* 리스트 */
.mypage .shadow_box .board_box{margin-top: 26px;}
.mypage .shadow_box .board_box table{font-family: 'Helvetica'; font-weight:400;}
.mypage .shadow_box .board_box table tr td{font-size:20px; letter-spacing:-0.03em; color: #fff; border-bottom: 1px solid #ffffff; padding: 10px 0;}
.mypage .shadow_box .board_box table tr td a{color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; width: 100%; vertical-align: top;}
.mypage .shadow_box .board_box .paging{margin-top: 20px;}
.mypage .shadow_box .board_box.c table tr td a,
.mypage .shadow_box .board_box.c table tr td{color: #000;}
.mypage .shadow_box .board_box.c table tr td{border-bottom: 1px solid #45877c;}
.mypage .shadow_box .board_box table tr td.r{text-align: right;}
.mypage .shadow_box .board_box table tr td.c{color: #45877c;}
.mypage .shadow_box .board_box table tr td.fw{font-family: 'Helvetica'; font-weight:700;}
.mypage .shadow_box{padding: 80px; margin-bottom:40px;}
.mypage .shadow_box:last-of-type{margin-bottom:0;}
.mypage .i2 .shadow_box{width: calc(50% - 25px); margin-right: 50px; margin-bottom:40px;}
.mypage .i2 .shadow_box:last-of-type{margin-right: 0;}
.mypage .shadow_box .name{display:flex; align-items:center;}
.mypage .shadow_box .name h3{font-family: 'Helvetica'; font-weight:700; font-size:36px; color: #45877c;}
.mypage .shadow_box .name h3 span:not(.e){font-size:30px;}
.mypage .shadow_box .name h3 .e{font-family: 'Helvetica'; font-weight:400; font-size:18px; color: #000; margin-left: 10px;}
.mypage .shadow_box .info{margin-top: 34px;}
.mypage .shadow_box .info .addr{}
.mypage .shadow_box .info .addr ul{display:flex; }
.mypage .shadow_box .info > div > p,
.mypage .shadow_box .info .addr ul li{font-size:18px; letter-spacing:-0.03em; color: #000; margin-right: 60px; margin-bottom: 20px;}
.mypage .shadow_box .info > div > p{margin-right: 0; margin-top: 6px;}
.mypage .shadow_box .info > div:last-of-type > p{margin-bottom:0;}
.mypage .shadow_box .info > div > h4{font-family: 'Helvetica'; font-weight:700; font-size: 18px; letter-spacing:0.025em; color: #45877c;}
.mypage .shadow_box .box{margin-bottom:30px;}
.mypage .shadow_box .box:last-of-type{margin-bottom:0;}
.mypage .shadow_box .box h3{font-family: 'Helvetica'; font-weight:700; font-size:36px; letter-spacing:0.025em; color: #fff;}
.mypage .shadow_box .box.c h3{color: #45877c;}
.mypage .shadow_box h3{font-family: 'Helvetica'; font-weight:700; font-size:36px; letter-spacing:0.025em; color: #45877c;}
.mypage .shadow_box .item{width: 50%;}
.mypage .shadow_box .item h4{font-family: 'Helvetica'; font-weight:700; font-size:18px; letter-spacing:0.025em; color: #45877c; margin:18px 0 30px}
.mypage .shadow_box .item ul.txt{display:flex; flex-wrap:wrap; margin-bottom:40px;}
.mypage .shadow_box .item ul.txt li{font-size:18px; color: #000; letter-spacing:-0.03em; margin-bottom:12px;}
.mypage .shadow_box .item ul.txt li:nth-of-type(2){margin-right: 0;}
.mypage .shadow_box .item ul.txt li.w100{width: 100%; margin-right: 0;}
.mypage .shadow_box .item ul.txt li:last-of-type{margin-bottom:0;}
.mypage .shadow_box.mod01 .tit{max-width: 320px; margin-right: 50px;}
.mypage .shadow_box.mod01 .item{width: calc(100% - 370px);}

/* login */
.btn_box{font-size:0; text-align: center; margin-top: 100px;}
.btn_box a,
.btn_box button{display:inline-block; vertical-align: top; height: 50px; font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #fff; background: #45877c; border-radius:0 20px 0 0; border:1px solid #fff; box-sizing:border-box; line-height: 46px; padding: 0 40px; margin-right: 25px; cursor: pointer; letter-spacing:0.1em}
.btn_box a{margin-right: 0;}
.btn_box a i,
.btn_box button i{position: relative;top: 1px; margin-left: 24px;}
.btn_box a.w,
.btn_box button.w{background: #ffffffa1; border-color:#45877c; color: #45877c;}
.btn_box.mt{margin-top: 60px;}
.login{}
.sign_in h2{font-family: 'Helvetica'; font-weight:700; font-size:36px; color: #fff; letter-spacing:0.03em; margin-bottom:46px;}
.sign_in .find{margin-top: 30px;}
.sign_in .find li{margin-bottom:8px;}
.sign_in .find li:last-of-type{margin-bottom:0;}
.sign_in .find li a{font-size:18px; color: #fff;}
.sign_in p{margin-top: 10px; font-size:16px; color: #fff; text-align: right; border-bottom: 1px solid #fff; box-sizing:border-box; padding-bottom:15px;}
.sign_in p.nmt{margin-top: -27px;}
.find_pw .i2 .item{margin-bottom:0;}

/* download */
.download{}
.download .shadow_box{padding: 125px 170px;}
.download .box{padding: 80px 0 20px; box-sizing:border-box; border-bottom: 1px solid #ffffff;}
.download .box p{font-size:16px; letter-spacing:-0.03em; color: #fff; text-align: right;}
.download .box .down_box{display:flex; flex-wrap:wrap; margin-top: 40px; margin-bottom:80px;}
.download .box .down_box li{width: calc((100% - 20px) / 3);  margin-right: 10px; margin-bottom:50px;}
.download .box .down_box li:nth-of-type(3n){margin-right: 0;}
.download .box .down_box li a{position:relative; max-width: 290px; font-family: 'Helvetica'; font-weight:700; display:flex; align-items:center; justify-content:center; border-radius:0 20px 0 0; height: 50px; box-sizing:border-box; border:1px solid #5b958c; background: #ffffffa8; color: #45877c; font-size:18px; letter-spacing:0.05em; box-shadow: 4px 5px 10px 0px rgba(0, 0, 0, 0.4);}
.download .box .down_box li a img{margin-left: 24px;}

/* video */
.video{}
.video > .w1360{max-width: 1360px;}
.video .pb320{padding-bottom:320px;}
.video .shadow_box{max-width: 1245px; min-height: 800px;}
.video .shadow_box.negative{margin-left: auto; margin-top: -230px; min-height: auto;}
.video .video_ctn{}
.video .video_ctn .item.first{margin-right: -236px;}
.video .video_ctn .item.first{display:flex; flex-wrap:wrap; align-items:flex-start}
.video .video_ctn .item.first .tit{width: calc(100% - 539px); display:flex; flex-wrap:wrap; border-bottom: 1px solid #fff; padding-bottom:10px; margin-top: 40px; box-sizing:border-box; margin-right: 40px;}
.video .video_ctn .item.first .tit h4{width: calc(100% - 76px); font-size:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff;}
.video .video_ctn .item.first .tit p{width: 76px; font-size:20px; letter-spacing:-0.03em; color: #fff;}
.video .video_ctn .item.first figure{width: 499px; position:relative; padding-bottom:27.593%; overflow: hidden; cursor: pointer;}
.video .video_ctn .item.first figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: calc(100% - 40px); max-width: inherit; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.4);}
.video .video_ctn .v_box{width: calc(100% - 360px); display:flex; align-items:flex-end; justify-content:center; margin-top: -270px;}
.video .video_ctn .v_box .item{width: 50%; margin-right: 40px; max-width: 255px; cursor: pointer;}
.video .video_ctn .v_box .item:last-of-type{margin-right: 0;}
.video .video_ctn .v_box .item.second{max-width: 285px;}
.video .video_ctn .v_box .item .tit{}
.video .video_ctn .v_box .item .tit h4{position:relative; font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #fff; margin-bottom:10px;}
.video .video_ctn .v_box .item .tit h4 sup{font-size:12px;}
.video .video_ctn .v_box .item .tit h4 span{position:absolute; right: 0; top: 50%; transform:translateY(-50%); font-family: 'Helvetica'; font-weight:400; font-size:16px; letter-spacing:-0.03em; color: #fff;}
.video .video_ctn .v_box .item figure{position:relative; padding-bottom:75%; overflow: hidden;}
.video .video_ctn .v_box .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.video .video_ctn .v_box .item h5{font-size:18px; color: #fff; letter-spacing:-0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.video .board_ctn{display:flex; flex-wrap:wrap; margin-top: 70px; border-bottom: 1px solid #45877c; padding-bottom:30px;}
.video .board_ctn .item{width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px; cursor: pointer;}
.video .board_ctn .item:nth-of-type(3n){margin-right:0}
.video .board_ctn .item:last-of-type{margin-right: 0; }
.video .board_ctn .item figure{position:relative; padding-bottom:75%; overflow: hidden;}
.video .board_ctn .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.video .board_ctn .item h5{font-size:18px; color: #2b2b2b; letter-spacing:-0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}

.application{}
.documents .shadow_box,
.application .shadow_box{padding: 124px 168px;}
.documents .cont,
.application .cont{padding-top: 60px;}
.application .cont .visuel{position:relative; display:flex; align-items:center; margin-top: 20px;}
.application .cont .visuel a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.application .cont .visuel figure{width: calc(50% - 82px); position:relative; padding-bottom:30%; overflow: hidden;}
.application .cont .visuel figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.application .cont .visuel .txt{width: calc(50% + 82px); box-sizing:border-box; padding-left: 60px;}
.application .cont .visuel .txt h4{font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #45877c; letter-spacing:0.025em; margin-bottom:44px;}
.application .cont .visuel .txt p{font-size:16px; letter-spacing:-0.03em; color: #2b2b2b; line-height: 1.6; margin-bottom:20px;}
.application .cont .visuel .txt p:last-of-type{margin-bottom:0;}
.application .cont .list{display:flex; flex-wrap: wrap; margin-top: 90px; padding-bottom:38px; border-bottom: 1px solid #45877c;}
.application .cont .list .item{position:relative; width: calc((100% - 36px) / 3); margin-right: 18px; margin-bottom: 30px;}
.application .cont .list .item:nth-of-type(3n){ margin-right: 0; }
.application .cont .list .item:last-of-type{margin-right: 0;}
.application .cont .list .item figure{position:relative; padding-bottom:69%; overflow: hidden; box-shadow: 4px 5px 10px 0px rgba(0, 0, 0, 0.4);}
.application .cont .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.application .cont .list .item h4{font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #45877c; letter-spacing:0.025em; margin-top: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.application .cont .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.application .btn_link a{padding: 0 20px;}
.application .btn_link a i{margin-left: 20px;}

.board_view{}
.board_view .borad_box{}
.board_view .borad_box .b_tit{border-bottom: 1px solid #45877c; padding: 66px 0 18px;}
/* .board_view .borad_box .b_tit h3{font-family: 'Helvetica'; font-weight:700; font-size:40px; color: #45877c;} */
.board_view .borad_box .b_tit ul{display:flex; align-items:flex-end; margin-top: 18px;}
.board_view .borad_box .b_tit ul li{font-size:17px; letter-spacing:-0.03em; color: #333; margin-right: 36px;}
.board_view .borad_box .b_tit ul li:last-of-type{margin-right: 0;}
.board_view .borad_box .b_tit ul li:first-of-type{font-family: 'Helvetica'; font-weight:700; font-size:20px; color: #45877c;}
.board_view .borad_box .file{margin-top: 14px; text-align: right;}
.board_view .borad_box .file a{font-size:17px; color: #45877c;}
.board_view .borad_box .file a img{}
.board_view .borad_box .info{padding: 50px; font-size:18px}
.board_view .borad_box .reply{}
.board_view .borad_box .reply .r_tit{display:flex; justify-content:space-between; margin-bottom:14px;}
.board_view .borad_box .reply .r_tit p{font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #45877c;}
.board_view .borad_box .reply .r_tit a{font-size:18px; color: #333;}
.board_view .borad_box .reply dl{display:flex; align-items:center; border-top: 1px solid #45877c; }
.board_view .borad_box .reply dl:not(.input_box) dt{width: 177px; font-size:18px; color: #231f20; text-align: center;}
.board_view .borad_box .reply dl:not(.input_box) dd{width: calc(100% - 177px); font-size:16px; color: #2b2b2b; letter-spacing:-0.03em; box-sizing:border-box; padding: 20px 0 20px 20px; line-height: 1.6;}
.board_view .borad_box .reply .input_box dt{width: 177px; font-family: 'Helvetica'; font-weight:700; font-size:20px; color: #45877c; text-align: center;}
.board_view .borad_box .reply .input_box dd{font-size:0; width: calc(100% - 177px); box-sizing:border-box; padding-left: 20px;	}
.board_view .borad_box .reply .input_box dd textarea{display:inline-block; vertical-align: bottom; width: calc(100% - 170px); height: 100px; border-radius:0 20px 0 0; border:1px solid #707070; box-sizing:border-box; resize:none; margin-top: 20px; font-size:16px; color: #000; padding: 10px 20px;}
.board_view .borad_box .reply .input_box dd textarea::placeholder{color: #808080; font-size:16px;}
.board_view .borad_box .reply .input_box dd button{display:inline-block; vertical-align: bottom; width: 160px; margin-left: 10px; height: 50px; border-radius:0 20px 0 0; background: #45877c; border:none; font-size:18px; color: #fff; letter-spacing:0.1em; font-family: 'Helvetica'; font-weight:700; cursor: pointer;}
.board_view .borad_box .reply .input_box dd button i{position: relative; top: 1px; margin-left: 14px;}
.board_view .borad_box .post{border-top: 1px solid #45877c; border-bottom: 1px solid #45877c; margin-top: 100px;}
.board_view .borad_box .post dl{display:flex; border-bottom: 1px solid #0000008c;}
.board_view .borad_box .post dl:last-of-type{border-bottom: none;}
.board_view .borad_box .post dl dt{width: 175px; background: #45877c; font-size:16px; color: #fff; text-align: center; padding: 16px 0; }
.board_view .borad_box .post dl dd{width: calc(100% - 175px); box-sizing:border-box; padding: 16px 0 16px 40px;}
.board_view .borad_box .post dl dd a{font-size:16px; color: #231f20; letter-spacing:-0.03em;}
.board_view .borad_box .btn_link{margin-left: 0; text-align: right; margin-top: 30px;}

/* board_write */
.board_write{}
.board_write .cont{}
.board_write .cont .input_box{margin-top: 40px;}
.board_write .cont .input_box .item{margin-bottom: 10px;}
.board_write .cont .input_box .item.edit{background-color: #fff;}
.board_write .cont .input_box input{width: 100%; border:1px solid #707070; max-width: 760px; height: 50px; border-radius:0 20px 0 0; box-sizing:border-box; padding: 0 20px; font-size:16px;}
.board_write .cont .input_box dl{display:flex; align-items:center; margin-bottom:10px;}
.board_write .cont .input_box dl:last-of-type{margin-bottom:0;}
.board_write .cont .input_box dl dt{width: 170px; font-family: 'Helvetica'; font-weight:700; font-size:20px; letter-spacing:0.025em; color: #45877c;}
.board_write .cont .input_box dl dt span{color: #eb1c24;}
.board_write .cont .input_box dl dd{width: calc(100% - 170px);}
.board_write .cont .input_box dl dd.w390 input{max-width: 390px;}
.board_write .cont .input_box dl.f_box{font-size:0;}
.board_write .cont .input_box dl.f_box input[name="fileName"]{width: 100%; max-width: 390px; height: 50px;  box-sizing:border-box; border:1px solid #707070; padding: 0 20px; font-size:14px; color: #555;}
.board_write .cont .input_box dl.f_box input[name="fileName"]::placeholder{color: #eb1c24; font-size:16px;}
.board_write .cont .input_box dl.f_box .file{position:relative; width: 100px; height: 50px; box-sizing:border-box; background: #e6e6e6; cursor: pointer;}
.board_write .cont .input_box dl.f_box .file span{display:inline-block;  height: 50px; text-align: center; line-height:50px; font-family: 'Helvetica'; font-weight:700; font-size:18px; color: #fff; background: #45877c; border-radius:0 20px 0 0; padding: 0 20px; box-sizing:border-box; margin-left: 10px; letter-spacing:0.1em;}
.board_write .cont .input_box dl.f_box .file span i{margin-left: 20px;}
.board_write .cont .input_box dl.f_box .file input{display:none}
.board_write .cont .input_box dl.captcha{font-size:0;}
.board_write .cont .input_box dl.captcha dd img{border-radius:0 20px 0 0}
.board_write .cont .input_box dl.captcha dd input{max-width: 226px; margin-left: 10px;}



/* documents */
.documents{}
.documents .table_box{border-top: 1px solid #45877c; margin-top: 30px;}
.documents .table_box table{}
.documents .table_box table th{font-family: 'Helvetica'; font-weight:400; font-weight:400; border-bottom: 1px solid #45877c; background: #ffffffa6; font-size:15px; letter-spacing:-0.03em; color: #231f20;padding: 17px 0;}
.documents .table_box table td{font-family: 'Helvetica'; font-weight:400; border-bottom: 1px solid #45877c; color: #231f20; font-size:16px; letter-spacing:-0.03em; text-align: center; padding: 17px 0;}
.documents .table_box table td.tl{text-align: left;}
.documents .table_box table td a{display:inline-block; vertical-align: top; width: 100%;color: #231f20; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.documents .table_box table tr:hover td{color: #45877c; font-family: 'Helvetica'; font-weight:700; background: #ffffffa6;}
.documents .table_box table tr:hover td a{color: #45877c;}

/* training */
.pop_table.shadow_box{position:fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; max-width: 730px; padding: 50px; z-index: 100; display:none; }
.pop_table .close{width: 20px; height: 20px; background: #fff; border-radius:50%; margin-left: auto; cursor: pointer; text-align: center;}
.pop_table .close i{font-weight:bold; font-size:11px; color: #45877c; line-height: 22px;}
.pop_table h3{font-family: 'Helvetica'; font-weight:700; font-size:25px; color: #fff;}
.pop_table .table_box{margin-top: 40px;}
.pop_table .table_box .scroll{overflow-y: auto;max-height: 515px; height: 100vh;}
.pop_table .table_box table{}
.pop_table .table_box table th{font-family: 'Helvetica'; font-weight:700; font-size:15px; color: #333333; background: #ffffffad; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-right: 1px solid #fff; padding: 12px 0;}
.pop_table .table_box table td{text-align: center;font-size:16px; color: #fff;border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 2px 0;}
.pop_table .table_box table td.tl{padding-left: 20px; text-align: left;}
.pop_table .table_box table td.b2{border-bottom: 2px solid #fff;}
.pop_table .table_box table th:last-of-type,
.pop_table .table_box table td:last-of-type{border-right: none;}
.pop_table .table_box p{font-size:16px; color: #fff; margin-top: 24px;}


.training{}
.training .shadow_box{padding: 124px 168px;}
.training .shadow_box > h3{font-size:25px; letter-spacing:-0.03em; color: #003f4d;}
.training .flex_box{display:flex; margin-top: 18px;}
.training .flex_box .calendar{width: calc(50% - 31px); margin-right: 62px;}
.training .flex_box .calendar .c_tit{background: #555555; display:flex; align-items:center; justify-content:center; padding: 23px 0;}
.training .flex_box .calendar .c_tit > div{cursor: pointer;}
.training .flex_box .calendar .c_tit > div i{font-size:25px; color: #fff;}
.training .flex_box .calendar .c_tit p{font-size:25px; color: #fff; letter-spacing:-0.03em; margin: 0 20px; position: relative; top: -1px;}
.training .flex_box .calendar .c_tit > div{}
.training .flex_box .calendar table th{font-family: 'Helvetica'; font-weight:700;background: #f3f3f3; padding: 20px 0; font-size:12px; box-sizing:border-box; border-bottom: 1px solid #dddddd;}
.training .flex_box .calendar table td:first-of-type,
.training .flex_box .calendar table th:first-of-type{border-left: 1px solid #ddd;}
.training .flex_box .calendar table td{font-size:16px; color: #aaa; background: #fff; height: 65px; vertical-align: top; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.training .flex_box .calendar table td a{position:relative; font-family: 'Helvetica'; font-weight:400; display:inline-block; vertical-align: top; box-sizing:border-box; padding: 12px 15px; color: #aaa; z-index: 2;}  
.training .flex_box .calendar table td a::before{content:""; position:absolute; top: 50%; left: 50%; width: 28px; height: 28px; background: #0066b2; border-radius:50%; z-index: -1; opacity: 0; transform:translate(-50%,-50%);}
.training .flex_box .calendar table td a.pop_btn{color: #fff;}
.training .flex_box .calendar table td a.pop_btn::before{opacity: 1;}
.training .flex_box .table_box{width: calc(50% - 31px);}
.training .flex_box .table_box table{}
.training .flex_box .table_box table th{font-size:16px; color: #333; background: #c5d2d5; border-top: 2px solid #003f4d; border-bottom: 2px solid #003f4d; padding: 10px 0; font-weight:400; border-right: 1px solid #231f20;}
.training .flex_box .table_box table td{font-size:16px; color: #333; border-right: 1px solid #231f20; border-bottom: 1px solid #231f20; text-align: center; padding: 8px 0;}
.training .flex_box .table_box table td:last-of-type,
.training .flex_box .table_box table th:last-of-type{border-right: none;}
.training .flex_box .table_box table td.pop_btn{color: #45877c; cursor: pointer;}
.training .info{margin: 40px 0;}
.training .info ul{}
.training .info ul li{font-size:14px; letter-spacing:-0.03em; color: #333; line-height: 1.6;}
.training .input_box{display:none; }
.training .input_box .item{width: 100%; margin-bottom:40px;}
.training .input_box .item:last-of-type{margin-bottom:0;}
.training .input_box .item dl{width: 100%; max-width: 330px;}
.training .input_box .item dl dt{font-weight:bold; font-size:18px; letter-spacing:0.025em; color: #45877c; margin-bottom: 12px;}
.training .input_box .item dl dt span{color: #eb1c24;}
.training .input_box .item dl dd{}
.training .input_box .item dl dd.w50{display:flex;}
.training .input_box .item dl dd select,
.training .input_box .item dl dd input[type="text"]{width: 100%; height: 50px; background-color:#fff; border:1px solid #707070; padding: 0 25px; border-radius:0 20px 0 0; box-sizing:border-box;}
.training .input_box .item.i2{display:flex;}
.training .input_box .item.i2 dl{ margin-right: 90px;}
.training .input_box .item.i2 dl:last-of-type{margin-right: 0;}
.training .input_box .item.i2 dl dd select{margin-right: 12px;}
.training .input_box .item.i2 dl dd select:last-of-type{margin-right: 0;}
.training .input_box .radio{display:flex}
.training .input_box .radio .r_box{margin-right: 45px;}
.training .input_box .radio .r_box:last-of-type{margin-right: 0;}

/* contact */
.contact{}
.contact .w1360{padding: 0 !important;}
.contact .list{}
.contact .list .item{display:flex; align-items:center; margin-bottom:100px;}
.contact .list .item figure{width: 510px; box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.25);}
.contact .list .item figure img{}
.contact .list .item .txt{width: calc(100% - 510px); box-sizing:border-box; padding-left: 60px;}
.contact .list .item .txt h4{font-size:20px; letter-spacing:-0.03em; color: #444;}
.contact .list .item .txt p{font-size:14px; letter-spacing:-0.03em; color: #333; line-height: 1.7; margin-top: 28px;}
.contact .list .item .txt .btn_link{margin-left: 0; margin-top: 50px;}
.contact .list .item .txt .btn_link a{}
.contact .list .item .txt .btn_link a i{margin-left: 20px;}
.contact .list .item:nth-of-type(2n) figure{order:2}
.contact .list .item:nth-of-type(2n) .txt{padding-left: 0; padding-right: 60px; text-align: right;}
.contact .location{}
.contact .location .m{display:none;}
.contact .location .map_box{width: calc(100% - 80px); height: 595px; box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.25); margin-top: 14px;}
.contact .location .map_box > div,
.contact .location .map_box > div > div{width: 100%; height: 100%;}
.contact .location .shadow_box{position:relative; z-index: 50; max-width: 960px; padding: 40px 60px; margin-left: auto; margin-top: -160px;}
.contact .location .shadow_box h3{ font-family: 'Helvetica'; font-weight:700; font-size:25px; color: #fff; margin-bottom:25px;}
.contact .location .shadow_box .input_box{}
.contact .location .shadow_box .input_box .item{margin-bottom:15px;}
.contact .location .shadow_box .input_box .item.w458{max-width: 458px; margin-bottom:50px;}
.contact .location .shadow_box .input_box .item textarea,
.contact .location .shadow_box .input_box .item input{width: 100%; background: transparent; border:none; border-bottom: 1px solid #fff; padding: 0 10px; box-sizing:border-box; font-size:17px; color: #fff; height: 34px; outline:none}
.contact .location .captcha input::placeholder,
.contact .location .shadow_box .input_box .item textarea::placeholder,
.contact .location .shadow_box .input_box .item input::placeholder{color: #f0f0f0; font-size:17px; letter-spacing:-0.03em;}
.contact .location .shadow_box .input_box .item textarea{resize:none; padding: 10px; height: 50px;}
.contact .location .shadow_box .input_box .i4{display:flex;}
.contact .location .shadow_box .input_box .i4 .item{width: calc((100% - 75px) / 4); margin-right: 25px; max-width: 164px;}
.contact .location .shadow_box .input_box .i4 .item:last-of-type{margin-right: 0;}
.contact .location .flex_box{display:flex; justify-content:space-between; align-items:flex-end; margin-top: 20px;}
.contact .location .captcha{width: 100%; max-width: 300px; font-size:0;}
.contact .location .captcha img{width: 100px;display:inline-block; vertical-align: top; }
.contact .location .captcha input{display:inline-block; vertical-align: top; width: calc(100% - 100px); background: transparent; border:none; border-bottom: 1px solid #fff; padding: 0 10px; box-sizing:border-box; font-size:17px; color: #fff; height: 34px; outline:none}
.contact .location .shadow_box .btn_box{margin-top: 0;text-align: right;}
.contact .location .shadow_box .btn_box button{margin-right: 0;}

#chkBox{ display:flex; justify-content:space-between; align-items:flex-end; margin-top: 30px;}
#chkBox input{ display:none; }
#chkBox .chkBox{ display:flex; align-items:center; color:#fff; }
#chkBox .chkBox:not(:last-child){ margin-bottom: 10px;}
#chkBox .chkBox label { display: flex;  align-items: center; letter-spacing: -0.32px;  cursor: pointer;}
#chkBox .chkBox label span { width: 12px; height: 12px; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; border-radius:3px; margin-right: 10px; opacity: 0.3; transition: all 0.3s;}
#chkBox .chkBox label em{ font-weight: 600; margin-right: 5px;}
#chkBox .chkBox input[type="checkbox"]:checked + label span { opacity: 1;}

#chkBox.type2 .chkBox{ color:#333; }
#chkBox.type2 .chkBox label span{ border: 2px solid #333; }
#chkBox.type2 .chkBox label span img{ filter:invert(1); }
#chkBox.type2 .chkBox label em{ color:#e80006; }

/* animation */
.ani{opacity: 0;}
.ani.on{opacity: 1;}
.scon01 .ani{opacity: 1 !important;}
.first{opacity: 1;}
.rightDown.first,
.rightDown.on{animation:rightDown 1.4s both}
.slowFade.first,
.slowFade.on{animation:slowFade 0.8s 1.4s both}
.leftDown.first,
.leftDown.on{animation:leftDown 1.4s both}
.upDown.first,
.upDown.on{animation:upDown 1.4s both}
.leftRight.first,
.leftRight.on{animation:leftRight 1.4s both}
.up.first,
.up.on{animation:up 1.4s both}
.rightLeft.first,
.rightLeft.on{animation:rightLeft 1.4s both}

@keyframes up{
	0%{transform:translateY(140px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes upDown{
	0%{transform:translateY(-300px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes leftRight{
	0%{transform:translateX(240px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes rightLeft{
	0%{transform:translateX(-240px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes rightDown{
	0%{transform:translate(240px, -240px); opacity: 0;}
	100%{transform:translate(0, 0); opacity: 1;}
}
@keyframes leftDown{
	0%{transform:translate(-140px, -140px); opacity: 0;}
	100%{transform:translate(0, 0);  opacity: 1;}
}
@keyframes slowFade{
	0%{opacity: 0;}
	100%{opacity: 1;}
}



/* 다국어 수정 */






@media screen and (max-width: 1700px){
	.ms05,
	.ms04,
	.ms01{padding: 0 4vw;}
	.ms02{padding-right: 4vw;}
	.ms03{padding-left: 4vw;}
	.modeling .scon01{margin-bottom:60px;}
	.modeling .scon03 .shadow_box{margin-right: -50px;}
	.top_btn{right: 16px; bottom: 16px;}
}

@media screen and (max-width: 1500px){
	.w1360,
	.w1466{padding: 0 40px;}
	.sub .tit{padding: 50px;}
	.s_wrap::before{right: 50px; max-width: 900px;}
	.sub .lnb{width: 100%;}
	.sub .lnb > ul > li{width: 16.66%;}

	.pr{width: 50%;}
	.training .shadow_box,
	.documents .shadow_box,
	.application .shadow_box,
	.registraion .shadow_box,
	.download .shadow_box{padding: 80px 50px;}
	.mypage .shadow_box,
	.shadow_box{padding: 50px;}
	.shadow_box .tit h3{font-size:40px;}
	.shadow_box .tit p{font-size:20px;}
	.shadow_box .tit ul li{font-size:20px;}

	.preparation .scon01 .arrow_txt{top: -70px;}
	.preparation .scon04 .shadow_box{}
	
	.modeling .scon01 .shadow_box{margin-right: -107px;}
	.modeling .scon01 .pr{left: 56px;}
	.modeling .scon01 .img_ctn .arrow_txt{right: 34px;}
	.modeling .scon02 .img_ctn{top: -4px; margin-right: -66px;}

	.modeling .scon03 .shadow_box{top: 56px;}
	.modeling .scon04 .img_ctn{margin-right: -91px;}
	.modeling .scon06 .video_ctn{margin-right: -184px;}
	.modeling .scon06 .video_ctn .arrow_txt{left: calc(50% - -167px);}

	.health_check .scon03 .img_ctn{margin-right: -83px;}
	.health_check .scon04 .shadow_box{margin-right: -88px;}
	.health_check .scon05 .img_ctn{margin-right: -60px;}
	.health_check .scon05 .img_ctn .arrow_txt{left: 42vw;}
	.health_check .scon06 .img_ctn{top: -20px;}
	
	.resizing .scon01 .img_ctn .arrow_txt{left: 37vw;}
	.resizing .scon02 .shadow_box{margin-right: -78px;}
	.resizing .scon02 .img_ctn .arrow_txt{left: 8vw;}

	.cost_analysis .scon02 .img_ctn{margin-right: -71px;}
	.cost_analysis .scon03 .shadow_box{margin-right: -32px;}

	.compatibility .scon01 .shadow_box{margin-right: -150px;}
	.compatibility .scon02 .img_ctn{margin-right: -150px;}

	.mypage .shadow_box .item{width: 40%;}
	.mypage .shadow_box .item:last-of-type{width: 60%;}
	
	.video .video_ctn .item.first{margin-right: 0;}
	.video .video_ctn .item.first .tit{width: calc(100% - 400px); margin-right: 20px;}
	.video .video_ctn .item.first figure{width: 380px;  padding-bottom:25%;}
	.video .video_ctn .v_box{width: calc(100% - 400px); margin-top: -170px;}
}

@media screen and (max-width: 1200px){
	.w1360,
	.w1466{padding: 0 16px;}
	.sub{padding-top: 62px;}
	.sub .lnb{display:none; }
	.sub .lnb > ul > li > a{font-size:18px;}
	.sub .tit{padding: 30px 16px; margin-top: 0;}
	.sub .tit h2{font-size:46px;}
	.s_wrap.pb{padding-bottom:124px;}
	.s_wrap::before{right: 16px; width: 60%; max-width: none;}
	.pop_box .p50{box-sizing:border-box; padding: 0 16px;}
	.pop_box .close{top: 9px; right: 26px;}

	.ms01{padding: 0 16px;}
	.ms02{padding-right: 16px;}
	.ms03{padding-left: 16px;}
	.ourdesign .scon.mb02{margin-bottom:340px;}
	.ourdesign .scon.mb03{margin-bottom:0;}
	.img_ctn{width: 50%;}
	.shadow_box .tit h3{font-size:30px;}
	.shadow_box .tit p{font-size:18px;}
	.shadow_box .tit ul{margin-top: 20px;}
	.shadow_box .tit ul li{font-size:18px;}

	.preparation .scon01 .arrow_txt{left: 240px;}
	.preparation .scon03 .shadow_box{margin-right: -50px;}
	.preparation .scon03 .img_ctn .arrow_txt{top: -50px;}
	.preparation .scon04 .img_ctn{width: 50%;}
	.preparation .scon04 .img_ctn .arrow_txt{top: calc(50% - 129px); left: calc(50% + 279px);}
	
	.modeling .scon01{margin-bottom:120px;}
	.modeling .scon01 .img_ctn{width: 100%;}
	.modeling .scon01 .shadow_box{margin-right: -43px;}
	.modeling .scon03 .img_ctn .arrow_txt{left: -307px;}
	.modeling .scon04 .img_ctn .arrow_txt{bottom: -6px; right: calc(50% - 560px);}
	.modeling .scon06 .video_ctn{margin-right: -140px;}

	.health_check .scon03 .img_ctn .arrow_txt{bottom: 27px; left: 40vw;}
	.health_check .scon05 .img_ctn .arrow_txt{left: 37vw;}
	.health_check .scon06 .shadow_box{margin-right: -103px;}

	.resizing .scon01 .img_ctn .arrow_txt{top: -30px;}
	.cost_analysis .scon01 .img_ctn .icon_list{font-size:0;}
	.cost_analysis .scon01 .img_ctn .icon_list span{font-size:20px;}

	.compatibility .scon01 .shadow_box{margin-right: -120px;}
	.compatibility .scon01 .img_ctn .arrow_txt{left: 20vw; top: -24px;}
	.compatibility .scon02 .img_ctn{margin-right: -113px;}

	.mypage .shadow_box .name h3 .e{display:block; margin-left: 0;}
	.mypage .shadow_box .info > div > p, .mypage .shadow_box .info .addr ul li{margin-right: 20px;}
	.mypage .i2{flex-wrap:wrap;}
	.mypage .i2 .shadow_box{width: 100%; margin-bottom:40px; margin-right: 0;}
	.mypage .shadow_box .item{width: 100%;}
	.mypage .shadow_box .flex_box{flex-wrap:wrap; margin-bottom:30px;}
	.mypage .shadow_box .item:last-of-type{width: 100%;}
	
	.download .box .down_box li a{font-size:18px;}

	.video .pb320{padding-bottom:50px;}
	.video .video_ctn .item.first .tit{margin-top: 0; width: 100%; margin-top: 20px; margin-right: 0;}
	.video .video_ctn .item.first figure{width: 41%; padding-bottom:32%;}
	.video .video_ctn .v_box{margin-top: -254px; margin-left: auto; width: 55%;}
	.video .shadow_box{min-height: 522px;}
	.video .shadow_box.negative{margin-top: 40px;}
	
	.video .board_ctn{margin-top: 40px;}
	
	.training .flex_box{flex-wrap:wrap;}
	.training .flex_box .calendar{width: 100%; margin-right: 0;}
	.training .flex_box .table_box{width: 100%; margin-top: 40px;}
	
	.pop_table .table_box{margin-top: 20px;}
	.pop_table .table_box .scroll{max-height: 320px;}
	.pop_table .table_box p{margin-top: 16px;}
	.contact .list .item{flex-wrap:wrap; margin-bottom:60px;}
	.contact .list .item .txt{width: 100%; padding-left: 0; margin-top: 40px;}
	.contact .list .item:nth-of-type(2n) figure{order:0}
	.contact .list .item:nth-of-type(2n) .txt{padding-right: 0;	text-align: left;}
	.contact .list .item .txt p{margin-top: 15px;}
	.contact .list .item .txt .btn_link{margin-top: 26px;}
	.contact .location .map_box{height: 400px; width: 100%;}
	.contact .location .shadow_box{margin-top: -80px;}
}

@media screen and (max-width: 1040px){
	.s_wrap{padding: 80px 0 124px;}
	.f40_tit{font-size:30px;}
	.board_tab li a{display:flex; align-items:center; justify-content:center; line-height: 1.3; height: 60px; font-size:16px;}
	.ms05, .ms04, .ms01,
	.ms02{padding: 0 16px;}
	.ms03{padding: 0 16px;}
	.ourdesign .scon:last-of-type{margin-bottom:0px !important;}
	.modeling .scon,
	.ourdesign .scon.mb08,
	.ourdesign .scon.mb07,
	.ourdesign .scon.mb05,
	.ourdesign .scon.mb06,
	.ourdesign .scon.mb04,
	.ourdesign .scon.mb03,
	.ourdesign .scon.mb02,
	.ourdesign .scon.mb01{margin-bottom:80px;}
	.ourdesign .scon.mb01:last-of-type{margin-bottom:0px;}
	.ourdesign .scon{margin-top: 0 !important;}
	.flex_box{flex-wrap:wrap;}
	.img_ctn{width: 100%; text-align: right;}
	.shadow_box{width: 100%; max-width: none; order:3}
	.preparation .scon01 .shadow_box{margin-right: 0;}
	.preparation .scon01 .img_ctn{transform:translateY(34px);}
	.preparation .scon01 .arrow_txt{left: auto; right: 60px;}
	.preparation .scon02 .shadow_box{order:-1; margin-left: 0; top: 0;}
	.preparation .scon02 .video_ctn{width: 100%; padding-bottom:57%; margin-top: 40px;}
	.preparation .scon03{margin-bottom:80px;}
	.preparation .scon03 .img_ctn{transform:translateY(64px);}
	.preparation .scon03 .img_ctn .arrow_txt{top: -40px; left: auto; right: 60px;}
	.preparation .scon03 .shadow_box{margin-right: 0;}
	.preparation .scon04 .img_ctn{width: 100%; transform:translateY(20px); margin-right: 0;}
	.preparation .scon04 .shadow_box{transform:translateY(0);}
	.preparation .scon04 .img_ctn .arrow_txt{top: -8px; left: auto; right: -100px;}
	.preparation .scon05 .shadow_box{order:-1; margin-left: 0; top: 0; margin-right: 0;}
	.preparation .scon05 .video_ctn{width: 100%; padding-bottom:57%; margin-top: 40px;}

	.pr{width: 100%; text-align: right;}
	.modeling .img_ctn{width: 100%;}
	.modeling .img_ctn figure{width: auto;}
	.img_ctn figure img{width: auto; height: auto; left: auto; right: 0;}
	.modeling .scon01{margin-top: 0;}
	.modeling .scon01 .pr{top: 0; left: 0;}
	.modeling .scon01 .img_ctn{width: auto;}
	.modeling .scon01 .shadow_box{margin-right: 0;}
	.modeling .scon02 .img_ctn{top: 80px; margin-right: 0;}
	.modeling .scon03 .img_ctn{top: 0;}
	.modeling .scon03 .shadow_box{margin-right: 0; top: 0;}
	.modeling .scon03 .img_ctn{top: 107px;}
	.modeling .scon03 .img_ctn .arrow_txt{left: 118px; top: -51px;}
	.modeling .scon04 .img_ctn{margin-right: 0;}
	.modeling .scon04 .img_ctn .arrow_txt{right: calc(50% - 498px);}
	.modeling .scon05 .img_ctn{top: 180px; margin-top: -180px;}
	.modeling .scon05 .shadow_box{margin-right: 0;}
	.modeling .scon06 .shadow_box{top: 0; order:-1;  margin-bottom:150px;}
	.modeling .scon06 .video_ctn{margin-right: 0; width: 100%; padding-bottom:55.5%;}
	.modeling .scon06 .video_ctn .arrow_txt{top: -117px; left:calc(50% - 74px);}

	.health_check .scon01 .img_ctn{margin-right: 0; text-align: left;}
	.health_check .scon01 .img_ctn figure img{left: 0; right: auto;}
	.health_check .scon01 .img_ctn .arrow_txt{bottom: 70px; left: 52vw;}
	.health_check .scon02 .shadow_box{margin-right: 0;}
	.health_check .scon02 .img_ctn{text-align: center;}
	.health_check .scon02 .img_ctn figure img{left: 50%; transform:translateX(-50%); right: auto;}
	.health_check .scon02 .img_ctn figure img:last-of-type{left: auto; transform:translateX(0);}
	.health_check .scon03 .img_ctn{margin-right: 0; text-align: left;}
	.health_check .scon03 .img_ctn figure img{left: 0; right: auto;}
	.health_check .scon03 .img_ctn .arrow_txt{bottom: 51px; left: 58vw;}
	.health_check .scon06 .img_ctn,
	.health_check .scon05 .img_ctn .arrow_txt{top: -44px;}
	.health_check .scon05 .img_ctn,
	.health_check .scon04 .img_ctn{text-align: center; top: 90px; margin-top: -90px;}
	.health_check .scon06 .img_ctn figure img,
	.health_check .scon05 .img_ctn figure img,
	.health_check .scon04 .img_ctn figure img{left: 50%; transform:translateX(-50%); right: auto;}
	.health_check .scon06 .img_ctn figure img:last-of-type,
	.health_check .scon05 .img_ctn figure img:last-of-type,
	.health_check .scon04 .img_ctn figure img:last-of-type{left: auto; transform:translateX(0);}
	.health_check .scon05{margin-bottom:80px;}
	.health_check .scon04 .shadow_box,
	.health_check .scon06 .shadow_box{margin-right: 0;}

	.resizing .scon01 .img_ctn{margin-right: 0; top: 100px; margin-top: -100px;}
	.resizing .scon02 .img_ctn{top: -40px; margin-top: 40px;}
	.resizing .scon02 .shadow_box{margin-right: 0;}
	.resizing .scon02 .img_ctn .arrow_txt{bottom: -83px;}

	.cost_analysis .scon01 .img_ctn{margin-top: 0;}
	.cost_analysis .scon01 .img_ctn .icon_list{margin-bottom:30px;}
	.cost_analysis .scon02 .img_ctn{margin-right: 0}
	.cost_analysis .scon02 .img_ctn .arrow_txt{top: 100px;}
	.cost_analysis .scon03 .shadow_box{margin-right: 0;}

	.compatibility .scon01 .shadow_box{margin-right: 0;	}
	.compatibility .scon01 .img_ctn .arrow_txt{left: auto; right: 0;}
	.compatibility .scon02 .img_ctn{top: 80px; margin-top: -80px; margin-right: 0; transform:translateX(0);}
	

	.input_style .input_box .item{margin-bottom:26px;}
	.input_style .input_box .item.w256,
	.input_style .input_box .item.w272,
	.input_style .input_box .item.w320,
	.input_style .input_box .item.w355,
	.input_style .input_box .item.w384,
	.input_style .input_box .item.w512,
	.input_style .input_box .item.w640,
	.input_style .input_box .item.w730{width: auto; max-width: none;}
	.input_style .input_box .i2 .item{width: calc(50% - 10px); margin-right: 20px;}
	.input_style .input_box .i2 .item:nth-of-type(2n){margin-right: 0;}
	.input_style .chk_box .item:not(.radio) ul li{width: 33.33%;}
	.input_style .chk_box .radio label p, .input_style .chk_box .chk label p{font-size:15px;}

	.btn_link a{font-size:18px; padding: 0 20px;}
	.btn_link a i{margin-left: 20px;}
	.mypage .shadow_box .info .addr ul{flex-wrap:wrap;}
	.mypage .shadow_box .name{flex-wrap:wrap;}
	.mypage .shadow_box .name .btn_link{width: 100%; margin-left: 0; margin-top: 20px;}
	.mypage .shadow_box .name h3{font-size:33px;}
	.mypage .shadow_box .name h3 span:not(.e){font-size:24px;}
	.mypage .shadow_box .info{margin-top: 20px;}
	.mypage .shadow_box .info > div > p, .mypage .shadow_box .info .addr ul li{font-size:17px; margin-bottom:10px;}
	.mypage .shadow_box h3,
	.mypage .shadow_box .box h3{font-size:33px;}
	.mypage .shadow_box .board_box{margin-top: 8px;}
	.mypage .shadow_box .item h4{margin: 12px 0;}
	.mypage .shadow_box .item ul.txt{margin-bottom:20px;}

	.sign_in h2{font-size:30px; margin-bottom:20px;}
	.sign_in .find{margin-bottom:20px;}
	.sign_in .find li a{font-size:16px;}
	.sign_in p{font-size:16px;}
	.sign_in p.nmt{margin-top: 0;}
	.btn_box{margin-top: 50px;}
	.btn_box a,
	.btn_box button{padding: 0 20px; font-size:17px;}
	.btn_box a i,
	.btn_box button i{margin-left: 10px;}
	
	.download .box{padding-top: 50px;}
	.download .box .down_box{margin: 40px 0 50px;}
	.download .box .down_box li{width: calc(50% - 10px); margin-right: 20px; margin-bottom:30px;}
	.download .box .down_box li:nth-of-type(3n){margin-right: 20px;}
	.download .box .down_box li:nth-of-type(2n){margin-right: 0;}

	.video .video_ctn .item.first .tit{margin-top: 0; width: 100%; margin-top: 20px; margin-right: 0;}
	.video .video_ctn .item.first figure{width: 100%; padding-bottom:40%;}
	.video .video_ctn .v_box{margin-top: 0; width: 100%; box-sizing:border-box}
	.video .shadow_box.negative{margin-top: 40px;}
	.video .board_ctn{flex-wrap:wrap;}
	.video .board_ctn .item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px;}
	.video .board_ctn .item:nth-of-type(3n){ margin-right: 20px; }
	.video .board_ctn .item:nth-of-type(2n){margin-right: 0;}
	
	.documents .cont,
	.application .cont{padding-top: 30px;}
	.application .cont .visuel{flex-wrap:wrap;}
	.application .cont .visuel figure{width: 100%; padding-bottom:45%;}
	.application .cont .visuel figure img{left: 0; transform:translate(0, -50%);}
	.application .cont .visuel .txt{width: 100%; padding-left: 0; margin-top: 30px;}
	.application .cont .visuel .txt h4{margin-bottom:20px;}
	.application .cont .visuel .txt p br{display:none; }
	.application .cont .list{flex-wrap:wrap; margin-top: 50px;}
	.application .cont .list .item{margin-right: 20px; width: calc(50% - 10px); margin-bottom:20px;}
	.application .cont .list .item:nth-of-type(3n){ margin-right: 20px; }
	.application .cont .list .item:nth-of-type(2n){margin-right: 0;}

	.board_view .borad_box .info{padding: 30px 0;}
	.board_view .borad_box .b_tit{padding-top: 30px;}
	.board_view .borad_box .b_tit ul{margin-top: 0;}
	.board_view .borad_box .reply dl{flex-wrap:wrap;}
	.board_view .borad_box .reply .input_box,
	.board_view .borad_box .reply dl:not(.input_box){padding: 20px 0;}
	.board_view .borad_box .reply .input_box dt,
	.board_view .borad_box .reply dl:not(.input_box) dt{width: 100%; text-align: left; padding: 0; margin-bottom:14px;}
	.board_view .borad_box .reply .input_box dd,
	.board_view .borad_box .reply dl:not(.input_box) dd{width: 100%; padding-left: 0; padding: 0;}
	.board_view .borad_box .reply .input_box dd textarea{margin-top: 0;}

	.board_write .cont .input_box{margin-top: 20px;}
	.board_write .cont .input_box dl{flex-wrap:wrap;}
	.board_write .cont .input_box dl dt{width: 100%; margin-bottom:10px;}
	.board_write .cont .input_box dl dd{width: 100%;}
	.board_write .cont .input_box input{max-width: none;}
	.board_write .cont .input_box dl.f_box input[name="fileName"]{width: calc(100% - 212px); max-width: none;}
	.board_write .cont .input_box dl.captcha dd input{width: calc(100% - 160px); max-width: none;}
}	


@media screen and (max-width: 800px){
	.s_wrap::before{right: 0; width: 100%;}
	.sub .tit{flex-wrap:wrap; justify-content:center; text-align: center;}
	.sub .tit h2{width: 100%; font-size:40px; margin-bottom:10px;}
	.sub .tit > ul{/* width: 100%; */ order:2; margin: 0;}
	.sub .tit > ul > li{margin-bottom:4px;}

	.arrow_txt p{position:relative; top: 8px; font-size:19px;}
	
	.pop_table.shadow_box{padding: 30px 20px;}
	.mypage .shadow_box{padding: 40px 20px;}
	.training .shadow_box,
	.documents .shadow_box,
	.application .shadow_box,
	.download .shadow_box,
	.registraion .shadow_box,
	.shadow_box{padding: 50px 30px;}
	.preparation .scon04 .img_ctn .arrow_txt{top: -17px; right: -54px;}
	
	.modeling .scon01 .img_ctn .arrow_txt{right: -82px;}
	.modeling .scon03 .img_ctn .arrow_txt{left: 0;}
	.modeling .scon04 .img_ctn .arrow_txt{right: -3vw;}
	.modeling .scon06 .video_ctn .arrow_txt{left: 10vw;}
	.modeling .scon04 .img_ctn .arrow_txt{bottom: -17px;}

	.health_check .scon01 .img_ctn .arrow_txt{bottom: 32px; left: 30vw;}
	.health_check .scon05 .img_ctn .arrow_txt{top: -60px; left: 30vw;}
	.health_check .scon03 .img_ctn .arrow_txt{bottom: -34px; left: 25vw;}

	.resizing .scon01 .img_ctn .arrow_txt{left: 25vw;}
	.resizing .scon02 .img_ctn .arrow_txt{left: 12vw;}
	.cost_analysis .scon02 .img_ctn .arrow_txt{top: -42px; left: 89px;}
	.compatibility .scon01 .img_ctn .arrow_txt{top: -40px;right: -120px;}
	
	.input_style h3{margin-bottom:8px;}
	.input_style .input_box{margin-bottom:30px;}
	.input_style .input_box .item input[type="password"],
	.input_style .input_box .item input[type="text"]{max-width: none;}
	.input_style .input_box .item,
	.input_style .input_box .i2{margin-bottom:14px;}
	.input_style .input_box .i2 .item{width: 100%; margin-right: 0;}
	.input_style .input_box .item button{width: 200px; font-size:16px; padding: 0 10px; margin-left: 15px;}
	.input_style .input_box .item button i{right: 10px;}
	.input_style .input_box .item.b input{width: calc(100% - 215px);}
	.input_style .chk_box .item{margin-bottom:10px;}
	.input_style .chk_box .item:not(.radio) ul li{width: 50%;}
	
	.input_style .btn{margin-top: 40px;}
	.input_style .btn button{width: calc(50% - 10px); margin-right: 20px;}

	.mypage .shadow_box .item .board_box table tr td{font-size:16px;}
	.download .box .down_box li a{padding: 0 20px; font-size:15px;}
	.download .box .down_box li a i{margin-left: 10px;}

	.video .video_ctn .item.first figure{padding-bottom:55%;}
	.video .video_ctn .v_box .item .tit h4{font-size:18px;}
	
	.board_ui.bet{flex-wrap:wrap; justify-content:flex-end}
	.board_ui.bet .between{flex-wrap:wrap; width: 100%;  justify-content:center;}
	.board_ui.bet .search_box{width: 100%; margin: 20px 0;}
	
	.board_view .borad_box .reply .input_box dd{text-align: right;}
	.board_view .borad_box .reply .input_box dd textarea{width: 100%;}
	.board_view .borad_box .reply .input_box dd button{margin-left: auto; margin-top: 20px;}	
	.board_view .borad_box .post{margin-top: 50px;}
	.board_view .borad_box .post dl dt{width: 120px;}
	.board_view .borad_box .post dl dd{width: calc(100% - 120px); padding-left: 20px;}

	.training .flex_box .calendar table td{height: 45px;}
	.training .flex_box .calendar .c_tit{padding: 18px 0;}
	.training .shadow_box > h3{font-size:23px;}
	
	.training .input_box .item{margin-bottom:20px;}
	.training .input_box .item.i2{flex-wrap:wrap;}
	.training .input_box .item dl{max-width: none;}
	.training .input_box .item.i2 dl{margin-right: 0; margin-bottom:20px;}
	.training .input_box .item.i2 dl:last-of-type{margin-bottom:0;}

	.btn_box.w100 button{width: 80%; margin-right: 0;}
	.pop_table.shadow_box{width: calc(100% - 32px);}
	.pop_table .table_box .scroll{max-height: 200px;}

	.contact .list .item .txt .btn_link{margin-top: 14px;}
	.contact .location .f40_tit{color: #fff;}
	.contact .location .f40_tit .m{display:block; }
	.contact .location .shadow_box{margin-top: 20px; padding: 40px 20px;}
	.contact .location .shadow_box h3{margin-bottom:15px;}
	.contact .location .shadow_box .input_box .item.w458{max-width: none;}
	.contact .location .shadow_box .input_box .i4{flex-wrap:wrap;}
	.contact .location .shadow_box .input_box .i4 .item{width: calc((100% - 20px) / 2); margin-right: 20px; max-width: none;}
	.contact .location .shadow_box .input_box .i4 .item:nth-of-type(2n){margin-right: 0;}
	.contact .location .flex_box{flex-wrap:wrap; justify-content:flex-end; margin-top: 0;}
	.contact .location .flex_box .captcha{width: 100%; max-width: none; padding-bottom:20px;}

}

@media screen and (max-width: 500px){
	.training .shadow_box,
	.documents .shadow_box,
	.application .shadow_box,
	.download .shadow_box,
	.registraion .shadow_box,
	.shadow_box{padding: 50px 20px;}
	.preparation .scon01 .arrow_txt{right: 0;}
	.preparation .scon03 .img_ctn .arrow_txt{right: 0;}

	.video .video_ctn .v_box .item{margin-right: 20px; width: calc(50% - 10px); max-width: none;}
	
	.board_ui{flex-wrap:wrap; justify-content:center;}
	.board_ui .search_box{width: 100%; margin-bottom:20px; margin-right: 0;}

	.application .cont .visuel figure{padding-bottom:70%;}

	.btn_box a, .btn_box button{width: calc(50% - 5px); margin-right: 10px;}
	.btn_box a{margin-right: 0;}
	
	.training .flex_box .table_box{margin-top: 20px;}
	.training .flex_box .table_box table td{font-size:15px;}
	.training .info{margin: 20px 0;}

	.contact .location .shadow_box .btn_box button{width: 100%;}
}