@charset "utf-8"; 

@import url('reset.css');
@import url('layout.css');
@import url('board.css');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

html, input {font-family: 'Nanum Square'; }
table { font-size:17px; }
html {
height: 100%;
}
body {
margin: 0;
height: 100%;
}
#wrap {
min-height: 100%;
position: relative;
padding-bottom: 180px; /* footer height */
}
table { border:2; border-collapse:collapse; }
/*hidden*/
#skip, ul.skiplist li.skip, .skipnavi, caption, legend, span.skip { position: absolute ; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }
input[type="text"] {vertical-align:top; font-family: 'Nanum Square';}

/* 간격 */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.wd40 {width:40px;}
.wd50 {width:50px;}
.wd70 {width:70px;}
.wd100 {width:100px;}

/* 포지션 
div {position:relative; top:0; left:0; z-index:0;}
div {position:absolute; top:0; left:0; z-index:0; }
div {position:fixed; top:0; left:0; z-index:0; }
*/

strong,b {font-weight:bold}

.Web {display:block;}
.Mobile {display:none;}


/* 색상 */
span.green {color:#00ab6c;}
span.orange {color:#f56016;}
span.white {color:#ffffff;}
/* 공통 */
p.sub_tit {margin-bottom:30px; font-size:1.1em; line-height:1.1em; color:#4c4c4c; letter-spacing:-0.03em; font-family: 'ngb';}
p.sub_txt {margin-bottom:30px; font-size:1.0em; line-height:1.0em; color:#4c4c4c; letter-spacing:-0.03em; font-family: 'ng';}

dl.txt_info {width:100%; margin-bottom:30px;}
dl.txt_info dt {padding-bottom:10px; font-size:0.95em; line-height:0.95em; color:#00ab6c;}
dl.txt_info dd {font-size:0.95em; line-height:1.6em; color:#b4b4b4; letter-spacing:-0.03em;}

ul.txt_info {width:100%; margin-bottom:30px;}
ul.txt_info li {font-size:0.85em; line-height:1.6em; color:#00ab6c; letter-spacing:-0.03em; font-family: 'ngb';}
ul.txt_info li span {color:#4c4c4c; font-family: 'ng';}
ul.txt_info li span.space {padding-left:65px;}
ul.txt_info li span.eng {padding-left:2px;}
ul.txt_info li a {display:inline-block; color:#4c4c4c;}


.logo {float:left; padding:15px 0 15px 50px; }

/* 모바일 */
.M_hot-issue_wrap {display:none;}
.M_nav_wrap {display:none;}

/* 상단 검색 버튼 */



.search_wrap {display:none; width:100%; position:absolute; top:70px; left:0; z-index:11; background:#dbc29c;}
.search_wrap .conts {position:relative; margin:0 auto; padding:40px 0; width:980px; text-align:center;}
.search_wrap .conts .search_box {width:100%; margin:20px 0;}
.search_wrap .conts input {display:inline-block; padding:15px 0 15px 10px; margin-right:5px; width:490px; height:20px; font-size:1em; line-height:1em; border:0; background:#fff;}
.search_wrap .conts a {display:inline-block;}
.search_wrap .conts p.txt {text-align:center; font-size:0.75em; line-height:1.4em; color:#4c4c4c; letter-spacing:-0.03em; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_search.png') 310px no-repeat;}
.search_wrap a.close {position:absolute; right:0; bottom:-40px; z-index:11;}

/* 상단 gnb */
.gnb_wrap {position:absolute; top:70px; left:0; width:100%; z-index:10; border-top:1px #008fde solid;}
.gnb-info {display:none; width:100%; background:#e1e3e5; position:relative; z-index:9;}
.gnb-info .conts {margin:0 auto; width:980px; }
.gnb-info .conts ul {padding-top:30px; padding-left:50px; }
.gnb-info .conts ul:after {content:""; display:block; clear:both;}
.gnb-info .conts ul li {float:left; padding:20px 10px 21px 20px; margin:0 20px 20px 0; width:250px; height:240px; background:#fff;    }
.gnb-info .conts ul li.hg350 {height:260px;}
.gnb-info .conts ul li.last {margin-right:0;}
.gnb-info .conts ul li.bg {background:#e6f9f5;}
.gnb-info .conts ul li dl {}
.gnb-info .conts ul li dl dt {margin-bottom:20px; padding-bottom:20px; border-bottom:solid 2px #008fde; font-size:1em; color:#4c4c4c; text-align:center;}
.gnb-info .conts ul li dl dd {padding-bottom:15px;}
.gnb-info .conts ul li dl dd a {display:block; padding-left:10px; font-size:14px; color:#4c4c4c; background:url('/img/ico_com-point.png') left 8px no-repeat;}
.gnb-info .conts ul li dl dd a:hover {text-decoration:underline; color:#56bcc8;}
.gnb-info .conts ul li dl dd.last {padding-top:0;}

.hot_lssue-info {display:none; width:100%; background:#ffffff; position:relative; z-index:9; border-bottom:1px #008fde solid;}
.hot_lssue-info .conts {margin:0 auto; padding:37px 0; width:980px; }
.hot_lssue-info .conts .tit {text-align:left; margin-bottom:20px; font-size:24px; color:#01c38f; font-weight:bold; border-bottom:3px #696969 solid; padding-bottom:15px;}
.hot_lssue-info .conts ul {}
.hot_lssue-info .conts ul:after {content:""; display:block; clear:both;}
.hot_lssue-info .conts ul li {float:left; margin-left:0; width:230px !important; height:290px !important; /*background:#fff url('http://enter.ewha.ac.kr/enter/asset/images/banner-conts/bg_empty.png') left bottom repeat-x;*/ }
.hot_lssue-info .conts ul li:first-child {margin-left:0;}

/* hot_lssue */
.hot_lssue {width:980px; margin:0 auto;}
.hot_lssue p.title {position:relative; float:right;}
.hot_lssue p.title span {position:absolute; right:20px; top:17px; width:14px; height:8px; background:url("/img/arrowUp.png") left no-repeat;}
.hot_lssue p.title a {display:block; padding:12px 20px; font-family: 'ngb'; font-size:0.85em; color:#ffffff; width:100px; background:#c49f6e;}
.hot_lssue p.title.on span {background:url("/img/arrowDown.png") left no-repeat;}

.hot_lssue-info .conts .bx-wrapper {position: relative; height:290px !important;}
.hot_lssue-info .conts .bx-wrapper img {max-width: 100%; display: block;}
/* PAGER */
.hot_lssue-info .conts .bx-wrapper .bx-pager {}
.hot_lssue-info .conts .bx-wrapper .bx-pager .bx-pager-item,
.hot_lssue-info .conts .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;	*zoom: 1; *display: inline;}
.hot_lssue-info .conts .bx-wrapper .bx-pager.bx-default-pager a {display:none;}
.hot_lssue-info .conts .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hot_lssue-info .conts .bx-wrapper .bx-pager.bx-default-pager a.active {}

/* DIRECTION CONTROLS (NEXT / PREV) */
.hot_lssue-info .conts .bx-wrapper .bx-prev {left: -80px; background: url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrow-left.png') no-repeat;}
.hot_lssue-info .conts .bx-wrapper .bx-next {right: -80px; background: url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrow-right.png') no-repeat;}
.hot_lssue-info .conts .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 9999;}
.hot_lssue-info .conts .bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* 게시물 공통 */
/* Search Area */
.searchArea {position:relative; margin-bottom:10px; width:100%;}
.searchArea:after {content:""; display:block; clear:both;}
.searchArea p.num {float:left; padding-left:25px; font-size:1em; line-height:35px; color:#4c4c4c; vertical-align:middle; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_page.png') left 11px no-repeat;}
.board_kind-wrap {width:100%; margin-top:20px;}
.board_kind-wrap:after {content:""; display:block; clear:both;}
.searchArea p.num.kind {float:left; padding-left:10px;background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_kind.png') left 17px no-repeat;}

.input-search {float:right; }
.input-search.fl {float:none; display:block; width:100%; text-align:right;}
.sel_wrap {position:relative; padding:5px 0 5px 0; margin-right:5px; display:inline-block; min-width:70px; height:19px; border-bottom:1px solid #4c4c4c;  text-align:left;}
.sel_wrap label {width:100%; font-size:0.85em; line-height:0.85em; color:#4c4c4c; }/*폰트사이즈변경*/
.sel_wrap span.sign {display:inline-block; position:absolute; top:12px; right:0; width:12px; height:8px; padding:0; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrowUp.png') no-repeat; background-size:12px 8px; }
.sel_wrap span.sign.on {background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrowDown.png') no-repeat; background-size:12px 8px; }
.sel_wrap select {opacity:0; width:100%; -webkit-appearance:none; position:absolute; top:0; left:-1px; padding:5px 0; text-align:left; font-size:0.85em; line-height:0.85em; color:#4c4c4c; border:1px solid #4c4c4c;}
.sel_wrap.w170 {min-width:170px;}
.input-search .input {position:relative; display:inline-block; padding:5px 50px 5px 0; width:200px; height:21px; border-bottom:1px solid #4c4c4c;}

.input-search .input input {border:0; padding:0; font-size:0.85em; line-height:1.0em;}
.input-search .input a {position:absolute; top:5px; right:0; padding:5px; width:14px; height:14px; background:url('http://enter.ewha.ac.kr/enter/asset/images/btn/btn_search2.png') center no-repeat;}
.sel-bar {display:inline-block; margin:0 25px 0 20px; padding:11px 0; width:1px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_sel-bar.png') center no-repeat; vertical-align:bottom;}


.gallery_wrap {width:100%;}
.gallery_list {width:100%;}
.gallery_list:after {content:""; display:block; clear:both;}
.gallery_list li {position:relative; float:left; margin:0 20px 20px 0; width:311px; height:198px; border:solid 1px #dfdfdf;}
.gallery_list li.noimg {padding:70px 0; width:311px; height:58px; border:solid 1px #dfdfdf; background:#f7f7f7; text-align:center;}
.gallery_list li.noimg img {max-width:100%;}
.gallery_list li.noimg2 {padding:101px 0; width:311px; height:58px; border:solid 1px #dfdfdf; background:#f7f7f7; text-align:center;}
.gallery_list li.noimg2 img {max-width:100%;}

.gallery_list li span.notice {position:absolute; left:0; top:0; padding:5px 10px; font-size:11px; color:#fff; background:#006640;}
.gallery_list li.last {margin-right:0;}
.gallery_list li.img .img {width:100%; height:113px;}
.gallery_list li.img .img img {max-width:100%;}
.gallery_list li.img a p {display:block; padding:17px 20px; font-size:18px; line-height:26px; color:#4c4c4c; letter-spacing:-0.02em;}
.gallery_list li.img a:hover p {text-decoration:underline;}
.gallery_list li span.new {display:inline-block; margin-left:10px; width:19px; height:19px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_N.png') no-repeat; vertical-align:-4px;}

.gallery_list li.txt a.title {display:block; padding:31px 20px 30px 20px; height:52px; font-size:1.1em; line-height:1.6em; color:#4c4c4c; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_board-bar.png') 25px bottom no-repeat;}
.gallery_list li.txt a.title:hover {text-decoration:underline;}
.gallery_list li.txt dl {padding:20px 20px 24px 20px; font-size:0.85em;}
.gallery_list li.txt dl dt {color:#4c4c4c; filter: alpha(opacity=50); opacity: 0.5;}
.gallery_list li.txt dl dd {margin-top:10px; color:#ceaf82;}
.gallery_list li.txt dl dd span.file {display:inline-block; margin-left:3px; width:14px; height:14px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_file.png') no-repeat; vertical-align:-2px;}
.gallery_list li.txt dl dd a {color:#ceaf82;}

.gallery_list li.video {height:260px;}
.gallery_list li.video .img {width:100%; height:174px; overflow: hidden;}
.gallery_list li.video .img img {max-width:100%;}
.gallery_list li.video a p {padding:17px 20px; display:block; font-size:1.1em; line-height:1.6em; height:52px; letter-spacing:-0.04em; color:#4c4c4c;}
.gallery_list li.video a p:hover {text-decoration:underline;}
.gallery_list li.video a dl {padding:17px 20px; color:#4c4c4c; }
.gallery_list li.video a dl dt {display:block; font-size:18px; line-height:26px; height:52px; letter-spacing:-0.04em;}
.gallery_list li.video a dl dd {display:block; padding-top:15px; font-size:0.85em; filter: alpha(opacity=50); opacity: 0.5;}

/* 이화로 게시판 */
ul.ewharo_gallery {width:100%}
ul.ewharo_gallery:after {content:""; display:block; clear:both;}
ul.ewharo_gallery li {float:left; width:230px; height:382px; margin:0 20px 30px 0;}
ul.ewharo_gallery li .img {width:228px; height:289px;  border:solid 1px #dfdfdf;}
ul.ewharo_gallery li img {width:100%;}
ul.ewharo_gallery li p {padding:20px 0; font-size:1em; line-height:1em; color:#4c4c4c; letter-spacing:-0.03em;}
ul.ewharo_gallery li .btn {width:100%}
ul.ewharo_gallery li .btn:after {content:""; display:block; clear:both;}
ul.ewharo_gallery li .btn a {float:left; display:block; width:113px; margin-right:4px;}
ul.ewharo_gallery li .btn a.last {margin-right:0;}
ul.ewharo_gallery li.last {margin-right:0;}

/* paging 
.paging {width:100%; margin-top:20px; text-align:center;}
.paging:after {content:""; display:block; clear:both;}
.paging a {display:inline-block; padding:13px 12px;}
.paging a span.skip {display:inline-block; text-indent:-9999em;}
.paging span.num {}
.paging span.num a {display:inline-block; padding:12px 15px; font-size:0.85em; line-height:0.85em; text-align:center; vertical-align:top; color:#3e3a3b; border:solid 1px #dfdfdf;}
.paging span.num a:hover {color:#00ab6c; border:solid 1px #00ab6c;}
.paging span.num a.choice {color:#00ab6c; border:solid 1px #00ab6c;}

.paging a.first, .paging a.last {width:14px; height:12px; border:solid 1px #dfdfdf;}
.paging a.first {background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_theprev.png') center no-repeat;}
.paging a.last {background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_thenext.png') center no-repeat;}
.paging a.prev, .paging a.next {width:14px; height:12px; border:solid 1px #dfdfdf;}
.paging a.prev {margin-right:4px;background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_prev.png') center no-repeat;}
.paging a.next {margin-left:4px;background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_next.png') center no-repeat;}
*/

/* PAGING */
.paging {margin-top:30px; text-align:center; font-size:0.9em; line-height:1em;}
.paging * {vertical-align:middle;}
.paging span, .paging strong, .paging a {display:inline-block;}
.paging a {color:#3e3a3b; border:solid 1px #dfdfdf; width:40px; line-height:38px;}
.paging a:hover, .paging a:active, .paging a:focus {color:#3e3a3b;}
.paging .on {color:#006640; border:solid 1px #006640;}
.paging .on:hover {color:#006640;}
.paging span.btn, .paging a.btn {margin:0; padding:0; border:0;}


/* 버튼 */
.btn_l {text-align:left;}
.btn_c {text-align:center; margin-top:30px}
.btn_r {text-align:right;}
a.btn_gray {display:inline-block; padding:15px 30px; font-size:0.85em; text-align:center; color:#fff; background:#4c4c4c; border-radius: 3px; border:1px solid #4c4c4c;}

/* 푸터 */
.f-util {width:100%; background:#3a414f; border-top:2px #008fdd solid;}
.f-util .conts {position:relative; margin:0 auto; width:980px;}
.f-util .conts:after {content:""; display:block; clear:both;}
.f-util .conts ul.f-list {float:left; padding:22px 0;}
.f-util .conts ul:after {content:""; display:block; clear:both;}
.f-util .conts ul.f-list li {float:left; padding:0 10px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_f-bar.png') left no-repeat;}
.f-util .conts ul.f-list li:first-child {padding-left:0; background:none;}
.f-util .conts ul.f-list li a {display:block; font-size:0.85em; color:#6a6a6a;}
.f-util .conts ul.f-list li a:hover {text-decoration:underline;}

#footer .conts ul.f-list02 .family{ display:block; position:absolute; top:10px; right:0;  }
#footer .conts ul.f-list02 .family2{ display:block; position:absolute; top:10px; right:-40px;  }
#footer .conts ul.f-list02 .family3{ display:block; position:absolute; top:10px; right:-80px;  }
#footer .conts ul.f-list02 .family4{ display:block; position:absolute; top:10px; right:-120px;  }
#footer .conts ul.f-list02 .family5{ display:block; position:absolute; top:10px; right:-140px;  }



/* 패밀리사이트 */
.familysite p.title {float:right; position:relative; }
.familysite p.title span {position:absolute; right:20px; top:25px; width:11px; height:11px; background:url("http://enter.ewha.ac.kr/enter/asset/images/icon/ico_plus.png") left no-repeat;}
.familysite p.title a {display:block; font-size:0.85em; color:#fff; width:110px; background:#bfc1c3; padding:22px 10px 22px 20px;}
.familysite p.title.on a {background:#006640; }

.familysite .banner {float:right;}
.familysite .banner a {display:block;}

.family_info {display:none; padding:0; width:980px; background:#006640; position:absolute; left:0; bottom:60px; z-index:10;}
.family_info .tit {position:relative; padding:20px; font-size:0.95em; color:#fff; background:#005736;}
.family_info .close {position:absolute; top:20px; right:20px;}

.family_info .university_list {float:left; width:196px; background:url('/enter/asset/images/icon/ico_fbar.png') right repeat-y;}
.family_info .university_list.last {background:none;}
.family_info .university_list:after {content:""; display:block; clear:both;}
.family_info .university_list dl {padding:20px 20px 18px 20px; background:url('/enter/asset/images/icon/ico_fbar.png') bottom repeat-x;}
.family_info .university_list dl.last {background:none;}
.family_info .university_list dl dt {margin-bottom:13px; font-size:0.95em; line-height:14px; color:#c2e746;}
.family_info .university_list dl dt a {display:block; font-size:0.95em; line-height:14px; color:#c2e746;}
.family_info .university_list dl dd {}
.family_info .university_list dl dd ul li.last {margin-top:5px;}
.family_info .university_list dl dd ul li a {display:block; font-size:0.75em; line-height:20px; color:#fff;}
.family_info .university_list dl dd ul li a.bg {font-size:0.85em; line-height:23px; color:#dbc29c;}
.family_info .university_list dl dd ul li ul {margin:0;}
.family_info .university_list dl dd ul li ul li {padding:0; margin:0;}
.family_info .university_list dl dd ul li ul li a {display:block; font-size:0.75em; line-height:20px; color:#b8cbc2; padding:0 0 0 10px; margin:0;}

.family_info .university_list dl dd ul li a:hover {text-decoration:underline;}





a.scrollTop-Web {display:block; position:absolute; top:20px; right:0; z-index:2;}
a.scrollTop-Mobile {display:none; position: fixed; bottom:20px; right:20px; z-index:3;}
a.scrollTop-Mobile img {width:35px;}

/* 그림자 */
.all_shadow {display:none; position: fixed; top:0; left:0; width:100%; height:100%; background:rgb(000, 000, 000); opacity:0.5; filter: alpha(opacity=50); z-index:8;}



p.guide_tit {margin-bottom:10px; font-size:0.75em; line-height:1.2em; letter-spacing:-0.07em;}

/* 게시판 */
.gallery_list {width:100%; margin:0 auto;}
.gallery_list li {position:relative; float:none; margin:0 0 20px 0; width:100%; height:auto;}

}




.paginate_complex{padding:0 0 15px 0;line-height:normal;text-align:center;position:relative;}
.paginate_complex a,

.paginate_complex strong{display:inline-block;margin:0px;width:26px;height:26px;background-color:#fff;font:normal 12px/26px Tahoma, Sans-serif;color:#8e857c;vertical-align:top;border:1px solid #e0e0e0; border-top-left-radius: 3em; border-top-right-radius: 3em; border-bottom-right-radius: 3em; border-bottom-left-radius: 3em;}

.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus, .paginate_complex strong{background-color:#ea0417;color:#fff;font-weight:bold;}


.paginate_complex .direction{padding:0;background:url(/webImg/paginArr.gif) no-repeat;vertical-align:top;position:relative;zoom:1;z-index:3;overflow:hidden}


.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff;}
.paginate_complex .prev{background-position:-1px -1px}

.paginate_complex .prev2{margin-right:5px;background:url(/webImg/paginArr2.gif) no-repeat;background-position:-1px -1px}

.paginate_complex .next{background-position:-29px -1px}

.paginate_complex .next2{background:url(/webImg/paginArr2.gif) no-repeat;background-position:-29px -1px}

.paginate_complex .btnList{position:absolute;right:0;bottom:0;}

.paginate_complex .btnList a{margin:0;padding:0;background:none;}



select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}


.join_area {*zoom:1; position:relative; padding:0 0 30px 0;}
	.join_area:after {content:" "; display:block; clear:both;}
	.join_area h4 {padding:20px 0 6px 0;}
	.join_area .agree_box {
		height:150px; 
		overflow:auto;
		padding:20px;
		border:1px solid #ddd;
		
		scrollbar-face-color:#FFFFFF;
		scrollbar-shadow-color:#d0d0d0;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-3dlight-color:#d0d0d0;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-track-color:#fff;
		scrollbar-arrow-color:#adadad;
		text-align:left;
		line-height:2.0em;
		background-color:#f8f8f8;
	}
	input[type=radio] {vertical-align:middle;}
	.join_area p {text-align:left; margin: 10px 10px;}
	.join_area .jointable table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    margin-top: 10px;
 }
	.join_area .jointable table th,.join_area .jointable table td {vertical-align:middle;}
	.join_area .jointable table th {padding:6px 0 6px 25px;background:#f7f7f7; border-bottom:1px solid #d9d9d9; line-height:14px;text-align:left; font-size:11px; font-weight:normal; color:#707070;}
	.join_area .jointable table td {padding:6px 0 6px 10px; border-bottom:1px solid #d9d9d9; line-height:18px; color:#909090;font-size:11px;}
	.join_area .jointable table td * {vertical-align:middle;}
	.join_area .jointable table td .join_comment {color:#909090;font-size:11px;}
	.join_area .jointable table td span {font-size:11px; padding-left:10px;}
	.join_area .jointable table td span.color {color:#fbac18;}
	.join_area .btn_area {padding:20px;text-align:center; }
	.join_area label {font-size:14px;font-family:NanumGothic;font-weight:bold; }
	.agree {color:#888;}
	.agree p {text-align:left; margin: 10px 0; font-size:11px;}
	.agree dl {padding: 0 0 20px 0;}
	.agree dt {font-weight:bold;}
	.agree dd {font-size:11px;}
	.agree li {padding: 0 0 0 6px;}
	.agree .subLaw dt {font-weight:normal;}
	.agree .policyList {*zoom:1;}
	.agree .policyList:after {content:" "; display:block; clear:both;}
	.agree .policyList {padding:10px; background:#f9f9f9; border-top:1px solid #f76a08; margin: 0 0 20px 0;}
	.agree .policyList li {float:left; width:290px; padding: 5px 15px 5px 15px; line-height:16px;}
	.agree .policyList span {color:#999999; font-size:11px;}
	.agree .policyList a {color:#f76a08; font-size:11px;}
	
	.button_log {
		background-color:#555555;
		display:inline-block;
		cursor:pointer;
		color:#fff !important;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:5px 20px;
		text-decoration:none;
	}
	.button_log:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}

	.button_log02 {
		background-color:#95bb06;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:8px ;
		text-decoration:none;
	}
	.button_log02:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log02:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}
	
	.red {color:#ff0000; font-size:11px; padding-left:10px;}
	
	/**버튼**/
		.button_log03 {
		background-color:#555555;
		display:inline-block;
		cursor:pointer;
		color:#fff !Important;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:15px 40px !important;
		text-decoration:none;
	}
	.button_log03:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log03:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}

.join_area .jointable table td select {
    font: normal 12px dotum, "돋움", sans-serif;
    height: 24px !Important;
    line-height: 24px !Important;
    border: 1px solid #ddd !Important;
}