@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
* {margin:0px;padding:0} 
@font-face {font-family: NANUM; src:url('https://paidionsquare.com/font/nanumgothic.eot');}
html{height:100%}
body{height:100%}
body, div, td, p {font-size:12px; font-family:'Nanum Gothic', sans-serif; color:#3B3A26; line-height:140%} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,td,tr,table{margin:0;padding:0;list-style:none;}
body {background-color:#FFFFFF;}


select{font-size:9pt;color:#666666;}
input{font-size:9pt;vertical-align:middle;}
form{margin:0px;}
img { border:0;vertical-align:middle;margin:0;}

a:link, a:visited, a:active {color:#3c3c3c; text-decoration:none;cursor:pointer;}
a:hover {color:#635a9d; text-decoration:none}

.verdana {font-family:verdana;}

.l{float:left;}
.r{float:right;}
.c{clear:both;}

.m2{padding:2px;}
.m5{padding:5px;}
.m10{padding:10px;}
.m15{padding:15px;}
.m20{padding:20px;}
.pl20 {padding-left:20px;}
/* Point Color */
.red { color:#e40000; }
.redL { color:#E45000; }
.darkred { color:#C5767C; }
.green { color:#61A522 !important; }
.dgreen { color:#309230; }
.ddgreen { color:#0b990b;}
.blue {color:#409DC8;}
.dblue {color:#0a96ee;}
.orange {color:#ED7000;}
.orangeL {color:#FF5A00;}
.orangeC3 {color:#C3763E;}
.orange1 {color:#FF4900;}
.redyellow {color:#e88800 !important;}
.dorange,.dorange:link,.dorange:visited,.dorange:hover {color:#E07D41 !important;}
.gray5A { color:#5A5A5A; }
.gray6 { color:#666 !important; }
.gray3 { color:#333; }
.gray80 {color:#808080;}
.gray8 {color:#888;}
.grayDD {color:#DDDAD5;}
.grayb3 {color:#b3b3b3;}
.black { color:#000000; }
.homepage { color:#309230; }
.brown {color:#C85510;}
.gold { color:#B79041; }
.darkgold { color:#7a5100; }
.white { color:#ffffff; }

.al{border:1px solid #cccccc;}
.tl{border-top:1px solid #cccccc;}
.ll{border-left:1px solid #cccccc;}
.rl{border-right:1px solid #cccccc;}
.bl{border-bottom:1px solid #cccccc;}

/* font size */
.t7 {font-size:7px;}
.t8 {font-size:8px;}
.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t11 {font-size:11px;}
.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t16 {font-size:16px;line-height:18px;}
.t18 {font-size:18px;}
.t20 {font-size:20px; line-height:100%;}

.p0 {padding:0 !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.p10 {padding:10px;}
.pt5{padding-top:5px !important;}
.pt7{padding-top:7px; }
.pt8 { padding-top:8px !important; }
.pt10{padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pl3{padding-left:3px !important;}
.pl5{padding-left:5px !important;}
.pl8{padding-left:8px !important;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px !important;}
.pr20{padding-right:20px;}
.pb0 {padding-bottom:0 !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb7 {padding-bottom:7px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}

.sp {letter-spacing:-1px;}
.sp0 {letter-spacing:0;}
.sp1 {letter-spacing:1px;}

/* 텍스트박스 스타일 */
.Btn100{border:1px solid #CCCCCC;background-color:white;width:100px;padding:2px;}

.Box30{border:1px solid #CCCCCC;width:30px;padding:3px;}
.Box50{border:1px solid #CCCCCC;width:50px;padding:3px;}
.Box100{border:1px solid #CCCCCC;width:100px;padding:3px;}
.Box150{border:1px solid #CCCCCC;width:150px;padding:3px;}
.Box200{border:1px solid #CCCCCC;width:200px;padding:3px;}
.Box300{border:1px solid #CCCCCC;width:300px;padding:3px;}
.Box380{border:1px solid #CCCCCC;width:380px;padding:3px;}
.BoxAll{border:1px solid #CCCCCC;width:95%;padding:3px;}

.np_Box30{border:1px solid #CCCCCC;width:30px;font-size:8pt;color:#666;}
.np_Box100{border:1px solid #CCCCCC;width:100px;font-size:8pt;color:#666;}
.np_Box150{border:1px solid #CCCCCC;width:150px;font-size:8pt;color:#666;}
.np_Box200{border:1px solid #CCCCCC;width:200px;font-size:8pt;color:#666;}
.np_Box300{border:1px solid #CCCCCC;width:300px;font-size:8pt;color:#666;}
.np_Box380{border:1px solid #CCCCCC;width:380px;font-size:8pt;color:#666;}
.np_BoxAll{border:1px solid #CCCCCC;width:95%;font-size:8pt;color:#666;}

.FileBox100{border:1px solid #CCCCCC;width:100px;padding:3px;}
.FileBox200{border:1px solid #CCCCCC;width:200px;padding:3px;}
.FileBox300{border:1px solid #CCCCCC;width:300px;padding:3px;}

.TextArea200{border:1px solid #CCCCCC;width:200px;padding:5px;}
.TextArea300{border:1px solid #CCCCCC;width:300px;padding:5px;}
.TextArea600{border:1px solid #CCCCCC;width:600px;padding:5px;}
.TextAreaAll{border:1px solid #CCCCCC;width:99%;padding:5px;}

.InputBtn{border:1px solid #CCCCCC;background-color:#FFFFFF;padding:5px;}
.InputBtn2{border:1px solid #CCCCCC;background-color:#3c3c3c;color:#ffffff;padding:5px;}

/* paging_bogmi */
DIV.paging_bogmi {	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.paging_bogmi A {	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none;cursor:pointer;}
DIV.paging_bogmi A:hover {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.paging_bogmi A:active {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.paging_bogmi SPAN.current {	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d}
DIV.paging_bogmi SPAN.disabled {	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}

.UItoolTip {font-family:돋움,gulim,sans-serif;border: 1px solid windowframe;background: infobackground;padding:2px 3px 1px;z-index: 10000;width:200px;}


/* 타이틀 스타일 */
.nng_title15{font-family:NANUM;font-weight:bold;color:#222;font-size:14pt;}

ul.topm {width:1000px;}
ul.topm li {float:left}
ul.topm li.topm_bg {background:url(http://paidionsquare.com/imag/to03bg.gif) repeat-x;}

#calendar td{padding:0;}

/* 제품정보 */
.plist {float:left; width:90px;color:#726996; font-size:12px;}
.plist2 {float:left; width:115px; color:#726996; font-size:12px;}
.plist3 {font-size:12px; color:#888888;}

.t11g {color:#868686; font-size:11px;}
.border { border:1px #d7d7d7 solid;}
.right_p {font-weight:bold; color:#22a422}


ul li.main_table_list {float:left;margin-right:15px;}
li.main_table_book_top {background:url(http://paidionsquare.com/imag/ma08.gif) no-repeat;width:90px;height:104px;padding:0 0 0 11px;}
li.main_table_cd_top {background:url(http://paidionsquare.com/imag/ma10.gif) no-repeat;width:83px;height:72px;padding:5px 0 0 18px;}
li.main_table_book_bottom {}

ul.main_seminar_list li {border-bottom:1px dotted #ccc;height:60px;}
.main_sem_01 {float:left;margin-right:10px;border:1px solid #ccc;}
.main_sem_02 {float:left;color:#777;text-align:left}
.main_sem_03 {color:#3366cc;padding-bottom:3px;display:block;}
.main_sem_04 {width:100%;height:13px;padding:1px 0;}


.summary th, .summary td

{

height: 24px;

border-right-width-value: 0pt;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0pt;

border-left-width-value: 0pt;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;



border-top-style: solid;

border-top-color: #e1e1e1;

}

.summary th
{

background-color: #f9f9f9;

color: #666666;

}

.summary
{

width: 100%;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

border-top-width: medium;

border-right-width-value: medium;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-left-width-value: medium;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #e1e1e1;

}

.find_tag { background:url("http://paidionsquare.com/imag/icon_tag.gif") no-repeat; padding:0 0 0 27px; margin:5px 0 0 0; font:0.95em dotum; overflow: hidden;color:#888; }
.find_bible {background:url("http://paidionsquare.com/imag/icon_bible.gif") no-repeat;padding-left:45px;margin-top:3px;font-size:11px;color:#666;}


ul.nan {padding:10px 0 0 5px;width:330px;}
ul.nan li {color:#888;font-size:12px;padding:3px 0 3px 9px;background:url("http://paidionsquare.com/imag/ma05_dot.gif") no-repeat 0 8px; }

ul.coa {width:335px;height:101px;background:url(http://paidionsquare.com/imag/coa01.gif) no-repeat;padding:20px 0 0 0;}
ul.coa li {font-size:11px;color:#777;margin-bottom:4px;padding-left:100px}

h1 {
    padding:0 5px 15px 5px;
    width:280px;
    float:left;
  }
  
div div input.view {
  padding-right:5px;
}
div div.box {
  border:3px solid #45a536;
}

div .search2 {
  float:right;
  padding:0 5px 0 0;
}
div div.box2 {
  border:0;
}
input.searchbox2 {
  border:0
}

#book_submenu {margin:0 0 0 20px; height:200px; }
#book_submenu li {width:70px; height:25px; font-size:13px; padding-left:10px; background:url(http://paidionsquare.com/images/dot.gif) no-repeat 0 8px}
#teaching_submenu {margin:0 0 0 30px; height:200px; }
#teaching_submenu li {height:25px; font-size:13px; padding-left:10px; background:url(http://paidionsquare.com/images/dot.gif) no-repeat 0 8px}

#p_submenu_head {font-size:1.9em;font-weight:bold;}

ul li div#p_submenuon a{float:left;font-size:1.1em;font-weight:bold;background-color:#000000;color:#ffffff;padding:10px;position:relative;top:40px;}
ul li div#p_submenuoff a{float:left;font-size:1.1em;font-weight:bold;padding:10px;position:relative;top:40px;}


nav ul {
  background-color:#82b72e;
}
nav ul li#special {
  background-color:#45a536;
  height:100%;
}
nav ul li#special2 {
  background-color:#1499ff;
  height:100%;
}
nav{
  width:100%;
  background-color:#82b72e;
}
nav ul{
  width:1000px;
  height: 44px;
  margin:0 auto;
}
nav ul li {
  float: left;
  padding: 14px 43px 0 43px;
  font-size:15px;
}
  
a.navi {
  color:#fff;
  text-decoration:none;
}
a.navi:hover {
  color:#f9ff5c;
  text-decoration:none;