@charset "utf-8";
/* CSS Document */

/*******************
   Reset
*******************/
/*
*
{
    box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    }
    */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea
{margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:100%;}
img, fieldset, textarea, button, input{border:none;}
img {vertical-align:middle}
table{border-collapse:collapse; }
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
caption{font-size:0; display:none;}
article, aside, hgroup, header,  footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}
button{cursor:pointer;}
/* font */
body{color:#777; /*font-size:0.75em;*/ font-size:14px; }
input, select, textarea{color:#777; font-size:100%;}
a,a:link a:active, a:focus, a:visited {color:#555; text-decoration:none; cursor:pointer; margin:0; padding:0;}
a:hover{color:#555; text-decoration:none;}
legend, hr, .skip, .script_skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
cursor{cursor:pointer;}

/* form */
input[type=text]{height:35px; line-height:35px; padding-left:4px; border:1px solid #d1d1d0; }
input[type=password]{height:35px; line-height:35px; padding-left:4px; border:1px solid #d1d1d0;}
input[type=checkbox] {vertical-align:middle; padding:0; margin:0; border:hidden; height:13px;}

/*input[type='image'] {}*/
select{/*padding:5px;*/  border:1px solid #c3c3c3; font-size:14px; color:#727272;}

input[readonly]{background:#fff;  border:1px solid #d1d1d0; height:35px; line-height:35px; padding-left:2px; font-weight:bold;}
input[type="search"] {-webkit-appearance: textfield; box-sizing:content-box; font-size:16px;} /*web chorome,safari remove border*/
input[type="checkbox"]{width:16px; height:16px;}
input[type="radio"]{width:18px; height:18px; vertical-align:middle;}
input[placeholder], [placeholder], *[placeholder]{color:#8b8b8b; line-height:32px; font-size:12px; }


#select_box {position: relative; width: 285px;height: 35px; background: url(../img/member/down_arrow.png) right center no-repeat #fff; border: 1px solid #c3c3c3; }
#select_box label {position:absolute; font-size: 14px;  color: #727272; padding-left:10px;letter-spacing: 1px; line-height: 35px; }
#select_box select#color_02 { width: 100%; height: 35px; min-height: 35px; line-height: 35px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0);}

#select_box02 { position: relative; width: 140px; height: 35px; background: url(../img/member/down_arrow.png) right center no-repeat #fff; border: 1px solid #c3c3c3;}
#select_box02 label {position:absolute; font-size: 14px;  color: #727272;  padding-left:10px; letter-spacing: 1px; line-height: 35px;}
#select_box02 select#color {width: 100%; height: 35px; min-height: 35px; line-height: 35px; padding: 0 10px;  opacity: 0;  filter: alpha(opacity=0);}

#select_box02_01 { position: relative; width: 140px; height: 35px; background: url(../img/member/down_arrow.png) right center no-repeat #fff; border: 1px solid #c3c3c3;}
#select_box02_01 label {position:absolute; font-size: 14px;  color: #727272;  padding-left:10px; letter-spacing: 1px; line-height: 35px;}
#select_box02_01 select#color_01 {width: 100%; height: 35px; min-height: 35px; line-height: 35px; padding: 0 10px;  opacity: 0;  filter: alpha(opacity=0);}

::-webkit-input-placeholder { } /* WebKit browsers */
:-moz-placeholder { } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#8b8b8b;  opacity:1;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {}/* Internet Explorer 10+ */ 

input:-moz-placeholder, :-moz-placeholder, 
input:-moz-placeholder, textarea:-moz-placeholder
{ }

input::-webkit-input-placeholder, ::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{}
textarea{overflow:hidden; padding:10px; border:1px solid #d1d1d0; width:100%;}
/*******************
   Main Layout
*******************/
html,body{height:100%;  }
/*header*/
#header {position: relative; z-index: 1; width:100%; height:136px;  border-bottom:1px solid #d7d7d7; box-sizing:border-box; background:url("../img/headerBG.gif") left  top repeat-x;}
#header .head{position: relative; width:1200px; height:100%; margin:0 auto;}
#header .head:after{display:block; clear:both; content:"";}
/*container*/
/** html #container {height: 100%;}*/
/*#container{ position:relative;  min-height:100%; margin:-136px auto -122px; }*/
#container { position: relative; }
#container .contents{ position:relative; width:1200px; height:100%; margin:0 auto; padding:136px 0px 0px 0px;   }
#container .contents:after{display:block; clear:both; content:"";}

/*footer*/
#MemberFooter{ position:relative; width:100%; height:122px;}
#MemberFooter:after{display:block; clear:both; content:"";}
#MemberFooter .foot{width:1200px; height:100%; margin:0 auto;} 
/*******************
   header
*******************/
#header .head .headL{ float:left; width:948px;}
#header .head .headL:after{display:block; clear:both; content:"";}
#header .head .headL .topwrap{ position:relative; height:75px; width:100%; }
#header .head .headL .topwrap .logo{ width:245px; height:31px; padding-top:23px; padding-left:8px;}
#header .head .headL .topwrap .logo a{display:block; width:100%; height:100%;}
#header .head .headL .topwrap .globalMenu{ position:absolute; right:56px; top:25px; font-size:12px; color:#7b7b7b; line-height:30px; font-family:'dotum'; src:url("dotum.ttf");}
#header .head .headL .topwrap .globalMenu li{float:left; cursor:pointer;}
#header .head .headL .topwrap .globalMenu li.first{ width:124px; height:30px; border:1px solid #b5b5b5; box-sizing:border-box; background:#fff;  text-align:center;}
#header .head .headL .topwrap .globalMenu li.two{ padding:0 20px;}
#header .head .headL .topwrap .globalMenu li.last{ padding:0 20px;}

#header .head .headL .nav{ height:61px; width:100%; font-size:18px; font-weight:bold; color:#000; line-height:61px; padding-left:10px;}
#header .head .headL .nav li{float:left; padding-right:115px;}
#header .head .headL .nav .last li{padding-right:0;}
#header .head .headL .nav a{color:#000;}

#header .head .headR{ float:left; width:252px; height:114px; background:#0077db; color:#fff; text-align:center; padding-top:22px;}
#header .head .headR:after{display:block; clear:both; content:"";}
#header .head .headR .memTit{ color:#bce0ff; font-size:12px; font-family:'dotum';}
#header .head .headR .memTitS{ font-size:31px; letter-spacing:-1px; font-weight:700; padding-bottom:10px;}
#header .head .headR .slash{ font-size:20px; font-family: dotum; font-weight:400;}
#header .head .headR .memlogout{ margin:0 auto; width:117px; height:30px; border:1px solid #bce0ff; line-height:30px; text-align:center; color:#bce0ff;  font-size:12px; font-family:'dotum'; src:url("dotum.ttf"); cursor:pointer;}

/*footer*/
#MemberFooter .foot .inner_wrap{ position:relative;}
#MemberFooter .foot .inner_wrap li{float:left;}

#MemberFooter .foot .inner_wrap .foot_logo{width:162px; height:23px; margin:20px 50px 0 0;}

#MemberFooter .foot .inner_wrap .foot_menu{ width:439px; margin-top:20px;}
#MemberFooter .foot .inner_wrap .foot_menu .menu_txt{ font-size:14px; color:#727272; font-weight:bold; margin-bottom:18px; height:16px;}
#MemberFooter .foot .inner_wrap .foot_menu .menu_txt li{display:inline-block; padding-right:30px;}

#MemberFooter .foot .inner_wrap .foot_menu .add_txt{ font-size:12px; color:#898989;}
#MemberFooter .foot .inner_wrap .foot_menu .add_txt li{ line-height:26px;}

#MemberFooter .foot .inner_wrap .foot_banner_rink{ width:93px;}
#MemberFooter .foot .inner_wrap .foot_banner01{height:52px; margin-top:20px;}
#MemberFooter .foot .inner_wrap .foot_banner03{height:52px; margin-left:10px;}
#MemberFooter .foot .inner_wrap .foot_select{ width:285px; margin:20px 0 0 16px;}
.select01{width:140px; float:left;}
.select01 .select{width:140px;}
.select02{width:140px; float:left; margin-left:5px;}
.select02 .select{width:140px;}
.select03{width:286px; margin-top:40px; }
/*******************
  Common Css
*******************/
.blind{font-size:0;   line-height:0; /*width:0; height:0; overflow:hidden; left:-9999px; top:-9999px; visibility:hidden;*/}
.marginB20{margin-bottom:20px;}
.marginB30{margin-bottom:30px;}
.marginB55{margin-bottom:55px;}


/*board-공통*/
/*board*/
.board_st1{width:100%; color:#666; background:#fff; font-size:16px; border-top:2px solid #5d6268;  border-bottom:1px solid #ccc;}
.board_st1 thead{ border-left:1px solid #ccc; border-right:1px solid #ccc;  background:#f5f5f5; overflow: auto;}
.board_st1 thead th{height:55px; line-height:55px; text-align:center; font-size:16px; color:#000; border-bottom:1px solid #ccc; }
.board_st1 tbody{border-bottom:1px solid #e8e8e8;}
.board_st1 tbody td{height:55px; line-height:55px; text-align:center; border-top:1px solid #e8e8e8;}
.board_st1 tbody td.noticeS{ background:#f5f5f5;}
.board_st1 tbody td a:hover{text-decoration:underline;}

.board_st1_view{width:100%; color:#666; background:#fff; font-size:16px; border-top:2px solid #5d6268;  border-bottom:1px solid #ccc; background:#fff;}
.board_st1_view thead{}
.board_st1_view thead th{height:88px; font-size:16px; color:#000; border-bottom:1px solid #ccc; text-align:left; }
.board_st1_view tbody{border-bottom:1px solid #e8e8e8;}
.board_st1_view tbody td{height:67px; border-top:1px solid #e8e8e8;}
.board_st1_view tbody td.attached_file{ background:#f5f5f5;}
.board_st1_view tbody td.attached_file .tit{color:#5f5f5f; font-size:15px;}

.BtnList{ float:right; font-size:16px; text-align:center; color:#000; }
.BtnList:after{display:block; clear:both; content:"":}
.BtnList a{ display:inline-block; width:106px; height:41px; border:1px solid #ccc; line-height:41px;}
.BtnListRight{ float:right; font-size:16px; text-align:center; color:#000; }
.BtnListRight:after{display:block; clear:both; content:"":}
.BtnListRight a{ display:inline-block; width:106px; height:41px; border:1px solid #ccc; line-height:41px;}
.BtnListLeft{ float:left; font-size:16px; text-align:center; color:#000; }
.BtnListLeft:after{display:block; clear:both; content:"":}
.BtnListLeft a{ display:inline-block; width:106px; height:41px; border:1px solid #ccc; line-height:41px;}

.viewTh_wrap01{float:left; }
.viewTh_wrap01 li.first{ padding-bottom:5px;}
.viewTh_wrap01 li.two{ float:left; color:#878787; font-size:14px; font-weight:400;}
.viewTh_wrap01 li.last{ float:left; color:#878787; font-size:14px; font-weight:400;}


.viewTh_wrap02{float:right; margin-right:32px; font-size:14px; color:#5f5f5f;}
.viewTh_wrap02 li{ float:right;  margin-top:8px; margin-left:5px;}


.board_st1_Next{width:100%; color:#666; background:#fff; font-size:15px; border-bottom:1px solid #ccc;}
.board_st1_Next tbody{border-bottom:1px solid #ccc;}
.board_st1_Next tbody td{height:50px; border-top:1px solid #ccc;}
.board_st1_Next tbody td.prevBtn{ padding-left:10px;  font-size:16px; color:#000; width:82px; background:url("../img/common/Prev_icon.png") 81px center no-repeat;}
.board_st1_Next tbody td.prevTxt{ padding-left:45px; background:url("../img/common/bar02.jpg") left center no-repeat;}
.board_st1_Next tbody td.prevTxt a:hover{ text-decoration:underline;}
.board_st1_Next tbody td.nextBtn{padding-left:10px; font-size:16px; color:#000; width:82px;  background:url("../img/common/Next_icon.png") 81px center no-repeat;}
.board_st1_Next tbody td.nextTxt{padding-left:45px; background:url("../img/common/bar02.jpg") left center no-repeat;}
.board_st1_Next tbody td.nextTxt a:hover{ text-decoration:underline;}

.attached_fileTxt{ font-size:12px; color:#5f5f5f;}
.attached_fileTxt li{background:url("../img/common/file_icon.png") left center no-repeat; padding-left:19px; line-height:24px; }
.attached_fileTxt li a:hover{text-decoration:underline;}

/*paging*/
.paging{text-align:center; padding:50px 25% 35px 25%; font-size:14px;}
.paging .iblock{display:inline-block;}
.paging li.btn_ftront{ width:34px; height:34px; background:url("../img/common/paging01.png") center center no-repeat; border:1px solid #c7c7c7;}
.paging li.btn_left{ width:34px; height:34px; background:url("../img/common/paging02.png") center center no-repeat; border:1px solid #c7c7c7;}
.paging li{float:left; width:34px; height:34px; line-height:34px; margin-left:-1px; }
.paging li a{display:block; width:100%; height:100%; color:#ced0d3;}
.paging li a:hover{color:#000;}
.paging li .on{color:#000;}
.paging li.btn_right{ width:34px; height:34px; background:url("../img/common/paging03.png") center center no-repeat; border:1px solid #c7c7c7;}
.paging li.btn_last{ width:34px; height:34px; background:url("../img/common/paging04.png") center center no-repeat; border:1px solid #c7c7c7;}

.Sub_search_Wrap{ width:100%; height:78px; padding:18px 15%; border:1px solid #ccc; box-sizing:border-box; background:#f5f5f5; margin-top:31px;}
.Sub_search_Wrap select{ float:left; height:35px; width:120px; margin-right:6px;}
.Sub_search_Wrap input{float:left; width:225px; border:1px solid #ccc;  margin-right:6px;}
.Sub_search_Wrap .Sub_searchBtn{float:left; width:85px; height:36px; background:#003b60; color:#fff; line-height:36px; text-align:center; font-size:16px;  margin-right:6px;}
.Sub_search_Wrap .Sub_searchBtn a{display:block; width:100%; height:100%; color:#fff;}



#input_230{width:230px; height:36px; line-height:36px; float:left;}
#select_100{width:100px;  float:left; margin-right:5px;}
#select_120{width:100px;  float:left;}

.select_box_st {position: relative;  height: 36px; background: url("../img/common/selec02_icon.png") no-repeat #fff; background-position:100% 50%; border: 1px solid #c4c4c4; }
.select_box_st label { position:absolute; font-size: 15px; color: #000; padding-left:10px; letter-spacing: 1px; line-height: 36px;  }
.select_box_st select#selec02 {width: 100%; height: 36px; min-height: 36px; line-height: 36px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); }