@charset "UTF-8";

/* Page Title */

body { width:100%; padding:0px; margin:0px;}
 
/*서브 BG
.sub_vi1  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi1.png') no-repeat top center; background-color:#ddd;  }
.sub_vi2  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi2.png') no-repeat top center; background-color:#ddd;  }
.sub_vi3  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi3.png') no-repeat top center; background-color:#ddd;  }
.sub_vi4  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi4.png') no-repeat top center; background-color:#ddd;  }
.sub_vi5  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi5.png') no-repeat top center; background-color:#ddd;  }
 */
#sub_wrap  {width:1200px; margin:0 auto; }

.content_wrap {position:relative; width:100%; float:left;}
.sub_content {position:relative;width:880px; float:right; margin-top:-110px; right:0;}
.sub_content2 {position:relative; width:100%; float:left; margin-top:50px;}

.content_wrap .h2_wrap    {width:100%; float:left; border-bottom:2px solid #ddd; margin:0px 0 50px 0; border-top:1px solid #ddd; padding:20px 0;}
.content_wrap .h2_wrap h2 {font-size:30px; color:#333; font-weight:500; display:inline-block; vertical-align:bottom;}
.content_wrap .h2_wrap span { font-size:14px; color:#777; float:right; margin-top:20px; font-weight:300}



/*메뉴*/
/* 내용 위에 탭 메뉴 */ 
.content_menu          		  {position:absolute; top:450px; left:0; width:100%; height:55px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;} 
.content_menu   .in      	  {margin:0 auto; width:1200px; background:#dfd; }
.content_menu   .in  .home    {width:5%;height:55px; background:#31865e; float:left; padding:17px 0px 0px 0px; text-align:Center;  border:1px solid #ddd; border-top:0; border-bottom:0 ; box-sizing:border-box; }

.content_menu  .in  .box1 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd;} 
.content_menu  .in  .box2 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd;} 



/* 서브 왼쪽 메뉴 leftmenu */
#leftmenu	{width:265px;float:left; border:1px solid #ddd; box-sizing:border-box;}

.mn_title      		{width:265px; background: #66cccc;  /*url('/common/img/sub/sub_mn_bg.png') no-repeat right top; */padding:30px 0 30px 20px; box-sizing:border-box;  margin-top:50px; margin-bottom:10px;}
.mn_title h2		{font-size:22px; font-weight:500; color:#fff; text-align:left;}
.mn_title span		{font-size:14px; font-weight:400; color:#fff; text-align:left; letter-spacing:0.2px; opacity:0.6;}
		  
/*#leftmenu ul			{background-color:#f6f6f6; border-top:1px solid #012a7e; border-bottom:1px solid #012a7e; margin-top:20px;}
#leftmenu li			{font-size:14px; color:#585858; line-height:50px; border-bottom:1px solid #e1e1e1; }
#leftmenu a				{display:block; padding-left:20px;}
#leftmenu a:hover		{background:#012a7e; color:#fff;}
*/

#leftmenu ul,
#leftmenu ul li,
#leftmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#leftmenu > ul	{ border-bottom:0px solid #012a7e; }
#leftmenu ul ul { display: none;}

#leftmenu > ul > li.active2 > ul {display: block;}
.align-right {float: right;}

#leftmenu > ul > li > a {
  padding: 15px 20px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  letter-spacing:-1px;
  text-decoration: none;
  color: #666;
  background: #fff; 
  border-bottom:1px solid #e1e1e1;
  -webkit-transition: color .1s ease;
  -o-transition: color .1s ease;
  transition: color .1s ease;
}

#leftmenu > ul > li > a:hover {
  color: #66cccc !important ;
 /* background: url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  */}

#leftmenu > ul > li >  a:hover		{ color:#66cccc !important;  } 
#leftmenu > ul > li >  a:link		{text-decoration:none;  } 
#leftmenu > ul > li >  a:active		{background:#fff; text-decoration:none;  color:#66cccc !important; font-weight:600; }
#leftmenu > ul > li >  a:visited	{text-decoration:none; color:#666; }


#leftmenu > ul > li.ov >  a:hover		{background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none; color:#66cccc !important; } 
#leftmenu > ul > li.ov >  a:link		{background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none;  color:#66cccc !important;  } 
#leftmenu > ul > li.ov >  a:active		{background:#f7f7f7; text-decoration:none; color:#66cccc; font-weight:500; }
#leftmenu > ul > li.ov >  a:visited		{background:#f7f7f7;text-decoration:none; color:#66cccc; }



#leftmenu ul > li.has-sub2 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}


#leftmenu ul > li.has-sub2 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#leftmenu ul > li.has-sub2.open > a:after,
#leftmenu ul > li.has-sub2.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu > ul > li.active3 > ul {display: block;}

#leftmenu ul > li.has-sub3 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3.open > a:after,
#leftmenu ul > li.has-sub3.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu ul ul li a {
  padding: 14px 32px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  border-bottom:1px solid #e2e2e2;
  color: #777;
    background:#fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

#leftmenu ul ul ul li a { padding-left: 32px;}

/* 작은 소메뉴 */
#leftmenu > ul  > li > ul > li a:hover			{ color:#333 !important;  background:#f7f7f7;} 
#leftmenu > ul  > li > ul > li a:link			{text-decoration:none;  } 
#leftmenu > ul  > li > ul > li a:active			{background:#f7f7f7; text-decoration:none; color:#333; font-weight:600; }
#leftmenu > ul  > li > ul > li a:visited		{text-decoration:none; color:#777; }
               
#leftmenu > ul > li > ul > li.ov  a:hover		{background:#f7f7f7; text-decoration:none;  color:#66cccc !important; } 
#leftmenu > ul > li > ul > li.ov  a:link		{background:#f7f7f7; text-decoration:none; color:#333; } 
#leftmenu > ul > li > ul > li.ov  a:active		{background:#f7f7f7; text-decoration:none; color:#333; font-weight:500; }
#leftmenu > ul > li > ul > li.ov  a:visited		{background:#f7f7f7; text-decoration:none; color:#333; }

#leftmenu ul ul li a:hover {color: #ffffff; }


/* 아코디언 CSS */

#leftmenu .menu a {
  display: block;
  padding: 10px 15px;
}

#leftmenu .drop-down a {
  min-width: 90px;
}

#leftmenu .drop-down-menu {
  display: block;
}

#leftmenu .menu-title {
  cursor: pointer;  
  display:block;
  padding: 12px 20px; 
  font-weight:400 !important;
}

