@charset 'utf-8';


/* ●●●●● 기본설정 */
html {width:100%; height:100%; overflow-y:scroll;} 
body {margin:0; padding:0; background:#fff; height:100%; min-width:1250px;} /* 이부분 실작업시 수정할것! */

/* 시스템폰트 사용시 */
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#666; word-wrap:break-word; word-break:break-all; font-family:dotum, sans-serif ; font-size:12px; font-weight:400;}
b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-weight:600;}

p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;}
em,i {font-style:normal}
a,span {display:inline-block;}
img {border:0;}
span,div,a,b,strong,label,p,dt,dd {color:inherit; font-size:inherit; font-weight:inherit}
table caption {width:0px; height:0px; font-size:0; visibility:hidden; }

a:link, a:visited {color:inherit; text-decoration: none; cursor:pointer}
a:hover, a:active {color:#cb3726; text-decoration: none;}


/* 마우스 드래그시 컬러 (디자인적으로 필요하면 사용) 하위브라우저 적용안됨 */
::selection {background:#e6e6e6; color:inherit; text-shadow: none;} 
::-moz-selection {background:#e6e6e6; color:inherit; text-shadow: none;} 
::-webkit-selection {background:#e6e6e6; color:inherit; text-shadow: none;} 

/* 폼요소기본 */
label {display:inline-block; overflow:hidden; cursor:pointer}
label input[type=checkbox],label input[type=radio] {float:left; margin-right:5px; cursor:pointer; outline:none; }

input[type=submit],input[type=button],button {cursor:pointer; border:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; outline: none; background:transparent;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {margin:0; padding:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; border:0; outline: none;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* number 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input {color:#666; background:transparent; margin:0;padding:0;}
input:focus {color:#333 !important;}

textarea {color:#666; background:transparent; margin:0; padding:0; border:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; outline: none;}
textarea:focus {color:#333 !important; border:0}
select {color:#666; cursor:pointer; font-size:inherit !important; font-family:inherit !important;} /* 셀렉트 오류때문에 필수! */

/* 웹접근성 작업 시 사용하면 안됨 */
input,select,textarea {outline:none}

/* placeholder는 아직 브라우저 환경때문에 PC버전에서 제한적 사용 */
input::-webkit-input-placeholder {color:#999 !important}
input::input-placeholder {color:#999 !important}
textarea::-webkit-textarea-placeholder {color:#999 !important}
textarea::textarea-placeholder {color:#999 !important}


/* ●●●●● 공통 css */
.wrap {position:relative; background:#eee;} 
.lineup {display:inline-block} 
.layout_fix {width:1028px; margin:0 auto; position:relative} 
.layout_sub{ width:1157px; margin:0 auto; position:relative} 
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; }
.upper_link img {width:100%; height:100%}



/* ●●●●● 나눔고딕 */
@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 400;
	src: url("webfont/NanumGothic-Regular.eot");
	src: url("webfont/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumGothic-Regular.woff2") format("woff2"), 
	url("webfont/NanumGothic-Regular.woff") format("woff"), 
	url("webfont/NanumGothic-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 600;
	src: url("webfont/NanumGothic-Bold.eot");
	src: url("webfont/NanumGothic-Bold.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumGothic-Bold.woff2") format("woff2"), 
	url("webfont/NanumGothic-Bold.woff") format("woff"), 
	url("webfont/NanumGothic-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 800;
	src: url("webfont/NanumGothic-ExtraBold.eot");
	src: url("webfont/NanumGothic-ExtraBold.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumGothic-ExtraBold.woff2") format("woff2"), 
	url("webfont/NanumGothic-ExtraBold.woff") format("woff"), 
	url("webfont/NanumGothic-ExtraBold.ttf") format("truetype");
}



/* ●●●●●●●●●● 나눔바른고딕 */

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url("webfont/NanumBarunGothicWebUltraLight.eot");
	src: url("webfont/NanumBarunGothicWebUltraLight.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumBarunGothicWebUltraLight.woff") format("woff"), 
	url("webfont/NanumBarunGothicWebUltraLight.ttf") format("truetype");
}


@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url("webfont/NanumBarunGothicWeb.eot");
	src: url("webfont/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumBarunGothicWeb.woff") format("woff"), 
	url("webfont/NanumBarunGothicWeb.ttf") format("truetype");
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 600;
	src: url("webfont/NanumBarunGothicWebBold.eot");
	src: url("webfont/NanumBarunGothicWebBold.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumBarunGothicWebBold.woff") format("woff"), 
	url("webfont/NanumBarunGothicWebBold.ttf") format("truetype");
}


/* ●●●●●●●●●● 개별 css */

/* ● 최상단 */
.top { margin:0;background:#FFF url(/img/bg_top.jpg) no-repeat top;height:150px;}
.top .top_txt {text-align:left;padding:30px 0 0 735px;font-size:17px;font-weight:600;color:#9973bf; }
.top .top_txt span {display:inline-block;width:8px;*display:inline;*zoom:1;}

.nav { position:relative;top:-40px; height:32px; padding:5px 0 0; border-bottom:3px solid #004221;background:none; }
.nav .logo { float:left; margin-left:5px; }
.nav .logo > a {position:absolute;top:-80px;left:50px;}
.nav .top_menu { float:right; }
.nav .top_menu ul { height:40px; margin-right:0; padding-right:2px; }
.nav .top_menu li { float:left; list-style:none; padding:0 30px; position:relative; }
.nav .top_menu li:first-child { background:none; }
.nav .top_menu li:before { display:none; content:""; position:absolute; left:50%; bottom:5px; width:64px; height:5px; background:#004221; margin:0 0 0 -32px; }
.nav .top_menu .depth1 { font-size:15px; color:#333; height:45px; line-height:40px; font-weight:800; display:block; }
.nav .top_menu li:hover:before { display:block; }

.nav .depth2_box { display:none; position:absolute; left:50%; top:43px; z-index:100; width:1110px; overflow:hidden; margin-left:-555px; text-align:center; }
.nav .depth2_box ul { overflow:hidden; display:inline-block; }
.nav .depth2_box li {float:left; padding:0; }
.nav .depth2_box li:before { display:none; }
.nav .depth2_box li:hover:before { display:none; }
.nav .depth2_box .depth2 { padding:0 15px; color:#333;font-weight:600; letter-spacing:-1px; font-size:13px; white-space:nowrap; text-align:center; height:25px; line-height:25px; }
.nav .depth2_box .depth2 { font-family:"NanumGothic"; position:relative; }
.nav .depth2_box .depth2:hover {color:#9abb4e;}
.nav .depth2_box .depth2:before { display:none; content:""; position:absolute; left:0; top:13px; width:100%; height:5px; /*border:1px solid #9abb4e; border-radius:50px; */}
.nav .depth2_box .depth2:hover:before { display:block; }
.nav .depth2_box .hit .depth2:before { display:block; }

.nav .top_menu li:hover .depth2_box { display:block; }

.open_nav_back { display:none; background:none; height:46px; width:100%; position:absolute; left:0; top:87px; z-index:99; }
.nav:hover .open_nav_back { display:block; }

/* ● 메인 큰 박스 단락 */
.main_area01 { position:relative;top:-22px; width:100%;overflow:hidden; background:#eee; padding:0; }
.main_area01 .vertical_box {float:left;width:250px;margin:2px;}
.main_area01 .box { display:block; width:230px; border:1px solid #e6e6e6; padding:23px 9px 7px; background:#fff; position:relative; margin:3px 5px;}
.main_area01 .box .shadow1 { position:absolute; right:-5px; top:2px; width:4px; height:100%; background:url('/img/shadow1.png') right top no-repeat; }
.main_area01 .box .shadow2 { position:absolute; right:-3px; bottom:-6px; width:100%; height:5px; background:url('/img/shadow2.png') right top no-repeat; }
/*..main_area01 .box+ .box { margin-left:8px; }
main_area01 .box01 { margin-left:8px; }*/
.main_area01 .box01 { height:533px; background:#fff url('/img/bg_box02.jpg') left bottom no-repeat;}
.main_area01 .box li { list-style:none; border-top:1px solid #eaeaea; padding:10px 0 10px 5px; }
.main_area01 .box li:first-child { border-top:0; }
.main_area01 .group_title { position:relative; padding:0 1px 0 3px; margin:-5px 0 13px; }
.main_area01 .group_title .title { font-size:15px; color:#000; letter-spacing:-0.5px; font-family:"NanumGothic"; font-weight:800; }
.main_area01 .group_title .link { position:absolute; right:0; top:10px; }
.main_area01 .group_title.t_title, .main_area01 .group_title.l_title, .main_area01 .group_title.e_title {height:20px;padding:2px 5px;margin:0;}
.main_area01 .group_title.t_title {background:#629ddb;}
.main_area01 .group_title.l_title {background:#ff7f66;}
.main_area01 .group_title.e_title {background:#6eb13e;}
.main_area01 .group_title.t_title .title,.main_area01 .group_title.l_title .title,.main_area01 .group_title.e_title .title {color:#FFF;}
.main_area01 .group_title.t_title .link,.main_area01 .group_title.l_title .link,.main_area01 .group_title.e_title .link {top:5px;right:2px;}

.main_area01 .group_title .title em[class*=icon] {position:relative;top:7px; display:inline-block;width:25px;height:25px;margin:0 5px;*display:inline;*zoom:1; }
.main_area01 .group_title .title em.photo_icon {background:url(/img/common/icon_photo_green.png) no-repeat center;}
/*.main_area01 .group_title .title em.login_icon {background:url(/img/common/icon_login_green.png) no-repeat center;} */
.main_area01 .group_title .title em.notice_icon {background:url(/img/common/icon_notice_green.png) no-repeat center;}
.main_area01 .group_title .title em.qna_icon {background:url(/img/common/icon_qna_green.png) no-repeat center;}
.main_area01 .group_title .title em.pds_icon {background:url(/img/common/icon_pds_green.png) no-repeat center;}

.main_area01 .box .post_box:hover dd { text-decoration:underline; }

.main_area01 .box .login > ul {margin:3px 0 0;width:150px;}
.main_area01 .box .login > ul > li {padding:3px 5px;margin:0;}
.main_area01 .box .login > ul > li .input_design {height:25px;background:#e1efa0;margin:0;width:100%;}
.main_area01 .box .login > ul > li .btn_login {position:absolute;top:74px;right:10px;display:block;width:75px;height:60px;margin:5px auto;padding:15px 0 0;background:#003f1f url(/img/common/lock.png) no-repeat 30px 10px;color:#FFF;font-weight:bold;text-align:center;}
.main_area01 .box .login > .loginTxt {padding:0 0 0 12px;background:url(/img/common/m_icon_g2.png) no-repeat 0 3px;}

.main_area01 .pro_list { overflow:hidden; }
.main_area01 .pro_list .post_box { position:relative; overflow:hidden; }

.main_area01 .img_box { position:relative; width:48px; height:48px; border:1px solid #d9d5dc; float:left; margin-right:3px; }
.main_area01 .img_box { background:transparent url('/img/no_img.png') center center no-repeat; }
.main_area01 .img_box .fake_img {overflow:hidden;}
.main_area01 .img_box .fake_img img {width:100%; float:left;}
.main_area01 .img_box .real_img {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.main_area01 .img_box .real_img img {/*width:100%; float:left;*/}

.main_area01 .post_box dl { float:left; width:170px; }
.main_area01 .post_box dt,
.main_area01 .post_box dd { color:#000; }
.main_area01 .post_box dt { overflow:hidden; margin-bottom:5px; }
.main_area01 .post_box dt span { float:left; }
.main_area01 .post_box dt .icon { margin:1px 5px 0 0; }
.main_area01 .post_box dt .rtxt { float:right;color:#f67e9b;font-weight:bold;}
.main_area01 .post_box dd { letter-spacing:-0.2px; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.main_area01 .post_box dd { }
.main_area01 .post_box.finish .img_box { display:none; }
.main_area01 .post_box.finish .upper_link { display:; }
.main_area01 .post_box.finish dl { width:100%; }
.main_area01 .post_box.finish dt { color:#697776; } 
.main_area01 .post_box.finish dd { color:#809795; }
.main_area01 .post_box.finish:hover dd { text-decoration:none;color:#111; }

.main_area01 .result_list li { overflow:hidden; border:none; padding:0 0 0 8px; background:url('/img/bullet01.gif') left 7px no-repeat; position:relative; }
.main_area01 .result_list { padding:0 7px; }
.main_area01 .result_list .posting {overflow:hidden; height:21px; display:inline-block; max-width:100%; float:left; box-sizing:border-box;}
.main_area01 .result_list .posting .title {color:#606060; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.main_area01 .result_list .posting .title { color:#000; line-height:21px;width:195px; }
.main_area01 .result_list .posting .new { background:transparent url('/img/icon_new.gif') left top no-repeat; float:right; margin:6px 0 0 4px;}
.main_area01 .result_list .posting .new { width:7px; height:6px; display:inline-block; }
.main_area01 .result_list li:hover .title {text-decoration:underline; color:#000;}

/* 2017-10-13 포토갤러리 슬라이드 추가 */
.main_area01 .box.box03 {padding:0;width:250px;}
.main_area01 .gallery {position:relative;top:0;left:0;overflow:hidden;width:240px;height:350px;padding:0; margin:0 auto 5px;}
.main_area01 .gallery ul {position:relative;width:1000px;height:400px;padding:0;margin:0;}
.main_area01 .gallery ul li {display:inline-block;width:240px;list-style:none;background:none;text-align:center;padding:0;margin:0;}
.main_area01 .gallery ul li a {padding:0;}

/* 2018-02-27 포토갤러리 크기 다른 갤러리 thumbnail 형식 추가 */
.main_area01 .indexGallery .post_box dl { float:left; width:170px; }
.main_area01 .indexGallery .post_box dt,
.main_area01 .indexGallery .post_box dd { color:#000; }
.main_area01 .indexGallery .post_box dt { overflow:hidden; margin-bottom:5px; }
.main_area01 .indexGallery .post_box dt span { float:left; }
.main_area01 .indexGallery .post_box dt .icon { margin:1px 5px 0 0; }
.main_area01 .indexGallery .post_box dd { letter-spacing:-0.2px; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.main_area01 .indexGallery .post_box dd { }
.main_area01 .indexGallery .post_box.finish .img_box { display:none; }
.main_area01 .indexGallery .post_box.finish .upper_link { display:none; }
.main_area01 .indexGallery .post_box.finish dl { width:100%; }
.main_area01 .indexGallery .post_box.finish dt { color:#697776; } 
.main_area01 .indexGallery .post_box.finish dd { color:#809795; }
.main_area01 .indexGallery .post_box.finish:hover dd { text-decoration:none; }
.main_area01 .indexGallery .img_box { position:relative; width:48px; height:48px; border:1px solid #d9d5dc; float:left; margin-right:3px; }
.main_area01 .indexGallery .img_box { background:transparent url('/img/no_img.png') center center no-repeat; }
.main_area01 .indexGallery .img_box .real_img {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.main_area01 .indexGallery .img_box .real_img img {/*width:100%;*/ float:left;width:48px;}
.main_area01 .indexGallery li.bigThumb .img_box { position:relative; width:220px; height:160px; display:block; cursor:pointer;}
.main_area01 .indexGallery li a { position:absolute;top:0;left:0; width:225px; height:50px; display:block; cursor:pointer;z-index:100;}
.main_area01 .indexGallery li.bigThumb a {  width:220px; height:220px;}
.main_area01 .indexGallery li.bigThumb .img_box .real_img img {width:100%;}


.main_area01 .box02 { padding:10px 10px 0 9px; height:186px; }
.main_area01 .link_list li { list-style:none; font-size:12px; color:#fff; font-weight:600; font-family:"NanumGothic"; height:31px; line-height:31px; padding:0 0 0 17px; margin-bottom:6px; }
.main_area01 .link_list li { border:none; position:relative; }
.main_area01 .link_list .list1 { background:#003f1f url('/img/link_icon01.png') 178px top no-repeat; font-size:15px;}
.main_area01 .link_list .list2 { background:#5dd9cc url('/img/link_icon02.png') 178px top no-repeat; }
.main_area01 .link_list .list3 { background:#b895da url('/img/link_icon03.png') 178px top no-repeat; }
.main_area01 .link_list .list4 { background:#f2ce5f url('/img/link_icon04.png') 178px top no-repeat; }
.main_area01 .link_list .list5 { background:#f297c6 url('/img/link_icon05.png') 178px top no-repeat; }
.main_area01 .link_list .list6 { background:#f36523 url('/img/link_icon05.png') 178px top no-repeat; }
.main_area01 .link_list li .shadow1 { position:absolute; right:-4px; top:1px; width:4px; height:100%; background:url('/img/shadow1.png') right top no-repeat; }
.main_area01 .link_list li .shadow2 { position:absolute; right:-2px; bottom:-5px; width:100%; height:5px; background:url('/img/shadow2.png') right top no-repeat; }
.main_area01 .link_list .link { display:block; }
.main_area01 .link_list .link:hover { color:inherit; text-decoration:underline; }

.box.h_050 {height:120px;}
.box.h_100 {height:162px;}
.box.h_150 {height:170px;}
.box.h_200 {height:245px;}
.box.h_250 {height:395px;}
.box.h_300 {height:439px;overflow:hidden;}

.box.h_max {height:765px;}
.box .v_bottom {position:relative;bottom:0;}
.box.box03 .v_bottom ul {width:230px;margin:0 auto;}
.box.box03 .mainPageTxt{position:absolute;top:10px;left:0;width:240px;padding:10px 0;z-index:100;font-size:14px;font-weight:bold;color:#c15690;letter-spacing:-0.15em;line-height:135%;text-align:center;*letter-spacing:-0.23em;*zoom:1;}
.box.box03 .mainPageTxt span {display:block;padding:2px 7px;text-align:center;}

.main_area01 .box .logout {text-align:center;}
.main_area01 .box .logout > ul {width:95%;margin:0 auto;}
.main_area01 .box .logout > ul > li {display:inline-block;padding:1px;border:none;text-align:center;}
.main_area01 .box .logout > ul > li > input[type=button] {background:#003f1f;color:#FFF;padding:5px 10px;width:100px;height:35px;text-align:center;}
.main_area01 .box .logout > ul > li:first-child > input[type=button] {background:#abcd05;width:205px;font-weight:bold;}

/* 2017-10-13 추가 하단 copyright */
.bottom_area{ overflow:hidden;  padding:3px 0 10px 0;text-align:center;background:#FFF; }
.bottom_area .copy_box {position:relative;display:block; width:780px; height:60px; border:none; padding:17px 9px 7px;margin:0 auto; background:#fff;  text-align:center;}
.bottom_area .logo_area { overflow:hidden; }
.bottom_area .logo { float:left; margin:4px 0 0 2px; }
.bottom_area .copy_txt { overflow:hidden; margin:10px 0 0 20px; text-align:left;float:left;line-height:135%;color:#9e9e9e; }
.bottom_area .sns { overflow:hidden; float:right; margin:5px 5px 0 0; }
.bottom_area .sns li { list-style:none; float:left; margin:0 2px; padding:0; }
.bottom_area .sns li.private {width:120px;height:23px;background:#b895da;color:#FFF;font-size:12px;font-weight:600; font-family:"NanumGothic";padding-top:5px;}
.bottom_area .sns li.private a:hover { color:inherit; text-decoration:underline; }


/* ●●●●●● 서브 */
.container { position:relative;top:-18px; width:100%;overflow:hidden; padding:0; background:#eee; }

.aside {float:left; width:230px;  }

.aside .login_box { position:relative; background:#fff; margin:0 0 10px;padding:10px 5px;border:2px solid #d8d8d8;}
.aside .login_box .shadow1 { position:absolute; right:-4px; top:1px; width:4px; height:100%; background:url('/img/shadow1.png') right top no-repeat; }
.aside .login_box .shadow2 { position:absolute; right:-3px; bottom:-6px; width:100%; height:5px; background:url('/img/shadow2.png') right top no-repeat; }

.aside .login_box .box li { list-style:none; border-top:1px solid #eaeaea; padding:10px 0 10px 5px; }
.aside .login_box .box li:first-child { border-top:0; }
.aside .login_box .group_title { position:relative; padding:0 1px 0 3px; margin-bottom:13px; }
.aside .login_box .group_title .title { font-size:15px; color:#000; letter-spacing:-0.5px; font-family:"NanumGothic"; font-weight:800; }

.aside .login_box .box .login > ul {margin:5px 0;width:150px;}
.aside .login_box .box .login > ul > li {padding:3px 5px;margin:0;}
.aside .login_box .box .login > ul > li .input_design {height:25px;background:#e1efa0;margin:0;width:95%;}
.aside .login_box .box .login > ul > li .btn_login {position:absolute;top:70px;right:5px;display:block;width:75px;height:62px;margin:5px auto;padding:15px 0 0;background:#003f1f url(/img/common/lock.png) no-repeat 30px 10px;color:#FFF;font-weight:bold;text-align:center;}
.aside .login_box .box .login > .loginTxt {padding:0 0 0 12px;background:url(/img/common/m_icon_g2.png) no-repeat 0 3px;letter-spacing:-0.05em;}

.aside .login_box .box .logout {text-align:center;}
.aside .login_box .box .logout > ul {width:99%;margin:0 auto;}
.aside .login_box .box .logout > ul > li {display:inline-block;padding:1px;border:none;text-align:center;}
.aside .login_box .box .logout > ul > li > input[type=button] {background:#003f1f;color:#FFF;padding:5px;width:100px;height:35px;text-align:center;margin:0;}
.aside .login_box .box .logout > ul > li:first-child > input[type=button] {background:#abcd05;width:205px;font-weight:bold;}


.aside .menu_box { position:relative; background:#fff; }
.aside .menu_box .shadow { position:absolute; right:-4px; top:0; width:4px; height:100%; background:transparent url('/img/bg_aside.gif') left top repeat-y; }
.aside .first_depth { height:121px; background:#007ac5 url('/img/bg_depth.jpg') left top no-repeat; text-align:center; ;}
.aside .first_depth .kr { display:block; color:#fff; font-size:20px; letter-spacing:0.5px; font-family:"NanumBarunGothic"; padding-top:40px; }
.aside .first_depth .en { color:#cbcbcb; font-size:14px; font-family:"NanumBarunGothic"; }
.aside .menu_list { position:relative; padding-top:14px; border-bottom:5px solid #273f6e; }
.aside .menu_list .border { position:absolute; top:0; background:#e6e6e6; width:1px; height:100%; } 
.aside .menu_list .border1 { left:0; }
.aside .menu_list .border2 { right:0; }
.aside .menu_list li { /*height:56px; line-height:56px;*/ list-style:none; position:relative; }
.aside .menu_list li:before { content:""; position:absolute; left:20px; top:0; width:186px; height:2px; background:#eee; }
.aside .menu_list .depth2 { height:56px; line-height:56px; font-size:15px; color:#2f2f2f; display:block; font-family:"NanumBarunGothic"; padding:0 32px;overflow:hidden; }
.aside .menu_list li:first-child .depth2 { border-top:0; }
.aside .menu_list li:first-child:before { display:none; }
.aside .menu_list .depth2:hover,
.aside .menu_list .depth2:focus { background:#62a9ff;}
.aside .menu_list .hit .depth2,
.aside .menu_list .hit.if_depth3 .depth2,
.aside .menu_list .depth2:hover,
.aside .menu_list .depth2:focus { color:#fff; background:#62a9ff url('/img/depth2_ar.gif') 190px center no-repeat;}
.aside .menu_list li.hit:before,
.aside .menu_list li:hover:before,
.aside .menu_list li:focus:before { display:none; } 
.aside .menu_list .if_depth3 .depth2 { background:url('/img/depth2_more.gif') 170px center no-repeat; }
.aside .menu_list .if_depth3:hover .depth2,
.aside .menu_list .if_depth3:focus .depth2 { color:#fff; background:#62a9ff url('/img/depth2_ar.gif') 190px center no-repeat; }
.aside .menu_list .depth3_box { display:none; }
.aside .menu_list .depth3_box li { background:transparent url('/img/depth3_bullet.png') 52px center no-repeat;}
.aside .menu_list .depth3_box li:before { display:none; }
.aside .menu_list .depth3 { font-size:15px; color:#2f2f2f; display:block; font-family:"NanumBarunGothic"; padding:0 20px 0 59px; height:45px; line-height:45px; }
.aside .menu_list .depth3_box li.hit,
.aside .menu_list .depth3_box li:hover { background:#62a9ff url('/img/depth3_bullet.png') 52px center no-repeat; }
.aside .menu_list .if_depth3:hover,
.aside .menu_list .if_depth3:focus { background-image:#62a9ff url('/img/depth2_more.gif') 216px center no-repeat; }
/*.aside .menu_list .depth3:hover,
.aside .menu_list .depth3:focus { color:#fff; background:#62a9ff;}*/

.aside .family_site { position:relative;  width:156px; background:#fff; margin:27px auto 0; }
.aside .family_site .title { height:29px; line-height:30px; background:transparent url('/img/family_ar.png') 130px center no-repeat; cursor:default}
.aside .family_site .title  { border:1px solid #d4d4d4; padding:0 8px; font-size:14px; color:#3a3a3a; font-family:"NanumBarunGothic"; }
.aside .family_site .site_box { display:none; position:absolute; left:0; top:29px; background:#fff; width:100%; z-index:5; }
.aside .family_site .site_box ul { border:1px solid #dcdcdc; border-top:0}
.aside .family_site .site_box li { border-top:1px solid #dcdcdc; width:100%; list-style:none; } 
.aside .family_site .link { display:block; color:#999; padding:0 10px; height:35px; line-height:37px;}
.aside .family_site .txt {display:block; background:transparent url('/img/footer_family_link.png') right center no-repeat; letter-spacing:-0.5px;}
.aside .family_site:hover .site_box {display:block;}
.aside .family_site .link:hover,
.aside .family_site .link:focus,
.aside .family_site .link:active {background:#eee }
.aside .family_site .link:hover .txt,
.aside .family_site .link:focus .txt,
.aside .family_site .link:active .txt {color:#333; background:transparent url('/img/footer_family_link_ov.png') right center no-repeat;}

.aside .copy_box { background:#fff; position:relative; }
.aside .copy_box .shadow1 { position:absolute; right:-5px; top:2px; width:4px; height:100%; background:url('/img/shadow1.png') right top no-repeat; }
.aside .copy_box .shadow2 { position:absolute; right:-3px; bottom:-6px; width:100%; height:5px; background:url('/img/shadow2.png') right top no-repeat; }
.aside .copy_box .logo_area { overflow:hidden; margin-top:28px; }
.aside .copy_box .logo { float:left; margin:4px 0 0 2px; }
.aside .copy_box .sns { overflow:hidden; float:right; margin:5px 5px 0 0; }
.aside .copy_box .sns li { list-style:none; float:left; margin:0 2px; padding:0; }
.aside .copy_box .copy_txt { overflow:hidden; margin:13px 0 0 8px; }
.aside .copy_box .copy_txt dt { font-size:11px; color:#000; font-weight:600; letter-spacing:-0.5px; margin-bottom:13px; }
.aside .copy_box .copy_txt dd { font-size:11px; color:#000; letter-spacing:-0.5px; margin-bottom:11px; line-height:1.3; }


.contents { float:right; width:718px; border:2px solid #d8d8d8; min-height:700px; background:#fff; padding:21px 28px; }

.page_top { overflow:hidden; border-bottom:3px solid #ddd; }
.page_top .page_title { float:left; width:100%; }
.page_top .page_title .txt {color:#1e1e1e; font-size:24px; letter-spacing:-0.5px; font-family:"NanumBarunGothic"; font-weight:600; }

.page_top .location { float:right; }
.page_top .location .txt {color:#777; float:left; font-size:11px; color:#6f6f6f; letter-spacing:-1px; font-family:"NanumBarunGothic"; padding:20px 13px; }
.page_top .location .txt { background:transparent url('/img/location_line.png') left center no-repeat;}
.page_top .location .home {background:transparent url('/img/icon_home.png') left center no-repeat; padding-left:30px;}

.contents .page_content { overflow:hidden; padding:25px 0; }

.page_content .tabmenu {text-align:center; background:#fff; margin-bottom:20px;}
.page_content .tabmenu .tab_box {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.page_content .tabmenu .tab_box ul {display:table-row; }
.page_content .tabmenu .tab_box li {display:table-cell; text-align:center; border:2px solid #cecece; height:30px;}
.page_content .tabmenu .tab {color:#1e1e1e; height:30px; line-height:32px; display:block; letter-spacing:-0.5px; padding:0 5px; font-family:"NanumBarunGothic"; font-weight:600; }
.page_content .tabmenu .tab:hover {background:#7bb2ba; color:#000;}
.page_content .tabmenu .hit .tab {background:#32aabc; color:#fff;}




.board_search { padding:15px 0; /*margin-top:40px;*/ overflow:hidden; }
.board_search .choice_box { position:relative; float:left; background:#fff; width:111px; border:1px solid #adadad; margin-right:6px; height:25px;  }
.board_search .choice_box .title { height:21px; line-height:25px; background:transparent url('/img/family_ar.png') 91px center no-repeat; cursor:default}
.board_search .choice_box .title  { padding:0 8px; font-size:14px; color:#3a3a3a; font-family:"NanumBarunGothic"; }
.board_search .choice_box .site_box { display:none; position:absolute; left:0; top:27px; background:#fff; width:100%; z-index:5; }
.board_search .choice_box .site_box ul { border:1px solid #dcdcdc; border-top:0}
.board_search .choice_box .site_box li { border-top:1px solid #dcdcdc; width:100%; list-style:none; } 
.board_search .choice_box .link { display:block; color:#999; padding:0 10px; height:35px; line-height:37px;}
.board_search .choice_box .txt {display:block; letter-spacing:-0.5px;}
.board_search .choice_box:hover .site_box {display:block;}
.board_search .choice_box .link:hover,
.board_search .choice_box .link:focus,
.board_search .choice_box .link:active {background:#eee }
.board_search .choice_box .link:hover .txt,
.board_search .choice_box .link:focus .txt,
.board_search .choice_box .link:active .txt {color:#333; }
.board_search .input_search { border:1px solid #adadad; height:25px; line-height:25px; width:172px; padding:0 10px; float:left; background:#fff;}
.board_search .input_search:focus {border:1px solid #6f6f6f; /*border-right:0;*/ color:#333}
.board_search .btn_search { background:#6f6f6f; width:46px; height:25px; line-height:25px; float:left; font-size:13px; color:#fff; font-weight:600; font-family:"NanumBarunGothic"; }
.board_search .btn_search { border-radius:5px; margin-left:6px; }
.board_search .btn_search.red { background:#a34;}
.board_search .btn_search.blue { background:#347;}
.board_search .btn_search:hover {background-color:#222 }
.board_search .btn_search.red:hover { background:#712;}
.board_search .btn_search.blue:hover { background:#navy;}
.board_search .btn_write { float:right; }
.board_search .btn_write .btn { display:block; background:#6f6f6f; height:25px; line-height:25px; font-size:13px; color:#fff; font-weight:600; font-family:"NanumBarunGothic"; }
.board_search .btn_write .btn { border-radius:5px; padding:0 13px;margin-left:3px; }
.board_search .btn_write .btn.red {background:#a34;}
.board_search .btn_write .btn.blue {background:#347;}
.board_search .btn_write .btn:hover { background:#222; }
.board_search .btn_write .btn.red:hover {background:#712;}
.board_search .btn_write .btn.blue:hover {background:navy;}

.board_normal {border-top:2px solid #256b93;}
.board_normal table {width:100%; }
.board_normal th { padding:14px 0; border-bottom:1px solid #cdcdcd; color:#1e1e1e; font-weight:600; font-size:13px; letter-spacing:-0.5px; font-family:"NanumBarunGothic"; }
.board_normal tr:hover {background:#fbfbfb;}
.board_normal td { padding:13px 0 12px 0; border-bottom:1px solid #dadada; text-align:center; vertical-align:middle; color:#1e1e1e; font-size:14px; letter-spacing:-0.5px; }
.board_normal td { font-weight:normal; font-family:"NanumBarunGothic"; }
.board_normal .title {text-align:left;}
.board_normal .title .link {float:left; margin-right:5px; line-height:1.4;}
.board_normal .icon { width:16px; height:16px; background:transparent url('/img/icon_file.gif') left top no-repeat;}
.board_normal tr:hover td {color:#5daed9; }
.board_normal tr:hover .icon { background-position:left bottom; }
.board_normal .title .link:hover {color:#5daed9; }

.board_view {border-top:2px solid #256b93;border-bottom:1px solid #cdcdcd;}
.board_view table {width:100%; }
.board_view th { padding:14px 0; border-bottom:1px solid #cdcdcd; color:#1e1e1e; font-weight:600; font-size:13px; letter-spacing:-0.5px; font-family:"NanumBarunGothic";background:#eee; }
.board_view td { padding:13px 0 12px 0; border-bottom:1px solid #dadada; text-align:center; vertical-align:middle; color:#333; font-size:14px; letter-spacing:-0.5px; }
.board_view td { font-weight:normal; font-family:"NanumBarunGothic"; }
.board_view .title {text-align:left;padding-left:5px;}
.board_view .title .link {float:left; margin-right:5px; line-height:1.4;}
.board_view .icon { width:16px; height:16px; background:transparent url('/img/icon_file.gif') left top no-repeat;}
.board_view tr:hover .icon { background-position:left bottom; }
.board_view .title .link:hover {color:#5daed9; }
.board_view td.cont_box {width:100%;height:300px;vertical-align:top;padding:15px;text-align:left;border:none;}
.board_view input[type='text'],.board_view input[type='password'],.board_view input[type='file'] {background:#fff; border:1px solid #adadad; margin-right:6px;padding-top:2px; height:25px;font-size:13px; letter-spacing:-0.5px;font-family:"NanumBarunGothic";}


.cm_no_conts {text-align:center; overflow:hidden; padding:40px 0 50px 0;}
.cm_no_conts .no_icon {background:transparent url('/img/no_content.png') center bottom no-repeat; height:150px;}
.cm_no_conts .gtxt {color:#a3a3a3; margin-top:15px; font-size:13px; letter-spacing:-0.5px; font-weight:600; font-family:"NanumGothic"; }



.paginate {text-align:center; padding:30px 0 10px 0; overflow:hidden; position:relative; clear:both}
.paginate a {float:left; }
.paginate .nextprev { float:left; overflow:hidden; width:40px; }
.paginate .nextprev .btn {float:left; position:relative; overflow:hidden; height:35px; width:100%; }
.paginate .nextprev .btn a { display:block; background:pink; }  
.paginate .nextprev .icon { width:16px; height:10px; position:absolute; top:50%; left:50%; margin:-6px 0 0 -5px; }
.paginate .nextprev .icon { background:transparent url('/img/pagenate.gif') left top no-repeat; }
.paginate .nextprev .ic_next { background-position:right top; }

.paginate .number {float:left; margin:0 5px;}
.paginate .number a { line-height:35px; color:#636363; padding:0 2px; font-size:13px; font-weight:600; font-family:"NanumBarunGothic"; }
.paginate .number a:hover {text-decoration:underline; color:#e84c3d; }
.paginate .number .hit { text-decoration:underline; color:#e84c3d; }

.paginate .all_page { position:absolute; right:0; bottom:12px; height:35px; font-size:13px; font-weight:600; font-family:"NanumBarunGothic"; color:#636363; line-height:35px; }

/* 교수/학습지원 페이지 구조 */
.sub_wrap { overflow:hidden; }
.sub_wrap .left { float:left; width:450px; }
.sub_wrap dl { overflow:hidden; margin-bottom: 35px; }
.sub_wrap dl dt { color:#1e1e1e; font-weight:600; font-family:"NanumBarunGothic"; background:transparent url('/img/bullet_line.gif') left top no-repeat;}
.sub_wrap dl dt {  font-size:17px; padding:1px 0 0 15px; margin-bottom:5px; color: #225a8b;}
.sub_wrap dl dd { font-size:15px; color:#1e1e1e; font-family:"NanumBarunGothic"; line-height:20px;}

.sub_wrap .right { float:right; width:240px; border:1px solid #c8c8c8; height:270px;overflow:hidden;}
.sub_wrap .right .top { background:none;}

.sub_wrap .top { }
.sub_wrap .top.btm { border-top:1px solid #c8c8c8; }
.sub_wrap .top .notice_tit { height:34px; overflow:hidden; background:#e1efa0;/*transparent url('/img/bg_title.png') left top no-repeat;*/ border-bottom:1px solid #c8c8c8;  }
.sub_wrap .top .notice_tit span { font-size:14px; color:#404040; font-weight:600; font-family:"NanumBarunGothic"; line-height:37px;  }
.sub_wrap .top .notice_tit .txt { float:left; margin-left:16px; }
.sub_wrap .top .notice_tit .more { float:right; margin-right:10px; }

.sub_wrap .top .notice_list { padding:10px 15px; height:215px;overflow-y:auto; }
.sub_wrap .top .notice_list li { list-style:none; background:transparent url('/img/bullet02.gif') left center no-repeat;}
.sub_wrap .top .notice_list .link { height:24px; line-height:24px; font-size:14px; color:#4f4f4f; padding:0 15px; font-family:"NanumBarunGothic"; font-weight:600; }
.sub_wrap .top .notice_list .link { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.sub_wrap .top .notice_list .no_txt { padding:20px 0; text-align:center; display:block; font-size:15px; color:#4f4f4f; font-weight:600; font-family:"NanumBarunGothic"; }

.sub_wrap .btn_link {background:#347; padding:10px 35px; font-size:15px; color:#fff; font-weight:600; font-family:"NanumBarunGothic"; border-radius:5px;}
.sub_wrap .btn_link:hover {background:navy;}

/* 스터디실예약 */
.reservation { overflow:hidden; border:1px solid #adadad; border-top:2px solid #256b93; position:relative; margin-top:20px; }
.reservation:before { content:""; position:absolute; left:50%; top:0; width:2px; height:100%; background:#adadad; margin-left:-1px; }
.reservation .box { float:left; width:50%; height:285px;border:0;}
.reservation .box+ .box { }

.mini_calendar {overflow:hidden; background:#fff; }
.reservation .month { position:relative; text-align:center; padding:0 10px; font-size:18px; line-height:41px; font-weight:600; color:#1e1e1e; }
.reservation .month .thisYearMon { font-family:"NanumBarunGothic"; height:41px; }
.reservation .prevnext {position:absolute; top:0; height:41px; text-align:center;}
.reservation .prevnext a {display:block; height:100%;}
.reservation .prev {left:80px}
.reservation .prev .icon {background-position:left top;}
.reservation .next {right:80px}
.reservation .next .icon {background-position:right top;}
.reservation .prev:hover .icon {background-position:left bottom}
.reservation .next:hover .icon {background-position:right bottom}
.reservation .prevnext .txt { font-size:12px; color:#0067a2; font-weight:600; font-family:"NanumBarunGothic"; line-height:45px; }
.reservation .prev .txt { background:transparent url('/img/cal_prev.png') left 15px no-repeat; padding-left:17px; }
.reservation .next .txt { background:transparent url('/img/cal_next.png') right 15px no-repeat; padding-right:17px; }
.reservation .date { }
.reservation .date table {width:100%; text-align:center; border-collapse:separate;border-bottom:1px solid #adadad;border-right:1px solid #adadad;}
.reservation .date th { background:#e7e7e7; color:#1e1e1e; font-weight:600; padding:10px 0 8px; font-size:13px; font-family:"NanumBarunGothic"; }
.reservation .date th { border:1px solid #adadad; border-right:0; border-bottom:0;  }
.reservation .date th:first-child { border-left:0; }
.reservation .date .sun { color:#ff0000; }
.reservation .date td {background:#fff; width:14.2%; padding:3px 5px; border-top:1px solid #adadad; border-left:1px solid #adadad; }
.reservation .date td .link {margin:1px; color:#333; padding:6px 0 4px; font-size:13px; display:block; font-weight:600; font-family:"NanumBarunGothic";  }
.reservation .date td:first-child { border-left:0; }
.reservation .date .ready {background:#cdcdcd; }
.reservation .date .ready:hover { background:#b0afaf;}
.reservation .date .hit { background:#32bcad;}
.reservation .check_list { overflow:hidden; background:#f2f2f2; height:100%; }
.reservation .check_list .title { background:#fff; text-align:center; height:41px; line-height:42px; font-size:14px; color:#0067a2; font-weight:600; border-bottom:1px solid #adadad; font-family:"NanumBarunGothic"; }
.reservation .check_list .list { padding:25px 15px; }
.reservation .check_list .list li { list-style:none; font-size:13px; color:#333; font-family:"NanumBarunGothic"; line-height:36px; font-weight:600; }

h3.title { color:#1e1e1e; font-weight:600; font-family:"NanumBarunGothic"; background:transparent url('/img/bullet_line.gif') left top no-repeat;}
h3.title {  font-size:17px; padding:1px 0 0 15px; margin:15px 0; }
div.subDescTxt { font-size:15px; color:#1e1e1e; font-family:"NanumBarunGothic"; line-height:20px;}
div.subDescTxt  .thisYearDate { font-family:"NanumBarunGothic"; font-weight:600;font-size:16px;color:#712;}
/* 테이블 */
.btm_table { overflow:hidden; margin:10px auto; border-top:2px solid #256b93;  }
.btm_table table { width:100%; text-align:center; border-collapse:separate; border:1px solid #adadad; border-top:0; border-bottom:0; }
.btm_table th { font-size:13px; color:#333; font-weight:600; font-family:"NanumBarunGothic"; border-bottom:2px solid #adadad; padding:10px 0 8px; }
.btm_table th {  border-left:1px solid #adadad; background:#e7e7e7; }
.btm_table th:first-child { border-left:0; }
.btm_table td { font-size:13px; color:#333; font-weight:600; font-family:"NanumBarunGothic"; padding:10px 0 8px; border-bottom:1px solid #adadad; }
.btm_table td { border-left:1px solid #adadad; }
.btm_table td:first-child { border-left:0; }
.btm_table td.ready,.btm_table td[class*='myReserve'],.btm_table td.hit{cursor:pointer; }
.btm_table td[class='myReserve'] {background:#e7e7e7}
.btm_table td.hit {background:#32bcad; }

/*비밀글/중복확인 hana*/
.checkPassForm,.searchUserID { position: absolute; top: 35%; left: 30%; display:inline-block; padding: 15px 20px 20px 20px; background: #fff; border: 2px solid #555555; }
.checkPassForm,.searchUserID { -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-font-smoothing: none; }
.checkPassForm .pw_title,.searchUserID .pw_title { display: block; width: 100%; padding: 0 0 5px 20px; font-weight: 700;  background: url(/img/common/point_red.png) no-repeat 0 4px; }
.checkPassForm span > img,.searchUserID span > img { position: absolute; top: 0; right: 0; padding: 10px }
.checkPassForm input,.searchUserID input { margin: 0 0; padding: 2px 2px 3px 2px; vertical-align: middle; border: #dcddde 1px solid; }

/*FAQ_board_hana*/
.faq_list { display: block; font-size: 15px; }
.faq_list dl { border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; }
.faq_list dl dt,
.faq_list dl dd { padding: 10px 10px 10px 48px; }
dt.faq_q { border-bottom: 1px solid #ddd; background: url(/img/common/board_img/qna_q.png) no-repeat 1% 50% }
dt.faq_q span { display: block; margin: 0 5px 0 0; background: url(/img/common/board_img/arrow_down.png) no-repeat 100% 50%; cursor: pointer }
dt.faq_q.on { font-family: "NB"; border: 0; background-color: #f8f8f8 }
dt.faq_q.on span { background: url(/img/common/board_img/arrow_up.png) no-repeat 100% 50%; cursor: pointer }
dd.faq_a { display: none; font-size: 13px; letter-spacing: -0.04em; border-bottom: 1px solid #ddd; background: url(/img/common/board_img/qna_a.png) no-repeat 1% 6px }
dd.faq_a.on { display: block; }

/* 프로그램 신청페이지 2018-03-29추가 */
#actPlanDiv {position:absolute;display:none;top:50px;left:100px;width:500px;background:#FFF;border:1px solid navy;padding:20px;border-radius:10px;}
.reportFileUp {position:absolute;display:none;top:0;right:0;width:300px;background:#FFF;border:1px solid navy;padding:20px;border-radius:10px;}
input.btn_open,input.btn_common,input.btn_close,input.btn_report,input.btn_rfile {display:inline-block;background:#6f6f6f; width:46px; height:25px; line-height:25px; font-size:13px; color:#fff; font-weight:600; font-family:"NanumBarunGothic";border-radius:5px;}
input.btn_close {background:#a34;}
input.btn_report,input.btn_rfile {width:80px;}
input.btn_rfile {background:#3a4}
.mg_t05 {margin-top:5px;}
.mg_t10 {margin-top:10px;}
.cen {text-align:center;}
h4.title { height:21px; line-height:25px; background:transparent url('/img/family_ar.png') 91px center no-repeat; cursor:default}
h4.title  { padding:0 8px; font-size:14px; color:#3a3a3a; font-family:"NanumBarunGothic"; }