@charset "utf-8";
@import url("base_2019.css");
@import url("layout_2019.css");
@import url("common_2019.css");


/* bmy 201503 */

body{width:100%;height:100%}
html{width:100%;height:100%}



/* Common */
.bold{font-weight:bold}
.bgnone{background:none}
.png24{tmp:expression(setPng24(this))}
.disIN{display:inline}
.disBLO{display:block}
.floatR{float:right}
.floatL{float:left}
.alignRight{text-align:right}
.alignLft{text-align:left}
.alignCnt{text-align:center}
a{outline:none;color:inherit;}
a:hover{text-decoration:none}
textarea{resize:none}






span.txt_color1{color:#ed3074;}
span.txt_color2{color:#028dc0;}


/* sub */
#sub_wrap{width:100%;}
h1.h1_title{width:1200px;margin:0 auto;padding: 0 0 45px;font-size:36px;font-family:'Roboto', sans-serif;font-weight:300;}
h2.h2_title{padding-bottom:5px;font-size: 36px;font-weight:600;font-family: 'Glegoo', serif;color:#282626;font-weight:300;}
h2.h2_title1{background:url(../images/support_img2_bg.gif) repeat-x 0 0;width:1100px;margin:0 auto;padding-bottom:20px;font-weight:300;}
h2.h2_title2{padding-bottom:20px;font-weight:300;}
h3.h3_title{padding-bottom:40px;font-weight:300;}
h3.h3_title1{font-weight:300;}


p.para1{font-size:15px;line-height:1.5em;padding-left:3px;}


/* dionavi */
#dionavi{z-index:900;position: relative;}
#dionavi .sec1{}
#dionavi .sec1 ul.list{overflow:hidden;}
#dionavi .sec1 ul.list li{float:left;border-left:1px solid #dcdcdc;padding:3px 0 5px 20px;width: 20%;}
#dionavi .sec1 ul.list dt{font-size:20px;padding-bottom:15px;font-weight:bold;}
#dionavi .sec1 ul.list dd{line-height:1.4em;font-size:15px;}
#dionavi .sec1 .btn{padding-top:75px;text-align:right;}
#dionavi .sec1 .btn span.movie a{background-color:#f26094;background-image:url(../images/ico_bg1.gif);background-repeat:no-repeat;background-position:164px 50%;border-radius:3px;color:#fff;padding:20px 0 20px 25px;font-size:16px;margin:0 5px;width:210px;}
#dionavi .sec1 .btn span.down a{background-color:#f26094;background-image:url(../images/ico_bg2.gif);background-repeat:no-repeat;background-position:161px 50%;border-radius:3px;color:#fff;padding:20px 0 20px 25px;font-size:16px;margin:0 5px;width:210px;}
#dionavi .sec1 .btn span a{display:inline-block;text-align:left;}

#dionavi .sec2{background:#fff;}
#dionavi .sec2 .graph{/*background:url(../images/dionavi_img5.gif) no-repeat 50% 0;*/height:540px;width: 1200px;margin: 0 auto;}
#dionavi .sec2 .graph ul{width:1200px;padding:0px 0px;margin:0 auto;overflow:hidden;}
#dionavi .sec2 .graph ul li{float:left;width:580px; padding:0px 25px; background-color: #efefef;}
#dionavi .sec2 .graph ul li.mini{/*padding-left:11px;width:500px;*/}
#dionavi .sec2 .graph ul li+li{margin-left:40px;}
#dionavi .sec2 .graph ul dt{text-align:center;font-size:22px;padding-top:24px;height:80px;}
#dionavi .sec2 .graph ul dd.pic{height:383px;text-align:center;position:relative;}
#dionavi .sec2 .graph ul dd.pic img{width:495px; height:350px;}
#dionavi .sec2 .graph ul dd.txt{font-size:15px;padding:0px 10px 24px 20px;line-height:20px;}

#dionavi .sec3{background:#fff;}
#dionavi .sec3 .graph{background-color:#f9f6ee;background-image:url(../images/sub_cont_bg2.jpg);background-repeat:no-repeat;background-position:50% 35px;height:800px;}
#dionavi .sec3 .graph .relative{position:relative;width:990px;margin:0 auto;}
#dionavi .sec3 .graph dl.txt1{position:absolute;top:200px;left:380px;}
#dionavi .sec3 .graph dl.txt2{position:absolute;top:475px;right:400px;text-align:right;}
#dionavi .sec3 .graph dl dt{font-size:20px;padding-top:10px;padding-bottom:3px;}
#dionavi .sec3 .graph dl dd{font-size:15px;line-height:19px;}

#dionavi .sec4{background:#fff;}


/*
#dionavi1{position:fixed;left:0;top:0;z-index:-1;width:100%;}

#dionavi1 .graph{background-color:#f9f6ee;background-image:url(../images/sub_cont_bg2.jpg);background-repeat:no-repeat;background-position:50% 35px;height:900px;}
#dionavi1 .graph .relative{position:relative;width:990px;margin:0 auto;}
#dionavi1 .graph dl.txt1{position:absolute;top:200px;left:380px;}
#dionavi1 .graph dl.txt2{position:absolute;top:475px;right:400px;text-align:right;}
#dionavi1 .graph dl dt{font-size:20px;padding-bottom:10px;}
#dionavi1 .graph dl dd{font-size:13px;line-height:19px;}
*/


#proc{}
#proc .sec1{}
#proc .sec1 ul.way{overflow:hidden;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding-top:28px;padding-bottom:28px;}
#proc .sec1 ul.way li{float:left;background:url(../images/index_img9_bg.gif) no-repeat 16px 0;padding-left:65px;}
#proc .sec1 ul.way li.first{background:none;}

#proc .sec3{background:url(../images/sub_cont_bg3.jpg) no-repeat 50% 0;height:1040px;padding-top:130px;}
#proc .sec3 .list ul{overflow:hidden;border-bottom:1px solid #e1e1e1;padding-bottom:40px;}
#proc .sec3 .list ul li{float:left;color:#ef6191;font-size:16px;background:url(../images/ico_bg3.gif) no-repeat 3px 0;padding:4px 50px 10px 28px;}
#proc .sec3 .vs{margin-top:55px;padding-left:5px;position:relative;}
#proc .sec3 .vs dl{float:left;}
#proc .sec3 .vs dl.cont1{width:430px;margin-right:100px;}
#proc .sec3 .vs dl.cont2{width:590px;}
#proc .sec3 .vs dl dt{padding-bottom:17px;}
#proc .sec3 .vs dl dd.txt{padding-top:20px;font-size:16px;}
#proc .sec3 .vs p.ico{position:absolute;left:422px;top:120px;}

#proc .sec2 .process{overflow:hidden;position:relative;}
#proc .sec2 .process .l_sec{float:left;width:505px;text-align:right;}
#proc .sec2 .process .r_sec{position:absolute;width:480px;left:302px;top: 296px;}

#proc .sec2 .process .r_sec .btns ul{overflow:hidden;}
#proc .sec2 .process .r_sec .btns ul li{float:left;padding-right:2px;}
/*
#proc .sec2 .process .r_sec .btns .roll{position:absolute;top:30px;right:25px;}
#proc .sec2 .process .r_sec .btns{background:#fae8ef;position:relative;}
*/
#proc .sec2 .process .r_sec .btns .roll img{padding:5px 3px;}
#proc .sec2 .process .r_sec dl.info{padding-top:50px;padding-left:35px;}
#proc .sec2 .process .r_sec dl.info dt{font-size:25px;}
#proc .sec2 .process .r_sec dl.info dd{font-size:15px;padding-top:5px;}



#download{}
#download .sec1{width:1100px;margin:0 auto;padding-bottom:90px;}
#download .sec1 ul.list{overflow:hidden;}
#download .sec1 ul.list li{float:left;padding:0 65px 80px 5px;position:relative; width: 205px;}
#download .sec1 ul.list li.end{padding-right:0;}
#download .sec1 ul.list dd.thumb img{border:1px solid #cccccc;}
#download .sec1 ul.list dt{position:absolute;left:10px;top:280px;font-size:15px;width:160px;}
#download .sec1 ul.list dd.btn{position:absolute;left:185px;top:280px;}




#qna{}
#qna .sec1{width:1100px;margin:0 auto;padding-bottom:100px;}
#qna .sec1 .btns {text-align:right;width:98%;margin-top:25px;}
#qna .sec1 .btns span a{display:inline-block;background:#f26094;border-radius:3px;padding:15px 0 15px 20px;width:200px;text-align:left;color:#fff;font-size:15px;}

#qna .sec2{background-color:#eeeeee;background-image:url(../images/commu_img2.gif);background-position:50% 50%;background-repeat:no-repeat;padding:80px 0 150px;}
#qna .sec2 p.title{text-align:center;background:url(../images/commu_img1.gif) no-repeat 50% 80px;padding-bottom:60px;}
#qna .sec2 p.txt{text-align:center;font-size:19px;margin-bottom:70px;font-weight:400;}
#qna .sec2 .roll{background:#fff;padding-top:55px;padding-bottom:20px;font-size: 14px;}
#qna .sec2 .roll div.list ul{overflow:hidden;} 
#qna .sec2 .roll div.list li{float:left;border-left:1px solid #eeeeee;padding:10px 30px 10px 34px;width:275px;height:315px;}
#qna .sec2 .roll div.list li.first{border-left:none;}
#qna .sec2 .roll div.list dt{font-size:18px;padding-bottom:8px;padding-left:1px;}
#qna .sec2 .roll div.list dd{font-size:14px;}
#qna .sec2 .roll div.list dd.flag{padding-bottom:22px;}
#qna .sec2 .roll div.list span.bg{background:#eeeeee;display:inline-block;padding:0 3px;}
#qna .sec2 .roll div.list dd.addr{background:url(../images/ico_bg6.gif) no-repeat 0 2px;padding:0 0 6px 20px;}
#qna .sec2 .roll div.list dd.tel{background:url(../images/ico_bg7.gif) no-repeat 0 2px;padding:0 0 6px 20px;}
#qna .sec2 .roll div.list dd.mail{background:url(../images/ico_bg8.gif) no-repeat 0 2px;padding:0 0 6px 20px;}
#qna .sec2 .roll div.list dd.web{background:url(../images/ico_bg9.gif) no-repeat 0 2px;padding:0 0 6px 20px;}
#qna .sec2 .roll .r_btns{text-align:center;padding:30px 0 20px;}
#qna .sec2 .roll .r_btns a{padding:5px;}

#qna .demo_bg{background-color:#000;background-image:url(../images/supply_img1.jpg);background-position:50% 0;background-repeat:no-repeat;height:218px;border-bottom:1px solid #fff;}





table.write{width:100%;border-collapse:collapse;font-size: 14px;}
table.write th{border-bottom:1px solid #cacaca;font-weight:normal;text-align:left;width:190px;font-size:15px;padding:10px 0 15px 20px}
table.write td{padding:5px 0 5px 40px;}
table.write th.br_top{border-top:1px solid #f26094;padding-top:15px;}
table.write td.br_top{border-top:1px solid #f26094;padding-top:15px;}
table.write td input{vertical-align:middle;}
table.write span.sct{display:inline-block;padding-left:30px;color:#fb1a1a;}




table.read{width:100%;border-collapse:collapse;font-size: 14px;}
table.read thead th{text-align:left;border-top:2px solid #ea6896;border-bottom:1px solid #e4e4e4;background:#f8f8f8;padding:15px 30px;}
table.read thead td{text-align:left;border-bottom:1px dotted #888888;padding:15px 30px;}
table.read thead th.subject{font-size:18px;font-weight:normal;}
table.read thead td.date{font-size:15px;}
table.read tbody div.subject{padding:50px;font-size:15px;line-height:26px;text-align: justify;}
table.read tbody div.subject p.pic{text-align:center;padding-bottom:40px;}
table.read tfoot{border-top:2px solid #4c4c4c;}
table.read tfoot th.prev{background:url(../images/ico_bg4.gif) no-repeat 0 50%;padding-left:30px;text-indent:-1000px;}
table.read tfoot th.next{background:url(../images/ico_bg5.gif) no-repeat 0 50%;padding-left:30px;text-indent:-1000px;}
table.read tfoot th{border-bottom:1px solid #e4e4e4;padding-top:10px;padding-bottom:15px;width:40px;clear:both;}
table.read tfoot td{border-bottom:1px solid #e4e4e4;padding-top:10px;padding-bottom:15px;text-align:left;}
table.read tfoot span.date{display:inline-block;float:right;padding-right:25px;}



/* notice */
#notice{padding-bottom:90px;padding-top:10px;margin:0 auto;width:1100px;font-size: 14px;}
#notice .top_sec{overflow:hidden;padding-bottom:13px;}
#notice .top_sec .total{float:left;padding-top:15px;padding-left:5px;}
#notice .top_sec .search{float:right;}
#notice .top_sec .search span.br{display:inline-block;border:1px solid #c8c8c8;}
#notice .top_sec .search span.br input{border:0;font-family:font-family:'Roboto Condensed', 'Roboto','Open Sans', sans-serif;padding:5px 5px;vertical-align:middle;}
#notice .top_sec .search a img{padding:3px 2px 0;}
#notice .top_sec .search span.txt{display:inline-block;padding-right:10px;}

#notice .list_sec{clear:both;border-top:2px solid #ea6896;}
#notice .list_sec li{padding:30px 10px 35px 0;border-bottom:1px dotted #888888;overflow:hidden;}
#notice .list_sec li p.thumb{float:left;width:240px;padding-left:15px;}
#notice .list_sec li p.thumb img{border:1px solid #d7d7d7;}
#notice .list_sec li dl{float:left;position:relative;width:815px;}
#notice .list_sec li dl dt{font-size:18px;padding-bottom:18px;width:540px;color:#0e0e0e;}
#notice .list_sec li dl dd.text{font-size:15px;line-height:20px;text-align:justify;}
#notice .list_sec li dl dd.more{font-size:11px;}
#notice .list_sec li dl dd.more a{color:#343434;}
#notice .list_sec li dl dd.date{position:absolute;top:4px;right:0;text-align:right;font-size:15px}

#notice .btns{text-align:right;margin-top:25px;}
#notice .btns a{display:inline-block;background:#f26094;border-radius:3px;padding:15px 0 15px 20px;width:100px;text-align:left;color:#fff;font-size:15px;}




/* faq */
#faq{padding-bottom:90px;margin:0 auto;width:1100px;font-size:14px}
#faq .total{padding:0 0 10px 5px;}
#faq .faq_list{border-top:2px solid #ea6896;}
#faq .faq_list dl{border-bottom:1px solid #d5d5d5;}
#faq .faq_list dt{background:url(../images/faq_arrow_off.gif) no-repeat 1060px center;font-size:15px;}
#faq .faq_list dt.bg_on{background:url(../images/faq_arrow_on.gif) no-repeat 1060px center;}
#faq .faq_list dd{background:#f5f5f5;font-size:15px;line-height:22px;padding:25px 40px 25px 50px;border-top:1px dotted #888888;}
#faq .faq_list dt a{display:block;padding:18px 15px;color:#3c3c3c;}
#faq span.ques{display:inline-block;padding:3px 2px 4px;background:#3f444c;color:#fff;margin-right:15px;width:36px;text-align:center;font-size:12px;border-radius:3px;}

#faq_more{margin-top:30px;width:100%;}
#faq_more .pic_sec{float:left;width:50%;height:504px;background-image:url(../images/faq_img1.jpg);background-repeat:no-repeat;background-position:right 0;background-color:#f9f9f7;}
#faq_more .btn_sec{float:left;width:50%;height:504px;}
#faq_more .btn_sec li.btn1{background:#faf9f8;height:252px;border-bottom:2px solid #fff;}
#faq_more .btn_sec li.btn2{background:#faf9f8;height:251px;}
#faq_more .btn_sec li span{display:block;width:490px;text-align:center;}
#faq_more .btn_sec li.btn1 span.txt{font-size:26px;padding-top:55px;padding-bottom:30px;font-weight: 100;}
#faq_more .btn_sec li.btn2 span.txt{font-size:26px;padding-top:58px;padding-bottom:30px;font-weight: 100;}
#faq_more .btn_sec li span.btn{}


/* case */
#case{width:1100px;margin:0 auto;padding-bottom:100px;position:relative;font-size: 14px;}
#case span.total{position:absolute;right:10px;top:19px;}
#case ul.tab_menu{overflow:hidden;margin-bottom:35px;background:url(../images/case_bg1.gif) repeat-x 0 bottom;}
#case ul.tab_menu li a{float:left;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #ea6896;text-align:center;color:#666666;font-size:18px;padding:10px 40px;margin-right:6px;}
#case ul.tab_menu li a.on{border-left:1px solid #ea6896;border-top:1px solid #ea6896;border-right:1px solid #ea6896;border-bottom:1px solid #fff;color:#31373f;}
#case .list_sec ul{overflow:hidden;margin-bottom:20px;}
#case .list_sec ul li{float:left;width:310px;height: 375px;border:1px solid #e4e4e4;padding:25px 20px 40px;margin:0 9px 25px 3px;position:relative;}
#case .list_sec ul li.end{margin-right:0;}
#case .list_sec ul li span{display:block;}
#case .list_sec ul li span.title{font-size:18px;padding:20px 0 10px;}
#case .list_sec ul li span.txt{padding-bottom:30px;color:#545454;}
#case .list_sec ul li span.ico{position:absolute;left:20px;bottom:28px;}
#case .list_sec ul li span.date{text-align:right;}



/* paging */
.paging{padding-top:40px;text-align:center;}
.paging span a{display:inline-block;padding:5px 10px;border:1px solid #cbcbcb;background:#f9f9f9;text-align:center;margin:0 3px;}
.paging span.on a{display:inline-block;padding:5px 10px;border:1px solid #444142;background:#5a5f65;color:#fff;text-align:center;margin:0 3px;}
.paging span.pre a, .paging span.next a{display:inline-block;padding:5px 10px;border:1px solid #cbcbcb;background:#f9f9f9;text-align:center;margin:0 3px;}


/* 201608-ver2 */
#sub_wrap .visual{clear:both;height:353px;}
#sub_wrap .visual_bg1{background:url(../images/2019_hospital/s_visual1.jpg) no-repeat 50% 0}
#sub_wrap .visual_bg2{background:url(../images/sub_visual2.jpg) no-repeat 50% 0;}
#sub_wrap .visual_bg3{background:url(../images/2019_hospital/s_visual1.jpg) no-repeat 50% 0;}
#sub_wrap .visual_bg4{background:url(../images/sub_visual4.jpg) no-repeat 50% 0;}
#sub_wrap .visual_bg5{background:url(../images/sub_visual5.jpg) no-repeat 50% 0;}
#sub_wrap .visual_bg6{background:url(../images/2019_hospital/s_visual1.jpg) no-repeat 50% 0;}

#sub_wrap .visual p.title1{width:1100px;margin:0 auto;text-align:center;color:#e6e6e6;font-size:20px;padding:10px 0 10px;}
#sub_wrap .visual p.title1 img{padding:110px 0 0 0;text-align:center;}
#sub_wrap .visual p.title2{width:1100px;margin:0 auto;text-align:center;color:#e6e6e6;font-size:40px;}
#sub_wrap .visual p.title2 img{padding:15px 0 0 0;text-align:center;}

#sub_wrap .cont_bg{padding-top:60px;}
.g_font1{font-family: 'Droid Serif', serif;font-size: 20px;line-height: 1.4em;}





/* 러닝컨텐츠 201808 */
#learning{width:1200px;margin:40px auto 140px;}

#learning .search_sec{overflow:hidden;border-bottom:1px solid #e4e4e4;border:1px solid #e4e4e4;padding:30px 30px 30px 20px;margin-top:80px;}
#learning .search_sec p.stitle{float:left;font-size:16px;width:100px;margin-top:22px;background:url(../images/bl_line.gif) no-repeat right 2px;text-transform:uppercase;display:none;}
#learning .search_sec ul.slt{float:left;font-size:16px;margin-left:15px;margin-top:22px;}
#learning .search_sec ul.slt li{display:inline-block;margin-right:25px;}
#learning .search_sec ul.slt li img{padding:0 5px;}
#learning .search_sec ul.slt li img:hover{cursor:pointer;}
#learning .search_sec .bg{float:right;background:#f3f3f3;padding:10px 0 10px 20px;width:320px;border-radius:2px;}
#learning .search_sec .bg img{vertical-align:middle;}
#learning .search_sec .form_srch{border:none;background:#f3f3f3;color:#555555;font-family:'Lato', 'Roboto', sans-serif;font-size:15px;padding:10px 0;width:250px;}
#learning .search_sec .form_srch:focus{outline:none;}
#learning .search_sec a.btn_search{border-left:1px solid #b0b0b0;padding-left:12px;padding-right:5px;}
#learning .search_sec a.btn_search img{opacity:.5;transition:all 0.3s;}
#learning .search_sec a.btn_search:hover img{opacity:1;transition:all 0.3s;}

#learning .cate_sec{background:url(../images/case_bg1.gif) repeat-x 0 bottom;height:60px;margin-bottom:20px;}
#learning .cate_sec ul{overflow:hidden;text-align:center;font-size:18px;margin-bottom:-1px;height:60px;}
#learning .cate_sec ul li{float:left;margin-left:9px;background:#fff;}
#learning .cate_sec ul li:first-child{margin-left:0;}
#learning .cate_sec ul li a{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-bottom:1px solid #ea6896;display:block;padding:20px 0;height:60px;width:175px;}
#learning .cate_sec ul li a.on{border-left:1px solid #ea6896;border-right:1px solid #ea6896;border-top:2px solid #ea6896;border-bottom:1px solid #fff;}

#learning .movie_sec{} 
#learning .movie_sec .overflow{overflow:hidden;padding:20px 0;} 
#learning .movie_sec .clear{clear:both;}

#learning .movie_sec .l_gr:first-child{margin-left:0;}
#learning .movie_sec .l_gr{float:left;width:380px;border-bottom:1px solid #cdcdce;margin-left:25px;position: relative;} 
#learning .movie_sec .l_gr .thumb{width:380px;height:214px;overflow:hidden;position:relative;}
#learning .movie_sec .l_gr .thumb a.btn_play{position:absolute;left:180px;top:92px;opacity:.5;transition:all 0.3s;}
#learning .movie_sec .l_gr .thumb span.time{display:none;background:#212228;color:#fff;width:68px;height:30px;text-align:center;position:absolute;right:0;bottom:0;font-size:14px;padding-top:7px;}

#learning .movie_sec .l_gr .thumb img.pic{transition:all 0.3s;width:100%;}
#learning .movie_sec .l_gr .thumb:hover img.pic{transform:scale(1.1,1.1);transition:all 0.3s;}
#learning .movie_sec .l_gr .thumb a.btn_play:hover{opacity:1;transition:all 0.3s;}

#learning .movie_sec dl.info{padding-top:20px;height:280px;} 
#learning .movie_sec dl.info dt{font-size:20px;color:#14171a;padding-bottom:15px;}
#learning .movie_sec dl.info dd{font-size:15px;color:#6d7075;line-height:20px;width:250px;height:120px;}

#learning .btn_sec{text-align:right;}
#learning .btn_sec a{font-size:15px;color:#2d3238;text-align:left;border:1px solid #3c444b;border-radius:20px;display:inline-block;padding: 8px 25px 9px 20px;}
#learning .btn_sec a.share{background:url(../images/ico_share.png) no-repeat 20px 10px;padding-left:47px;position:absolute;bottom:30px;right:120px;}
#learning .btn_sec a.down{background:url(../images/ico_down.png) no-repeat 20px 10px;padding-left:47px;margin-left:5px;position:absolute;bottom:30px;right:0;}
#learning .btn_sec a.share:hover{background:url(../images/ico_share_ov.png) no-repeat 20px 10px;background-color:#3c444b;border:1px solid #3c444b;color:#fff;transition:all 0.3s;}
#learning .btn_sec a.down:hover{background:url(../images/ico_down_ov.png) no-repeat 20px 10px;background-color:#3c444b;border:1px solid #3c444b;color:#fff;transition:all 0.3s;}

#learning .btn_sec a.share:hover .share_pop{opacity:1;}

#learning .btn_sec .share_pop{position:absolute;width:219px;height:68px;background:url(../images/learning_img1.png) no-repeat 0 0;text-align:center;bottom:70px;right:60px;opacity:0;padding-top: 7px;}
#learning .btn_sec .share_pop a{display:inline-block;padding:5px;border:0;border-radius:0;}

#learning .paging1{text-align:center;font-size:18px;margin-top:60px;position:relative;}
#learning .paging1 img{vertical-align:middle;}
#learning .paging1 a{border:1px solid #fff;font-size:18px;border-radius:2px;display:inline-block;margin:0 2px;padding:4px 10px;transition:all 0.3s;}
#learning .paging1 a:hover{border:1px solid #3c444b;transition:all 0.3s;}
#learning .paging1 a.on{border:1px solid #3c444b;}
#learning .paging1 a.btn_pre{transition:all 0.3s;position:absolute;left:360px;top:4px;border:none;}
#learning .paging1 a.btn_next{transition:all 0.3s;position:absolute;right:360px;top:4px;border:none;}
#learning .paging1 a.btn_pre:hover{background:none;transition:all 0.3s;left:350px;border:none;}
#learning .paging1 a.btn_next:hover{background:none;transition:all 0.3s;right:350px;border:none;}


#l_popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);text-align:center;z-index:999;}
#l_popup .gr{width:1120px;margin:50px auto 0;background:#fff;position:relative;}
#l_popup .gr .mv{padding-top:35px;}
#l_popup .gr .overflow{overflow:hidden;padding:45px 45px 55px;text-align:left;}
#l_popup .gr dl.info{float:left;width:640px;}
#l_popup .gr dl.info dt{font-size:22px;color:#14171a;padding-bottom:12px;}
#l_popup .gr dl.info dd{font-size:16px;color:#6d7075;line-height:20px;}
#l_popup .gr dl.share{float:left;width:275px;}
#l_popup .gr dl.share dt{font-size:15px;color:#2d3238;background:url(../images/ico_share.png) no-repeat 0 13px;padding:10px 28px 10px 25px;float:left;}
#l_popup .gr dl.share dd{}
#l_popup .gr dl.share dd a{padding:0 2px;}
#l_popup .gr p.btn_down{float:right;background:url(../images/bl_line.gif) no-repeat 0 10px;padding-left:21px;}
#l_popup .gr p.btn_down a.btn_down{font-size:15px;color:#2d3238;text-align:center;border:1px solid #3c444b;border-radius:20px;display:inline-block;padding: 8px 25px 9px;display:block;transition:all 0.3s;}
#l_popup .gr p.btn_down a.btn_down:hover{background-color:#3c444b;border:1px solid #3c444b;color:#fff;transition:all 0.3s;}
#l_popup .gr a.btn_close{position:absolute;background:#242424;padding:20px;top:0;right:-69px;transition:all 0.3s;}
#l_popup .gr a.btn_close:hover{background:#ea6896;transition:all 0.3s;}


/* privacy2018 */
#privacy{}
#privacy .gr{margin:50px 10px 100px;text-align:left;}
#privacy .gr dl{font-size:15px;margin-bottom:40px;}
#privacy .gr dl dt{font-size:20px;padding-bottom:15px;font-family:'Noto Serif', serif;}
#privacy .gr dl dd{line-height:22px;border:1px solid #e1e1e1;padding:25px 30px;}
#privacy .gr dl p.txt{padding-bottom:10px;}
#privacy .gr dl ul.txt{padding-bottom:10px;}
#privacy .gr dl ul.txt li{padding-bottom:3px;}
#privacy .gr dl ul.txt li.bl{background:url(../images/common/bl_dot.gif) no-repeat 5px 9px;padding-left:15px;}


/* network */
#network{width:100%;box-sizing:border-box;}
#network .h2_title{text-align:center;font-size:40px;font-family: 'Roboto', sans-serif;display:none;}
#network .map_sec{background:#f4f8fe;text-align:center;padding:70px 0 0;margin:0 0 100px;}
#network .map_sec .relative{position:relative;width:1100px;margin:0 auto;}
#network .map_sec p.pic{text-align:center;padding-bottom:75px;}
#network .map_sec p.pic .note {position:absolute; top:10px; left:80px; font-size:13px; color:#515151; display:inline-block; }
#network .map_sec p.pic .note .ic{margin-left:10px;}
#network .map_sec .info{font-size:15px;}
#network .map_sec .info span{display:inline-block;margin:0 20px;}

#network .map_sec .asia{cursor:pointer;}
#network .map_sec .asia span.title{position:absolute;top:150px;left:400px;display:inline-block;background:#6217d3/* #435bc1 */;padding:3px 15px 4px;color:#fff;font-size:13px;border-radius:20px;}
#network .map_sec .asia ul.ov{opacity:0;font-size: 13px;background:rgba(98,23,211,.9)/* rgba(23,59,211,.9) */;color:#fff;border-radius:20px;overflow:hidden;position:absolute;top:3px;left:398px;width:340px;padding:15px 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition:all .3s;z-index:5;}
#network .map_sec .asia:hover ul.ov{opacity:1;transition:all .3s;}
#network .map_sec .asia ul.ov li{float:left;width:33.3%;}

#network .map_sec .europe{cursor:pointer;}
#network .map_sec .europe span.title{position:absolute;top:155px;left:255px;display:inline-block;background:#e45543;padding:3px 15px 4px;color:#fff;font-size:13px;border-radius:20px;}
#network .map_sec .europe ul.ov{opacity:0;font-size: 13px;background:rgba(216,37,14,.9);color:#fff;border-radius:20px;overflow:hidden;position:absolute;top:-24px;left:13px;width:320px;padding:15px 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition:all .3s;z-index:5;}
#network .map_sec .europe:hover ul.ov{opacity:1;transition:all .3s;}
#network .map_sec .europe ul.ov li{float:left;width:33.3%;}

#network .map_sec .africa{cursor:pointer;}
#network .map_sec .africa span.title{position:absolute;top:308px;left:150px;display:inline-block;background:#e59c47;padding:3px 15px 4px;color:#fff;font-size:13px;border-radius:20px;}
#network .map_sec .africa ul.ov{opacity:0;font-size: 13px;background:rgba(242,141,23,.9);color:#fff;border-radius:20px;overflow:hidden;position:absolute;top:336px;left:126px;width:110px;padding:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition:all .3s;z-index:5;}
#network .map_sec .africa:hover ul.ov{opacity:1;transition:all .3s;}
#network .map_sec .africa ul.ov li{}

#network .map_sec .oceania{cursor:pointer;}
#network .map_sec .oceania span.title{position:absolute;top:403px;left:435px;display:inline-block;background:#48b6c0;padding:3px 15px 4px;color:#fff;font-size:13px;border-radius:20px;}
#network .map_sec .oceania ul.ov{opacity:0;font-size: 13px;background:rgba(23,196,211,.9);color:#fff;border-radius:20px;overflow:hidden;position:absolute;top:431px;left:419px;width:110px;padding:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition:all .3s;z-index:5;}
#network .map_sec .oceania:hover ul.ov{opacity:1;transition:all .3s;}
#network .map_sec .oceania ul.ov li{}

#network .map_sec .america{cursor:pointer;}
#network .map_sec .america span.title{position:absolute;top:185px;right:275px;display:inline-block;background:#3eb595;padding:3px 15px 4px;color:#fff;font-size:13px;border-radius:20px;}
#network .map_sec .america ul.ov{opacity:0;font-size: 13px;background:rgba(1,166,121,.9);color:#fff;border-radius:20px;overflow:hidden;position:absolute;top:213px;right:198px;width:160px;padding:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition:all .3s;z-index:5;}
#network .map_sec .america:hover ul.ov{opacity:1;transition:all .3s;}
#network .map_sec .america ul.ov li{float:left;width:50%;}

#network ul.tab_menu{width:1100px;margin:0 auto;text-align:center;}
#network ul.tab_menu li{float:left;width:20%;}
#network ul.tab_menu li a{display:block;border:1px solid #dddddd;font-size:16px;padding:15px 0;margin-left:-1px;}
#network ul.tab_menu li a.on{border:1px solid #f26094;background:#f26094;color:#fff;}
#network ul.tab_menu li a.on:hover{color:#fff;}
#network ul.tab_menu li:hover a{color:#ed4a84;transition:all 0.3s;}

#network .list_sec{width:1100px;margin:0 auto 130px;overflow:hidden;}
#network .list_sec .ntw_tit {font-size:25px; color:#e33d78;font-weight:500; margin-top:40px;}
#network .list_sec .gr{position:relative;border-bottom:1px solid #dddddd;padding:20px 0 25px;}
#network .list_sec .gr p.title{padding-bottom:15px;font-size:20px;font-weight:700;}
#network .list_sec ul.list{font-size:15px;color:#4b4b4b;}
#network .list_sec ul.list li{background:url(../images/global_img6.gif) no-repeat 1px 12px;padding:4px 0 4px 10px;}
#network .list_sec ul.list li span{display:inline-block;width:130px;background:url(../images/global_img7.gif) no-repeat right 50%;margin-right:15px;}
#network .list_sec .agcy_wr{}
#network .list_sec .agcy_wr .agcy_list {background:#f9f9f9; margin: 10px 0 20px 0; border:1px solid #dddddd; padding:30px 0;}
#network .list_sec .agcy_wr .agcy_list ul {width:90%; margin:0 auto 30px; overflow:hidden; }
#network .list_sec .agcy_wr .agcy_list ul li {float:left; width:20%;background:url(http://www.dio.co.kr/kor/images/aboutDIO/global_dot.png) no-repeat 0 10px; padding-left:12px;font-size:16px;margin-bottom:15px;box-sizing:border-box;  }
#network .list_sec .agcy_wr .agcy_list .btn_ar {text-align:center;}
#network .list_sec .agcy_wr .agcy_list .btn_contact {width:200px; height:50px;line-height:48px; background:#f26094; text-align:center; font-size:18px; color:#fff; font-weight:400; display:inline-block;}
#network .list_sec .agcy_wr .agcy_list .btn_contact:hover {background:#da3670;transition:all .3s;}

#network .list_sec .btns{position:absolute;bottom:20px;right:10px;}
#network .list_sec .btns a{border-radius:50%;text-align:center;display:inline-block;width:82px;height:82px;color:#121212;font-size:14px;margin:0 8px;}
#network .list_sec .btns a.site{background:url(../images/ico_link.png) no-repeat 50% 14px;background-color:#eeeeee;padding-top:41px;transition:all 0.3s;}
#network .list_sec .btns a.site:hover{background:url(../images/ico_link_ov.png) no-repeat 50% 14px;background-color:#211816;color:#eeeeee;transition:all 0.3s;}
#network .list_sec .btns a.map{background:url(../images/ico_map.png) no-repeat 50% 13px;background-color:#eeeeee;padding-top:41px;transition:all 0.3s;}
#network .list_sec .btns a.map:hover{background:url(../images/ico_map_ov.png) no-repeat 50% 13px;background-color:#211816;color:#eeeeee;transition:all 0.3s;}
#network .list_sec .g_map{width:1100px;height:490px;overflow:hidden;margin-top:45px;}




/* probo */
#sub_wrap .chairside{margin:0 auto;width:100%;line-height:1.8em;}
#sub_wrap .chairside .visual{background:url(../images/hospital/chairside_img1_bg.jpg) no-repeat 50% 0;padding-top:115px;position:relative;height:333px;}
#sub_wrap .chairside .visual p.btn_pre{position:absolute;top:120px;left:50%; font-size:15px;}
#sub_wrap .chairside .visual p.btn_next{position:absolute;top:120px;right:50%; font-size:15px;text-align:right;}

#sub_wrap .cont_probo{background:url(../images/hospital/probo_img7.jpg) no-repeat fixed 50% 0;}
#sub_wrap .cont_probo .sec1{width:100%;background:url(../images/hospital/probo_img2.jpg) no-repeat 50% 0;height:800px;padding-bottom:70px;background-color:#fff;}

#sub_wrap .cont_probo .t_s1{background:#fff;}
#sub_wrap .cont_probo .t_s1 p{text-align:center;}
#sub_wrap .cont_probo .t_s1 p.txt{font-size:30px;font-weight:300;padding-top:15px;}

#sub_wrap .cont_probo .sec1 p.s_ci{position:absolute;left:20px;top:100px;}
#sub_wrap .cont_probo .sec1 dl.l_title{position:absolute;left:20px;top:150px;}
#sub_wrap .cont_probo .sec1 dl.l_title dt{color:#58595c;font-size:34px;color:#2e2f31;}
#sub_wrap .cont_probo .sec1 dl.l_title dt span{display:block;font-size:15px;padding-bottom:3px;color:#828282;}
#sub_wrap .cont_probo .sec1 dl.l_title dd{font-size:20px;padding:20px 0 0 0;letter-spacing:-0.5px;line-height:1.4em;}
#sub_wrap .cont_probo .sec1 table.spec{border-collapse:collapse;position:absolute;left:865px;top:225px;width:335px;font-size:14px;text-align:left;}
#sub_wrap .cont_probo .sec1 table.spec th{border-bottom:1px solid #e1e1e1;color:#474646;font-weight:500;line-height:2.2em;padding-left:10px;}
#sub_wrap .cont_probo .sec1 table.spec td{border-bottom:1px solid #e1e1e1;line-height:2.2em;padding-left:10px;}
#sub_wrap .cont_probo .sec1 table.spec tr:first-child th{border-top:1px solid #a3a3a3;}
#sub_wrap .cont_probo .sec1 table.spec tr:first-child td{border-top:1px solid #e1e1e1;}

#sub_wrap .cont_probo .sec1 .btn_sec{width:375px;margin:0 auto;background:url(../images/hospital/probo_img2.gif) repeat-x 0 0;text-align:center;position:relative;height:35px;padding-top:4px}
#sub_wrap .cont_probo .sec1 .btn_sec img{vertical-align:middle;}
#sub_wrap .cont_probo .sec1 .btn_sec a{padding:3px 4px;display:inline-block;}
#sub_wrap .cont_probo .sec1 .btn_sec a.btn{position:absolute;top:0;right:50px;padding:0 3px;}

#sub_wrap .cont_probo .sec1 .prd_bg span{text-align:center;vertical-align:bottom;transition:all 0.5s;display:block;padding-left:30px;}
#sub_wrap .cont_probo .sec1 .prd_bg span img{transition: all 0.5s;}

#sub_wrap .cont_probo .sec2{}
#sub_wrap .cont_probo .sec2 .bg{height:580px;}
#sub_wrap .cont_probo .sec2 .bg span.txt{color:#b9fbff;font-size:26px;text-transform:uppercase;display:inline-block;padding-top:75px;font-weight:100;}
#sub_wrap .cont_probo .sec2 .cc{transition: all 0.3s;width:350px;height:350px;border:1px solid #8b96d6;background:rgba(255,255,255,0.1);border-radius:175px;text-align:center;position:absolute;color:#f1f2f9;font-size:16px;line-height:1.5em;text-align:center;}
#sub_wrap .cont_probo .sec2 .cc span.stitle{font-size:20px;line-height:30px;text-transform:uppercase;display:block;padding:70px 0 50px;background:url(../images/hospital/probo_img3.gif) no-repeat 50% 155px;}
#sub_wrap .cont_probo .sec2 .r1{top:95px;left:92px;}
#sub_wrap .cont_probo .sec2 .r2{top:95px;left:426px;}
#sub_wrap .cont_probo .sec2 .r3{top:95px;right:92px;}
#sub_wrap .cont_probo .sec2 .r4{top:95px;right:0px;}
#sub_wrap .cont_probo .sec2 .cc:hover{background:rgba(0,0,0,0.6);cursor:pointer;}


#sub_wrap .cont_probo .sec2 .r1{animation-duration: 0.5s;  animation-name: slidein;}
#sub_wrap .cont_probo .sec2 .r2{animation-duration: 1s;  animation-name: slidein;}
#sub_wrap .cont_probo .sec2 .r3{animation-duration: 1.5s;  animation-name: slidein;}
#sub_wrap .cont_probo .sec2 .r4{animation-duration: 2s;  animation-name: slidein;}

@keyframes slidein {
  from {
  top:200px;
  }
  to {
  top:95px;
  }
} 





#sub_wrap .cont_probo .sec3{padding:100px 0 120px;background:#fff;text-align:center;}
#sub_wrap .cont_probo .sec3 dl.mtr{}
#sub_wrap .cont_probo .sec3 dl.mtr dt{font-size: 40px;font-weight: 200;line-height: 55px;padding-bottom: 20px;background:none;}
#sub_wrap .cont_probo .sec3 dl.mtr dd{font-size: 18px;font-weight: 300;}
#sub_wrap .cont_probo .sec3 .mtrBG{background:url(../images/hospital/probo_img12.jpg) no-repeat 50% 10px;height: 420px;margin-top: 60px;}
#sub_wrap .cont_probo .sec3 .mtrBG p.title{font-size: 22px;line-height: 32px;background:url(../images/hospital/probo_img4.gif) no-repeat 50% 0px;padding-top:15px;text-align:center;color: #3e51c5;}
#sub_wrap .cont_probo .sec3 .mtrBG span{display:inline-block;position:absolute;top:340px;border-radius:20px;width:150px;padding:6px 0 8px;text-align:center;font-size:13px;}
#sub_wrap .cont_probo .sec3 .mtrBG span.nm1{left:40px;border:1px solid #fcde3b;}
#sub_wrap .cont_probo .sec3 .mtrBG span.nm2{left:292px;border:1px solid #8cde5f;}
#sub_wrap .cont_probo .sec3 .mtrBG span.nm3{left:540px;border:1px solid #75bed9;}
#sub_wrap .cont_probo .sec3 .mtrBG span.nm4{left:770px;border:1px solid #fcde3b;}
#sub_wrap .cont_probo .sec3 .mtrBG span.nm5{left:1000px;border:1px solid #ff9180;}
/* #sub_wrap .cont_probo .sec3 .l_sec{float:left;width:549px;}
#sub_wrap .cont_probo .sec3 .r_sec{float:right;width:550px;border-left:1px solid #ededed;}
#sub_wrap .cont_probo .sec3 dt{color:#303033;font-size:24px;background:url(../images/hospital/probo_img4.gif) no-repeat 50% 45px;height:75px;padding-bottom:25px;}
#sub_wrap .cont_probo .sec3 dd{font-size:16px;line-height:1.5em;}
#sub_wrap .cont_probo .sec3 .l_sec dd.pic{padding-top:115px;}
#sub_wrap .cont_probo .sec3 .r_sec dd.pic{padding-top:95px;} */

#sub_wrap .cont_probo .sec4{background:url(../images/hospital/probo_img8.jpg) no-repeat 50% 0;height:563px;position:relative;}
#sub_wrap .cont_probo .sec4 .gr{width:1160px;margin:0 auto;overflow:hidden;}
#sub_wrap .cont_probo .sec4 ul.movie{padding-top:105px;height:390px;}
#sub_wrap .cont_probo .sec4 ul.movie li{float:left;text-align:center;width:580px;padding:0 7px 40px;position:relative;box-sizing:border-box;}
#sub_wrap .cont_probo .sec4 ul.movie li span.ico_play{position:absolute;left:255px;top:133px;opacity:0.5;transition: all 0.5s;}
#sub_wrap .cont_probo .sec4 ul.movie li span.m_title{display:block;padding-top:20px;}
#sub_wrap .cont_probo .sec4 ul.movie li a{color:#939393;font-size:18px;}
#sub_wrap .cont_probo .sec4 ul.movie li .bg{width:520px;height:310px;background:#373738;overflow:hidden;}
#sub_wrap .cont_probo .sec4 ul.movie li .bg1{background:url(../images/hospital/probo_img9.jpg) no-repeat 50% 50%;opacity:0.5;transition: all 0.5s;width:520px;height:310px;}
#sub_wrap .cont_probo .sec4 ul.movie li .bg2{background:url(../images/hospital/probo_img10.jpg) no-repeat 50% 50%;opacity:0.5;transition: all 0.5s;width:520px;height:310px;}
#sub_wrap .cont_probo .sec4 ul.movie li .bg3{background:url(../images/hospital/probo_img11.jpg) no-repeat 50% 50%;opacity:0.5;transition: all 0.5s;width:520px;height:310px;}

#sub_wrap .cont_probo .sec4 ul.movie li a:hover .bg{opacity:1;overflow:hidden;width:520px;height:310px;}
#sub_wrap .cont_probo .sec4 ul.movie li a:hover .bg1{background:url(../images/hospital/probo_img9.jpg) no-repeat 50% 50%;opacity:1;transform: scaleX(1.1) scaleY(1.1);}
#sub_wrap .cont_probo .sec4 ul.movie li a:hover .bg2{background:url(../images/hospital/probo_img10.jpg) no-repeat 50% 50%;opacity:1;transform: scaleX(1.1) scaleY(1.1);}
#sub_wrap .cont_probo .sec4 ul.movie li a:hover .bg3{background:url(../images/hospital/probo_img11.jpg) no-repeat 50% 50%;opacity:1;transform: scaleX(1.1) scaleY(1.1);}
#sub_wrap .cont_probo .sec4 ul.movie li a:hover span.ico_play{position:absolute;left:255px;top:133px;opacity:1;transition: all 0.5s;}

#sub_wrap .cont_probo .sec4 a.btn_next{position:absolute;left:50%;margin-left:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;}
#sub_wrap .cont_probo .sec4 a.btn_pre{position:absolute;right:50%;margin-right:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;}
#sub_wrap .cont_probo .sec4 a.btn_next:hover{opacity:1;transition: all 0.5s;margin-left:610px;cursor:pointer;}
#sub_wrap .cont_probo .sec4 a.btn_pre:hover{opacity:1;transition: all 0.5s;margin-right:610px;cursor:pointer;}
#sub_wrap .cont_probo .sec4 a.btn_next img{display:blcok;padding:5px;}
#sub_wrap .cont_probo .sec4 a.btn_pre img{display:blcok;padding:5px;}

#sub_wrap .cont_probo .sec5{background:#fff;padding:85px 0 125px;text-align:center;}
#sub_wrap .cont_probo .sec5 .titles{text-align:center;font-size:36px;padding-bottom:60px;}
#sub_wrap .cont_probo .sec5 .titles span{font-weight:300;}
#sub_wrap .cont_probo .sec5 ul.manual{overflow:hidden;}
#sub_wrap .cont_probo .sec5 ul.manual li{display:inline-block;margin-left: -4px;margin-left: -4px \0/IE8+9;}
*::-ms-backdrop, #sub_wrap .cont_probo .sec5 ul.manual li{margin-left: -4px;}
#sub_wrap .cont_probo .sec5 ul.manual li img{padding-right:10px;vertical-align:middle;}
#sub_wrap .cont_probo .sec5 ul.manual li a{display:block;border:1px solid #e1e1e1;padding:20px 25px;width:360px;box-sizing:border-box;font-size:15px;text-align:left;transition: all 0.5s;border-radius:2px;background:url(../images/hospital/probo_img3.png) no-repeat 315px 50%;}
#sub_wrap .cont_probo .sec5 ul.manual li a:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background:url(../images/hospital/probo_img3.png) no-repeat 315px 50%;background-color:#3347c2;}

#sub_wrap .cont_probo .sec5 a.pdf_down{width:210px;padding:10px 0;font-size:16px;border:1px solid #1b1b1b;border-radius:3px;display:inline-block;background:#333333;color:#fff;transition: all 0.5s;}
#sub_wrap .cont_probo .sec5 a.pdf_down:hover{border:1px solid #e2e2e2;color:#333333;background:#fff;}

#simplemodal-overlay {background-color:#000;}
#modal_movie1{display:none;margin:20px auto 0;width:1002px;height:564px;background:#000;color:#fff;}
#modal_movie1 .gr{padding:1px;}
#modal_movie1 span.ico_close a{background:#000;color:#fff;font-size:14px;padding:8px 25px 10px;font-weight:300;}
#modal_movie2{display:none;margin:20px auto 0;width:1002px;height:564px;background:#000;color:#fff;}
#modal_movie2 .gr{padding:1px;}
#modal_movie2 span.ico_close a{background:#000;color:#fff;font-size:14px;padding:8px 25px 10px;font-weight:300;}
#modal_movie3{display:none;margin:20px auto 0;width:1002px;height:564px;background:#000;color:#fff;}
#modal_movie3 .gr{padding:1px;}
#modal_movie3 span.ico_close a{background:#000;color:#fff;font-size:14px;padding:8px 25px 10px;font-weight:300;}


#sub_wrap .cont_probo .min_width1 {width:1200px;margin:0 auto;}





/* idx추가 */
#sub_wrap .cont_idx .min_width1 {width:1200px;margin:0 auto;}
#sub_wrap .cont_idx .titles{text-align:center;font-size:40px;font-weight:300;padding-bottom:50px;}
#sub_wrap .cont_idx .titles span{font-weight:400;}

#sub_wrap .cont_idx .sec1{background:url(../images/hospital/idx_bg1.jpg) no-repeat 50% 0;height:640px;position:relative;text-align:left;margin-top:10px;}
#sub_wrap .cont_idx .sec1 .title{padding-top:15px;}
#sub_wrap .cont_idx .sec1 .title span{display:block;font-size:44px;line-height:55px;font-weight:300;}

#sub_wrap .cont_idx .sec1 table.spec{border-collapse:collapse;position:absolute;right:25px;top:165px;width:470px;font-size:14px;text-align:left;}
#sub_wrap .cont_idx .sec1 table.spec th{border-bottom:1px solid #e1e1e1;color:#474646;font-weight:500;line-height:2.4em;padding-left:19px;}
#sub_wrap .cont_idx .sec1 table.spec td{border-bottom:1px solid #e1e1e1;line-height:2.4em;padding-left:10px;}
#sub_wrap .cont_idx .sec1 table.spec tr:first-child th{border-top:1px solid #a3a3a3;}
#sub_wrap .cont_idx .sec1 table.spec tr:first-child td{border-top:1px solid #e1e1e1;}

#sub_wrap .cont_idx .sec1 ul.cpnt{position:absolute;left:740px;top:380px;overflow:hidden;}
#sub_wrap .cont_idx .sec1 ul.cpnt li{float:left;margin-right:6px;background:#000;position:relative;border-radius:2px;}
#sub_wrap .cont_idx .sec1 ul.cpnt li img{opacity:1;border:1px solid #e7e7e7;transition: all 0.5s;}
#sub_wrap .cont_idx .sec1 ul.cpnt li span.txt{opacity:0;position:absolute;background:rgba(0,0,0,.7);text-align:center;width:100%;height:100%;line-height:16px;padding-top:25px;vertical-align:middle;transition: all 0.5s;font-size:13px;}
#sub_wrap .cont_idx .sec1 ul.cpnt li img:hover{opacity:.4;transition: all 0.5s;}
#sub_wrap .cont_idx .sec1 ul.cpnt li:hover span.txt{opacity:1;color:#fff;transition: all 0.5s;}


#sub_wrap .cont_idx .sec2{width:1200px;height:580px;border-bottom:1px solid #f2f2f2;margin:0 auto;position:relative;}
#sub_wrap .cont_idx .sec2 div.bg{width:1200px;overflow:hidden;}
#sub_wrap .cont_idx .sec2 ul.bg{width:3600px;}
#sub_wrap .cont_idx .sec2 ul.bg li{float:left;}

#sub_wrap .cont_idx .sec2 .cont_slide{width:800px;overflow:hidden;position:absolute;left:200px;top:260px;}
#sub_wrap .cont_idx .sec2 ul.txt_gr{width:2400px;text-align:center;}
#sub_wrap .cont_idx .sec2 ul.txt_gr li{width:800px;float:left;}
#sub_wrap .cont_idx .sec2 ul.txt_gr span{display:block;}
#sub_wrap .cont_idx .sec2 ul.txt_gr span.txt1{font-size:32px;padding-bottom:45px;line-height:30px;font-weight:300;}
#sub_wrap .cont_idx .sec2 ul.txt_gr span.txt2{font-size:16px;line-height:26px;color:#696969;}

#sub_wrap .cont_idx .sec2 a.btn_pre{position:absolute;left:45px;top:350px;opacity:.3;display:block;padding:15px;transition: all 0.5s;}
#sub_wrap .cont_idx .sec2 a.btn_next{position:absolute;right:45px;top:350px;opacity:.3;display:block;padding:15px;transition: all 0.5s;}
#sub_wrap .cont_idx .sec2 a.btn_pre:hover{opacity:.8;left:35px;transition: all 0.3s;}
#sub_wrap .cont_idx .sec2 a.btn_next:hover{opacity:.8;right:35px;transition: all 0.3s;}

#sub_wrap .cont_idx .sec2 .dots{position:absolute;text-align:center;width:100%;top:480px;}
#sub_wrap .cont_idx .sec2 .dots img{padding:4px;}
#sub_wrap .cont_idx .sec2 .dots img:hover{cursor:pointer;}



#sub_wrap .cont_idx .sec3{background:url(../images/hospital/idx_bg2.gif) repeat-x 0 508px;height:950px;padding-top:70px;}
#sub_wrap .cont_idx .sec3 .cont_slide{width:1100px;margin:0 auto;position:relative;}
#sub_wrap .cont_idx .sec3 .cont_slide div.txt_gr{position:absolute;left:5px;top:230px;width:280px;overflow:hidden;}
#sub_wrap .cont_idx .sec3 .cont_slide ul.txt_gr{width:1960px;}
#sub_wrap .cont_idx .sec3 .cont_slide ul.txt_gr li{float:left;width:280px;text-align:left;}
#sub_wrap .cont_idx .sec3 .cont_slide ul.txt_gr span{display:block;}
#sub_wrap .cont_idx .sec3 .cont_slide ul.txt_gr span.txt1{font-size:30px;line-height:38px;height:145px;letter-spacing:-1px;}
#sub_wrap .cont_idx .sec3 .cont_slide ul.txt_gr span.txt2{font-size:16px;line-height:25px;color:#696969;padding-right:15px;}

#sub_wrap .cont_idx .sec3 .cont_slide div.pic_gr{position:absolute;left:310px;top:0;width:611px;overflow:hidden;}
#sub_wrap .cont_idx .sec3 .cont_slide ul.pic_gr{width:4277px;}
#sub_wrap .cont_idx .sec3 .cont_slide ul.pic_gr li{float:left;width:611px;}

#sub_wrap .cont_idx .sec3 .cont_slide .btn_gr{position:absolute;right:5px;top:312px;}
#sub_wrap .cont_idx .sec3 .cont_slide .btn_gr a{padding:15px 22px;display:inline-block;background:#f2f6f9;}
#sub_wrap .cont_idx .sec3 .cont_slide .btn_gr a:hover{}

#sub_wrap .cont_idx .sec3 .cont_slide .dots{position:absolute;text-align:center;width:100%;top:660px;padding-left:70px;box-sizing:border-box;}
#sub_wrap .cont_idx .sec3 .cont_slide .dots img{padding:4px;}
#sub_wrap .cont_idx .sec3 .cont_slide .dots img:hover{cursor:pointer;}


#sub_wrap .cont_idx .sec4{background:url(../images/hospital/idx_bg1.gif) repeat-y 50% 0;}
#sub_wrap .cont_idx .sec4 .min_width1{background:url(../images/hospital/idx_bg12.jpg) no-repeat 50% 0;height:623px;position:relative;}
#sub_wrap .cont_idx .sec4 .title{position:absolute;top:37px;font-size:38px;line-height:38px;font-weight:300;}
#sub_wrap .cont_idx .sec4 .title img{padding:0 15px 0 0;}
#sub_wrap .cont_idx .sec4 div.old{left:200px;}
#sub_wrap .cont_idx .sec4 div.new{left:725px;color:#dc2963;}
#sub_wrap .cont_idx .sec4 ul.list{position:absolute;top:485px;text-align:left;font-size:14px;color:#696969;line-height:25px;}
#sub_wrap .cont_idx .sec4 ul.old{left:26px;}
#sub_wrap .cont_idx .sec4 ul.old li{background:url(../images/hospital/bl_dot1.png) no-repeat 0 11px;padding-left:10px;}
#sub_wrap .cont_idx .sec4 ul.new{left:610px;width:590px;}
#sub_wrap .cont_idx .sec4 ul.new li{float:left;width:285px;background:url(../images/hospital/bl_dot1.png) no-repeat 0 10px;padding-left:10px;}



#sub_wrap .cont_idx .sec5{width:1200px;margin:0 auto;overflow:hidden;text-align:left;font-size:16px;line-height:23px;padding:110px 0 90px;border-bottom:1px solid #f2f2f2;}
#sub_wrap .cont_idx .sec5 p.title{background:url(../images/hospital/idx_img12.gif) no-repeat 2px bottom;height:45px;font-size:24px;margin-bottom:30px;}
#sub_wrap .cont_idx .sec5 .gr1{float:left;width:520px;}
#sub_wrap .cont_idx .sec5 .gr2{float:left;width:650px;padding-left:30px;}
#sub_wrap .cont_idx .sec5 .gr1 .txt{padding-right:80px;}
#sub_wrap .cont_idx .sec5 .gr1 .txt p.pic{text-align:left;padding:60px 0 0 65px;}
#sub_wrap .cont_idx .sec5 .gr2 p.pic{float:left;padding-right:45px;}
#sub_wrap .cont_idx .sec5 .gr2 .txt{float:left;width:325px;}
#sub_wrap .cont_idx .sec5 .gr2 .txt p{text-align:left;}
#sub_wrap .cont_idx .sec5 .gr2 .txt ul.list{padding:25px 0 40px;font-size:14px;line-height:20px;color:#696969;}
#sub_wrap .cont_idx .sec5 .gr2 .txt ul.list li{padding-bottom:8px;background:url(../images/hospital/bl_dot1.png) no-repeat 0 9px;padding-left:10px;}
#sub_wrap .cont_idx .sec5 .gr2 a.btn_peg{margin-left:5px;border:1px solid #dfdfdf;font-size:14px;padding:10px 25px 12px 20px;transition: all 0.5s;display:inline-block;}
#sub_wrap .cont_idx .sec5 .gr2 a.btn_peg img{padding:4px 10px 0 0;}
#sub_wrap .cont_idx .sec5 .gr2 a.btn_peg:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background-color:#3347c2;}





#sub_wrap .cont_idx .sec6{width:1200px;margin:0 auto;box-sizing:border-box;padding:60px 0 130px;}
#sub_wrap .cont_idx .sec6 .bg_gr{background:url(../images/hospital/idx_bg13.jpg) no-repeat 50% 0;height:385px;}
#sub_wrap .cont_idx .sec6 .bg_gr p{font-size:19px;text-align:center;padding-top:255px;line-height: 30px;}
#sub_wrap .cont_idx .sec6 ul.list{overflow:hidden;text-align:left;}
#sub_wrap .cont_idx .sec6 ul.list li{float:left;width:600px;border-bottom:1px solid #ebebeb;height:335px;padding-left:140px;padding-right:40px;box-sizing:border-box;}
#sub_wrap .cont_idx .sec6 ul.list li.ico1{background:url(../images/hospital/idx_img8.gif) no-repeat 13px 135px;}
#sub_wrap .cont_idx .sec6 ul.list li.ico2{background:url(../images/hospital/idx_img9.gif) no-repeat 20px 130px;}
#sub_wrap .cont_idx .sec6 ul.list li.ico3{background:url(../images/hospital/idx_img10.gif) no-repeat 13px 135px;}
#sub_wrap .cont_idx .sec6 ul.list li.ico4{background:url(../images/hospital/idx_img11.gif) no-repeat 20px 130px;}
#sub_wrap .cont_idx .sec6 ul.list li span{display:block;}
#sub_wrap .cont_idx .sec6 ul.list li span.txt3{font-size:20px;line-height:22px;font-weight:500;padding-top:50px;}
#sub_wrap .cont_idx .sec6 ul.list li span.txt1{font-size:18px;padding:5px 0 25px;}
#sub_wrap .cont_idx .sec6 ul.list li span.txt2{font-size:14px;line-height:22px;}
#sub_wrap .cont_idx .sec6 p.noti{text-align:center;font-size:14px;padding-top:50px;color:#696969;font-weight:300;}
#sub_wrap .cont_idx .sec6 span.link{padding-left:10px;vertical-align:middle;display:inline-block;}


#sub_wrap .cont_idx .sec7{background:url(../images/hospital/idx_bg14.jpg) no-repeat 50% 0;height:563px;position:relative;}
#sub_wrap .cont_idx .sec7 .gr{overflow:hidden;width:1155px;margin:0 auto;}
#sub_wrap .cont_idx .sec7 ul.movie{padding-top:105px;height:390px;}
#sub_wrap .cont_idx .sec7 ul.movie li{float:left;text-align:center;width:590px;padding:0 0 40px;position:relative;box-sizing:border-box;}
#sub_wrap .cont_idx .sec7 ul.movie li span.ico_play{position:absolute;left:255px;top:133px;opacity:0.5;transition: all 0.5s;}
#sub_wrap .cont_idx .sec7 ul.movie li span.m_title{display:block;padding-top:20px;}
#sub_wrap .cont_idx .sec7 ul.movie li a{color:#939393;font-size:15px;}
#sub_wrap .cont_idx .sec7 ul.movie li .bg{width:563px;height:315px;background:#373738;overflow:hidden;}
#sub_wrap .cont_idx .sec7 ul.movie li .bg1{background:url(../images/hospital/idx_video1.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;}
#sub_wrap .cont_idx .sec7 ul.movie li .bg2{background:url(../images/hospital/idx_video2.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;}
#sub_wrap .cont_idx .sec7 ul.movie li .bg3{background:url(../images/hospital/idx_video3.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;}
#sub_wrap .cont_idx .sec7 ul.movie li .bg4{background:url(../images/hospital/idx_video4.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;}
#sub_wrap .cont_idx .sec7 ul.movie li .bg5{background:url(../images/hospital/idx_video5.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;}

#sub_wrap .cont_idx .sec7 ul.movie li a:hover .bg{opacity:1;overflow:hidden;width:563px;height:315px;}
#sub_wrap .cont_idx .sec7 ul.movie li a:hover .bg1{opacity:1;transform: scaleX(1.1) scaleY(1.1);}
#sub_wrap .cont_idx .sec7 ul.movie li a:hover .bg2{opacity:1;transform: scaleX(1.1) scaleY(1.1);}
#sub_wrap .cont_idx .sec7 ul.movie li a:hover .bg3{opacity:1;transform: scaleX(1.1) scaleY(1.1);}
#sub_wrap .cont_idx .sec7 ul.movie li a:hover span.ico_play{position:absolute;left:255px;top:133px;opacity:1;transition: all 0.5s;}

#sub_wrap .cont_idx .sec7 a.btn_next{position:absolute;left:50%;margin-left:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;}
#sub_wrap .cont_idx .sec7 a.btn_pre{position:absolute;right:50%;margin-right:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;}
#sub_wrap .cont_idx .sec7 a.btn_next:hover{opacity:1;transition: all 0.5s;margin-left:610px;cursor:pointer;}
#sub_wrap .cont_idx .sec7 a.btn_pre:hover{opacity:1;transition: all 0.5s;margin-right:610px;cursor:pointer;}
#sub_wrap .cont_idx .sec7 a.btn_next img{display:blcok;padding:5px;}
#sub_wrap .cont_idx .sec7 a.btn_pre img{display:blcok;padding:5px;}

#sub_wrap .cont_idx .sec8{background:#fff;padding:85px 0 125px;}
#sub_wrap .cont_idx .sec8 .titles{text-align:center;font-size:40px;font-weight:400;padding-bottom:60px;}
#sub_wrap .cont_idx .sec8 .titles span{font-weight:300;}
#sub_wrap .cont_idx .sec8 ul.manual{overflow:hidden;width:360px;margin:0 auto;}
#sub_wrap .cont_idx .sec8 ul.manual li{}
#sub_wrap .cont_idx .sec8 ul.manual li img{padding-right:10px;vertical-align:middle;}
#sub_wrap .cont_idx .sec8 ul.manual li a{display:block;border:1px solid #e1e1e1;padding:20px 25px;width:360px;box-sizing:border-box;font-size:17px;text-align:left;transition: all 0.5s;border-radius:2px;background:url(../images/hospital/probo_img3.png) no-repeat 315px 50%;}
#sub_wrap .cont_idx .sec8 ul.manual li a:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background:url(../images/hospital/probo_img3.png) no-repeat 315px 50%;background-color:#3347c2;}

#sub_wrap .cont_idx .sec8 a.pdf_down{width:210px;padding:10px 0;font-size:16px;border:1px solid #1b1b1b;border-radius:3px;display:inline-block;background:#333333;color:#fff;transition: all 0.5s;}
#sub_wrap .cont_idx .sec8 a.pdf_down:hover{border:1px solid #e2e2e2;color:#333333;background:#fff;}

/* idx*/
#sl_dot1 {text-align:center; position:absolute;}
#sl_dot1 ul{display:inline-block; *display:inline; zoom:1;}
#sl_dot1 ul li{float: left; }
#sl_dot2 {text-align:center; position:absolute;}
#sl_dot2 ul{display:inline-block; *display:inline; zoom:1;}
#sl_dot2 ul li{float: left; }

/* newsletter */
#newsletter{margin:0 auto 80px;width:1200px;}
#newsletter .list_sec{border-top:2px solid #444a55;padding:35px 0 0 0;}
#newsletter .list_sec ul.list{overflow:hidden;}
#newsletter .list_sec ul.list li.gr{float:left;margin-left:57px;margin-bottom:20px;width:257px;position:relative;}
#newsletter .list_sec ul.list li.gr:nth-child(4n+1){margin-left:0;}
/* #newsletter .list_sec ul.list li.pd_none{margin-left:0;} */

#newsletter li.gr p.thumb{border:10px solid #f5f5f5;margin-bottom:10px;}
#newsletter li.gr p.title{font-size:15px;color:#4c4d50;padding-left: 11px;font-weight: 700;}
#newsletter li.gr p.title span.date{font-size:14px;background: url(../images/hospital/bl_line.gif) no-repeat 13px 4px;padding-left:27px;font-weight: 400;}
#newsletter li.gr p.title span.stitle{display:block;font-size:14px;padding-top:5px;line-height: 19px;color:#969696;height: 60px;text-align: left;font-weight: 400;}

#newsletter li.gr .ov{opacity:0;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;width:257px;height:163px;text-align:center;transition: all 0.5s;}
#newsletter li.gr:hover .ov{opacity:1;transition: all 0.5s;}

#newsletter li.gr .ov .btn{padding-top:70px;}
#newsletter li.gr .ov .btn a{display:inline-block;margin:0 3px;background-color:#000000;color:#fff;padding:8px 25px 8px 21px;font-size:13px;border-radius:2px;transition: all 0.3s;}
#newsletter li.gr .ov .btn a:hover{background-color:#f56397;transition: all 0.3s;}

#newsletter .reg{border-top:1px solid #e8e9ea;position:relative;padding:45px 35px 40px;text-align:center;}
#newsletter .reg dl{font-size:14px;}
#newsletter .reg dl dt{font-size:18px;padding-bottom:10px;}
#newsletter .reg a.btn_news{position:absolute;right:20px;top:30px;background:#444a55;color:#fff;border-radius:1px;padding:5px 15px 7px;font-size:15px;font-weight:300;}

#newsletter .reg a.btn_news1{border:1px solid #969ba1;border-radius:1px;padding:10px 35px 12px;font-size:15px;transition: all 0.3s;}
#newsletter .reg a.btn_news1:hover{background:#eb6796;border:1px solid #a6305a;color:#fff;transition: all 0.3s;}