@charset "utf-8";
/* 전체_기본_공통적용*/
#wrap {position:absolute;width:100%;text-align:center;z-index:999;}
#header {}
#container {width:100%;}

#com_menu { }/*상단메뉴로고부분*/

/*ios input 스타일 초기화*/
input:not(input[type=checkbox],input[type=radio]){-webkit-border-radius:1px; -webkit-appearance:none;}
select,textarea{-webkit-border-radius:1px;}


/*
#sub1 {position:absolute;top:60px;left:40px;width:100%;text-align:center;}
#sub1 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub1 li {float:left; padding:10px 12px;cursor:pointer;}
#sub1 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub1 .twoDep a:hover{color:#6c8fd1;}


#sub2 {position:absolute;top:60px;left:185px;width:100%;text-align:center;}
#sub2 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub2 li {float:left; padding:10px 12px;cursor:pointer;}
#sub2 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub2 .twoDep a:hover{color:#6c8fd1;}


#sub3 {position:absolute;top:60px;left:330px;width:100%;text-align:center;}
#sub3 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub3 li {float:left; padding:10px 12px;cursor:pointer;}
#sub3 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub3 .twoDep a:hover{color:#6c8fd1;}


#sub4 {position:absolute;top:60px;left:200px;width:100%;text-align:center;}
#sub4 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub4 li {float:left; padding:10px 12px;cursor:pointer;}
#sub4 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub4 .twoDep a:hover{color:#6c8fd1;}


#sub5 {position:absolute;top:60px;left:550px;width:100%;text-align:center;}
#sub5 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub5 li {float:left; padding:10px 12px;cursor:pointer;}
#sub5 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub5 .twoDep a:hover{color:#6c8fd1;}
*/

#com_menu .st_Nav {position:absolute;top:14px;right:0px;margin:0px; padding:0px;z-index:100;}
#com_menu .st_Nav li {float:left; padding:0 7px 0 7px; background:url(../images/com_top_line.png) no-repeat 0px 1px;}
#com_menu .st_Nav li.first {background:none;}
#com_menu .st_Nav img {vertical-align:top;}








/* 탭메뉴 */
/* images */
.listTab li a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 -22px;}
.listTab li a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px 1px;}
.listTab.m1 .m1 a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 1px;}
.listTab.m2 .m2 a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px -22px;}