#leftmenu .activate {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin: 0 0 0 -15px;
  opacity: 0;
}

/* Skin */
#leftmenu .menu a, .drop-down-menu {
  background: #fff;
  color:#666;  
  
}

#leftmenu .menu a:hover, .drop-down-menu:hover {
  color: #66cccc;
}

#leftmenu .drop-down a {
  background: #fff;
  border:none;
  padding:9px 18px;
}

#leftmenu .drop-down a:hover {
  color: #66cccc;
}

#leftmenu .menu  {
	font-size:16px; 
}

:checked ~ .menu-title {  
  color:#66cccc;
  background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px; 
}

#leftmenu .drop-down {
  max-height: 0;
  overflow: hidden;
}

#leftmenu .drop-down a {
  background: #fff;
  font-size:15px;
  
}

#leftmenu .activate:checked ~ .drop-down {
  max-height:500px;  
}

#leftmenu .drop-down, 
#leftmenu .menu a, .drop-down-menu {
  -webkit-transform: translateZ(0);  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#leftmenu .drop-down-menu {border-bottom:1px solid #ddd;}


#leftmenu .drop-down ul li:first-child{padding-top:6px}
#leftmenu .drop-down ul li:last-child{padding-bottom:6px}



b {font-weight:500; color:#333;}

#article {width:1200px; float:left; padding:0px 0 90px 0;}
.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}

