@charset "utf-8";

body{overflow-y: scroll;}

/* 전체_기본_공통적용*/
#wrap {position:relative;width:100%;text-align:center;}
#header {position:fixed;width:100%;  background:#fff; z-index:999;}
#container {width:100%;position:relative;}

#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;}


.con_detail{padding-top:30px; border-top: 1px solid #115fad;;}

/* main */
#main .visual{ position:relative; padding:0px 0 0 0;background:url(../images/mb_bg.jpg) repeat-y; }
#main .visual .roll > li{overflow: hidden;min-width:1200px; height:680px; background-position:center center; }
#main .visual .btns{ width:1200px; margin:0 auto; position:relative; top:50%;}
#main .visual .btns .btn{ width:18px; height:30px; position:absolute; z-index:81; }
#main .visual .btns .btn a{ display:block; width:18px; height:30px; text-indent:-999em; }
#main .visual .btns .btn.prev{ left:-150px; }
#main .visual .btns .btn.next{ right:-150px; }
#main .visual .btns .btn.prev a{ background:url(../images/visual_prev.png); }
#main .visual .btns .btn.next a{ background:url(../images/visual_next.png); }
#main .visual .roll_ico{ position:absolute; bottom:50px; background:url(../images/scroll_img.png) no-repeat center 0; height:138px; width:100%; left:0; z-index:81; }

#main  .stitle{ display:block; font-size:25px; line-height:25px; color:#2a2a2a; font-weight:900; }
#main  h4{ font-size:35px; line-height:45px; color:#2a2a2a; font-weight:900; display:block; text-align:center; padding-top:10px;}
#main .sment{ font-size:16px; color:#666666; display:block; padding-top:5px; font-weight:normal; }

#main .business{ overflow:hidden; background:url(../images/business_bg.jpg) center center no-repeat;    background-size: cover;background-position:center; padding:0; text-align:center; padding:0px;}
/* #main .business .bs_bg{background: url(../images/bs_bg.png) no-repeat 0 130px; } */
#main .business ul{ margin:0 auto; width:1200px;    height: 750px; margin-top:160px; background:url(../images/business_bg2.png) center 30px no-repeat;}
#main .business ul > li{ position:relative; vertical-align:top; width:490px; height:250px; text-align:left; }
#main .business ul > li.bs01{}
#main .business ul > li.bs02{}
#main .business ul > li.bs03{}
#main .business ul > li.bs04{}
#main .business ul > li.bs01 a{ padding-left:358px;padding-top:20px; }
#main .business ul > li.bs02 a{ position: absolute;top: 243px;right: 376px;}
#main .business ul > li.bs03 a{ padding-left:112px;padding-top:130px; }
#main .business ul > li.bs04 a{padding-left:112px;padding-top:130px; }
#main .business ul > li a{ display:block; padding-left:23px; padding-top:30px; height:250px; font-family:ng; text-decoration: none;}
#main .business ul > li span{ display:block; }
#main .business ul > li .no{ background:url(../images/business_bull.jpg) no-repeat 0 0; font-size:30px; line-height:45px; margin-top:10px; font-weight:600; }
#main .business ul > li .tit{ font-size:16px; padding-top:10px; font-weight:600; }
#main .business ul > li .ment{ color:#666666; line-height:22px; padding-top:15px; }


#main .product{background:#f3f4f6;position:relative;overflow:hidden; padding:0; text-align:center; padding:0;}
#main .product h4{ font-size:35px; line-height:45px; color:#2a2a2a; font-weight:900; display:block; text-align:center; padding-top:200px;}
#main .product .product_list li{overflow:hidden;float:left;width:280px;height:320px;margin-left:26px;background:#fff; box-sizing:border-box;}
#main .product .product_list li img {vertical-align:middle;}
#main .product .product_list li p{width:280px; height:240px;z-index:555;}
#main .product .product_list li:first-child{margin-left:0;}
#main .product .product_list li:after{content:""; display:block; clear:both;}
#main .product .product_list li a:hover{color:#fff;width:280px;height:345px;display: block;background:#115fad;border-top:1px solid #115fad; box-sizing:border-box;}
#main .product .product_list li dl{ position: relative;height:75px;padding:18px 0;font-size:18px;border-top:1px solid #ddd;box-sizing:border-box;}
#main .product .product_list li dt{font-weight:500;}
#main .product .product_list li dd{font-size:12px;padding-top:3px;}
#main .product .product_list li dl dd a:hover{color:#fff;display: block;z-index:999;}
#main .product .btn_product{display:block;text-align:left;font-size:17px; width:160px;margin:0 auto;padding:17px 80px;border:1px solid #000;background:#fdfdfd;margin-top:70px;background:url(../images/product_bg.png) 250px 23px no-repeat; }

 .sec02_board_area{position:relative;width:1200px; margin:0 auto; padding-bottom:20px; height:275px;margin-top:60px; background:url(../images/notice_bg.png) no-repeat;;}
 .sec02_board_area h2{font-size:26px;color:#000;position: absolute;left:30px; top: 45px;}
  .sec02_board_area .more{position: absolute;left:170px; top: 50px;}
 .sec02_board_area ul.sec02_board{clear:both;position:relative; float:left;padding-top:50px;}
 .sec02_board_area ul.sec02_board:after{content:""; display:block; width:540px; height:1px;  position:absolute; bottom:0; right:30px;}
 .sec02_board_area ul.sec02_board li{position:relative; width:250px;float:left; padding:0 35px 0 35px;border-left:1px solid #e6e6e6; }
 .sec02_board_area ul.sec02_board li:after{display:none;}
 .sec02_board_area ul.sec02_board li a{display:block;}
 .sec02_board_area ul.sec02_board li a:after{content:""; display:block; clear:both;}
 .sec02_board_area ul.sec02_board li a h3{float:none; font-size:18px; font-weight:700; color:#333; line-height:20px; margin:0 0 20px;text-align:left;}
 .sec02_board_area ul.sec02_board li a p{display:block; overflow: hidden;height: 50px;font-size:16px; color:#666; line-height:25px; padding:0 0 25px;text-align:left;}
 .sec02_board_area ul.sec02_board li a span.date{float:none; display:block;  text-align:left; padding-top:25px;}
 .sec02_board_area ul.sec02_board li:first-child{width:250px; float:left;margin-left: 220px; padding:0 35px 0 45px;border-left:1px solid #e6e6e6; }
 .sec02_board_area ul.sec02_board li:first-child:after{display:none;}
 .sec02_board_area ul.sec02_board li:first-child a{display:block;}
 .sec02_board_area ul.sec02_board li:first-child a h3{float:none; height:40px;font-size:18px; font-weight:700; color:#333; line-height:20px; margin:0 0 20px;text-align:left;}
 .sec02_board_area ul.sec02_board li:first-child a p{display:block;overflow: hidden;height: 50px; font-size:16px; color:#666; line-height:25px;padding:0 0 25px;text-align:left;}
 .sec02_board_area ul.sec02_board li:first-child a span.date{float:none; display:block;  text-align:left; padding-top:25px;}
 .sec02_board_area ul.sec02_board li:first-child a span.date span.day{display:block; font-size:40px; font-weight:700; color:#003268; margin:0 0 5px;}
 .sec02_board_area ul.sec02_board li:first-child a span.date span.yearmonth{display:block; font-size:14px; color:#999; line-height:20px;}



/*메인 탭*/
.tabs  {width:800px;margin:0 auto;padding-top:50px; list-style: none; height: 40px;font-size: 18px;display: block;margin-bottom:80px;}
.tabs li {color:#666; float: left;text-align:center;  cursor: pointer; width:195px; height: 50px; line-height: 50px;  border-left:2px solid #f3f4f6; font-weight: bold; background: #fff; overflow: hidden;position: relative;}
.tabs li.active { background: #115fad;color:#fff; border-bottom: 1px solid #FFFFFF;}
.tab_container {padding-bottom:50px;clear: both;  width: 1200px;margin:0 auto; }
.tab_container:after{ content:""; display:block; clear:both; }
.tab_content { font-size: 12px;display: none;}

.tab_container .tab_content ul:after{ content:""; display:block; clear:both; }


#main .aboutus{ overflow:hidden; position:relative; background:url(../images/aboutus_bg.jpg) center no-repeat;padding:0 0 0 0; text-align:center; padding: 0 0 0 0;}
#main .aboutus h4{ font-size:35px; line-height:45px; color:#2a2a2a; font-weight:900; display:block; text-align:center; padding-top:80px;}
#main .aboutus ul{clear: both; }
#main .aboutus > * > ul > li{ position:relative;}
#main .aboutus > * > ul > li:first-child{ margin-left:0; }
#main .aboutus > * > ul > li > a{display:block; overflow:hidden; }
#main .aboutus > * > ul > li > a:hover{ text-decoration:none; }
#main .aboutus > * > ul > li span{ display:block; }
#main .aboutus li .tit{ font-size:22px; font-weight:600; color:#ffffff; }
#main .aboutus li .sment{ position:relative; top:8px; font-size:16px;text-align:left;line-height:18px;  color:#ffffff; }
#main .aboutus li .sment2{ position:relative; top:8px; font-size:16px;text-align:left;  color:#ffffff; }
/*
#main .aboutus li.ab01{ position:relative;text-align:left;padding-top:35px;padding-left:25px; width:371px;margin-right:5px;height:135px; background:url(../images/ab01.png) no-repeat ; }
#main .aboutus li.ab02{ position:relative;text-align:left;padding-top:35px;padding-left:25px; width:371px;margin-right:5px;height:157px; background:url(../images/ab02.png) no-repeat ;  }
#main .aboutus li.ab03 {position:relative;text-align:left;padding-top:35px;padding-left:25px; width:371px;height:157px; background:url(../images/ab03.png) no-repeat ; }
*/
#main .aboutus li.ab01{ position:relative;text-align:left;padding-top:35px;padding-left:25px; width:371px;margin-right:5px;height:250px; background:url(../images/ab01.png) no-repeat ; }
#main .aboutus li.ab02{ position:relative;text-align:left;padding-top:35px;padding-left:25px; width:371px;margin-right:5px;height:250px; background:url(../images/ab02.png) no-repeat ;  }
#main .aboutus li.ab03 {position:relative;text-align:left;padding-top:35px;padding-left:25px; width:371px;margin-right:5px;height:250px; background:url(../images/ab03.png) no-repeat ; }

#main .aboutus li.tab1 {position:relative;text-align:left;padding-top:35px;padding-left:25px; width:371px;margin-right:5px;height:250px; background:url(../images/ab03.png) no-repeat ; }

/*transitions*/
*[trans=centerline]{ display:inline-block; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*[trans=centerline]:after{ display:block; width:0; border-bottom:1px solid #000; content:""; margin:0 auto 0 auto; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*[trans=centerline]:hover{ text-decoration:none; }
*[trans=centerline]:hover:after{ width:100%; }
*[trans=underline]{ display:inline-block; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*[trans=underline]:after{ display:block; width:0; border-bottom:1px solid #000; content:""; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*[trans=underline]:hover{ text-decoration:none; }
*[trans=underline]:hover:after{ width:100%; }
*[trans=background]{ display:inline-block; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*[trans=background]:hover{ background:#000000; color:#fff; }
*[trans=disolve]{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }

/*reset browsers*/
*{ -webkit-text-size-adjust:none; -webkit-border-radius:0; }



._null{ margin:0; padding:0; list-style-type:none; font-family:empty; font-size:0; }
._ib{ display:inline-block; *display:inline; *zoom:1; }
._fs0{ font-size:0; }
._ff0{ font-size:0; font-family:empty; }
._tac{ text-align:center; }
._cb{ zoom:1; }
._cb:after{ content:""; display:block; clear:both; }
._bxs{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
._m0{margin: 0 !important;}



/*reset links*/
a:link{ text-decoration:none; color:#333; }
a:visited{ text-decoration:none; color:#333; }
a:active{ text-decoration:none; color:#333; }
a:hover{ text-decoration:underline; color:#000000; }


.centerh{font-size: 0;}
.centerh:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}





/* 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:12px; *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;}



#footer_wrap_m {clear:both;position: absolute; bottom: 0;left: 0;width: 100%;background:#fff;border-top:1px solid #ddd;padding-bottom:10px;}
#footer_wrap_m .footer { width:1200px;margin:0 auto;font-size:14px; line-height:22px;padding:30px 0 80px 0;}
#footer_wrap_m .footer .s_logo{float:left;}
#footer_wrap_m .footer .copy{float:left;padding-left:40px;}
#footer_wrap_m .footer .copy:after{ content:""; display:block; clear:both; }
#footer_wrap_m .footer .pry{padding-bottom:10px;}
#footer_wrap_m .footer .pry:after{ content:""; display:block; clear:both; }
#footer_wrap_m .footer .pry li{float:left;padding-right:10px;}
#footer_wrap_m .footer .info{float:left;text-align:left;color:#919191;}
#footer_wrap_m .footer .info li{float:left;padding-right:15px;}
#footer_wrap_m .footer .copy .copyright{clear:both;text-align:left;color:#919191;}

#footer_wrap {clear:both;width: 100%;background:#fff;border-top:1px solid #ddd;}
#footer_wrap .footer { width:1200px;margin:0 auto;font-size:14px; line-height:22px;padding:15px 0 30px 0;}
#footer_wrap .footer .s_logo{float:left;}
#footer_wrap .footer .copy{float:left;padding-left:40px;}
#footer_wrap .footer .copy:after{ content:""; display:block; clear:both; }
#footer_wrap .footer .pry{padding-bottom:10px;}
#footer_wrap .footer .pry:after{ content:""; display:block; clear:both; }
#footer_wrap .footer .pry li{float:left;padding-right:10px;}
#footer_wrap .footer .info{float:left;text-align:left;color:#919191;}
#footer_wrap .footer .info li{float:left;padding-right:15px;}
#footer_wrap .footer .copy .copyright{clear:both;text-align:left;color:#919191;}


/* 공지사항 리스트 및 탭관련*/
.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:12px;}
.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_01.jpg) center 165px no-repeat;height:370px;background-color:#333;}
#sub_visual:after{ content:""; display:block; clear:both; }
#sub_visual .visual{width:1200px;margin:0 auto;}

#sub_wrap {position:relative;;margin:0 auto; width:1200px;content:"";}
#sub_wrap #left_menu {float:left; width:230px;padding-bottom:30px; margin-top:30px;}
#sub_wrap #left_menu h2 { background: #115fad; text-align: center; color: #fff;font-size: 22px;padding: 30px 0 30px;}/*tt타이틀*/

#sub_wrap #left_menu .left_flash{clear:both;}
#sub_wrap #left_menu .banner{clear:both;padding:10px 0px;}
#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{padding-bottom:10px;}
#sub_wrap #left_menu li{width:auto;}
#sub_wrap #left_menu li a.dp1{text-align:left; display: block;padding: 14px 5px 14px 8px;color: #0e0f0f; font-size: 15px;background:url(../images/menu_off.jpg) no-repeat 210px 18px;border-bottom: 1px solid rgb(229, 229, 229);}
#sub_wrap #left_menu li.on a.dp1{  color: #333;  display: block; padding: 14px 5px 14px 8px;font-size: 15px;font-weight:bold;  border-bottom:1px solid #115fad;background:url(../images/menu_on.jpg) no-repeat 210px 18px;}
#sub_wrap #left_menu li ul {padding: 10px 0 0 20px;background:#fafafa; }
#sub_wrap #left_menu li ul li {line-height:22px;}
#sub_wrap #left_menu li ul li a {display: block;text-align:left;color: #333; line-height: 40px;  font-size: 14px; background:url(../images/m_off.gif) no-repeat 0 center; padding-left:10px;}

#sub_wrap #left_menu li ul li a.on {text-decoration:none; color:#115fad; font-weight:bold;background: url(../images/m_over.gif) no-repeat 0 center;}
/*서브와꾸*/
#sub_wrap #sub_contents {float:right;width:940px;margin-bottom:100px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{ text-align:left; position: relative; font-size: 32px;font-weight:600;color: #333;padding-bottom: 12px;padding-top:50px;}/*stt타이틀*/
#sub_wrap #sub_contents .location{position:absolute; right:5px; top:60px;background:url(../images/icon_home.gif) no-repeat 0px 2px;padding-left:15px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:11px; color:#919191;}
#sub_wrap #sub_contents .location b {
#sub_wrap #sub_contents .con_detail {text-align:center; padding-top:20px;padding-bottom:20px;line-height:18px;}/*내용*/


/*quick*/
#quick {background:#e9e9e9;border:4px solid #d3d3d3;position:absolute; right:-90px; top:0px; width:70px; z-index:2; padding-top:50px;padding-bottom:50px;}


/*테이블*/
.table_01 {width:100%; margin-bottom:10px;border-top:2px solid #bd956d;}
.table_01 th {font-size:11px;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:11px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:11px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:11px;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:30%; 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;}