/* Lined Tab */
.listTab{width:100%;}
.listTab ul{ position:relative; font-size:14px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{ float:left; -margin-bottom:-1px;text-align:left;}
.listTab li a span{ display:inline-block; cursor:pointer;}
.listTab li ul{ display:none; width:300px; position:absolute; top:40px; left:0; border:0; margin:0; padding:0; *zoom:1;}
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; position:relative; -margin:0 0 8px 0; color:#999;background:url(../images/main_news_dot.gif) no-repeat 6px 10px;padding-left:15px; line-height:24px;}
.listTab li li a{ float:none; padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;text-decoration:none;}
.listTab li li a:hover,
.listTab li li a:active,
.listTab li li a:focus{ color:#000 !important; text-decoration:none;}
.listTab li li date,
.listTab li li .date{ position:absolute; top:0; right:0;}
.listTab li li.more{ position:absolute; top:-35px; right:0; border:0 !important; background:transparent;}

.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul{ display:block;}

/* jsOff */
.listTab.jsOff{ height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

/* 메인 */

#main_contents {width:100%;margin:0 auto; }/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block;}


#main_contents .sec01_area{width:100%;height:600px;background:#f7f7f7;}
#main_contents .sec01_area:after {content:""; clear:both; display:block;}

#main_contents .sec01_area .sec0101{width:1200px;margin:0 auto;background:#fff;overflow:hidden;}
#main_contents .sec01_area .sec0101 .btn {width:1200px;margin:0 auto;padding:20px 0;}
#main_contents .sec01_area .sec0101 .btn:after {content:""; clear:both; display:block;}
#main_contents .sec01_area .sec0101 .btn a {display:block;width:330px;margin-left:50px;float:left;position:relative;}
#main_contents .sec01_area .sec0101 .btn a:first-child {margin-left:80px;}
#main_contents .sec01_area .sec0101 .btn a img{float:left;}
#main_contents .sec01_area .sec0101 .btn a p{padding:30px 0 0 10px;float:left;text-align:left;}
#main_contents .sec01_area .sec0101 .btn a p span.info {display:block;font-size:14px;color:#666;font-weight:normal;}
#main_contents .sec01_area .sec0101 .btn a p span.txt {display:block;padding-top:5px;font-size:20px;color:#555;font-weight:normal;}
#main_contents .sec01_area .sec0101 .btn a p span.tel{display:block;padding-top:5px;font-size:26px;color:#5f86c5;font-weight:bold;}
#main_contents .sec01_area .sec0101 .btn a em {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:0;display:block;transition:0.3s;}
#main_contents .sec01_area .sec0101 .btn a:hover em {height:116px;}



#main_contents .sec01_area .sec0102{width:1200px;margin:0 auto;margin-top:80px;margin-bottom:80px; }
#main_contents .sec01_area .sec0102:after {content:""; clear:both; display:block;}
#main_contents .sec01_area .sec0102 .sec0102_box{ float:left; position:relative;width:584px;margin-right:0px; background-color:#fff;overflow:hidden;box-sizing:border-box;}
#main_contents .sec01_area .sec0102 .sec0102_box:nth-child(2n+1) {margin-right:32px;} 
#main_contents .sec01_area .sec0102 .sec0102_box .sec0102_img{overflow:hidden;float:left;z-index:999;}
#main_contents .sec01_area .sec0102 .sec0102_box .sec0102_img .tit{position:absolute;height:60px;top:0;left:0;z-index:666;color:#fff;text-align:left;font-weight:bold;padding:20px 0 0 20px;font-size:15px;background:url(../images/sec0102_img_bg.png)no-repeat;}
#main_contents .sec01_area .sec0102 .sec0102_box .sec0102_txt {float:left;padding:25px 20px 0 25px;width:240px;text-align:left;}
#main_contents .sec01_area .sec0102 .sec0102_box .sec0102_txt .tit01{display:block;font-size:16px ; color:#5f86c5;font-weight:bold;}
#main_contents .sec01_area .sec0102 .sec0102_box .sec0102_txt .tit02{width:240px;padding:0px 0 35px 0;display:block;font-size:23px; color:#555555; font-weight:bold;line-height:32px;}
#main_contents .sec01_area .sec0102 .sec0102_box .sec0102_txt .info{width:270px;display:block;font-size:16px ;height:72px; overflow:hidden;color:#515151; line-height:25px;}
#main_contents .sec01_area .sec0102 .sec0102_box .sec0102_img img:hover{
transform:scale(1.2);             /*  default */
-webkit-transform:scale(1.2);  /*  크롬 */
-moz-transform:scale(1.2);     /* FireFox */
-o-transform:scale(1.2); /* Opera */
transition: transform 1s;  
-o-transition: transform 1s;
-moz-transition: transform 1s;
-webkit-transition: transform 1s;
}

#main_contents .sec03_area{width:100%;background:#f5f5f5;padding:80px 0;}
#main_contents .sec03_area:after {content:""; clear:both; display:block;}
#main_contents .sec03_area .sec03{width:1200px;margin:0 auto;text-align:center;}

#main_contents .sec03 .sec0301{position:relative;float:left;width:275px;height:595px;background:url(../images/sec03_img01.jpg)no-repeat;background-color:#fff;}
#main_contents .sec03 .sec0301 .sec030101{margin-top:160px;padding:130px 0 90px 0;width:275px;background:url(../images/sec03_bg01.png)no-repeat;}
#main_contents .sec03 .sec0301 .sec030101 span{padding-top:20px;color:#fff;font-size:12px;}
#main_contents .sec03 .sec0301 .sec030101 p{color:#fff;font-size:30px;}
#main_contents .sec03 .sec0301 .txt{text-align:center;font-size:18px;line-height:28px;}
#main_contents .sec03 .sec0301 .btn_go{display:block; margin-top:30px; margin-left:40px; color:#000;text-align:center;font-size:16px; border:1px solid #ddd; border-radius:20px; height:40px; line-height:40px; width:70%;}

#main_contents .sec03 .sec0302{margin:0 33px;position:relative;float:left;width:275px;height:595px;background:url(../images/sec03_img02.jpg)no-repeat;background-color:#fff;}
#main_contents .sec03 .sec0302 .sec030201{margin-top:160px;padding:130px 0 90px 0;width:275px;background:url(../images/sec03_bg02.png)no-repeat;}
#main_contents .sec03 .sec0302 .sec030201 span{padding-top:20px;color:#fff;font-size:12px;}
#main_contents .sec03 .sec0302 .sec030201 p{color:#fff;font-size:30px;}
#main_contents .sec03 .sec0302 .txt{text-align:center;font-size:18px;line-height:26px;}
#main_contents .sec03 .sec0302 .btn_go{display:block; margin-top:30px; margin-left:40px; color:#000;text-align:center;font-size:16px; border:1px solid #ddd; border-radius:20px; height:40px; line-height:40px; width:70%;}

#main_contents .sec03 .sec0303{position:relative;float:left;width:275px;height:595px;background:url(../images/sec03_img03.jpg)no-repeat;background-color:#fff;}
#main_contents .sec03 .sec0303 .sec030301{margin-top:160px;padding:130px 0 90px 0;width:275px;background:url(../images/sec03_bg03.png)no-repeat;}
#main_contents .sec03 .sec0303 .sec030301 span{padding-top:20px;color:#fff;font-size:12px;}
#main_contents .sec03 .sec0303 .sec030301 p{color:#fff;font-size:30px;}
#main_contents .sec03 .sec0303 .txt{text-align:center;font-size:18px;line-height:26px;}
#main_contents .sec03 .sec0303 .btn_go{display:block; margin-top:30px; margin-left:40px; color:#000;text-align:center;font-size:16px; border:1px solid #ddd; border-radius:20px; height:40px; line-height:40px; width:70%;}

#main_contents .sec03 .sec0304{margin-left:33px;position:relative;float:left;width:275px;height:595px;background:url(../images/sec03_img04.jpg)no-repeat;background-color:#fff;}
#main_contents .sec03 .sec0304 .sec030401{margin-top:160px;padding:110px 0 66px 0;width:275px;background:url(../images/sec03_bg04.png)no-repeat;}
#main_contents .sec03 .sec0304 .sec030401 span{display:block;padding-top:20px;color:#fff;font-size:12px;}
#main_contents .sec03 .sec0304 .sec030401 p{color:#fff;font-size:30px;}
#main_contents .sec03 .sec0304 .txt{padding-top:24px;text-align:center;font-size:18px;line-height:26px;}
#main_contents .sec03 .sec0304 .btn_go{display:block; margin-top:30px; margin-left:40px; color:#000;text-align:center;font-size:16px; border:1px solid #ddd; border-radius:20px; height:40px; line-height:40px; width:70%;}


#main_contents .sec04_area{width:1200px;margin:0 auto;padding:80px 0;}
#main_contents .sec04_area:after {content:""; clear:both; display:block;}

#main_contents .sec04_area .sec0401{width:375px;height:360px;padding:40px 0;position:relative;float:left;border:1px solid #ececec;text-align:left;font-size:15px;}
#main_contents .sec04_area .sec0401 h2{padding:0 0 30px 20px ;font-size:22px;color:#0f050a;text-align:left;font-weight:bold;}
#main_contents .sec04_area .sec0401 .more{position:absolute;right:20px;top:40px;color:#6584c5;}

#main_contents .sec04_area .sec0401 .info span{padding:0 6px 0 20px;line-height:22px;font-size:15px;color:#626262;font-weight:bold;}

#main_contents .sec04_area .sec0401 .photo {}
#main_contents .sec04_area .sec0401 .photo li {width:377px;float:left;}
#main_contents .sec04_area .sec0401 .photo .thum{padding:0px 0 20px 0px; }
#main_contents .sec04_area .sec0401 .photo .tit{width:100%;padding-top:10px;font-size:18px; line-height:26px;padding-left:20px;font-weight:bold;color:#333;}
#main_contents .sec04_area .sec0401 .photo .info{width:340px;padding-top:15px;padding-left:20px;font-size:16px; line-height:24px;color:#999;}
#main_contents .sec04_area .sec0401 .photo li a {color:#666;font-size:16px;display:inline-block;}
#main_contents .sec04_area .sec0401 .photo li a:hover {color:#000;}



#main_contents .sec04_area .sec0402{margin:0 33px;width:375px;height:360px;padding:40px 0;position:relative;float:left;border:1px solid #ececec;text-align:left;font-size:15px;}
#main_contents .sec04_area .sec0402 h2{padding:0 0 30px 20px ;font-size:22px;color:#0f050a;text-align:left;font-weight:bold;}
#main_contents .sec04_area .sec0402 .more{position:absolute;right:20px;top:40px;color:#6584c5;}

.sec0402 ul.sec0301_board{padding:0 20px;}
.sec0402 ul.sec0301_board li{margin-top:20px;height:100px;border-bottom:1px solid #ddd;}
.sec0402 ul.sec0301_board li:first-child{margin-top:0;}
.sec0402 ul.sec0301_board li:last-child{border-bottom:0px; }
.sec0402 ul.sec0301_board li a{display:block;}
.sec0402 ul.sec0301_board li a:after{content:""; display:block; clear:both;}
.sec0402 ul.sec0301_board li a span.date{display:block; float:left; width:80px;height:80px;text-align:center;background:#6584c5;}
.sec0402 ul.sec0301_board li a span.date span.day{display:block;padding-top:15px; font-size:28px; font-weight:700; color:#fee526;}
.sec0402 ul.sec0301_board li a span.date span.yearmonth{display:block; font-size:14px; color:#fff;}
.sec0402 ul.sec0301_board li a .sec0301_board_con{float:left; padding-left:20px;padding-top:0px; width:220px;}
.sec0402 ul.sec0301_board li a .sec0301_board_con h4{font-size:17px; line-height:22px; color:#333; margin:0 0 15px;}
.sec0402 ul.sec0301_board li a .sec0301_board_con p{font-size:16px; color:#999; line-height:22px;height:65px;overflow:hidden;}


#main_contents .sec04_area .sec0403{width:337px;height:360px;padding:40px 20px;position:relative;float:left;border:1px solid #ececec;text-align:left;font-size:15px;}
#main_contents .sec04_area .sec0403 h2{padding-bottom:30px;font-size:22px;color:#0f050a;text-align:left;font-weight:bold;}
#main_contents .sec04_area .sec0403 .more{position:absolute;right:20px;top:40px;color:#6584c5;}
#main_contents div .latest {text-align:left;}
#main_contents div .latest li {padding-top:25px; position:relative; border-top:1px solid #d8d8d8;}
#main_contents div .latest li:first-child {border-top:none;padding-top:0;}
#main_contents div .latest li:last-child {border-top:0px solid #d8d8d8;}
#main_contents div .latest li a {color:#333;font-size:16px;}
#main_contents div .latest li a:hover {color:#000;}
#main_contents div .latest li.date {right:0; font-size:15px; border-top:none; padding-bottom:25px; color:#42b6cc;padding-top:5px;}


#main_contents .sec04_area .sec0404{margin-top:45px;padding-left:20px;float:left;width:358px;height:95px;background:url(../images/sec040201_bg.png)no-repeat;color:#fff;line-height:95px;font-size:20px;text-align:left;}
#main_contents .sec04_area .sec0404 span{padding-left:10px;}
#main_contents .sec04_area .sec0405{margin:45px 33px 0 33px;padding-left:20px;float:left;width:358px;height:95px;background:url(../images/sec040202_bg.png)no-repeat;color:#fff;line-height:95px;font-size:20px;text-align:left;}
#main_contents .sec04_area .sec0405 span{padding-left:10px;}
#main_contents .sec04_area .sec0406{margin-top:45px;padding-left:20px;float:left;width:358px;height:95px;background:url(../images/sec040203_bg.png)no-repeat;color:#fff;line-height:95px;font-size:20px;text-align:left;}
#main_contents .sec04_area .sec0406 span{padding-left:10px;}


#main_contents .sec05_area{width:100%;background:#f5f5f5;padding:80px 0;}
#main_contents .sec05_area:after {content:""; clear:both; display:block;}
#main_contents .sec05_area .sec05{width:1200px; margin:0 auto;}
#main_contents .sec05_area .sec05 h2{padding-bottom:75px;font-size:35px;color:#0f050a;text-align:center;}
#main_contents .sec05_area .sec05 .roll_logo{position:relative; width:1200px; margin:0 auto;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a{display:inline-block;margin-left:33px; position:relative;margin-bottom:33px; float:left;width:376px;height:480px; background:#fff;text-align:left;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a:first-child{margin-left:0;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a:nth-child(3n+1) {margin-left:0; }
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a .txt{padding:33px 30px 30px 30px;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a .txt p.tit01{font-size:16px;color:#5f86c5;font-weight:bold;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a .txt p.tit02{padding:24px 0 9px 0;font-size:18px;font-weight:bold;color:#333;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a .txt p.info{height:70px;overflow:hidden;font-size:16px;line-height:22px;color:#858585;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a .txt p.date{margin-top:30px;padding-top:20px;border-top:1px solid #ddd;font-size:16px;line-height:22px;color:#858585;}
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a span{display:none; position:absolute; left:0; top:0px; box-sizing:border-box; border:0px solid #333; width:100%; height:480px; }
#main_contents .sec05_area .sec05 .roll_logo #rolling_4 a.link{position:absolute; top:0;left:0; width:100%; height:100%; border:10px solid #ffd54f; box-sizing:border-box; display:none;}



#main_contents .sec06_area{width:100%;background:#fff;padding:80px 0;}
#main_contents .sec06_area:after {content:""; clear:both; display:block;}
#main_contents .sec06_area .sec06{width:1200px; margin:0 auto;}
#main_contents .sec06_area .sec06 h2{padding-bottom:55px;font-size:35px;color:#0f050a;text-align:center;}
#main_contents .sec06_area .sec06 h2 span{color:#5f86c5;}
/*#main_contents .sec06_area .sec06 .search_box_area{width:1200px;}
#main_contents .sec06_area .sec06 .search_box_area:after {content:""; clear:both; display:block;}
#main_contents .sec06_area .sec06 .search_box{position:relative;margin-bottom:50px;float:right;border: 1px solid #bbb;height: 50px; width:350px; color: #757575; position: relative;}
#main_contents .sec06_area .sec06 .search_box .txt {text-indent:25px;font-size:15px;border:none;background:none;height:50px;line-height:50px;	text-indent:25px;width:100%;position:relative;z-index:0;}
#main_contents .sec06_area .sec06 .search_box .btn {position: absolute;  right: 0px; top: 0;display: block;}
*/
#main_contents .sec06_area .sec06 .roll_logo2{position:relative; width:1200px; margin:0 auto;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a{margin-left:30px;float:left;display:inline-block;margin-bottom:32px;padding:20px; position:relative; width:542px;height:170px; background:#f5f5f5;border:1px solid #ddd;text-align:left;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a:nth-child(2n+1) {margin-left:0; }

#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a img{float:left;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a .txt{float:left;padding-left:25px;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a .txt p.tit01{padding-top:6px;font-size:16px;color:#5f86c5;font-weight:bold;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a .txt p.tit02{padding:10px 0 16px 0;font-size:22px;color:#333333}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a .txt p.info{display:inline-block;line-height:28px;font-size:16px;color:#333;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a .txt p.info2{display:inline-block;font-size:16px;color:#5f86c5;padding-left:10px;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a .txt p.info3{display:inline-block;font-size:16px;color:#666666;padding-left:5px;}
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a span{display:none; position:absolute; left:0; top:0px; box-sizing:border-box; border:0px solid #333; width:100%; height:210px; }
#main_contents .sec06_area .sec06 .roll_logo2 #rolling_5 a.link{position:absolute; top:0;left:0; width:100%; height:100%; border:10px solid #ffd54f; box-sizing:border-box; display:none;}



.graph_wrap{position:relative;padding:10px 0px 4px 55px;width: 200px;}
.graph_wrap > p{position:absolute;top:0}
.graph_wrap .title{left:0;font-size:16px;color:#333;line-height:28px;}
.graph_wrap .num{right:-60px;font-size:14px;color: #5f86c5;line-height:22px;padding-right:15px;letter-spacing:normal}
.graph_wrap  .bar_wrap{position:relative; top: -4px;height:14px;width:180px;background:#dcdcdc;overflow:hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 8px;}
.graph_wrap .bar_wrap > p{height:100%;width:0;background:url(../images/graph.gif) repeat}
.project_list .step_wrap{font-size:12px;color:#888;line-height:28px;margin-top:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.project_list .step_wrap span{color:#e54a19;margin-left:5px;font-size:13px}
.project_list .icon01{position:absolute;top:0;left:0;display:block;width:63px;height:63px;font-size:14px;color:#fff;padding:15px 0 0 15px;background:url(/images/content/live_com_icon.png) left top no-repeat}






#main_contents .sec07_area{width:100%;background:url(../images/sec07_bg.jpg)no-repeat;background-color:#799fc1;}
#main_contents .sec07_area:after {content:""; clear:both; display:block;}
#main_contents .sec07_area .sec07 {position:relative;padding-top:80px;width:1200px;margin:0 auto;}
#main_contents .sec07_area .sec07 h2{padding-bottom:55px;font-size:35px;color:#fff;text-align:center;}

#main_contents ..sec07_area .sec07  .rolling_1_wrap {margin-top:40px; margin-right:40px;}
#main_contents .sec07_area .sec07  ul {float:left; width:400px; text-align:left;background:#fff; }
#main_contents .sec07_area .sec07 .bgblue {float:left; width:400px;text-align:left;background:#f0f6fc;}
#main_contents .sec07_area .sec07  li.tt span.number {display:block;font-size:18px;}
#main_contents .sec07_area .sec07  li.tt {padding:20px 20px 0 20px;display:block;line-height:26px;font-size: 22px; color:#6584c5;font-weight:bold;}
#main_contents .sec07_area .sec07  li.stt {padding:20px 20px 20px 20px;display:block;line-height:24px;font-size: 16px; color:#333333;}

#main_contents .sec07_area .slider_bg{position: relative;z-index: 555; width: 100%;background: #89b2df; line-height: 50px;height: 30px;padding-top:20px;}
#main_contents .sec07_area .slider_bg a{color:#fff;}
#main_contents .sec07_area .slider_bg .slider_buttom{position: relative;width:170px;margin:0 auto;}
#main_contents .sec07_area .slider_bg .arr_left {position:absolute; top:0px; right:120px; cursor:pointer; font-size: 15px;opacity: .75;}
#main_contents .sec07_area .slider_bg  .arr_right {position:absolute; top:0px; right:0px; cursor:pointer; font-size: 15px;opacity: .75;}


#main_contents .sec08_area{padding: 90px 0 60px 0;width:900px;margin:0 auto;}
#main_contents .sec08_area:after {content:""; clear:both; display:block;}
#main_contents .sec08_area img{float:left;}
#main_contents .sec08_area .txt{padding-top:80px;padding-left:50px;float:left;text-align:left;}
#main_contents .sec08_area .txt h3{font-size:20px;color:#333;}
#main_contents .sec08_area .txt h4{margin-bottom:80px;padding-top:20px;font-size:40px;line-height:50px;color:#333;}
#main_contents .sec08_area  a{float:left; text-align:left;width:200px; height:60px; padding:0 30px;  font-size:18px;border:1px solid #5881c3;color:#5881c3; background:url(../images/sec08_arrow_blue.png) no-repeat 200px 17px #fff;  line-height:60px; }
#main_contents .sec08_area  a:hover{color:#fff;background:url(../images/sec08_arrow_white.png) no-repeat 200px 17px #5881c3;}



#main_contents .sec09_area{width:100%;padding:120px 0;background:url(../images/sec09_bg.jpg)no-repeat;}
#main_contents .sec09_area .sec09 {width:1200px; margin:0 auto;}
#main_contents .sec09_area .sec09:after {content:""; clear:both; display:block;}
#main_contents .sec09_area .sec09 .sec0901{width:600px;float:left;}
#main_contents .sec09_area .sec09 .sec0901 h2{font-size:26px;color:#333;padding-left:90px;}
#main_contents .sec09_area .sec09 .sec0901 a.btn{display:block;float:left;margin-top:30px;border:1px solid #000;width:250px;line-height:50px;font-size:18px;margin-left:10px;}
#main_contents .sec09_area .sec09 .sec0901 .btn_area{margin-top:30px;}
#main_contents .sec09_area .sec09 .sec0901 .btn_area:after{content:""; display:block; clear:both;}
#main_contents .sec09_area .sec09 .sec0901 .btn_area a.blue{float:left; text-align:left;width:200px; height:50px; padding:0 30px;  font-size:18px; color:#fff; line-height:50px; background:url(../images/sec0901_arrow_white.png) no-repeat 200px 20px #5881c3;}
#main_contents .sec09_area .sec09 .sec0901 .btn_area a.blue:hover{color:#fff; background:url(../images/sec0901_arrow_black.png) no-repeat 200px 20px #5881c3;}

#main_contents .sec09_area .sec09 .sec0901 .btn_area a.white{margin-left:15px;text-align:left;float:left; width:200px; height:50px; padding:0 30px;  font-size:18px; color:#333; line-height:50px; background:url(../images/sec0901_arrow_black.png) no-repeat 200px 20px #fff;}
#main_contents .sec09_area .sec09 .sec0901 .btn_area a.white:hover{color:#333; background:url(../images/sec0901_arrow_black.png) no-repeat 200px 20px #fff;}

#main_contents .sec09_area .sec09 .sec0902{width:600px;float:left;text-align:center;}
#main_contents .sec09_area .sec09 .sec0902 h2{font-size:26px;color:#333;text-align:center;}
#main_contents .sec09_area .sec09 .sec0902 span{padding-top:5px;display:block;font-size:18px;color:#555555;}
#main_contents .sec09_area .sec09 .sec0902 .tel{padding-top:10px;width:600px;float:left;font-size:40px;color:#5881c3;text-align:center;}





/*메인_가로형의 세로형*/
#main_wrap_vertical {width:1010px;margin:0 auto;--padding-bottom:40px;}/*메인 컨텐츠 부분_섹션으로 css구분-보더값 뺄것.*/
#main_wrap_vertical .visual {float:left;border:5px solid #6d80a8;}
#main_wrap_vertical .contents {float:right; width:320px;border:5px solid #dcb997; padding-left:10px;}
#main_wrap_vertical .contents .sec01 {float:left; width:100%; padding-top:20px;}
#main_wrap_vertical .contents .sec02 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec02 h2 {padding-bottom:17px;}
#main_wrap_vertical .contents .sec03 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec03 h2 {padding-bottom:17px;}


#footer_area {clear:both;width:100%;font-size:14px; color:#9b9b9b;background:#616161;}
#footer_area .footer {padding-top:50px;height:200px;width:1200px;;margin:0 auto;}
#footer_area .footer .copy{width:650px;float:left;text-align:left;line-height:20px;}
#footer_area .footer .copy .slogo{padding-bottom:30px;}

#footer_area .footer .fNav{width:260px;float:right;text-align:left;line-height:20px;}
#footer_area .footer .fNav ul{width:320px;float:right;}
#footer_area .footer .fNav li{float:left;padding-left:10px;}
#footer_area .footer .fNav li a{color:#c7c7c7;}

#footer_area .footer .fNav .sns{width:280px;float:right;padding-top:50px;}
#footer_area .footer .fNav .sns a{padding-left:10px;;float:right;}
#footer a {color:#fff;}
#footer a:hover {color:#fff;}


/* 공지사항 리스트 및 탭관련*/
.ltNotice {position:relative; height:150px; text-align:center;}
.ltNotice li {float:left;}
.ltNotice .tab {float:left;height:24px; overflow:hidden; text-indent:-9999em; background:url(../images/main_tt_01.gif) no-repeat;}
.ltNotice .t1 {width:88px; background-position:0 -24px;}
.ltNotice .t2 {width:98px; background-position:-88px 0;}
.ltNotice .t3 {width:100px; background-position:-198px 0;}
.ltNotice li.active .t1 {width:88px; background-position:0 0;}
.ltNotice li.active .t2 {width:98px; background-position:-88px -24px;}
.ltNotice li.active .t3 {width:100px; background-position:-198px -50px;}

.ltNotice ul {display:none; position:absolute; top:34px; left:0px; width:300px;}
.ltNotice ul li {float:left;text-align:left; padding-left:15px; line-height:24px; background:url(../images/main_news_dot.gif) no-repeat 6px 10px; width:295px;}
.ltNotice ul li span {padding-right:10px;float:right}
.ltNotice li.active ul {display:block;}
.ltNotice a {color:#989898;}
.ltNotice a:hover {color:#569ecc;font-size:14px;}
.ltNotice .more {position:absolute; top:-16px; right:0px; background:none;}


/*공통팝업 - 개인정보취급방침_이용약관_이메일무단수집거부*/
#no_spam {width:600px;border:10px solid #d8d8d8;}
#privacy {position:relative;}
#privacy div {font-size:14px;line-height:22px;}
#privacy h2 {margin:0px 0 10px 0px; font-size:14px; font-weight:bold; color:#555;}
#privacy h2 span {font-size:14px; color:#ee0000;}
#privacy h2 p {font-size:14px; color:#ee0000; font-weight:400; padding-top:5px;}
#privacy textarea {width:96%;height:400px;color:#666666; padding:3% 15px; line-height:22px;border:1px solid #ededed; background:#f9f9f9}
#privacy .btn_close {position:absolute; top:40px; right:20px;}

/*서브*/
#sub_visual {width:100%;margin:0 auto;background:url(../images/sub_visual.jpg) top center no-repeat ;height:380px;}
#sub_visual .visual{width:1200px;margin:0 auto;height:380px;padding-top: 200px;}
#sub_visual .visual h2{font-size:35px; color:#fff;text-align:center;}



#sub_wrap {position:relative;;margin:0 auto; width:100%;min-height:400px;content:"";}
#sub_wrap #left_menu {float:left; width:190px;padding-bottom:30px; }
#sub_wrap #left_menu h2 {padding:27px 0 30px 20px;text-align:left; font-size:24px; color:#000; font-weight:bold;}/*tt타이틀*/

#sub_wrap #left_menu .left_flash{clear:both;}

#sub_wrap #left_menu .icon {position:relative;}
#sub_wrap #left_menu .icon:after {content:""; width:100%; display:block; border-bottom:1px solid #ddd; position:absolute; bottom:18px; z-index:-1;}
#sub_wrap #left_menu .icon a {display:inline-block; *zoom:1; *display:inline; font-size:0px; text-indent:-999px; width:38px; height:38px; margin:0px 2px;}
#sub_wrap #left_menu .icon a.facebook{background:url(../images/left_icon_f.gif) no-repeat;}
#sub_wrap #left_menu .icon a.twitter{background:url(../images/left_icon_t.gif) no-repeat;}
#sub_wrap #left_menu .icon a.blog{background:url(../images/left_icon_b.gif) no-repeat;}
#sub_wrap #left_menu .icon a:hover {background-position:0px -38px}

/*왼쪽메뉴*/
#sub_wrap #left_menu ul{border-top:2px solid #5f86c5;padding-bottom:10px;}
#sub_wrap #left_menu li{width:auto;border-bottom:1px solid #eee; font-weight:normal;}
#sub_wrap #left_menu li a.dp1{display:block; padding:15px 15px; text-align:left;font-size:16px;font-weight:normal;}
#sub_wrap #left_menu li.on a.dp1{background-color:#5f86c5;border-bottom:0px;}
#sub_wrap #left_menu li.on a.dp1{color:#ffffff}
#sub_wrap #left_menu li ul {padding-bottom:10px; }
#sub_wrap #left_menu li ul li {border-bottom:none;}
#sub_wrap #left_menu li ul li a {display:block; text-align:left; padding:5px;}
#sub_wrap #left_menu li ul li a:before{content:"- "}
#sub_wrap #left_menu li ul li a.on {text-decoration:underline;}
/*서브와꾸*/
#sub_wrap #sub_contents {width:1200px;margin:0 auto;margin-bottom:20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{text-align:center; font-size:40px; font-weight:normal; color:#000;}/*stt타이틀*/
#sub_wrap #sub_contents .location{padding-top:20px;margin:0 auto;text-align:center;}
#sub_wrap #sub_contents .location:after{content:""; width:80px; display:block; border-bottom:2px solid #333; position: relative; margin: 0 auto;top: 30px;z-index:-1;}
#sub_wrap #sub_contents .location img{padding-right:7px;vertical-align:middle; margin-top:-1px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:14px; color:#919191;}
#sub_wrap #sub_contents .location b {color:#5f86c5;font-weight:bold;}
#sub_wrap #sub_contents .con_detail {padding-top:70px;padding-bottom:20px;line-height:18px;}/*내용*/

#sub_wrap #sub_contents2 {width:100%;margin-bottom:20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents2 h3{text-align:center; font-size:40px; font-weight:normal; color:#000;}/*stt타이틀*/
#sub_wrap #sub_contents2 .location{padding-top:19px;margin:0 auto;text-align:center;}
#sub_wrap #sub_contents2 .location:after{content:""; width:80px; display:block; border-bottom:2px solid #333; position: relative; margin: 0 auto;top: 30px;z-index:-1;}
#sub_wrap #sub_contents2 .location img{padding-right:7px;vertical-align:middle;}
#sub_wrap #sub_contents2 .location li{display:inline;font-size:14px; color:#919191;}
#sub_wrap #sub_contents2 .location b {color:#5f86c5;font-weight:bold;}
#sub_wrap #sub_contents2 .con_detail {padding-top:100px;padding-bottom:20px;line-height:18px;}/*내용*/

/*서브*/




.sub01_0105{position:relative;z-index:666;margin-bottom:50px;}




/*quick*/
/*퀵 견적문의*/
#quick-inq {
	width:145px;
	height:400px;
	position:fixed;
	right:0;
	top:300px;
	z-index:99999;
}
#quick-inq div.q-close {position:absolute; width:1px; height:100%; }
#quick-inq div.q-close p {position:absolute;left:-50px; top:0; width:50px; background:#2B2B2B;}
#quick-inq div.q-close p a {
	display:block;
}

#quick-inq .quick_menu ul{border-top:2px solid #5f86c5;border-bottom:2px solid #5f86c5;border-left:2px solid #5f86c5;padding:5px 10px 10px 10px;background:#fff; }
#quick-inq .quick_menu li{line-height:50px;border-bottom:1px solid #c3c3c3;font-size:14px;}
#quick-inq .quick_menu li img{padding:0 8px;}
#quick-inq .quick_menu a:hover{color:#5f86c5;font-weight:bold;}
#quick-inq .quick_menu p{padding-top:10px;font-size:15px;color:#555555;text-align:center;}
#quick-inq .quick_menu p.tel{padding-top:5px;text-align:center;color:#5f86c5;font-size:16px;font-weight:bold;}

#quick-inq .top{margin-top:3px;line-height:50px;color:#fff;font-size:16px;padding-left:45px;background:url(../images/top_icon.png) 100px 20px no-repeat #fda01c;}

#quick-inq dl{
	padding:30px 20px;
}

#quick-inq dl dt {
	color:#fff;
	font-size:16px;
	text-align:center;
	margin-bottom:10px;

}

#quick-inq dl dd{
	color:#fff;
	font-size:12px;
	margin-top:14px;
}


#quick-inq dl dd .tt{
	text-indent:5px;
}



#quick-inq-close{
	background:#2b2b2b;
	width:50px;
	position:fixed;
	right:-100px;
	top:300px;
	z-index:999;
}

#quick-inq-close a {
	color:#fff;
}

#quick-inq .rqInput{
	padding:10px;
	border:1px solid #acacac;
	background:#fff;
	border-radius:2px;
	box-sizing:border-box;
	width:100%;
	font-size:14px;
	color:#555;
}

#quick-inq .rqTable{
	display:Table;
	width:100%;
}
#quick-inq .rqTable > div {
	display:table-cell;
}

#quick-inq .rqTable > div.qTitle{
	width:75px;
	font-size:16px;
	font-weight:bold;
	color:#222;
	vertical-align:middle;
}
#quick-inq .rqTable > div.qTitle.qt2{
	vertical-align:top;
	padding-top:10px;
}
#quick-inq .pri-view{
	float:right;
	border-bottom:1px solid #000;
}
#quick-inq .pri-view:hover {
	text-decoration:none;
}

.quick-pri {
	position:fixed;
	width:460px;
	top:0px;
	right:-500px;
	background:#2b2b2b;
	z-index:1001;
}

.quick-pri div {
	padding:20px;
}
.quick-pri div textarea {
	width:90%;
	padding:5%;
	height:465px;
	line-height:20px;
}
.pri-close {
	display:block; padding:15px; text-align:center;
	margin-top:5px;
	background:#000;
	color:#fff !important;
	font-size:16px;
}


/*테이블*/
.table_01 {width:100%; margin-bottom:10px;border-top:2px solid #bd956d;}
.table_01 th {font-size:14px;height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4;color:#444444;font-weight:bold;}
.table_01 th.line_r {border-right:1px solid #d4d4d4;}
.table_01 td {font-size:14px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:14px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:14px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:14px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.line_r {border-right:1px solid #d4d4d4;;color:#6c6c6c;}
.table_01 td.font_b {font-weight:bold;color:#704924;}
.table_01 td.line_h {line-height:130%;}


/*사이트맵*/
#sitemap {width:100%;}
.oneDepth {width:21%; float:left; margin-right:5%;margin-bottom:30px; min-height:320px;}
.oneDepth.last{margin-right:0;}
.oneDepth h5 {font-size:16px; font-weight:bold; text-align:center !important; color:#222; padding:6px 0 6px 0; border-bottom:2px solid #333;}

.twoDepth {font-size:14px; padding-top:5px;}
.twoDepth li {padding:10px 0 10px 0px; border-bottom:1px solid #dedede}
.twoDepth li p {font-size:13px;margin-top:5px;}


/*병원둘러보기*/

.gallery {background-color:#f3f3f3; width:780px; height:440px;}
.gallery ul li {width:105px; float:right; margin:10px 10px 0px 2px; }
.gallery ul li.over {width:105px; float:right; margin:10px 7px 0px 2px; border:3px solid #82aae0;}


/*이미지 확대*/
figure.img_interview {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  min-width: 240px;
  max-width: 240px;
  max-height: 300px;
  width: 100%;
  background: none;
  color: #ffffff;
}

figure.img_interview * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.img_interview img {
  /*max-width: 100%;*/
  position: relative;
  opacity: 1;
}

figure.img_interview figcaption {
  position: absolute;
  top: 0px;
  left: 0px;
  right:0px;
  bottom:0px;
  border-width: 0 1px;
}

figure.img_interview h3,
figure.img_interview p {
  display: table;
  margin:10px 0 0 20px;
  padding: 20px 0 0 10px;
  position: relative;
  text-align: left;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
  font-size:15px;
}

figure.img_interview:hover img,
figure.img_interview.hover img {

  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}