@import url(css/webfont.css); /* 웹폰트 불러오기 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 아이폰 카카오톡 인앱브라우져 오류 처리 css */
body * {
  -webkit-text-size-adjust: auto;
}
/* //아이폰 카카오톡 인앱브라우져 오류 처리 css */

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.03em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans KR','NotoSansKR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#505050;}
div {display:block;}
.clearfix {clear:both;display:inline-block}
h1,h2,h3,h4,h5 {font-weight:200;line-height:1.25}
b {letter-spacing:inherit;font-weight:600}
.inner {width:1200px;margin:auto;clear:both;}
.inner2 {width:1300px;margin:auto;clear:both;}

/*글씨색설정*/
.c_main {color:#0066b3 !important}
.c_sky {color:#97d6ff !important}
.c_dark {color:#1f4a6b !important}
.c_green {color:#68a11b !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}
.blue {color:#004b84;}
.yg {color:#77bb1a}
.gr{color:#009944}

/*폰트크기설정*/
.ft21{font-size: 21px; font-weight: bold;}
.ft26{font-size: 26px;}
.ft30{font-size: 30px;}
.ft36{font-size: 36px;}
.ft40{font-size: 40px;}
.ft80{font-size: 80px !important;}
h1 {font-size:50px;}
h2 {font-size:40px}
h3 {font-size:31px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:400;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px !important;line-height:1.5}
.lager {font-size:larger}
span {color:inherit}

/* 글씨체 설정 */
.roboto {font-family:'Roboto', sans-serif !important;}
.roman {font-family:"Times New Roman", Times, serif !important;}

/*정렬 및 사이즈설정*/
.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}
.tleft {text-align:left !important}
.tright {text-align:right !important}
.float {float:left;}
.float_r {float:right;}
.clearfix:after {content:""; clear:both; display:block;}



hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.col5 {width:18%;}
.col4 {width:23%;}
.col3 {width:31.33%;}
.col2 {width:48%;}

/* 넓이 및 크기 설정 */
.w100 {width:100%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w60 {width:60%;}
.w20 {width:20%;}
.w10 {width:10%;}




.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}

/* 퀵메뉴 */
#quick_menu {position: fixed;right: 50px; bottom: 50px; z-index: 90; animation: motion1 0.6s linear 0s infinite alternate;}
#quick_menu .quick_bg {
  width: 169px; height: 169px; background: url(images/common/quick_btn.png);
}
#quick_menu a {
  display: block; width: 100%; height: 100%; text-indent: -9999px;
}

@keyframes motion1 {
  0% {bottom: 50px;}
  100% {bottom: 60px;}
}


/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; }
#wrap.surgery {border-top:8px #0066b3 solid;}
#header {width:100%; min-width:1200px; height:199px;  border-top:8px #0066b3 solid;}
#header > .inner {background:url(images/common/specify.png) left center no-repeat;height:127px;;position:relative}
#header .logo {position:absolute;left:50%;margin-left:-148.5px;top:31px;}

#header .language {position:absolute;right:0;top:45px;background:#f5f5f5; border-radius:37px;line-height:37px;padding:0 15px;}
#header .language span {margin:0 8px;background-position: left center; background-repeat: no-repeat;text-transform:uppercase;font-size:13px; color:#909090;float:left}
#header .language span a {display:block;padding-left:28px;}
#header .language span.en {background-image:url(images/common/lang_en.gif);}
#header .language span.ru {background-image:url(images/common/lang_ru.gif);}
#header .language span.cn {background-image:url(images/common/lang_cn.gif);}
#header .language span.mn {background-image:url(images/common/lang_mn.gif);}

#header #gnb {width:100%; min-width:1200px; display:inline-block; border-top:1px #d0d0d0 solid;/* border-bottom:1px #d0d0d0 solid;*/ line-height:63px; text-align:center}
#header #gnb ul.topnav {}
#header #gnb ul.topnav > li {float:left;font-size:17px; width:14.2%; background:url(images/common/gnb_part.gif) left center no-repeat;}
#header #gnb ul.topnav > li.hn1 {background:none}
#header #gnb ul.topnav > li a {display:block;}
#header #gnb ul.topnav > li a.on,#header #gnb ul.topnav > li > a:hover {color:#004b84;font-weight:bold;border-bottom:2px #004b84 solid;line-height:61px;}

#header #gnb .subnav { margin:auto;
background:rgba(0,88,155,0.9);
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  top:199px;
  left:0;
  font-size:14px;
  color:#fff;
 }
#header #gnb .subnav ul {width:1200px;margin:auto;}
#header #gnb .subnav li {float:left; width:170.5px; border-left:1px #00589b solid;min-height:332px;padding:10px 0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#header #gnb .subnav li:hover {background:rgba(0,0,0,0.1);}
#header #gnb .subnav li.first {border-left:0}
#header #gnb .subnav dd {line-height:26px;}
#header #gnb .subnav a:hover {font-size:15px;color:#c3f16d}
#header #gnb .subnav a {display:block;padding:0 10px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}



/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;float:left;color:#808080;display:inline-block;font-weight:300}
#footer .txt {display:inline-block;float:left;padding-left:35px; margin-top:15px}
#footer .txt span {padding-right:10px;letter-spacing:-0.5px;font-size:13px;line-height:1.3}
#footer .master {float:right; margin-top:30px;text-align:center}
#footer .master a {display:block;float:left;height:44px;width:80px;padding-top:25px;font-size:13px;color:#959595;}
#footer .master a.personal_info {background:url(images/common/footer_personal.png) center top no-repeat;border-right:1px #e0e0e0 solid}
#footer .master a.admin {background:url(images/common/footer_admin.png) center top no-repeat;border-right:1px #e0e0e0 solid}
#footer .master a.webmail {background:url(images/common/footer_webmail.png) center top no-repeat;}
#footer .sitemap {width:100%;background:#00589b;display:inline-block;border-bottom:4px #183454 solid;}
#footer .sitemap .inner {padding:40px 0;min-height:230px;position:relative}
#footer .sitemap .clearfix {width:100%;position:relative}
#footer .sitemap .clearfix > div {float:left;width:14.2%;}
#footer .sitemap .clearfix > div > h5 {margin-bottom:5px;color:#fff}
#footer .sitemap .clearfix > div > a {display:block;font-size:14px;line-height:1.6;color:#b0b0b0;font-weight:400}
#footer .sitemap a#back-top {width:63px;height:57px;display:block;background:url(images/common/footer_top.png) no-repeat;position:absolute;right:15px;bottom:0;text-indent:-3333px}