@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하구청
/* Date : 2016-08-01 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 레이아웃
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#contanier { background: url(/photo/images/sub/bg_sub_title.jpg) center top no-repeat; }

#sub_wrap { }
#sub_wrap .sub_title { position: relative; height: 205px;  color: #fff; }
#sub_wrap .sub_title .title { text-align: center; height: 146px; }
#sub_wrap .sub_title .title h2 { padding-top: 45px; font-size: 36px; line-height: 40px; color: #466db5; }
#sub_wrap .sub_title .title p { color: #727272; }


/*로케이션 메뉴*/
#sub_wrap .sub_title .locations { position: relative; *overflow:overflow; width:auto; height: 60px; line-height: 60px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
#sub_wrap .sub_title .locations .allmenu { display:inline-block; float:none; width: 70px; height: 58px; margin-top:-2px; padding-left: 0px!important; background: #f5f5f5 url(/photo/images/sub/icon_allmenu.gif) center 50% no-repeat; color:transparent; vertical-align:middle; border-left: 1px solid #cdd5de; border-right: 1px solid #cdd5de; }
#sub_wrap .sub_title .locations .menuUl { position:absolute; display:inline-block;}
#sub_wrap .sub_title .locations .depth2 { left:254px; }
#sub_wrap .sub_title .locations .menuUl .menuLi { left:-1px; width:180px; display:none; position:relative; height:55px; border-right:1px solid #cdd5de; border-bottom:1px solid #cdd5de; border-left:1px solid #cdd5de; z-index:2; background-color:white;  cursor:pointer;}
#sub_wrap .sub_title .locations .menuUl .menuLi2 { left:-2px; width:202px; display:none; position:relative; height:55px; border-right:1px solid #cdd5de; border-bottom:1px solid #cdd5de; border-left:1px solid #cdd5de; z-index:2; background-color:white;  cursor:pointer;}
#sub_wrap .sub_title .locations .step { display: inline-block; width: 160px; height: 58px; padding-left: 20px; line-height: 60px; border-right: 1px solid #cdd5de; border-bottom: 1px solid #cdd5de; font-size: 16px; color: #616161; background: url(/photo/images/sub/icon_step.gif) 140px 50% no-repeat; cursor:pointer;}
#sub_wrap .sub_title .locations .step2 { display: inline-block; width: 200px; height: 58px; padding-left: 20px; line-height: 60px; border-right: 1px solid #cdd5de; border-bottom: 1px solid #cdd5de; font-size: 16px; color: #616161; background: url(/photo/images/sub/icon_step.gif) 180px 50% no-repeat; cursor:pointer; }
#sub_wrap .sub_title .locations .nsStep { position:relative; padding-left: 20px; line-height: 60px; font-size: 16px; color: #616161;}
#sub_wrap .sub_title .locations .step:hover { text-decoration: none; }
/*카테고리영역*/
.board_category { position: absolute; top: 0; left:255px; z-index:100; }
.board_category .ct_selectbox { width: 201px; font-size: 16px; color: #435b88; cursor:pointer;  }
.board_category .ct_selectbox ul { z-index:100; } 
.board_category .ct_selectbox ul li { border: 1px solid #CCD6DF; border-width: 0px 1px 1px 1px; background: #fff; }
.board_category .ct_selectbox ul li a { display: block; line-height: 58px; }
.board_category .ct_selectbox ul li a:hover { text-decoration: none;}
.board_category .ct_selectbox ul li.ct_selected { display: block; padding-left: 20px; background: #fff url(/photo/images/sub/icon_step_on.gif) 160px 50% no-repeat; color: #435b88;}
.board_category .ct_selectbox ul li.ct_not_selected { display: none; padding-left: 20px; width: 179px; background: #fff; }
.board_category .ct_selectbox ul li.ct_selected:hover { background: #F5F8FA url(/photo/images/sub/icon_step_on.gif) 160px 50% no-repeat; border-right: 1px solid #CCD6DF; }
.board_category .ct_selectbox ul li.ct_not_selected:hover { background: #F5F8FA; }
.board_category .selectOptions { position:absolute; top: 58px; left: -1px; z-index: 999; width:100%; overflow: hidden; /*display: none;*/ }
.board_category .selectOption { display: block; height: 50px; line-height: 50px; padding-left: 20px; border-bottom: 1px solid #cdd5de; cursor: pointer; font-size: 15px; color: #777; }
.board_category .selectOption:hover { background: #F2F5FA; color: #435b88; }

/*검색 영역*/
#sub_wrap .sub_title .search_area { position: absolute; bottom: 1px; right: 149px; width: 595px; height: 58px; background: #f5f8fa; border-left: 1px solid #cdd5de; }
#sub_wrap .sub_title .search_area .select_box { display: inline; padding: 0 20px 0 30px; background: transparent url(/photo/images/sub/icon_select.gif) right 50% no-repeat; }
#sub_wrap .sub_title .search_area .select_box select { height: 53px; line-height: 53px; background-color: #F5F8FA; }
#sub_wrap .sub_title .search_area .input_keyword  { border: none; background: transparent; color: #a9bbc7; width: 355px; height: 53px; padding-left: 20px; line-height: 53px; }
#sub_wrap .sub_title .search_area .icon_search { width: 51px; height: 35px; position: absolute; right: 26px; top: 12px; background: url(/photo/images/sub/icon_search.gif) center 50% no-repeat; }
 
/*sns 영역*/
#sub_wrap .sub_title .sns { position: absolute; bottom: 0; right: 0; width: 148px; height: 60px; line-height: 60px; border-left: 1px solid #cdd5de; border-right: 1px solid #cdd5de;  }
#sub_wrap .sub_title .sns li { display: inline-block; float: left; padding-left: 5px; }
#sub_wrap .sub_title .sns li:FIRST-CHILD { padding-left: 20px; }

/*콘텐츠 영역*/
#conts { position: relative; min-height: 550px; padding: 55px 0 100px; }