@charset "utf-8";
body {min-width:1200px}/* 161216 수정 */
#subtitle,
#header1,
#header2,
#footer,
#container {width:100%;}
#subtitle .inner,
#header .inner,
#footer .inner,
#container .submenu-online,
#container .inner {width:1100px; margin:0 auto}
#container .inner.slide {width:1140px}







#header {height:318px;}
#header.page0 {background-image:url(../images/common/bg-header00.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#header.page1 {background-image:url(../images/common/bg-header01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#header.page2 {background-image:url(../images/common/bg-header02.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#header.page3 {background-image:url(../images/common/bg-header03.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#header.page4 {background-image:url(../images/common/bg-header04.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#header.page5 {background-image:url(../images/common/bg-header05.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#header .head {position:relative; z-index:4100; padding-bottom: 0px; height:60px;}
#header .inner .logo {float:left; position:relative; left:0; top:20px; margin-top:0px; z-index:3000;}
#header .inner .google {position: absolute; top: 12px; right: 2%; z-index: 999999;}

#header .head .gtran{position: absolute;top: 6px;right: 80%;left: 2%;z-index:999999;zoom: 2;margin: -1px;}
.gtranse {font-family:Arial;font-size:10pt;text-align:left;cursor:pointer;overflow:hidden;width:163px;line-height:17px;right: 21px;top: 12px;position: absolute;}
.gtranse a {text-decoration:none;display:block;font-size:10pt;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.gtranse a img {vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:0.8;}
.gtranse a:hover img {opacity:1;}
.gtranse .selected {background:#FFFFFF url(//www.uhrt.hr/wp-content/plugins/gtranslate/gtran.png) repeat-x;position:relative;z-index:9999;}
.gtranse .selected a {border:1px solid #CCCCCC;background: #073a7a url(//www.uhrt.hr/wp-content/plugins/gtranslate/arrow_down.png) 146px center no-repeat;color: #97b0d0;padding:3px 5px;width:151px;}
.gtranse .selected a.open {background-image:url(//www.uhrt.hr/wp-content/plugins/gtranslate/arrow_up.png)}
.gtranse .selected a:hover { url(//www.uhrt.hr/wp-content/plugins/gtranslate/arrow_down.png) 146px center no-repeat;}
.gtranse .option {position:relative;z-index:9998;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;background-color: #073a7a;display:none;width:161px;max-height:185px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow-y:auto;overflow-x:hidden;}
.gtranse .option a {color: #97b0d0;padding:3px 5px;}
.gtranse .option a:hover {background:#1a67fb;}
.gtranse .option a.selected {background:#1a67fb;}
#selected_lang_name {float: none;}
.l_name {float: none !important;margin: 0;}
#header .head .gtranse .option::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;background-color:#F5F5F5;}
#header .head .gtranse .option::-webkit-scrollbar {width:5px;}
#header .head .gtranse .option::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color: #97b0d0;}

#header .head .util {position:absolute; right:20px; top:85%; margin-top:-8px}
#header .head .util ul:after {content:""; display:block; clear:both}
#header .head .util ul li {float:left}
#header .head .util ul li ~ li {margin-left:20px}
#header .head .util ul li a {display:block; font-weight: normal; font-size:14px; color:#97B1D0; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2)}

#header .head .english {position:absolute;right:730px;top: 72%;left: 2%;margin-top:-10px;}
#header .head .english ul:after {content:""; display:block; clear:both}
#header .head .english ul li a {display:block; font-weight: normal; font-size:30px; color:#97B1D0; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2)}

#header #gnb {position:relative;  z-index:1000;height:42px; background:rgba(7,0,100,0)}
#header #gnb > ul {position:absolute; left:0; right:0; top:0; padding:0 10px}
#header #gnb > ul:after {content:""; display:block; clear:both}
#header #gnb > span.bar {display:block; position:absolute; left:-999px; bottom:0; width:100px; height:3px; border-radius:1em; border-bottom-left-radius:0; border-bottom-right-radius:0; background:#fff}/* 메뉴바 크기 width:0px; */
#header #gnb > ul > li {float: right; width:14.2%; text-align:center}
#header #gnb > ul.list4 > li {width:15%; background:rgba(7,47,100,0)}/* 161229 */
#header #gnb > ul.list5 > li {width:16.6%}/* 161229 */
#header #gnb > ul > li > a {display:inline-block; position:relative; width:100%; height:67px; line-height:40px; font-weight: normal;  font-size:17px; color:#fff; }
#header #gnb > ul > li ~ li > a:after {content:""; display:inline-block; position:absolute; left:162px; top:20px; width:1px; height:3px; border-radius:3px; background:#fff }
#header #gnb > ul > li:hover > a,
#header #gnb > ul > li:focus > a,
#header #gnb > ul > li.on > a {color:#ffc600}

#header #gnb > ul > li > ul {
    display:none;
    padding-left:10px;
    height:250px;  /* height:140px;  */
    text-align:left;
    border-right:1px solid rgba(151,177,208,1.00);
    background:rgba(7,47,100,0)
} /* pjy 2004 1줄 수정 */

#header #gnb > ul > li:last-child > ul {border-left:1px solid rgba(151,177,208,1.00)}/* 161229 */
#header #gnb > ul > li > ul > li {line-height:1.9}
#header #gnb > ul > li > ul > li > a {position:relative; margin-left:10px; font-size:15px; color:#fff; text-shadow:1.4px 1.4px 0 rgba(0, 0, 0, 0.5)}
#header #gnb > ul > li > ul > li > a:after {content:""; display:inline-block; position:absolute; left:-10px; top:50%; width:2px; height:2px; margin-top:-1px; border-radius:2px; background:#fff}
#header #gnb > ul > li > ul > li:hover > a,
#header #gnb > ul > li > ul > li:focus > a,
#header #gnb > ul > li > ul > li.on > a {color:#ffc600; border-bottom:1px solid #ffc600}

#header #gnb > ul > li:last-child > ul > li:first-child > ul > li > a {
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
    text-shadow: 1.4px 1.4px 0 rgb(0 0 0 / 50%);
}

/*#header #gnb > ul > li > ul > li > ul > li > a {
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
    text-shadow: 1.4px 1.4px 0 rgb(0 0 0 / 50%);
}*/

#header #gnb > ul > li > ul > li > ul > li:hover > a {
    color: #ffc600; border-bottom:1px solid #ffc600;
}

#header #gnb > ul > li > ul > li > ul > li:focus > a {
    color: #ffc600; border-bottom:1px solid #ffc600;
}

#header #gnb > ul > li > ul > li > ul > li.on > a {
    color: #ffc600; border-bottom:1px solid #ffc600;
}

/*#header #gnb > ul > li > ul > li > ul > li >  a:after {
    content:"";
    display:inline-block;
    position:absolute;
    left:-10px;
    top:50%;
    width:2px;
    height:2px;
    margin-top:-1px;
    border-radius:2px;
    background:#fff;
}*/

/*#header #gnb > ul > li > ul > li > ul {display:none; padding-left:10px; height:140px;  text-align:left; border-right:1px solid rgba(151,177,208,1.00); background:rgba(7,47,100,0)}
#header #gnb > ul > li > ul > li > ul > li > a {position:relative; margin-left:10px; font-size:15px; color:#fff; text-shadow:1.4px 1.4px 0 rgba(0, 0, 0, 0.5)}
#header #gnb > ul > li > ul > li > ul > li > a:after {content:""; display:inline-block; position:absolute; left:-10px; top:50%; width:2px; height:2px; margin-top:-1px; border-radius:2px; background:#fff}*/


/* #header .bg {position:fixed; right:0; left:0; top:-406px; z-index:999 !important; height:406px; background:#f3511e} */ /* 161229 */

#container {position:relative;  background:url(../images/common/bg-header2.png) 100% 0  repeat-x #ffffff;}
#container .side-nav {position:relative; width:100%; height:50px; border-bottom:1px solid #dedede}
#container .side-nav .inner {position:absolute; left:50%; top:0; margin-left:-550px}
#container .side-nav .inner:after {content:""; display:block; clear:both}
#container .side-nav .inner .home {display:inline-block; float:left; width:50px; height:50px; font-size:0; text-indent:-9999px; border-left:1px solid #dedede; background:url(../images/common/ico-home.png) 50% 50% no-repeat}
#container .side-nav .inner > ul {float:left; position:relative; z-index:10}
#container .side-nav .inner ul:after {content:""; display:inline-block; position:absolute; right:20px; top:24px; width:0; height:0; border-top:4px solid #666; border-left:4px solid transparent; border-right:4px solid transparent}
#container .side-nav .inner ul:before {content:""; display:none; position:absolute; right:20px; top:24px; width:0; height:0; border-bottom:4px solid #666; border-left:4px solid transparent; border-right:4px solid transparent}
#container .side-nav .inner > ul ul {position:absolute; top:0; left:100%; margin-left:-1px}
#container .side-nav .inner ul li a {display:inline-block;  width:182px; height:50px; line-height:50px; padding-left:20px; white-space:nowrap; border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
#container .side-nav .inner ul li {display:none}
#container .side-nav .inner ul li.active {display:block}


/* bg */
#container .content .header {position:relative;z-index:100;background:url(../images/common/bg-header2.png) 100% 0  repeat-x #3b4d67;}
#container .content .header.bg {position:relative; z-index:100; background:url(../images/common/bg-header2.png) 100% 0  repeat-x #3b4d67;}
#container .content .header h2 {position:relative;text-align:center;top:-50px;padding-bottom:0px;height:100px;color:#ffffff;width:850px;margin:0 auto;}
#container .content .inner h2 {position:relative; text-align:center; top:-50px; padding-bottom:0px; height:100px; color:#ffffff; width:850px; margin:0 auto;}
#container .content .header.bg.y {background-color:#ffc600}
#container .content .header.bg.g {background-color:#e5e4e2;}
#container .content .header.bg.lg {background-color:#3b4d67;}
#container .content .contents-area {padding:56px 0 173px;}
#container .content .contents-area.bg.y {background-color:#ffc600;}
#container .content .contents-area.bg.g {background-color:#e5e4e2;}
#container .content .contents-area.bg.lg {background-color:#ffffff;}
#container .content .header.bg.y {background-color:#ffc600;}
#container .content .header.bg.g {background-color:#e5e4e2}
#container .content .header.bg.lg {background-color:#3b4d67}
#container .content .contents-area {padding:0px 0 173px}
#container .content .contents-area.bg.y {background-color:#eeeeee}
#container .content .contents-area.bg.g {background-color:#e5e4e2}
#container .content .contents-area.bg.lg {background-color:#3b4d67}


#footer {height:255px; padding-left:0px; background:url(../images/common/footer-bg.png);}
#footer .inner {width:940px;}
#footer ul.list {display:inline-block; padding-left:35px; padding-top:42px; margin:0 auto}
#footer ul.list li {float:left; height:10px;}
#footer ul.list li .sns {margin-top:37px;}
#footer ul.list li ~ li {margin-left:10px;}
#footer ul.list li a {font-size:14px; color:#fff}
#footer ul.list li .footer-logo2 {padding:0 20px;}
#footer ul.list li.point a {font-size:14px; font-weight:bold; color:#f69c00}
#footer p.contact {padding-top:13px; font-size:12px; color:rgba(151,177,208,1.00);}
#footer p.copy {padding-top:5px; font-size:10px; color:rgba(151,177,208,1.00); text-transform:uppercase}
#footer .inner .footer-combo {position:relative; left:720px; top:0px; background:#073a7a; color:#97b0d0; border-color:#97b0d0; font-size:12px; width:148px; height:24px;}



/* 서브페이지 메뉴 */
#container .content .submenu-online {position:relative; top:-20px; height:55px; width:1000px}
#container .content .submenu-online .submenus-img ul li {float:left; position:relative; width:178px; top:0px; left:18px; }
#container .content .submenu-online .submenus-txt ul li {float:left; position:relative; width:178px; top:35px; left:20px; color:#ffffff; font-size:14.8px;  font-weight:600; text-align:center; z-index:100;}
#container .content .submenu-online .submenus-txt ul li a {color:#ffffff; font-size:14.8px;  font-weight:600;  letter-spacing:0PX;}
#container .content .submenus-course span {float:left; position:relative; width:1000px; height:70px; top:0px; left:68px; color:#56a5ff; font-size:15px; font-weight:500; z-index:200;}