@charset "utf-8";
._objHtml { font-size:17px; } 
.color1 { color: #17469e; } 
.color2 { color: #0055bc; } 
.color3 { color: #1cb14d; } 
.color4 { color: #e77800; } 
.color5 { color: #0090ff; } 
.color6 { color: #183d93; } 
.color7 { color: #43505d; } 

.f-t { font-family:'Noto Thin'; } 
.f-l { font-family:'Noto Light'; } 
.f-r { font-family:'Noto Regular'; } 
.f-m { font-family:'Noto Medium'; } 
.f-b { font-family:'Noto Bold'; } 

/* Space */
.mt5 { margin-top: 5px; } 
.mt10 { margin-top: 10px; } 
.mt15 { margin-top: 15px; } 
.mt20 { margin-top: 20px; } 
.mt25 { margin-top: 25px; } 
.mt30 { margin-top: 30px; } 
.mt35 { margin-top: 35px; } 
.mt40 { margin-top: 40px; } 
.mt45 { margin-top: 45px; } 
.mt50 { margin-top: 50px; } 
.mt55 { margin-top: 55px; } 
.mt60 { margin-top: 60px; } 
.mt65 { margin-top: 65px; } 
.mt70 { margin-top: 70px; } 
.mt75 { margin-top: 75px; } 
.mt80 { margin-top: 80px; } 
.mt85 { margin-top: 85px; } 
.mt90 { margin-top: 90px; } 
.mt95 { margin-top: 95px; } 
.mt100 { margin-top: 100px; } 

.mb5 { margin-bottom: 5px; } 
.mb10 { margin-bottom: 10px; } 
.mb15 { margin-bottom: 15px; } 
.mb20 { margin-bottom: 20px; } 
.mb25 { margin-bottom: 25px; } 
.mb30 { margin-bottom: 30px; } 
.mb35 { margin-bottom: 35px; } 
.mb40 { margin-bottom: 40px; } 
.mb45 { margin-bottom: 45px; } 
.mb50 { margin-bottom: 50px; } 
.mb55 { margin-bottom: 55px; } 
.mb60 { margin-bottom: 60px; } 
.mb65 { margin-bottom: 65px; } 
.mb70 { margin-bottom: 70px; } 
.mb75 { margin-bottom: 75px; } 
.mb80 { margin-bottom: 80px; } 
.mb85 { margin-bottom: 85px; } 
.mb90 { margin-bottom: 90px; } 
.mb95 { margin-bottom: 95px; } 
.mb100 { margin-bottom: 100px; } 

.ml5 { margin-left: 5px; } 
.ml10 { margin-left: 10px; } 
.ml15 { margin-left: 15px; } 
.ml20 { margin-left: 20px; } 
.ml25 { margin-left: 25px; } 
.ml30 { margin-left: 30px; } 
.ml35 { margin-left: 35px; } 
.ml40 { margin-left: 40px; } 
.ml45 { margin-left: 45px; } 
.ml50 { margin-left: 50px; } 
.ml55 { margin-left: 55px; } 
.ml60 { margin-left: 60px; } 
.ml65 { margin-left: 65px; } 
.ml70 { margin-left: 70px; } 
.ml75 { margin-left: 75px; } 
.ml80 { margin-left: 80px; } 
.ml85 { margin-left: 85px; } 
.ml90 { margin-left: 90px; } 
.ml95 { margin-left: 95px; } 
.ml100 { margin-left: 100px; } 

.mr5 { margin-right: 5px; } 
.mr10 { margin-right: 10px; } 
.mr15 { margin-right: 15px; } 
.mr20 { margin-right: 20px; } 
.mr25 { margin-right: 25px; } 
.mr30 { margin-right: 30px; } 
.mr35 { margin-right: 35px; } 
.mr40 { margin-right: 40px; } 
.mr45 { margin-right: 45px; } 
.mr50 { margin-right: 50px; } 
.mr55 { margin-right: 55px; } 
.mr60 { margin-right: 60px; } 
.mr65 { margin-right: 65px; } 
.mr70 { margin-right: 70px; } 
.mr75 { margin-right: 75px; } 
.mr80 { margin-right: 80px; } 
.mr85 { margin-right: 85px; } 
.mr90 { margin-right: 90px; } 
.mr95 { margin-right: 95px; } 
.mr100 { margin-right: 100px; } 

.wrap-contents .container { max-width:1400px; margin: 90px auto; } 
.wrap-contents .subject { text-align:center; } 
.wrap-contents .subject h2 { position:relative; font-size:50px; padding: 35px 0 95px 0; line-height:1.2; font-family:sb; } 
.wrap-contents .subject h2:before { content:''; position:absolute; left:50%; top: 0; width: 48px; height: 22px; background:url('../../images/common/logo-subject.png') no-repeat center top; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); transform:translate(-50%,0); } 

@media all and (max-width:2100px){
  .wrap-contents .container { padding: 0 20px; } 
}

@media all and (min-width:1921px){
  .wrap-contents .container { max-width:2100px; } 
}

@media all and (max-width:1025px){
  .wrap-contents .container { margin:50px auto 70px; } 
  .wrap-contents .subject h2 { padding: 30px 0 50px 0; font-size: 32px; } 
  .wrap-contents .subject h2:after { bottom:60px; } 
  .wrap-contents .subject h2:before { bottom:60px; } 
}

@media all and (max-width:420px){
  .wrap-contents .subject h2 { font-size: 24px; padding: 25px 0 55px 0; } 
  .wrap-contents .subject h2:after { bottom:40px; } 
  .wrap-contents .subject h2:before { top: 8px; background-size: 75%; } 
}

.wrap-contents .tab .tab_div { margin: 0px 0 40px 0; overflow: hidden; } 
.wrap-contents .tab ul { display:inline-block; width:100%; position: relative; } 
.wrap-contents .tab ul:before { content:''; width:100%; height:1px; position:absolute; bottom:0; left:0; background:#fff; z-index: 9; } 
.wrap-contents .tab ul li { position:relative; float:left; width:25%; text-align:center; border-bottom: 1px solid #ccc; } 
.wrap-contents .tab ul li:after { content:''; position:absolute; right:-2px; top:50%; width: 1px; height: 38px; background: #ccc; transform: translate(0, -50%); } 
.wrap-contents .tab ul li:last-child:after { display:none; } 
/*.wrap-contents .tab ul li:before { content:''; position:absolute; left:0px; bottom:-2px; width:100%; height:2px; background:#d6d6d6; z-index:1; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1); } */
.wrap-contents .tab ul li._on a, .wrap-contents .tab ul li._active a { color: #2e489a; font-family: 'Noto Medium'; } 
.wrap-contents .tab ul li._on a:hover, .wrap-contents .tab ul li._active a:hover { } 

.wrap-contents .tab ul li a {display:block;width:100%;font-size: 19px;min-height: 70px; font-family: 'Noto Regular';color: #565656;display: flex;align-items: center;justify-content: center;} 
/*.wrap-contents .tab ul li a:hover { color:#183d93; font-family:'Noto Medium'; } 
.wrap-contents .tab ul li a:hover:after, .wrap-contents .tab ul li._on a:after, .wrap-contents .tab ul li._active a:after { content:''; position:absolute; left:50%; top:-7px; z-index:200; width:12px; height:12px; border-radius:100%; background:#faa635; transform:translate(-50%,0); } */
.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:410px) {.wrap-contents .tab .tab_div { position:relative; margin:0 0 30px 0; } 
.wrap-contents .tab .tab_div > a { font-family:'Noto Medium'; 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; 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 .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 { font-family:'Noto DemiLight'; 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 { font-family:'Noto DemiLight'; 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:420px){
  .wrap-contents .tab2 { position:relative; } 
  .wrap-contents .tab2 > a { font-family:'Noto Medium'; 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 { font-family:'Noto DemiLight'; 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-family:'Noto Regular'; 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 { font-family: 'Noto Medium'; display:block; line-height: 1.4 !important; font-size: 30px !important; color: #212121; letter-spacing: -1.5px; margin-top: 10px; margin-bottom: 25px; } 
.wrap-contents .objHeading_h3 { font-family: 'Noto Medium'; margin-bottom: 15px; padding-left:25px; display:block; line-height: 1.35 !important; font-size: 20px !important; color: #333; background:url('../../images/guide/h3_icon01.png') no-repeat left 5px; } 
.wrap-contents .objHeading_h4 { font-family:'Noto DemiLight'; display:block; line-height:1; font-size:16px; color:#018cff; padding: 0 0 1px 25px; background:url('../../images/guide/bull_h5.png') no-repeat left 1px; } 

@media all and (max-width:767px){
  .wrap-contents .objHeading_h2 { font-size:24px; } 
  .wrap-contents .objHeading_h3 { font-size:19px; padding-top: 2px; } 
}

.wrap-contents .con-desc { font-size:16px; color:#666; line-height:1.8; } 
.wrap-contents .con-list > li { padding: 0 0 5px 17px; color: #666; position:relative; text-align: left; } 

.wrap-contents .con-list > li:before { content: ''; width: 6px; height: 6px; border-radius: 100%; display: block; position:absolute; left:0; top: 10px; background: #70aafb; } 
.wrap-contents .con-list strong { font-family: 'Noto Regular'; font-weight:normal; } 
.wrap-contents .con-list2 > li { position:relative; color: #666; line-height: 23px; padding-left:15px; text-align:left; } 
.wrap-contents .con-list2 > li:after { content:''; position:absolute; left:0px; top: 10px; width: 4px; height: 4px; background: #2e489a; border-radius: 10px; } 
.wrap-contents .con-list2 > li + li { margin-top:5px; } 
.wrap-contents .con-list2 > li strong { font-family:'Noto DemiLight'; font-weight:normal; color:#222; } 
.wrap-contents .con-list3 > li { position: relative; padding-bottom: 5px; padding-left: 30px; font-family: 'Noto Light'; font-size: 16px; line-height: 1.5; color: #333; text-align:left; } 
.wrap-contents .con-list3 > li:after { content: ''; position: absolute; left: 0; top: 3px; display: inline-block; width: 21px; height: 21px; line-height: 21px; margin-right: 5px; border-radius: 100%; font-size: 13.5px; font-family: 'Mont Medium'; vertical-align: middle; text-align: center; color: #fff; background-color: #2e489a; } 
.wrap-contents .con-list3 > li:nth-child(1):after { content:'1'; } 
.wrap-contents .con-list3 > li:nth-child(2):after { content:'2'; } 
.wrap-contents .con-list3 > li:nth-child(3):after { content:'3'; } 
.wrap-contents .con-list3 > li:nth-child(4):after { content:'4'; } 
.wrap-contents .con-list3 > li:nth-child(5):after { content:'5'; } 
.wrap-contents .con-list3 > li:nth-child(6):after { content:'6'; } 
.wrap-contents .con-list3 > li:nth-child(7):after { content:'7'; } 
.wrap-contents .con-list3 > li:nth-child(8):after { content:'8'; } 
.wrap-contents .con-list3 > li:nth-child(9):after { content:'9'; } 
.wrap-contents .con-list3 > li:nth-child(10):after { content:'10'; } 
.wrap-contents .con-list3 > li:nth-child(11):after { content:'11'; } 
.wrap-contents .con-list3 > li:nth-child(12):after { content:'12'; } 
.wrap-contents .con-list3 > li:nth-child(13):after { content:'13'; } 
.wrap-contents .con-list3 > li:nth-child(14):after { content:'14'; } 
.wrap-contents .con-list3 > li:nth-child(15):after { content:'15'; } 

.wrap-contents .con-list3.num_under li:after { font-size: 11.5px; width: 18px; height: 18px; line-height: 18px; background:#e4e8f2; color:#4f5254; top: 4px; } 

.wrap-contents .con-list4 { padding-left:10px; } 
.wrap-contents .con-list4 > li { padding-left:12px; position: relative; text-align:left; } 
.wrap-contents .con-list4 > li:before { content: ''; width: 3px; height: 3px; display: block; position:absolute; left:0; top: 12px; background: #db5038; } 
.wrap-contents .con-list4 > li + li { margin-top:5px; } 

.wrap-contents .con-list5 { padding-left:10px; } 
.wrap-contents .con-list5 > li { padding-left:12px; position: relative; text-align:left; } 
.wrap-contents .con-list5 > li:before { content: ''; width: 4px; height: 4px; display: block; position:absolute; left:0; top: 12px; background: #2f8d9a; border-radius: 50%; } 
.wrap-contents .con-list5 > li + li { margin-top:5px; } 

.wrap-contents .con-list6 { padding-left:10px; } 
.wrap-contents .con-list6 > li { padding-left:12px; position: relative; text-align:left; } 
.wrap-contents .con-list6 > li:before { content: ''; width: 4px; height: 1px; display: block; position:absolute; left:0; top: 12px; background: #999; } 
.wrap-contents .con-list6 > li + li { margin-top:5px; } 

.wrap-contents .con-notice { display:block; padding:10px 0 10px 40px; } 
.wrap-contents .con-notice.icon1 { background: url('../../images/guide/ico_noti01.png') no-repeat left 11px; font-style:normal; color:#dd7300; } 
.wrap-contents .con-notice.icon2 { background:url('../../images/guide/ico_noti02.png') no-repeat left 11px; font-style:normal; color:#dd7300; } 
.wrap-contents .con-notice.icon3 { background:url('../../images/guide/ico_noti03.png') no-repeat left 11px; font-style:normal; color:#0090ff; } 
.wrap-contents .con-notice.icon4 { background:url('../../images/guide/ico_noti04.png') no-repeat left 11px; font-style:normal; color:#183d93; } 
.wrap-contents .con-notice.icon5 { background:url('../../images/guide/ico_noti05.png') no-repeat left 11px; font-style:normal; color:#43505d; } 

.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:#183d93; } 
.wrap-contents .p-color2 { color:#018cff; } 
.wrap-contents .p-color3 { color:#eb8105; } 

.wrap-contents .btn-red { color:#db5038; border:1px solid #db5038; border-radius: 100px; position: relative; } 
.wrap-contents .btn-blue { color:#2f8d9a; border:1px solid #2f8d9a; border-radius: 100px; position: relative; } 
.wrap-contents .btn-yellow { color:#e49e2b; border:1px solid #e49e2b; border-radius: 100px; position: relative; } 
.wrap-contents .btn-gray { color:#c4c5c6; border:1px solid #c4c5c6; border-radius: 100px; position: relative; } 

.wrap-contents .home_link { color:#2f8d9a; border:1px solid #2f8d9a; border-radius: 50px; padding: 7px 25px 7px 30px; } 
.wrap-contents .home_link:after { content:''; background:url('../../images/guide/skyblue-arrow.png') no-repeat; width:47px; height: 7px; display: inline-block; vertical-align: top; margin-left: 15px; margin-top: 8px; } 

.wrap-contents .down-red.small-btn:before { content:''; width: 15px; height: 16px; background: url('../../images/guide/btn-share-off.png'); background-position: left -6px; display: inline-block; margin: 0 5px; top: 5px; left: 12px; position: absolute; } 
.wrap-contents .link-blue.small-btn:before { content:''; width: 20px; height: 20px; background: url('../../images/guide/btn-share-off.png'); background-position: -83px -4px; display: inline-block; margin: 0 5px; top: 2px; left: 11px; position: absolute } 

.wrap-contents .small-btn { padding: 2px 15px 2px 40px; font-size:14px; display: inline-block; margin-left: 10px; } 

.wrap-contents .normal-btn { padding: 7px 35px 7px 35px; font-size: 16px; display: inline-block; } 
.wrap-contents .link-red.normal-btn:after { content:''; width: 50px; height: 16px; background: url('../../images/guide/btn-share-off.png'); background-position: right -6px; display: inline-block; margin-left: 0; top: 0px; left: 10px; position: relative; } 
.wrap-contents .down-red.normal-btn:before { content:''; width: 15px; height: 16px; background: url('../../images/guide/btn-share-off.png'); background-position: left -6px; display: inline-block; margin-right: 17px; top: 5px; left: 14px; position: relative; } 
.wrap-contents .link-blue.normal-btn:before { content:''; width: 20px; height: 20px; background: url('../../images/guide/btn-share-off.png'); background-position: -83px -4px; display: inline-block; top: 2px; position: relative; margin-right: 17px; } 
.wrap-contents .preview-red.normal-btn:before { content:''; width: 18px; height: 18px; background: url('../../images/guide/btn-share-off.png'); background-position: 75px -6px; display: inline-block; margin-right: 15px; top: 3px; left: 0; position: relative; } 
.wrap-contents .down-blue.normal-btn:before { content:''; width: 20px; height: 20px; background: url('../../images/guide/btn-share-off.png'); background-position: -40px -4px; display: inline-block; top: 1px; position: relative; margin-right: 17px; } 

.wrap-contents .txtbtn-type01 { padding:10px 35px; border-radius: 10px; min-width: 160px; display: inline-block; text-align: center; } 
.wrap-contents .txtbtn-type02 { padding:10px 35px; border-radius: 10px; min-width: 160px; display: inline-block; text-align: center; } 
.wrap-contents .txtbtn-type02.btn-red { color:#fff; background-color:#db5038; } 
.wrap-contents .txtbtn-type02.btn-blue { color:#fff; background-color:#2f8d9a; } 
.wrap-contents .txtbtn-type02.btn-yellow { color:#fff; background-color:#e49e2b; } 
.wrap-contents .txtbtn-type02.btn-gray { color:#fff; background-color:#c4c5c6; } 

.wrap-contents .btn-detail { border: 1px solid #c0dde1; padding: 4px 15px; border-radius: 5px; color:#4b4b4b; display: inline-block; } 
.wrap-contents .btn-detail:hover { border:1px solid #2f8d9a; color:#fff; background-color: #2f8d9a; } 
.wrap-contents .btn-detail:before { background-image: url('../../images/guide/btn-detail-off.png'); background-repeat: no-repeat; margin: 0 5px 0 0; } 
.wrap-contents .btn-detail.type01:before { content:''; width: 17px; height: 15px; display:inline-block; background-position: left 0; } 
.wrap-contents .btn-detail.type02:before { content:''; width: 22px; height: 16px; display:inline-block; background-position: -37px 0; position: relative; top: 1px; } 
.wrap-contents .btn-detail.type03:before { content:''; width: 20px; height: 17px; display:inline-block; background-position: -78px 0; position: relative; top: 1px; } 

.wrap-contents .btn-detail:hover:before { background-image: url('../../images/guide/btn-detail-on.png'); background-repeat: no-repeat; } 
/*.wrap-contents .btn-detail.type01:hover:before { content:''; width: 17px; height: 14px; display:inline-block; background-position: left -3px; } 
.wrap-contents .btn-detail.type02:hover:before { content:''; width: 22px; height: 18px; display:inline-block; background-position: -37px 0; position: relative; top: 1px; } 
.wrap-contents .btn-detail.type03:hover:before { content:''; width: 20px; height: 17px; display:inline-block; background-position: -78px 0; position: relative; top: 1px; } 
*/
@media all and (max-width:767px){
  .wrap-contents .btn-detail,
  .wrap-contents .normal-btn,
  .wrap-contents .txtbtn-type01,
  .wrap-contents .txtbtn-type02 { margin-bottom: 5px; } 
}
body .wrap-contents .con-table.diet-table table thead th.on { background: #17469e !important; color:#ffffff !important; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table { position:relative; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table:after { content:''; position: absolute; right:-2px; top:0px; width:3px; height:100%; background:#fff; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table table { font-family:'Noto DemiLight'; position:relative; border-top-color: rgba(255,255,255,0) !important; border-top-style: none !important; border-top-width: 0 !important; border-left-style: none !important; border-right-style: none !important; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table table:after { content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table table:before { content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table thead { position: relative; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table thead:after { content:''; width:100%; height: 1px; position: absolute; bottom:0; left:0; border-bottom: 1px solid #b1b2b3; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table thead th { padding: 15px 10px !important; font-weight:normal; background: #f7f8f9; color: #000; border-right: 1px solid #dddee0 !important; border-bottom: 1px solid #dddee0 !important; font-size:18px; font-family: 'Noto Regular'; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table tbody th { padding:15px 10px; background: #fbfbfb; color: #000; border-right: 1px solid #dddee0 !important; border-bottom: 1px solid #dddee0 !important; font-size:16px; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table tbody th.color { background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table tbody td { padding: 15px 10px !important; background:#fff; color:#666; border-right: 1px solid #dddee0 !important; border-bottom: 1px solid #dddee0 !important; border-left: 1px solid #dddee0 !important; font-size:16px; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table.table-l tbody td { text-align:left; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table .align-l { text-align:left; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table .align-c { text-align:center; } 
.wrap-contents ._contentBuilder ._obj._objHtml .con-table .align-r { text-align:right; } 

@media all and (max-width:860px){
  .wrap-contents ._contentBuilder ._obj._objHtml .con-table.on { overflow-x: auto; } 
  .wrap-contents ._contentBuilder ._obj._objHtml .con-table table { width:1000px; } 
  .wrap-contents ._contentBuilder ._obj._objHtml .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 ._contentBuilder ._obj._objHtml .con-table.on:after { display:none; } 
}

.wrap-contents ._contentBuilder ._obj._objWidget .con-table { position:relative; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table:after { content:''; position: absolute; right:-2px; top:0px; width:3px; height:100%; background:#fff; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table table { font-family:'Noto DemiLight'; position:relative; border-top-color: rgba(255,255,255,0) !important; border-top-style: none !important; border-top-width: 0 !important; border-left-style: none !important; border-right-style: none !important; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table table:after { content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table table:before { content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table thead { position: relative; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table thead:after { content:''; width:100%; height: 1px; position: absolute; bottom:0; left:0; border-bottom: 1px solid #b1b2b3; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table thead th { padding: 15px 10px !important; font-weight:normal; background: #f7f8f9; color: #000; border-right: 1px solid #dddee0 !important; border-bottom: 1px solid #dddee0 !important; font-size:18px; font-family: 'Noto Regular'; box-shadow: none; border-width:0; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table tbody th { padding:15px 10px; background: #fbfbfb; color: #000; border-right: 1px solid #dddee0 !important; border-bottom: 1px solid #dddee0 !important; font-size:16px; font-weight: normal; font-family: 'Noto Regular'; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table tbody th.color { background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table tbody td { padding: 15px 10px !important; background:#fff; color:#666; border-right: 1px solid #dddee0 !important; border-bottom: 1px solid #dddee0 !important; font-size:16px; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table.table-l tbody td { text-align:left; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table .align-l { text-align:left; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table .align-c { text-align:center; } 
.wrap-contents ._contentBuilder ._obj._objWidget .con-table .align-r { text-align:right; } 

@media all and (max-width:860px){
  .wrap-contents ._contentBuilder ._obj._objWidget .con-table { overflow-x: scroll; } 
  .wrap-contents ._contentBuilder ._obj._objWidget .con-table table { width:1000px; } 
  .wrap-contents ._contentBuilder ._obj._objWidget .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 ._contentBuilder ._obj._objWidget .con-table.on:after { display:none; } 
}

.wrap-contents .con-ready { padding:80px 0; text-align:center; background: url('../../images/common/bg_ready.jpg') no-repeat center top; border:1px solid #cccccc; } 
.wrap-contents .con-ready .text { font-size:38px; padding:32px 0 0 0; } 
.wrap-contents .con-ready .text span { font-family:'Noto Bold'; position:relative; color:#018cff; display:inline-block; padding:0 6px; } 
.wrap-contents .con-ready .text span:last-child:after { display:none; } 
.wrap-contents .con-ready .text span:after { content: '/'; position:absolute; right:-7px; top:15px; font-size:15px; font-family: Noto Black; } 

@media all and (max-width:420px){
  .wrap-contents .con-ready .text { font-size: 26px; } 
  .wrap-contents .con-ready .text span:after { top:8px; } 
}


.wrap-contents .icon-box-gray { background: #f8f8f8; border-top:3px solid #17469e; padding:30px 45px 35px 40px; position: relative; box-sizing: border-box; } 
.wrap-contents .icon-box-gray:before { content:''; width:250px; height: 3px; background: #1cb14d; position: absolute; left:0; top: -3px; } 
.wrap-contents .icon-box-gray .thum { position: relative; width:180px; display: inline-block; vertical-align: top; margin-right: 40px; background: url('../../images/guide/graybox-iconBg.png') no-repeat center; min-height: 180px; } 
.wrap-contents .icon-box-gray .thum > img { position: absolute; top:50%; left:50%; margin-left: -37.5px; margin-top: -37.5px; } 
.wrap-contents .icon-box-gray .text { width: calc(100% - 230px); display: inline-block; vertical-align: top; padding-top: 20px; } 
.wrap-contents .icon-box-gray .text > strong { font-size: 23px; color:#1d50a3; display: block; margin-bottom: 15px; font-family: 'Noto Regular'; } 
.wrap-contents .icon-box-gray .text > p { line-height: 1.7; } 

@media all and (max-width:767px){
  .wrap-contents .icon-box-gray { padding:20px 35px 30px 30px; } 
  .wrap-contents .icon-box-gray .thum { display: block; margin:0 auto; } 
  .wrap-contents .icon-box-gray .text { display: block; width:100%; } 
  .wrap-contents .icon-box-gray .text > strong { font-size:19px; } 
}

.wrap-contents .icon-box-white { border:1px solid #dddee0; background: #fff; padding:25px 0; } 
.wrap-contents .icon-box-white .thum { width:210px; min-height: 130px; background: url('../../images/guide/blue-circle-bg.png') no-repeat center; position: relative; display: inline-block; vertical-align: top; } 
.wrap-contents .icon-box-white .thum > img { position: absolute; top:50%; left:50%; margin-left: -37.5px; margin-top: -37.5px; } 
.wrap-contents .icon-box-white > .text { border-left:1px solid #dddee0; width: calc(100% - 230px); display: inline-block; vertical-align: top; padding-left: 40px; margin-top: 15px; min-height: 100px; } 
.wrap-contents .icon-box-white .text > strong { font-size: 23px; color:#1d50a3; display: block; margin-bottom: 5px; font-family: 'Noto Regular'; } 
.wrap-contents .icon-box-white .text > p { line-height: 1.7; text-align: left; } 

@media all and (max-width:767px){
  .wrap-contents .icon-box-white { padding: 30px 0; } 
  .wrap-contents .icon-box-white .thum { display: block; margin:0 auto; } 
  .wrap-contents .icon-box-white .text { display: block; width:100%; border-left:0; padding-left: 25px; padding-right: 25px; margin-top: 25px; } 
  .wrap-contents .icon-box-white .text > strong { font-size:19px; } 
}

.wrap-contents .icon-box-simple { } 
.wrap-contents .icon-box-simple .thum { width:130px; height: 130px; border:1px solid #ccc; border-radius: 100%; display: inline-block; vertical-align: middle; text-align: center; padding-top: 30px; background: #fff; } 
.wrap-contents .icon-box-simple .text:before { width:70px; height: 1px; background: #ccc; content:''; position: absolute; top:50%; right:100%; z-index: -1; } 
.wrap-contents .icon-box-simple .text { width: calc(100% - 190px); margin-left:50px; border:1px solid #ccc; padding: 35px; display: inline-block; vertical-align: middle; background: #fff; position: relative; } 
.wrap-contents .icon-box-simple .text > strong { font-size: 21px; color:#333; font-family: 'Noto Regular'; display: block; margin-bottom: 15px; } 
.wrap-contents .icon-box-simple .text > p { line-height: 1.5; } 
.wrap-contents .icon-box-simple .text > ul li { padding-left: 15px; position: relative; } 
.wrap-contents .icon-box-simple .text > ul li + li { margin-top:5px; } 
.wrap-contents .icon-box-simple .text > ul li:before { content:''; width:3px; height: 3px; background: #005faa; position: absolute; top: 12px; left:0; } 

.wrap-contents .img-box01 { background: #f7f8f8; padding: 50px 55px 45px; } 
.wrap-contents .img-box01 .thum { padding:0 0 15px 15px; display: inline-block; vertical-align: top; position: relative; width:385px; } 
.wrap-contents .img-box01 .thum:before { content:''; width:95%; height: 95%; background: #0246a6; position: absolute; bottom:0; left:0; z-index: 0; } 
.wrap-contents .img-box01 .thum > img { position:relative; z-index: 2; } 
.wrap-contents .img-box01 .text { display: inline-block; vertical-align:top; width: calc(100% - 390px); padding-left:55px; box-sizing: border-box; padding-top: 30px; } 
.wrap-contents .img-box01 .text > strong { font-size: 23px; color:#1d50a3; display: block; margin-bottom: 15px; font-family: 'Noto Medium'; } 
.wrap-contents .img-box01 .text > span { color:#333; font-size: 19px; display: block; margin-bottom: 20px; font-family: 'Noto Regular'; } 
.wrap-contents .img-box01 .text .con-list2 > li + li { margin-top:10px; } 

@media all and (max-width:1025px){
  .wrap-contents .img-box01 .thum { width:195px; } 
  .wrap-contents .img-box01 .text { width:calc(100% - 200px); } 
}

@media all and (max-width:767px){
  .wrap-contents .icon-box-simple .thum { display: block; margin:0 auto; } 
  .wrap-contents .icon-box-simple .text { width:90%; display: block; margin: 40px auto 10px; padding: 30px 25px; } 
  .wrap-contents .icon-box-simple .text:before { width:1px; height: 45px; top: -45px; right: 50%; } 

  .wrap-contents .img-box01 { padding: 40px 35px 35px; } 
  .wrap-contents .img-box01 .thum { width:100%; display: block; } 
  .wrap-contents .img-box01 .thum > img { width:100%; } 
  .wrap-contents .img-box01 .text { width:100%; display: block; padding-left:0; } 
  .wrap-contents .img-box01 .text > strong { font-size: 20px; margin-bottom: 10px; } 
  .wrap-contents .img-box01 .text > span { font-size: 17px; margin-bottom: 15px; } 
}

.wrap-contents .img-box02 { overflow: hidden; } 
.wrap-contents .img-box02 .thum { display: inline-block; vertical-align: top; width: 530px; } 
.wrap-contents .img-box02 .thum > div { display: inline-block; vertical-align: top; width:320px; height: 320px; overflow: hidden; border-radius: 50%; box-sizing: border-box; border: 15px solid #fff; } 
.wrap-contents .img-box02 .thum .second-circle { margin-left: -115px; } 
.wrap-contents .img-box02 .thum > div > img { max-width: fit-content; margin-left: -60px; } 
.wrap-contents .img-box02 .text { display: inline-block; vertical-align: top; padding: 45px 0 30px 45px; box-sizing: border-box; width: calc(100% - 550px); } 
.wrap-contents .img-box02 .text .title { margin-bottom: 10px; } 
.wrap-contents .img-box02 .text .title strong { display:block; line-height: 1.5; } 
.wrap-contents .img-box02 .text .title strong.top-title { font-size: 26px; color:#333; font-family: 'Noto Regular'; } 
.wrap-contents .img-box02 .text .title strong.top-title span { color:#17469e; font-family: 'Noto Bold'; } 
.wrap-contents .img-box02 .text .title strong.bottom-title { font-size: 38px; color:#333; font-family: 'Noto Regular'; } 
.wrap-contents .img-box02 .text .title strong.bottom-title span { color:#1cb14d; } 
.wrap-contents .img-box02 .text > p { line-height: 1.6; } 

@media all and (max-width:1025px){
  .wrap-contents .img-box02 .thum { display: block; margin:0 auto; } 
  .wrap-contents .img-box02 .text { display: block; width:100%; padding-left: 0; } 
  .wrap-contents .img-box02 .text .title strong.top-title { font-size: 22px; } 
  .wrap-contents .img-box02 .text .title strong.bottom-title { font-size: 30px; } 
}

@media all and (max-width:767px){
  .wrap-contents .img-box02 .thum { display: block; margin:0 auto; text-align: center; width: 100%; } 
  .wrap-contents .img-box02 .thum > div { width: 200px; height: 200px; border:10px solid #fff; } 
  .wrap-contents .img-box02 .text { display: block; width:100%; padding: 35px 0; } 
  .wrap-contents .img-box02 .text .title strong.top-title { font-size: 20px; } 
  .wrap-contents .img-box02 .text .title strong.bottom-title { font-size: 24px; } 
  .wrap-contents .img-box02 .thum > div > img { width:350px; } 
}

.wrap-contents .img-box03 .thum { display: inline-block; vertical-align: top; width: 280px; height: 280px; border-radius: 50%; overflow:hidden; box-shadow: rgb(219 80 56 / 10%) 10px 10px 0; } 
.wrap-contents .img-box03 .thum > img { max-width: fit-content; } 
.wrap-contents .img-box03 .text { display: inline-block; vertical-align: top; margin-left:65px; width: calc(100% - 350px); margin-top:30px; border-top:1px solid #d3d2d2; padding-top:35px; } 
.wrap-contents .img-box03.type01 .text > strong { color:#212121; font-size:24px; font-family: 'Noto Medium'; display: inline-block; vertical-align: top; word-break: keep-all; width: 220px; } 
.wrap-contents .img-box03.type01 .text > p { display: inline-block; width: calc(100% - 230px); } 

.wrap-contents .img-box03.type02 .thum { box-shadow: rgb(47 141 154 / 10%) 10px 10px 0; } 
.wrap-contents .img-box03.type02 .thum > img { margin-left:-100px; } 
.wrap-contents .img-box03.type02 .text { border-top:0; padding-top: 0; } 
.wrap-contents .img-box03.type02 .text .title { border-bottom: 1px solid #d3d2d2; position: relative; padding: 10px 0 25px; margin-bottom: 25px; } 
.wrap-contents .img-box03.type02 .text .title > a { position: absolute; top: 5px; right:0; } 
.wrap-contents .img-box03.type02 .text .title > strong { color:#212121; font-size:24px; font-family: 'Noto Medium'; display: block; } 
.wrap-contents .img-box03.type02 .text > p { display: inline-block; vertical-align: top; width: calc(100% / 2 - 25px); } 
.wrap-contents .img-box03.type02 .text > p + p { margin-left: 40px; } 

.wrap-contents .img-box03.type02 ul.fourDiv { font-size:0; } 
.wrap-contents .img-box03.type02 ul.fourDiv li { width:calc(100% / 4); font-size: 17px; margin-top:10px; position: relative; padding-left:25px; display: inline-block; vertical-align: top; } 
.wrap-contents .img-box03.type02 ul.fourDiv li:before { content:''; width:7px; height: 7px; background: #a9a9a9; border-radius: 50%; position: absolute; left:0; top:10px; } 

@media all and (max-width:1025px){
  .wrap-contents .img-box03 .thum { width:220px; height: 220px; } 
  .wrap-contents .img-box03 .text { width: calc(100% - 260px); margin-left: 35px; } 
  .wrap-contents .img-box03.type01 .text > strong { width: 160px; font-size: 20px; } 
  .wrap-contents .img-box03.type01 .text > p { width:calc(100% - 180px); } 
  .wrap-contents .img-box03.type02 ul.fourDiv li { width:calc(100% / 3); } 
}

@media all and (max-width:767px){
  .wrap-contents .img-box03 .thum { display: block; margin:0 auto 25px; } 
  .wrap-contents .img-box03 .text { display: block; margin-left: auto; margin-right: auto; padding: 35px 0; width: 90%; } 
  .wrap-contents .img-box03.type01 .text > strong { width:auto; display: block; margin-bottom: 10px; } 
  .wrap-contents .img-box03.type01 .text > p { display: block; width:100%; } 

  .wrap-contents .img-box03.type02 .text > p { width:100%; display: block; } 
  .wrap-contents .img-box03.type02 .text > p + p { display: block; width:100%; margin-left:0; margin-top: 40px; } 
  .wrap-contents .img-box03.type02 .text .title > a { position: initial; } 

  .wrap-contents .img-box03.type02 ul.fourDiv li { width:calc(100% / 2); } 
}

@media all and (max-width:420px){
  .wrap-contents .img-box03.type02 ul.fourDiv li { width:100%; } 
}

.wrap-contents .blue-down-icon { font-family: 'Noto Regular'; color:#014099; background: url('../../images/guide/blue-down-icon.png') no-repeat 99% center; display: inline-block; padding-right: 20px; margin-right: 5px; border-bottom: 1px solid #014099; } 
.wrap-contents .blue-new-icon { font-family: 'Noto Regular'; color:#2f8d9a; display: inline-block; padding-right: 25px; margin-right: 5px; border-bottom: 1px solid #2f8d9a; position:relative; } 
.wrap-contents .blue-new-icon:after { content:''; background: url(../../images/guide/btn-share-off.png); background-position: -83px -4px; width: 18px; height: 20px; top: 0; right: 1px; position:absolute; } 

.wrap-contents .line-box { background: url('../../images/guide/line-pattern.png') left top; padding:10px; } 
.wrap-contents .line-box .inner { background: #fff; padding:25px; } 
.wrap-contents .line-box .inner .five-div-ul { font-size: 0; } 
.wrap-contents .line-box .inner .five-div-ul li { width:calc(100% / 5); display: inline-block; font-size: 17px; margin-bottom: 5px; } 
.wrap-contents .line-box .inner .five-div-ul li + li { margin-top:0; } 

@media all and (max-width:1200px){
  .wrap-contents .line-box .inner .five-div-ul li { width:calc(100% / 3); } 
}

@media all and (max-width:860px){
  .wrap-contents .line-box .inner .five-div-ul li { width:calc(100% / 2); } 
}

@media all and (max-width:600px){
  .wrap-contents .line-box .inner .five-div-ul li { width:100%; } 
}

.wrap-contents .gray-box { background:#f8f8f8; color:#555; padding: 25px 30px; font-family: 'Noto Regular'; } 
.wrap-contents .gray-box span { color:#0055bc; } 

.wrap-contents .blue-box { background: #f3f9ff; padding:35px 40px; } 
.wrap-contents .blue-box > strong { font-size: 21px; color:#212121; font-family: 'Noto Regular'; display: block; margin-bottom: 15px; position: relative; padding-top:8px; } 
.wrap-contents .blue-box > strong:before { content:''; position: absolute; top:0; left:0; width:15px; height: 2px; background: #0055bc; } 

.wrap-contents .title-img-box01 .thum { display: inline-block; vertical-align: top; padding:70px 70px 0 0; position: relative; width:62%; } 
.wrap-contents .title-img-box01 .thum .inner > img { width:100%; } 
.wrap-contents .title-img-box01 .thum:before { content:''; width:310px; height: 240px; background: #e4f1f6; position: absolute; top:0; right:0; } 
.wrap-contents .title-img-box01 .thum .inner { position: relative; box-shadow: rgb(0 0 0 / 10%) 10px 10px 15px; margin-bottom: 35px; } 
.wrap-contents .title-img-box01 .thum .inner:before { content:''; width: 97%; height: 94%; border:1px solid #fff; position: absolute; top: 3%; left: 1.5%; } 
.wrap-contents .title-img-box01 .contact_info { padding-bottom: 10px; } 
.wrap-contents .title-img-box01 .contact_info li { display: inline-block; vertical-align: top; font-size: 16px; color:#757575; margin-top: 0 !important; } 
.wrap-contents .title-img-box01 .contact_info li span { font-size: 18px; color:#2f8d9a; font-family: 'Noto Bold'; display: inline-block; margin-right: 10px; position: relative; padding: 9px 0 0 14px; } 
.wrap-contents .title-img-box01 .contact_info li span:before { content:''; width:40px; height: 40px; background: #e0ebfe; position: absolute; top:0; left:0; border-radius: 50%; z-index: -1; } 
.wrap-contents .title-img-box01 .contact_info li + li { margin-left: 35px; } 

.wrap-contents .title-img-box01 .text { display: inline-block; vertical-align: top; width: 38%; float:left; padding-right: 45px; } 
.wrap-contents .title-img-box01 .text .title { padding-top:30px; position: relative; margin-bottom: 70px; } 
.wrap-contents .title-img-box01 .text .title:before { content:''; width:90px; height: 4px; background: #2f8d9a; position: absolute; top:0; left:0; } 
.wrap-contents .title-img-box01 .text .title strong { font-size: 40px; color:#151515; font-family: 'Noto Medium'; line-height: 1.3; } 
.wrap-contents .title-img-box01 .text .title strong span { display: block; color:#2f8d9a; font-family: 'Noto Medium'; } 
.wrap-contents .title-img-box01 .text p { line-height: 1.65; margin-bottom: 25px; word-break: keep-all; text-align: left; } 

.wrap-contents .related-major { clear:both; border-left:4px solid #2f8d9a; background: #f5f8fd; margin-top:60px; padding:40px 50px; } 
.wrap-contents .related-major > strong { font-size: 22px; color:#222; display: block; margin-bottom: 25px; font-family: 'Noto Regular'; } 
.wrap-contents .related-major > ul { font-size:0; } 
.wrap-contents .related-major > ul > li { font-size: 17px; width:calc(100% / 4 ); display: inline-block; vertical-align: top; margin-top: 0 !important; margin-bottom: 25px; } 
.wrap-contents .related-major > ul > li a:hover { color:#2f8d9a; } 

@media all and (max-width:1400px){
  .wrap-contents .title-img-box01 .text { width:30%; } 
  .wrap-contents .title-img-box01 .thum { width:70%; } 
  .wrap-contents .title-img-box01 .contact_info li + li { margin-left:15px; } 
}

@media all and (max-width:1025px){
  .wrap-contents .title-img-box01 .thum { width:100%; display: block; margin-bottom: 50px; padding: 35px 35px 0 0; } 
  .wrap-contents .title-img-box01 .text { float:none; width:100%; display: block; } 
  .wrap-contents .title-img-box01 .text .title { margin-bottom: 30px; } 

  .wrap-contents .related-major { padding:20px 25px; } 
  .wrap-contents .related-major > ul > li { width:calc(100% / 3);} 
}

@media all and (max-width:767px){
  .wrap-contents .title-img-box01 .thum { padding:15px 15px 0 0; } 
  .wrap-contents .title-img-box01 .thum:before { width:40%; height: 100px; } 
  .wrap-contents .title-img-box01 .text .title { padding-top: 20px; margin-bottom: 20px; } 
  .wrap-contents .title-img-box01 .text .title:before { width:50px; } 
  .wrap-contents .title-img-box01 .text .title strong { font-size: 30px; } 
  .wrap-contents .title-img-box01 .contact_info li { display: inline-block; margin: 0 20px; } 
  .wrap-contents .title-img-box01 .contact_info li + li { margin-top: 12px; margin-left:0; } 
  .wrap-contents .title-img-box01 .contact_info li span { font-size: 17px; padding: 5px 0 0 8px; } 
  .wrap-contents .title-img-box01 .contact_info li span:before { width:25px; height: 25px; } 
  .wrap-contents .related-major > ul > li { width:calc(100% / 2); } 
}

@media all and (max-width:650px){
  .wrap-contents .title-img-box01 .contact_info li { display: block; margin: 0 0 12px; } 
  .wrap-contents .title-img-box01 .contact_info li:last-child { margin: 0 } 
}

@media all and (max-width:420px){
  .wrap-contents .related-major > ul > li { width:100%; } 
}

.wrap-contents .img-ul01 ul { font-size:0; } 
.wrap-contents .img-ul01 ul li { display: inline-block; vertical-align: top; width:calc(100% / 2 - 10px); border:1px solid #cfcfcf; margin-bottom: 30px; } 
.wrap-contents .img-ul01 ul li + li { margin-left:20px; } 
.wrap-contents .img-ul01 ul li:nth-child(2n+1) { margin-left:0; } 
.wrap-contents .img-ul01 ul li .thum { display: inline-block; vertical-align: top; width: 315px; } 
.wrap-contents .img-ul01 ul li .text { display: inline-block; vertical-align: top; width: calc(100% - 315px); font-size: 17px; padding: 50px 25px 20px 35px; } 
.wrap-contents .img-ul01 ul li .text strong { color:#2a5ca5; font-size:21px; font-family: 'Noto Medium'; display: block; margin-bottom: 12px; } 
.wrap-contents .img-ul01 ul li .text p { font-size:16px; line-height: 1.6; color: #666; } 

@media all and (max-width:1400px){
  .wrap-contents .img-ul01 ul li .thum { width:100%; display: block; } 
  .wrap-contents .img-ul01 ul li .thum > img { width:100%; } 
  .wrap-contents .img-ul01 ul li .text { width:100%; display: block; padding: 30px 25px 20px 25px; } 
}

@media all and (max-width:767px){
  .wrap-contents .img-ul01 ul li { display: block; width:100%; } 
  .wrap-contents .img-ul01 ul li + li { margin-left:0; } 
}

.wrap-contents .img-ul02 ul { font-size:0; } 
.wrap-contents .img-ul02 ul li { display: inline-block; vertical-align: top; width:calc(100% / 3 - 17.5px); margin-bottom: 30px; border-top:1px solid #7a7a7a; padding-top:25px; } 
.wrap-contents .img-ul02 ul li + li { margin-left:25px; } 
.wrap-contents .img-ul02 ul li:nth-child(3n+1) { margin-left:0; } 
.wrap-contents .img-ul02 ul li .thum { display: inline-block; vertical-align: top; width:55%; } 
.wrap-contents .img-ul02 ul li .text { display: inline-block; vertical-align: top; font-size: 17px; width:45%; padding: 15px 0 10px 20px; } 
.wrap-contents .img-ul02 ul li .text strong { font-size: 21px; color:#2a5ca5; font-family: 'Noto Medium'; display: block; margin-bottom: 12px; } 
.wrap-contents .img-ul02 ul li .text p { font-size:16px; line-height: 1.4; letter-spacing: -.5px; color: #666; } 

@media all and (max-width:1200px){
  .wrap-contents .img-ul02 ul li .thum { width:100%; display: block; } 
  .wrap-contents .img-ul02 ul li .thum > img { width:100%; } 
  .wrap-contents .img-ul02 ul li .text { width:100%; display: block; padding: 30px 0 25px; } 
}

@media all and (max-width:767px){
  .wrap-contents .img-ul02 ul li { width:100%; } 
  .wrap-contents .img-ul02 ul li + li { margin-left:0; } 
}

.wrap-contents .img-ul03 ul { font-size:0; } 
.wrap-contents .img-ul03 ul li { display: inline-block; vertical-align: top; width: calc(100% / 3 - 30px); margin-bottom: 30px; position: relative; } 
.wrap-contents .img-ul03 ul li + li { margin-left:45px; } 
.wrap-contents .img-ul03 ul li:nth-child(3n+1) { margin-left:0; } 
.wrap-contents .img-ul03 ul li > span { font-size:23px; background:#2f8d9a; color:#fff; display: inline-block; width: 52px; height: 48px; position: absolute; top: -24px; right: 20px; font-family: 'Noto Regular'; text-align: center; padding-top: 6px; } 
.wrap-contents .img-ul03 ul li .text { font-size: 17px; background: #fff; position: relative; width: 80%; margin: -80px auto 0; padding: 35px 25px 50px; text-align: center; } 
.wrap-contents .img-ul03 ul li .text strong { font-size:22px; color:#151515; padding-bottom: 15px; margin-bottom: 15px; display: block; position: relative; font-family: 'Noto Medium'; } 
.wrap-contents .img-ul03 ul li .text strong:before { content:''; width:45px; height: 1px; background: #72adf3; position: absolute; bottom:0; left:50%; margin-left:-22.5px; } 
.wrap-contents .img-ul03 ul li .text p { width:60%; margin: 0 auto; font-size: 16px; line-height: 1.6; color: #666; } 

@media all and (max-width:1200px){
  .wrap-contents .img-ul03 ul li .text p { width:100%; } 
}

@media all and (max-width:767px){
  .wrap-contents .img-ul03 ul li { width:100%; } 
  .wrap-contents .img-ul03 ul li + li { margin-left:0; } 
  .wrap-contents .img-ul03 ul li .thum > img { width:100%; } 
}

.wrap-contents .img-ul04 ul li { margin-bottom: 90px; font-size: 0; } 
.wrap-contents .img-ul04 ul li .thum { display: inline-block; vertical-align: top; width:610px; } 
.wrap-contents .img-ul04 ul li .thum .inner { padding:45px 0 0 40px; position: relative; } 
.wrap-contents .img-ul04 ul li .thum .inner:before { content:''; width:195px; height: 175px; background: #f5dcd7; position: absolute; top:0; left:0; z-index: -1; } 
.wrap-contents .img-ul04 ul li .text { display: inline-block; vertical-align: top; padding:85px 25px 25px 160px; width:calc(100% - 610px); font-size: 17px; } 
.wrap-contents .img-ul04 ul li .text > span { font-size: 26px; color:#666; display: block; margin-bottom: 15px; } 
.wrap-contents .img-ul04 ul li .text > strong { font-size: 45px; color:#151515; display: block; font-family: 'Noto Medium'; line-height: 1.2; padding-bottom: 45px; margin-bottom: 35px; position: relative; } 
.wrap-contents .img-ul04 ul li .text > strong > span { color:#ce5038; } 
.wrap-contents .img-ul04 ul li:nth-child(2) .text > strong > span { color:#489aae; } 
.wrap-contents .img-ul04 ul li:nth-child(3) .text > strong > span { color:#a98405; } 

.wrap-contents .img-ul04 ul li .text > strong:after { content:''; width: 100%; height: 2px; background: #db5038; position: absolute; bottom:0; left: -50%; } 
.wrap-contents .img-ul04 ul li .text > p { font-size: 18px; text-align: left; } 
.wrap-contents .img-ul04 ul li .text > p i { display:block; } 

.wrap-contents .img-ul04 ul li:nth-child(2) { text-align: right; } 
.wrap-contents .img-ul04 ul li:nth-child(2) .thum { float:right; } 
.wrap-contents .img-ul04 ul li:nth-child(2) .thum .inner { padding:45px 40px 0 0; position: relative; } 
.wrap-contents .img-ul04 ul li:nth-child(2) .thum .inner:before { content:''; width:195px; height: 175px; background: #e0ebfe; position: absolute; top:0; right:0; left: unset; z-index: -1; } 
.wrap-contents .img-ul04 ul li:nth-child(3) .thum .inner:before { background:#f8ebd5; } 
.wrap-contents .img-ul04 ul li:nth-child(2) .text { padding:85px 160px 25px 25px; } 
.wrap-contents .img-ul04 ul li:nth-child(2) .text p { text-align: right; } 

.wrap-contents .img-ul04 ul li:nth-child(2) .text strong:after { background: #2f8d9a; left:unset; right:-50%; } 
.wrap-contents .img-ul04 ul li:nth-child(3) .text strong:after { background: #e2981d; } 

@media all and (max-width:1200px){
  .wrap-contents .img-ul04 ul li .thum { width:50%; } 
  .wrap-contents .img-ul04 ul li .text { width: 60%; margin-left: -10%; } 
  .wrap-contents .img-ul04 ul li:nth-child(2) .text { margin-left:0; margin-right:-10%; } 
}

@media all and (max-width:767px){
  .wrap-contents .img-ul04 { overflow: hidden; } 
  .wrap-contents .img-ul04 ul li .thum { display: block; width:100%; } 
  .wrap-contents .img-ul04 ul li .text,
  .wrap-contents .img-ul04 ul li:nth-child(2) .text { margin-left:0; margin-right:0; width:100%; padding: 35px 15px 25px 15px; } 
  .wrap-contents .img-ul04 ul li .thum .inner { padding:25px 0 0 20px; } 
  .wrap-contents .img-ul04 ul li:nth-child(2) .thum .inner { padding:25px 20px 0 0; } 
  .wrap-contents .img-ul04 ul li .text span { font-size: 18px; margin-bottom: 5px; } 
  .wrap-contents .img-ul04 ul li .text strong { font-size: 30px; padding-bottom: 25px; margin-bottom: 15px; } 
}

.wrap-contents .icon-ul01 { padding-top:60px; } 
.wrap-contents .icon-ul01 ul li { display: inline-block; vertical-align: top; width: calc(100% / 3 - 10px); margin-bottom: 30px; position: relative; background: #f4f4f4; border:1px solid #d7d7d7; } 
.wrap-contents .icon-ul01 ul li:nth-child(2) { background: #fff; } 
.wrap-contents .icon-ul01 ul li + li { margin-left:10px; } 
.wrap-contents .icon-ul01 ul li .icon { text-align: center; margin-top:-60px; margin-bottom: 30px; } 
.wrap-contents .icon-ul01 ul li .text { text-align: center; padding: 0 15px 35px; } 
.wrap-contents .icon-ul01 ul li .text strong { font-size:20px; color:#333; font-family: 'Noto Regular'; display: block; margin-bottom: 5px; } 
.wrap-contents .icon-ul01 ul li .text p { font-size: 17px; color:#666; font-family: 'Noto Thin'; } 
.wrap-contents .icon-ul01 ul li .text a { display: block; width:50%; padding:7px 0; text-align: center; background: #fff; border:1px solid #eee; margin:25px auto 0; } 
.wrap-contents .icon-ul01 ul li:nth-child(2) .text a { background: #f0f0f0; border-color:#f0f0f0; } 

.wrap-contents .icon-ul02 { width: 70%; margin:0 auto; } 
.wrap-contents .icon-ul02 ul { font-size: 0; } 
.wrap-contents .icon-ul02 ul li { display: inline-block; vertical-align: top; width: calc(100% / 2 - 50px); font-size: 17px; margin-bottom: 50px; } 
.wrap-contents .icon-ul02 ul li + li { margin-left: 100px; } 
.wrap-contents .icon-ul02 ul li:nth-child(2n+1) { margin-left:0; } 
.wrap-contents .icon-ul02 ul li .icon { display: inline-block; vertical-align: top; padding-right: 15px; width: 80px; } 
.wrap-contents .icon-ul02 ul li .text { display: inline-block; vertical-align: top; width: calc(100% - 85px); } 
.wrap-contents .icon-ul02 ul li .text .title { line-height: 1; margin-top: 8px; display: inline-block; vertical-align: top; padding-right: 20px; padding-left: 15px; border-left: 2px solid #17469e; } 
.wrap-contents .icon-ul02 ul li .text .title span { display: block; font-size: 17px; color: #17469e; margin-top: 7px; line-height: 1; } 
.wrap-contents .icon-ul02 ul li .text .title strong { display: block; font-size: 24px; font-family: 'Noto Regular'; color: #666; line-height: 1; } 
.wrap-contents .icon-ul02 ul li .text p { width:60%; display: inline-block; vertical-align: top; padding-top: 5px; } 

.wrap-contents .timi-ul01 > ul { font-size:0; } 
.wrap-contents .timi-ul01 > ul > li { display: inline-block; vertical-align: top; font-size: 17px; width:calc(100% / 3); border:1px solid #d7d7d7; padding:30px; min-height: 320px; } 
.wrap-contents .timi-ul01 > ul > li + li { border-left:0; } 
.wrap-contents .timi-ul01 > ul > li strong { font-size: 24px; font-family: 'Noto Regular'; display: block; margin-bottom: 20px; padding-top: 5px; padding-left: 10px; position: relative; } 
.wrap-contents .timi-ul01 > ul > li strong:before { content:''; width:10px; height: 10px; background: #db5038; position: absolute; top:0; left:0; } 
.wrap-contents .timi-ul01 > ul > li:nth-child(1) { background: url('../../images/guide/timi-bg01.png') no-repeat 90% 90%; } 
.wrap-contents .timi-ul01 > ul > li:nth-child(2) { background: url('../../images/guide/timi-bg02.png') no-repeat 90% 90%; } 
.wrap-contents .timi-ul01 > ul > li:nth-child(3) { background: url('../../images/guide/timi-bg03.png') no-repeat 90% 90%; } 
.wrap-contents .timi-ul01 .text > p { margin-bottom: 10px; } 

@media all and (max-width:1400px){
  .wrap-contents .icon-ul02 { width:90%; } 
  .wrap-contents .icon-ul02 ul li + li { margin-left:50px; } 
}

@media all and (max-width:1025px){
  .wrap-contents .icon-ul02 { width:100%; } 
  .wrap-contents .icon-ul02 ul li .text p { display: block; width: 100%; padding-left:15px; } 
}

@media all and (max-width:767px){
  .wrap-contents .icon-ul01 ul li { width:100%; display: block; } 
  .wrap-contents .icon-ul01 ul li + li { margin-left:0; margin-top:100px; } 
  .wrap-contents .timi-ul01 > ul > li strong { font-size: 20px; } 
  .wrap-contents .timi-ul01 > ul > li { width:100%; display: block; } 
  .wrap-contents .timi-ul01 > ul > li + li { border-left:1px solid #d7d7d7; border-top:0; } 

  .wrap-contents .icon-ul02 ul li { width:100%; display: block; } 
  .wrap-contents .icon-ul02 ul li + li { margin-left:0; } 
}

.wrap-contents .ul-type01 > ul { font-size:0; } 
.wrap-contents .ul-type01 > ul > li { display: inline-block; vertical-align: top; border-top:3px solid #2f8d9a; padding: 20px 25px; width:calc(100% / 4 - 25px); font-size: 17px; } 
.wrap-contents .ul-type01 > ul > li + li { margin-left:30px; margin-top: 0 !important; } 
.wrap-contents .ul-type01 > ul > li > span { display: block; font-size: 18px; color:#2f8d9a; margin-bottom: 5px; font-family: 'Noto Medium'; } 
.wrap-contents .ul-type01 > ul > li > strong { display: block; font-size: 19px; color:#2f8d9a; font-family: 'Noto Medium'; margin-bottom: 15px; } 

.wrap-contents .ul-type02 { border-top: 1px solid #c6cbcb; border-radius: 220px; padding-top:45px; } 
.wrap-contents .ul-type02 > ul { font-size:0; text-align: center; } 
.wrap-contents .ul-type02 > ul > li { display: inline-block; vertical-align: top; width:300px; height: 300px; border-radius: 50%; padding: 30px 0; border:1px solid #db5038; } 
.wrap-contents .ul-type02 > ul > li + li { margin-left:25px; } 
.wrap-contents .ul-type02 > ul > li > span { display: block; font-size: 24px; color:#db5038; margin-bottom: 5px; font-family: 'Noto Regular'; margin-bottom: 50px; } 
.wrap-contents .ul-type02 > ul > li > strong { display: block; font-size: 23px; color:#db5038; border-bottom: 1px solid #db5038; font-family: 'Noto Regular'; padding-bottom: 20px; position: relative; width:70%; margin: 0 auto 20px; } 
.wrap-contents .ul-type02 > ul > li > p { display: block; font-size: 20px; color: #666; font-family: 'Noto Regular'; } 

@media all and (max-width:1400px){
  .wrap-contents .ul-type02 { width: 760px; margin:0 auto; } 
  .wrap-contents .ul-type02 > ul > li { margin-bottom: 25px; } 
  .wrap-contents .ul-type02 > ul > li:nth-child(2n+1) { margin-left:0; } 
}

@media all and (max-width:1025px){
  .wrap-contents .ul-type01 > ul > li { width: calc(100% / 2 - 15px); margin-bottom: 25px; } 
  .wrap-contents .ul-type01 > ul > li:nth-child(2n+1) { margin-left:0; } 
}

@media all and (max-width:767px){
  .wrap-contents .ul-type02 { width: auto; border-top:0; } 
  .wrap-contents .ul-type02 > ul > li { width:260px; height: 260px; margin-right: 15px; } 
  .wrap-contents .ul-type02 > ul > li:nth-child(2n+1) { margin-left:15px; } 
  .wrap-contents .ul-type02 > ul > li > span { font-size: 20px; margin-bottom: 35px; } 
  .wrap-contents .ul-type02 > ul > li + li { margin-left: 15px; } 
  .wrap-contents .ul-type01 > ul > li { width:100%; } 
  .wrap-contents .ul-type01 > ul > li + li { margin-left:0; margin-top: 25px; } 
  .wrap-contents .ul-type01 > ul > li:nth-child(2n+1) { margin-left:0; } 
}

.iconType { background-color: #e2981d; padding:40px; box-sizing:border-box; overflow: hidden; } 
.iconType .title { width: 25%; float:left; color:#fff; font-size: 30px; font-weight:600; margin-top:10px; } 
.iconType .title strong { float:left; } 
.iconType .title:after { content: ''; width: 70%; height: 1px; background-color: #fff; display: inline-block; float: right; margin-top: 35px; } 
.iconType .icons { width: 75%; float:left; } 
.iconType .icons ul li { display:inline-block; margin:20px; } 

.iconType.type02 { background-color:#fff; border:1px solid #666; } 
.iconType.type02 .title { color:#666; } 
.iconType.type02 .title:after { background-color:#666; } 

.wrap-contents .red-bar-title { font-size: 26px; font-family: 'Noto Regular'; color:#151515; padding-top:8px; position: relative; } 
.wrap-contents .red-bar-title:before { content:''; width:20px; height: 4px; background:#db5038; position: absolute; top:0; left:0; } 
.wrap-contents .yellow-bar-title { font-size: 26px; font-family: 'Noto Regular'; color:#151515; padding-top:8px; position: relative; } 
.wrap-contents .yellow-bar-title:before { content:''; width:20px; height: 4px; background:#e2981d; position: absolute; top:0; left:0; } 

.wrap-contents .ul-style01 { width:1200px; margin:0 auto; text-align: center; padding:30px 0; } 
.wrap-contents .ul-style01 > ul > li { display: inline-block; vertical-align: top; width:280px; height: 280px; border:1px solid #db5038; border-radius: 50%; background: #fff; } 
.wrap-contents .ul-style01 > ul > li + li { margin-left: 75px; position: relative; } 
.wrap-contents .ul-style01 > ul > li + li:before { content:''; width:70px; height: 3px; display: block; background: url('../../images/guide/orange-dot-line.png') no-repeat left center; position: absolute; top: 50%; left: -71px; z-index: -1; } 
.wrap-contents .ul-style01 > ul > li > strong { padding:0 15px; background: #fff; display: inline-block; position: relative; margin-bottom: 50px; font-size: 24px; font-family: 'Noto Regular'; top: -15px; } 
.wrap-contents .ul-style01 > ul > li > ul { width:48%; margin:0 auto; text-align: left; } 
.wrap-contents .ul-style01 > ul > li span { color:#db5038; } 
.wrap-contents .ul-style01 > ul > li p.mention { padding-top: 15px; width: 70%; margin:0 auto; background: url('../../images/guide/mention_s.png') no-repeat center top; } 

.wrap-contents .ul-style02 { width:1000px; margin:0 auto; text-align: center; } 
.wrap-contents .ul-style02 > ul > li { display: inline-block; vertical-align: top; width:180px; height: 180px; position: relative; padding-top: 65px; } 
.wrap-contents .ul-style02 > ul > li:before { z-index: -1; content:''; width:100%; height: 100%; border:1px solid #db5038; background:#db5038; position: absolute; top:0; left:0; border-radius: 50px; transform: rotate(45deg); } 
.wrap-contents .ul-style02 > ul > li:after { content:''; width:100%; height: 100%; background:#db5038; opacity: 0.2; position: absolute; top:0; left:0; border-radius: 50px; transform: rotate(60deg); z-index: -2; } 
.wrap-contents .ul-style02 > ul > li + li { margin-left: 75px; } 
.wrap-contents .ul-style02 > ul > li strong { display: block; font-size: 18px; color:#fff; } 
.wrap-contents .ul-style02 > ul > li:nth-child(even):before { background:#fff; } 
.wrap-contents .ul-style02 > ul > li:nth-child(even) strong { color:#666; } 
.wrap-contents .ul-style02.edu-goal > ul > li:nth-child(even) strong { color:#fff; } 

.wrap-contents .ul-style03 { width:1000px; margin:0 auto; } 
.wrap-contents .ul-style03 > ul > li { display: inline-block; vertical-align: top; width:calc(100% / 5 - 75px); position: relative; padding-top: 67px; } 
.wrap-contents .ul-style03 > ul > li + li { margin-left: 90px; } 
.wrap-contents .ul-style03 > ul > li > span { color:rgba(21,21,21,0.15); font-size: 100px; position: absolute; top:0; left: -5px; font-family: 'Noto Bold'; line-height: 1; } 
.wrap-contents .ul-style03 > ul > li > strong { font-size: 23px; color: #212121; font-family: 'Noto Bold'; display: block; margin-bottom: 10px; } 
.wrap-contents .ul-style03 > ul > li > ul > li { color:#212121; padding-left:12px; position: relative; } 
.wrap-contents .ul-style03 > ul > li > ul > li:before { content:''; width:4px; height: 4px; background: #666; position: absolute; top:11px; left:0; } 

@media all and (max-width:1200px){
  .wrap-contents .ul-style01 { width:100%; } 
  .wrap-contents .ul-style01 > ul > li + li { margin-left: 35px; } 
}

@media all and (max-width:1025px){
  .wrap-contents .ul-style01 > ul > li { display: block; margin:0 auto 30px; } 
  .wrap-contents .ul-style01 > ul > li + li { margin-left:auto; margin-top:120px; } 
  .wrap-contents .ul-style01 > ul > li + li:before { top: -65px; left:50%; margin-left: -35px; transform: rotate(90deg); } 

  .wrap-contents .ul-style02 { width:600px; } 
  .wrap-contents .ul-style02 > ul > li { margin-bottom: 80px; } 
  .wrap-contents .ul-style02 > ul > li:nth-child(2n+1) { margin-left:0; } 

  .wrap-contents .ul-style03 { width:100%; } 
  .wrap-contents .ul-style03 > ul > li { width:calc(100% / 3 - 75px); margin-bottom: 35px; } 
  .wrap-contents .ul-style03 > ul > li:nth-child(3n+1) { margin-left:0; } 
}

@media all and (max-width:767px){
  .wrap-contents .ul-style02 { width:200px; } 
  .wrap-contents .ul-style02 > ul > li + li { margin-left:0; } 
  .wrap-contents .ul-style03 > ul > li { width:calc(100% / 2 - 75px); } 
  .wrap-contents .ul-style03 > ul > li:nth-child(2n+1) { margin-left:0; } 

  .wrap-contents .ul-style02.edu-goal > ul > li:nth-child(even) strong { color:#000; } 
  .wrap-contents .ul-style03 > ul > li:nth-child(4) { margin-left:90px; } 
}

@media all and (max-width:420px){
  .wrap-contents .ul-style03 > ul > li:nth-child(4) { margin-left:0; } 
  .wrap-contents .ul-style03 > ul > li { width:100%; } 
  .wrap-contents .ul-style03 > ul > li + li { margin-left:0; } 
}

.wrap-contents .graph-style01 { position: relative; text-align: center; padding: 320px 0 80px; width:1100px; margin:0 auto; } 
.wrap-contents .graph-style01 ul li { display: inline-block; vertical-align: top; } 
.wrap-contents .graph-style01 ul li .circle { width:270px; height: 270px; border:1px solid #eee; border-radius: 50%; text-align: center; padding-top: 115px; position: relative; } 
.wrap-contents .graph-style01 ul li:nth-child(1) .circle { border-color:#de5c46; margin-right:-170px; padding-right: 35px; } 
.wrap-contents .graph-style01 ul li:nth-child(2) .circle { border-color:#3c94a0; margin-top:-180px; padding-top: 105px; } 
.wrap-contents .graph-style01 ul li:nth-child(3) .circle { border-color:#e49e2b; margin-left: -170px; padding-left: 35px; } 
.wrap-contents .graph-style01 ul li .circle:before { content:''; display: block; width:14px; height: 14px; position: absolute; border-radius: 50%; } 
.wrap-contents .graph-style01 ul li:nth-child(1) .circle:before { background-color:#de5c46; bottom: 25px; left: 14.5%; } 
.wrap-contents .graph-style01 ul li:nth-child(2) .circle:before { background-color:#3c94a0; top: -7px; left:50%; margin-left:-7px; } 
.wrap-contents .graph-style01 ul li:nth-child(3) .circle:before { background-color:#e49e2b; bottom: 25px; right: 14.5%; } 
.wrap-contents .graph-style01 ul li .circle > strong { font-size: 21px; color:#212121; font-family: 'Noto Medium'; } 
.wrap-contents .graph-style01 ul li:nth-child(1) .circle > strong span { color:#de5c46; } 
.wrap-contents .graph-style01 ul li:nth-child(2) .circle > strong span { color:#3c94a0; } 
.wrap-contents .graph-style01 ul li:nth-child(3) .circle > strong span { color:#CF8100; } 
.wrap-contents .graph-style01 ul li .text { position: absolute; width: 300px; } 
.wrap-contents .graph-style01 ul li .text > strong { font-size: 21px; color:#151515; font-family: 'Noto Medium'; display: block; margin-bottom: 5px; } 
.wrap-contents .graph-style01 ul li .text > p { font-size: 16px; color:#666; } 
.wrap-contents .graph-style01 ul li:nth-child(1) .text { bottom:0; left:0; text-align: right; } 
.wrap-contents .graph-style01 ul li:nth-child(2) .text { top:0; left:50%; transform: translate(-50%,0); } 
.wrap-contents .graph-style01 ul li:nth-child(3) .text { bottom:0; right:0; text-align: left; } 

@media all and (max-width:1200px){
  .wrap-contents .graph-style01 { width:auto; } 
}

@media all and (max-width:1025px){
  .wrap-contents .graph-style01 { padding:30px 0 20px; } 
  .wrap-contents .graph-style01 ul li { display: block; margin-bottom: 55px; } 
  .wrap-contents .graph-style01 ul li .circle { width:100%; height: 100%; display: block; border-radius: 15px; margin-bottom: 25px; padding-top:15px; padding-bottom: 15px; } 
  .wrap-contents .graph-style01 ul li:nth-child(1) .circle { margin-right:0; padding-right:0; } 
  .wrap-contents .graph-style01 ul li:nth-child(2) .circle { margin-top:0; padding-top: 15px; } 
  .wrap-contents .graph-style01 ul li:nth-child(3) .circle { margin-left:0; padding-left:0; } 
  .wrap-contents .graph-style01 ul li .text { position: initial; width:100%; display: block; } 
  .wrap-contents .graph-style01 ul li:nth-child(1) .text { text-align: left; } 
  .wrap-contents .graph-style01 ul li:nth-child(2) .text { transform: none; text-align: left; } 
  .wrap-contents .graph-style01 ul li .circle:before { display: none; } 
}

.wrap-contents .graph-style02 { background: #f9f8f6; padding:75px 0 85px; text-align: center; } 
.wrap-contents .graph-style02 .inner { width:830px; position: relative; margin: 0 auto; padding: 130px 0; z-index: 2; } 
.wrap-contents .graph-style02 .inner > strong { position: relative; display: block; width:250px; height: 250px; background: #e49e2b; border-radius: 50%; border:17px solid #fdebcd; color:#fff; text-align: center; font-size: 24px; padding-top: 85px; margin: 0 auto; } 
.wrap-contents .graph-style02 .inner > strong:before { content:''; width:1px; height: 810px; background: #c4b29e; position: absolute; left: 90px; top: -290px; transform: rotate(-50deg); z-index: -1; } 
.wrap-contents .graph-style02 .inner > strong:after { content:''; width:1px; height: 810px; background: #c4b29e; position: absolute; right: 90px; top: -290px; transform: rotate(50deg); z-index: -1; } 
.wrap-contents .graph-style02 ul li { position: absolute; } 
.wrap-contents .graph-style02 ul li strong { color:#151515; font-size: 20px; font-family: 'Noto Regular'; display: block; margin-bottom: 12px; } 
.wrap-contents .graph-style02 ul li p { color:#666; } 
.wrap-contents .graph-style02 ul li:nth-child(1) { top:0; left: 50%; transform: translate(-50%, 0); } 
.wrap-contents .graph-style02 ul li:nth-child(2) { right:0; top: 50%; transform: translate(0, -50%); } 
.wrap-contents .graph-style02 ul li:nth-child(3) { bottom:0; left: 50%; transform: translate(-50%, 0); } 
.wrap-contents .graph-style02 ul li:nth-child(4) { left:84px; top: 50%; transform: translate(0, -50%); } 

@media all and (max-width:1025px){
  .wrap-contents .graph-style02 { padding:35px 0 45px; } 
  .wrap-contents .graph-style02 .inner { padding:0; width:auto; } 
  .wrap-contents .graph-style02 .inner > strong { border: 3px solid #fdebcd; padding-top: 5px; border-radius: 10px; width: 400px; height: auto; padding-bottom: 5px; font-size: 20px; margin-bottom: 30px; } 
  .wrap-contents .graph-style02 .inner > strong:before,
  .wrap-contents .graph-style02 .inner > strong:after { display: none; } 
  .wrap-contents .graph-style02 ul li { position: initial; transform: none !important; width: calc(100% / 2 - 10px); display: inline-block; } 
  .wrap-contents .graph-style02 ul li + li { margin-top:25px; } 
}

@media all and (max-width:767px){
  .wrap-contents .graph-style02 .inner > strong { width:85%; } 
  .wrap-contents .graph-style02 ul li { width:100%; } 
}

/* 1921 이상 */
@media (min-width:1921px){
  ._objHtml p { font-size: 21px; } 

  .wrap-contents .graph-style01 { width: 1200px; } 
  .wrap-contents .graph-style01 ul li .circle { width:400px; height:400px; padding-top:185px; } 
  .wrap-contents .graph-style01 ul li:nth-child(2) .circle { padding-top:155px; } 
  .wrap-contents .graph-style01.edu-goal ul li .text { width:200px; } 
  .wrap-contents .graph-style01 ul li:nth-child(1) .circle:before { left:20.5%; } 
  .wrap-contents .graph-style01 ul li:nth-child(3) .circle:before { right:20.5% } 
  .wrap-contents .graph-style01 ul li .circle { width: 500px; height: 500px; } 
  .wrap-contents .graph-style01 ul li .circle > strong { font-size: 27px; } 
  .wrap-contents .graph-style01 ul li .text > strong { font-size: 25px; } 
  .wrap-contents .graph-style01 ul li:nth-child(1) .text strong { transform: translateX(-100px); } 
  .wrap-contents .graph-style01 ul li:nth-child(3) .text strong { transform: translateX(100px); } 

  .wrap-contents .graph-style02 ul li strong { font-size: 23px; } 
  .wrap-contents .graph-style02 .inner { width: 1500px; } 
  .wrap-contents .graph-style02 ul li:nth-child(2) { right: 200px; } 
  .wrap-contents .graph-style02 ul li:nth-child(4) { left: 310px; } 
  body .wrap-contents .graph-style02 .inner > strong { line-height:1.8 } 
  .wrap-contents .graph-style02 ul li strong { font-size: 27px; } 

  .wrap-contents .ul-style02 { width: 1200px; } 
  .wrap-contents .ul-style02 > ul > li { width:300px; height:300px; padding-top:115px; } 
  .wrap-contents .ul-style02 > ul > li strong { font-size:27px; } 
  .wrap-contents .ul-style02 > ul > li span { font-size:27px !important; } 
  .wrap-contents .ul-style03.edu-goal { width:1500px; } 

  .wrap-contents .subject h2 { font-size: 60px; } 

  .wrap-contents .tab ul li a { font-size: 25px; } 

  .wrap-contents .objHeading_h2 { font-size: 34px !important; } 
  .wrap-contents .objHeading_h3 { font-size: 23px !important; } 

  .wrap-contents .con-list2 > li { font-size: 20px } 
  .wrap-contents .con-list2 > li:after { width: 5px; height: 5px; top: 9px; } 

  .wrap-contents ._contentBuilder ._obj._objHtml .con-table thead th { font-size: 22px; } 
  .wrap-contents ._contentBuilder ._obj._objHtml .con-table tbody td { font-size: 20px; padding: 30px 20px !important; } 

  .wrap-contents .icon-box-gray .text > strong { font-size: 26px; } 
  .wrap-contents .icon-box-gray .text > p { font-size: 20px; } 
  .wrap-contents .line-box p { font-size: 21px; } 
  .wrap-contents .icon-box-gray .arrow-list li { font-size: 20px; } 
  .wrap-contents .con-list > li { font-size: 20px; } 

  .wrap-contents .img-ul04 ul li .text > span { font-size: 30px; } 
  .wrap-contents .img-ul04 ul li .text > strong { font-size: 49px; } 
  .wrap-contents .img-ul04 ul li .text > p { font-size: 23px; } 

  .wrap-contents .related-major > strong { font-size: 25px; } 
  .wrap-contents .related-major > ul > li { font-size: 20px; } 

  .wrap-contents .txtbtn-type01 { font-size: 20px; } 
  .wrap-contents .title-img-box01 .text .title strong { font-size: 44px; } 

  .wrap-contents .title-img-box01 .contact_info li { font-size: 19px; } 
  .wrap-contents .title-img-box01 .contact_info li span { font-size: 21px; } 

  .wrap-contents .icon-box-white .text > strong { font-size: 26px; } 

  .wrap-contents .con-notice { font-size: 20px; } 

  .wrap-contents .normal-btn { font-size: 20px; } 

  .wrap-contents ._contentBuilder ._obj._objWidget .con-table thead th { font-size: 21px; } 
  .wrap-contents ._contentBuilder ._obj._objWidget .con-table tbody th { font-size: 21px; } 
  .wrap-contents ._contentBuilder ._obj._objWidget .con-table tbody td { font-size: 19px; } 

  .wrap-contents .small-btn { font-size: 20px; } 

  .icon-box-gray.facilty-box .con-list2 > li { font-size: 20px; } 

  .wrap-contents .icon-box-gray .text { padding-top: 9px; } 

  .wrap-contents .btn-detail { font-size: 20px; } 

  .wrap-contents .icon-ul02 ul li .text .title span { font-size: 20px; } 

  .wrap-contents ._contentBuilder ._obj._objHtml .con-table tbody th { font-size: 20px; } 

  .wrap-contents .mobile-service02 .con-notice { font-size: 20px; } 

  .wrap-contents .gray-box { font-size: 20px; } 

  .greeting02 .text > strong { font-size: 53px; } 
  .greeting02 .text > strong span.bold { font-size: 63px; } 
  .greeting02 .text > p span { font-size: 40px; } 
  .greeting02 .conts ul li p { font-size: 23px; } 
  .greeting02 .conts ul li p span { font-size: 25px; } 
  .greeting02 .conts .sign span { font-size: 22px; } 
  .greeting02 .conts .sign img { width: 130px; } 

  .wrap-contents .ul-style03 > ul > li > span { font-size: 110px; } 
  .wrap-contents .ul-style03 > ul > li > strong { font-size: 27px; } 
  .wrap-contents .ul-style03 > ul > li > ul > li { font-size: 20px; } 
}