@charset "utf-8";

@font-face{font-family:'Noto Thin';font-style:normal;src:url(../../font/NotoSans-Thin.woff2) format("woff2"),url(../../font/NotoSans-Thin.woff) format("woff")}
@font-face{font-family:'Noto Light';font-style:normal;src:url(../../font/NotoSans-Light.woff2) format("woff2"),url(../../font/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'Noto DemiLight';font-style:normal;src:url(../../font/NotoSans-DemiLight.woff2) format("woff2"),url(../../font/NotoSans-DemiLight.woff) format("woff")}
@font-face{font-family:'Noto Regular';font-style:normal;src:url(../../font/NotoSans-Regular.woff2) format("woff2"),url(../../font/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:'Noto Medium';font-style:normal;src:url(../../font/NotoSans-Medium.woff2) format("woff2"),url(../../font/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'Noto Bold';font-style:normal;src:url(../../font/NotoSans-Bold.woff2) format("woff2"),url(../../font/NotoSans-Bold.woff) format("woff")}
@font-face{font-family:'Noto Black';font-style:normal;src:url(../../font/NotoSans-Black.woff2) format("woff2"),url(../../font/NotoSans-Black.woff) format("woff")}

*{font-size:17px;}
.sub #subContainer #subContent #contentsEditHtml #_contentBuilder .multipleDiv .multipleContentsDiv ._objHtml{font-size:17px;}

._contentBuilder ._obj._objHeading .objHeading_h2,
._contentBuilder ._obj._objHeading .objHeading_h3{font-size:20px;}
._fnctWrap h2{font-size:20px;}
._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;padding-left:0;background-image:none;}
._contentBuilder ._obj._objHtml table th, ._contentBuilder ._obj._objHtml table td, ._contentBuilder ._obj._objTag table th, ._contentBuilder ._obj._objTag table td{word-break:keep-all;}

/***********layout***********/
.li_1_58383{width:130px;}
.li_1_58385{width: 135px;}

.li_1_58383 > a{padding:13px 0;}
.li_1_58385 > a{padding:13px 0;}

#header .container .wrap-logo .eng-title{font-size: 17px;color: #9ac2e4;line-height: 1.4;}

@media all and (max-width:1400px) {
  #header .container{width:100%;}
  #footer .wrap-address .container{width:100%;}
}

@media all and (max-width:1023px) {
  .li_1_58383{width:100%;}
  .li_1_58385{width:100%;}

  .li_1_58383 > a{padding:25px 0;}
  .li_1_58385 > a{padding:25px 0;}
}

@media all and (max-width:767px) {
  #header .container .wrap-logo .eng-title{display:none;}
}

/***********main***********/

/*login*/
#menu58375_obj949{position: absolute;left: 50%;top: 55px;text-align: right;z-index: 99;width: 1400px;transform: translate(-50%, 0);}

/*main-visual*/
#menu58375_obj344{position:absolute;top:50%;left:50%;transform: translate(-50%, -45%);z-index:9;}
.visual-slogan{color:#fff;padding:50px 0 50px 60px;background:url('./../../images/visual-box.png') no-repeat left top;}
.visual-slogan strong{font-size:36px;display:block;font-weight: normal;line-height: 1.2;margin-bottom: 5px;}
.visual-slogan p{font-size:40px;}
.visual-slogan p span{color: #005baa;font-size: 40px;}

@media all and (max-width:1400px) {
  #menu58375_obj344,
  #menu58375_obj949{width:100%;}
}

@media all and (max-width:1023px) {
  #menu58375_obj949{top:90px;padding-right:25px;box-sizing:border-box;}

  .visual-slogan{background-size:200px;background-position: 25px top;}
  .visual-slogan strong{font-size:22px;}
  .visual-slogan p{font-size:24px;}
}

@media all and (max-width:767px) {
  #menu58375_obj344{display:none;} 
  #menu58375_obj949{padding-right:0;text-align:center;top:30px;}
}

/*main-contents*/
#multipleDiv_junghyun_115{padding: 40px 0 40px;background-color: #f4f6f9;}

.main-banner{}
.main-banner ul li{overflow: hidden;display:table;table-layout:fixed;width: 100%;}
.main-banner ul li > div{height:220px; vertical-align:middle; text-align:center; display:table-cell; width:50%;}
.main-banner ul li.banner01 .icon{background:url('../../images/new-back01.png') no-repeat center;position:relative;}
.main-banner ul li.banner01 .icon:before{content:'';background:url('../../images/edge.png') no-repeat center;position:absolute;width:22px;height:30px;right:-1px;top:50%;margin-top:-15px;}
.main-banner ul li.banner02 .icon{background:url('../../images/new-back02.png') no-repeat center;position:relative;}
.main-banner ul li.banner02 .icon:before{content:'';background:url('../../images/edge.png') no-repeat center;position:absolute;width:22px;height:30px;left:-1px;top:50%;margin-top:-15px;transform:rotate(180deg);}
.main-banner ul li .icon{height: 220px;background-size: cover !important;}
.main-banner ul li .icon img{vertical-align: middle;}
.main-banner ul li .text{background: #fff;}
.main-banner ul li .text p{font-size:18px;}
.main-banner ul li .text p strong{display:block;}
.main-banner ul li .text p span{}
.main-banner ul li .text a.link-btn{display:inline-block;background-color:#e2e2e2;border-radius:20px;padding: 5px 20px;margin-top: 20px;font-size: 14px;width: 70px;}

@media all and (max-width:1400px) {
  #multipleContentsDiv_junghyun_115{width:100%;padding:0 15px;box-sizing:border-box;}
}

@media all and (max-width:1023px) {
  #multipleDiv_junghyun_115{padding:50px 0 70px;}
}

@media all and (max-width:767px) {
  .main-banner ul li .text p strong{font-size:16px;}
  .main-banner ul li .text p span{font-size:14px;}
}

/**sub**/
#subContainer #subContent{padding-bottom:60px;}

@media all and (max-width:1400px) {
  #visual .container{width:100%;}
  #subContainer .container{width:100%;}

}

@media all and (max-width:1400px) and (min-width:1025px){
  #subContainer #subContent{width:calc(100% - 320px);}
}

/***contents**/

.tableWrap{overflow-x:auto; }
.tableWrap table{min-width:800px;}
.tableWrap table caption{width:0; height:0; position:relative;}
.tableWrap table thead th{background-color: #fffef6 !important;font-weight:600;border-bottom:1px solid #ddd;padding:10px 5px;border-right:1px solid #ddd;color: #3e2d27;}
.tableWrap table thead th:last-child{border-right:none;}
.tableWrap table tbody td{border-bottom:1px solid #ddd; padding:10px 5px 10px 10px;  border-right:1px solid #ddd; font-weight:300;word-break: keep-all;}
.tableWrap table tbody td:last-child{border-right:none;}
.tableWrap table tbody th{background-color:#fffef6 !important; font-weight:600; border-bottom:1px solid #ddd; padding:10px 5px; border-right:1px solid #ddd;color:#3e2d27;}
.tableWrap table tbody th:last-child{border-right:none;}

#introduceBox .desc{width:60%;}
#introduceBox .thumb{width:30%;}
#introduceBox.animal-sp .thumb .sign{left:50%;bottom: -60px;top:initial;border-radius: 3px;width: 210px;height: 115px;padding: 2px;background: #2e5c51;}
#introduceBox.animal-sp .thumb .sign p{font-size: 15px;padding: 15px 15px 8px 15px;border: 1px solid #fff;border-radius: 3px;}
#introduceBox.animal-sp .thumb .sign em{font-size:24px;}

@media all and (max-width:767px) {
  #introduceBox .thumb{width:100%;margin-bottom:30px;text-align:center;}
  #introduceBox .desc{width:100%;}
  #introduceBox.animal-sp .thumb .sign{bottom:20px;left:initial;right:0;}
  #introduceBox .desc h3{font-size:16px;line-height:1.4;}
}

@media (min-width: 601px) and (max-width: 700px){
  #introduceBox .thumb .sign {left: initial !important;}
}

.animal-process{padding: 30px 0;margin:0 auto;text-align:center;}
.animal-process .round{color:#435eaa;font-size:15px;border-radius:100px;padding: 10px 0;border:10px solid #4da0e7;width:200px;font-weight:bold;margin:0 auto;line-height: 1.3;box-sizing:border-box;}
.animal-process .box00{border-color:#4d67ab;}
.animal-process .box01{border-color:#4da0e7;position:relative;}
.animal-process .box01:before{content:'';width:11px;height:87px;background:url('../../images/arrow02.png') no-repeat left top;display:block;position:absolute;left:50%;top: 60px;margin-left: -20px;}
.animal-process .box01:after{content:'';width:11px;height:87px;background:url('../../images/arrow02.png')  no-repeat left top;display:block;position:absolute;left:50%;top: 60px;transform:rotate(180deg);margin-left: 10px;}
.animal-process .box02{border-color:#4dbde7;padding: 15px 0;margin-bottom: 100px;position: relative;}
.animal-process .box02:before{content:'';width:130px;height:12px;background:url('../../images/arrow04.png')  no-repeat left top;display:block;position:absolute;left: 50%;bottom: -45px;margin-left: -180px;}
.animal-process .box02:after{content:'';width:40px;height:63px;background:url('../../images/b-arrow.png')  no-repeat left top;display:block;position:absolute;left: 50%;bottom: -95px;margin-left: -20px;}
.animal-process .box03{border-color:#8f96d8;margin-bottom: 95px;position: relative;}
.animal-process .box03:after{content:'';width:40px;height:63px;background:url('../../images/b-arrow.png')  no-repeat left top;display:block;position:absolute;left: 50%;bottom: -90px;margin-left: -20px;}
.animal-process .box04{border-color:#4c6094;position:relative;}
.animal-process .box04:after{content:'';width:257px;height:638px;background:url('../../images/arrow05.png') no-repeat left top;display:block;position:absolute;right: -340px;bottom: 15px;}

.animal-process .top-line{padding-bottom: 110px;position:relative;}
.animal-process .top-line .text01{font-size:16px;font-weight:bold;position:absolute;top: -15px;right: 330px;color: #435eaa;}
.animal-process .top-line .text01:before{content:'';width:70px;height:12px;top: 30px;right: -17px;background: url('../../images/arrow01.png') no-repeat left center;display: block;position: absolute;}
.animal-process .top-line .text01:after{content:'';width:70px;height:12px;top: 47px;right: -18px;background: url('./../../images/arrow01.png') no-repeat left center;transform:rotate(180deg);display: block;position: absolute;}
.animal-process .top-line .text02{color:#666;font-size:14px;position:absolute;top: 70px;right: 150px;width: 210px;padding-right:10px;text-align: left;line-height: 1.3;}
.animal-process .top-line .text02:after{content:'';width:165px;height:42px;position:absolute;top: 80px;left: 30px;background: url('./../../images/arrow03.png') no-repeat left center;display:block;}
.animal-process .top-line .text02 strong{font-size:18px;font-weight:bold;display:block;color: #333;margin-bottom: 5px;}
.animal-process .top-line .box00{position:absolute;top: 0;right:0;}

.animal-process .bottom-line{position:relative;}
.animal-process .bottom-line .text03{padding:35px 25px 25px;background:#eee;border-radius:25px;font-size:14px;color:#666;position:absolute;top:0;left:0;}
.animal-process .bottom-line .text03 strong{font-size:18px;color:#333;font-weight:bold;display:block;margin-bottom:10px;}

.animal-process .bottom-line .text04{font-size:16px;color:#435eaa;font-weight:bold;position:absolute;right:400px;top: 105px;}
.animal-process .bottom-line .jud{width: 72%;margin: 0 auto;padding-top: 60px;margin-bottom: 95px;position:relative;}
.animal-process .bottom-line .jud:before{content:'';width: 528px;height:5px;background:url('../../images/line02.png') left top;display:block;position:absolute;left: 50%;top: 8px;margin-left: -263px;}
.animal-process .bottom-line .jud:after{content:'';width:40px;height:63px;background:url('../../images/b-arrow.png')  no-repeat left top;display:block;position:absolute;left: 50%;bottom: -80px;margin-left: -20px;}
.animal-process .bottom-line .jud li{display:inline-block;vertical-align:top;width:calc(100% / 3 - 45px);font-size:16px;color:#666;padding:10px;border:1px solid #d4d4d4;position:relative;}
.animal-process .bottom-line .jud li:before{content:'';width:6px;height:40px;background:url('../../images/line01.png') left top;display:block;position:absolute;left:50%;top: -45px;margin-left:-3px;}
.animal-process .bottom-line .jud li + li{margin-left:30px;}
.animal-process .bottom-line .text05{font-size:16px;color:#435eaa;font-weight:bold;position:absolute;right: 180px;bottom: -25px;}

.animal-process .bottom-line .p-mobile{display:none;}

@media all and (max-width:1400px) {
  .animal-process .top-line .text01{right:280px;}
  .animal-process .bottom-line .text04{right:300px;}
  .animal-process .bottom-line .jud:before{width:70%;margin-left:-35%;}
}

@media all and (max-width:1250px) {
  /** .animal-process .bottom-line .text03{position:initial;}**/
  .animal-process .round{margin:0 auto 0 0;}
  .animal-process .box02{margin-bottom:100px;}
  .animal-process .box03{margin-bottom:95px;}
  .animal-process .bottom-line .jud{margin:0 auto 95px 0;width:200px;padding-top:0;}
  .animal-process .bottom-line .jud li{width:200px;display:block;box-sizing:border-box;}
  .animal-process .bottom-line .jud li + li{margin-left:0;margin-top:60px;}
  .animal-process .bottom-line .jud:before{display:none;}
  .animal-process .bottom-line .text03{left:280px;top:100px;}
  .animal-process .top-line .text01{right:unset;left:300px;}
  .animal-process .top-line .box00{right:unset;left:380px;}
  .animal-process .top-line .text02{right:unset;left:380px;}
  .animal-process .bottom-line .jud li:nth-child(1):before{display:none;}
  .animal-process .box04:after{display:none;}
  .animal-process .top-line .text02{right:unset;left:280px;}
  .animal-process .top-line .text02:after{display:none;}
  .animal-process .box02:before{display:none;}
  .animal-process .bottom-line .text04{right:unset;left:140px;}
  .animal-process .bottom-line .text05{right:unset;left:180px;bottom:100px;}

  .animal-process .box04{margin-bottom:95px;}
  .animal-process .box04:after{content: '';width: 40px;height: 63px;background: url(../../images/b-arrow.png) no-repeat left top;display: block;position: absolute;left: 50%;bottom: -90px;margin-left: -20px;}

  .animal-process .bottom-line .p-mobile{display:block;}
  .animal-process .box04.p-mobile:after{display:none;}
}

@media all and (max-width:767px) {
  .animal-process .top-line .box00{position:initial;}
  .animal-process .bottom-line .text03{position:initial;}
  .animal-process .bottom-line .text04{position:initial;margin: 30px 0;}
  .animal-process .bottom-line .text05{position:initial;margin: 30px 0;}

  .animal-process .round,
  .animal-process .bottom-line .jud,
  .animal-process .bottom-line .jud li{width:100%;}
  .animal-process .box01{margin-bottom: 120px;}
  .animal-process .box01:before,
  .animal-process .box01:after{top: 400px;}
  .animal-process .top-line .text01{position:initial;text-align:center;width:100%;margin:30px 0;}
  .animal-process .top-line .text01:before{width: 11px;height: 87px;background: url(../../images/arrow02.png) no-repeat left top;display: block;position: absolute;left: 50%;top: 75px;margin-left: -20px;right:unset;}
  .animal-process .top-line .text01:after{width: 11px;height: 87px;background: url(../../images/arrow02.png) no-repeat left top;display: block;position: absolute;left: 50%;top: 75px;transform: rotate(180deg);margin-left: 10px;right:unset;}
  .animal-process .top-line .text02{position:initial;text-align:center;width:100%;margin:30px 0;}
}


/**footer**/
.wrap-address b{font-size:14px;}
#footer .wrap-address .container .address strong{font-size:14px;}
#footer .wrap-address .top{background: #333;}
#footer .wrap-address .top .container{padding: 15px 0 10px;}
#footer .wrap-address .bottom{background:#333;}
#footer .wrap-address .bottom .container{padding:30px 0;}
#footer .wrap-address .container .clear-fix li + li{border-left:0;}
#footer .wrap-address .container .clear-fix li a{color:#fff;}

@media all and (max-width:1023px) {
  #footer .wrap-address .container{box-sizing:border-box;}
  #footer .wrap-address .bottom .container{padding:15px 0 100px;}
  #footer .wrap-address .bottom .container:after{right:50%;top:65%;}
  #footer .wrap-address .container:after{top:unset;bottom:20px;right:50%;margin-right:-80px;}
  #footer .wrap-address .container .address{margin:10px 0;text-align:center;padding: 0 15px;}
  #footer .wrap-address .container .address strong{display:block;}
  #footer .wrap-address .container .clear-fix{text-align:center;}
}

@media all and (max-width:767px) {
  #footer .wrap-address .container:after{display:block !important;}
  #footer .wrap-address .container .clear-fix li a,
  #footer .wrap-address b{font-size:12px;}
  #footer .wrap-address .container .clear-fix li + li{padding-left:3px;margin-left:3px;}
}

._objWidget .appoint p{font-size: 17px;line-height:1.4;color:#333;text-align:left;word-break:keep-all;}







/***intro***/
.intro ._contentBuilder{display:none;}
.intro .container{width:1400px;margin: 0 auto;}
.intro .top{padding-top: 45px;box-sizing:border-box;background: #f5e9e2 url(../../images/intro/intro-bg.jpg) no-repeat left top;/*height: 480px;*/font-size:0;}
.intro .top .title{display:inline-block;width: calc(100% - 820px);font-size:17px;padding:130px 0;box-sizing:border-box;vertical-align: top;}
.intro .top .title > img{display:block;margin-bottom: 3px;color:#fff;}
.intro .top .title > strong{display:block;font-weight:normal;font-family:'Noto Bold';margin-bottom:10px;color:#fff;font-size: 57px;letter-spacing: -1px;}
.intro .top .title > p{font-size:19px;color:#fff;}
.intro .top .title > p > span{color:#fff;font-size:21px;}
.intro .top .intro-img{display:inline-block;/* width: 815px; */box-sizing: border-box;vertical-align: bottom;}

.intro .bottom{padding:35px 0;}
.intro .bottom .container > ul {width:60%;display: inline-block;vertical-align: top;}
.intro .bottom .container > ul > li{display:inline-block;vertical-align:top;width:calc(100% / 2 - 35px);padding: 0 0 20px 20px;box-sizing: border-box;position:relative;}
.intro .bottom .container > ul > li:before{content:'';width: 85%;height: 85%;background:#ccc;position:absolute;left:0;bottom:0;z-index:-1;}
.intro .bottom .container > ul > li .inner{background:#0c64d1;text-align:center;padding: 100px 20px 70px;box-sizing:border-box;box-shadow: rgb(0 0 0 / 20%) 8px 8px 12px;}
.intro .bottom .container > ul > li .inner strong{color:#fff;font-weight:normal;font-size: 25px;display:block;margin-bottom: 40px;letter-spacing: -.5px;}
.intro .bottom .container > ul > li .inner > a{color: #fff;display: block;width:180px;padding: 10px 0;border:1px solid #fff;margin: 0 auto;}
.intro .bottom .container > ul > li + li{margin-left:40px;}
.intro .bottom .container > ul > li + li .inner{background:#0cbcd1;}
.intro .bottom .text-box{display:inline-block;vertical-align:top;width: 30%;margin-left: 5%;text-align:center;padding-top: 15px;box-sizing: border-box;}
.intro .bottom .text-box > img{margin: 0 auto 20px;}
.intro .bottom .text-box > p{color:#001a3a;font-size:23px;display: inline-block;vertical-align:top;line-height: 1.6;font-family: 'Noto Regular';letter-spacing: -1px;background: linear-gradient(to top, #d6e3f5 25%, transparent 25%);}

.intro .footer{background:#00142d;color:#fff;border-top:10px solid #1d6dd0;padding: 35px 0;font-size: 16px;}
.intro .footer .detail{display:inline-block;vertical-align:top;}
.intro .footer .detail .adress{padding-left: 30px;font-size: 16px;position:relative;line-height: 30px;}
.intro .footer .detail .adress:before{content:'';width:30px;height:30px;background: url('../../images/intro/icon-location.png') no-repeat center;position:absolute;left:0;top: 0;}
.intro .footer .detail .tel{padding-left: 35px;font-size: 16px;position:relative;display: inline-block;line-height: 31px;margin-right: 25px;}
.intro .footer .detail .tel:before{content:'';width:30px;height:30px;background: url('../../images/intro/icon-phone.png') no-repeat center;position:absolute;left:0;top:2px;}
.intro .footer .detail .fax{padding-left: 35px;font-size: 16px;position:relative;display: inline-block;line-height: 33px;}
.intro .footer .detail .fax:before{content:'';width:30px;height:30px;background: url('../../images/intro/icon-fax.png') no-repeat center;position:absolute;left:0;top:2px;}
.intro .footer .copy{display:inline-block;vertical-align:top;margin-left: 10%;line-height: 1.8;}
.intro .footer .copy > p{color:rgba(255,255,255,0.5);font-size:16px;}
.intro .footer .footer-logo{display: inline-block;vertical-align:top;float: right;padding-top: 5px;}

@media all and (max-width:1400px) {
  .intro .container{width:100%;}
  .intro .top .title > img{width:150px;}
  .intro .top .title > strong{font-size:48px;line-height:1.2;}
  .intro .top .title > p > span{font-size:18px;}
  .intro .top .title > p{font-size:17px;word-break: keep-all;line-height: 1.6;}


  .intro .top .title{padding:100px 0;}
  .intro .top{padding: 45px 25px 0;height: 460px;}
  .intro .top .intro-img{width: 55%;text-align: right;float: right;}
  .intro .top .intro-img > img{width: 100%;}
  .intro .bottom{padding:35px 25px;}

  .intro .footer .copy{margin-left:2%;}
}

@media all and (max-width:1200px) {
  .intro .top{height:auto;background-color:#fff;margin-bottom: 20px;}
  .intro .top .title{padding:20px 0;display:block;width:100%;text-align:center;}
  .intro .top .intro-img{width:580px;float:none;display:block;margin:20px auto 0;}
  .intro .top .title > img{margin:0 auto 5px;}

  .intro .bottom .container > ul{width:55%;}
  .intro .bottom .container > ul > li{width: calc(100% / 2 - 15px);}
  .intro .bottom .container > ul > li + li{margin-left: 20px;}
  .intro .bottom .container > ul > li .inner strong{font-size:22px;}
  .intro .bottom .container > ul > li .inner > a{width:140px;}
  .intro .bottom .text-box{width:38%;}
  .intro .bottom .text-box > p{font-size: 21px;}

  .intro .footer .footer-logo{float:none;display:block;text-align:center;margin: 15px auto;}
}


@media all and (max-width:1023px) {
  .intro .top{background-position:center -80px;}
  .intro .bottom .container > ul{width:100%;margin-bottom:30px;}
  .intro .bottom .text-box{display:block;width:100%;margin-left:0;margin-bottom: 20px;}
  .intro .bottom .text-box > p{display:block;background:none;}
  .intro .footer .detail{display:block;margin-bottom:15px;text-align: center;}
  .intro .footer .detail .adress{/* display:inline-block; */}
  .intro .footer .copy{display:block;margin-left:0;text-align: center;}
  .intro .footer .detail .adress:before,
  .intro .footer .detail .tel:before,
  .intro .footer .detail .fax:before{display:none;}
  .intro .footer .detail .adress,
  .intro .footer .detail .tel,
  .intro .footer .detail .fax{padding-left:0;word-break: keep-all;line-height: 25px;}

}

@media all and (max-width:767px) {
  .intro .top{background-position:center -120px;}
  .intro .top .title > strong{font-size: 32px;word-break:keep-all;margin:15px 0;}
  .intro .top .intro-img{width:95%;}
  .intro .bottom .container > ul > li{width:100%;padding: 0 0 10px 10px;}
  .intro .bottom .container > ul > li + li{margin-top: 35px;margin-left:0;}
  .intro .bottom .container > ul > li .inner{padding:60px 20px 50px;}
  .intro .bottom .container > ul > li .inner strong{font-size:20px;}
  .intro .footer{padding:35px 25px;}
  .intro .footer .detail .tel,
  .intro .footer .detail .fax{display:block;margin-right: 0;line-height: 28px;}
  .intro .bottom .text-box > p{font-size:18px;word-break:keep-all;}
}