@charset "utf-8";

/* reset */
html,body { margin:0; padding:0; height:100%; }
body { font-family:"Nanum Gothic", "³ª´®°íµñ", "Malgun Gothic", Dotum, Arial, sans-serif; font-size:12px; color:#767676; }
div, ul, ol, li, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object { border:none; margin:0; padding:0; }
img { border:none; margin:0; padding:0; vertical-align:bottom; }
li, dd { list-style:none; }
hr, legend, caption, .blind { position:absolute; left:-5000px; top:0; visibility:hidden; overflow:hidden; line-height:0.1%; font-size:0.1%; width:0.1%; height:0.1% }
caption { position:static; }
table { border-collapse:collapse; border-spacing:0; }
em, address, cite { font-style:norma; l}
a:link { text-decoration:none; color:#646464; }
a:visited { text-decoration:none;  color:#646464; }
a:active { text-decoration:none;  color:#646464; }
a:hover { text-decoration:none;  color:#646464; }
input[type=checkbox] { width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0; }
label { position:relative; top:1px; }
button { border:0px; text-indent:-99999px; cursor:pointer; }
.mb7 { margin-bottom:7px; }
.mr15 { margin-right:15px; }
.pt28 { padding-top:28px; }


/* sprite images */
.kd_spr { background:url('../images/common/kdmt_spr_m.png') left top no-repeat; }
.kd_spr_en { background:url('../images/common/kdmt_spr_m_en.png') left top no-repeat; }
.kd_spr_cn { background:url('../images/common/kdmt_spr_m_cn.png') left top no-repeat; }
.kd_spr_jp { background:url('../images/common/kdmt_spr_m_jp.png') left top no-repeat; }
.kd_spr_it { background:url('../images/common/kdmt_spr_m_it.png') left top no-repeat; }
.bt_mail { background:url('../images/common/btn_mail.png') left top no-repeat; width:60px; height:60px; display:block;}
.bt_facebook { background:url('../images/common/btn_facebook.jpg') left top no-repeat; width:60px; height:60px; display:block;}
.bt_twitter { background:url('../images/common/btn_twitter.jpg') left top no-repeat; width:60px; height:60px; display:block;}
.bt_kakao { background:url('../images/common/btn_kakaotalk.png') left top no-repeat; width:62px; height:62px; display:block;}
.bt_line { background:url('../images/common/btn_line.png') left top no-repeat; width:60px; height:60px; display:block;}
.bt_band { background:url('../images/common/btn_band.png') left top no-repeat; width:60px; height:60px; display:block;}
.bt_whatsapp { background:url('../images/common/btn_whatsapp.png') left top no-repeat; width:60px; height:60px; display:block;}

/* header */
#header { width:800px; padding:20px 0; position:relative; background:#f4f4f4; }
#header > h1 { width:91px; height:67px; margin:0 auto; background-position:0 0; }
#header > h1 > a { width:100%; height:100%; display:block; }
.icon_search { width:40px; height:40px; display:block; position:absolute; right:20px; top:50%; margin-top:-20px; background-position:-100px 0; text-indent:-99999px; cursor:pointer; }
#bt_toggle { display:none; }
#bt_toggle + .box_search { width:800px; height:0px; background:url('../images/common/bg_search.jpg') left top repeat-x; overflow:hidden;
	-webkit-transition: height 0.2s ease-in;
	-moz-transition: height 0.2s ease-in;
	-o-transition: height 0.2s ease-in;
	-ms-transition: height 0.2s ease-in;
	transition: height 0.2s ease-in;
}
#bt_toggle:checked + .box_search { width:800px; height:110px; background:url('../images/common/bg_search.jpg') left top repeat-x; }
.input_sch_t { width:580px; height:81px; margin:15px 13px 14px 25px; padding:0 18px; float:left; background-position:0 -77px; font-size:46px; }
.input_sch_t + .bt_search { width:121px; height:81px; margin:15px 25px 14px 0; float:left; background-position:-374px -168px; }
.input_sch_t:focus + .bt_search { background-position:-374px -258px; }


/* gnb */
.gnb { width:800px; overflow:hidden; }
.gnb > li { height:65px; box-sizeing:border-box; -webkit-box-sizing:border-box; }
.gnb > li.on { box-shadow:inset 0px 0px 30px #000; }
.gnb > li:first-child { width:266px; float:left; line-height:65px; background:#000000; }
.gnb > li:nth-child(2) { width:267px; float:left; background:#0973d9; }
.gnb > li:nth-child(3) { width:267px; float:left; background:#0099ff; }
.gnb > li > a { display:block; height:65px; text-align:center; color:#ffffff; font-weight:bold; font-family:Arial; font-size:28px; line-height:65px; }
.main_gnb_icon { width:130px; margin:0 auto; }
.icon_home { width:39px; height:37px; margin-right:50px; background-position:-151px 0; }
.icon_mydbook { width:50px; height:50px; background-position:-680px -201px; }
.icon_login { width:36px; height:38px; background-position:-151px -38px; }
.icon_login.on { background-position:-197px -38px; }


/* main visual */
.box_visual { width:800px; height:317px; position:relative; }
.box_visual > div { position:absolute; left:26px; bottom:27px; font-size:30px; color:#ffffff; line-height:32px; font-weight:bold; letter-spacing:-1px; }
.box_visual > div > span { display:block; font-size:22px; font-weight:normal; }
.box_visual > div > div { width:100%; overflow:hidden; white-space:nowrap; }


/* main tabmenu */
#tab_menu { width:700px; margin-left:32px; }
#tab_menu a span { width:100%; height:22px; padding:5px 10px 3px; }
#tab_menu a:hover span { background:#82969d; color:#fff; }
#tab_menu .tab_on { background:#82969D; color:#fff; }
#tab_menu .tab_off { background:#eee; color:#000; }


/* container */
#container { width:800px; }
.main_con { width:800px; padding:20px 0; background:url('../images/main/bg_main_con.jpg') left top; }
.main_tab_menu { width:750px; margin:0 auto; margin-bottom:20px; }
.main_tab_menu > ul { overflow:hidden;}
.main_tab_menu > ul > li { float:left; background:#7c7c7c; }
.main_tab_menu > ul > li.on { background:#181818; }
.main_tab_menu > ul > li:first-child { width:249px; margin-right:1px; }
.main_tab_menu > ul > li:nth-child(2) { width:249px; margin-right:1px; }
.main_tab_menu > ul > li:last-child { width:250px; }
.main_tab_menu > ul > li > a { display:block; height:60px; font-size:26px; color:#ffffff; letter-spacing:-0.2px; line-height:56px; text-align:center; }

.list_tab_thum { width:750px; margin:0 auto; overflow:hidden; }
.list_tab_thum > li { width:176px; float:left; margin-right:15px; }
.list_tab_thum > li:first-child { margin-right:16px; }
.list_tab_thum > li:last-child { margin-right:0px; }
.list_tab_thum > li > a { display:block; background:#ffffff; }

.list_thum_title { padding:10px; }
.list_thum_title > li { color:#333333; font-size:22px; line-height:24px; letter-spacing:-0.2px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.bottom_article { width:750px; padding:20px 25px; overflow:hidden; }
.link_manager { width:177px; height:172px; margin-right:15px; display:block; float:left; background-position:0 -168px; }
.link_reader { width:177px; height:172px; margin-right:15px; display:block; float:left; background-position:-187px -168px; }
.sec_notice { width:366px; float:left; padding:5px 0;}
.sec_notice > h3 { font-size:24px; margin-bottom:20px; }

.list_main_notice > li { overflow:hidden; line-height:35px; }
.list_main_notice > li > a { width:100%; height:35px; display:block; }
.list_main_notice > li > a > div { font-size:22px; color:#444444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.notice_title { width:230px; float:left; }
.notice_time { width:120px; float:right; }


/* title */
.box_title { width:750px; height:53px; padding:10px 25px; overflow:hidden; background:url('../images/common/bg_cate_title.png') left top repeat-x; line-height:53px; }
.box_title > .box_title_inner { display:block; float:left; overflow:hidden; }
.box_title > .box_title_inner > button { float:left; margin:0 15px 0 0; }
.box_title > .box_title_inner > h3 { float:left; font-family:Arial; font-size:28px; }
.box_title > select { height:49px; float:right; border:2px solid #bbbbbb; font-size:25px; }


/* login form */
.page_login { min-height:800px; }
.join_complete { padding:100px 0; font-size:20px; color:#666666; line-height:32px; text-align:center; }
.join_complete > .font1 { font-size:26px; color:#CA295F; font-weight:bold; }
.join_complete > .font2 { font-size:26px; color:#000000; font-weight:bold; }
.field_login {
	width:750px; margin:0 auto; margin-top:20px; padding-bottom:30px;
	
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
	
	/* box shadow */
	-moz-box-shadow:0px 2px 0px #e8e8e8;
	-webkit-box-shadow:0px 2px 0px #e8e8e8;
	box-shadow:0px 2px 0px #e8e8e8;
	
	border:solid 2px #999999;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.field_login > h3 { padding:30px 30px 35px; border-bottom:1px solid #bfc2ce; color:#0973d9; font-weight:bold; font-size:30px; }
.field_login > p { width:690px; margin:0 auto; padding:20px 0 0; font-size:24px; line-height:36px; letter-spacing:-1px; color:#666666; }
.field_login > dl { width:690px; margin:0 auto; padding-top:20px; color:#666666; font-size:24px; letter-spacing:-1px; line-height:36px; }
.field_login > dl > dt { font-weight:bold; }
.box_login_form { width:690px; margin:0 auto; overflow:hidden; }
.form_join th { text-align:left; padding:4px 0; }
.form_join td { text-align:right; padding:4px 0; }
.form_join td span { padding:0 17px; font-size:28px; color:#777777; font-weight:bold; }
.form_join label { font-size:26px; color:#666666; }
.input_text { width:475px; height:28px; padding:22px; background-position:0 -349px; font-size:28px; color:#444444; font-weight:bold; }
.input_text_t { width:98px; height:28px; padding:22px; background-position:-529px -194px; font-size:28px; color:#444444; font-weight:bold; -webkit-text-size-adjust:none; }
.input_text_l { width:475px; height:28px; float:left; padding:22px; background-position:0 -349px; font-size:28px; color:#aaaaaa; font-weight:bold; -webkit-text-size-adjust:none; }
.input_text_l:focus { color:#444444; }
.bt_login { width:150px; height:150px; float:right; background-position:-529px -271px; }
.bt_login_b { width:150px; height:150px; background-position:-529px -271px; }
.bt_submit_b { width:150px; height:150px; float:right; background-position:-689px -271px; }
.bt_join_b { width:335px; height:76px; background-position:-345px -603px; }
.form_check { width:690px; margin:0 auto; padding:20px 0 30px; border-bottom:2px solid #bfc2ce; }
.input_check { position:relative; top:-1px; vertical-align:middle; }
.input_check { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.input_check + label { margin:0 0 0 0; padding:5px 0 8px 50px; display:inline-block; width:200px; height:28px; background:url('../images/common/kdmt_check.png') left top no-repeat; font-size:28px; line-height:28px;  } 
.input_check:checked + label { background-position:left -49px; }
/* 
.input_check:disabled + label { background-position:left 0px; }
.input_check:checked:disabled + label { background-position:left -75px; }
.input_check:focus + label {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6);
}
*/
.btn_join_set { text-align:center; padding:20px 0; }
.login_btn_set { width:690px; margin:0 auto; margin-top:30px; text-align:center; }
.bt_find_id { width:335px; height:76px; display:inline-block; background-position:0 -431px; }
.bt_find_pw { width:335px; height:76px; display:inline-block; background-position:-345px -431px; }
.bt_join { width:335px; height:76px; display:inline-block; background-position:0 -517px; }
.bt_join_l { width:689px; height:76px; margin-top:15px; display:block; background-position:0 -689px; }
.bt_rewrite { width:335px; height:76px; display:inline-block; background-position:-345px -517px }
.bt_submit { width:335px; height:76px; display:inline-block; background-position:0 -603px }
.box_find_id { width:700px; margin:0 auto; margin-top:20px; padding:30px 25px; background:#f1f1f1; border:2px solid #dddddd; font-size:24px; color:#333333; line-height:36px; letter-spacing:-1px; }
.box_find_id > span { color:#0973d9; font-weight:bold; }
.box_privacy_check { width:700px; margin:0 auto; margin-top:20px; padding:10px 30px; background:#f1f1f1; border:2px solid #dddddd; color:#777777; line-height:36px; }
.box_privacy_check > table { width:100%; line-height:60px; }
.box_privacy_check > table th { font-size:24px; text-align:left; }
.box_privacy_check > table td { text-align:right; font-weight:bold; }
.box_privacy_check > table td a { font-size:22px; color:#777777; }
.agree_check { position:relative; top:-1px; vertical-align:middle; }
.agree_check { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.agree_check + label { margin:0 0 0 0; padding:5px 0 8px 50px; display:inline-block; height:28px; background:url('../images/common/kdmt_check.png') left top no-repeat; line-height:28px; } 
.agree_check:checked + label { background-position:left -49px; }


/* popup layer */
.layer_area { width:520px; height:420px; position:absolute; left:50%; top:50%; margin-left:-260px; margin-top:-210px; background:#fff; padding:20px; border:4px solid #ddd;}
#layer1 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#layer2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
.popup_join_text { font-size:20px; line-height:28px; }
.btn_close { width:26px; height:26px; position:absolute; right:-4px; top:-34px; background:#ffffff; text-align:center; line-height:24px; font-size:20px; color:#666666; border:4px solid #dddddd; }


/* gallery */
.list_gallery { width:800px; padding:20px 0 0; }
.list_gallery > li { overflow:hidden; padding:20px; border-bottom:2px solid #e6e6e6; }
.list_gallery > li.nocontent { padding:280px 0; text-align:center; font-size:30px; }
.box_gallery_left {
	width:152px; height:201px; float:left; display:block; margin:0 30px 5px 0;
	
	border:2px solid #898989;
	
	/* box shadow */
	-moz-box-shadow:5px 5px 0px #cccccc;
	-webkit-box-shadow:5px 5px 0px #cccccc;
	box-shadow:5px 5px 0px #cccccc;
}
.box_gallery_right { width:574px; float:left; }
.gallery_info { width:100%; margin-bottom:23px; table-layout:fixed; }
.gallery_info th { padding:10px 0; text-align:left; font-size:26px; color:#666666; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.gallery_info td { padding:1px 0; font-size:24px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.gallery_info td.info_disk { text-align:right; }
.gallery_info td.info_disk > .cBlue { color:#0000ff; }
.gallery_info td.info_disk > .cRed { color:#ff0000; }
.gallery_btnset { overflow:hidden; }
.gallery_btnset > li { float:left; margin-right:10px; }
.gallery_btnset > li:last-child { margin-right:0px; }
.bt_down { width:128px; height:63px; display:block; background-position:-329px 0; }
/* .bt_mail { width:144px; height:63px; display:block; background-position:-467px 0; } */
.bt_link { width:128px; height:63px; display:block; background-position:-621px 0; }
.bt_copy { width:128px; height:63px; display:block; background-position:-759px 0; }
.list_gallery_num { width:470px; padding:20px 165px; overflow:hidden; }
.box_page_num { width:242px; height:113px; display:block; float:left; text-align:center; font-size:30px; color:#666666; line-height:113px; font-weight:bold; }
.bt_page_prev { width:113px; height:113px; display:block; float:left; background-position:-626px -77px; }
.bt_page_next { width:113px; height:113px; display:block; float:left; background-position:-749px -77px; }


/* notice */
.list_notice { width:800px; }
.list_notice > li { overflow:hidden; padding:20px; border-bottom:2px solid #e6e6e6; }
.list_notice > li > a { font-size:24px; color:#444444; }
.list_notice > li > a > .left { width:610px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_notice > li > a > .right { width:140px; float:right; text-align:right; }

.box_noticeDetail { width:800px; border-bottom:2px solid #e6e6e6; }
.box_noticeTitle { padding:20px; border-bottom:1px solid #e6e6e6; font-size:28px; color:#444444; }
.box_noticeTitle:after { content:""; display:block; clear:both; }
.box_noticeTitle > .left { width:610px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.box_noticeTitle > .right { width:150px; float:right; text-align:right; }
.box_noticeContent { padding:20px 20px 30px; font-size:24px; color:#666666; }
.bt_page_list { width:113px; height:113px; display:block; margin:0 auto; background-position:-690px -431px; }


/* category */
.list_category { width:800px; }
.list_category > li { height:85px; background:#ffffff; border-bottom:2px solid #e6e6e6; line-height:85px; }
.list_category > li:nth-child(2n) { background:#f7f7f7; }
.list_category > li > a { padding:0 50px; display:block; font-size:30px; color:#333333; font-weight:bold; }
.list_category > li.nocontent { padding:280px 0; text-align:center; font-size:30px; }


/* provision */
.box_proText { width:740px; padding:20px 30px; display:block; font-size:24px; line-height:42px; background:#fff; }
.box_proText > a { color:#666666; text-decoration:none; }
.title_proText { font-weight:bold; }
.notice_content { width:740px; padding:0px 30px; display:block; font-size:18px; font-style:bold; line-height:20px; background:#fff; }


/* help */
.pr05e { padding-right:0.5em !important; }
.pl05e { padding-left:0.5em !important; }

.box_proText > h2 { display:block; font-weight:bold; font-size:1.2em; padding:0.5em 0; }

.help_list { width:100%; overflow:hidden; }
.help_list > li { padding:0 0.5em 1em; border-bottom:solid 1px #999; overflow:hidden; }
.help_list > li > .box_img { width:50%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; }
.help_list > li > .box_img > img { width:100%; }
.help_list > li > ol { width:48%; margin-left:2%; float:left; line-height:1.2em; list-style-type:decimal; }
.help_list > li > ol > li { padding-bottom:0.5em; }
.help_list .border_none {border:0;}


/* nation */
.box_nation { width:740px; padding:30px; margin-bottom:-50px; overflow:hidden; }
.box_nation > li { margin-bottom:50px; float:left; }
.box_nation > li:nth-child(3n+2) { margin-left:50px; margin-right:50px; }
.box_nation > li > label { width:213px; height:140px; display:inline-block; cursor:pointer; }
.nation_select { position:absolute; left:0px; top:0px; margin:0px; opacity:0; }
.nation_select:checked + label { background-position:0 -140px; }
.nationkr { background:url('../images/common/nationKR.png') no-repeat; }
.nationcn { background:url('../images/common/nationCN.png') no-repeat; }
.nationen { background:url('../images/common/nationUSA.png') no-repeat; }
.nationjp { background:url('../images/common/nationJP.png') no-repeat; }
.nationit { background:url('../images/common/nationITA.png') no-repeat; }


/* footer */
#footer { width:750px; height:70px; padding:20px 25px; background:url('../images/common/bg_footer.jpg') left top repeat-x; overflow:hidden; }
#footer > article { width:620px; float:left; }
#footer > h2 { width:73px; height:54px; margin-top:10px; display:block; float:right; background-position:-246px 0; }
.bottom_menu { margin-bottom:15px; }
.bottom_menu > ul { overflow:hidden; }
.bottom_menu > ul > li { float:left; margin-right:25px; }
.bottom_menu > ul > li > a { display:block; font-size:22px; color:#777777; }
.bottom_menu > ul > li > select { height:30px; margin-top:3px; border:1px solid #bbbbbb; font-size:20px; }
address { font-family:Arial; font-size:20px; color#999999; background:#f4f4f4; }