@charset "utf-8";

.wrap-contents .subject {text-align:left;}
.wrap-contents .subject h2 {position:relative; font-size:32px; margin: 50px 0 40px 0; padding: 25px 0 0 0; background: url('../../images/common/bul-page-title.png') no-repeat left top; line-height:1.2; font-family:'Roboto'; font-weight: 500; color: #151515;}
.wrap-contents .subject h2 span {position: relative; display: inline-block; vertical-align: middle;}

@media all and (max-width:500px) {
    .wrap-contents .subject h2 {font-size:27px;}
}

.wrap-contents .tab .tab_div {margin:0 0 50px 0;}
.wrap-contents .tab ul {display:inline-block; width:100%; }
.wrap-contents .tab ul li {position:relative; float:left; width:25%;}
.wrap-contents .tab ul li:after {content:''; position:absolute; right:0; top:50%; width:1px; height:20px; background:#dbdbdb; transform: translate(0, -50%);}
.wrap-contents .tab ul li:before {content:''; position:absolute; left:0px; bottom:-1px; width:100%; height:1px; background:#d6d6d6; z-index:1; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .tab ul li a {position: relative; display:block; width:100%; padding: 0 0 0 40px; font-size:16px; height:50px; line-height:50px; color:#6a6a6a; transition: .4s;}
.wrap-contents .tab ul li a:hover {background: #1e5ba8; color:#fff;}
.wrap-contents .tab ul li a::after {content: ''; position: absolute; left: 20px; top: 20px; width: 10px; height: 10px; background: #1e5ba8; border-radius: 100%;}
.wrap-contents .tab ul li._on a::after,
.wrap-contents .tab ul li._active a::after,
.wrap-contents .tab ul li a:hover::after {background: #fff;}
.wrap-contents .tab ul li._on a,
.wrap-contents .tab ul li._active a {background:#1e5ba8; color:#fff;}
.wrap-contents .tab .tab_div > a {display:none;}

@media all and (max-width:860px) {
    .wrap-contents .tab ul li {width:33.333% !important;}
}

@media all and (max-width:600px) {
    .wrap-contents .tab ul li {width:50% !important;}
}

@media all and (max-width:500px) {
    .wrap-contents .tab .tab_div {position:relative; margin:0 0 30px 0;}
    .wrap-contents .tab .tab_div > a {display:block; background:url('../../images/common/arrow_tab4.jpg') no-repeat right center; width:100%; font-size:18px; height:55px; line-height: 50px; padding:0 0 0 20px; color: #183d93; border:2px solid #183d93;}
    .wrap-contents .tab .tab_div > a.open { background:url('../../images/common/arrow_tab4_over.jpg') no-repeat right center;}
    .wrap-contents .tab ul {opacity:0; max-height:0px; overflow:hidden; position:absolute; left:0px; top:75px; z-index:110; transition:max-height, opacity 0s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-contents .tab ul.open {opacity:1; border: 1px solid #d1d1d1; max-height:1000px; transition:max-height, opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-contents .tab ul li {width:100% !important;}
    .wrap-contents .tab ul li {text-align:left;}
    .wrap-contents .tab ul li a {background:#fff; padding:0 0 0 15px; height:55px; line-height:55px;}
    .wrap-contents .tab ul li a:hover:after, .wrap-contents .tab ul li._on a:after, .wrap-contents .tab ul li._active a:after {display:none;}
    .wrap-contents .tab ul li a::after {display: none;}
}

.wrap-contents .tab2 > ul {position:relative; display:inline-block; width:100%; overflow:hidden;}
.wrap-contents .tab2 > ul:after {content:''; position:absolute; left:0px; top:24px; z-index:-1; width:100%; height:1px; background:#929db5;}
.wrap-contents .tab2 > ul:before {content:''; position:absolute; left:0px; top:80px; z-index:-1; width:100%; height:1px; background:#929db5;}
.wrap-contents .tab2 > ul > li {float:left; margin:0 10px 10px 0;}
.wrap-contents .tab2 > ul > li > a {display:block; font-size:16px; color:#3b4763; padding: 10px 25px; border-radius:100px; border:1px solid #929db5; background:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .tab2 > ul > li:hover > a, .wrap-contents .tab2 > ul > li._on > a {background:#c42605; border:1px solid #c42605; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .tab2 > a {display:none;}

@media all and (max-width:500px) {
    .wrap-contents .tab2 {position:relative;}
    .wrap-contents .tab2 > a {display:block; background:#018cff url('../../images/common/arrow_tab5.jpg') no-repeat right center; width:100%; font-size:18px; height:55px; line-height: 55px; padding:0 0 0 20px; color: #fff;}
    .wrap-contents .tab2 > a.open { background:#018cff url('../../images/common/arrow_tab5_over.jpg') no-repeat right center;}
    .wrap-contents .tab2 ul {opacity:0; max-height:0px; overflow:hidden; position:absolute; left:0px; top:75px; z-index:100; transition:max-height, opacity 0s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-contents .tab2 ul.open {opacity:1; max-height:1000px; transition:max-height, opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-contents .tab2 > ul {border-top:1px solid #929db5;}
    .wrap-contents .tab2 > ul > li > a {border-radius:0px;}
    .wrap-contents .tab2 ul li {width:100% !important; margin:-1px 0 0 0;}
    .wrap-contents .tab2 ul li {text-align:left;}
    .wrap-contents .tab2 ul li a {background:#fff; padding:0 0 0 15px; height:55px; line-height:55px;}
    .wrap-contents .tab2 ul li a:hover:after, .wrap-contents .tab ul li._on a:after, .wrap-contents .tab ul li._active a:after {display:none;}
}

.wrap-contents .menu-box {background:url('../../images/common/pattern-menu-box.png') left top; padding:6px;}
.wrap-contents .menu-box .inner {background:#fff; padding:25px;}
.wrap-contents .menu-box .inner ul {display:inline-block; width:100%;}
.wrap-contents .menu-box .inner li {position:relative; float:left; width:25%; padding:0 0 0 30px; margin:8px 0; background:url('../../images/common/bull_menu_box.png') no-repeat left 2px;}
.wrap-contents .menu-box .inner li:after {content:''; position:absolute; width:19px; height:23px; left:0px; top:0px; background:url('../../images/common/arrow_menu_box.png') no-repeat left center; transition:background-position 0.3s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-contents .menu-box .inner li:hover:after {background-position:right center; transition:background-position 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .menu-box .inner li a {color:#666; position:relative; font-size:17px;}
.wrap-contents .menu-box .inner li a:hover {color:#183d93;}
.wrap-contents .menu-box .inner li a:after {content:''; position:absolute; left:0px; bottom:-2px; width:0; height:1px; background:#183d93;}
.wrap-contents .menu-box .inner li a:hover:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

@media all and (max-width:860px) {
    .wrap-contents .menu-box .inner li {width:50%;}
}

@media all and (max-width:760px) {
    .wrap-contents .menu-box .inner li {width:100%;}
}

.wrap-contents .line-banner {position:relative; display:table; width:100%; padding: 20px 40px; background:#f6f6f6;}
.wrap-contents .line-banner:after, .wrap-contents .line-banner:before {content:''; position:absolute; left:0px; top:0px; width:10px; height:100%; background:#f6f6f6 url('../../images/common/pattern_line_banner.png') repeat-y left top; }
.wrap-contents .line-banner:before {left:auto; right:0px; }
.wrap-contents .line-banner .icon, .wrap-contents .line-banner .desc {display:table-cell; vertical-align:middle;}
.wrap-contents .line-banner .icon {width:80px;}
.wrap-contents .line-banner .icon img {display:block;}

.wrap-contents .line-banner .desc {padding:0 0 0 30px;}
.wrap-contents .line-banner .desc strong {font-size:26px; font-weight:normal; color:#2b3e5c; line-height:1.4;}
.wrap-contents .line-banner .desc p {font-size:16px; color:#333;}

@media all and (max-width:860px) {
    .wrap-contents .line-banner {text-align:center; padding:30px;}
    .wrap-contents .line-banner .icon, .wrap-contents .line-banner .desc {width:100%; display:block;}
    .wrap-contents .line-banner .icon {text-align:center; padding:0 0 10px 0;}
    .wrap-contents .line-banner .icon img {display:inline-block;}
    .wrap-contents .line-banner .desc {padding: 0px;}
}

.wrap-contents .objHeading_h2 {display:block; margin-top: 45px; font-family:'Roboto'; font-weight: 500; font-size:24px; line-height:1.3; color:#000;}
.wrap-contents ._objHeading:first-child .objHeading_h2 {margin-top: 0;}
.wrap-contents .objHeading_h3 {display:block; position: relative; margin-top: 30px; padding-left: 30px; background: url('../../images/common/bul-h3.png') no-repeat left 7px;  line-height:1.3; font-size:20px; color:#2b3e5c;}
.wrap-contents .objHeading_h4 {display:block; position: relative; margin-top: 19px; padding-left: 30px; font-family:'Roboto'; line-height:1.3; font-size:18px; color:#404449;}
.wrap-contents .objHeading_h4::after {content: ''; position: absolute; left: 0; top: 10px; width: 14px; height: 2px; background: #1e5ba8;}
.wrap-contents .objHeading_h5 {margin-top: 30px; font-family:'Roboto'; padding-left: 20px; background: url('../../images/common/bul-list1.png') no-repeat left 5px; line-height:1.3; font-size:16px; color:#333333;}
.wrap-contents .objHeading_h1.no-margin,
.wrap-contents .objHeading_h2.no-margin,
.wrap-contents .objHeading_h3.no-margin,
.wrap-contents .objHeading_h4.no-margin,
.wrap-contents .objHeading_h5.no-margin {margin-top: 0;}

.wrap-contents .con-desc {font-size:18px; color:#666; line-height:1.6;}
.wrap-contents .con-list > li {margin-bottom: 8px; padding: 0 0 0 20px; color:#666; background:url('../../images/common/bul_list.png') no-repeat left 10px;}
.wrap-contents .con-list strong {font-weight:normal; color:#222;}
.wrap-contents .con-list2 > li {position:relative; margin: 0 0 9px 0; padding: 0 0 0 20px; font-size: 18px; color:#666;}
.wrap-contents .con-list2 > li:after {content:''; position:absolute; left:0px; top:10px; width:5px; height:5px; background:#95aac3; border-radius: 100%;}

.wrap-contents .con-table {position:relative;}
.wrap-contents .con-table:after {content:''; position: absolute; right:0px; top:0px; width:3px; height:100%; background:#fff;}
.wrap-contents .con-table table {position:relative;}
.wrap-contents .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#2b3e5c;}
.wrap-contents .con-table thead th {padding:13px 10px; background:#f4f7fa; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:17px; font-weight:normal;  color:#333; }
.wrap-contents .con-table tbody {display: table-header-group;}
.wrap-contents .con-table tbody th {padding:13px 10px; background:#f7f7f7; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; font-size:17px; font-weight:normal; color:#333333; }
.wrap-contents .con-table tbody td {padding:13px 30px; background:#fff; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:17px; color:#666;}
.wrap-contents .con-table tbody td .link {padding: 0 25px 0 0;background: url('../../images/common/ico-btn3.png') no-repeat right 7px;}
.wrap-contents .con-table .align-l {text-align:left;}
.wrap-contents .con-table .align-c {text-align:center;}
.wrap-contents .con-table .align-r {text-align:right;}

@media all and (max-width:860px) {
  /*
    .wrap-contents .con-table {overflow-x: hidden;}
    .wrap-contents .con-table table {width:1000px;}
    .wrap-contents .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../../images/common/img_mobile_text.png') no-repeat center center;}
    .wrap-contents .con-table.on:after {display:none;}
  */
  .wrap-contents .con-table thead th,
  .wrap-contents .con-table tbody th,
  .wrap-contents .con-table tbody td {padding: 10px; font-size: 13px; white-space: normal; word-break:break-all}
}

.wrap-contents .con-notice {display:block; padding:5px 0 5px 40px; font-size: 16px;}
.wrap-contents .con-notice.icon1 {background:url('../../images/common/ico_noti01.png') no-repeat left 6px; font-style:normal; color:#b11116;}
.wrap-contents .con-notice.icon2 {background:url('../../images/common/ico_noti02.png') no-repeat left 6px; font-style:normal; color:#ef8a07;}
.wrap-contents .con-notice.icon3 {background:url('../../images/common/ico_noti03.png') no-repeat left 6px; font-style:normal; color:#0e8772;}

.wrap-contents .con-btn.right {text-align:right;}
.wrap-contents .con-btn.right .btn-style {margin:0 0 10px 10px;}

.wrap-contents .btn-style {padding: 15px 40px; border-radius: 30px; font-size:15px; color:#43505d;}

.wrap-contents .btn-style.type1 {position:relative; display:inline-block; padding: 15px 55px 15px 30px; background: #1e5ba8; border: 1px solid #1e5ba8; color: #fff;}
.wrap-contents .btn-style.type1:hover {background:#fff; color: #1e5ba8; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type1:after {content:''; position: absolute; right: 25px; top: 15px; width: 18px; height: 18px; background: url('../../images/common/ico_btn1.png') no-repeat center top;}
.wrap-contents .btn-style.type1:hover:after {background-position: center bottom;}

.wrap-contents .btn-style.type2 {position:relative; display:inline-block; padding: 15px 55px 15px 30px; background: #00baff; border: 1px solid #00baff; color: #fff;}
.wrap-contents .btn-style.type2:hover {background:#fff; color: #00baff; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type2:after {content:''; position: absolute; right: 25px; top: 18px; width: 18px; height: 15px; background: url('../../images/common/ico_btn2.png') no-repeat center top;}
.wrap-contents .btn-style.type2:hover:after {background-position: center bottom;}

.wrap-contents .btn-style.type3 {position:relative; display:inline-block; background: #2b3e5c; border: 1px solid #2b3e5c; color: #fff;}
.wrap-contents .btn-style.type3:hover {background:#fff; color: #2b3e5c; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .btn-style.type4 {position:relative; display:inline-block; background: #8e99ab; border: 1px solid #8e99ab; color: #fff;}
.wrap-contents .btn-style.type4:hover {background:#fff; color: #8e99ab; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .btn-style.type5 {position:relative; display:inline-block; background: #fff; border: 1px solid #1e5ba8; color: #1e5ba8;}
.wrap-contents .btn-style.type5:hover {background:#1e5ba8; color: #fff; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .btn-style.type6 {position:relative; display:inline-block; background: #1e5ba8; border: 1px solid #1e5ba8; color: #fff;}
.wrap-contents .btn-style.type6:hover {background:#fff; color: #1e5ba8; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .btn-style.type7 {position:relative; display:inline-block; background: #fff; border: 1px solid #0e8772; color: #0e8772;}
.wrap-contents .btn-style.type7:hover {background:#0e8772; color: #fff; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .btn-style.type8 {position:relative; display:inline-block; padding: 15px 55px 15px 30px; background: #0e8772; border: 1px solid #0e8772; color: #fff;}
.wrap-contents .btn-style.type8:hover {background:#fff; color: #0e8772; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type8:after {content:''; position: absolute; right: 25px; top: 16px; width: 19px; height: 19px; background: url('../../images/common/ico_btn3.png') no-repeat center top;}
.wrap-contents .btn-style.type8:hover:after {background-position: center bottom;}

.wrap-contents .btn-style.type9 {position:relative; display:inline-block; background: #00baff; border: 1px solid #00baff; color: #fff;}
.wrap-contents .btn-style.type9:hover {background:#fff; color: #00baff; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-contents .btn-style.type10 {position:relative; display:inline-block; padding: 15px 55px 15px 30px; background: #1e5ba8; border: 1px solid #1e5ba8; color: #fff;}
.wrap-contents .btn-style.type10:hover {background:#fff; color: #1e5ba8; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type10:after {content:''; position: absolute; right: 25px; top: 16px; width: 17px; height: 20px; background: url('../../images/common/ico_btn4.png') no-repeat center top;}
.wrap-contents .btn-style.type10:hover:after {background-position: center bottom;}

.wrap-contents .btn-style.type11 {position:relative; display:inline-block; padding: 15px 55px 15px 30px; background: #fff; border: 1px solid #00baff; font-family: 'S-CoreDream-3Light'; font-size: 15px; color: #00baff;}
.wrap-contents .btn-style.type11:hover {background:#00baff; color: #fff; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type11:after {content:''; position: absolute; right: 25px; top: 18px; width: 18px; height: 15px; background: url('../../images/common/ico_btn2.png') no-repeat center bottom;}
.wrap-contents .btn-style.type11:hover:after {background-position: center top;}


.wrap-contents .page-ready {padding: 6px; background: url('../../images/common/box-pattern.png'); text-align: center;}
.wrap-contents .page-ready .white-box {background: #ffffff url('../../images/common/bg-ready2.jpg') no-repeat center top;}
.wrap-contents .page-ready .desc {display: inline-block; margin: 0 0 0 -60px; padding: 180px 0 180px 0; text-align: center;}
.wrap-contents .page-ready .desc strong {display: block; font-size: 30px; color: #444;}
.wrap-contents .page-ready .desc span {position: relative; display: block; font-size: 18px; color: #666;}

@media all and (max-width: 895px) {
    .wrap-contents .page-ready .desc {margin: 0; padding: 300px 0 90px 0; background-size: 100%; background-position: center 60px; text-align: center;}
}

@media all and (max-width: 768px) {
    .wrap-contents .page-ready .desc {padding: 260px 0 40px 0; background-position: center 50px;}
    .wrap-contents .page-ready .desc strong {font-size: 20px;}
    .wrap-contents .page-ready .desc span {font-size: 16px;}
}

.wrap-viewer {position: relative; padding: 40px 40px 56px 180px; background: #f7f7f7 url('../../images/common/ico-viewer.png') no-repeat 30px center; border-top: 1px solid #222222; border-bottom: 1px solid #e1e1e1;}
.wrap-viewer::after {content: ''; position: absolute; right: 0px; top: 0px;  width: 158px; height: 146px; background: url('../../images/common/bg-viewer.png') no-repeat center center;}
.wrap-viewer p {margin: 0 0 25px 0; font-size: 18px; color: #666;}
.wrap-viewer .btns a {position: relative; margin: 0 40px 0 0; padding: 8px 55px 8px 0; font-size: 16px; color: #222;}
.wrap-viewer .btns a::after {content: ''; position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; border-radius: 100%; }
.wrap-viewer .btns a.download::after {background: #b2070a url('../../images/common/ico-download-viewer.png') no-repeat center center;}
.wrap-viewer .btns a.big::after {background: #b2070a url('../../images/common/ico-big-viewer.png') no-repeat center center;}
.wrap-viewer .btns a span {position: relative;}
.wrap-viewer .btns a span::after {content: ''; position: absolute; left: 0px; bottom: -2px; width: 0px; height: 1px; background: #222; transition: 0s;}
.wrap-viewer .btns a span:hover::after {width: 100%; transition: .4s;}

@media all and (max-width: 1150px) {
  .wrap-viewer {padding: 40px; background-image: none;}
  .wrap-viewer p br {display: none;}
  .wrap-viewer .btns {display: inline-block; width: 100%;}
  .wrap-viewer .btns a {float: left; width: 20%; margin: 5px 30px 5px 0;}
}

@media all and (max-width: 940px) {
  .wrap-viewer .btns {display: inline-block; width: 100%;}
  .wrap-viewer .btns a {width: 45%; display: block;}
}

@media all and (max-width: 620px) {
  .wrap-viewer .btns {display: inline-block; width: 100%;}
  .wrap-viewer .btns a {width: 100%;}
}

.pdf-download {text-align: center;}

.wrap-contents .text-align-r {text-align:right;}
.wrap-contents .text-align-c {text-align:center;}
.wrap-contents .text-align-l {text-align:left;}

.wrap-contents .p-color1 {color:#b11116;}
.wrap-contents .p-color2 {color:#ef8a07;}
.wrap-contents .p-color3 {color:#0e8772;}
.wrap-contents .p-color4 {color:#000;}