@charset "euc-kr";

/* BOOKCOSMOS */
*{margin:0;padding:0;-webkit-text-size-adjust:none;}
html,body{width:100%;height:100%; text-align:left}
body{position:relative; word-wrap:break-word;word-break:break-all; background:url(/images/bg.gif) }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,select,address,caption,legend,input,button {margin:0; padding:0; line-height:1.5em; font-family:Dotum, sans-serif; color:#777; font-size:12px; letter-spacing:-0.12em}
p, ul, ol, li, dl, dt, dd, form { list-style-image:none; list-style-position:outside; list-style-type:none; border:0; margin:0; padding:0;}
img,fieldset{border:0 none;}
a{color:#333;text-decoration:none;cursor:pointer;}
.cont {padding-top:20px; padding-left:20px; padding-right:20px}
.bookcontbox {padding-top:0; padding-left:0; padding-right:0;}
.lsnw {position:absolute; left:2px}

/*--- intro ---*/
.int {background:url(/images/mtitle.gif) no-repeat; height:100%}
.reg_con{width:100%; clear:both; padding-top:30px}
.reg_con fieldset {position:relative;width:100%}
.int_con{width:100%; clear:both; padding-top:90px}
.int_con fieldset {position:relative;width:100%}
.int_id {position: absolute;left:10px;top:2px;vertical-align:middle;font-size:18px; color:#000; font-weight:bold;}
.id_box {background:url(/images/btn_search3.gif) repeat-x; height:42px; padding-left:60px; padding-right:10px}
.id_box span {display:block;height:28px;padding:2px 2px 0 0.35em;border:1px solid #92bfff;background:#fff}
.id_box input {ime-mode:inactive;width:100%;border:0 none;font-size:1.5em; font-weight:bold; color:#000; height:25px}
.pas_box {position: absolute;left:10px;top:45px;vertical-align:middle;font-size:18px; color:#000; font-weight:bold;}
.phone_box {position: absolute;left:10px;top:85px;vertical-align:middle;font-size:18px; color:#000; font-weight:bold;}
.phone_area {height:42px; padding-left:60px; padding-right:10px}
.phone_area span {}
.phone_area select {ime-mode:inactive;width:31%;border:0 none;font-size:18px; font-weight:bold; color:#000; height:25px}
.phone_area input {}
.chkbox {clear:both;padding-top:10px; padding-left:0; padding-right:0}
.chkbox dl {height:100px}
.chkbox dt {padding-left:10px; padding-right:10px; padding-top:10px}
.chkbox span {font-weight:bold; color:#000;text-decoration:none; font-size:14px}
.chkbox p {font-size:14px; padding-top:10px; color:#960; letter-spacing:-1px}
.intdtxt {font-size:12px; padding-top:6px; text-align:center; color:black}

/*--main --*/
.droparea { height:50px; clear:both; border-bottom:1px solid #cccccc; background-color:#FFFFFF}
.droparea li {padding-top:4px}
.droptxt {padding-left:15px; padding-top:7px; float:left; font-size:16px; color:#000000}
.droptxt2 {padding-top:7px; float:left; font-size:16px; color:#000000; font-weight:bold;}
.droptxt span {font-size:16px; padding-right:10px; color:#0000CC}
.updown {float:right; padding-right:10px; padding-top:9px}
.downarea {clear:both; background-color:#FFFFFF}
.downarea dl {height:35px; border-bottom: solid 1px #ddd; padding-top:2px; padding-right:5px}
.downarea dt { padding-top:5px; padding-left:5px; padding-right:5px; font-size:16px; color:#000000}
.downarea dd {float:right; padding-top:1px; padding-right:5px}
.downarea p {float:right; padding-top:5px; padding-right:5px}
.downarea input {float:right}
.cltotal {float:right; color:black; padding-top:10px; padding-right:10px; font-size:12px; letter-spacing:+2px;}

/*--- cont_area ---*/
.toppad {padding-top:4px}
.mtt {background:url(/images/mtitlebg.gif) repeat-x; height:51px}
.stt {background:url(/images/mtitlebg.gif) repeat-x; height:76px; padding-left:5px}
.stt2 {background:url(/images/mtitlebg.gif) repeat-x; height:121px; padding-left:5px}
.mlogo {float:left; }
.mout {float:right; font-weight:bold; font-size:14px; color:#fff; padding-top:6px; padding-right:5px}
.schbg {background:url(/images/btn_sch02.gif) repeat-x}
.mbg {clear:both;padding-left:0; padding-left:0; text-align:center; table-layout:fixed}
.mbg a {padding-left:1px; padding-right:0}
.mcat {font-size:16px; color:#fff; font-weight:bold}
.mlist dt{ float:left}
.mlist dl{ float:left}
.mend {height:20px; clear:both}

.stitle{background:url(/images/st_bg_small.gif) bottom repeat-x}
.stittext{color:#FFFFFF;font-weight:bold;font-size:1.5em;}

.sbg {;background:url(/images/classlistbg3.gif) }
.scbox {background:url(/images/cbar2.gif) repeat-x; height:33px}
.scbox p {float:left}
.scatxt {padding-left:5px; padding-top:8px; font-size:16px; color:#000; font-weight:bold; width:150px}
.mytxt {padding-left:5px; padding-top:8px; font-size:16px; color:#000; font-weight:bold}
.clist {clear:both; background:url(/images/cbar4.gif); height:96px}
.clistbg {background:url(/images/cbar3.gif) no-repeat; width:70px; height:97px }
.clistpad {padding-left:10px; padding-top:13px}
.clttpad {padding-top:5px; padding-bottom:5px}
.clistt {height:24px; overflow:hidden;font-weight: bold; font-size:16px; color: #000000; padding-top:0; padding-left:5px}
.cldnpad { padding-top:10px}
.sbar {background:url(/images/sub_bar.gif) repeat-x}
.sbar fieldset {position:relative;width:100%; height:42px}
.sbar span {padding-top:7px;padding-left:10px; float:left}
.btnback {position:absolute;right:70px;top:7px;vertical-align:middle;cursor:pointer}
.sout {position:absolute;right:10px;top:7px;vertical-align:middle;cursor:pointer}
.slibg {background:url(/images/listbg.gif) repeat-x ;height:85px}
.simgpad {padding-left:4px; padding-top:4px}
.lstt {width:100%;height:24px; overflow:hidden;font-weight: bold; font-size:16px; color: #000000; padding-top:0; padding-left:5px}
.pglin {clear:both;background:url(/images/sub_bar2.gif) repeat-x; height:60px; font-weight: bold; text-align:center; background-color:#FFFFFF}
.pgpd {padding-top: 10px; padding-left:0; padding-bottom: 2px; color:#000000 }
.pgpd *{color:#000000}
.pgpd table{color:#000000}
.pgpd table td{color:#000000}
.pgpd table td span{color:#000000}
.bkdet {padding-left:20px; padding-top:10px}
.bkdet dt {font-size:16px; color:#fff}
.bookbg {padding-left:17px; padding-top:5px; padding-bottom:3px; background:url(/images/bookbg.gif) no-repeat}
.docpad {padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:20px}
.docpad dt {word-wrap:break-word;word-break:break-all; text-align:justify; color:#000; font-size:16px}
.cartoon { clear:both; height:32px; line-height:24pt; padding-left:5px; background:url(/images/cbar5.gif)}
.cartoon a { font-size:16px; color:#000; font-weight:bold}
.vbg {background: url(/images/bg_detail.gif) bottom repeat-x; margin-bottom:0; vertical-align:bottom}
.vbg img {vertical-align:bottom}

/* menu */
.tbt { width:100%; position:absolute; text-align:center; padding:0 0 20px 0}
.tbt2 { width:100%; position:relative; text-align:center }
.tbta { width:33%; padding-bottom:5px; float:left; text-align:center }

/*¾ó¸®¹öµåÀ̺¥Æ® ebird*/
.ebtext{padding:10px;font-size:12px; line-height:18px; font-weight:bold;letter-spacing:-0.08em;}
.ebtext2{font-size:18px; text-align:center; color:#502d0a;}
.ebtext3{font-size:14px; padding:5px 0; border-bottom:1px dotted #c7b299; color:#666; letter-spacing:-0.12em;}
.ebtext4{font-size:14px; padding:5px 0; color:#666; letter-spacing:-0.12em;}

.tit{padding-left:5px; color:#754c24;font-weight:bold; height:30px; background-color:#f0f0f0;}
.tbox{height:20px; border:solid 1px #D8D8D8;}
.tbox2{height:20px; border:solid 1px #D8D8D8; width:25%;}
.ebth{background-color:#f0f0f0; padding:1px;}

/*¿ä¾àº» ÅÇ*/
#digest_tabt {width:100%;height:35px;background:#FFFFFF;text-align:center;margin:1px 0 5px 0;}
#digest_tabt .digest_tabon {
	background: rgb(0,113,188); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(59,140,194,1) 0%, rgba(0,113,188,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(59,140,194,1)), color-stop(99%,rgba(0,113,188,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(59,140,194,1) 0%,rgba(0,113,188,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(59,140,194,1) 0%,rgba(0,113,188,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(59,140,194,1) 0%,rgba(0,113,188,1) 99%); /* IE10+ */
	background: linear-gradient(45deg, rgba(59,140,194,1) 0%,rgba(0,113,188,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8cc2', endColorstr='#0071bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-weight:bold;
}
#digest_tabt .digest_tab {
	background: rgb(183,183,183); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(183,183,183,1) 0%, rgba(158,158,158,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(183,183,183,1)), color-stop(100%,rgba(158,158,158,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* IE10+ */
	background: linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#9e9e9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-weight:bold;
}
#digest_tabt li {color:#FFFFFF;float:left;height:35px;font-size:15px;line-height:35px;}
#digest_tabt a {display:block;color:#FFFFFF;}


/*¾ó¸®¹öµå ºÐ¾ßº°*/
#eb_tabt {width:100%;height:35px;background:#FFFFFF;text-align:center;margin:1px 0 5px 0;}
#eb_tabt .eb_tabon {
	background: rgb(255,99,99); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(255,99,99,1) 0%, rgba(201,7,14,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,99,99,1)), color-stop(99%,rgba(201,7,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(255,99,99,1) 0%,rgba(201,7,14,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(255,99,99,1) 0%,rgba(201,7,14,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(255,99,99,1) 0%,rgba(201,7,14,1) 99%); /* IE10+ */
	background: linear-gradient(45deg, rgba(255,99,99,1) 0%,rgba(201,7,14,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6363', endColorstr='#c9070e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-weight:bold;
}
#eb_tabt .eb_tab {
	background: rgb(183,183,183); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(183,183,183,1) 0%, rgba(158,158,158,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(183,183,183,1)), color-stop(100%,rgba(158,158,158,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* IE10+ */
	background: linear-gradient(45deg, rgba(183,183,183,1) 0%,rgba(158,158,158,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#9e9e9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-weight:bold;
}
#eb_tabt li {color:#FFFFFF;float:left;height:35px;font-size:15px;line-height:35px;}
#eb_tabt a {display:block;color:#FFFFFF;}



/*¾ó¸®¹öµå ¹öÆ°°ü·Ã*/
.eb-bookbtn {float:left;width:55px;height:22px;line-height:22px;color:#ffffff;text-align:center;font-weight:bold;}
.ebbtn {float:left;text-align:center;border-top:solid 1px #ffffff;font-weight:bold;height:35px;line-height:35px; letter-spacing:0.05em;
		background-image: -webkit-gradient(
	linear,
	right top,
	right top,
	color-stop(0, #3AA1D1),
	color-stop(0.77, #136FAD)
);
background-image: -o-linear-gradient(right top, #3AA1D1 0%, #136FAD 77%);
background-image: -moz-linear-gradient(right top, #3AA1D1 0%, #136FAD 77%);
background-image: -webkit-linear-gradient(right top, #3AA1D1 0%, #136FAD 77%);
background-image: -ms-linear-gradient(right top, #3AA1D1 0%, #136FAD 77%);
background-image: linear-gradient(to right top, #3AA1D1 0%, #136FAD 77%);
}


/*¾ó¸®¹öµå ½Åû³»¿ªÁ¶È¸*/
.eblist {overflow:hidden; color:#333333; border:solid 1px #cccccc;}
.eblist-tit {float:left;color:#333333;}
.eblist-tit2 {overflow:hidden;color:#333333; border:solid 1px #cccccc;border-top:none;background:#ededec;}
.eblist-con {float:left; overflow:hidden; background:#ffffff;padding-top:10px;}
.eblist-btit {width:100%;line-height:20px;}




/*¾îÇÐŬ¸®´Ð*/
.language{width:100%;height:25px;text-align:center; padding:5px 0; background:#FFFFFF; border-bottom:1px solid #CCCCCC;}
.language div{float:left;letter-spacing:0em; }
.language .playmovie{padding:4px; background:#0071bc; color:#FFFFFF; font-size:12px; font-weight:bold;}




.eblist-info {text-align:center;margin:10px;padding:10px;border:solid 1px #CCCCCC;background:#FFFFFF;overflow:hidden;}
.eblist-info h3 {text-align:center;padding:3px;color:#333333;letter-spacing:0.02em;background:#eeeeee;}
.eblist-info>div {display:inline-block;height:58px;margin-top:10px;}
.eblist-info>div>div {text-align:center;height:26px;padding:3px 0;}
.eblist-info>div>div span:first-child {display:inline-block;width:51px;font-size:14px;text-align:right;margin-right:10px;}
.eblist-info>div>div span input {width:130px;height:26px;letter-spacing:0.02em;font-size:14px;padding-left:3px;}
.eblist-info>input {position:relative;top:-16px;display:inline-block;padding:22px 16px;margin:0 0 0 1px;background:#0071bc;font-weight:bold;color:#FFFFFF;border:0;cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip:padding-box;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-webkit-appearance:none;
}




/* zipcode - ½Å±¸ÁÖ¼Ò °Ë»ö */
.title-bg{width:100%;text-align:center;background:url(/images/st_bg_small.gif); background-position:bottom; background-repeat:repeat-x; }
.title-lbg{float:left;width:26px;height:33px; background:url(/images/st_corner01.gif);  background-repeat:no-repeat;}
.title-rbg{float:left;width:26px;height:33px; background:url(/images/st_corner02.gif);background-repeat:no-repeat;}
.title-text {float:left;background:url(/images/st_bg_big.gif); background-repeat:repeat-x;font-size:1.4em;padding:3px 0 0 0;color:#ffffff; font-weight:bold;text-align:center;}

.zip_find {display:none;position:absolute;width:100%;z-index:1;background:#fff;}
.zip_find input[type='text'] {height:24px;font-size:16px;padding:0 2px;}
.zip_find>div {font-size:1.4em;}
.zip_find select {height:24px;font-size:16px;padding:0 2px;}

.ziptext{background:#fff0f1;padding:5px; overflow:hidden;}
.zipfind-box {margin:5px;padding:5px 0;}
.zipfind-box>.tab>a {display:inline-block;padding:0;}
.zipfind-box>.tab>a>span {background:#eeeeee;color:#db0e15;padding:5px; border:1px solid #dddddd;}
.zipfind-box>.tab>a>span.on {background:#db0e15;font-weight:bold;color:#FFFFFF;padding:5px;border:1px solid #b6363b;}
.zipfind-box>.gubun {padding:10px 0 0 0;}
.zipfind-box>.gubun>span {display:inline-block;cursor:pointer;}
.zipfind-box>.gubun>span.on {font-weight:bold;color:#db0e15;}
.zipfind-box>.info {margin-top:10px;border:1px solid #db0e15;}
.zipfind-box>.info>div>.new2,.zipfind-box>.info>div>.old {display:none;}
.zipfind-box .zipsearch {padding:5px 0 5px 0;}
.zipfind-box .zipsearch>select,.zipfind-box>.zipsearch>input[type='text'] {vertical-align:middle;}
.zipfind-box .zipsearch>a {}
.zipfind-box .zipsearch>a>span {display:inline-block;background:#db0e15;padding:3px 5px;color:#fff;vertical-align:top;}
.zipfind-box .zipsearch>.select {width:23%;vertical-align:top;}
.zipfind-box .zipsearch .new_input {width:26%;}
.zipfind-box .zipsearch .new2_input {width:56%;}
.zipfind-box .zipsearch .old_input {width:80%;}
/*.zipfind-box .zipsearch .old2_input {width:56%;}*/
.zipfind-box .zipsearch .old2_input {width:80%;}
.zipfind-box>.list {font-size:1.0em;}
.zipfind-box>.list>h4 {padding:10px 0 5px 5px;}
.zipfind-box>.list>.zipbox {overflow:auto; height:150px;border:1px solid #CCCCCC;}
.zipfind-box>.list>.zipbox>div {background:#fff;}
.zipfind-box>.list>.zipbox>.empty {clear:both;width:100%;padding-top:65px;background:#fff;text-align:center;}
.zipfind-box>.list>.zipbox>.loading {width:100%;height:100%;background:url(/images/loading_real.gif) 50% 50% no-repeat;}
.zipfind-box>.list>.zipbox>.notsearch {clear:both;width:100%;padding-top:55px;background:#fff;text-align:center;color:#FF0000;line-height:20px;}
.zipfind-box>.list .zip_section {float:left;text-align:center;font-weight:bold;padding:5px 0;}
.zipfind-box>.list .zip_title {background:#F2F2F2;}
.zipfind-box>.list .zip80 {width:80%;}
.zipfind-box>.list .zip70 {width:70%;}
.zipfind-box>.list .zip30 {width:30%;}
.zipfind-box>.list .zip20 {width:20%;}
.zipfind-box>.zipclose {padding:5px 0;text-align:center;}
.zipfind-box>.zipclose>a>span {display:inline-block;background:#db0e15;padding:4px 5px;color:#fff;vertical-align:middle;}



/* ¾îÇÐŬ¸®´Ð */
.language_area .main_bn{margin: 0 auto; display: block}
.lang_contbox{padding: 15px 10px 0;}
.lang_contbox ul{padding:8px 0 0}
.lang_contbox ul a{font-size: 0}
.lang_contbox ul li img{width:100%}
.lang_contbox ul:after{content: ""; clear: both; display: block; overflow: hidden}
.lang_contbox ul li{float: left; width:48%; margin:0 2% 10px 0}
.lang_contbox ul li span{font-size: 13px; color: #555; line-height:18px; display: inline-block; height:40px;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical; letter-spacing: -1px; font-weight: bold;}
.lang_contbox .tit{color:#5959b5; border-bottom: 2px solid #5959b5;background: #fff; letter-spacing: 0; font-size: 14px; display: inline-block; height: 20px; width: 98%; padding: 0 0 5px}
.tit_langtoptit{font-family: "Noto Sans KR"; background: #5959b5; color: #fff; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 0}
.top_box img{padding: 40px 0; display: block; margin:0 auto}
.lang_maintbl{border-top:3px solid #5959b5; width: 100%;border-bottom:2px solid #5959b5;}
.lang_maintbl th{font-family: "Noto Sans KR"; font-size: 14px; text-align: center; color: #5959b5; letter-spacing: -1px; border-bottom: 1px solid #5959b5; padding: 10px 0}
.lang_maintbl td{ text-align: center; color: #5959b5; border-top:1px solid #c8c8d1; font-weight: bold; padding: 3px 0;font-size: 14px; font-family: "Noto Sans KR"; }
.lang_maintbl td:nth-child(2){text-align: left}
.lang_maintbl td img{vertical-align: middle}
img.sumb_main{display: block; width:40%; margin:20px auto}
.lang_cont2{padding:10px}
.sub_box_tit{color: #222; font-weight: bold; font-size: 17px; margin:10px 0; text-align: center}