@charset "utf-8";
/* 개요 */
.intro_wrap .icon_box{margin-top:40px;}

/*인사말*/
.greeting_wrap{padding-right:430px;background:url(/nanum/site/builder/dir/jrtc/img/menu3859/bg_greeting01_1.png) no-repeat 100% 0;}
.greeting_wrap .headline{padding-bottom:40px;font-family:'NotoKrL';font-size:24px;line-height:1.5;letter-spacing:-0.05em;}
.greeting_wrap .greeting_txt{padding-bottom:40px;}
.greeting_wrap .greeting_txt p{padding-bottom:16px;font-size:15px;line-height:25px;color:#555;word-break:keep-all;}
.greeting_wrap .director{font-size:17px;}
.greeting_wrap .director strong{padding-left:10px;font-size:23px;}

/* 설립취지 */
.purpose_wrap .txt p{margin-top:10px;}
.purpose_wrap .purpose_box{display:inline-block;width:100%;}
.purpose_wrap .purpose_box li{float:left;margin-top:30px;width:283px;min-height:220px;text-align:center;}
.purpose_wrap .purpose_box li p:first-child{width:152px;height:152px;margin:0 auto 10px;border:2px solid #e7e7e7;border-radius:100px;}
.purpose_wrap .purpose_box li p:first-child span{display:inline-block;min-width:10px;margin-top:20px;font-size:16px;font-family:'Montserrat', sans-serif;color:#222;font-weight:600;border-bottom:2px solid #222;}
.purpose_wrap .purpose_box li p.icon01{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/purpose_icon01.gif) no-repeat center 60px;}
.purpose_wrap .purpose_box li p.icon02{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/purpose_icon02.gif) no-repeat center 60px;}
.purpose_wrap .purpose_box li p.icon03{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/purpose_icon03.gif) no-repeat center 60px;}
.purpose_wrap .purpose_box li p.icon04{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/purpose_icon04.gif) no-repeat center 60px;}
.purpose_wrap .purpose_box li p.icon05{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/purpose_icon05.gif) no-repeat center 60px;}
.purpose_wrap .purpose_box li p.icon06{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/purpose_icon06.gif) no-repeat center 60px;}
.purpose_wrap .purpose_box li p{font-size:16px;font-family:'NotoKrM', sans-serif;color:#333;letter-spacing:-0.05em;}

/*설립 목적 및 비전*/
.purpose_wrap .vision{text-align: center;/* position:relative; */background: url(/nanum/site/builder/dir/jrtc/img/menu3859/graph_bg.gif) no-repeat center 110px;}
.purpose_wrap .vision p{display: inline-block;margin: 0 auto;padding: 20px 50px;margin-bottom: 175px;border-radius: 15px;background:#084cbd;}
.purpose_wrap .vision p span.eng{display: block;width: 100%;color:#fff;font-size: 25px;line-height: 1;border-bottom: 1px solid rgba(255,255,255,0.5);padding-bottom: 10px;}
.purpose_wrap .vision p span.txt{display: block;font-size:17px;line-height: 1;padding-top: 10px;color:#fff;}
.purpose_wrap .vision ul.bx{display:inline-block;width:100%;padding: 30px 0 50px;border-radius: 15px;background:#e8f0fe;}
.purpose_wrap .vision ul.bx li{float: left;width:50%;padding-top: 70px;text-align:center;background:url(/nanum/site/builder/dir/jrtc/img/menu3859/vision_icon02.gif) no-repeat 50% 0;}
.purpose_wrap .vision ul.bx li:first-child{border-right:1px solid #ccc;box-sizing:border-box;background:url(/nanum/site/builder/dir/jrtc/img/menu3859/vision_icon01.gif) no-repeat 50% 0;}
.purpose_wrap .vision p.point{display: inline-block;font-size:25px;line-height:1;color:#fff;margin: -40px 0 0 0;padding: 25px 50px;border-radius:50px;box-shadow: 2px 6px 10px rgba(0,0,0,0.4);background:#030070;}
.purpose_wrap .vision p.point br{display:none;}
.purpose_wrap .vision p.point span{font-family: 'Montserrat','NotoKrB',sans-serif;color:#00e4ff;}

/* 전용시설/장비소개 */
#facility0{display: inline-block;width: 100%;}
.facility .item { overflow:hidden; margin-top:10px; }
.facility .item dt { background:#679fcd; float:left; width:160px; font-weight:bold; font-size:16px; color:#fff; border-radius:5px; text-align:center; line-height:1.6; padding:10px; min-height:50px; }
.facility .item dt a { color:#fff; }
.facility .item dd { border:solid 1px #dfe6eb; border-radius:5px; width:698px; float:left; background:#fff; margin-left:10px; padding:10px; min-height:50px; }
.facilityView { position:relative; }
.facilityView .tit { height:55px; background:#679fcd; font-size:16px; color:#fff; font-weight:bold; line-height:55px; padding-left:20px; }
.facilityView .item { margin-top:40px; position:relative; min-height:160px; padding-bottom:40px; border-bottom:solid 1px #dfe6eb; overflow:hidden; }
.facilityView .item.imgNo { margin-top:20px; padding-bottom:20px; }
.facilityView .item.imgNo .info { width:100% }
.facilityView .item .img { float:left; width:240px; margin-right:35px; }
.facilityView .item .img img { width:240px; height:auto; }
.facilityView .item .info { float:left; width:635px; }
.facilityView .item .info dt { font-size:16px; color:#000; font-weight:bold; padding:13px 0 11px 0; }
.facilityView .goList { position:absolute; right:0; top:0; width:140px; height:55px; line-height:55px; background:#777; font-size:16px; color:#fff; font-weight:bold; text-align:center; }

.facility_left{display:inline-block;float: left;width: 415px;}
.facility_right{display:inline-block;float: right;width: 415px;margin-left: 20px;}

/* 층별안내 */
.floorGuide {width: 100%;}
.floorGuide .item { overflow:hidden; margin-top:5px; }
.floorGuide .item dt {float:left;background: #7379a7;width: 20%;font-family: "Montserrat",sans-serif;font-size: 20px;letter-spacing: 0;color:#fff;border-radius:5px;text-align:center;line-height:50px;height:50px;}
.floorGuide .item dt a {color:#fff;}
.floorGuide .item dt.on{background: #0580dc;width: 100%;text-align:left;box-sizing: border-box;padding-left:33px;}
.floorGuide .item dt.on a {color:#fff;}
.floorGuide .item dt.on.ex{ padding-left:23px; width:405px; height: 70px; line-height: 70px;}
.floorGuide .item dt.on .floor{padding-left:51px;font-family: 'NotoKrB',sans-serif;font-size: 15px;}
.floorGuide .item dt.on .floor.f3{padding-left:47px}
.floorGuide .item dt.on.ex .floor{padding-left:53px;}
.floorGuide .item dt.on.pad{background:#d30044; width:425px; text-align:left; padding-left:33px; color:#fff; text-align: center; padding-left:0px}
.floorGuide .item dt.pad{background:#fff;width:426px; font-size:14px; text-align:left; border:solid 1px #99abb8;color:#666;font-weight:normal;text-align:center}
.floorGuide .item dt.pad img{vertical-align: middle;padding-right:10px}
.floorGuide .item dt.bgTy1 { background:#6fa8d1; }
.floorGuide .item dt.bgTy2 { background:#5a8db0; }
.floorGuide .item dt.bgTy3 { background:#4e84c1; }
.floorGuide .item dt.bgTy4 { background:#286bb7; }
.floorGuide .item dt.bgTy5 { background:#2993b6; }
.floorGuide .item dt.bgTy6 { background:#41abce; }
.floorGuide .item.hTy2 dt { height:74px; line-height:74px; }
.floorGuide .item.hTy2 dd { height:60px; }
.floorGuide .item dd {width: 80%;min-height: 50px;line-height: 50px;padding-left: 20px;float:left;border: solid 1px #ccc;border-radius:5px;box-sizing: border-box;background:#fff;}

.facility_wrap .facility_info .top{display:inline-block;width:100%;padding:30px 0;line-height:0;font-size:0;border-radius:0 10px 0 0;background:#2c3ec1;}
.facility_wrap .facility_info .top > span{padding:0 40px 0 60px;vertical-align:top;font-size:22px;font-family:'NotoKrB', sans-serif;color:#fff;letter-spacing:-0.05em;}
.facility_wrap .facility_info .top ul{display:inline-block;}
.facility_wrap .facility_info .top ul li{float:left;font-size:16px;font-family:'Montserrat', 'NotoKrR', sans-serif;color:#fff;}
.facility_wrap .facility_info .top ul li span{font-family:'NotoKrM', sans-serif;}
.facility_wrap .facility_info .pic_wrap{display:inline-block;border:1px solid #e5e5e5;border-top:0;}
.facility_wrap .facility_info .pic_wrap li{float:left;width:211px;min-height:280px;text-align:center;letter-spacing:-0.05em;border-left:1px solid #e5e5e5;}
.facility_wrap .facility_info .pic_wrap li:first-child{border-left:0;}
.facility_wrap .facility_info .pic_wrap li.img01{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_img01.jpg) no-repeat center bottom 30px;}
.facility_wrap .facility_info .pic_wrap li.img02{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_img02.jpg) no-repeat center bottom 30px;}
.facility_wrap .facility_info .pic_wrap li.img03{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_img03.jpg) no-repeat center bottom 30px;}
.facility_wrap .facility_info .pic_wrap li.img04{background:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_img04.jpg) no-repeat center bottom 30px;}
.facility_wrap .facility_info .pic_wrap li dl{margin-top:30px;}
.facility_wrap .facility_info .pic_wrap li dl dt{font-size:18px;font-family:'NotoKrM', sans-serif;color:#222;}
.facility_wrap .facility_info .pic_wrap li dl dd{font-size:15px;font-family:'NotoKrR', sans-serif;color:#555;}
.facility_wrap .angio_box{position:relative;}
.facility_wrap .angio_box span{position: absolute;display: inline-block;width: 90px;height: 90px;top: 50%;left: 50%;margin: -50px 0 0 -45px;text-align: center;border-radius: 100%;box-shadow: 0px 0px 7px 0px rgba(44,63,194,0.5);background: #fff;}
.facility_wrap .angio_box span img{width:50px;height:auto;margin-top:24px;}
.facility_wrap p{text-align:center;}
.facility_wrap p span.eng{display: inline-block;margin: 0 auto;color: #fff;font-size: 20px;padding: 10px 135px;background: #2c3fc2;}
.facility_wrap .angio_list{display:inline-block;width:100%;padding: 0 175px;margin-bottom: 0;box-sizing: border-box;}
.facility_wrap .angio_list li{float:left;width: 220px;height: 160px;padding-top: 95px;margin: 15px;font-size:16px;font-family:'NotoKrR', sans-serif;color:#222;line-height:22px;letter-spacing:-0.05em;border: 2px solid #2c3fc2;border-radius: 15px;box-sizing: border-box;text-align:center;background-position: center 10px;background-repeat: no-repeat;}
.facility_wrap .angio_list li.icon01{background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_icon01.gif);}
.facility_wrap .angio_list li.icon02{background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_icon02.gif);}
.facility_wrap .angio_list li.icon03{background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_icon03.gif);}
.facility_wrap .angio_list li.icon04{background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/facility_icon04.gif);}

/* 원광대학교병원 외상시스템 */
.trauma_system_wrap .trauma_list{display:inline-block;width:100%;}
.trauma_system_wrap .trauma_list li{float:left;width:282px;font-size:14px;font-family:'NotoKrR', sans-serif;color:#222;line-height:22px;text-align:center;border-left:1px solid #e5e5e5;}
.trauma_system_wrap .trauma_list li:first-child{border-left:0;}
.trauma_system_wrap .trauma_list li img{margin-bottom:10px}
.trauma_system_wrap .mimg{margin:40px 0;}
.trauma_system_wrap .gray_box{text-align:center;}

/*외상시스템 스텝*/
.trauma_system_wrap .txt_box{%;text-align: center;margin: 20px 0;}
.trauma_system_wrap .txt_box p{display: inline-block;border-left: 3px solid #0782dd;border-right: 3px solid #0782dd;padding: 10px 30px;font-size: 30px;}

.trauma_system_wrap .trauma_system{display:inline-block;width: 100%;margin-bottom: 20px;}
.trauma_system_wrap .trauma_system li{float:left;width: 15.6%;margin-left: 10px;}
.trauma_system_wrap .trauma_system li:first-child{margin-left:0;}
.trauma_system_wrap .trauma_system li .num{padding: 80px 20px 10px 20px;border:1px solid #222;font-family:'Montserrat',sans-serif;font-weight:600;color: #0782dd;text-align: center;letter-spacing:0.01em;background-repeat: no-repeat;background-position: center 10px;background-size: 65px auto;}
.trauma_system_wrap .trauma_system li .txt{min-height: 40px;padding: 10px;background: #eceff7;font-family:'NotoKrM';font-size:14px;color:#222;text-align: center;word-break:keep-all;line-height: 40px;}
.trauma_system_wrap .trauma_system li .txt.lh{line-height:20px;}

.trauma_system_wrap .trauma_system li .num.icon01{background-image: url(/nanum/site/builder/dir/jrtc/img/menu3859/trauma_system_icon01.gif);}
.trauma_system_wrap .trauma_system li .num.icon02{background-image: url(/nanum/site/builder/dir/jrtc/img/menu3859/trauma_system_icon02.gif);}
.trauma_system_wrap .trauma_system li .num.icon03{background-image: url(/nanum/site/builder/dir/jrtc/img/menu3859/trauma_system_icon03.gif);}
.trauma_system_wrap .trauma_system li .num.icon04{background-image: url(/nanum/site/builder/dir/jrtc/img/menu3859/trauma_system_icon04.gif);}
.trauma_system_wrap .trauma_system li .num.icon05{background-image: url(/nanum/site/builder/dir/jrtc/img/menu3859/trauma_system_icon05.gif);}
.trauma_system_wrap .trauma_system li .num.icon06{background-image: url(/nanum/site/builder/dir/jrtc/img/menu3859/trauma_system_icon06.gif);}

/*외상시스템*/
.trauma_system_wrap .trauma_box {}
.trauma_system_wrap h3.tit2 {font-size:22px; text-align:center; padding:60px 0 30px 0;}
.trauma_system_wrap h3.tit2.tit_t {padding:30px 0 30px 0;}
.trauma_system_wrap h3.tit2 span {color:#d04848;} 
.trauma_system_wrap .blue_box {margin-top:30px;}


/* 시스템 이전 */
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}

.system_befo  {overflow:hidden; margin-bottom:60px;}
.system_befo li {display:inline-block; text-align:center; background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_arr.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:24px;}
.system_befo li:first-child  {padding-left:0;}
.system_befo li:first-child div {width:112px; height:166px; background:#a9b9c1;}
.system_befo li div {width:158px; height:166px; background:#e9edef;  border-radius:20px;}
.system_befo li div p {color:#242424; font-family:'NotoKrB',sans-serif;}

.system_befo li.box1{-webkit-animation-delay:0s;animation-delay:0s}
.system_befo li.box2{-webkit-animation-delay:0.4s;animation-delay:0.4s}
.system_befo li.box3{-webkit-animation-delay:0.6s;animation-delay:0.6s}
.system_befo li.box4{-webkit-animation-delay:0.8s;animation-delay:0.8s}
.system_befo li.box5{-webkit-animation-delay:0.9s;animation-delay:0.9s}

.system_befo li div p{padding-top:100px; background-repeat:no-repeat; background-position: 50% 30px;}
.system_befo li.box1 div p {background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon0.gif);}
.system_befo li.box2 div p {background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon1.gif);}
.system_befo li.box3 div p {background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon2.gif);}
.system_befo li.box4 div p {background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon3.gif);}
.system_befo li.box5 div p {background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon4.gif);}


/* 시스템 이후 */
.box_wrap {border:3px solid #ddd;}
.box_wrap h3.tit2{ padding:0; margin-top:-20px;}
.box_wrap h3.tit2 div {display:inline-block; padding:5px 20px; background:#fff;}
.box_wrap .system_after {overflow:hidden; padding:50px;}
.box_wrap .system_after > li {display:inline-block; overflow:hidden; width:30%; vertical-align:top; text-align:center; background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_arr.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:34px;}
.system_after > li:first-child  {padding-left:0;}
.system_after > li:first-child div {width:112px; height:272px; background:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon_bg.gif)repeat-x;}
.system_after > li:first-child div p {color:#fff; padding-top:160px; background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon5.gif); background-repeat:no-repeat; background-position:50% 80px;}
.system_after > li > div {width:158px; height:166px; background:#e9edef;  border-radius:20px;}
.system_after > li > div.round {width:200px; height:64px; display:table; background:#0988de; border-radius:100px; margin:10px 0; color:#fff; text-align:left; padding-left:85px;  background-repeat:no-repeat; background-position:0 50%;}
.system_after > li > div.round span {display:table-cell; vertical-align:middle;}
.system_after > li > div.round p {color:#fff;  background-repeat:no-repeat;}
.system_after > li > div.round.num1 { background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon6.png); }
.system_after > li > div.round.num2 { background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon8.png); }
.system_after > li > div.round.num3 { background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon7.png); }

.system_after > li.box1 {width:20%;}
.system_after > li.box2 {width:43%; padding-top:20px;}
.system_after > li.box3 {width:27%;}

.system_after > li.box3 > div {width:200px; height:272px; background:#63b55b;}
.system_after > li.box3 > div p {padding:14px 0; color:#fff;}
.system_after > li.box3 > div > div.in {background:#fff; height:82px; margin:3px; border-radius:20px; padding-top:130px; background: #fff url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon9.png) no-repeat 50% 30%;}

.system_after > li > div p {color:#242424; font-family:'NotoKrB',sans-serif;}

.box_wrap.box {-webkit-animation-delay:1s;animation-delay:1s}
.system_after li.box1{-webkit-animation-delay:1s;animation-delay:1s}
.system_after li.box2{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.system_after li.box3{-webkit-animation-delay:0.9s;animation-delay:1.4s}



/*외상시스템 중간 내용*/
.trauma_system_wrap h3.tit span.eng{font-size: 23px;padding-left: 10px;font-weight: 600;color: #0c5cef;}
.trauma_system_wrap .txt_box p.stxt{display: block;;border: 0;padding: 0;padding-bottom: 40px;margin-bottom: 5px;background: url(/nanum/site/builder/dir/jrtc/img/menu3859/trauma_system_arrow.gif) no-repeat 50% bottom;background-size: 30px auto;}
.trauma_system_wrap .txt_box p.stxt span{display: block;font-size: 16px;color: #fff;border-radius: 7px;padding: 10px 0;background: #0782dd;}
.trauma_system_wrap .txt_box p.stxt span.red2{background: #d64747;color:#fff;}
.trauma_system_wrap .txt_box ul{display:inline-block;width:100%;}
.trauma_system_wrap .txt_box ul li{float: left;width: 100px;height: 100px;font-size:14px;text-align: center;line-height: 100px;border: 2px solid #43afff;border-radius: 100%;box-sizing: border-box;margin: 5px 10.7px 0;}

.trauma_system2 {padding: 10px 30px;margin-bottom: 30px;border: 1px solid #ddd;box-shadow:0px 10px 5px -5px #ddd;}
.trauma_system2  li {padding: 10px 0; border-bottom: 1px dashed #ddd;}
.trauma_system2 .number {padding:2px 11px; margin-right:15px; background:#e6e6ea; display:inline-block; border-radius: 50%; font-size:13px; }
.trauma_system2 li:last-child {border:0;}

.trauma_system_wrap .blue_box{width: 100%;padding: 20px;box-sizing: border-box;background: #edeff0;}
.trauma_system_wrap .blue_box ul.list li{}

/******************************1024******************************/
@media all and (max-width:1024px){

	
/* 인사말 */
.greeting_wrap{padding-right:330px;background-size:300px auto;}
.greeting_wrap.type2 {padding-left:330px; background-size:300px auto;}

.greeting_wrap .headline{padding:0px 0 20px;font-size:22px;line-height:1.5;word-break:keep-all;}
.greeting_wrap .headline br:last-of-type{display:none;}
.greeting_wrap .greeting_txt{padding-bottom:20px;}
.greeting_wrap .greeting_txt p{padding-bottom:15px;font-size:14px;line-height:24px;}
	
/* 설립취지 */
.purpose_wrap .purpose_box li{margin-top:30px;width:33.33%;}

/* 전용시설/장비소개 */
.facility_left{width:49%;}
.facility_right{width:49%;margin-left:0;}
.facility_right img{width:100%;}

.facility_wrap .facility_info .pic_wrap{width:100%;}
.facility_wrap .facility_info .pic_wrap li{width:25%;min-height:245px;box-sizing:border-box;background-size:120px auto !important;}
.facility_wrap .facility_info .top > span{padding:0 30px;font-size:20px;}
.facility_wrap .angio_box{text-align:center;}
.facility_wrap .angio_box span{margin-left:-60px;}
.facility_wrap .angio_list{padding:0;}
.facility_wrap .angio_list li{width:45%;font-size:15px;}

/* 원광대학교병원 외상시스템 */
.trauma_system_wrap .trauma_list li{width:33.33%;box-sizing:border-box;}
.trauma_system_wrap .trauma_list li p br{display:none;}
.trauma_system_wrap .jrtc_video{width:100%;max-width:100%;height:auto;}

/*외상시스템 스텝*/
.trauma_system_wrap .trauma_system li{width:14.8%;margin:1%;}

/*외상시스템 중간 내용*/
.trauma_system_wrap .txt_box div{display:inline-block;}
.trauma_system_wrap .txt_box ul li{margin:5px 0;}
.trauma_system_wrap img.mt50{width:100%;}


/* 시스템 이전 */
.system_befo  {overflow:hidden; margin-bottom:60px; text-align:center;}
.system_befo li {display:inline-block; width:30%; margin-bottom:10px;  background-size:15px; background-position:5px 50%; padding-left:24px;}
.system_befo li:first-child  {padding-left:0;}
.system_befo li:first-child div {width:100%; height:auto; }
.system_befo li div {width:100%; height:auto; }
.system_befo li div p{padding-top:50px; background-position: 50% 0px; background-size:45px;}

/* 시스템 이후 */
.box_wrap .system_after {text-align:center;}
.box_wrap .system_after > li {width:30%; vertical-align:top; text-align:center; background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_arr.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:34px;}
.system_after > li:first-child  {padding-left:0;}
.system_after > li:first-child div {width:100%; height:272px; background:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon_bg.gif)repeat-x;}
.system_after > li:first-child div p {}
.system_after > li > div.round {width:100%; height:64px; display:table; box-sizing:border-box; background:#0988de; border-radius:100px; margin:10px 0; color:#fff; text-align:left; padding-left:85px;  background-repeat:no-repeat; background-position:0 50%;}
.system_after > li > div.round span {display:table-cell; vertical-align:middle;}
.system_after > li > div.round p {color:#fff;  background-repeat:no-repeat;}
.system_after > li > div.round.num1 { background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon6.png); }
.system_after > li > div.round.num2 { background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon8.png); }
.system_after > li > div.round.num3 { background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_icon7.png); }

.system_after > li.box1 {width:15%;}
.system_after > li.box2 {width:35%; padding-top:20px;}
.system_after > li.box3 {width:20%;}

.system_after > li.box3 > div {width:100%; height:auto; padding-bottom:1px; }
.system_after > li.box3 > div p {padding:14px 0;}
.system_after > li.box3 > div > div.in {min-height:50px;}

.system_after > li > div p {color:#242424; font-family:'NotoKrB',sans-serif;}



}

/******************************767******************************/
@media all and (max-width:767px){
/* 인사말 */
.greeting_wrap{padding:280px 0 0 0;background-size:auto 250px;background-position:50% 0;text-align:center;}
.greeting_wrap.type2{padding:280px 0 0 0;background-size:auto 250px;background-position:50% 0;text-align:center;}
.greeting_wrap .headline{padding:0 0 20px;font-size:18px;}
.greeting_wrap .director{font-size:15px;}
.greeting_wrap .director strong{font-size:20px;}


/* 설립취지 */
.purpose_wrap .purpose_box li{margin-top:10px;width:50%;min-height:185px;}
.purpose_wrap .purpose_box li p{font-size:14px;line-height:22px;}
.purpose_wrap .purpose_box li p:first-child{width:100px;height:100px;background-size:35px auto;background-position:center 50px;}
.purpose_wrap .purpose_box li p:first-child span{font-size:14px;}

/*설립 목적 및 비전*/
.purpose_wrap .vision{background-size:170px auto;}
.purpose_wrap .vision p{margin-bottom:125px;}
.purpose_wrap .vision ul.bx{padding: 15px 0 57px 15px;box-sizing:border-box;}
.purpose_wrap .vision ul.bx li{padding-top:55px;background-size:43px auto;}
.purpose_wrap .vision ul.bx li:first-child{background-size:35px auto;}
.purpose_wrap .vision p.point{font-size: 17px;line-height: 26px;padding: 20px 30px;margin-top: -50px;}
.purpose_wrap .vision p.point br{display:block;}

/* 전용시설/장비소개 */
.facility_left,
.facility_right{width:100%;float:none;}
.facility_left{margin-bottom:30px;}
.floorGuide .item dt{width:15%;height:40px;line-height: 40px;font-size:15px;}
.floorGuide .item dd{width: 85%;min-height: 40px;line-height: 40px;padding-left: 10px;}

.facility_wrap .facility_info .top{padding:15px 0;font-size:15px;line-height:24px;text-align:center;}
.facility_wrap .facility_info .top > span{display:block;}
.facility_wrap .facility_info .top ul{width:100%;margin:10px auto 0;}
.facility_wrap .facility_info .top ul li{float:none;font-size:14px;}
.facility_wrap .facility_info .pic_wrap{border-bottom:0;border-left:0;}
.facility_wrap .facility_info .pic_wrap li{width:50%;min-height:200px;background-size:100px auto !important;background-position:center bottom 20px !important;border-bottom:1px solid #e5e5e5;}
.facility_wrap .facility_info .pic_wrap li:first-child{border-left:1px solid #e5e5e5;}
.facility_wrap .facility_info .pic_wrap li dl{margin-top:10px;}
.facility_wrap .facility_info .pic_wrap li dl dt{font-size:15px;}
.facility_wrap .facility_info .pic_wrap li dl dd{font-size:14px;}
.facility_wrap p span.eng{width:100%;font-size: 15px;padding: 10px 0;}
.facility_wrap .angio_box span{width: 70px;height: 70px;margin-left: -35px;margin: -35px 0 0 -35px;}
.facility_wrap .angio_box span img{width:30px;}
.facility_wrap .angio_list{margin-top:10px;}
.facility_wrap .angio_list li{width:48%;height: 150px;line-height: 20px;padding-top: 70px;margin:1%;background-size: 60px auto;background-position: center 20px;}


/* 원광대학교병원 외상시스템 */

.trauma_system_wrap .trauma_list li{float:none;width:100%;margin-top:20px;border:0;}
.trauma_system_wrap .trauma_list li:first-child{margin-top:0;}

/*외상시스템 스텝*/
.trauma_system_wrap .txt_box p{font-size: 20px;padding: 5px 20px;}
.trauma_system_wrap .trauma_system{width:100%;}
.trauma_system_wrap .trauma_system li{width:30%;margin: 2%;}
.trauma_system_wrap .trauma_system li .num{text-align:center;padding: 60px 0 10px;background-size: 50px auto;}
.trauma_system_wrap .trauma_system li .txt{enter;line-height: 20px;}
.trauma_system_wrap .trauma_system li:nth-child(4){margin-left:0;}


/*외상시스템*/
.trauma_system_wrap .trauma_box {}
.trauma_system_wrap h3.tit2 {font-size:16px; text-align:center; padding:30px 0 20px 0;} 
.trauma_system_wrap .blue_box {margin-top:10px;}

/*외상시스템 중간 내용*/
.trauma_system_wrap .txt_box{margin-top:0;}
.trauma_system_wrap .txt_box p.stxt span{padding:10px 20px;    font-size: 15px;word-break:keep-all;}
.trauma_system_wrap .txt_box ul{margin-top:10px;}
.trauma_system_wrap .txt_box ul li{border-radius: 0;width: 25%;height: auto;line-height: 35px;margin-left: -2px;margin-top: -7px;}
.trauma_system_wrap .txt_box div > ul > li:last-child{width: 49.5%;}

.trauma_system_wrap h3.tit span.eng{display: inline-block;width: 100%;font-size: 20px;padding-left: 0;}
.trauma_system_wrap img.mt50{margin-top:0;}


/* 시스템 이전 */
.system_befo li {width:42%;}
.system_befo li div p{padding-top:50px; background-position: 50% 5px; background-size:40px;}

/* 시스템 이후 */

.box_wrap h3.tit2 {padding:0;}
.box_wrap .system_after {text-align:center; padding:20px; box-sizing:border-box;}
.box_wrap .system_after > li {width:100%; box-sizing:border-box; vertical-align:top; text-align:center; background-image:url(/nanum/site/builder/dir/jrtc/img/menu3859/system_arr.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:34px;}
.system_after > li:first-child  {padding-left:0;}
.system_after > li:first-child div {width:100%; height:auto; background-size:cover;}
.system_after > li:first-child div p {background-position:30px 50%; padding-top:0; padding:20px 0; background-size: 30px;}
.system_after > li > div.round {width:100%; height:64px; display:table; box-sizing:border-box; background:#0988de; border-radius:100px; margin:10px 0; color:#fff; text-align:left; padding-left:85px;  background-repeat:no-repeat; background-position:0 50%;}
.system_after > li > div.round span {display:table-cell; vertical-align:middle;}
.system_after > li > div.round p {color:#fff;  background-repeat:no-repeat;}

.system_after > li.box1 {width:100%;}
.system_after > li.box2 {width:100%; padding-top:20px;}
.system_after > li.box3 {width:100%;}

.system_after > li.box3 > div {width:100%; height:auto; padding-bottom:1px; }
.system_after > li.box3 > div p {padding:14px 0;}
.system_after > li.box3 > div > div.in {min-height:50px;}

.system_after > li > div p {color:#242424; font-family:'NotoKrB',sans-serif;}

}
/******************************480******************************/
@media all and (max-width:480px){


}