/*skip navigation*/
.skip_navi > a{
    display:inline-block;
    position:absolute;
    top:0 !important;
    left:-9999em;
    z-index:9999;
    width:100% !important;
    height:inherit !important;
    background:#2D5A97 !important;
    color:#fff !important;
    text-align:center;
    line-height:48px;
    font-size:14px;
    font-weight:600;
}
.skip_navi > a:focus{
    left:0;
}
body.on,
html.on {
    overflow:hidden;
}
.wrap {
    background:#f7f7f7;
    min-height:calc(100vh - 118px);
    padding-bottom:100px;
}
header {
    width:1500px;
    max-width:100%;
    position:absolute;
    top:30px; 
    left:50%;
    transform:translateX(-50%);
    z-index:99999;
}
h1 {
    width:180px;
    height:60px;
    background:url(../images/logo.png) 50% / 100% no-repeat;
    float:left;
    cursor:pointer;
    transition: 1.2s;
    overflow: hidden;
    text-indent: -999rem;
}
header.on h1 {
    background:url(../images/logo_w.png) 50% / 100% no-repeat;
    transition: .2s;
}
.menu {
    width:40px;
    height:30px;
    margin:25px 0;
    float:right; 
    cursor:pointer;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu span {
    display:inline-block;
    width:100%;
    height:5px;
    background:#0C1A40;
    -webkit-transition: 1s;
    transition: 1s;
}
header.on .menu span {
    background:#fff;
}
/* 햄버거 메뉴 클릭시 모양 변경 */
header.on .menu span:nth-of-type(1) {
	-webkit-transform:translateY(9px) rotate(-45deg);
	transform:translateY(12px) rotate(-45deg);
	transition-duration: 1s;
}
header.on .menu span:nth-of-type(2) {
	opacity:0;
}
header.on .menu span:nth-of-type(3) {
	-webkit-transform:translateY(-7px) rotate(45deg);
	transform:translateY(-13px) rotate(45deg);
	transition-duration: 1s;
}
.menu_left_btn {
    border: 2px solid #052455;
    border-radius: 50px;
    float: right;
    line-height: 30px;
    margin: 25px;
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 1px;
    cursor:pointer;
}
header.on .menu_left_btn {
	display:none;
}
.menu_box {
    width:100%;
    position:fixed;
    top:0;
    left:-100%;
    bottom:0;
    background:url(../images/menu_box_bg.png) #0C1A40 no-repeat;
    background-position:right bottom;
    background-size:550px;
    z-index:99999;
    -webkit-transition: 1.2s;
    transition: 1.2s;
    overflow:hidden;
}
.menu_box.on {
    left:0;
    display:block;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}
.menu_box .menu_group {
    width:1500px;
    max-width:100%;
    margin:120px auto;
    position:relative;
}
.menu_box .menu_group ul {float:left;}
.menu_box .menu_group ul li {
    height:auto;
    overflow:hidden;
}
.menu_box .menu_group ul li a {
    display:block;
    color:#fff;
    font-size:32px;
    font-weight:600;
    line-height:75px;
    cursor:pointer;
    -webkit-transform: translateY(75px);
    -ms-transform: translateY(75px);
    transform: translateY(75px);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.menu_box.on .menu_group ul li a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.menu_box .menu_group ul li a:focus {
    -webkit-transition-delay: inherit;
    -o-transition-delay: inherit;
    transition-delay: inherit;
    box-shadow:0 0 0 1px #fff inset;
    -webkit-transition:inherit;
    -o-transition: inherit;
    transition: inherit;
}
.menu_box .menu_group ul.on li a {
    color:#72798e;
    transition:.2s;
}
.menu_box .menu_group ul li.on a {
    color:#fff;
    transition:.2s;
}
.menu_box .border {
    position:absolute;
    width:1px;
    height:0;
    background:#ABAAAC;
    top:-120px;
    right:500px;
    z-index: -9;
    opacity: 0;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.menu_box.on .border {
    height:100vh;
    opacity: 1;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;}
/*.menu_box .border:before {
    content:"";
    display:block;
    border-radius:50%;
    position:absolute;
    width:540px;
    height:540px;
    background:rgba(209,202,21,0.08);
    bottom:180px;
    left:200px;
}
.menu_box .border:after {
    content:"";
    display:block;
    border-radius:50%;
    position:absolute;
    width:630px;
    height:630px;
    background:rgba(255,255,255,0.16);
    bottom:-250px;
    left:50px;
}*/
.menu_box .right {
    float:right; 
    margin-right:20px;
    margin-top:100px;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.menu_box.on .right {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.menu_box .right .btn_group {margin:20px 0 70px;}
.menu_box .right .btn_group span {
    display:block;
    width:120px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#Fff;
    font-size:20px;
    letter-spacing:0.5px;
    border-radius:50px;
    margin-bottom:20px;
    cursor:pointer;
    position: relative;
    overflow:hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index:10;
    border:1px solid #323e5e;
    background:#323e5e;
}
.menu_box .right .btn_group span:last-child {
    background:#e0e1e4;
    border:1px solid #fff;
    color:#15224C;
}
.menu_box .right .btn_group span:hover{
    border: 1px solid #454f70;
}
.menu_box .right .btn_group span:last-child:shover{
    border: 1px solid #fff;
}
.menu_box .right .btn_group span::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #454f70;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
     box-shadow:2px 0px 14px rgba(0,0,0,.3);
  } 
.menu_box .right .btn_group span:last-child::before {
    background: #fff;
}
.menu_box .right .btn_group span:hover::before, .menu_box .right .btn_group span:hover::before{
    opacity:1;
    width: 116%;
}
.menu_box .right p {
    font-size:14px;
    color:#fff;
    line-height:35px;
}
.menu_box .right p a {
    color:#fff;
}
.menu_box .right select {
    width:430px;
    max-width:100%;
    height:50px;
    border:1px solid #FFFFFF;
    font-size:15px;
    color:#FFFFFF;
    padding:0 15px;
	background:url(../images/Icon_ionic-md-arrow-dropdown.png) no-repeat transparent calc(100% - 15px) 50%/16px;
}
.menu_box .right select option {
    background:#0c1a40;
}
.shortcuts {
	width:100%;
	height:80px;
	background:#052455;
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    align-items: center;
}
.shortcuts button {
	width:300px;
	max-width:calc(100% - 20px);
	height:50px;
	border:1px solid #fff;
	border-radius:50px;
	margin:0 auto;
	font-size:20px;
	color:#FFFFFF;
	font-weight:600;
    display: flex;
    align-items: center;
    padding: 0 20px;
    background:url(../images/Icon_awesome-arrow-circle-right.png) no-repeat right 10px bottom 50%/23px;
}
.bx-wrapper {
    width:100%;
    height:100vh;
    background:#eaeaea;
}
.bx-viewport {height:100vh !important;}
.visual {height:100vh !important;}
.visual > div {height:100vh !important;}

.swiper-slide {
    overflow:hidden;
}
.slider_bg {
    display:inline-block;
    width:100%;
    height:100vh;
    opacity:0.2;
    position:absolute;
    top:0; 
    left:0; 
    right:0;
    bottom:0;
    background:url(../images/slider_1.png) 50% no-repeat;
    background-size:cover;
}
.visual div.second .slider_bg {background:url(../images/slider_2.png) 50% no-repeat; background-size:cover;}
.visual div.tertiary .slider_bg {background:url(../images/slider_3.png) 50% no-repeat; background-size:cover;}
.visual div.fourth .slider_bg {background:url(../images/slider_4.png) 50% no-repeat; background-size:cover;}
.slider_box {
    width:1200px;
    max-width:80%;
    height:650px;
    max-height:65%;
    position:absolute;
    top:56%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#15224C;
    padding:60px 80px;
    cursor:pointer;
    opacity:1;
}
.swiper-slide.swiper-slide-active .slider_box {
    animation:fade 1s .2s both;
}
@keyframes fade {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.slider_box .text_group {
    width:25%;
    height:calc(100% - 30px);
    float:left;
    display:flex;
    flex-direction: column;
    justify-content:flex-end;
}
.slider_box .text_group > span {
    display:inline-block;
    width:calc(100% - 50px);
    min-height:90px;
    line-height:70px;
    background:#0075E7;
    padding:10px 15px;
    font-size:39px;
    font-weight:900;
    color:#fff;
    display:flex;
    justify-content: center;
    align-items:center;
    opacity:0;
}
.swiper-slide.swiper-slide-active .slider_box .text_group > span {
    animation:text_up 1s .3s both;
}
.visual div.second .slider_box .text_group > span {background:#C32E6F; width:135px;}
.visual div.tertiary .slider_box .text_group > span {background:#00557C; width:135px;}
.visual div.fourth .slider_box .text_group > span {background:#D98D06; width:135px;}
.slider_box .text_group span img {
    width:100%;
}
.slider_box .text_group p {
    color:#fff;
    font-size:18px; 
    letter-spacing:-0.5px;
    opacity:0;
}
.slider_box .text_group p strong {
    color:#fff;
    font-size:32px;
    line-height:38px;
    font-weight:600;
    margin:10px 0;
    display:inline-block;
}
.swiper-slide.swiper-slide-active .slider_box .text_group p {
    animation:text_down 1s .5s both;
}
@keyframes text_up {
    0% {
        opacity:0; transform:translateY(-30px);
    }
    100% {
        opacity:1; transform:translateY(0);
    }
}
@keyframes text_down {
    0% {
        opacity:0; transform:translateY(30px);
    }
    100% {
        opacity:1; transform:translateY(0);
    }
}
.slider_box .text_group p .more_btn {
    width:130px;
    line-height:45px;
    border:1px solid #fff;
    display:block;
    border-radius:5px;
    margin-top:20px;
    color:#fff;
    text-align:center;
    font-size:20px;
}
.slider_box .shortcuts_icon {
	width:100px;
	height:100px;
	background:url(../images/Icon_awesome-arrow-circle-right_bg.png) no-repeat 50%/100px;
    position: absolute;
    bottom: 80px;
    right: 100px;
    z-index: 99;
    box-shadow: 0 0 10px 0 #fff;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -999rem;
}
.slider_box .main_img {
    width:75%;
    height:100%;
    float:right;
    border-radius:50px;
    overflow:hidden;
    position:relative;
    background:url(../images/slider_1.png) 50%/cover no-repeat;
    opacity:0;
}
.swiper-slide.swiper-slide-active .slider_box .main_img {
    animation:text_up 1s .5s both;
}
.visual div.second .slider_box .main_img {background:url(../images/slider_2.png) 50%/cover no-repeat;}
.visual div.tertiary .slider_box .main_img {background:url(../images/slider_3.png) 50%/cover no-repeat;}
.visual div.fourth .slider_box .main_img {background:url(../images/slider_4.png) 50%/cover no-repeat;}
/*.slider_box .main_img img {
    height:100%;
    min-width:100%;
    max-width:none;
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
}*/
.swiper-pagination.swiper-pagination-bullets {
    bottom:14.5% !important;
}
.visual.view {
    height:auto!important; 
    max-height:90vh;
    overflow:hidden; 
}
.visual.view img {
    width:100%;
    margin-top:-67px;
}
h2 {
    width:1200px;
    max-width:80%;
    margin:60px auto 30px;
    color:#0C1A40;
    font-size:55px;
    font-weight:600;
    text-align:left
}
h2.title {
    text-align:center;
    margin:0 auto;
    padding-bottom:30px;
}
h2.title:before {
    content:"";
    display:block;
    width:0;
    height:2px;
    background:#0F1A3E;
    position:absolute;
    bottom:10px;
    animation:line 1s .2s both;
    left:50%;
    transform:translate(-50%);
}
@keyframes line {
    0% {
        width:0;
    }
    100% {
        width:100%;
    }
}
h2.title ~ P {
    width:1200px;
    max-width:80%;
    margin:20px auto;
    text-align:center;
    font-size:20px;
    color:#0f1a3e;
    line-height:20px;
}
h2.title ~ ul {}
h2.title ~ ul li {
    
}
.h2_tab {
    display:flex;
    justify-content:space-between;
    width:480px;
    max-width:100%;
    margin:20px auto 30px;
}
.h2_tab li {
    line-height:30px;
    font-size:20px;
    color: #0C1A40;
    padding:0 10px;
    cursor:pointer;
    transition:.5s;
    position:relative;
    width:100%;
    text-align:center;
}
.h2_tab li:before {
    content:"";
    display:inline-block;
    position:absolute;
    width:1px;
    height:70%;
    top:15%;
    right:0;
    background: #0C1A40;
}
.h2_tab li:last-child:before {
    display:none;
}
.h2_tab li.on {
    font-weight:600;
}
h3 {
    width:1200px;
    max-width:80%;
    margin:60px auto 30px;
    color:#0C1A40;
    font-size:30px;
    font-weight:600;
    text-align:center;
    font-weight:900;
}
.mouse {
    width:20px;
    position:absolute;
    bottom:0px;
    left:calc(50% - 15px);
    z-index:9;
    animation:text_up .8s .3s infinite linear alternate;
    opacity:0;
    cursor:pointer;
}
.bg_white,
.bg_blue {
    background:#fff;
    padding:60px 0;
}
.bg_blue {
    background:#0C1A40;
    margin:30px 0 -100px;
}
.bg_white h3 {
    margin-top:0px;
}
h2 ~ h3 {
    margin:-15px auto 60px;
    text-align:left;
}
.main_contents,
.main_contents + .contents {
    width:1200px;
    max-width:80%;
    margin:0 auto;
    position:relative;
}
.main_contents.no_img {
    padding-top:140px;
}
.main_contents .red {
    position:absolute;
    left: 0;
    bottom:0;
}
.main_contents .blue_text {
    position:absolute;
    left: 0;
    bottom:0;
}
.main_contents .red span {
    display:inline-block;
    min-width:300px;
    font-size: 12px;
    color: #ca0000;
    font-weight:600;
}
.main_contents .blue_text span {
    display:inline-block;
    min-width:300px;
    font-size: 12px;
    color: #417CCD;
    font-weight:600;
}
.main_contents .red .behind {
    margin-left: 320px;
}
.main_contents .blue_text .behind {
    margin-left: 320px;
}
.main_contents .red.hide {
    display:none;
}
.main_contents .blue_text.hide {
    display:none;
}
.con_box {
    overflow:hidden;
    padding:20px 0;
}
.con_box li {
    width:calc(33.33% - 20px);
    overflow:hidden;
    float:left;
    margin-left:30px;
    border-radius:10px;
    box-shadow: 1px 1px 5px #dcdcdc;
    border:1px solid #f1f1f1;
    position:relative;
    background:#fff;
    cursor:pointer;
}
.con_box li:first-child {margin-left:0;}
.con_box li.event {
    height:250px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    margin-bottom:30px;
}
.con_box li.event.long {
    height:435px;
    margin-bottom:0;
}
.con_box li.event:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(12,26,64,0.9);
    display:none;
}
.con_box li.event img {
    width:130%;
}
.con_box li.event p {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%;
    padding:20px;
    color:#fff;
    line-height:40px;
    font-size:25px;
    z-index: 9;
    display:none;
    position:absolute;
}
.con_box li.event p strong {
    font-size:30px;
    line-height:35px;
    font-weight:600;
    display:inline-block;
    margin-bottom:10px;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: normal;
    height:105px;
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.con_box li.event.on:before {
    display:block;
}
.con_box li.event.on p {
    display:flex;
}
.con_box li.notice {padding:30px 30px 10px;}
.con_box li.notice:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient( to right, #76A7F1, #0C1A40 );
}
.con_box li.notice p {
    color:#0C1A40;
    font-size:18px;
    font-weight:600; 
    width:100%;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: normal;
    line-height:25px;
    height:53px;
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    margin-bottom:15px;
}
.con_box li.notice span.more {
    color:#A7A7A7;
    display:inline-block;
    padding-right:13px;
    background:url(../images/icon_more_btn.png) 100% 70%/10px no-repeat;
    cursor:pointer;
    height:45px;
    line-height:57px;
    font-size:12px;
}
.con_box li.notice span.date {
    color:#666;
    float:right;
    text-align:center;
    line-height:20px;
    font-size:12px;
}
.con_box li.notice span.date strong {
    font-size:22px;
    font-weight:600;
}
.features {
    display:flex; 
    width:100%;
}
.features > div {
    padding:20px 50px;
    word-break:break-all;
    border-left:1px solid #e6e6e6;
    flex:1;
    margin:30px 0;
}
.features > div:first-child {
    border:none;
}
.features strong {
    color:#15224C;
    font-size:20px;
    font-weight:600;
    line-height:25px;
    margin-bottom:20px;
    width:100%;
    max-height:50px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    text-align:center;
}
.features p {
    color:#5B5B5B;
    line-height:20px;
    word-break:break-all;
}
.video {
    width:850px;
    max-width: 100%;
    overflow:hidden;
    margin:0 auto;
    padding:30px 0 0;
}
.video p {
    color:#15224C;
    font-size:20px;
    letter-spacing:3px;
    
}
.video p strong {
    font-size:30px;
    font-weight:900;
    letter-spacing:6px;
    display:block;
    margin-top:10px;
}
.video iframe {
    width:100%;
    height:530px;
    border-radius:10px;
    margin:60px 0;
}
.success_story {
    overflow:hidden;
    display:flex;
    align-items:center;
}
.success_story dl {
    border-left:1px solid #e6e6e6;
    padding:20px;
    overflow:hidden;
    margin:0 auto;
    max-width:100%;
    width:100%;
    cursor:pointer;
}
.success_story.sub dl {
    background:#fff;
    padding:20px !important;
    margin:10px;
    box-shadow: 1px 1px 5px #bbbbbb;
    border-radius:0 0 10px 10px;
    flex:1;
    max-width:33.33%;
}
.success_story dl:first-child {
    border-left:none;
}
.success_story dl dt {
    margin-bottom:20px;
    overflow: hidden;
    height:150px;
}
.success_story.sub dl dt {
    width:calc(100% + 40px); 
    height:180px;
    margin:-20px 0 20px -20px;
}
.success_story.sub.event_sub dl dt {
    margin-bottom:0;
    max-height:240px;
}
.success_story dl dt img {
    width:100%;
    max-width:400px;
    /*box-shadow: 1px 1px 5px #bbbbbb;*/
    transition:.3s;
}
.success_story dl dt:hover img {
    transform:scale(1.1);
}
.success_story dl dd {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
}
.success_story dl dd .badge {
    border:1px solid #999;
    padding:0 5px;
    border-radius:5px;
    line-height:20px;
    font-weight:600;
    color:#666;
}
.success_story dl dd strong {
    font-size:18px;
    color:#121D42;
    font-weight:600;
    display:block;
    margin:15px 0 5px;
    width:100%;
    height:50px;
    line-height:25px;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
}
.success_story dl dd p {
    color:#5B5B5B;
    line-height:20px;
    width:100%;
    max-width:340px;
    height:40px;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    word-break:break-all;
}
.success_story dl dd p > img,
.success_story dl dd p > br {
    display:none;
}
.view_list li {
    width:100%;
    background:#E4E4E4;
    padding:60px 40px;
    box-shadow: 1px 1px 5px #bbbbbb;
    margin-top:50px;
    position:relative;
    cursor:pointer;
    position:relative;
    min-height:400px;
}
/*.view_list li:before {
    content:"";
    display:block;
    width:50px;
    height:50px;
    border-radius:50%;
    position:absolute;
    top:50%;
    right:40px;
    transform:translateY(-50%);
    background:url(../images/arrow_bottom.png) 50%/100% no-repeat;
}*/
.view_list li.view_1_2,
.view_list li.view_3_2 {
    padding-left:350px;
}
.view_list li.view_2_2 {
    padding-left:470px;
}
.view_list li.view_1_3 {
    padding:30px 220px 260px;
    margin-bottom:100px;
}
.view_list li h4 {
    font-size:50px;
    font-weight:600;
    color:#0C1A40;
}
.view_list li h4 ~ h5 {
    font-size:23px;
    line-height:30px;
    font-weight:600;
    color:#0C1A40;
    margin:15px 0 30px;
}
.view_list li p {
    font-size:18px;
    color:#0C1A40;
    margin-top:15px;
    line-height:30px;
}
.view_list li p strong {
    font-weight:600;
    margin-bottom:10px;
    display:block;
}
.view_list li img {
    position:absolute;
    width:550px;
    max-width:80%;
    bottom:0;
    right:50px;
}
.view_list li img.view_1_2_img {
    width:auto;
    height:400px;
    left:50px;
}
.view_list li img.view_1_3_img {
    width:100%;
    max-width:100%;
    height:auto;
    left:0 !important;
    right:0 !important;
    bottom:-140px !important;
}
.view_list li img.view_2_2_img {
    width:auto;
    height:340px;
    left:0;
    bottom:50px;
}
.view_list li img.view_2_3_img {
    width:auto;
    height:380px;
    right:50px;
}
.view_list li img.view_3_1_img {
    width:auto;
    height:450px;
    right:50px;
}
.view_list li img.view_3_2_img {
    width:auto;
    height:430px;
    left:0px;
}
.view_list li .btn_blue {
    display:flex;
    justify-content:flex-end;
    margin:30px 0 -30px;
}
.view_list li .btn_blue a { 
    display:inline-block;
    background:#15224C;
    width:220px;
    line-height:45px;
    text-align:center;
    border-radius:50px;
    color:#F7F7F7;
    font-size:20px;
    font-weight:600;
    box-shadow:3px 3px 6px rgba(0,0,0,0.16);
    
}
.terms_group {
    overflow:hidden;
    margin:60px auto 50px;
}
.terms_group p {
    color:#707070;
    font-size:20px;
    font-weight:600;
    margin-top:30px;
    clear:both;
    width:100%;
    display:inline-block;
}
.terms_group p:first-child {
    margin-top:0;
}
.terms_box {
    border:1px solid #C0C1C0;
    background:#fff;
    border-radius:5px;
    min-height:82px;
    max-height:300px;
    overflow-y:auto;
    padding:20px;
    margin:20px 0 5px;
    line-height:20px;
    word-break:break-all;
}
.terms_group label {
    clear:both;
    display:flex;
    align-items:center;
}
.terms_group label span {
    color:#707070;
    line-height:20px;
}
.bottom_btn_group {
    display:flex;
    justify-content:center;
    align-items:center;
}
.bottom_btn_group span {
    width:200px;
    text-align:center;
    line-height:45px;
    border-radius:50px;
    box-shadow: 1px 1px 5px #dcdcdc;
    background:#fff;
    color:#15224C;
    font-size:20px;
    font-weight:600;
    margin:30px 15px 0;
    cursor:pointer;
    position: relative;
    overflow:hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index:10;
}
.bottom_btn_group span:hover {
    color:#fff;
}
.bottom_btn_group span::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #15224C;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
     box-shadow:2px 0px 14px rgba(0,0,0,.3);
}
.bottom_btn_group.app span::before {
    display:none;
}
.bottom_btn_group span:hover::before, .bottom_btn_group span:hover::before{
    opacity:1;
    width: 116%;
}
.bottom_btn_group.app span {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:100px;
    padding:7px 10px;
    border-radius:10px;
    box-shadow: 1px 1px 5px #000;
}
.bottom_btn_group span.blue {
    background:#454f70;
    color:#fff;
}
.bottom_btn_group span.thick_blue {
    background:#15224C;
    color:#fff;
}
.bottom_btn_group span.on {
    background:#15224C;
    color:#fff;
}
.bottom_btn_group span img {
    width:80%;
}
.bottom_btn_group.qna {    
    width:100%;
    justify-content: flex-end;
}
/*.bottom_btn_group.qna span {
    width:100px;
    line-height:30px;
    font-size:15px;
    border:1px solid #15224C;
}*/

.bottom_btn_group.w_100 {
    flex-direction: column;
}
.bottom_btn_group.w_100 span {
    width:400px;
    margin:10px 10px 0;
}
.signup,
.login {
    overflow:hidden;
    margin:60px auto 50px;
}
.signup p {
    display:flex;
    align-items:center;
    margin:5px 0;
    color:#15224C;
    position: relative;
}
.signup p input {
    height:40px;
    border:none;
    background:transparent;
    border-bottom:1px solid #999;
    margin-right:10px;
    width:300px;
    float:left;
    margin-bottom:30px;
}
.signup p input.btn_input {
    width:210px;
}
.signup p input ~ span {
    background:#15224C;
    border:1px solid #15224C;
    color:#fff;
    border-radius:5px;
    width:80px;
    text-align:center;
    line-height:40px;
    display:inline-block;
    margin-right:10px;
    float:right;
    margin-bottom:25px;
    cursor:pointer;
}
.signup p input ~ span.white {
    background:#fff;
    color:#15224C;
}
.signup p strong {
    font-weight:600;
    margin:20px 0 10px;
}
.signup p span {
    color:#707070;
    font-weight:600;
}
.signup h4,
.application h4 {
    text-align:center;
    color:#15224C;
    font-size:35px;
    line-height:50px;
    font-weight:600;
    margin:70px 0;
}
.application h4 {
    margin:0 0 20px !important;
}
.main_circle {
    width:700px;
    max-width:100%;
    display:flex;
    justify-content:space-around;
    align-items:center;
    margin:0 auto;
    padding:50px 0;
}
.main_circle div {
    background:#15224C;
    width:250px;
    height:250px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    font-size:60px;
    line-height:70px;
    color:#FFFFFF;
    letter-spacing:2px;
    cursor:pointer;
}
.main_circle div:last-child {
    background:#f7f7f7;
    color:#15224C;
}

/* Outline Out */
.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}
.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #15224C solid 5px;
    border-radius:50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.main_circle div:last-child.hvr-outline-out:before {
    border: #15224C solid 5px;
}
.hvr-outline-out:hover:before, 
.hvr-outline-out:focus:before, 
.hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}
.user_circle_text {
    font-size: 20px;
    clear: both;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.login {
    width:530px;
    max-width:100%;
}
.login input {
    width:100%;
    height: 45px;
    border-radius: 50px;
    background: #fff;
    overflow: hidden;
    border:1px solid #45506D;
    margin-bottom:15px;
}
.login .bottom_btn_group span {
    width:100%;
    margin:0 0 15px;
}
.lock {
    width:155px;
    line-height: 45px;
    margin:10px auto 15px;
    background:url(../images/icon_lock.png) no-repeat 0 50%/13px;
    padding-left:20px;
    cursor:pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login .lock {
    margin-top:-10px;
}
.service,
.application,
.view_page,
.account {
    overflow:hidden;
    margin:60px auto 50px;
}
.view_page {
	word-break: break-all;
}
.account {
    width:600px !important
}
.service > div,
.application > div,
.view_page > div,
.account > div {
    position:relative;
    width:calc(50% - 15px);
    min-height:390px;
    overflow:hidden;
    float: left;
    margin-left:30px;
    border-radius:20px;
    box-shadow: 1px 1px 5px #dcdcdc;
    border: 1px solid #f1f1f1;
    position: relative;
    background: #fff;
    padding:20px 30px;
    margin-bottom:30px;
}
.service > div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: linear-gradient( to right, #76A7F1, #0C1A40 );
}
.service > div:nth-of-type(1) {
    margin-left:0;
}
.service > div:last-child,
.application > div,
.view_page > div,
.account > div {
    width:100%;
    margin-left:0;
    margin-bottom:0;
}
.application > div:last-child,
.view_page > div:last-child {
    margin-bottom:0;    
}
.application > div,
.view_page > div,
.account > div {
    margin-bottom:60px;    
}
.account > div {
    min-height:auto;
}
.view_page .qna_icon {
    font-size:70px;
    line-height:70px;
    color:#0C1A40;
    font-weight:900;
    margin:40px 0 20px;
}
.view_page h5 + .qna_icon {
    margin-top:0;
}
.view_page .qna_icon.border {
    border-top: 1px solid #E4E4E4;
    padding-top: 20px;
}
.service > div strong,
.application > div h5,
.account > div h5 {
    font-size:25px;
    font-weight:600;
    color:#0C1A40;
    display:block;
    margin:10px auto 30px;
    text-align:center;
    letter-spacing:2px;
}
.application > div h5 ~ p,
.account > div h5 ~ p {
    float:right;
    position:relative;
    padding-left:20px;
    margin-bottom:10px;
    line-height:30px;
    font-size:16px;
}
.application > div h5 ~ p span,
.account > div h5 ~ p span {
    color:#707070;
}
.service > div ul li {
    width:50%;
    float:left;
    font-size:16px;
    color:#0C1A40;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.service > div ul li img {
    width:35px;
    margin-right:20px;
}
.service > div table {
    width:90%;
    margin:0 auto;
    table-layout:fixed;
}
.service > div table th,
.service > div table td {border:1px solid #ABAAAD; line-height:60px;}
.service > div table tr:first-child th,
.service > div table tr:first-child td {border-top:none;}
.service > div table tr th,
.service > div table tr th {border-left:none;}
.service > div table tr:last-child th,
.service > div table tr:last-child td {border-bottom:none;}
.service > div table tr th {font-weight:600; text-align:left; padding:0 0 0 100px; color:#0C1A40; font-size:16px;}
.service > div table tr td {border-right:none; padding:0 0 0 130px; color:#0C1A40; font-size:16px;}
.service > div table th img {
    width:40px;
    margin-right:30px;
    vertical-align:middle;
}
.service > div table tr:nth-child(3) th img {
    width:30px;
    margin-left:5px;
}
.service > div table tr td strong {display:none;}
.application > div table {
    width:100%;
    margin:0 auto;
    table-layout:fixed;
    border-top:1px solid #4B4B4B;
    border-bottom:1px solid #4B4B4B;
    border-collapse: initial;
}
.application > div table th,
.application > div table td {
    text-align:left;
    padding:0 20px;
    border-top:1px solid #ABAAAD;
    color:#0C1A40;
}
.application > div table tr:first-child th,
.application > div table tr:first-child td {
    border-top:none;
}
.application > div table th {
    background:#F4F4F4;
    font-weight:600;
    font-size:14px;
    position:relative;
    padding:0 5px 0 20px;
}
.application > div table th br {
    display:none;
}
.star:before {
    content:"*";
    color:#EA5D2A;
    font-weight:900;
    position:absolute;
    left:10px;
}
.alert:before {
	content:"!";
    color: #EA5D2A;
    font-weight: 900;
    position: absolute;
    left: -12px;
    top: 2px;
    background: #eaeaea;
    display: inline-block;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.application > div table td {
    padding:5px 10px;
    position:relative;
}
.application > div table td.pb_25 {
    padding-bottom:25px !important;
}
.application > div table td .red {
    left:10px;
    bottom:7px;
}
.application > div table td .blue_text {
    left:10px;
    bottom:7px;
}
.application > div table td input[type="text"],
.application > div table td input[type="tel"],
.application > div table td input[type="password"],
.application > div table td textarea {
    border:1px solid #D6D6D6;
    width:640px;
    max-width:100%;
    height:35px;
    float:left;
    margin:2px;
}
.application.qna > div table td input[type="text"],
.application.qna > div table td input[type="password"] {
    width:100%;
}
.application > div table td textarea {
    width:100%;
    height:150px;
}
.application > div table td input[type="text"].btn_1 {
    width:calc(100% - 80px);
}
.application > div table td input[type="text"].btn_2 {
    width:calc(100% - 154px);
}
.application > div table td input[type="text"].p_orange::placeholder {
    color:#EA5D2A;
}
.application > div table td input[type="text"].short {
    width:200px;
    max-width:calc(100% - 74px);
}
.application > div table td input[type="text"].more_short {
    width:100px;
    max-width:50%
}
.application > div table td input[type="text"].more_short + strong {
    line-height:35px;
    font-weight:600;
    margin:0 10px;
    float:left;
}
.application > div table td label input[type="text"].short {
    width:110px;
    max-width:calc(100% - 124px);
}
.application > div table td input[type="tel"].tel {
    width: 275px;
/*     text-align:center; */
    max-width:calc(100% - 4px);
}
.application > div table td input:read-only {
    background:#EAEAEA;
}
.application label {
    clear:both;
    line-height:30px;
    display:flex;
    align-items:center;
}
.application label input {float:left;}
.application > div table td label span {
    float:left;
    margin:0 5px;
}
.application > div table td .btn_blue {
    display:inline-block;
    min-width:65px;
    height:35px;
    line-height:35px;
    text-align:center;
    padding:0 10px;
    background:#417CCD;
    color:#fff;
    font-weight:600;
    font-size:12px;
    float:left;
    margin:2px 5px;
    cursor:pointer;
}
.application > div table td .btn_blue.gray {
    background:#707889;
}
.application > div table td .btn_blue.indigo {
    background:#15224C;
}
.application > div table td p.help {
    line-height:40px;
    display:inline-block;
    margin-left:10px;
}
.application > ul {
    overflow:hidden;
    padding-bottom:40px;
}
.application > ul li {
    width:calc(20% - 12px);
    height:250px;
    float:left;
    border-radius: 20px;
    box-shadow: 1px 1px 5px #dcdcdc;
    border: 1px solid #f1f1f1;
    position: relative;
    background: #fff;
    margin-left:15px;
    padding:20px 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    cursor:pointer;
}
.application > ul li:first-child {
    margin-left:0;
}
.application > ul li strong {
    font-size:24px;
    color:#0F2F40;
    font-weight:900;
    line-height:50px;
    text-align:center;
}
.application > ul li p {
    font-weight:600;
    font-size:15px;
}
.application > ul li .btn_blue {
    width: 50%;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    box-shadow: 1px 1px 5px #dcdcdc;
    color: #fff;
    background: #15224C;
    font-size:14px;
    font-weight: 600;
    margin: 30px 15px 0;
    cursor: pointer;
}
.application > ul + p,
.application > ul + p + p {
    line-height:30px;
}
.application_ul {
    display:flex;
    justify-content:center;
    align-items:center;
}
.application_ul li {
    width:50%;
    height:190px;
    margin:10px;
}
.application_ul li a {    
    display:inline-block;
    border:2px solid #15224C;
    border-radius:30px;
    background:#fff;
    font-size:40px;
    font-weight:600;
    color:#0C1A40;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.5s;
}
.application_ul li:hover a,
.application_ul li a.on {
    background:#15224C;
    color:#fff;
}  
.application_ul.small li {
    height:90px;
}
.application_ul.small li a {
    border-radius:20px;
    font-size:24px;
}
.file-name {
	line-height:39px;
	margin-left:10px;
	cursor:default;
}
.information {overflow:hidden;}
.information > div {
    width:50%;
    float:left;
    display:flex;
    justify-content:space-between;
    margin-top:100px;
}
.information > div:first-child {
    margin:0 !important;
}
.information > div:nth-of-type(even) {
    float:right;
}
.information.pc > div {
    width:100%;
}
.information > div p {
    color:#fff;
    font-size:25px;
    line-height:30px;
    margin-top:50px;
    display:inline-block;
    width:calc(100% - 220px);
}
.information.pc > div p {
    width:500px;
}
.information > div p strong {
    font-size:30px;
    font-weight:900;
    display:block;
    margin-bottom:10px;
}
.information > div > div {
    width:220px;
    overflow:hidden;
    background:#fff;
    border-radius:30px; 
    box-shadow: 1px 1px 5px #000;
    padding:30px 10px;
    margin:0 15px;
}
.information.pc > div > div {
    width:500px;
    background:transparent;
    border-radius:0;
    box-shadow:none;
    padding:0;
}
.information > div > div img {
    width:100%;
}
.information.pc > div > div img {
    width:100%;
}
.view_page > div {
    display:flex;
    flex-direction: column;
    /* align-items: center; */
    padding:20px 100px;
}
.view_page > div h5 {
    font-size:30px;
    color:#121D42;
    font-weight:600;
    margin-bottom:60px;
    line-height:40px;
    width:100%;
}
.view_page > div h5 > span {
    font-size:18px;
    float:right;
    color:#5B5B5B;
    font-weight:400;
}
.view_page > div h5 + div {
    width:100%;
    line-height:20px;
}
.view_page > div img {
    max-width:100%;
    width:auto !important;
    height: auto !important;
    margin:30px 0;
}
.view_page > div > p {
    line-height:20px;
    word-break:break-all;
    width:100%;
    white-space: inherit !important;
}
/* 에디터 */
.view_page > div {
    line-height:20px;
}
.view_page > div strong {
	font-weight:bold;
}
.view_page > div > div strong {
	font-weight:bold;
}
.view_page > div  table {
	max-width:100%;
}
.view_page > div  table th,
.view_page > div  table td {
	border:1px solid #333;
	padding:5px;
}

.input_box {
    border:1px solid #ABAAAC;
    display:inline-block;
    float:right;
    max-width:100%;
    position:absolute;
    right: 0;
    top:-70px;
}
.input_box input {
    border:none;
    width:300px;
    max-width: calc(100% - 40px);
    height:40px;
    float:left;
    background-color:transparent;
}
.input_box .btn_search {
    width:40px;
    height:40px;
    float:right;
    background:url(../images/search.png) 50%/15px no-repeat;
    cursor:pointer;
    overflow: hidden;
    text-indent: -99rem;
}
.customer table {
    margin-top:100px;
    width:100%;
    border-top:1px solid #4B4B4B;
    table-layout:fixed;
}
.customer table th {
    height:50px;
    font-weight:600;
    color:#0C1A40;
}
.customer table td {
    border-top:1px solid #ABAAAD;
    height:50px;
    text-align:center;
    padding:10px 0;
    line-height:20px;
}
.customer table td.left {
    text-align:left;
    cursor:pointer;
    width: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.customer table td.answer {   
    color:#BEBEBE;
    font-weight:600;
}
.customer table td.answer.on {
    color:#C32C21;
}
.page {
    width:300px;
    max-width:80%;
    margin:30px auto 0;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.page span {
    display:inline-block;
    padding:10px;
    cursor:pointer;
    font-size:18px;
}
.page span.forward,
.page span.backward {
    width:20px;
    height:20px;
    background:url(../images/icon_page.png) 50%/10px no-repeat;
    margin:2px 0 0;
    overflow: hidden;
    text-indent: -99px;
}
.page span.backward {
    transform:rotate(-180deg);
}
.page span.on {
    font-weight:900;
}
footer {
    background:#15224C;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
}
footer img {
    width:200px;
}
footer p {
    color:#fff;
    margin-left:30px;
    line-height:25px;
    font-size:14px;
}
footer p a {color:#fff;}
footer p strong {
    font-size:20px;
    font-weight:600;
}
footer .m_block {display:none;}
.mask {    
    display:none;
    width: 100%;
    position: fixed;
    top: 0;
    left:0;
    bottom: 0;
    background:rgba(0,0,0,0.5);
    z-index: 998;
    overflow: hidden;
    cursor:pointer;
}
.pop_up {
    display:none;
    position:fixed;
    z-index:999;
    width:1000px;
    max-width:90%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.pop_up > div {
    box-shadow:none;
}
.pop_up.post {
    width:740px;
}
.pop_up.post table p {
    line-height:23px;
}
.pop_up.post table p span {
    color:#999;
    margin-left:15px;
}
.pop_up.post table .post_table {
   padding:0 !important; 
}
.pop_up.post table .post_table > table {
   border:none;
}
.pop_up.post table .post_table > table thead th {
    line-height:40px; 
    text-align:center;
    font-weight:400;
    border-bottom:1px solid #ABAAAD;
    padding:0;
}
.pop_up.pw > div {
    min-height:inherit;
}
.pop_up.pw > div h5 + span {
    text-align:center;
    display:block;
    margin:30px 0 40px;
    color:#0C1A40;
    font-size:16px;
}
.pop_up.login {
    width:500px;
    background:#fff;
    border-radius:20px;
    padding:40px 10px;
}
.pop_up.login h6 {
    margin:0 auto 50px;
    color:#0C1A40;
    font-weight:600;
    text-align:center;
    font-size:30px;
}
.pop_up h6 + .close {
    display:inline-block;
    position:absolute;
    top:20px;
    right:20px;
    width:20px;
    height:20px;
    background:url(../images/Icon_ionic-ios-close.png) no-repeat 50%/15px;
    text-indent:-999rem;
    cursor:pointer;
}
.pop_up.login ul {
    overflow:hidden;
}
.pop_up.login ul li {
    width:406px;
    max-width:calc(50% - 80px);
    max-width:100%;
    margin:0 40px;
    float:left;
}
.pop_up.login ul li .camera,
.pop_up.login ul li .photo {
    width:100%;
    height:306px;
    background:url(../images/Icon_awesome-camera.png) no-repeat #E4E4E4 50%/35px;
    margin-bottom:30px;
    border:3px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.pop_up.login ul li .photo {
    background:#fff;
    border-color:#15224C;
}
.pop_up.login .bottom_btn_group  {
    width:90%;
    margin:0 auto;
}
.pop_up.login .bottom_btn_group .border {
    box-shadow:0 0 0 3px #15224c inset;
    margin-left:20px;
}
.road_addr:before {
	content:"도로명";
    font-size:11px;
    background:#8db1e2;
    border:1px solid #417CCD;
    border-radius:5px;
    color:#fff;
    width:40px;
    display:inline-block;
    text-align:center;
    line-height:15px;
    margin-right:7px;
}

.jibun_addr:before {
	content:"지번";
	font-size:11px;
    background:#b1b1b1;
    border:1px solid #999;
    border-radius:5px;
    color:#fff;
    width:40px;
    display:inline-block;
    text-align:center;
    line-height:15px;
    margin-right:7px;
}

.pop_up.post table .post_table > table td.red {
    color:red;
    text-align:center;
}

.notice_board_box {
	display:flex;
    justify-content: space-between;
    align-items: flex-start;
	margin:60px auto 0;
}
.notice_board_box .notice_board {
	background:#fff;
	padding:30px;
	width:calc(50% - 15px);
	position: relative;
	box-shadow:0 3px 6px rgba(0,0,0,.3);
}
.notice_board_box .notice_board:last-child {
	margin-left:30px;
}
.notice_board_box .notice_board > h3 {
	text-align:left;
	margin:0 0 10px;
	padding-bottom:20px;
	border-bottom:1px solid #707070;
	max-width:100%;
}
.notice_board_box .notice_board table {
	width:100%;
    table-layout: fixed;
}
.notice_board_box .notice_board table tr th,
.notice_board_box .notice_board table tr td {
	line-height:34px;
    text-align: left;
    font-size:18px;
    cursor:pointer;
}
.notice_board_box .notice_board table tr th p {
	display:inline-block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.notice_board_box .notice_board table tr td {
    text-align: right;
    font-size:14px;
    color:#666666;
}
.notice_board_box .notice_board .more_btn {
    color: #666666;
    position: absolute;
    top: 45px;
    right: 30px;
}
p.necessary_text {
	text-align: right !important;
    font-size: 13px !important;
    max-width: 100% !important;
    letter-spacing: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    float: inherit !important;
    display: block !important;
    position: inherit !important;
    line-height: inherit !important;
    width: 100%;
}
@media screen and (max-width:1600px){
    header,
    .menu_box .menu_group {
        padding:0 50px;
    }
    .menu_box .border {right:600px;}
    .swiper-button-prev {left:50px !important;}
    .swiper-button-next {right:50px !important;}
    .slider_box .main_img {
        width:70%;
    }
    .slider_box .text_group p strong {
        letter-spacing: -3px;
    }
}
@media screen and (max-width:1366px){
    .wrap {
        padding-bottom:50px;
        min-height:calc(100vh - 87px);
    }
    h1 {
        width:140px;
        height:46px;
    }
    .menu {
        width:35px;
        height:26px;
        margin:16px 0;
    }
    header.on .menu span:nth-of-type(1) {transform: translateY(10px) rotate(-45deg);}
    header.on .menu span:nth-of-type(3) {transform: translateY(-11px) rotate(45deg);}
    .menu_left_btn {
		line-height:26px;
		margin:16px;
	}
    .menu_box .menu_group ul li a {
        font-size:20px;
        line-height:49px;
    }
    .menu_box .border {
        right:450px;
    }
    .menu_box .right .btn_group {
        margin-bottom:40px;
    }
    .menu_box .right .btn_group span {
        width:100px;
        height:32px;
        line-height:32px;
        font-size:15px;
    }
    .menu_box .right p {
        line-height:25px;
    }
    .menu_box .right select {
        width:300px;
        height:40px;
    }
    .slider_box .text_group > span {
        min-height:60px;
        font-size:25px;
        line-height:60px;
        padding:5px;
    }
    .visual div.second .slider_box .text_group > span,
    .visual div.tertiary .slider_box .text_group > span,
    .visual div.fourth .slider_box .text_group > span {width:100px;}
    .slider_box .text_group p {
        font-size:13px;
    }
    .slider_box .text_group p strong {
        font-size:23px;
        line-height:normal;
    }
    .slider_box .text_group p .more_btn {
        line-height:30px;
        height:30px;
        font-size:14px;
    }
    h2 {
      font-size:45px; 
        margin:30px auto
    }
    h3 {
        margin:30px auto;
        font-size:23px;
        margin-bottom:15px;
    }
    .bg_white,
    .bg_blue {
        padding:30px 0;
    }
    .bg_blue {
        margin-bottom:-50px
    }
    h2 ~ h3 {
        margin-bottom:30px;
    }
    .con_box li {
        width:calc(33.33% - 10px);
        margin-left:15px;
    }
    .con_box li.event {
        height:296px;
        margin-bottom:10px;
    }
    .con_box li.event p {
        font-size:14px;
        line-height:20px;
    }
    .con_box li.event p strong {
        font-size:18px;
        line-height:25px;
        height:75px;
    }
    .con_box li.notice {
        padding:20px 20px 5px;
    }
    .con_box li.notice p {
        font-size:14px;
        line-height:normal;
        height:42px;
    }
    .features > div {
        margin:0;
    }
    .features strong {
        font-size:16px;
        margin-bottom:10px;
    }
    .video p {
        font-size:14px;
    }
    .video p strong {
        font-size:23px;
        margin-top:5px;
    }
    .view_list li {
        padding:10px 20px 220px !important;
        margin-top:30px;
        min-height:25px;
    }
    .view_list li.view_1_3 {
        padding-bottom:260px !important;
    }
    /*.view_list li:before {
        width:35px;
        height:35px;
        right:30px;
    }*/
    .view_list li h4 {
        font-size:30px;
    }
    .view_list li h4 ~ h5 {
        font-size:14px;
        line-height:20px;
        margin-bottom:15px;
    }
    .view_list li p {
        font-size:12px;
        line-height:20px;
    }
    .view_list li p strong {
        margin-bottom:0;
    }
    .view_list li img {
        left:inherit !important;
        right:30px !important;
    }
    .view_list li img.view_2_2_img {
        right:0 !important;
        transform:rotateY(180deg) !important;
    }
    [data-aos^=fade][data-aos^=fade].aos-animate
    .view_list li img.view_1_2_img {
        right:140px !important;
    }
    .view_list li img.view_1_3_img {
        bottom:-130px !important;
    }
    .signup h4,
    .application h4 {
        font-size:30px;
        line-height:40px;
        margin:40px 0;
    }
    .terms_group p {
        font-size:18px;
    }
    .service > div {
        min-height:307px;
    }
    .service > div ul li img,
    .service > div table th img {
        width:30px;
        margin-right:5px;
    }
    .service > div table tr:nth-child(3) th img {
        width:25px;
    }
    .service > div ul li {
        font-size:14px;
        height:50px;
    }
    .service > div table th, .service > div table td {
        line-height:50px;
    }
    .service > div table tr th {
        font-size:14px;
        padding:0 0 0 50px;
        
    }
    .service > div table tr td {
        padding:0 0 0 90px;
        font-size:14px;
    }
    .success_story dl dd strong {
        margin:10px 0;
        font-size:14px;
        line-height:20px;
        height:40px;
    }
    .information > div p {
        font-size:15px;
        line-height:22px;
    }
    .information > div p strong {
        font-size: 17px;
    }
    footer img {
        width:150px;
    }
    footer p {
        font-size:10px;
        line-height:15px;
    }
    footer p strong {
        font-size:15px;
    }
    .view_list li .btn_blue {
        justify-content: flex-start;
    }
    .view_list li .btn_blue a {
        width:180px;
        line-height: 35px;
        font-size:14px;
    }
    .pop_up.login h6 {
        font-size:26px;
    }
    .notice_board_box .notice_board {
		padding:20px;
		width:calc(50% - 7px);
	}
	.notice_board_box .notice_board:last-child {
		margin-left:14px;
	}
    .notice_board_box .notice_board > h3 {
		padding-bottom:10px;
	}
	.notice_board_box .notice_board table tr th,
	.notice_board_box .notice_board table tr td {
		font-size:14px;
		line-height:25px;
	}
    .notice_board_box .notice_board .more_btn {
		top:25px;
	}
}
@media screen and (max-width:1023px){
    header {
        position:fixed;
        top:0;
        background:#fff;
        padding:10px 50px;
    }
    header.on {
        background:#0C1A40 ;
        transition: 1.2s;
    }
    .shortcuts {
        position:fixed;
    }
    .menu_box .right {
        margin-top:0;
    }
    .swiper-button-prev {left:10px !important; width:40px !important; height:40px !important;}
    .swiper-button-next {right:10px !important; width:40px !important; height:40px !important;}
    .slider_box {
        max-width:100%;
        height:calc(100vh - 140px);
        max-height:100%;
        top:140px;
        left:0;
        transform:none;
    }
    .slider_box .text_group {
        width:30%;
    }
    .slider_box .main_img {
        width:65%;
    }
    h2 {
        font-size:30px;
    }
    .h2_tab {width:300px;}
    .h2_tab li {
        font-size:14px;
        padding:0;
    }
    .main_circle div {
        width:180px;
        height:180px;
        font-size:45px;
        line-height:55px;
    }
    .user_circle_text {
		font-size:14px;
	}
    .visual.view {
        margin-top:78px;
    }
    .visual.view img {
        margin-top:0;
    }
    .view_page > div {
        padding:20px 30px;
    }
    .view_page > div h5 {
        font-size:20px;
        line-height:30px;
        margin-bottom:30px;
    }
    .view_page > div h5 > span {
        font-size:12px;
    }
    .view_page > div img {
        margin:0 0 15px;
    }
    .swiper-pagination.swiper-pagination-bullets{
        bottom:20px !important;
    }
    .mouse {display:none;}
    .main_contents.no_img {
        padding-top: 100px;
    }
    .video iframe {
        margin:30px 0;
        height:350px;
    }
    .view_list li {
        padding:10px 20px 110px !important;
    }
    .view_list li img {
        width:280px;
    }
    .view_list li img.view_1_2_img,
    .view_list li img.view_3_1_img,
    .view_list li img.view_3_2_img {
        height:250px;
    }
    .view_list li img.view_1_3_img {
        bottom:-70px !important;
    } 
    .view_list li img.view_2_1_img {
        width:240px;
    }
    .view_list li img.view_2_2_img {
        height:210px;
        bottom:30px;
    }
    .view_list li img.view_2_3_img {
        height:250px;
        bottom:0;
    }
    .signup h4,
    .application h4 {
        font-size:20px;
        line-height:30px;
    }
    .con_box li.event {
        height:245px;
    }
    .con_box li.event.long {
        height:384px;
    }
    .service > div {
        width:100%;
        margin-left:0;
        min-height:inherit;
    }
    .service > div strong,
    .application > div h5 {font-size:20px;}
    .application > div h5 ~ p {
        font-size:12px;
        margin-bottom:5px;
    }
    .application > ul li {
        height:150px;
    }
    .application > ul li strong {
        line-height:30px;
        font-size:17px;
    }
    .application > ul li:last-child strong + span {
        margin-top: 20px;
    }
    .application > ul li p {
        font-size:12px;
    }
    .application > ul + p,
    .application > ul + p + p {
        font-size:12px;
        line-height:20px;
    }
    .application_ul li {
        height:140px;
    }
    .application_ul li a {   
        font-size:30px;
    }
    .application_ul.small li {
        height:70px;
    }
    .application_ul.small li a {
        font-size:18px;
    }
    .service > div table {width:100%;}
    .service > div table tr th,
    .service > div table tr td {
        padding:0 10px;
    }
    .information > div p {
        width:calc(100% - 150px);
    }
    .information.pc > div p {
        width:calc(100% - 350px);
    }
    .information > div p br {
        display:none;
    }
    .information > div > div {
        width:150px;
        border-radius:20px;
        padding:20px 5px;
    }
    .information.pc > div > div {
        width:350px;
    }
    .pop_up.login h6 {
        font-size:24px;
    }
    .pop_up.login ul li .camera,
    .pop_up.login ul li .photo {
        height:200px;    
    }
}
@media screen and (max-width:800px){
    .wrap {min-height:calc(100vh - 169px)}
    header {padding:10px 5%;}
    h1 {
        width:120px;
    }
    .menu {
        margin:13px 0; 
        width:30px;
        height:20px;
    }
    .menu span {
        height:3px;
    }
    header.on .menu span:nth-of-type(1) {transform: translateY(9px) rotate(-45deg);}
    header.on .menu span:nth-of-type(3) {transform: translateY(-7px) rotate(45deg);}
    .menu_left_btn {
		margin:8px 13px;
	}
    .menu_box {
        background-size:400px
    }
    .menu_box .menu_group {
        margin:90px 0 0;
        height:calc(100% - 110px);
    }
    .menu_box .menu_group ul {
        width:100%;
    }
    .menu_box .border {
       width:0;
    }
    .menu_box .right {
        width:100%;
        height:calc(100% - 300px);
        margin:0;
        display:flex;
        flex-direction: column;
        justify-content:space-between;
    }
    .menu_box .right .btn_group span {
        margin-bottom:10px;
    }
    .slider_box {
        padding:10px 0;
        height: calc(100vh - 146px);
        top: 146px;
    }
    .slider_box .text_group {
        width:100%;
        height:100%;
        justify-content: space-between;
        position:absolute;
    }
    .slider_box .text_group span {
        width:100% !important;
        height:70px;
    }
    .slider_box .text_group span img {
        width:auto;
        height:80%;
    }
    .slider_box .text_group p {
        width:85%;
        margin:0 auto 30px;
        font-size: 18px;
    }
    .slider_box .text_group p strong {
        font-size:34px;
        line-height: 42px;
    }
    .slider_box .shortcuts_icon {
		bottom: 60px;
	    right: 40px;
	    width: 60px;
	    height: 60px;
	    background-size: 60px;
	}
    .slider_box .main_img {
        width:85%;
        height:calc(100vh - 430px);
        float:none;
        margin:80px auto;
    }
    .main_circle {
        flex-direction: column;
    } 
    .main_circle div {
        margin-top:50px;
    }
    .main_circle div:first-child {
        margin-top:0;
    }
    .visual.view {
        margin-top:66px;
    }
    h2.title ~ P {
        font-size:14px;
    }
    .main_contents,
	.main_contents + .contents {
        max-width:none;
        width:calc(100% - 10%);
        margin-left:10%;
        overflow-x:auto;
        margin-top:20px !important;
    }
    .main_contents.list,
	.main_contents + .contents,
	.main_contents.notice_con {
        max-width:100%;
        margin:0 auto; 
        overflow: inherit;
    }
    .con_box {
        width:800px;
        padding:0 9% 0 0;
    }
    .features,
    .success_story {
        flex-direction:column;
    }
    .features > div,
    .success_story dl {
        max-width:100%;
        margin:20px 0 0;
        padding:20px 0 0;
        border-left:none;
        border-top:1px solid #e6e6e6;
    }
    .success_story.sub dl {
        max-width:100%;
    }
    .features > div:first-child,
    .success_story dl:first-child {
        margin-top:0;
        padding-top:0;
    }
    .success_story dl dt img {
        max-width:100%;
    }
    .video {
        padding:0;
    }
    .video iframe {
        height:210px;
    }
    .view_list li {
        padding-bottom:250px !important;
        overflow:hidden;
    }
    .view_list li.view_1_1 {
        padding-bottom:200px !important;
    }
    .view_list li.view_1_3 {
        padding-bottom:80px !important;
        overflow:inherit;
        margin-bottom:50px;
    }
    .view_list li img.view_2_2_img {
        left:0 !important;
        right:inherit !important;
    }
    .view_list li img.view_2_2_img[data-aos^=fade][data-aos^=fade].aos-animate {
        transform: translateZ(0) !important;
    }
    .view_list li.view_3_1,
    .view_list li.view_3_2 {
        padding-bottom:280px !important;
    }
    .success_story dl dd strong {
        margin:10px 0;
    }
    .terms_group,
    .signup,
    .login,
    .service,
    .application,
    .view_page {
        margin:20px auto;
    }
    .terms_group p {
        font-size:14px;
    }
    .terms_group label span {
        font-size:12px;
    }
    .bottom_btn_group span {
        font-size:15px;
        width:100%;
        line-height:40px;
        margin:15px 7px 0;
    }
    .bottom_btn_group.app span {
        margin-top:50px;
    }
    .bottom_btn_group.app span img {
        width:120px;
    }
    .signup .two_lines {
        display:block;
        overflow:hidden;
    }
    .signup p input {
        width:100%;
        height:32px;
    }
    .signup .two_lines input,
    .signup .two_lines span {
        margin-bottom:15px;
    }
    .signup p input.btn_input {
        width:calc(100% - 90px);
    }
    .signup p input ~ span{
        line-height:32px;
        margin-right:0;
    }
    .signup p .red {
        position: initial;
    }
    .signup p .red .behind {
        margin-left:0;
    }
    .login input {
        height:40px;
        margin-bottom:10px;
    }
    .lock {
        font-size:12px;
        margin:5px auto 10px;
        width:135px;
    }
    .login .lock {
        margin-top:-5px
    }
    .login .bottom_btn_group span {
        margin:0 0 10px;
    }
    .service > div {padding:20px 20px 10px;}
    .service > div ul li {
        width:100%;
        margin:5px 0;
    }
    .service > div table col:first-child {width:35px !important;}
    .service > div table tr th {border-right:none;}
    .service > div table tr th span {display:none;}
    .service > div table tr td {padding:5px 15px; line-height:25px; border-left:none; font-size:12px;}
    .service > div table tr td strong {
        display:block;
        font-size:16px;
        margin:0;
        text-align:left;
    }
    .application > div {
        margin-bottom:30px;
        padding:20px;
    }.application > div h5 ~ p {
        padding-left:13px;
    }
    .application > div table col:nth-of-type(1),
    .application > div table col:nth-of-type(3) {
        width:85px !important;
    }
    .application > div table th {
        font-size:12px;
        line-height:18px;
        padding-left:11px;
    }
    .star:before {
        left:5px;
    }
    .application > div table th br {
        display:block;
    }
    .application > div table td {
        padding:5px;
    }
    .application > div table td input[type="tel"].tel {
        min-width:100%;
    }
    .application > div table td label span {
       font-size: 12px;
        line-height:20px;
    }
    .application > div table td .btn_blue {
        margin-right:0;
    }
    .application > div table td input[type="text"].more_short + strong {
        font-size: 12px;
    }
    .application > div table td p.help {
        font-size:10px;
    }
    .application > ul li {
        width:calc(50% - 10px);
        margin-bottom:20px;
        margin-left:20px;
    }
    .application > ul li:nth-of-type(odd) {
        margin-left:0;
    }
    .application_ul {
        flex-wrap: wrap;
    }
    .application_ul li {
        width:calc(50% - 20px);
        height:70px;
    }
    .application_ul li a {
        font-size:18px;
        border-radius:20px;
    }
    .information > div {
        width:100%;
        margin-top:20px !important;
    }
    .information.pc > div {
        flex-direction:column;
    }
    .information > div:nth-of-type(even) p { 
        order:1;
    }
    .information.pc > div p { 
        order:2;
        margin:10px 0 20px;
    }
    .information.pc > div > p {
        width:100%;
    }
    .information > div:nth-of-type(even) > div { 
        order:2;
    }
    .information.pc > div > div { 
        order:1;
        margin:0;
    }
    .information.pc > div > div {
        width:100%;
    }
    .page span {
        font-size:12px;
    }
    .page span.forward, 
    .page span.backward {
           background:url(../images/icon_page.png) 50%/8px no-repeat; 
    }
    footer {
        flex-direction: column;
        text-align:center;
    }
    footer strong {
        display:none;
    }
    footer p {
        line-height:15px;
        margin:10px 0 0;
    }
    footer p br:nth-of-type(1) {display:none;}
    footer p span {display:none;}
    footer .m_block {display:block;}
    .pop_up.login {
        /* display:none !important; */
    }
    .notice_board_box {
	    flex-direction: column;
	}
	.notice_board_box .notice_board {
		width:100%;
	}
	.notice_board_box .notice_board:last-child {
		margin:15px 0 0 0;
	}
}
@media screen and (max-width:600px){
    .application > div table td p.help {
        line-height:14px;
        margin-left:0;
    }
}
body svg {
	display:block;
}
.text_hide {
	display:none !important;
}