/*
' --------------------------------------------------------------------------------
' È­ ÀÏ ¸í : Style.css
' ¿ë    µµ : ±âº»ÀûÀ¸·Î »ç¿ëÇÒ ½ºÅ¸ÀÏ ½ÃÆ®
' °ü·ÃÈ­ÀÏ :
' ÀÛ ¼º ÀÚ : ¿À¸¶¸£ 2004.1.16
' ¼ö Á¤ ÀÚ :
' ¸Þ    ¸ð :
' --------------------------------------------------------------------------------*/
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

BODY {
	font-family: "Noto Sans KR", sans-serif;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	scrollbar-face-color: #EFEFEF;
	scrollbar-shadow-color: #909790;
	scrollbar-highlight-color: #F0F7F0;
	scrollbar-3dlight-color: #909790;
	scrollbar-darkshadow-color: #EFEFEF;
	scrollbar-track-color: #EFEFEF;
	scrollbar-arrow-color: #909790;
	overflow-x:auto; overflow-y:auto;
}


A:link    {color:#3d3d3d; text-decoration:none;}/* text-decoration:underline; */
A:visited {color:#3d3d3d; text-decoration:none;}
A:active  {color:#3d3d3d; text-decoration:none;}
A:hover   {color:#3d3d3d; text-decoration:none;}

table {
	word-wrap:break-word;
	word-break:break-all;
}

.table {
	border-width:1px;
	border-color:#828282;
	border-collapse:collapse;
	word-wrap:break-word;
	word-break:break-all;
}

td {font-size: 12px; color:#3d3d3d; font:"Noto Sans KR";}
div {font-size: 14px; color:#3d3d3d; font:"Noto Sans KR";}
span {font-size: 14px; color:#3d3d3d; font:"Noto Sans KR";}
img { border:none; }
ul{list-style:none; margin:0;padding:0}
ol{padding-left:20px}


.my_title_td {
	font-weight:bold; background-color:#f4f4f4; border:1px solid #828282;
	text-align:center; padding:7px 0px 5px 0px;
}

.my_list_td {
	border:1px solid #828282; padding:5px 0px 3px 0px;
}


.common_a_title {
	font-weight:bold;
	background-color:#f4f4f4;
	padding:10px 0px 10px 5px;
	word-break:keep-all;
}

.common_a_value {
	background-color:#ffffff;
	padding:10px 0px 10px 5px;
	line-height:160%;
	word-break:keep-all;
}

.common_b_title {
	font-weight:bold;
	background-color:#f4f4f4;
	line-height:140%;
	padding:7px 0px 5px 0px;
	word-break:keep-all;
}

.common_b_value {
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	line-height:160%;
	word-break:keep-all;
}




/*********************************************
* Æû °ü·Ã ½ºÅ¸ÀÏ ½ÃÆ®
*********************************************/
.textarea	{border:1px solid #CCCCCC;font-family: "Nanum Gothic" ;overflow:auto; font-size:10pt;color:#3C713A;background-color:#ffffff;}
.input		{border:1px solid #646464;background-color:#FFFFFF;}
.btn		{font-family: "Nanum Gothic"; padding:0; height:19; color:#333333; background-color:reb(255,255,255); BORDER: #3d3d3d 1px outset;}
.select		{ font-family: "Nanum Gothic"; font-size:10pt ; background-color:#eeeeee ;}

/*°øÅë CSS*/
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mb10{margin-bottom:10px !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}

.pb10{padding-bottom:10px !important;}
.pb25{padding-bottom:25px !important;}
.pb40{padding-bottom:40px !important;}

.f_left{text-align:left !important;}
.f_right{text-align:right !important;}
.f_center{text-align:center !important;}
.tr{text-align:right !important;}
.tl{text-align:left !important;}
.float_left{float:left !important;}
.float_right{float:right !important;}
.float_clear{clear:both !important;}

.f_white{color:#FFF !important;}

.bg_green{background-color:rgb(141,199,63) !important;}

/* ¹öÆ° CSS */
.inp_black1 input {border:0px solid rgb(92,92,92);color:#FFFFFF;border-radius: 2px;line-height:150%;font-size:11px;padding:2px 15px 2px 15px;background:#333;}
.inp_black2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(0,0,0);}
.inp_orange input {border:0px;color:#FFFFFF;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(242,136,0);}
.inp_blue1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(80,117,188);}
.inp_blue2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:#6799FF;}
.inp_blue3 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:#44a6ae;}
.inp_green1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(141,199,63);}
.inp_green2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 5px 0px 5px;background:rgb(112,140,21);} /* ´Þ·Â¿ë¹öÆ° */
.inp_red1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(255,0,0);}
.inp_red2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(255,151,151);}
.inp_red3 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:#bf495e;}
.inp_write1 input {border:1px solid #333333;color:#333333;height:20px;border-radius: 2px;line-height:100%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(246,246,246);}
.inp_gray input {border:1px solid #333333;color:#333333;border-radius: 2px;line-height:150%;font-size:2.5vw;padding:5px 15px 5px 15px;background:#f5f5f5;}
.inp_gray_cart input {border:0px;color:#FFFFFF;border-radius: 2px;line-height:150%;font-size:11px;padding:3px 15px 3px 15px;background:#535353;}


/* Çì´õ */
.header_top{height:30px;text-align:left;color:#FFF !important;}
.header_top a{color:#FFF;line-height:220%;padding:0px 20px;color:#FFF !important;}
.header_top a.hleft_bar{border-left:1px solid #666;}
.header_top span{color:#FFF;line-height:220%;}

.header_top_logo{float:left;margin-top:27px;margin-bottom:28px;}

.header_top_mn{float:right; border:0px solid black;padding-top:50px;}
.header_top_mn a{font-size:18px;color:#FFF !important;margin:50px 0px;border-right:1px solid #fff;padding:0px 35px;}
.header_top_mn a:last-child{border-right:0px;}
.header_top_bar{clear:both;height:60px;margin:0px;padding:20px 0px 0px 0px;}
.header_top_bar .top_search_area{float:left;}
.header_top_bar .top_search_area .search_bar{width:500px;height:38px;border:1px solid #f18231;margin-top:10px;background:#FFF;}
.header_top_bar .top_search_area .search_bar select{border:0px;width:78px;color:#f18231;font-family: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("/mall/template/mdlib/image/_common/arrow_search.png") no-repeat 95% 50%;margin-left:20px;}
.header_top_bar .top_search_area .search_bar select::-ms-expand {display:none}
.header_top_bar .top_search_area .search_bar input[type=text]{width:95%;height:30px;font-size:16px;border:0px;}
.header_top_bar .top_login_area{float:right;}
.header_top_bar .top_login_area input{height:60px;padding:0px 40px;font-size:18px;}


/* ¸ÞÀÎÈ­¸é */
.main_bn_area{background:#e6e6e6;padding:30px 0px;}
.inner {width:1200px;margin:0 auto;}
.main_bn_area{overflow:hidden;}
.main_bn_area .bn_area{background:#2c2c2c;padding:20px;width:530px;height:370px;float:left;}
.main_bn_area .video_area{float:right;width:600px;text-align:left;}
.main_bn_area .video_area ul{padding:0px;overflow:hidden;background-image:url("/mall/template/mdlib/image/_main/bg_video.png");}
.main_bn_area .video_area ul li{float:left;padding:15px 15px 13px 15px;}

.gosi_cal_area{clear:both;background:#333333;height:38px;text-align:left;padding:16px 0px;}
.gosi_cal_area span{color:#FFF;font-size:18px;}
.gosi_cal_area .dday{padding:4px 10px;;background:url('/mall/template/mdlib/image/_main/bg_dday.gif');color:#333;}

.main_book_area{clear:both;width:1200px;margin:0 auto;border:1px solid #dcdcdc;border-top:2px solid #333;overflow:hidden;margin-top:50px;margin-bottom:50px;text-align:left;}
.main_book_area .main_shop_area{float:left;width:798px;height:418px;}
.main_book_area .main_shop_area ul{margin:38px 0px 0px 0px;}
.main_book_area .main_shop_area ul li{float:left;width:150px;margin-left:38px;}
.main_book_area .main_shop_area ul li .s_title{font-size:18px;line-height:150%;color;#333333;font-weight:600;margin-top:20px;}
.main_book_area .main_shop_area ul li .s_auther{color:#aaaaaa;font-size:16px;}
.main_book_area .main_shop_area ul li .s_money{color:#dc0000;font-size:16px;}
.main_book_area .main_notice_area{float:right;border-left:1px solid #dcdcdc;width:318px;height:162px;padding:38px 40px;}
.main_book_area .main_notice_area .n_title{font-size:22px;font-weight:600;border-bottom:1px solid #e6e6e6;padding-bottom:10px;}
.main_book_area .main_notice_area .n_title a{float:right;}
.main_book_area .main_notice_area .noti_line{margin-top:8px;}
.main_book_area .main_notice_area .noti_line a{line-height:150%;}
.main_book_area .main_notice_area .noti_line span{float:right;color:#999999;}
.main_book_area .main_notice_area .notice_btn_area{margin-top:30px;text-align:center;}
.main_book_area .main_notice_area .notice_btn_area input{width:150px;height:42px;font-size:18px;}

.main_book_area .main_customer_area{float:right;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;width:318px;height:100px;padding:38px 40px;}
.main_book_area .main_customer_area .cs_title{font-size:22px;color:#bf495e;}
.main_book_area .main_customer_area .cs_num{font-size:26px;color:#333333;float:right;}
.main_book_area .main_customer_area .main_line{clear:both;border-bottom:1px solid #e6e6e6;}
.main_book_area .main_customer_area .customer_noti{font-size:17px;color:#999999;margin-top:10px;line-height:160%;}

.main_bottom_con{border-top:1px solid #dcdcdc;overflow:hidden;}
.main_bottom_con table{border-right:1px solid #dcdcdc;}
.main_bottom_con table td{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.main_bottom_con .new_book_area a{margin-left:20px;}
.main_bottom_con .main_bank{font-size:20px;padding-left:20px;font-weight:500;}
.main_bottom_con .main_bank_name{font-size:16px;padding-left:20px;}

.copyright_area{margin-top:50px;height:240px;background:url('/mall/template/mdlib/image/_common/bg_copyright.png');}
.copyright_area .copy_inner{width:1200px;margin:0 auto;overflow:hidden;}
.copyright_area .copy_inner .copy_top_area{height:40px;text-align:left;padding-top:20px;}
.copyright_area .copy_inner .copy_top_area a{color:#898989;margin-left:20px;padding-right:20px;}
.copyright_area .copy_inner .copy_top_area a:hover{color:#323232;}
.copyright_area .copy_inner .copy_top_area a:first-child{margin-left:0px;}
.copyright_area .copy_inner .copy_top_area select{height:60px;width:218px;border:0px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding-left:20px;font-family: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("/mall/template/edumain/image/_common/arrow_select.png") no-repeat 95% 50%;float:right;margin-top:-19px;}
.copyright_area .copy_inner .copy_top_area select::-ms-expand {display:none}
/*.copyright_area .copy_inner .copy_top_area span{background:url('/mall/template/edumain/image/_common/copy_line.png') no-repeat;width:1px;}*/
.copyright_area .copy_inner .copy_bottom_area{color:#999999;padding:36px 0px 0px 0px;text-align:left;line-height:180%;}
.copyright_area .copy_inner .copy_bottom_area .copy{margin-top:30px;color:#545454;}

/* ¿ÞÂʸ޴º */
.all_left_mn{width:240px;overflow:hidden;}
.left_top_title{font-size:24px;color:#333333;font-weight:600;border-bottom:3px solid #333333;padding:18px 20px;}


/* °Ô½ÃÆÇ */
.site_board_list{margin-top:50px;}

.location_area{padding:5px 0px 10px 0px;font-size:14px;border-bottom:2px solid #f0f0f0;}
.location_area .now_location{font-size:14px;color:#f5821e;font-weight:bolder;}

/* ·Î±×ÀÎ */
.login_area{position:relative;}
.login_area .login_box{width:380px;margin:80px auto 0px auto;}
.login_area .login_box input[type=text]{font-size:16px;padding:18px;width:340px;}
.login_area .login_box input[type=password]{font-size:16px;padding:18px;width:340px;}
.login_area .login_box input::placeholder{color:#999999;}
.login_area .login_box .login_line1{margin-top:13px;}
.login_area .login_box .login_search_area{margin-top:30px;border-top:1px solid #999999;text-align:center; padding:30px; 0px 0px 0px;}
.login_area .login_box .login_search_area a{padding: 0px 15px;}

/* °ü·ÃÃ¥ÀÚ */
.ord_book_area{margin-top:20px;}
.ord_book_area .ord_book_area_title{font-size:22px;font-weight:600;}
.ord_book_area ul{overflow:hidden;margin-top:15px;}
.ord_book_area ul li{float:left;width:24%;text-align:center;border-left:1px dotted #cdcdcd;}
.ord_book_area ul li:first-child{border-left:0px;}

/* ·Î±×ÀÎ ÅÇ */
.loginTabs { display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;}
.loginTabs > li { display: table-cell; width: 100%; vertical-align: top; }
.loginTabs > li.on a { background: #fff; border-bottom:3px solid #44a6ae; font-weight:bold; color:#222;}
.loginTabs > li a { display: block; text-align: center; font-size: 16px; height: 61px; line-height: 61px; color: #444; background: #f5f5f5; font-family:notosans; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; box-sizing:border-box; box-sizing:border-box;}
.loginTabs > li:last-child a{border-right:none;}