@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Sans+KR|Noto+Sans+TC|Noto+Sans+SC|Noto+Serif+JP|Noto+Serif+KR|Noto+Serif+TC|Noto+Serif+SC&display=swap');


body { font-size:14px; line-height:140%; font-family: "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "맑은고딕", "Malgun Gothic", 'Dotum', "simsun", "Arial", "hiragino kaku gothic pro", sans-serif; }
input,select,textarea {font-size:12px; font-family:gulim;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

.wrap {width:950px;margin:auto;}

#header {}
#header .headerbox {}
#header .headerbox .headertop { 
    width: 100%;
    height: 70px;
    margin: 0 auto 0;
    font-size: 12px;
    position: relative;
    background: #573819;
    x-background:url(image/lib/top_pink_bg.png); x-border-bottom: 0px; x0height:168px;}
#header .headerbox .topbox { padding-top: 10px; }
#header .headerbox .topbox select { font-size: 16px; line-height:160%; padding:2px; }
#header .headerbox .topbox select option { height: 20px;  }
#header .headerbox .topbox h1 {padding:0; margin:0;}
#header .headerbox .topbox a { font-size:30px; x-font-family:"malgun gothic"; outline:none; display:inline;}
#header .headerbox .topbox img {}
#header .headerbox .topbox #top_logo { float:left; }
#header .headerbox .topbox #top_links { float:right; margin: 15px 0px 0px 0px; }
#header .headerbox .menutabs { float:left; margin-top: 8px; }

#header .headerbox .gnb {-float:right;height:30px;}
#header .headerbox .gnb .menutops {padding:3px 0 0px 0;text-align:right;font-size:11px;font-family:dotum;letter-spacing:2px;}
#header .headerbox .gnb .menutops a {font-family:gulim;font-size:11px;letter-spacing:-1px;outline:none;}
#header .headerbox .gnb .menutops a:hover {text-decoration:underline;}
#header .headerbox .gnb .menutops img {margin-bottom:-3px;}
#header .headerbox .gnb .menutops .admin {font-size:11px;font-family:dotum;font-weight:bold;color:#FA5800;}

/* main gnb menu */
/*
#header .headerbox .menutabs {-float:right; -height:15px;}
#header .headerbox .menutabs ul {position:relative; padding:0;margin:0;list-style-type:none; }
#header .headerbox .menutabs li {float:left;}
#header .headerbox .menutabs li a {display:block;height:25px; padding:11px 23px 0px 23px;font-size:15px;outline:none;color:white; font-weight:bold; }
#header .headerbox .menutabs li a:hover { color:white; -background:#3a3a3a; }
#header .headerbox .menutabs .on {position:relative;}
#header .headerbox .menutabs input {position:relative; top:-12px; } 

#header .headerbox .menutabs li div { position:absolute;display:none;width:1px;height:1px;z-index:1; top:36px; }
#header .headerbox .menutabs li div dl {margin:0px 0 0 0px;padding:7px;width:130px;background:#4f4f4f;}
#header .headerbox .menutabs li div dt {margin:0;padding:0;}
#header .headerbox .menutabs li div dd {margin:0;padding:0;}
#header .headerbox .menutabs li div dt a {overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;padding:4px 0 10px 10px;font-size:13px; height:12px; -text-shadow:0 0 0 #4f4f4f; color:white;}
#header .headerbox .menutabs li div dt a:hover {-background:#efefef; color:#00eaff; }
#header .headerbox .menutabs li div dd a {overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:13px; height:11px; -text-shadow:0 0 0 #666666; color:#00eaff;}
#header .headerbox .menutabs li div dd a:hover {background:#efefef; color:black; }
*/

/* ---------------------------------------------------------------- */
ul									{ padding:0; margin:0px; list-style: none; }
ul.dropdown a:hover		        { color:white; }
ul.dropdown a:active                { color: #BE9F41; }
ul.dropdown                         { position:relative; list-style:none; z-index:100; padding-top:8px; }
ul.dropdown li                      { font-weight:600; float:left; zoom: 1; position:relative; }
ul.dropdown li a                    { padding:11px 23px 8px 23px;font-size:15px;outline:none;color:white; font-weight:600; }
ul.dropdown li .on                  { color:#FFFF99; }
ul.dropdown > li a:hover          { color:#FFFF99; }
ul.dropdown li.hover a,
ul.dropdown li a:hover              {  }

/*ul.dropdown ul 						{ display:none; position:absolute; top:20px; list-style:none; width:184px; padding:7px 0px; left:0px; opacity:0.9; }*/
ul.dropdown ul 						{ 
	display:none; position:absolute; 
	top:25px; list-style:none; width:144px; padding:0; left:5px; z-index:101; 
	box-shadow: #666 2px 2px 3px; border-radius:10px; }
ul.dropdown ul li 					{ margin:0px; padding:0px 7px 0px; width:130px; background:#fff; list-style:none; }
ul.dropdown ul li					{ display: inline; } 

ul.dropdown ul li a					{ overflow:hidden; line-height:160%; display:block;font-weight:600;padding:0px 0 0px 10px;width:120px;font-size:15px; -text-shadow:0 0 0 #4f4f4f; color:#E72818; display: inline-block; }
ul.dropdown ul li a:hover			{ color:#111111; background:#eee;} 
ul.dropdown ul li:first-child		{ padding-top:10px; border-radius:10px 10px 0 0; }
ul.dropdown ul li:last-child		{ padding-bottom:10px; border-radius:0 0 10px 10px; }
ul.dropdown ul ul.lv3		{ display:none; }

ul.dropdown ul ul 					{ left: 100%; top: 0; color:white; list-style:none; } 
ul.dropdown li:hover > ul 			{ display:block; color:white; } 

/* ---------------------------------------------------------------- */

#container .mainbox {height:320px;padding:25px 0 25px 0;}
#container .subbox { }
#container .subbox .subtitle_image { } 
#container .subbox .subtitle {float:left;}
#container .subbox .subtitle h2 {padding:25px 0 0 0;margin:0;font-size:35px;font-family:"batang";color:#b6b6b6; -font-style:italic;}
#container .subbox .subtitle span{font-size:25px}
#container .subbox .searchbox { float:right }
#container .subbox .location { float:right; margin-top:50px; color:gray; }
#container .subbox .location a { color:gray; }

/* ------------------------- */

#footer {margin:15px 0 0 0 0; clear:both; background:#c2a486; color:#fff; min-height: 100px; }
#footer a { color:#fff; }
#footer-logo { position:absolute; width:250px; } 
#footer-top { padding:15px 0 15px 250px; }
#footer-top ul{padding-left:10px;clear:both;}
#footer-top ul li{display:inline;background:url('../image/foot_bar.gif') no-repeat right 3px;padding:3px 5px 3px 7px;}
#footer-top ul li img{display:block;}
#footer-content dt{display:inline;}
#footer-content dd{font-size:9px;display:inline;padding-left:12px;text-align:left;font-family:verdana;vertical-align:5px;}
#footer-content dd a{font-weight:bold;font-family:tahoma;}


/* 도전 서문 ---------------------------------------------------------- */
.jp {
  font-family: 'Noto Sans JP', 'sans-serif' !important;
}

.kr {
  font-family: 'Noto Sans KR', 'sans-serif' !important;
}

.cn {
  font-family: 'Noto Sans TC', 'sans-serif' !important;
}

#aa{
  width:90%;
  font-size:1.0em;
  line-height:180%;
  margin:5% 5% 10%;
}
#bb{
  width:95%;
  margin:2% 3%;
  text-indent:1em; /*첫줄들여쓰기*/
  font-size:1.2em;
  text-align:justify;
}
#cc{
  font-weight:normal;
  color:#0000ff; /* #4A7AF7;  */ 
}
#dd{
  text-align:right;
}
#ee{
  font-size:1em;
  line-height:160%;
  margin:0% 5%; 
  text-align:justify;
}
.ff{ /*펼쳐보기*/
  color:#0000ff;    
  font-size:0.8em;
}
#gg{/*각주*/
  font-size:0.9em;
  /*color:#666633; */
  line-height:150%;
 }
h3{/*대제목*/
  text-decoration:underline;
  color:#006600;
  font-size:1.5em;
  margin-top: 30px;
}
h4{/*중제목 자주색*/
  color:#0066CC;
  font-size:1.3em;
  margin-top: 20px;
}
h5{/*소제목 검은색*/
  color:#000000;
  font-size:1.2em;
}
h6{/*소소제목 녹색*/
  color:#669900;
  font-size:1.3em;
}

.dojeon { 
  align:center;
  background-image:url(/modules/ci3/views/dojeonen/image/sung_bg.jpg);
  margin:15px 15px 15px; 
  padding:10px; 
  font-size:16px;
}

#list_chapters_main .title1 { 
  width: 360px; 
  height: 90px; 
  background: url(/modules/ci3/views/dojeonen/image/title1_bg.png) no-repeat; 
  text-align: center;
  margin: 0px auto;
  padding-top:1px;
}
#list_chapters_main .title1 p { 
  font-size: 24px; color: #563718; padding: 40px; font-weight: bold; }

#unfoldall {
    padding: 20px 30px 5px;
    text-align: right;
}

#unfoldall a {
  color: #aa474a; 
  border: solid 1px #e5e5e5; 
  border-radius: 10px;
  padding: 3px 10px 3px; 
}

#unfoldall a:hover {
  background: #eee; 
}