@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MalgunGothic'; src:url(/img/MalgunGothic.eot);}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
br {font-family:'MalgunGothic';}



*,body {margin:0; padding:0; scroll-behavior:smooth;}
body {font-family:'Pretendard';}
body#mainbody {background:url(/img/bodybg.jpg) repeat center;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#222;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt8 {margin-top:8px !Important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:60px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.per90, .px1300 {width:90%; margin:0 auto;}
.sub00, .subboard {margin:60px auto 0 auto; width:90%;}
.ooommm {display:none;}
#jy_pop123123 {position:absolute; top:100px; left:0; z-index:911026;}
.onlyPC {display:none;}
.onlyM {display:block;}
b > br {display:none;}
a > br {display:block;}








/* ====== 공통 ====== */
/* 헤더 */
header {width:100%; background:#fff; height:52px; padding:30px 0; border-bottom:1px solid #ddd;}
header::after {content:"";}
header > div > h1 {margin:0 auto; text-align:Center;}
header > div > h3 {position:absolute; right:20px; top:8px;}
header > div > figure {display:none;}
nav::after {content:"";}
#navigation {position:fixed; top:0; z-index:100; width:100%; z-index:9999999999999;}
#navigation::after {content:"";}
#sidebar {width:280px; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:9999999999999999999999999999999999999999999999999;}
.container {width:100%; position:absolute; top:0;}
.container::after {content:"";}
.fixed1 {position:absolute; z-index:999; left:20px;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right;}
.navXbtn01 img {width:30px; height:30px;}
.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333; text-align:left;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:16px;}
.nav_cate01 > li {background:#fff url(/img/tri01.png) no-repeat 95% 23px;}
.nav_cate01 > li.active {background:#2e85c4 url(/img/tri01.png) no-repeat 95% 23px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500; text-align:left;}
.nav_cate01 > li.active > a {color:#fff !Important;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #d7d7d7; width:90%; height:60px; line-height:60px; text-align:left; font-size:15px;}
.nav_cate01 li:last-child .subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#666;}
#sidebar > figure {margin:20px 0 0 0; text-align:left; color:#2e85c4; font-size:25px; line-height:52px; display:block;}
#sidebar > figure img, #sidebar > figure strong {vertical-align:middle;}
#sidebar > figure img {padding:0 10px 0 0;}



/* 푸터 */
footer {width:100%; border-top:1px solid #ddd; text-align:Center; overflow:hidden; margin:100px auto 0 auto;}
footer > div {padding:30px 0;}
footer > div p {font-size:15px; line-height:27px; color:#444; margin:20px auto 0 auto;}
footer > p {width:100%; height:50px; line-height:50px; color:#222; background:#ebebeb; font-size:13px;}






/* ====== 메인 ====== */
/* 공통 */
.atag_basic {display:block; width:150px; height:50px; line-height:50px; text-align:center; border:1px solid #aaa; text-transform:uppercase; color:#333; font-size:14px; margin:30px auto 0 auto; transition:background 0.5s, color 0.5s, border 0.5s;}
.atag_basic:hover {background:#2e85c4; color:#fff; border:1px solid #2e85c4;}


/* 비주얼 */
#mainvis {width:100%; overflow:hidden; background:url(/img/mainvis02.jpg) no-repeat center; margin:1px auto 0 auto; height:760px;}
#mainvis > div {background:rgba(255,255,255,0.7); padding:30px; text-align:center;}
#mainvis h3 {font-size:45px; color:#444; font-weight:100; letter-spacing:-0.07em;}
#mainvis h1 {font-size:49px; color:#2e85c4; margin:20px 0; letter-spacing:-0.05em;}
#mainvis p {font-size:19px; line-height:28px; color:#555; opacity:0.7; letter-spacing:-0.07em;}
#mainvis div > a {display:block; width:150px; height:50px; line-height:50px; text-align:center; border:1px solid #aaa; text-transform:uppercase; color:#333; font-size:14px; margin:30px auto 0 auto; transition:background 0.5s, color 0.5s, border 0.5s;}
#mainvis div > a:hover {background:#2e85c4; color:#fff; border:1px solid #2e85c4;}



/* 메인01 */
#main01 {margin:100px auto; overflow:hidden; width:100%;}
#main01 h1 {font-size:66px; letter-spacing:-0.04em; color:#000; font-weight:900;}
#main01 h3 {font-size:18px; letter-spacing:-0.04em; color:#000; font-weight:900; opacity:0.5; margin:15px 0 0 0;}
#main01 article {margin:40px 0; line-height:36px; font-size:19px; letter-spacing:-0.07em; color:#666;}
#main01 article span br {Display:none;}



/* 메인02 */
#main02 {width:100%; overflow:hidden; padding:80px 0 0 0;}
#main02 .px1300 {width:100%;}
#main02 section {width:90%; margin:0 auto;}
#main02 section h3 {font-size:23px; color:#fff; font-weight:400;}
#main02 section h1 {Font-size:65px; color:#fff; margin:20px 0; letter-spacing:-0.07em;}
#main02 section article {font-size:19px; line-height:31px; opacity:0.6; letter-spacing:-0.07em; color:#fff;}
#main02 section a {border:1px solid #fff; color:#fff; margin:30px 0 0 0; transition:background 0.5s, color 0.5s, border 0.5s;}
#main02 section a:hover {background:#fff; color:#2e85c4; border:1px solid #fff;}
#main02 figure:nth-of-type(1) {display:none;}
#main02 figure:nth-of-type(2) {background:url(/img/bg03.jpg) repeat-x left bottom; margin:30px auto 0 auto;}
#main02 figure img {display:block; margin:0 auto;}



/* 메인03 */
#main03 {width:100%; overflow:hidden; margin:100px auto 0 auto; text-align:Center;}
#main03 h3 {font-size:23px; color:#000; font-weight:400;}
#main03 h1 {font-size:65px; color:#000; font-weight:700; letter-spacing:-0.07em; margin:15px auto 0 auto;}
#main03 ul {overflow:Hidden; margin:40px auto 0 auto;}
#main03 ul li {height:auto; text-align:Center; transition:opacity 0.6s;}
#main03 ul li a {display:block; padding:44px 0;}
#main03 ul li:hover {opacity:0.6;}
#main03 ul li span, #main03 ul li strong {display:block; color:#fff;}
#main03 ul li span {font-size:13px; opacity:0.7;}
#main03 ul li strong {font-size:33px; margin:10px auto 0 auto;}
#main03 ul li:first-child {background:url(/img/main03bg01.jpg) no-repeat;}
#main03 ul li:nth-child(2) {background:url(/img/main03bg02.jpg) no-repeat;}
#main03 ul li:nth-child(3) {background:url(/img/main03bg03.jpg) no-repeat;}
#main03 ul li:nth-child(4) {background:url(/img/main03bg04.jpg) no-repeat;}
#main03 ul li:nth-child(5) {background:url(/img/main03bg05.jpg) no-repeat;}
#main03 ul li:nth-child(6) {background:url(/img/main03bg06.jpg) no-repeat;}



/* 메인04 */
#main04 {margin:50px auto; overflow:hidden; width:100%;}
#main04 section {border:1px solid #ddd; text-align:Center; padding:40px 0; overflow:hidden; transition:background 0.5s, color 0.5s, border 0.5s;}
#main04 section figure {width:75px; height:68px; margin:0 auto;}
#main04 section:first-child figure {background:url(/img/main04icon01.png) no-repeat center;}
#main04 section:nth-child(2) figure {background:url(/img/main04icon02.png) no-repeat center;}
#main04 section:nth-child(3) figure {background:url(/img/main04icon03.png) no-repeat center;}
#main04 section:nth-child(4) figure {background:url(/img/main04icon04.png) no-repeat center;}
#main04 section h3 {font-size:12px; color:#9f9e9e; text-transform:uppercase; margin:15px auto 0 auto; font-weight:400;}
#main04 section h1 {font-family:'SANJUGotgam'; font-weight:400; font-size:30px; color:#565656; margin:16px auto 20px auto;}
#main04 section a {display:block; width:115px; height:42px; line-height:42px; text-align:Center; border:1px solid #ddd; font-size:10px; text-transform:uppercase; margin:0 auto; color:#333;}
#main04 section:first-child:hover figure {background:url(/img/main04iconover01.png) no-repeat center;}
#main04 section:nth-child(2):hover figure {background:url(/img/main04iconover02.png) no-repeat center;}
#main04 section:nth-child(3):hover figure {background:url(/img/main04iconover03.png) no-repeat center;}
#main04 section:nth-child(4):hover figure {background:url(/img/main04iconover04.png) no-repeat center;}
#main04 section:hover {border:1px solid #2e85c4; background:#2e85c4;}
#main04 section:hover h1, #main04 section:hover h3, #main04 section:hover a {color:#fff;}
#main04 section:hover a {border:1px solid #fff;}






/* ====== 서브 ====== */
/* 공통 */
#subvisual {text-align:center; width:100%; overflow:hidden;}
#subvisual > h1 {margin:45px auto; color:#444; font-size:45px; letter-spacing:-0.07em; font-weight:700;}
#subvisual .subvis00 {background:url(/img/subvisual.jpg) no-repeat center; text-align:center; padding:100px 0;}
#subvisual .subvis00 h2 {color:#fff; font-size:55px; background:url(/img/bullet01.png) no-repeat center top; padding:40px 0 0 0;}
#subvisual .subvis00 p {font-size:20px; color:#fff; margin:25px auto 0 auto; line-height:30px;}
#subpage {width:100%; overflow:hidden;}
.subsitemap {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:1px auto 0 auto; heighT:50px;}
.ul_sitemap {overflow:hidden; float:left;}
.ul_sitemap li {float:left; border-right:1px solid #eee; line-heighT:50px; padding:0 20px; font-size:15px;}
.ul_sitemap li:first-child {border-left:1px solid #eee;}
.ul_sitemap li select {display:block; width:100%; height:50px; border:none; font-size:15px; font-family:'Pretendard'; cursor:pointer;}
.sub00 {width:90%; margin:40px auto; overflow:hidden;}
.onlyPCP {display:none !Important;}
.onlyMOT {display:block !Important;}
.onlytext00 {text-align:center; padding:30px; background:#fbfbfb;}
.onlytext00 h3 {font-size:22px; color:#333; font-weight:600; letter-spacing:-0.07em; color:#265794; line-height:30px;}
.onlytext00 p {margin:20px auto 0 auto; line-height:25px; font-size:16px;}
.onlytext01 {text-align:left; padding:30px; border:1px dashed #ddd; margin:30px auto 0 auto; font-size:15px; line-height:27px; letter-spacing:-0.07em;}
.onlytextdashed {text-align:center; padding:30px; border:1px dashed #ddd; margin:30px auto 0 auto; font-size:17px; line-height:30px; letter-spacing:-0.07em;} 
.h1title {overflow:Hidden; margin:40px auto 0 auto;}
.h1title span {display:Block; width:2px; height:60px; line-height:60px; float:left; background:#222;}
.h1title strong {letter-spacing:-0.07em; display:block; line-height:60px; font-size:22px; color:#222; margin:0 0 0 10px; float:left; font-weight:600;}
.h1title strong b {color:#dd4343;}
.h3title {overflow:Hidden; margin:40px auto 0 auto;}
.h3title span {display:Block; width:2px; height:40px; line-height:40px; float:left; background:#222;}
.h3title strong {letter-spacing:-0.07em; display:block; line-height:40px; font-size:20px; color:#222; margin:0 0 0 10px; float:left; font-weight:600;}
.h3title strong b {color:#dd4343;}
.h1_ddaompyo {background:url(/img/ddaompyo.png) no-repeat center top; color:#346299; font-size:30px; text-align:center; font-weight:400; letter-spacing:-0.05em; line-height:40px; padding:60px 0 0 0;}
.h1title_sub01 {font-size:45px; color:#222; font-weight:800; line-height:42px; letter-spacing:-0.05em;}
.ul_imglist {overflow:hidden; margin:30px auto 0 auto; width:100%;}
.ul_imglist li img {width:100%; display:block;}
.ul_imglist_1ro li {width:100%;}
.ul_imglist_2ro li {width:49%; float:left;}
.ul_imglist_2ro li:last-child {float:right;}
.basicarticle01 {padding:30px; background:#fafafa; font-size:16px; line-height:30px; color:#333; margin:30px auto 0 auto; overflow:hidden;}
.basicarticle01 strong {color:#2e85c4; font-size:20px; padding:0 0 20px 0; display:inline-block;}
.basicarticle02 {padding:30px; background:#fafafa; font-size:16px; line-height:30px; color:#333; margin:30px auto 0 auto; overflow:hidden; text-align:center;}
.atag00 {display:Block; width:250px; height:50px; line-height:50px; background:#346299; border-radius:50px; color:#fff; font-size:18px; letter-spacing:-0.07em; text-align:center; margin:70px auto 0 auto; transition:background 0.5s;}
.atag00:hover {background:#192b55;}
.ul_diseaselist {overflow:hidden; margin:30px auto 0 auto;}
.ul_diseaselist li {padding:20px 10px; background:#f8f8f8; font-size:18px; text-align:Center; margin:10px 0 0 10px; line-height:23px; letter-spacing:-0.07em;}
.kakao00 #bottomkakao {width:100%; text-align:center; overfloW:hidden; margin:50px auto 0 auto;}
.kakao00 #bottomkakao img {width:100%;}
.tablebasic {width:100%; border-top:2px solid #346299; margin:30px auto 0 auto;}
.tablebasic th, .tablebasic td {padding:15px; font-size:15px; border-bottom:1px dashed #ddd;}
.tablebasic th {background:#f9f9f9; text-align:Center; color:#222;}
.tablebasic td {text-align:left; color:#666; line-height:30px; border-left:1px dashed #ddd;}
#tabs {overflow:hidden;}
#tabs > ul {text-align:center;}
#tabs > ul > li {height:50px; line-heighT:50px; border:1px solid #ddd; text-align:center; display:inline-block; font-size:18px; margin:0 10px;}
#tabs > ul > li a {color:#333; display:block; padding:0 20px;}
#tabs > ul > li:hover, #tabs > ul > li.active {background:#346299; border:1px solid #346299; color:#fff;}
#tabs > ul > li:hover a, #tabs > ul > li.active a {color:#fff;}



/* 서브01 */
.sub0103_01 {margin:30px auto 0 auto; overflow:hidden; border:1px dashed #Ddd; padding:30px; border-top:2px solid #346299;}
.sub0103_01 figure {border:1px solid #ddd; padding:10px; text-align:center;}
.sub0103_01 figure img {margin:0 auto; display:block;}
.sub0103_01 figure p {margin:10px auto 0 auto;}
.sub0103_01 figure strong {font-size:20px; line-height:30px;}
.sub0103_01 article h1 {font-size:20px; font-weight:400;}
.sub0103_01 article h1 strong {font-size:35px;}
.sub0103_01 article p {margin:20px 0 0 0; line-height:25px; font-size:16px; color:#333;}
.sub0103_01 article ul {margin:20px 0 0 0; line-height:25px; font-size:16px; color:#333; overflow:hidden;}
.sub0103_01 article ul li {width:24%; float:left; margin:1% 0 0 1%;}
.sub0103_01 article ul li img {width:100%; display:block;}
.sub0103_02 {}
.sub0103_02 ul {margin:20px 0 0 0; line-height:25px; font-size:16px; color:#333; overflow:hidden;}
.sub0103_02 ul li {float:left; border:1px solid #ddd; text-align:left;}
.sub0103_02 ul li img {width:100%; display:block;}
.sub0103_02 ul li h3 {font-size:20px; margin:15px 0;}
.sub0103_02 ul li p {line-heighT:30px; font-size:15px; min-height:270px;}



/* 서브08 */
.sub0801_phone {padding:30px; background:url(/img/bg02.jpg); text-align:center; color:#fff; font-size:60px;}
.sub0801_phone img {width:60px;}
.sub0801_phone img, .sub0801_phone strong {display:inline-block; vertical-align:middle; padding:0 10px;}








/* ================================= 반응형 ================================= */
@media screen and (min-width:1300px)
{
/* ====== 공통 ====== */
body {max-width:1920px; margin:0 auto;}
a > br {display:none;}
b > br {display:block;}
span.pccc > br {display:block;}
#onlyMobile_main {display:none;}
.px1300 {width:1300px; margin:0 auto;}
.sub00, .subboard {width:1300px; margin:60px auto 0 auto;}
.onyltablet br {display:none;}



/* 헤더 */
header {height:auto; padding:0;}
header > div {width:1300px; margin:0 auto; padding:35px 0; height:52px;}
header > div#onlyPC_main {padding:0; width:100%; height:auto; border-top:1px solid #d7d7d7; z-index:99;}
header > div > h1 {height:52px;}
header > div > figure {position:absolute; right:0; color:#2e85c4; top:33px; font-size:25px; line-height:52px; display:block;}
header > div > figure img, header > div > figure strong {vertical-align:middle;}
header > div > figure img {padding:0 10px 0 0;}
header .container, header h3 {display:none;}
#gnb > li {float:left; width:240px;}
#sidebar {width:100%; height:60px; box-shadow:none; z-index:99; border-top:1px solid #d7d7d7; overflow:visible; background:none;}
.animated {animation-fill-mode:none !important; -webkit-animation-fill-mode:none !important;}
.slideOutLeft {-webkit-animation-name:none !important; animation-name:none !important;}
.tuxedo-menu {display:block !important;}
.tuxedo-menu.tuxedo-menu-fixed {position:relative; padding:0; overflow:auto; z-index:11919911026; opacity:1;}
.navXbtn01, .h1_nav01 {display:none;}
.nav_cate01 {width:1300px; margin:0 auto; background:url(/img/bar01.png) no-repeat left 22px; height:60px;}
.nav_cate01 > li {width:162px; float:left; text-align:center; padding:0; background:url(/img/bar01.png) no-repeat right 22px; letter-spacing:-0.07em;}
.nav_cate01 > li > a {padding:0; width:100%; height:100%; border-bottom:none; line-height:60px; z-index:9999999999999999; text-align:center; font-size:17px;}
.nav_cate01 > li:hover > a, .nav_cate01 > li.active, .nav_cate01 > li.active > a {background:url(/img/tri01_PC.png) no-repeat 150px center #2e85c4; color:#fff;}
.subgnb01 {position:Absolute !important; width:100%; z-index:100; display:none;}
.subgnb01 a {display:block; padding:0; border-bottom:1px solid #d7d7d7; width:100%; height:40px; line-height:40px; text-align:Center; font-size:15px;}
.subgnb01 a:hover {background:#2e85c4; color:#fff;}
.subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {font-size:14px; letter-spacing:-0.05em;}








/* ====== 메인 ====== */
/* 공통 */
.atag_basic {margin:30px 0 0 0;}



/* 비주얼 */
#mainvis {background:url(/img/mainvis.jpg) no-repeat center top;}
#mainvis > div {margin:128px auto 0 auto; padding:0; text-align:left; background:none;}
#mainvis > div h3 {background:url(/img/bar02.jpg) no-repeat left top; padding:150px 0 0 0;}
#mainvis div > a {margin:30px 0 0 0;}



/* 메인01 */
#main01 article span br {Display:block;}



/* 메인02 */
#main02 {background:url(/img/bg01.jpg) repeat-x left top;}
#main02 section {float:left; width:auto;}
#main02 figure {float:right;}
#main02 figure:nth-of-type(1) {display:block;}
#main02 figure:nth-of-type(2) {display:none;}
#main02 .px1300 {width:1300px;}



/* 메인03 */
#main03 ul li {width:413px; float:left; margin:30px 0 0 30px;}
#main03 ul li:first-child, #main03 ul li:nth-child(4) {margin:30px  0 0 0;}



/* 메인04 */
#main04 {margin:80px auto;}
#main04 section:first-child {margin:0;}
#main04 section {float:left; margin:0 0 0 37px; width:295px;}








/* ====== 서브 ====== */
/* 공통 */
.ul_diseaselist01ro li {width:297px; float:left;}
.ul_diseaselist01ro li:nth-child(4n+1) {margin:10px 0 0 0;}
.ul_diseaselist03ro li {width:406px; float:left;}
.ul_diseaselist03ro li:nth-child(3n+1) {margin:10px 0 0 0;}
.kakao00 a:first-child {display:block;}
.kakao00 a:last-child {display:none;}



/* 서브01 */
.sub0103_01 figure {float:left;}
.sub0103_01 article {float:right; width:calc(100% - 210px);}
.sub0103_01 article h3:first-child {margin-top:0 !important;}
.sub0103_02 ul li {width:calc(24% - 42px); padding:20px; margin:1% 0 0 1%;}



/* 서브02 */
.sub0202 .ul_diseaselist01ro li br {display:none !important;}
}

















@media screen and (min-width:769px) and (max-width:1299px)
{
/* ====== 공통 ====== */
a > br {display:none;}
b > br {display:block;}
span.pccc > br {display:none;}
#onlyPC_main {display:none;}
.only_PC {display:none !important;}
.onyltablet br {display:block;}



/* 헤더 */
header .container {top:10px;}








/* ====== 메인 ====== */
/* 비주얼 */
#mainvis > div {width:calc(100% - 120px); padding:178px 30px; margin:30px;}



/* 메인02 */
#main02 {background:url(/img/bg02.jpg) repeat left top;}



/* 메인04 */
#main04 section {width:calc(49% - 2px); float:left; margin:1% 0;}
#main04 section:nth-child(even) {float:right;}








/* ====== 서브 ====== */
/* 공통 */
.ul_diseaselist li {width:calc(32% - 20px); float:left; margin:10px 0 0 0; font-size:15px;}
.ul_diseaselist li:nth-child(3n - 1) {margin:10px 2% 0 2%;}
.kakao00 a:first-child {display:block;}
.kakao00 a:last-child {display:none;}



/* 서브01 */
.sub0103_02 ul li {width:calc(48% - 42px); padding:20px; margin:1%;}
.sub0103_02 ul li:nth-child(even) {float:right;}
}


















@media screen and (min-width:0px) and (max-width:768px)
{
/* ====== 공통 ====== */
img {max-width:100%;}
span.pccc > br {display:none;}
#onlyPC_main {display:none;}
.only_PC {display:none !important;}



/* 헤더 */
header {height:45px;}
header .container {top:11px;}
header > div > h3 {top:7px;}
header > div > h1 > a > img {top:2px; width:250px;}
header > div > h3 img, header .fixed1 img {width:30px;}








/* ====== 메인 ====== */
/* 비주얼 */
#mainvis {height:auto;}
#mainvis > div {width:calc(100% - 80px); padding:20px; margin:20px;}
#mainvis h3 {font-size:25px;}
#mainvis h1 {font-size:40px;}
#mainvis p {font-size:15px; line-height:24px;}



/* 메인01 */
#main01 {margin:50px auto;}
#main01 article {font-size:16px; line-height:31px;}



/* 메인02 */
#main02 {background:url(/img/bg02.jpg) repeat left top; padding:50px 0 0 0;}
#main02 section h3 {font-size:25px;}
#main02 section h1 {font-size:40px;}
#main02 section article {font-size:15px; line-height:24px;}
#main02 section article span br {display:none;}
#main02 figure img {width:90%;}



/* 메인04 */
#main04 {margin:5% auto;}
#main04 section {width:calc(49% - 2px); float:left; margin:1% 0; padding:20px 0;}
#main04 section:nth-child(even) {float:right;}
#main04 section h1 {font-size:20px; margin:10px auto 15px auto;}
#main04 section figure {background-size:50px !important;}
#main04 section a {height:35px; line-height:35px; width:95px;}








/* ====== 서브 ====== */
/* 공통 */
#subvisual .subvis00 {padding:100px 5%; width:90%;}
#subvisual .subvis00 h2 {font-size:25px;}
#subvisual .subvis00 p {font-size:16px;}
#subvisual .subvis00 p br {display:none;}
.h1_ddaompyo {font-size:20px; line-height:30px; padding:45px 0 0 0;}
.h1title span {height:50px; line-height:50px;}
.h1title strong {font-size:18px; line-height:50px;}
.ul_sitemap li {padding:0 5px;}
.ul_sitemap li select {font-size:13px;}
.ul_imglist_2ro li {width:100%; float:none; margin:0 auto 10px auto;}
.basicarticle01 {font-size:14px; line-height:26px; padding:20px;}
.basicarticle02 {font-size:14px; line-height:26px; padding:20px;}
.ul_diseaselist li {margin:10px 0 0 0; font-size:15px;}
.ul_diseaselist li br {Display:Block;}
.ul_diseaselist01ro li {float:left; width:calc(49% - 20px);}
.ul_diseaselist01ro li:nth-child(even) {float:right;}
.ul_diseaselist03ro li {width:calc(100% - 20px); float:none;}
.kakao00 a:first-child {display:none;}
.kakao00 a:last-child {display:block;}
.tablebasic th, .tablebasic td {padding:10px; font-size:13px;}
#tabs > ul > li {font-size:15px;}



/* 서브01 */
.sub0103_01 article p {font-size:14px; line-height:25px;}
.sub0103_01 article ul li {width:49%;}
.sub0103_02 ul li {width:calc(98% - 42px); padding:20px; margin:30px 1%; float:none; }
.sub0103_02 ul li img {max-width:100%; margin:0 auto; width:auto;}
.sub0103_02 ul li p {min-height:AUTO;}