/*񃧯*/
* {margin:0; padding:0; max-height:100000000px;}
* {-webkit-text-size-adjust:none;} /* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */

html {overflow-y:scroll;}
body {width:100%; height:100%;}

td *, div *, li *, span *, p * {}
ul, ol, li {list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans KR', 'Nanum Gothic','NanumGothic', 'µ¸¿ò','dotum', sans-serif; line-height: 160%; font-weight: 300; font-size: 13px;	 }

img {border:0; vertical-align:middle;}

ul, li, dl, dt, dd {list-style:none;}

table { border-collapse : collapse;	 }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/images/common/btn_select_arrow.png) 97% center no-repeat; background-size: 10px;  }

/*±âº» ³¡*/


/* ¿©¹é°ü·Ã */
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt90 {margin-top:90px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt90 {padding-top:90px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;} .pb55 {padding-bottom:55px !important;}

.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb90 {margin-bottom:90px !important;}
.ml0 {margin-left:0px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.bl01 {border-bottom:1px solid #d1d2d2;}
.p0 {padding:0px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.ps20 {padding:0 20px !important;}
.pl0 {padding-left:0px !important;}
.pr0 {padding-right:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.mt0 {margin-top:0 !important;}
.ml5 {margin-left:5px !important;}
.mr5 {margin-right:5px !important;}
.mb0 {margin-bottom:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pt0 {padding-top:0 !important;}

.boardTable.mobile_mb0 { margin-bottom: 0 !important;  }
.mobile_pb0 { padding-bottom: 0 !important;	 }
.mobile_ptb0 { padding-top: 0 !important; padding-bottom: 0 !important;	 }



/*etc*/
.backNone {background:none !important;}
.backDot {background:url('../images/common/dotLine.gif') repeat-x bottom;}

.dinb {display:inline-block !important;}
.disb {display:block !important;}

.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.vt {vertical-align:top !important;}

.fr {float:right !important;}
.fl {float:left !important;}

.brNone {border-right:0 !important;}
.blNone {border-left:0 !important;}
.btNone {border-top:0 !important;}
.bbNone {border-bottom:0 !important;}

.ptNone {padding-top:0 !important;}
.pbNone {padding-bottom:0 !important;}
.plNone {padding-left:0 !important;}
.prNone {padding-right:0 !important;}
.mtNone {margin-top:0 !important;}
.mbNone {margin-bottom:0 !important;}
.mlNone {margin-left:0 !important;}
.mrNone {margin-right:0 !important;}


.colorRed {color:#d10000 !important;}
.colorBlue {color:#024381 !important;}
.colorGreen {color:#36893a !important;}
.color555 {color:#555 !important;}
.color333 {color:#333 !important;}
.color111 {color:#111 !important;}

.disNone {display:none !important;}


/* table */
.boardTable {width:100%; position:relative; box-sizing: border-box; border-top: 2px solid #666; }
.boardTable th, .boardTable td {border:1px solid #e5e5e5; padding:8px 5px; vertical-align:middle; line-height:150%;}
.boardTable th {background:#fafafa; color:#111; min-width:70px;	 }
.boardTable tr:nth-child(1) th:nth-child(1) { border-top: 0; }
.boardTable td {color:#555;}
.boardTable td > ul {margin:0; padding:0 17px;}
.boardTable td img {border:0; vertical-align:middle;}

.tableForm .boardTable th, .tableForm .boardTable td {display: block; border: none; }
.tableForm .boardTable th { border-top: 2px solid #bbb; text-align: left;  }
.tableForm .boardTable tr td input, .tableForm .boardTable tr td select, .tableForm .boardTable tr td textarea { width: 100% !important; box-sizing: border-box;}
.tableForm .boardTable tr td.radioForm label { display: inline-block; line-height: 0; }
.tableForm .boardTable tr td.radioForm input { width: auto !important; }
.tableForm .boardTable tr td { padding-bottom: 20px;  min-height:18px; }
.tableForm .boardTable tr:last-child td:last-child { padding-bottom: 0 !important; }

.tableForm .boardTable tr td input.emailForm { width: calc( 50% - 9.5px ) !important; }
.tableForm .boardTable tr td input#captchacode { width: calc( 100% - 130px ) !important; }
.tableForm .boardTable tr td input.reserve_date { width: calc( 100% - 20px) !important; }
.tableForm .boardTable .phone select, .tableForm .boardTable .phone input { width: calc( 33.33% - 7.9px ) !important; }




/* ¹ÝÀÀÇü Å×À̺í */
.responTable, .responTable thead, .responTable th, .responTable tbody, .responTable th, .responTable td, .responTable tr { display: block;}
.responTable thead tr { position: absolute; top: -9999px; left: -9999px;	}
.responTable tr { margin: 0 0 1rem 0; }
.responTable tr:nth-child(odd) { background: #ccc;}
.responTable td { vertical-align: middle; border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 25%; min-height:18px;}
.responTable td:before {
	content: attr(data-label);
	position: absolute;
	top: auto; left: 0px; width: 20%;
	padding-right: 10px; padding-left: 10px; white-space: nowrap;
	color: #111; font-weight: 400; box-sizing: border-box;
}
.responTable td input { width: 100px; }
.responTable.boardTable td.subject {text-align:center; max-width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.responTable td.ellipsis > a { width: auto !important; }



/*gallery*/
.gallery > li {width:31.333%; height:auto; padding-bottom: 5px; float:left; margin:0 3% 3% 0; background: #eaeaea; box-sizing: border-box;}
.gallery > li:nth-child(2n) { margin-right: 3%; }
.gallery > li:nth-child(4n) { margin-right: 3%; }
.gallery > li:nth-child(3n) { margin-right: 0; }
.gallery > li:hover ul li img { opacity: 0.8; }
.gallery > li > ul {width: 100%;}
.gallery > li > ul > li { width: 100% !important; }
.gallery > li > ul > li > img { width: 100%; height:170px;}
.gallery > li > ul > li > p {width:100%; margin-bottom:15px; background:#f9f9f9;}
.gallery > li > ul > li {font-size:13px; text-align:center; color:#666;}
.gallery > li > ul > li.gTitle {margin:5px 0 5px 0; display: block; width: 100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; padding: 0 5px; box-sizing: border-box;}
.gallery > li > ul > li.gTitle > a {font-size:15px; font-weight:400; color:#333;}



@media all and (min-width:0px) and (max-width: 600px) {	 /*	 */
.gallery > li {width:47.5% !important; height:250px; border:1px solid #ddd; float:left; margin:0 5% 5% 0;}
.gallery > li:nth-child(3n) { margin-right: 5%; }
.gallery > li:nth-child(2n) { margin-right: 0; }
.gallery > li.gLast {margin-right:0%;}
.gallery > li > ul > li.gTitle {margin:5px 0 5px 0;}

}

/*°Ô½ÃÆÇ °Ë»ö*/
.search {width:100%; background:#fbfbfb; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 20px 10px 20px; margin-bottom:20px; box-sizing:border-box; display:inline-block; position:relative; background-size: 25px; }
.search .s01{width:55%; float:left;}
.search .s02{width:35%; float:right; }
.search input{width:100% !important; height:35px; border:1px solid #ddd; display:block; float:left; margin-right:5px; padding-left: 10px; margin-bottom: 5px; box-sizing: border-box;}
.search select{width:100%; height:35px; border:1px solid #ddd;	float:left; margin-right:5px; margin-bottom: 5px;}
.search a{width:100%; height:35px; line-height:32px; border:1px solid #999; display:block; float:left; text-align:center; background:#aaa; color:#fff; box-sizing: border-box;}
.search a:hover {background:#09357d; border:1px solid #02235c; text-decoration:none;}
.search .tt{height:30px; display:none; float:left; margin-right:15px; color:#333; text-shadow:1px 0 0 #333; letter-spacing:1px; font-size:15px; padding: 5px 0 0 25px;}
.search .s02 select{float:right; width:200px;margin-right:15px;}
.old-ie .search{padding:19px 0;}
.old-ie .search input{padding-top:6px; height:25px;}
.notice_board.boardTable { table-layout:fixed; }
.notice_board colgroup col:nth-child(1) { width: 70px !important; }
.notice_board tr td:nth-child(2), .notice_board tr td:nth-child(3) { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


/*°Ô½ÃÆÇ ÆäÀÌ¡*/
.PagingB{width:100%; text-align:center; padding:30px 0 50px; clear:both;}
.PagingB .Paging{width:100%; text-align:center; }
.PagingB .Paging a{display:inline-block; width:30px; height:30px; line-height:28px; border:1px solid #ddd; margin:0 3px 5px 0; color:#777;}
.PagingB .Paging a:hover{border:1px solid #aaa; background:#f5f5f5; text-decoration:none; cursor:pointer;}
.PagingB .Paging a.on{border:1px solid #aaa; color:#555; font-weight:400;}
.PagingB .Paging a.off{color:#cccccc; font-weight:normal;}
.PagingB .Paging a.off:hover{border:1px solid #e9e9e9;	background:#fff;}
.PagingB .Paging a.prev01_on, .PagingB .Paging a.prev02_on, .PagingB .Paging a.next01_on, .PagingB .Paging a.next02_on{border:1px solid #cfcfcf; font-weight:normal;}
.PagingB .Paging a.prev01_on:hover, .PagingB .Paging a.prev02_on:hover, .PagingB .Paging a.next01_on:hover, .PagingB .Paging a.next02_on:hover{border:1px solid #a8a6a6; background:#d2d2d2;}

.PagingB .Paging a.prev01_off, .PagingB .Paging a.prev02_off, .PagingB .Paging a.next01_off, .PagingB .Paging a.next02_off{border:1px solid #cfcfcf; color:#999; font-weight:normal;}
.PagingB .Paging a.prev01_off:hover, .PagingB .Paging a.prev02_off:hover, .PagingB .Paging a.next01_off:hover, .PagingB .Paging a.next02_off:hover{}
.old-ie .PagingB .Paging a{height:26px;}

/*board btn*/
.boardBtn {margin-top:30px; overflow:hidden;}
.boardBtn > a {width:30px; height:30px; border:1px solid #d1d1d1; text-align:center; display:block; float:left; box-sizing: border-box;}
.boardBtn a.boardPN {height:30px; padding-top:7px !important; margin-right:5px; }
.boardBtn a.board_list {width:100px;line-height:43px; font-weight:400; padding:0 20px 0 55px; background:url('../images/common/board_list.png') no-repeat 25px;}
.boardBtn > a[title="»èÁ¦"] { height: 30px !important; line-height: 30px; padding: 0 10px !important;}
.boardBtn > a[title="¼öÁ¤"] { height: 30px !important; line-height: 30px; padding: 0 10px !important;}
.boardBtn span.boardPNOff {width:30px; height:23px; border:1px solid #d1d1d1; text-align:center; display:block; float:left; padding-top:7px; margin-right:10px;}
.boardBtn span > img {opacity:0.3;filter:alpha(opacity=30);}
.boardBtn a.board_list {width:100px;line-height:28px; font-weight:400; padding:0 20px 0 40px; background:url('../images/common/board_list.png') no-repeat 15px;}
.boardBtn > a:hover {border:1px solid #bbb; background-color:#f5f5f5;}

#bContentArea{width:100%; padding:20px 0 30px 0; min-height:100px; border-bottom:1px solid #ccc;}
#bContentArea p{margin-bottom:5px;}
#bContentArea img { width: 100%; }
#pContentArea{width:100%; padding:30px 0; text-align:center; border-bottom:2px dashed #ccc;}
#pContentArea p{width:100%; padding:0; margin:0; text-align:center;}



/*Receipt ÇÁ¸°Æ®*/
#re_print {width:100%; padding:10px 30px 20px; box-sizing: border-box;}
#re_print > p {font-size:17px;}
#re_print > p > span {display:inline-block; margin-right:10px; color:#000;}
#re_print .print_new {width:100%; margin-left:0; margin-top:40px;}
#re_print .print_new > div, #re_print .print_new > div > a {font-size:12px;}
#re_print .print_new div.top {padding-bottom:60px; margin-bottom:30px; border-bottom:1px solid #555;}
#re_print .print_new div.top > strong {font-size:16px; font-weight:600; color:#000; display:block; margin-bottom:20px; line-height:30px;}
#re_print .print_new div.middle {margin-bottom:30px; padding-bottom:50px; min-height:350px; border-bottom:1px solid #555;}
#re_print .print_new div.middle > strong, #re_print .print_new div.bottom > strong {font-size:14px; font-weight:600; color:#000; display:block; margin-bottom:15px;}
#re_print .print_new div.middle > table {margin-top:20px; border-collapse:collapse; }
#re_print .print_new div.middle > p {text-align:right; font-size:16px; font-weight:600; color:#000; margin-top:20px; padding-right:20px;}
#re_print .print_new div.middle > p > span {display:inline-block; margin-right:40px;}


/* Á¤·Ä°ü·Ã */
.overflow {overflow:hidden;}
.pr {position:relative !important;}
.left {float:left !important;}
.right { float:right !important;}
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.tright {text-align:right !important;}
.writeText {border:1px solid #ddd; width:100%; height:150px; padding:15px; font-family: 'Nanum Gothic', sans-serif; background:#fff; font-size:12px; color:#666; line-height:1.5; overflow-y:scroll;}
.writeText dl {margin-bottom:25px; line-height:1.7;}
.writeText dl dt {font-weight:bold;}
.em {font-weight:bold; color:#333; font-style:normal;}
.bold {font-weight:bold;}
.block {display:block !important;}
.inb {display:inline-block;}
.cb {position:relative; top:2px;}
.sr-only {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}


/*motion*/
.ani, .ani_all *{
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.dotList {padding-left:0px;}
.dotList > li {padding-left:10px; background:url('../images/common/dot.gif') no-repeat left 7px; margin-bottom:5px;}

.section  {font-size:12px; color:#666; line-height:160%;}
.section h5 {margin-bottom:10px; }
.section h5 > strong {font-size:14px; font-weight:bold; color:#252525; line-height:100%; display:inline-block;}

.section input, .section select, .section textarea {border:1px solid #ddd; padding:8px 6px;}
#country, #CoAuthorCountry_1 { width: 80%; }
.checkTitle {font-size:16px; color:#333; font-weight:700; margin-bottom:15px; background:url('../images/common/checkPoint.gif') no-repeat left 1px; padding-left:25px;}
.viewTitle {font-size:24px; text-align:center; font-weight:500; color:#333; padding:25px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.checkPoint {background:url('../images/common/checkPoint.gif') no-repeat left; padding-left:25px;}
.formTxt {color:#888; font-size:13px; display:block; margin-top:5px;line-height:160%;}

.detail {padding:5px 15px 5px 35px; font-size:13px !important; color:#fff !important; border:1px solid #555; display:inline-block; background:url('../images/sub/detail_icon.png') no-repeat 15px -29px #777; text-decoration:none !important;}
.detail:hover {border:1px solid #16824f; background-color:#379669; background-position:15px -29px;}


/*¹öÆ°*/
.btn {text-align:center; margin-top:30px;}
.btn > a, .btn input, .add_del, .grayBtn {display:inline-block; padding:10px 15px !important; margin:0 3px; font-weight:400; color:#fff; text-align:center; cursor:pointer; text-decoration:none;}
.btn > a {padding:10px 30px !important;}


/*mypage*/
/*.beforeSubmission {height:86px; padding:53px 0 35px 170px; font-size:22px; color:#333; background:url('../images/contents/calendar.png') no-repeat 80px; border:1px solid #ddd;}*/

.submission_p { font-size: 13px !important; }
.submissionBtn {height:35px; line-height:35px !important; padding:0 20px 0 40px !important; border:1px solid #555; display:inline-block; background:url('../images/common/pen.png') no-repeat 15px #666; font-size:12px; color:#fff !important; background-size: 15px ; }
.submissionBtn:hover {background-color:#444; border:1px solid #333; text-decoration:none;  }

.btn .cancel, .btn input.cancel {background:#999;}
.btn .cancel:hover, .btn input.cancel:hover{background:#777;}
.btn .next, .btn input.next {background:#28a7d7;}
.btn .next:hover, .btn input.next:hover {background:#0089cf;}

.btn input.cancel {border:1px solid #999 !important;}
.btn input.cancel:hover {border:1px solid #777 !important;}
.btn input.next {border:1px solid #28a7d7 !important;}
.btn input.next:hover {border:1px solid #0089cf !important;}

.btn input.paybtn{cursor:pointer;width:120px; text-align:center; border:1px solid #0071b3;	color:#fff; padding:10px 0; font-weight:400; margin-right:5px; cursor:pointer;}
.btn input.paybtn:hover{background:#e33e4f; border:1px solid #be0014;cursor:pointer;}

.lineBtn {color:#406652; border:1px solid #ccc !important; font-weight:300; padding:9px; cursor:pointer; font-weight:400;}
.lineBtn:hover {border:1px slid #aaa !important; color:#406652;}

.add_del {border:1px solid #bbb !important; background:#f9f9f9; color:#444 !important;}
.grayBtn {border:1px solid #777 !important; background:#888;}
.greenBtn {border:1px solid #28a7d7 !important; background:#28a7d7; color:#fff;}

.smallBtn {border:1px solid #ccc; padding:6px 0 !important; font-size:13px !important; color:#406652; text-align:center; margin:2px 0; cursor:pointer;}
.smallBtn:hover {border:1px solid #aaa; color:#406652; font-weight:400;}

.xbtn{display:inline-block; width:20px; text-align:center; background:#ff6633; border:1px solid #d0370f; color:#fff; font-weight:400;}
.xbtn:hover{background:#d0370f; color:#fff;}

.download, .emailCheck {height:38px !important; line-height:38px !important; padding:0 15px; font-size:12px !important; font-weight:400; color:#666 !important; text-align:center; display:inline-block; text-decoration:none !important; margin:5px 0; border:1px solid #d3d3d3;}
.download:hover, .emailCheck:hover {background:#f9f9f9; border:1px solid #bbb; color:#368ccc !important;}
input.emailCheck {line-height:normal !important;}

.emailCheck {height:34px; cursor:pointer;}


/*·Î±×ÀÎ*/
.loginWrap {padding:20px 0 30px; background:#f6f6f6; border-top:2px solid #777; border-bottom:1px solid #ddd;}
.loginWrap > p {width:100%; height:40px; line-height:40px; font-size:20px; color:#333; margin-bottom:20px; text-align:center; font-weight:bold;}
.loginWrap div.loginBox {width: 90% !important; margin:0 auto; padding:60px 50px 60px; background:#fff; border:1px solid #ddd; text-align:center; box-sizing: border-box;}
.loginWrap div.loginBox ul.login { float: none; display: block; margin-right: 0;}
.loginWrap div.loginBox ul.login > li {margin-bottom:10px;}
.loginWrap div.loginBox ul.login > li > input { width: 100% !important; border:1px solid #ddd; box-sizing: border-box;}
.loginWrap div.loginBox ul.login > li > a {width:100% !important; height:50px; line-height:50px; text-align:center; color:#fff; font-size:12px; font-weight:bold; background:#28a7d7; border:1px solid #28a7d7; display:block; float:left;}
.loginWrap div.loginBox ul.login > li > a:hover {background:#0089cf; border:1px solid #0089cf; text-decoration:none;}

.loginWrap div.loginBox:after {display:block; clear:both; content:""; height:0;}
.loginWrap .loginDotList {width: 90%;  margin:30px auto 0 ;}
.loginWrap .loginDotList > li { overflow:hidden; background:url('../images/common/dot.gif') no-repeat left 8px ; padding-left:10px;}
.loginWrap .loginDotList > li > span { width: calc( 100% - 130px ) ;display:block; float:left; color:#777;}
.loginWrap .loginDotList > li > a:hover {color:#48230a;}



/*ȸ¿ø°¡ÀÔ */
.signBox {padding:25px; border:1px solid #ddd;}