@charset "utf-8";
@import url('variable.css');

/* font 추가 _ 250612 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');
@import url("/include/NanumBarunGothic/nanumbarungothicsubset.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*----------------- reset -----------------  */
* {margin:0; padding:0;}
body {overflow-y:scroll; * overflow-y:; font-family: 'Noto Sans KR', sans-serif; font-size:14px; color: #444; line-height:1.1; -webkit-text-size-adjust:none;}
img {border:0;}
ul, ol {list-style:none;}
em, var, address{font-style:normal}
a {text-decoration: none; cursor: pointer; color: none;}
input {padding: 3px 5px; font-family: 'Noto Sans' ,sans-serif;}
fieldset{border: 0 none;}
legend {display :none;}
h1,h2,h3,h4 {font-size: none;}
textarea {border: 1px solid #cecece; padding: 5px 5px; font-family: 'Noto Sans KR' ,sans-serif; color: #111625; font-size: 14px;}
/* 0613 해당 부분 주석 처리 -> GNB 메뉴가 안나타나는 현상이 나타남 */
/*hr, .hidden {position:absolute !important; border:none !important; background:none !important; font-size:0; line-height:0; text-indent:-9999px;}*/



@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('/include/fonts/nanum-myeongjo-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumMyeongjo'),
       url('/include/fonts/nanum-myeongjo-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/include/fonts/nanum-myeongjo-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/include/fonts/nanum-myeongjo-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/include/fonts/nanum-myeongjo-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/include/fonts/nanum-myeongjo-v12-latin-regular.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/include/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/include/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/include/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/include/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/include/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/include/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@font-face {
  font-family: "GmarketSans";
  src: url("/include/fonts/GmarketSansTTFBold.eot"); /* IE9 Compat Modes */
  src: url("/include/fonts/GmarketSansTTFBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/include/fonts/GmarketSansTTFBold.otf") format("opentype"), /* Open Type Font */
    url("/include/fonts/GmarketSansTTFBold.svg") format("svg"), /* Legacy iOS */
    url("/include/fonts/GmarketSansTTFBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/include/fonts/GmarketSansTTFBold.woff") format("woff"), /* Modern Browsers */
    url("/include/fonts/GmarketSansTTFBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSans";
  src: url("/include/fonts/GmarketSansTTFMedium.eot"); /* IE9 Compat Modes */
  src: url("/include/fonts/GmarketSansTTFMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/include/fonts/GmarketSansTTFMedium.otf") format("opentype"), /* Open Type Font */
    url("/include/fonts/GmarketSansTTFMedium.svg") format("svg"), /* Legacy iOS */
    url("/include/fonts/GmarketSansTTFMedium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/include/fonts/GmarketSansTTFMedium.woff") format("woff"), /* Modern Browsers */
    url("/include/fonts/GmarketSansTTFMedium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSans";
  src: url("/include/fonts/GmarketSansTTFLight.eot"); /* IE9 Compat Modes */
  src: url("/include/fonts/GmarketSansTTFLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/include/fonts/GmarketSansTTFLight.otf") format("opentype"), /* Open Type Font */
    url("/include/fonts/GmarketSansTTFLight.svg") format("svg"), /* Legacy iOS */
    url("/include/fonts/GmarketSansTTFLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/include/fonts/GmarketSansTTFLight.woff") format("woff"), /* Modern Browsers */
    url("/include/fonts/GmarketSansTTFLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Paperlogy Regular';
    url('/include/fonts/Paperlogy-4Regular.ttf') format('truetype'),
    url("/include/fonts/Paperlogy-4Regular.otf") format("opentype"),
    url('/include/fonts/Paperlogy-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy Bold';
    url('/include/fonts/Paperlogy-7Bold.ttf') format('truetype'),
    url("/include/fonts/Paperlogy-7Bold.otf") format("opentype"),
    url('/include/fonts/Paperlogy-7Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy Black';
    url('/include/fonts/Paperlogy-9Black.ttf') format('truetype'),
    url("/include/fonts/Paperlogy-9Black.otf") format("opentype"),
    url('/include/fonts/Paperlogy-9Black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

 /* icon style */
.ico_fb{background:url(//images.idhospital.com/image/idhospital/common/ico_sns.png) 0 0 no-repeat;width:8px;height:17px;margin-top:3px}
.ico_youtube{background:url(//images.idhospital.com/image/idhospital/common/ico_sns.png) -18px 0 no-repeat;width:23px;height:21px}
.ico_blog{background:url(//images.idhospital.com/image/idhospital/common/ico_sns.png) -51px 0 no-repeat;width:12px;height:14px;margin-top:5px}
.ico_cafe{background:url(//images.idhospital.com/image/idhospital/common/ico_sns.png) -73px 0 no-repeat;width:18px;height:20px;margin:1px 0 0 0;}
.ico_facebook02{background-position:0 -199px;width:51px;height:40px;text-indent:-9999px;display:inline-block}
.ico_youtube02{background-position:-51px -199px;width:61px;height:40px;text-indent:-9999px;display:inline-block}
.ico_blog02{background-position:-112px -199px;width:61px;height:40px;text-indent:-9999px;display:inline-block}
.ico_cafe02{background-position:-173px -199px;width:61px;height:40px;text-indent:-9999px;display:inline-block}
.ico_google{background-position:-234px -199px;width:50px;height:40px;text-indent:-9999px;display:inline-block}
.ico_list{background-position:-156px 0;width:14px;height:10px;text-indent:-9999px;display:inline-block;vertical-align:middle;margin:-4px 10px 0 0;line-height:15px}
.ico_footPrev{background-position:-156px -25px;width:48px;height:15px;text-indent:-9999px;display:inline-block;vertical-align:middle;margin-right:10px}
.ico_footNext{background-position:-156px -47px;width:48px;height:15px;text-indent:-9999px;display:inline-block;vertical-align:middle;margin-left:10px}
.ico_word{background-position:0 -279px;width:28px;height:28px;text-indent:-9999px;display:inline-block;vertical-align:middle;padding:0 10px 0 0 }
.ico_hwp{background-position:-58px -283px;width:34px;height:28px;text-indent:-9999px;display:inline-block;vertical-align:middle;padding:0 10px 0 0 }


/* Button style */
.btn_round{background:url(//images.idhospital.com/image/idhospital/common/btn_set.png) left top no-repeat;width:99px;height:18px;color:#fff;font-size:14px;display:block;padding:12px 5px 11px 15px}
.btn_blue a{width:35%;padding:10px 0;background:#2d3a49;border:1px solid #2d3a49;font-size:16px;color:#fff;text-align:center;display:inline-block;text-decoration:none}
.btn_blueS a{width:auto;padding:5px 10px;background:#2d3a49;border:1px solid #2d3a49;font-size:12px;color:#fff;text-align:center;display:inline-block;text-decoration:none}
.btn_blueLine a{width:35%;padding:10px 0;background:none;border:1px solid #2d3a49;font-size:16px;color:#2d3a49;text-align:center;display:inline-block;text-decoration:none}
.btn_white a{width:35%;padding:10px 0;background:#fff;border:1px solid #34404f;font-size:16px;color:#2d3a49;text-align:center;display:inline-block;text-decoration:none}
.btn_blue_center a{width:15%;padding:10px 0;background:#2d3a49;border:1px solid #2d3a49;font-size:16px;color:#fff;text-align:center;display:inline-block;text-decoration:none} /* center button */


/* table common */
.tbl{border-top:1px solid #222;width:100%}
.tbl th{border-bottom:1px solid #222;background:#fff;font-weight:400;color:#999;padding:18px 0}
.tbl th.right{color:#00306b}
.tbl td{border-bottom:1px solid #222;background:#f4f4f4;font-size:14px;font-weight:400;color:#999;padding:18px 0;text-align:center}
.tbl td.center{background:#3f485b;color:#fff;}
.tbl td.right{background:#f2fdff;color:#555;}


/* etc style */
.mb50{margin-bottom:50px}
.txt_numRoboto{font-family: 'Roboto', sans-serif;font-weight:400}
.txt_pink{color:#f172ac;}


/* id hospital special hover effect motion */
@keyframes tile{
    0%{opacity:0;transform:rotateY(180deg) rotateX(0);z-index:1}
    100%{opacity:1;transform:rotateY(0) rotateX(0);z-index:2}
}
@-webkit-keyframes tile{
    0%{opacity:0;-webkit-transform:rotateY(180deg) rotateX(0)}
    100%{opacity:1;-webkit-transform:rotateY(0) rotateX(0)}
}
@-moz-keyframes tile{
    0%{opacity:0;-moz-transform:rotateY(180deg) rotateX(0)}
    100%{opacity:1;-moz-transform:rotateY(0) rotateX(0)}
}
@-o-keyframes tile{
    0%{opacity:0;-o-transform:rotateY(180deg) rotateX(0)}
    100%{opacity:1;-o-transform:rotateY(0) rotateX(0)}
}
@-ms-keyframes tile{
    0%{opacity:0;-ms-transform:rotateY(180deg) rotateX(0)}
    100%{opacity:1;-ms-transform:rotateY(0) rotateX(0)}
}




/* webcss */
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;top:1px;margin-left:5px;padding:3px;font-size:100%;font-weight:bold;text-align:center;text-decoration:none;border:1px solid #113355;background:#eee}
.sknavi {position:absolute;top:-500px;z-index:999}
/*a:focus{outline-style:dashed;outline-width:1px}*/
/* Accessibility */
.accessibility, .skip, hr, legend, caption{position:absolute;text-indent:-1000em}
/* Reset */
*{font-family:var(--basic-font-family)}
html,body{width:100%;height:100%;font-family:var(--basic-font-family)}
body{font-size:var(--basic-font-size);line-height:var(--basic-line-height);font-family:var(--basic-font-family);color:var(--basic-color)}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block}
img,fieldset{border:0}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h6{display:none;}
hr{display:none}
a,a:link{text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
a:hover,a:active{text-decoration:none}
input,select,.btn{vertical-align:middle}
input::-webkit-input-placeholder{color:var(--C-999999)}
input::-moz-placeholder{color:var(--C-999999)}
input::-ms-input-placeholder{color:var(--C-999999)}
textarea::-webkit-input-placeholder{color:var(--C-999999)}
textarea::-moz-placeholder{color:var(--C-999999)}
textarea::-ms-input-placeholder{color:var(--C-999999)}
input[type='text']{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}
input[type='password']{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}
input[type='button']{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}
textarea{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}

