@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700|Oswald:400,300,700);

@font-face {
	font-family: 'NanumGothicBold';
	src: url('/font/NanumGothicBold.eot');
	src: url('/font/NanumGothicBold.eot') format('embedded-opentype'),
	url('/font/NanumGothicBold.woff') format('woff'),
	url('/font/NanumGothicBold.ttf') format('truetype');
}

.detailArea {overflow:hidden;}
.detailArea .box {margin-bottom:50px; overflow:hidden; clear:both;}

.detailArea p.main-tit {line-height:18px; font-family:'NanumGothicBold'; font-size:18px; color:#444; background:url(../img/ico_wall_blue.png) no-repeat 0 50%; padding-left:11px; margin-bottom:20px;}
.detailArea p.sub-tit {line-height:18px; font-family:'NanumGothicBold'; font-size:15px; color:#444; background:url(../img/ico_dot_blue.png) no-repeat 0 50%; padding-left:13px; margin-bottom:20px;}
.detailArea p.sub-titB {line-height:30px; font-family:'NanumGothic'; font-size:13px; color:#777; background:url(../img/ico_dot_blue.png) no-repeat 0 50%; padding-left:13px; margin-bottom:10px;}
.detailArea p.sub {line-height:25px; padding-left:13px;}
.detailArea p.sub > strong {font-family:'NanumGothicBold'; font-size:13px; color:#1f6ed4;}
.detailArea p.main-tit > a {margin-left:10px;}
.detailArea p.sub > a {margin-left:10px;}

.detailArea ul > li > a {margin-left:10px;}
.detailArea ul > li > em {color:#1f6ed4;}
.detailArea ul > li > strong {font-family:'NanumGothicBold';}
.detailArea ul.list-sty0 {width:100%; overflow:hidden; clear:both;}
.detailArea ul.list-sty0 > li {width:100%; font-family:'NanumGothic'; line-height:25px; font-size:13px; color:#777; padding-left:13px;}
.detailArea ul.list-sty1 {width:100%; overflow:hidden; clear:both;}
.detailArea ul.list-sty1 > li {width:100%; font-family:'NanumGothic'; line-height:25px; font-size:13px; color:#777; background:url(../img/ico_dot_blue.png) no-repeat 0 10px; padding-left:13px;}
.detailArea ul.list-sty1 > li.no-dot {background:transparent;}
.detailArea ul.list-sty1 > li.no-pd > a {margin-left:0 !important;}
ul.list-sty2 {width:100%; overflow:hidden; clear:both;}
ul.list-sty2 > li {width:100%; font-family:'NanumGothic'; line-height:25px; font-size:13px; color:#777; background:url(../img/ico_dot_gray.png) no-repeat 0 10px; padding-left:11px;}
.detailArea ul.col2 {display:inline-block; float:left; width:50%; clear:none;}
.detailArea ul.col2B > li {float:left; width:50%; text-align:center;}
.detailArea ul.col3 > li {float:left; width:33.3%; text-align:center;}
.detailArea ul.col3B > li {float:left; width:33.3%; text-align:left;}
.detailArea ul.col4 > li {float:left; width:25%; text-align:center;}
.detailArea ul.col5 > li {float:left; width:20%; text-align:center;}

.detailArea .tabBox {border-bottom:2px solid #e6e6e6; margin-bottom:50px;}
.detailArea ul.tab-sty1 {width:70%; height:40px; line-height:40px; clear:both; margin:0 auto;}
.detailArea ul.tab-sty1 > li {font-family:'NanumGothic'; font-size:15px; color:#666; cursor:pointer;}
.detailArea ul.tab-sty1 > li.over {font-weight:bold; color:#598cc8;}
.detailArea ul.tab-sty1 > li:hover {border-bottom:2px solid #598cc8;}
ul.tab-sty2 {height:34px; line-height:34px; clear:both; margin-bottom:35px;}
ul.tab-sty2 > li {float:left; width:150px; text-align:center; font-family:'NanumGothic'; font-size:15px; color:#1f6ed4; background-color:#fff; border:1px solid #1f6ed4; letter-spacing:-0.4px; margin-right:10px; cursor:pointer;}
ul.tab-sty2 > li.over {color:#fff; background-color:#1f6ed4;}

.detailArea table th, table td {vertical-align:middle;}
.detailArea table.tbl-sty1 {width:100%; margin:0; padding:0; border-top:2px solid #c8c8c8;}
.detailArea table.tbl-sty1 > tbody > tr > th {line-height:20px; font-family:'NanumGothicBold'; font-size:13px; color:#444; background-color:#fbfbfb; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:16px 0;}
.detailArea table.tbl-sty1 > tbody > tr > td {line-height:20px; font-family:'NanumGothic'; font-size:13px; color:#777; border-bottom:1px solid #e2e2e2; padding:28px 30px; text-align:left;}
.detailArea table.tbl-sty1 > tbody > tr.last > td {border-bottom:none;}
.detailArea table.tbl-sty2 {width:100%; margin:0; padding:0; border-top:2px solid #c8c8c8;}
.detailArea table.tbl-sty2 tr > th {line-height:20px; font-family:'NanumGothicBold'; font-size:13px; color:#444; background-color:#fbfbfb; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:16px 0;}
.detailArea table.tbl-sty2 > tbody > tr > th {text-align:left; padding-left:30px;}
.detailArea table.tbl-sty2 > tbody > tr > td {line-height:20px; font-family:'NanumGothic'; font-size:13px; color:#777; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:28px 30px; text-align:center;}
.detailArea table > tbody > tr > td.t-left {text-align:left; line-height:200%;}
.detailArea table > tbody > tr > td.t-center {text-align:center;}
.detailArea table.tbl-sty2 tr > th.last, table.tbl-sty2 > tbody > tr > td.last {border-right:none;}
.detailArea table.tbl-sty2 > tbody > tr.last > td {border-bottom:none;}
.detailArea table.tbl-sty3 {width:100%; margin:0; padding:0;}
.detailArea table.tbl-sty3 > tbody > tr > td {line-height:21px; font-family:'NanumGothic'; font-size:13px; color:#777; vertical-align:top; padding:20px 0;}
.exhibitionList table.tbl-styC {width:100%; margin:0; padding:0; border-top:2px solid #1f6ed4;}
.exhibitionList table.tbl-styC > thead > tr > th {height:36px; line-height:36px; font-family:'NanumGothic'; font-size:12px; color:#666; background-color:#f5f5f5; letter-spacing:-0.4px; border:1px solid #d7d7d7;}
.exhibitionList table.tbl-styC > tbody > tr > td {/*position:relative; */height:122px; border:1px solid #d7d7d7; padding:10px 13px 30px; vertical-align:top;}
.exhibitionList table.tbl-styC > tbody > tr > td > .date {font-family:'NanumGothic'; color:#666; letter-spacing:-0.4px; position:absolute; /*top:20px; left:15px; */margin-bottom:10px;}
.exhibitionList table.tbl-styC > thead > tr > th.sat, table.tbl-styC > tbody > tr > td.sat > .date {color:#1f6ed4;}
.exhibitionList table.tbl-styC > thead > tr > th.sun, table.tbl-styC > tbody > tr > td.sun > .date {color:#ec6161;}
.exhibitionList table.tbl-styC > tbody > tr > td > a {display:block; /*padding-left:33px; */font-family:'NanumGothic'; font-size:12px; color:#555; letter-spacing:-0.8px; line-height:16px; padding-top:15px;}
.exhibitionList table.tbl-styC > tbody > tr > td > a:first-of-type {margin-top:5px;}
.exhibitionList table.tbl-styC > tbody > tr > td > a.tip-green {background:url(./img/ico_tip_cal_green.png) no-repeat 0 16px; min-height:48px;padding-left:30px;}
.exhibitionList table.tbl-styC > tbody > tr > td > a.tip-blue {background:url(./img/ico_tip_cal_blue.png) no-repeat 0 16px; min-height:47px;padding-left:30px;}

a.btn-styA {display:inline-block; height:30px; line-height:30px; font-family:'NanumGothic'; font-size:14px; padding:0 20px; border-radius:4px;}
.detailArea a.btn-styB {display:inline-block; height:30px; line-height:30px; font-family:'NanumGothic'; font-size:14px; padding:0 20px; border-radius:4px;}
.detailArea a.btn-styC {display:inline-block; height:23px; line-height:24px; font-family:'Dotum','돋움'; font-size:12px; font-weight:bold; padding:0 10px; border-radius:4px;}
.detailArea a.btn-styD {line-height:25px; font-family:'NanumGothicBold'; font-size:13px;}
a[class*=btn-sty].blue {color:#fff !important; background-color:#1f6ed4;}
a[class*=btn-sty].blueB {color:#1f6ed4 !important;}
a[class*=btn-sty].gray {color:#fff !important; background-color:#7b92c1;}
a[class*=btn-sty].grayBlue {color:#fff !important; background-color:#96a4b6;}

.detailArea .f-left {float:left;}
.detailArea .f-right {float:right;}
.detailArea .t-center {text-align:center;}

.exhibitionList .calendar_head {width:204px; height:50px; line-height:30px; margin:0 auto 25px; position:relative; text-align:center;}
.exhibitionList .calendar_head > .cal_prev {position:absolute; left:-10px; width:10px; height:30px; background:url(./img/ico_arrow_left_gray.png) no-repeat 50% 50%; cursor:pointer;}
.exhibitionList .calendar_head > .cal_year {font-family:'NanumGothic'; font-size:20px; color:#666; letter-spacing:-0.4px; margin-right:13px; position:relative; top:-6px;}
.exhibitionList .calendar_head > .cal_month {font-family:'NanumGothicBold'; font-size:32px; color:#1f6ed4; letter-spacing:-0.4px;}
.exhibitionList .calendar_head > .cal_next {position:absolute; right:-10px; width:10px; height:30px; background:url(./img/ico_arrow_right_gray.png) no-repeat 50% 50%; cursor:pointer;}

#webzinePopup {position:absolute; top:50%; left:50%; margin-top:-235px; margin-left:-292.5px; width:585px; height:470px; border:2px solid #505665; z-index:101;}
#webzinePopup .pop_head {height:50px; line-height:50px; font-family:'NanumGothic'; font-size:18px; color:#fff; background:url(./img/ico_circle_white.png) #7684a2 no-repeat 25px 50%; padding-left:50px; letter-spacing:-0.4px; position:relative;}
#webzinePopup .pop_close {position:absolute; top:0; right:0; width:50px; height:50px; background:url(./img/ico_close_white.png) no-repeat 50% 50%;}
#webzinePopup .pop_body {padding:30px 35px; background-color:#fff;}

#webzinePopup .inpBox {border:1px solid #ddd; background-color:#f8f8f8; margin-bottom:20px; padding:30px 40px;}
#webzinePopup table.tbl-styW {width:100%;}
#webzinePopup table.tbl-styW > tbody > tr > th {font-family:'Dotum','돋움'; font-size:14px; font-weight:bold; color:#494949; text-align:left; letter-spacing:-0.4px; padding-left:30px;}
#webzinePopup table.tbl-styW > tbody > tr > th.check {background:url(./img/ico_check_blue.png) no-repeat 0 0;}
#webzinePopup table.tbl-styW > tbody > tr > td > input[type="text"] {width:100%;}
#webzinePopup .infoBox {margin-bottom:30px;}
#webzinePopup .btnBox {text-align:center;}

#webzinePopBg {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:url(./img/bg_gray.png) repeat 0 0; z-index:100;}