@charset "utf-8";

/* paginate */
#page { position: relative; text-align:center; color:#333; margin:30px auto 100px auto; display:table;  }
#page span {display:table-cell; vertical-align:middle; }
#page a {position: relative;display:inline-block;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin:0;color:#777;width: 45px;height: 45px;float:left;padding: 7px 0 5px 0;background-color:#fff; }
#page a.on {background-color:#e51769; color:#fff; font-weight:400;}
#page a:hover {text-decoration:underline;}
#page a.first{background:url(../../img/common/navi.gif) no-repeat 2px 3px; border-left:1px solid #e3e3e3; border-right:0; background-color:#fff; }
#page a.prev {background:url(../../img/common/navi.gif) no-repeat -33px 3px; border-left:1px solid #e3e3e3; background-color:#fff; }
#page a.next {background:url(../../img/common/navi.gif) no-repeat -273px 3px; background-color:#fff; }
#page a.last {background:url(../../img/common/navi.gif) no-repeat -308px 3px; background-color:#fff; }



/* Board : 검색창 */
.boardtop { overflow:hidden; margin:40px 0 0 0}
.boardtop:after { content:""; display:block; clear:both;}
.boardtop .boardinfo { float:left; padding-top:15px;}
.boardtop .boardinfo i { font-weight:400; color:#e33333}
.boardtop .boardsearch { float:right; margin-bottom:10px;}
.boardtop .boardsearch input[type="text"] { height:36px; box-sizing:border-box; width:200px}
.boardtop .boardsearch input[type="text"] + input[type="submit"],
.boardtop .boardsearch input[type="text"] + input[type="button"] {border-right:none; margin-left:-5px;}
.boardtop .boardsearch select { display:inline-block; height:36px; padding:6px 5px; vertical-align:middle; border-radius:0px; border:1px solid #cdcdcd; cursor:pointer; max-width:100px;}
.board_total {padding:15px 0 5px 0; float:left; font-size:14px;}
.board_total span {color:#cc2633; font-weight:400;}
.board_topbtn {}
.board_topbtn ul {margin: 0 0px; text-align:left;}
.board_topbtn ul li {display:inline-block; position:relative;  padding:8px 0; word-wrap:break-word; word-break:break-all;}
.board_topbtn ul li::before {content: ""; display:inline-block; position:absolute; top:13px; left:0px; width:1px; height:13px; background:#ccc;}
.board_topbtn ul li:first-child:before { display:none; }
.board_topbtn ul li a {display:inline-block; padding:0px 10px; }
.board_topbtn ul li a.on {color:#cc2633; font-weight:400; }
.search_btn01 {width:50px; height:37px; color:#fff; background:#333; text-align:center;  box-sizing:border-box; border: 0px;}


@media all and (max-width:840px) {
	/* Board : 검색창 */
	.boardtop { overflow:hidden; }
	.boardtop:after { content:""; display:block; clear:both;}
	.boardtop .boardinfo { float:left; padding-top:15px;}
	.boardtop .boardinfo i { font-weight:400; color:#e33333}
	.boardtop .boardsearch { float:right; margin-bottom:5px; text-align:right;}
	.boardtop .boardsearch input[type="text"] { height:55px; box-sizing:border-box; width:50%}
	.boardtop .boardsearch input[type="text"] + input[type="submit"],
	.boardtop .boardsearch input[type="text"] + input[type="button"] {border-right:none; margin-left:-5px;}
	.boardtop .boardsearch select { display:inline-block; height:55px; padding:6px 5px; vertical-align:middle; border-radius:0px; border:1px solid #cdcdcd; cursor:pointer; max-width:100px;}
	.board_total {padding:5px 0 5px 0;}

	.boardtop .boardinfo { float:none; padding-top:0; }
	.boardtop .boardsearch { float:none; margin:10px 0;}


} 


/* Board : List */
.notice_ico {padding:5px; background-color:#e51769; color:#fff; width:40px; height:25px; font-size:14px; }

.boardList { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:2px solid #333; font-size:1em;}
.boardList caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
.boardList th, .boardList td { padding:15px 5px 13px; border-bottom:1px solid #cccfd5;}
.boardList thead th {border-bottom:1px solid #333;  text-align:center;}
.boardList thead th:first-child { background-image:none;}
.boardList tbody td { text-align:center}
.boardList tbody td:nth-child(2) { text-align:left} 
.boardList tbody td.title { text-align:left; color:#333;}
.boardList tbody td.title a{ color:#333;}
.boardList tbody td.title a:hover{ color:#e51769}
.boardList tr:hover td, .boardList tr:focus td { background:#fafafb;}


/* notice board */
.notice_list {border-top: 2px solid #333; text-align: center; word-break: break-all; table-layout: fixed;} 
.notice_list thead th{padding: 15px 0; font-weight:450; color:#333; }
.notice_list thead{border-bottom: 1px solid #7d7d7d;}
.notice_list tbody td{padding: 15px 0; border-bottom: 1px solid #bbb; vertical-align: middle;}
.notice_list tbody td.list_write{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 10%;}
.notice_list .list_tit a{display:inline-block; padding-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:98%; vertical-align: middle;}
.notice_list .list_tit a:hover{color:#e51769}
.list_num{width: 7%;}
td.list_tit{text-align: left; padding-left: 10px !important;}
td.list_tit a[target="_blank"]{padding-right: 18px;}
td.list_tit a[target="_blank"]:after{top: 6px;}
.list_file{width: 5%;}
.list_write{width: 13%;}
.list_answer{width: 10%;}
.list_date{width: 12%;}
.list_hit{width: 7%;}


/* Board : List 치료일기 */
.board_experience { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; font-size:1em; border-top:2px solid #333;}
.board_experience caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
.board_experience th, .board_experience td { padding:15px 5px 13px; border-bottom:1px solid #cccfd5;}
.board_experience thead th {border-bottom:1px solid #333;  text-align:center;}
.board_experience thead th:first-child { background-image:none;}
.board_experience tbody td { text-align:center}
/*.board_experience tbody td:nth-child(2) { text-align:left} */
.board_experience tbody td.title { text-align:left; color:#333;}
.board_experience tbody td.title a{ color:#333;}
.board_experience tbody td a:hover{ color:#e51769}
.board_experience tr:hover td, .boardList tr:focus td { background:#fafafb;}
.btn_experience_watt {padding:6px 9px; background-color:#fff; border:1px solid #888; color:#666; width:50px; height:auto; font-size:0.85em; font-weight:400}
.btn_experience_ok {padding:6px 9px; background-color:#fff;  border:1px solid #e51769; color:#e51769; width:50px; height:auto; font-size:0.85em; font-weight:400}

/* Board : 댓글 */
.reply_input {padding-top:0px; margin:0 0 100px 0}
.reply_box{position:relative;background:#eee;padding:25px 30px 20px 30px;margin-bottom:30px; }
.reply_box:after {clear:both; display:block; content:''}
.reply_text{position:relative; height:95px; border:1px solid #ddd; background:#fff; margin-bottom:11px; padding:16px 16px;}
.reply_text textarea {width:85%; height:100%; line-height:20px; font-size:0.95em;border:0;outline-width:0; line-height:1.3em}
.write_btn {position:absolute;top:-1px; right:0; width:15%; height:95px; font-size:1em; background:#555; color:#fff; border:0}

/* Board : 댓글입력메세지 */
.reply_wrap {padding-top:40px;}
.reply_textbox{position:relative;background:#9abad3;padding:25px 30px 20px 30px;margin-bottom:30px; height:auto;}
.reply_textbox:after { content:""; display:block; height:0; clear:both; float:none;} 
.reply_l {padding:10px 15px; color:#333;  background:#fff; border-radius:5px; text-align:left; margin:0 0 20px 0; width:auto;  float:left; display:inline-block}
.reply_l:after {clear:both; display:block; content:''}
.reply_r {padding:10px 15px; color:#fff; background:#e76395; border-radius:5px; text-align:right; margin:0 0 20px 0; width:auto; float:right; display:inline-block}
.reply_r:after {clear:both; display:block; content:''}


/* 박스 탭 */
.box_tab {margin:20px 0 30px 0; padding:25px 10px 25px 50px; height: auto; background:#fff; border:2px solid #e51769; box-sizing:border-box;  }
.box_tab li {float:left; width:19%;*width:19%;  padding:6px 0; }
.box_tab li a:hover, .box_tab li a:active, .box_tab li a:focus {text-decoration:underline; color:#e51769;}
.box_tab li.on {font-weight:400; color:#e51769;}
.group:after {content: ""; display: block; visibility: hidden; clear: both; height: 0px;}

ul {padding:0px; margin:0px;}
ul.bul_triangle li {padding:0 0 4px 11px; margin:0 0 0 6px; background:url(../../img/common/bul_triangle.png) no-repeat 0 9px; font-size:1.02em; border:0; color:#444; font-weight:400;}

@media all and (max-width:1190px) {
	.box_tab {margin-bottom:20px; padding:25px 10px 25px 40px;}
	.box_tab li {float:left; width:32%;*width:32%;  padding:6px 0; }

}


@media all and (max-width:840px) {
	.box_tab {margin-bottom:20px; padding:25px 10px 25px 40px;}
	.box_tab li {float:left; width:48%;*width:49%;  padding:6px 0; }
	ul.bul_triangle li {padding:0 0 4px 11px; margin:0 0 0 6px; background:url(../../img/common/bul_triangle.png) no-repeat 0 17px; font-size:1.02em; border:0; color:#444; font-weight:400;}


	/* Board : 댓글 */
	.reply_text{position:relative; height:130px; border:1px solid #ddd; background:#fff; margin-bottom:11px;  margin-bottom:90px;}
	.reply_text textarea {width:100%; height:130px;  outline-width:0; }
	.write_btn {position:absolute;top:130px; left:0; width:100%; height:80px; background:#555; color:#fff; }



	/* notice board */
	.notice_list{border-top: 2px solid #333;}
	.notice_list thead{display: none;}
	.notice_list td, .notice_list th{padding: 6px 5px 6px 15px !important; border-bottom: 0 !important;}
	.notice_list tr{padding: 10px 0; display: block;}
	.notice_list tr:after{content: ''; display: block; clear: both;}
	.notice_list tr:nth-child(even){background: #f7f7f7;}
	.list_num, .list_date, .list_hit, .list_file{display:none;}
	.notice_list .list_part,
	.list_date, .list_tit, .notice_list .list_tit,
	.list_date, .notice_list .list_date, .list_write, .list_answer{display: block; width: auto !important; border: none; font-size:0.8em;}
	.notice_list tr{border-bottom: 1px solid #d9d9d9;}
	.notice_list .list_part, .list_date, .list_write{float: left; text-align: left;}
	.list_write:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-right: 7px; vertical-align: top;}
	.list_dept:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-right: 7px; vertical-align: top;}
	.list_answer:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-right: 7px; vertical-align: top;}
	.list_tit, .notice_list .list_tit a{font-weight: 400; white-space: normal;font-size: 1.2em;}

}


/* table : List */
.tableCol { width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:2px solid #333; border-bottom:1px solid #61646c; border-left:1px solid #c8ccd4; border-right:1px solid #c8ccd4;}
.tableCol th, .tableCol td { padding:15px 10px 13px; }
.tableCol thead th.center { background:#f6f6f7; border-bottom:1px solid #61646c; border-right:1px solid #c8ccd4; text-align:center;}
.tableCol thead th { background:#f6f6f7; border-bottom:1px solid #61646c; border-right:1px solid #c8ccd4;}
.tableCol tbody td,
.tableCol tbody th { text-align:center; border-top:1px solid #c8ccd4; border-right:1px solid #c8ccd4; }
.tableCol tbody td:first-child { border-left:0}  
.tableCol tbody td.title { text-align: left;}

.tableColRow { width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:2px solid #333; border-bottom:1px solid #61646c; border-left:1px solid #c8ccd4; border-right:1px solid #c8ccd4;}
.tableColRow th, .tableColRow td { padding:15px 10px 13px; }
.tableColRow thead th { background:#f6f6f7; border-bottom:1px solid #61646c; border-right:1px solid #c8ccd4;}
.tableColRow tbody th { background: #f6f6f7; border-top:1px solid #c8ccd4; }
.tableColRow tbody td { text-align:center; border-top:1px solid #c8ccd4; border-left:1px solid #c8ccd4; }


/* Board : View */
.boardView { width:100%; margin-top:10px;  border-top:2px solid #333; border-bottom:1px solid #333;}
.boardView .titleArea { position:relative; padding:20px; background:#f6f6f7; border-bottom:1px solid #333;}
.boardView .titleArea .title { font-size:24px; font-weight:450; color:#333}
.boardView .titleArea .boardDate { margin-top:15px; color:#555;}
.boardView .titleArea .boardDate .view {  padding-left:30px; }
.boardView .infoArea { overflow:hidden;}
.boardView .infoArea li { float:left; width:50%; padding:20px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}
.boardView .infoArea li.last { width:100%;}

.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li { padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea2 li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}

.boardView .articleArea { padding:30px 20px; /* border-bottom:1px solid #61646c; */}
.boardView .listArea li { border-top:1px solid #cccfd5; }
/*
.boardView .listArea li:first-child { border-top:1px solid #cccfd5;}
*/
.boardView .listArea li a { display:table-cell; padding:15px 15px 13px; color:#555;}
.boardView .listArea li a:hover {color:#e51769;}
.boardView .listArea li span { display:table-cell; width:100px; padding:15px 15px 13px 20px; text-align:center; font-weight:bold; background:#f5f5f5;}
.boardView .listArea li:first-child span { background-position: 5px 14px;}


@media all and (max-width:780px) {
	/* 게시판 뷰에 이미지 사이즈  */
	.boardview .articleArea div img { width:100% !important; height:100% !important; }
	
	.boardView .listArea li span { display:table-cell; width:150px; padding:15px 15px 13px 20px; text-align:center; font-weight:bold; background:#f5f5f5;}


}



@media all and (max-width:640px) {

	/* Board : View */
	.boardView .titleArea .title { font-size:29px; font-weight:500; color:#333; letter-spacing:-0.5px;}
	.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
	.boardView .infoArea2 li { /* float:left; width:50%; */ padding:10px 0; border-bottom:1px solid #cccfd5;}
	.boardView .infoArea2 li span { display:block; /* float:left; */ margin-right:15px; padding:0 15px;}
	.boardView .infoArea2 li span:first-child { min-width:100%; padding-bottom:5px; /* font-weight:bold; */ border-right:none}

		
	/* Board : imgList */
	.imglist > div { width:100%; margin:1% 0; }

	.imglist li a { overflow:hidden; display:block; padding:20px; }
	.imglist .tgImg { float:none; max-width:100%; height:auto; margin-left:0px; }
	.imglist .tgCont { float:none; width:100%; padding-left:0px; margin:20px 0 0 0;}




}


/*
.comment_list li:before{display:inline-block;overflow:hidden;background-image:url(../../img/common/v.png);background-repeat:no-repeat;background-size:25px 10px;-webkit-background-size:25px 10px;font-size:0;vertical-align:top;line-height:0}
*/

.comment_wrap {padding-top:0px;}
.comment_textbox{position:relative;/*background:#9abad3;*/ background:#fff; padding:40px 0px 10px 0px; height:auto;}
.comment_textbox:after { content:""; display:block; height:0; clear:both; float:none;} 
.comment_list{padding:0 21px 21px;border:0}
.comment_list li{position:relative;margin-bottom:10px;padding:15px 16px 11px;box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:none;font-size:0.95em;line-height:1.3em;color:#222}
.comment_list li:before{position:absolute;top:0;width:6px;height:10px;transform:rotate(0);-webkit-transform:rotate(0);border:0;content:''}
.comment_list li.lft{max-width:initial;margin-right:70px; background:#f8e6ea; border:0;border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;  }
.comment_list li.lft:before{left:-6px;background-image:url(../../img/common/v.png);background-repeat:no-repeat;background-size:25px 10px;}
.comment_list li.lft div{font-size:0.9em; color:#999; padding:15px 0;}
.comment_list li.lft div .delete{color:#333}
.comment_list li.rgt{max-width:initial;margin-left:70px;background:#e2ebf6;border:0;border-radius:10px 0 10px 10px;-webkit-border-radius:10px 0 10px 10px}
.comment_list li.rgt:before{right:-6px;background-image:url(../../img/common/v1.png);background-repeat:no-repeat;background-size:6px 10px;}
.comment_list li.rgt div{font-size:0.9em; color:#999; padding:15px 0;}
.comment_list li.rgt div .report{font-size:0.85em;color:#b7b7b7}
.comment_list li.rgt div .delete{color:#777}
.comment_list li div{overflow:hidden;margin-top:1px;font-size:13px;}
.comment_list li div .report:before{display:inline-block;width:1px;height:10px;margin:0 5px 0 -1px;vertical-align:top;content:''}
.comment_list li .delete{float:right;position:static;padding:0;border:none;border-radius:0;background:none}
.btn_comment_del {width:30px; height:30px; border:1px solid #f35050; color:#f35050; margin:0 10px 0 0; padding:5px;}
.btn_comment_change{width:30px; height:30px; border:1px solid #38a13d; color:#38a13d; padding:5px;} 


/*브로셔 */
.brochure-wr{border-top:2px solid #333; border-bottom:1px solid #ddd;}
.brochure-wr:after{display:block;content:"";clear:both;}
.brochure-wr li{position:reltaive;float:left;width:50%;position:relative;border-bottom:1px solid #ddd;}
.brochure-wr li:last-child{border-bottom-width:0;}
.brochure-wr li:nth-child(odd):after{content:"";display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:#ddd;}
.brochure-wr li .cont-wr{padding:40px;}
.brochure-wr li .cont-wr:after{display:block;content:"";clear:both;}
.brochure-wr img{float:left;width:185px; height:250px; margin-right:8%; }
.brochure-wr .txt-wr{float:left; width:56%;}

.brochure-wr .t-cate{font-size:0.938em;color:#888;text-transform:uppercase;padding-bottom:20px;font-weight:400; position:absolute;bottom:40px;}
.brochure-wr .tit{font-size:1.2em; font-weight:400; }


@media all and (max-width: 840px) {

	.brochure-wr li{position:reltaive;float:none;width:100%;position:relative;border-bottom:1px solid #ddd; text-align:center;}
	.brochure-wr li:last-child{border-bottom-width:0;}
	.brochure-wr li:nth-child(odd):after{content:"";display:block;position:absolute;right:0;top:0;width:0px;height:100%;background:#ddd;}
	.brochure-wr img{float:none;width:100%; height:100%;  text-align:center; }
	.brochure-wr .b-front{width:100%;text-align:center;}
	.brochure-wr .txt-wr{width:100%;padding-top:20px;}
	.brochure-wr .cp-btn{position:relative;bottom:auto;margin:10px auto 0 auto;}
	.brochure-wr .tit{font-size:1em; font-weight:400;}
	.brochure-wr .t-cate{font-size:0.9em;color:#888;text-transform:uppercase;padding-bottom:20px; margin-top:20px; font-weight:400;}

}






@media all and (max-width: 840px) {
	.srcoll-table			{ position: relative; width: 100%; margin-top:45px; border: 1px solid #ccc; }
	.srcoll-table:before	{ content: "◀ 좌우스크롤 하시면 자세한 내용을 확인하실 수 있습니다 ▶"; display: block; position: absolute; font-size:18px; top: -50px; right: 10px; color:#999; font-weight:400 }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background: url('/resource/img/common/scroll_cover.png') repeat-y 100% 100%; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table table		{ margin-top: 0; width: 980px !important; }
}




/* 정렬 */
.clear_div {clear:both;}
.con_r {text-align:right;}
.con_l {text-align:left;}
.con_c {text-align:center;}
.con_b {vertical-align:bottom;}

.btn_area{padding:20px 0 100px 0;}
.btn_area2{padding:20px 0 10px 0;}





/* Button Reset */

.button{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;/* margin-bottom:5px; *//* margin:0 2px; */padding:0;/* vertical-align: top; */
border-width:0;white-space: nowrap;font-weight:400;text-decoration:none;border-radius: 0px;color:#fff;background-color:#6b6661;box-sizing:border-box;cursor:pointer;}

a.button { margin:0 2px 2px;} 
p.button { cursor: no-drop; }


/* Button Size */
.button.small { height: 45px; padding:0 20px; line-height: 43px; font-size: 16px; }
.button.medium {height: 50px;padding: 0 20px;line-height: 50px;font-size:21px;} 
.button.large { height: 60px; padding:0 25px; line-height:60px; font-size:30px;}

@media all and (max-width:840px) {
.button.small { height: 65px; padding:0px 25px; line-height: 65px; font-size: 22px; }
.button.medium { height: 65px; padding: 0 20px; line-height:55px; font-size:23px;} 
.button.large { height: 70px; padding:0 25px; line-height:60px; font-size:28px;}

}


/* Button Color */
.button.search_btn01 {border:1px solid #999; color:#fff; background:#999;  box-sizing:border-box; }
.button.search_btn02 {border:1px solid #999; color:#fff; background:#999;  box-sizing:border-box; }
.button.search_btn03 {border:1px solid #999; color:#fff; background:#999;  box-sizing:border-box; }
.button.gray { color:#fff; background:#666;  box-sizing:border-box; }
.button.gray02 {color:#fff; background:#999;  box-sizing:border-box; }
.button.s_seach {color:#fff; background:#333;  box-sizing:border-box; }
.button.white {border:1px solid #61574d; box-sizing:border-box; color:#61574d; background:#fff;}
.button.color {color:#fff;border:1px solid #61574d;  background:#61574d;  box-sizing:border-box; }


/* Button Hover */
.button:hover, .button:active, .button:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#372f2d;}
.button.gray:hover, .button.gray:active, .button.gray:focus {  color: #fff; box-sizing:border-box; text-decoration:none; background:#444;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.button.s_seach:hover, .button.s_seach:active, .button.s_seach:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#333;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #afa192; box-sizing:border-box; color:#fff; text-decoration:none; background:#afa192; } 
.button.color:hover, .button.color:active, .button.color:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#372f2d; border:1px solid #372f2d; }


input[type="submit"].button.icon:hover, input[type="button"].button.icon:hover,
input[type="submit"].button.icon:active, input[type="button"].button.icon:active,
input[type="submit"].button.icon:focus, input[type="button"].button.icon:focus { background-color:#194478}

input[type="submit"].button.icon.white:hover, input[type="button"].button.icon.white:hover,
input[type="submit"].button.icon.white:active, input[type="button"].button.icon.white:active,
input[type="submit"].button.icon.white:focus, input[type="button"].button.icon.white:focus { background-color:#ededed}