@CHARSET "UTF-8";
* { box-sizing: border-box; background-repeat: no-repeat; }
html {overflow-y:scroll; min-width:320px; }
body { font-size: 16px; margin: 0px; padding: 0px; font-size:100%; font-family: NotoSans, Arial, sans-serif; letter-spacing:-0.5px;}
h2, h3 { font-size:17px;  }

/*common*/
ol,ul,li { list-style:none; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; }

/* 레이아웃 공통 */
html, body { position:relative; height:100%; }


#wrapper { overflow-x:hidden; overflow-y:hidden; position:relative; width:100%; }
.wrap { position:relative; width:1200px; margin:0px auto; }

img.turn { transition:all 400ms ease-in-out; /*transition:transform 0.5s ease-in-out;*/ }
a:hover img.turn {transform:rotate(90deg);}

.m-form-text { overflow:hidden; background: #ffffff; border:1px solid #a6a6a6; width:217px; display:inline-block; padding:0 0 0 10px;}
.m-form-text:after {content:""; display:block; clear:both;}
.m-form-text input[type="text"] {background:none; border:0; padding:0; width:180px; height:34px; line-height:34px; float:left; font-size:13px; letter-spacing:-1px; color:#666;}
.m-form-text input[type="submit"] {background:url(/Ivyimages/site/open_content/main/search_btn2.png) no-repeat center 50%; border:0; display:block; width:32px; height:32px; text-indent:-9999px; float:right;}

.hoverline{position:relative;display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hoverline:after{position:absolute;bottom:0;left:0;content:'';width:0;height:1px;background-color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hoverline:hover::after{width:100%;}


/*popupzone (상단)*/
#wrapper div.IvyPopup { width:100%; border-bottom:1px solid #374d76; background-color:#445d87; }
#wrapper div.popupzone_2 { width:1000px; margin:0 auto; position:relative; }
#wrapper div.popupzone_2 div.popup_img_2 { border:0px solid #ccc;  height:125px; }
#wrapper div.popupzone_2 div.popup_img_2 ul { list-style-type: none; margin: 0px; padding: 0px; }
#wrapper div.popupzone_2 div.popup_ctrl_2 { background-color:#fff; position:absolute;  text-align:center; top:0px; left:873px; width:130px; padding:5px 0; /*border-bottom:2px solid #a5c6cd; border-right:2px solid #a5c6cd; border-left:2px solid #a5c6cd;*/  }
#wrapper div.popupzone_2 div.popup_ctrl_2 a img {vertical-align: middle;}
#wrapper div.popupzone_2 div.popup_close { position:absolute; padding-left:3px; text-align:right; top:87px; width:100%;  }
#wrapper div.popupzone_2 div.popup_close img { vertical-align:middle; }

#wrapper div.popupzone_2 div.popup_img_2 ul li a{display:block;}

#Ivyheader { width:100%; position:relative; }
#Ivyheader .logo_wrap { position:relative; width:1200px; margin:0px auto; }
#Ivyheader h1.logo  { position:absolute; top:20px; text-indent:5px; color:#fff; z-index:1000; }
#Ivyheader h1.logo span { display:none; }


#Ivyheader .gnb { height:83px; }
#Ivyheader .gnb .wrap .inner { float:right; }
#Ivyheader .gnb .wrap .inner .util { float:left; margin-top:30px; }
#Ivyheader .gnb .wrap .inner .util ul li { display:inline-block; padding:0px 2px 0px 8px; border-left:1px solid #a6a6a6; line-height:12px;}
#Ivyheader .gnb .wrap .inner .util ul li a { display:block; }
#Ivyheader .gnb .wrap .inner .util ul li:first-child {border:none;}

#Ivyheader .gnb .wrap .inner .search { width:325px; height:32px; padding:5px 15px 5px 20px; background:#e2e2e2; overflow:hidden; position:absolute; z-index:10; left:50%; top:20px; margin-left:-180px;
-moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; -webkit-border-radius:21px; border-radius:21px;
-moz-box-shadow:1px 1px 0 #c9c9c9 inset; -ms-box-shadow:1px 1px 0 #c9c9c9 inset; -o-box-shadow:1px 1px 0 #c9c9c9 inset; -webkit-box-shadow:1px 1px 0 #c9c9c9 inset; box-shadow:1px 1px 0 #c9c9c9 inset;}
#Ivyheader .gnb .wrap .inner .search:after {content:""; display:block; clear:both;}
#Ivyheader .gnb .wrap .inner .search input[type="text"] {background:none; border:0; padding:0; width:290px; height:32px; line-height:32px; float:left; font-size:15px; color:#666;}
#Ivyheader .gnb .wrap .inner .search input[type="submit"] {background:url(/Ivyimages/site/open_content/main/search_btn.png) no-repeat center 50%; border:0; display:block; width:32px; height:32px; text-indent:-9999px; float:right;}

#Ivyheader .gnb .wrap .inner .sitemap { float:left; padding:11px 10px 12px; }
#Ivyheader .gnb .wrap .inner .sitemap a.m_sitemap { display:none; }

#Ivyheader > nav { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width:100%; height:60px; }
#Ivyheader > nav .wrap { width:100%; }
#Ivyheader > nav .wrap .lnb_wrap { width:100%; margin:0 auto; position:absolute; float:right; height:60px; }
#Ivyheader > nav .wrap .lnb_wrap div.gnb { clear:both; width:100%; position:absolute; z-index: 99; right:0; top:0px; height:87px; }
#Ivyheader > nav .wrap .lnb_wrap div.gnb ul { list-style-type:none; }

/*Footer*/
#Ivyfooter .a:hover {text-decoration:underline;}
#Ivyfooter {position:relative; z-index:30;background-color:#3e4555;letter-spacing:-0.5px;}
#Ivyfooter .wrap {width:1200px; margin:0 auto;}
#Ivyfooter .wrap .guide {padding:23px 0px; text-align:center; border-bottom:1px solid #57585c;}
#Ivyfooter .wrap .guide ul {display:block;}
#Ivyfooter .wrap .guide ul li { display: inline-block; }
#Ivyfooter .wrap .guide ul li:before {content:'';display:inline-block;margin-top:7px;margin-left:18px;margin-right:16px;width:1px;height:14px;background-color:#757b87;vertical-align:top;}
#Ivyfooter .wrap .guide ul li:first-child:before {content:none;}
#Ivyfooter .wrap .guide ul li a {color:#b1b1b3;}
#Ivyfooter .wrap .guide ul li:nth-child(2) a {font-weight:bold; color:#fff;}
#Ivyfooter .wrap .guide ul li a:hover { text-decoration:underline; }

#Ivyfooter .wrap .copyright {color:#b1b1b3; padding:10px 0 25px 20px; }
#Ivyfooter .wrap .copyright .add {display:inline-block;}
#Ivyfooter .wrap .copyright dl,
#Ivyfooter .wrap .copyright dl dt,
#Ivyfooter .wrap .copyright dl dd {display:inline-block; margin-left:0px; margin-bottom:4px;}
#Ivyfooter .wrap .copyright address { display:inline-block; margin-right:30px; margin-bottom:-15px;}
#Ivyfooter .wrap .copyright p {color:#6b727a; margin-top:0px;}
#Ivyfooter .wrap .copyright dl dd em {color:#ed3e2b; padding-right:20px;}


#Ivyfooter .sns-area {float: right; display: inline-block;padding-right:30px; padding-top:15px;}
#Ivyfooter .sns-area .sns {display:inline-block;}
#Ivyfooter .sns-area .sns li {float:left; text-align:left; position:relative; width:25px; margin-left:10px;}
#Ivyfooter .sns-area .sns li:first-child {margin-left:0;}
#Ivyfooter .sns-area .sns li a {display:block; width:25px; height:25px; background:url('/Ivyimages/site/open_content/main/ico_sns.png') no-repeat 0 0; line-height:0; font-size:0;}
#Ivyfooter .sns-area .sns li a.tistory {background-position:0 0 !important;}
#Ivyfooter .sns-area .sns li a.youtube {background-position:-35px 0 !important;}
#Ivyfooter .sns-area .sns li:hover a.tistory {background-position:0 -35px !important;}
#Ivyfooter .sns-area .sns li:hover a.youtube {background-position:-35px -35px !important;}
#Ivyfooter .sns-area .sns li a {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* div#main */
div#main { min-height: 500px; /*padding-bottom: 50px;*/ position: relative;}

div#visual { height: 860px; /*height: 600px;*/ overflow: hidden; position: relative; }

ul#slide-indicator { position: absolute; left: 50%; top: 520px; z-index: 3; width: 500px; transform: translate(-600px, -50%); }
ul#slide-indicator > li { width: 20px; height: 20px; border-radius: 10px; float: left; border: 1px solid #ef412f; margin-right: 5px; cursor: pointer; margin-right:10px; }
ul#slide-indicator > li.active { width: 40px; background-color: #ef412f; }

ul#slogan-slide { position: absolute; left: 50%; top: 100px; transform: translate(-600px, -50%); z-index: 1; width: 100%; }
ul#slogan-slide > li { position: absolute; left: 0; top: 80px; z-index: 0; display: none; color: ivory;}
ul#slogan-slide > li > div > div:nth-of-type(1) { font-size: 38px; font-weight: 600; margin-bottom:15px; text-shadow: 2px 3px 3px #000;}               
ul#slogan-slide > li > div > div:nth-of-type(2) { font-size: 22px; text-shadow: 2px 2px 1px #000; }

ul#slogan-slide > li:nth-of-type(1) {top:-40px; left: 540px; color: #1a40b1;}
/*ul#slogan-slide > li:nth-of-type(2) { top:90px; }*/
ul#slogan-slide > li:nth-of-type(1) > div > div:nth-of-type(1) { text-shadow: 1px 1px 2px #000; }
ul#slogan-slide > li:nth-of-type(2) > div > div:nth-of-type(1) { font-size:36px; }
ul#slogan-slide > li:nth-of-type(3) > div > div:nth-of-type(1) { font-size:36px; }
ul#slogan-slide > li:nth-of-type(2), ul#slogan-slide > li:nth-of-type(3) { color:white; }
ul#slogan-slide > li:nth-of-type(2) div.txt01 { position:relative; top:10px; left:220px; }
ul#slogan-slide > li:nth-of-type(3) div.txt01 { position:relative; top:10px; left:540px; }

ul#image-slide { height: 860px; /*height: 600px;*/ overflow: hidden; position: relative; }
ul#image-slide > li { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; display: none; }
ul#image-slide > li > img { width: 100%; height: 100%; object-fit: cover; }

div#main-contents { /*height: 600px;*/ /*margin-top: -170px;*/ position: absolute; bottom: 50px; left: 50%; transform: translate(-50%);}

div#main-contents-boxes {}

div.main-contents-boxes-row {}
div.main-contents-boxes-row::after { content: ''; display: block; clear: both; }
div#main-contents-boxes-row-0 { height: 250px; }
div#main-contents-boxes-row-1 { height: 300px; }
div.main-contents-box { height: 100%; float: left; }
div.main-contents-box-1 { width: 300px; }
div.main-contents-box-2 { width: 600px; }

div#main-contents-boxes-row-0 > div.main-contents-box{ text-align:center; } 
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(1) { background-color: rgba(189,206,225,0.9);border-top-left-radius: 30px; }
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(1) .info_area { padding-top: 42px; height: 100%; text-align: center; position: relative;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(1) h4{margin-bottom: 10px;}
div#main-contents-boxes-row-0 > div.main-contents-box h4 { color: #363b4d; font-size: 26px; font-weight: 800;}
div#main-contents-boxes-row-0 > div.main-contents-box p { font-size: 15px; color: #363b4d;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(1) .info_area a { display: inline-block; width: 38px; height: 38px; margin-top: 23px; background: url(/Ivyimages/site/nurse/main/department_more_icon.png) no-repeat center center; font-size: 0; transition: transform 0.5s ease-in-out;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(1) .info_area a:hover {transform:rotate(180deg);-webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(2) { background-color: rgba(220,217,185,0.9); color: #ffffff;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(2) h4{color: #363b4d;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(2) p{color: #363b4d;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(3) { background-color: rgba(216,205,181,0.9);}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(3) h4{ color:#363b4d;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(3) p{ color:#363b4d;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(4) { background-color: rgba(218,199,222,0.9);}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(4) h4{ color: #363b4d;}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(4) p{ color: #363b4d;}

div#main-contents-boxes-row-0 > div.main-contents-box .text_bx{ margin-top: 40px; margin-bottom: 20px;}
/*div#main-contents-boxes-row-0 > div.main-contents-box:nth-child(1) p{ font-size:17px; text-align: left; margin-left:55px; margin-top:5px; margin-bottom:5px;}*/
div#main-contents-boxes-row-0 > div.main-contents-box:nth-child(1) span{ font-size:18px; text-align: center; color:white; font-weight:bold;}

div#main-contents-boxes-row-0 > div.main-contents-box .itembx {display: block; position: relative;height: 257px;overflow: hidden;}
div#main-contents-boxes-row-0 > div.main-contents-box .itembx .bg{display: block; position: absolute; top:0; left:0; right:0; bottom:0;background: rgba(107,77,40,0.3); z-index: 1;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;opacity: 0; visibility: hidden;}
div#main-contents-boxes-row-0 > div.main-contents-box .itembx .text_bx{line-height: 0;text-align: center; height:93px; z-index: 10;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}

div#main-contents-boxes-row-0 > div.main-contents-box .itembx .text_bx:nth-child(3) img { margin-top:20px;}
/*호버*/
/*div#main-contents-boxes-row-0 > div.main-contents-box .itembx:hover .bg{opacity: 1; visibility: visible;}*/
div#main-contents-boxes-row-0 > div.main-contents-box .itembx:hover .text_bx{transform: scale(0.9);-webkit-transform: scale(0.94);-moz-transform: scale(0.4);-ms-transform: scale(0.94);}
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(1):hover{ background-color: rgba(189,206,225,0.65);transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}     
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(2):hover{ background-color: rgba(220,217,185, 0.65);transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}                 
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(3):hover{ background-color: rgba(216,205,181,0.65);transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;} 
div#main-contents-boxes-row-0 > div.main-contents-box:nth-of-type(4):hover{ background-color: rgba(218,199,222,0.65);transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;} 

div#main-contents-boxes-row-1 > div.main-contents-box:nth-of-type(1) { background-color: white; border: 1px solid #eaeaea;}
div#main-contents-boxes-row-1 > div.main-contents-box:nth-of-type(2) { background-color:#c3efff; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }

div#story-box { position: absolute; right: 0; top: 0; width: 300px; height: 285px; background-image: url(/Ivyimages/site/nurse/main/story_box.png); background-position: right top; }
div#story-box-header { margin-top: 40px; padding: 0 20px 10px 30px; }
div#story-box-header > h3 > span { font-size: 24px; color: #32579d; font-weight: 300; display: inline-block;}
div#story-box-header > h3 > span:nth-of-type(2) { color: #6c798f; padding-left: 5px; }
div#story-box-header > h3 > a { font-size: 12px; color: #7088d5; float: right; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; width: 52px; margin-top: 10px;  }
div#story-box-header > h3 > a > i { font-size: 18px; }

div#mv-box { margin-left: 10px; width: 290px; background-color: #f9f9f9;}