.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_33  {width:33% !important; float:left;}
.box_40  {width:40% !important; float:left; background-color:#fff;}
.box_45  {width:45% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_80  {width:80% !important; float:left;}
.box_85  {width:85% !important; float:left;}
.box_90  {width:90% !important; float:left;}


p,span {margin:0;}
.deco1  {font-size:1.15em; line-height:1.5em; font-weight:600; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:800; color:#333;}

.baro_btn {font-size:15px; color:#777 !important; float:right; padding:8px 20px; border-radius:20px; background:#fff; color:#555 !important; box-shadow:1px 1px 1px 0px #ddd}
.baro_btn:hover {text-decoration:underline;}

.text_box  {font-size:17px; line-height:1.4em; font-weight:400; color:#555; }  
.text_box2  {font-size:19px; line-height:1.4em; font-weight:400; color:#333;}  
.text_box3  {font-size:15px; line-height:2em; font-weight:400; color:#666;}  

.text_box4  {font-size:20px; line-height:1.5em; font-weight:500; color:#555;}  

.text_box1_bd {font-size:17px; line-height:1.3em; font-weight:400; color:#555; border-bottom:1px dashed #ddd; padding-bottom:12px; margin-bottom:12px;}  

.text_bg1 {background:#f7f7f7; width:100%; float:left; padding:10px 20px; box-sizing:border-box;  }
.text_bg1_box {position:relative; background:#fff; width:100%; float:left; padding:15px 20px;  box-sizing:border-box; border:1px solid #ddd; }
.text_bg1_box_tit {position:absolute; top:-40px; left:0; padding:8px 22px; box-sizing:border-box; font-weight:500; border-radius:15px 15px 0 0; color:#fff; background:#555; font-size:17px; display:inline-block;}


.text_bg5 {background:#e4f3f2; width:100%; float:left; padding:12px 20px; box-sizing:border-box; line-height:1em !important; font-size:15px; font-weight:400; color:#555; border:none}
.text_bg6 {background:#f7f7f7; width:100%; float:left; padding:10px 20px; box-sizing:border-box; font-size:15px; }




.color1  {color:#054f98; }
.color2  {color:#777; }
.color3  {color:#ff9009; }


.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }

.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:40px; margin-bottom:50px;  width:100%; float:left;}
.border_top  {border-top:1px dashed #ddd; padding-top:30px; width:100%; float:left;}


table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center;  border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }

/* 찜하기 */
.star_btn {
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  color:#ddd;
}

.star_btn:hover {
  color: gold;
}

.star_btn_ov {
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  color: gold;
}

.fa-download:hover {
  color: #ec8899;
}


.line_highlight {border-bottom:0px solid #b4e7f8; box-shadow:inset 0 -5px 0 #b4e7f8; font-size:20px; font-weight:500;}


/* 공통 */
.under_bg {width:100%; float:left; padding:120px 0;}
.under_bg_txt {width:90%; float:left; margin-left:5%; margin-top:-35px; text-align:center; margin-bottom:20px; background:#fff; padding-top:35px; box-sizing:border-box; border:1px solid #ddd;}

.under01_bg {background:#ddd url(/common/img/sub/understand01_img.png) no-repeat center center;}
.under03_bg {background:#ddd url(/common/img/sub/understand03_img0.png) no-repeat center center;}


/* */
.library01_bg1 {width:48%; float:right; padding:130px 0; background:url(/common/img/sub/library01_img1.png) no-repeat right bottom 0px;}
.library02_bg1 {width:55%; float:right; padding:130px 0; background:url(/common/img/sub/library02_img1.png) no-repeat right bottom 0;}
.library03_bg1 {width:50%; float:right; padding:132px 0; background:url(/common/img/sub/library03_img1.png) no-repeat right bottom 0;}
.library04_bg1 {width:30%; float:right; padding:190px 0; background:url(/common/img/sub/library04_img0.png) no-repeat right bottom 0;}



/*오시는 길*/
.circle_bg{padding:12px; border-radius:50px; background:#00723b; margin-right:20px;}
.bold_f{font-weight:500; }

.address_bar{width:42px; height:2px; background:#339900; float:left; margin-top:5px;}

.map_info{width:100%; float:left; margin:30px 0;}
.map_info li{width:50%; float:left; line-height:1em; color:#333; font-size:17px; font-weight:200;}

.map_info2{width:100%; float:left; background:#f7f7f7; padding:15px; box-sizing:border-box;}

.map_info_txt {padding:0 0 5px 0px; color:#333;  font-size:16px; font-weight:300; display:block;}
.map_info_txt2{color:#666; font-size:16px; font-weight:300; display:block; line-height:1.8em; }
.map_info_txt3{margin:10px 0 0px 0px; color:#666; font-size:15px; font-weight:300; display:block;}
.map_info_txt3 a{color:#666 !important;}
.map_info_txt3 a:hover{color:#333 !important;}

.bus_b{padding:2px 7px; background:#0070ee; color:#fff; border-radius:5px; font-size:14px; }
.bus_g{padding:2px 7px; background:#1ba925; color:#fff; border-radius:5px; font-size:14px; }
.bus_ma{padding:2px 7px; background:#999; color:#fff; border-radius:5px; font-size:14px; }
.subway_b{padding:2px 7px; background:#33a5eb; color:#fff; border-radius:5px; font-size:14px; }
.car_b{padding:2px 7px; background:#555; color:#fff; border-radius:5px; font-size:14px; }

.sub_h3_tit {font-size:25px; font-weight:500; line-height:1.35em; width:100%; float:left;}

.color_mi {color:#60bdc2; }
.color_bl {color:#0f83f1; }
.color_pi {color:#ec889a !important; }

.f_bold {font-weight:500;}

/* 사이트맵 */
.sitemap_wrap{width:100%; float:left;}
.sitemap_box{width:23%; margin-right:2.4%; float:left; border:1px solid #ddd; }
.sitemap_box>ul>li{border-bottom:1px solid #ddd;padding:15px 0; text-align:center;} 
.sitemap_box>ul>li>a{font-size:17px; font-weight:400; color:#333;} 
.sitemap_tit1{background:#00723b url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_tit2{background:#87b73f url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_submenu{ margin-top:5px;}
.sitemap_submenu li{ text-align:left; margin-left:35%;}
.sitemap_submenu li a{color:#777; font-weight:300;}

/* 서브 타이틀 앞에 ◇ 마름모 라인이미지 */
.tit_line        {width:100%; font-weight:600; font-size:1.3em; line-height:1em; padding-left:25px; box-sizing:border-box; 
background:url('/common/img/sub/tit_line2.png') no-repeat top left;  float:left;  color:#333; }

.tit_line2 {width:100%; float:left; padding-left:25px;  font-weight:600; font-size:1.3em; line-height:1em; background:url('/common/img/sub/tit_line2.png') no-repeat bottom left;}

i.fa-arrow-alt-circle-right {font-size:23px; vertical-align:middle; color:#ec889a; margin-right:3px;}


.color_r{color:#c00 !important;}
.color_b{color:#003399;}
.color_gr{color:#777; font-size:15px; font-weight:300;}

.table_title{font-size:16px; color:#555; font-weight:400;}

.textarea_wrap { text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

#board .fix_notice{font-weight:500; color:#ec8899;}

/* 지향점 */
.text_bg2 {width:100%; float:left; box-sizing:border-box; border:1px solid #ddd;  padding:15px 30px;}
.text_bg2 .col-1  {width:100%;  float:left; box-sizing:border-box; border-bottom:1px dashed #ddd; padding:30px 0; }
.text_bg2 .col-1:last-child {border:none;}
.text_bg2 .col-1 p b { font-size:17px; color:#f1816b; display:inline-block; margin-bottom:8px;}


/*통통국어수업 소개  class01*/
.text_box100 {width:100%; float:left; box-sizing:border-box; border:1px solid #ddd; padding:15px 30px;}
.text_box100 .col-2  {width:50%; float:left; box-sizing:border-box;  padding:20px 0; }
.text_box100 .col-2 img {text-align:center; float:left; margin-right:25px;}
.text_box100 .col-2 p {width:95%; font-size:17px; line-height:1.35em; padding:0 25px; box-sizing:border-box; }
.text_box100 .col-2 p b { font-size:17px; color:#ec8899; display:inline-block; margin-bottom:8px;}



.box_100 .col-2  {width:50%; float:left; height:240px;}
.box_100 .col-2:nth-child(2) {float:right;}
.box_100 .col-2 p { padding:50px 30px; box-sizing:border-box; }
.box_100 .col-2 p b { font-size:22px; color:#60bdc2; display:inline-block; margin-bottom:12px;}
.box_100 .col-2 img {width:100%; box-sizing:border-box;}


.box_100 .bg_box_100  {width:100%; float:left; border:1px solid #ddd; background:#f7f7f7; padding:30px; box-sizing:border-box;}

.box_100 .bg_box_100 p { box-sizing:border-box; text-align:left;}
.box_100 .bg_box_100 p b { font-size:22px;display:inline-block; margin-bottom:12px;}



.box_100 .col-3 {float:left;}
.box_100 .col-3:last-child {float:right; margin:0;}
.box_100 .col-3 p 	{ box-sizing:border-box; width:100%; float:left; text-align:center;}

.box_100 .squ-3 {width:32.9%; float:left; border:1px solid #ddd; border-right:none; height:460px;}
.box_100 .squ-3:last-child {float:right; margin:0;  border-right:1px solid #ddd;}
.box_100 .squ-3 img 	{ box-sizing:border-box; width:100%; float:left;}
.box_100 .squ-3 p 	{ box-sizing:border-box; width:100%; float:left; padding:20px;}

.box_100 .bor-3 {width:32.9%; float:left; border-right:1px dashed #ddd; height:220px; text-align:center;}
.box_100 .bor-3:last-child {float:right; margin:0;  border-right:1px solid #ddd;}
.box_100 .bor-3 img 	{ box-sizing:border-box; width:100%; float:left;}
.box_100 .bor-3 p 	{ box-sizing:border-box; width:100%; float:left; padding:20px; }




/* 통일국어 교수∙학습의 방향 */
.order_wrap {width:100%; float:left; border:1px solid #ddd; padding:15px; box-sizing:border-box;}
.order_wrap ul li {width:32%; float:left; padding-top:0px;}
.order_wrap ul li p {width:100%; float:left;  box-sizing:border-box;}





/* 갤러리 */
.box_100 .gall-3  {width:32.333%;  margin-right:1.5%; float:left;}
.box_100 .gall-3:nth-child(3) {margin-right:0; float:right;}
.box_100 .gall-3:nth-child(6) {margin-right:0; float:right;}
.box_100 .gall-3 span {margin-top:5px; text-align:center; display:block; font-size:18px; font-weight:500;}
.box_100 .gall-3 img {width:100%; border:1px solid #ddd; box-sizing:border-box;}





.book_conwrap {width:100%; float:left;  padding:10px 30px;}
.book_conwrap li h3 {font-size:17px; font-weight:500; display:inline-block; margin:5px 0;}
.book_conwrap li span {color:#333; margin-top:10px;}

.book_conwrap2 {width:100%; float:left;}
.book_conwrap2 li  { width:100%; float:left; padding:25px 40px; box-sizing:border-box; border-radius:60px; margin-bottom:15px;}
.book_conwrap2 li:last-child  {border-bottom:0px dashed #ddd;}
.book_conwrap2 li h3 {font-size:18px; color:#fff; font-weight:500; display:inline-block; margin:15px 0 0 -10px;  text-shadow:1px 0px 1px 0 #999;}
.book_conwrap2 li p  {color:#fff; margin-top:10px; }
.book_conwrap2 img {background:#fff; border-radius:50%; padding:20px 35px;}






.notice_box{width:100%; float:left; background:#f7f7f7; padding:30px 25px; box-sizing:border-box; margin-top:50px;}
.notice_box h3{color:#333; font-weight:600; font-size:20px; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;}
.notice_box img{margin-right:5px; margin-top:-3.5px;}
.notice_box p{color:#666; font-weight:400; font-size:16px;}

.video_box_wrap {width:100%; float:left; margin-bottom:20px;}
.video_box_wrap .video_thum_wrap { width:230px; float:right; }
.video_box_wrap .video_thum_wrap li {position:relative; width:100%; float:right;  height:100px; margin-bottom:23px;  }
.video_box_wrap .video_thum_wrap li img { width:100%; float:left; height:115px; }
.video_box_wrap .video_thum_wrap li .video_tit_bg {background:rgba(0,0,0,0.6); position:absolute; top:0; width:100%;box-sizing:border-box; color:#fff; font-size:15px; padding:8px 12px;}

.video_box_wrap h3 {margin-bottom:20px;}

/* 교과서 자료실 */
.book_box_wrap{width:100%; float:left;  padding:35px 0; border:1px solid #ddd; background:#f7f7f7; box-sizing:border-box; }
.book_box_wrap .book_box{width:1200px; margin:0 auto; }
.book_box_wrap .book_box .book_img{float:left; width:15%; }

.book_box .booktxt_top_wrap {width:82%; border:1px solid #ddd; float:right; background:#fff; padding:25px 30px; box-sizing:border-box;}
.book_box .book_txt2{float:left; width:20%;}
.book_box .book_txt2 .book_title{font-size:24px; font-weight:500; display:block; line-height:1.3em;}
.book_box .book_txt2 a.bookmr_btn {display:block;  width:100%; float:left; background:#666; padding:10px 0; font-size:16px; color:#fff; text-align:center;}

.book_box .book_txt1{float:right; width:62%; box-sizing:border-box;}


.book_box .book_txt1 .select_wrap {float:left; width:100%; }
.book_box .book_txt1 .select::-ms-expand {
display: none;
}
.book_box .book_txt1 select {
width: 175px;
float:left;
font-size: 16px;
color:#333;
padding: 10px 30px;
border: 1px solid #ddd;
background: #fff url(/common/img/main/select_arr.png) no-repeat center right 20px;
border-radius: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.book_box .book_txt1 .search_btn {font-size:18px; color:#fff; width:100%; float:left; font-weight:500; line-height:2.5em; text-align:center; letter-spacing:0.1px; margin-top:25px; background:#adadd8;}

.book_box .book_txt1 select::-ms-expand {
    display: none;
}


/* 아동문학관 */
.bookinfo_wrap {width:100%; float:left; margin-top:15px; margin-bottom:30px;}
.bookinfo_wrap img{ width:340px; float:left; border-radius:15px;}

.bookinfo_wrap .bookinfo_txt1 {width:58%; float:right;   box-sizing:border-box; }
.bookinfo_wrap .bookinfo_txt1 ul li {line-height:1.4em; font-size:16px;}
.bookinfo_wrap .bookinfo_txt1 ul li span {margin-bottom:5px; width:100%; float:left; border-bottom:1px solid #999; font-size:17px; padding-bottom:3px; font-weight:500;}


.book_box .book_txt3 {float:right; width:82%;  background:#fff; padding:12px 30px; box-sizing:border-box; border:1px solid #ddd; border-top:0; }
.book_box .book_txt3 h4 {font-size:16px !important; font-weight:500; margin-bottom:3px;}
.book_box .book_txt3 p  {display:block; font-size:16px !important; color:#666; font-weight:300;}




   
/* faq */   
.faq-list {
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
}
.faq-list dt,
.faq-list dd {
    border-top: 1px solid #ddd;
    padding: 20px;
    position: relative;
}
.faq-list dt:first-child {
    border-top: 0;
}
.faq-list dt {
    cursor: pointer;
    padding-right: 50px;
	font-size:18px;
	font-weight:500;
	color:#333;
}
.faq-list dt:before {
    width: 35px;
    content: "Q.";
    display: inline-block;
    padding-right: 20px;
}
.faq-list dt:after {
    content: "+";
    display: inline-block;
    position: absolute;
    width: 15px;
    text-align: center;
    right: 30px;
    top: 15px;
	font-size:25px;
	font-weight:400;
}
.faq-list dd {
    display: none;
    color: #333;
	font-size:17px;
	line-height:1.8em;
}
.faq-list dt.selected {
    color: #003399;
}
.faq-list dt.selected:before {
    color: #003399;
}
.faq-list dt.selected:after {
    content: "ㅡ";	
	top:18px;
	font-size:20px;
	font-weight:500;
}
.faq-list dd:before {
    width: 35px;
    content: "A.";
    display: inline-block;
    padding-right: 20px;
	color:#c00;
}
.faq-list dd {
    background: #f3f7f8;
}