@CHARSET "UTF-8";


/* layout */
.sub_container { min-height:500px; position:relative; overflow:hidden}


/*서브 공통*/

.input_hidden1 { font-size: 12pt; TEXT-ALIGN: left; BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BORDER-STYLE: solid; COLOR:#000000; BACKGROUND-COLOR: #ffffff}



/* visual */
.sub_visualArea {width:100%; height:480px;overflow:hidden; z-index:10; position:relative}

.sub_visualArea .v_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;transform:scale(1.2);background-size:100% 100%;background-repeat: no-repeat;/* background-position: 50% 50%; */transition:2s; z-index:0}
.sub_visualArea .v_zoom.on {transform:scale(1) rotate(0.001deg);}
.sub_visualArea .bg01 {background-image:url("../images/subvisual/subvisual01.jpg"); background-size:cover; background-position:center } 
.sub_visualArea .bg02 {background-image:url("../images/subvisual/subvisual02.jpg") ; background-size:cover; background-position:center} 
.sub_visualArea .bg03 {background-image:url("../images/subvisual/subvisual03.jpg"); background-size:cover; background-position:center} 
.sub_visualArea .bg04 {background-image:url("../images/subvisual/subvisual04.jpg"); background-size:cover; background-position:center} 
.sub_visualArea .bg05 {background-image:url("../images/subvisual/subvisual05.jpg"); background-size:cover; background-position:center} 
.sub_visualArea .bg06 {background-image:url("../images/subvisual/subvisual06.jpg"); background-size:cover; background-position:center} 
.sub_visualArea .bg07 {background-image:url("../images/main/main_section1_img03.jpg"); background-size:cover; background-position:center} 
.sub_visualArea .bg08 {background-image:url("../images/subvisual/subvisual07.jpg"); background-size:cover; background-position:center} 
.sub_visualArea .bg09 {background-image:url("../images/subvisual/subvisual08.jpg"); background-size:cover; background-position:center} 

.sub_visualArea .sub_visual_box { width:1220px; height:480px; margin:auto; position:relative;}
.sub_visualArea strong {display: block;margin-bottom:15px;color:#fff;font-family:'NanumSquare'; font-size:5rem;font-weight: 600;letter-spacing:-0.02em;line-height: 1.2;vertical-align: middle; }



.sub_leftmenu_txt { width:237px; height:141px; padding-top:55px; position:absolute; bottom:0px; background: url(../images/subvisual/submenutitle.jpg); z-index:10; text-align:center; color:#FFF;font-family:'NanumSquareB'; font-size:27px;}

.sub_container { display:block; width:1220px; margin:auto; padding:0}
.sub_leftmenu  { width:237px; float:left; border:#e5e5e5 solid 1px ; border-bottom:#e5e5e5 solid 2px;}
.sub_leftmenu li a{ display:block; height:50px; border-bottom:#e5e5e5 solid 1px; line-height:50px; padding-left:20px; font-size:15px;}
.sub_leftmenu li a:hover { color:#0f71de; font-weight:bold; background:#f5f5f5}
.sub_leftmenu .sub_leftmenu_deth2 { padding:10px 0; border-bottom:#e5e5e5 solid 1px;}
.sub_leftmenu .sub_leftmenu_deth2 li a{ background:#fff; height:28px;line-height:28px; color:#666; border-bottom:0; font-size:14px;}
.sub_leftmenu .sub_leftmenu_deth2 li a:hover {color:#0f71de; }

.sub_body      { width:983px; padding-left:50px; padding-top:40px; padding-bottom:40px ;float:left; } 

.sub_headtitle { font-size:25px; font-family:'NanumSquareB'; padding-bottom:30px;}
.sub_headtitle span {  font-family:'NanumSquareR' !important  ;}
.sub_title { font-size:21px; font-family:'NanumSquareR'; padding-bottom:10px; color:#1f61b2}
.sub_title img { display:inline-block; vertical-align:middle; margin-right:5px;}
.sub_depth2 { color:#06C; padding:0; margin:0; font-weight:bold; font-family:'NanumSquareR'; font-size:16px;}


.navi_bar { width:100%; height:45px; background:#f4f4f4; position:absolute; z-index:5; bottom:0 }
.navi_wrap { width:1220px; margin:auto;}
.navi_wrap ul { float:right}
.navi_wrap li { float:left; padding:0 30px; line-height:45px;  color:#666; background:url(/images/common/navi_arrow.png) no-repeat right}
.navi_wrap li:first-child { width:237px; ; background:none}
.navi_wrap .navi_home{   height:45px; vertical-align:middle; } 

.navi_wrap li:last-child { color:#06F; font-weight:bold; position:relative; background:none}
.navi_wrap span { position:absolute; top:0px; right:10px; z-index:2; display:none}

.headtitle {font-family:'NanumSquareEB'; font-size:30px;width:1230px; margin:auto; line-height:45px; clear:both}





/*폰트칼라****/

.tcolor_blue {color:#06C}
.tcolor_red {color:#df0000}
.tcolor_green {color:#24ac41}
.tsize16 {font-size:16px; line-height:15px !important}
.tbold { font-weight:bold}
/*폰트칼라****/

.float_R{ float:right}
.float_L{ float:left}




/*서브 공통 e***********************************************************************/



/**/





/*유튜브 영상 반응형*/
.embed-container { position: relative; padding-bottom:62.5%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*일반 게시판*/
.board_stA {width:100%; border-top:#000 solid 2px;}
.board_stA th { padding:10px; background:#F3F3F3; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;color:#333; line-height:18px}
.board_stA td { padding:7px;  border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; text-align:center}
.board_stA td:first-child, .board_stA th:first-child { border-left:0px; }
.board_stA td:last-child , .board_stA th:last-child{ border-right:#CCC solid 0px; }
.notice_point { font-weight:bold; text-align:left}
.notice_point img { color:#06C; margin:auto}
.bbs_title { text-align:left !important} 
.bbs_title img { display:inline-block; margin-top:7px; margin-left:3px;} 

.board_view {width:100%; border-top:#000 solid 2px;}
.board_view th { padding:10px; background:#F3F3F3; border-bottom:#CCC solid 1px;border-top:#CCC solid 1px; color:#333;font-family:"맑은 고딕";  font-size:14px;}
.board_view td { padding:7px; border-bottom:#CCC solid 1px;border-top:#CCC solid 1px; text-align:left;font-family:"맑은 고딕";  font-size:14px;}
.board_view .board_body { padding:20px 10px; min-height:200px; vertical-align:top; font-family:"맑은 고딕";  font-size:14px;}
.board_view a { display:inline-block; color:#09F }
.board_stA td a{ display:inline-block; }
.board_stA td a:hover { color:#06F}
 .icon_new { display:inline-block;}
.board_view input { padding:7px 5px;}
.board_view textarea { width:100%}

.board_comment { background:#F7F7F7}
.comment_wrap { width:100%; padding:5px 10px; box-sizing:border-box; border-bottom:#CCC dashed 1px; font-size:13px;}
.comment_wrap .comment_name { font-weight:bold}
.comment_wrap .comment_name img { display:inline-block; padding-top:5px; padding-right:5px;}
.comment_wrap .comment_name span{ font-weight:normal; color:#999}
.comment_wrap .comment_body {}

.comment_write { background:#fff; border:#CCC solid 1px; margin-bottom:10px; margin-top:10px; padding:15px 10px 15px 40px; box-sizing:border-box;}
.comment_write .btn_write{ display:inline-block}
.comment_write textarea { width:720px; height:38px;}


.btn_wrap {text-align:right ;  padding:5px 0; float:right ; clear:both}
.btn_wrap_center{ width:100%; padding:5px 0;  text-align:center !important  }
.btn_right { width:200px; float:right; }
a.btn { display:inline-block; width:120px; height:38px; color:#FFF ; text-align:center; line-height:35px; font-size:15px} 
a.btn2 { display:inline-block; width:100px; height:38px; color:#FFF ; text-align:center; line-height:35px; font-size:15px} 
a:hover.btn, a:hover.btn2  { background:#000}  

.img_wrap { display:inline-block; float:left; width:35px;height:38px; border-right:#7a7877 solid 1px;}
.border_c {border-right:#baaa77 solid 1px;}
.img_wrap img { vertical-align:middle; padding:7px 0 0 6px}
.btn_list, .btn_enter {background:#4d4b4a; }
.btn_write { background:#a38e4a}


.icon_file { display:inline-block; vertical-align:middle; margin:0 5px; }



.board_stB {width:100%; border-top:#000 solid 2px;}
.board_stB th { padding:2px; background:#F3F3F3; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; border-left:#CCC solid 1px;   color:#333}
.board_stB td { padding:7px;  border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;border-left:#CCC solid 1px; text-align:center; line-height:18px;}
.board_stB thead { box-shadow:0 3px 5px rgba(0,0,0,.2); border-bottom:#CCC solid 2px}
.board_stB td a{ display:inline-block; }
.board_stB td a:hover { color:#06F}
.board_stB .icon_file{ margin:auto; text-align:center}
.board_stB .table_dot_line { border-bottom:#CCC dashed 2px !important;}



/*테이블 리스트*/
.pageList_wrap { font-family:'NanumSquareR'; position:relative; margin:auto; margin-top:20px; text-align:center;}
a.pageList_num {background:#fff;color:#4e4e4e;border:#CCC solid 1px !important; margin:0 2px; }
a:link.pageList_num { min-width:27px; height:27px; padding:0 5px; border:#CCC solid 1px !important; text-align:center; display:inline-block }
a:hover.pageList_num {text-decoration:none; color:#fff; background:#CCC}

.pageList_num img { vertical-align:middle; margin-top:5px;}

a.pageList_num_on {background:#fff;color:#F00;border:#CCC solid 1px !important;display:inline-block; font-weight:bold}
a:link.pageList_num_on { min-width:27px; height:27px; padding:0 5px; border:#CCC solid 1px !important; text-align:center; display:inline-block }
a:hover.pageList_num_on {text-decoration:none; color:#fff; background:#CCC}



/*로그인*/

.login_wrap { border:#ebebeb solid 1px; width:680px; padding:20px 0px 40px 0px; height:250px; text-align:center; margin:auto }
.login_box { float:left; padding-left:120px;}
.login_box input { height:38px;  padding-left: 10px;  border:1px solid #dddddd;  background:#fff;  color: #9E9C9C; display:block}
.login_btn { float:left}
.login_btn a { background:#0f71de; display:block; width:150px; height:76px; box-sizing:border-box; padding-top:20px; color:#FFF }
.login_txt1 {width:680px; padding:20px 0;  text-align:center; margin:auto }
.login_txt1 span { font-family:'NanumSquareR';color:#0f71de; font-size:20px; display:block}
.login_txt2 { font-family:'NanumSquareR'; font-size:30px; display:block; padding:20px 0; }
.login_txt3 { clear:both; width:500px; display:block; text-align:center; padding-top:20px; margin:auto}

.login_btn2 { width:410px; padding:20px 0px 40px 0px; margin:auto}
 a.btn_idpw   { width:200px; height:32px; line-height:32px; text-align:center; color:#fff; background:#162d4a; display:inline-block}
 a.btn_member { width:200px; height:32px; line-height:32px; text-align:center; color:#fff; background:#162d4a; display:inline-block}

/*회원가입*/

.title_h3 { font-family:'NanumSquareR';  font-size:25px; line-height:50px; padding-top:5px; font-weight:100}
.guide_box { border:#dfdfdf solid 1px ; padding:15px 20px; margin-bottom:30px; position:relative; overflow:hidden}
.guide_box_red { border:#F00 solid 1px ; padding:20px; margin-bottom:30px;}

.mem_step { overflow:hidden; margin-bottom:30px;}

.process_wrap { width:490px; margin:auto; margin-bottom:50px; text-align:center; height:16px; background:url(../images/member/process_line.gif) no-repeat; letter-spacing:-1px}
.process_01 { width:70px; float:left; text-align:center; font-family:'notokr-regular'; }

.mem_type_box { text-align:center; position:relative; padding-bottom:30px;}
.mem_type_txt1 {font-family:'NanumSquareR'; font-size:20px;}
.mem_type_txt2 {font-family:'NanumSquareR'; font-size:15px;}
.mem_type_txt3 {font-family:'NanumSquareR'; font-size:20px; color:#0067da}

.mem_type_wrap01 { width:273px; height:450px; background:url(/images/member/mem_type_img01.jpg) no-repeat; border:#e3e3e3 solid 1px; display:inline-block; text-align:center; margin-right:0px; vertical-align:top}
.mem_type_wrap01_tit { background:#162d4a; color:#FFF; font-family:'NanumSquareB'; font-size:20px; height:46px; line-height:46px;}
.mem_type_wrap02 { width:273px; height:450px; background:url(/images/member/mem_type_img02.jpg) no-repeat; border:#e3e3e3 solid 1px; display:inline-block; text-align:center; margin-right:40px;vertical-align:top}
.mem_type_wrap02_tit { background:#266bb8; color:#FFF; font-family:'NanumSquareB'; font-size:20px; height:46px; line-height:46px;}
.mem_type_wrap03 { width:273px; height:450px; background:url(/images/member/mem_type_img03.jpg) no-repeat; border:#e3e3e3 solid 1px; display:inline-block; text-align:center; vertical-align:top;  margin-right:40px }
.mem_type_wrap03_tit { background:#acb828; color:#FFF; font-family:'NanumSquareB'; font-size:20px; height:46px; line-height:46px;}
.btn_type_enter { width:115px; margin:auto; padding-top:50px; text-align:center; }

.mem_type_wrap01 dl { margin-top:60px; width:95%; padding:15px}
.mem_type_wrap01 dt { display:inline-block; width:50px; background:#162d4a; color:#FFF; margin-bottom:5px; height:20px; line-height:20px;}
.mem_type_wrap01 dd { display:inline-block; width:140px; text-align:left;  margin-bottom:5px;}

.mem_type_wrap02 dl { margin-top:60px; width:95%; padding:15px 15px 0px 15px}
.mem_type_wrap02 dt { display:inline-block; width:50px; background:#162d4a; color:#FFF; margin-bottom:5px; height:20px; line-height:20px;}
.mem_type_wrap02 dd { display:inline-block; width:160px; text-align:left;  margin-bottom:5px;}
.mem_type_wrap02 p {width:90%; padding-left:20px; line-height:20px; text-align:left}

.mem_type_wrap03 dl { margin-top:60px; width:95%; padding:15px 15px 0px 15px}
.mem_type_wrap03 dt { display:inline-block; width:50px; background:#162d4a; color:#FFF; margin-bottom:5px; height:20px; line-height:20px;}
.mem_type_wrap03 dd { display:inline-block; width:160px; text-align:left;  margin-bottom:5px;}
.mem_type_wrap03 p {width:90%; padding-left:20px; line-height:20px; text-align:left}

.agree_box { border:#dfdfdf solid 1px ; padding:30px; height:250px; overflow-y:scroll; font-family:'Dotum'; font-size:12px; line-height:22px;} 
.agree_box2 {border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px ; border-bottom:#dfdfdf solid 1px ; background:#f5f5f5; padding:10px; margin-bottom:30px;} 
.agree_box3 { border:#dfdfdf solid 1px ; padding:30px; height:200px; overflow-y:scroll; font-family:'Dotum'; font-size:12px; line-height:22px;} 

.agree_box4 h2 { font-size:20px; font-weight:bold; font-family:'NanumSquareB';}
.agree_box4 h3 { font-weight:bold}
.agree_box4 { border:#dfdfdf solid 1px ; padding:30px; font-family:'Dotum'; font-size:12px; line-height:22px;} 

.join_wrap { width:100%;border-top:#000 2px solid; margin-bottom:20px; position:relative}

.join_wrap select { padding:6px 5px 5px 5px; height:34px}
.join_wrap img {vertical-align:middle;margin-top:5px }

.sub_container  select  {border:#dddddd 1px solid}

.join_wrap input[type="radio"]{border:0px; vertical-align:middle; padding:0;margin:0 3px 3px 0px; display:inline-block}
.join_wrap input[type="checkbox"]{border: 0px; vertical-align:middle; padding:0;margin:0 5px 3px 0px; display:inline-block}


.member_table { border:1px solid #eaeaea; width:100%}
.member_table th{ border:1px solid #eaeaea; background:#f2f2f2 }
.member_table td{ border:1px solid #eaeaea; padding:10px }
.member_table  input { vertical-align:middle;  margin:0; height:34px; font-size:14px; }

.member_table a.btn_M_id { display:inline-block; width:100px; background:#8e8e8e; height:32px; text-align:center; color:#fff }


.mem_btn_wrap { width:100%; text-align:center;  font-family:'notokr-regular'; font-size:16px; padding:20px 0;  }

 a.btn_memjoin { width:154px; height:40px; background:#162d4a; color:#fff; text-align:center; display:inline-block; line-height:40px;}
 a.btn_cancel { width:154px; height:40px; background:#808080; color:#fff; text-align:center; display:inline-block; line-height:40px;}


.school_search { padding:20px 30px; border:1px solid #000; width:100%; overflow:hidden}
.school_search input { vertical-align:middle;  margin:0; height:34px; font-size:14px; }

.pop_wrap { padding:40px;}
.pop_wrap_box { float:left; padding-right:5px;}
 a.btn_pop_search { width:130px; height:34px; line-height:34px; background:#162d4a; color:#fff; text-align:center; float:left; margin-top:1px;}

.school_search_list { width:100%; height:300px; overflow-y:auto }

/*학교 팝업결과 리스트*/
.search_stA {width:100%; border-top:#000 solid 2px; font-size:13px;}
.search_stA th { padding:10px; background:#F3F3F3; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;color:#333; line-height:18px}
.search_stA td { padding:7px;  border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; text-align:center}
.search_stA td:first-child, .search_stA th:first-child { border-left:0px; }
.search_stA td:last-child , .search_stA th:last-child{ border-right:#CCC solid 0px; }



/*독서야놀자*/
.book_tab { padding:10px 0; height:80px;}

.book_list {width:100%; border-top:#000 solid 2px;}
.book_list th { padding:10px; background:#F3F3F3; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;   color:#333}
.book_list td { padding:10px;  border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; text-align:left; line-height:17px; }
.book_list td:first-child, .book_list th:first-child { border-left:0px; }
.book_list td:last-child , .book_list th:last-child{ border-right:#CCC solid 0px; }

.book_tab a { display:block}

.book_list img { color:#06C; margin:auto; text-align:center; width:60px !important;}

.book_info1 { display:block;color:#06C; padding:5px 0; font-size:12px; line-height:13px; }
.book_info2 { display:inline;color:#06C; padding:5px 0; font-size:12px; line-height:13px; }
.book_tit { font-weight:bold; font-size:15px; line-height:17px;}

.book_list_hover a:hover { text-decoration:underline}
.book_list_hover:hover { background:#fefee2;  }

.book_list_view img {}

.detailhead  { width:100%; overflow:hidden; line-height:23px;border-bottom:#dedede 1px dashed;border-top:#dedede 1px dashed;margin-bottom:15px; padding:10px 0}
.detailhead .thumbnail { float:left; margin-right:20px; width:120px !important;}
.detailhead .thumbnail img { width:119px; border:#ededed 1px solid;}
.detailhead p { font-weight:bold; font-size:18px; line-height:45px;}

.detail_title  { width:100%; overflow:hidden; line-height:22px;border-bottom:#dedede 0px solid; margin-bottom:0px;  clear:both}
.detail_title p{ font-size:17px; text-align:center; width:150px; height:40px; line-height:40px; background:#E8E8E8}
.detailbox { width:100%; padding:25px; margin-bottom:30px; clear:both; border:#E8E8E8 solid 1px; box-sizing:border-box}

/*대상도서*/
.contest_book_wrap { border:1px solid #E2E2E2; padding:30px 30px 15px 30px; margin-bottom:50px}
.contest_book { display:inline-block; text-align:center; width:140px; height:285px; background:#fff; margin-bottom:20px; vertical-align:top }
.contest_book img { width:115px; height:170px;  margin:auto; margin-bottom:10px; border:#F3F3F3 solid 1px} 

.contest_book_wrap2 { border:0px solid #E2E2E2; padding-right:10px; margin-bottom:00px; display:inline-block}

.video_wrap {border:1px solid #E2E2E2; padding:10px; margin-bottom:40px; display:inline-block; width:300px; height:250px; }
.video_wrap img { width:276px; height:153px;  margin:auto; margin-bottom:10px; border:#F3F3F3 solid 0px} 
.video_wrap a:hover { color:#F00}
.video_info1 { display:block;color:#999; padding:5px 0; font-size:12px; line-height:13px; }
.video_tit { font-weight:bold; font-size:15px; line-height:17px;}

.video_view_title { background:#999; color:#FFF; font-size:17px; padding-left:10px; height:40px; line-height:40px;}

.video_view_body iframe { margin:10px;}


/*독서연수*/

.training_list    { width:100%; border-top:#000 solid 2px; }
.training_list th { padding:10px; background:#e3eaf2; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;   color:#333 }
.training_list td { padding:10px;  border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; text-align:left; line-height:17px; text-align:center }
.training_list td:first-child, .training_list th:first-child { border-left:0px; }
.training_list td:last-child , .training_list th:last-child{ border-right:#CCC solid 0px; }

a.btn_app_ing { background:#F00; color:#FFF; width:80px; height:30px; line-height:30px; display:block; margin:auto }
a.btn_app_ing:hover {background:#DF0000; } 

.btn_app_end {background:#CCC; color:#FFF; width:80px; height:30px; line-height:30px; display:block; margin:auto}


.t_point { color:#F00; font-weight:bold}

/*갤러리*/

.category_wrap { width:100%; clear:both; position:relative; float:none; padding:10px 0;}
.photo_wrap {border:1px solid #E2E2E2; padding:7px; margin-bottom:30px; margin-right:7px; display:inline-block; width:175px; height:210px; vertical-align:top }
.photo_wrap img { width:100%; height:101px;  margin:auto; margin-bottom:0px; border:#F0F0F0 solid 1px} 
.photo_wrap a:hover { color:#F00}
.photo_info1 { display:block;color:#999; padding:5px 0; font-size:12px; line-height:13px; }
.photo_tit { font-weight:bold; font-size:12px; line-height:17px;}


.license_list    { width:100%;  display:inline-block; margin-right:15px; vertical-align:top  }
.license_list th { padding:10px; background:#e3eaf2; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; border-left:#CCC solid 1px;  color:#333 }
.license_list td { padding:10px;  border:#CCC solid 1px;  text-align:left; line-height:17px; line-height:25px; }
.license_list input { height:30px; vertical-align:middle}

.license_title { text-align:left !important; font-weight:bold; background:#FFC}
.license_sub_title { padding-left:25px !important; text-align:left !important; }



/*독서야놀자*/

.subtitle_depth1 { color:#06C;  font-family:'NanumSquareB'; font-size:20px; line-height:25px; margin-bottom:20px;  }  

.subtitle_depth1 span { display:block; height:25px; width:27px; display:inline-block;font-size:18px; margin-right:5px; border:#06C solid 1px; text-align:center}
.subtitle_depth2 {font-family:'NanumSquareB'; font-size:17px; line-height:25px; margin-bottom:20px; display:block; margin-bottom:5px;}
.subtitle_bg {padding-left:15px; background:url(../images/common/title_img.gif) no-repeat} 

.reading_ex { color:#09C}
.reading_img { border:1px solid #CCC; text-align:left; margin-bottom:30px; padding:10px 30px; background:url(../images/reading_info/paper_bg.png),#fbfbed; font-family:'NanumBarunpenB'; font-size:16px; color:#666; text-indent:10px; }
.reading_img2 { width:90%; border:1px solid #CCC; text-align:center; margin-bottom:30px; padding:10px;}
.reading_img img {}

.reading_box  { border:1px solid #CCC; text-align:left; margin-bottom:30px; padding:20px 30px; background:#fffdf3; font-family:'NanumBarunpenB';font-size:16px; color:#666;  }

.info_ul li{}
.info_body { padding:0 20px;}

.info_ul_typeD {padding-left:20px;padding-bottom:20px;  }
.info_ul_typeD li {list-style:outside;list-style-type:disc !important; }

.info_ul_typeU {padding-left:20px;padding-bottom:20px;  }
.info_ul_typeU li { list-style-type:upper-roman; }

.info_ul_typeDE {padding-left:20px; padding-bottom:20px; }
.info_ul_typeDE li {list-style-type:decimal; }

.info_li_num  {padding-left:20px; padding-bottom:20px; }
.info_li_num li { line-height:22px; margin-bottom:20px;}
.info_li_num li:nth-child(1) { background:url(../images/reading_info/num1.png) no-repeat left 4px; padding-left:19px}
.info_li_num li:nth-child(2) { background:url(../images/reading_info/num2.png) no-repeat left 4px; padding-left:19px}
.info_li_num li:nth-child(3) { background:url(../images/reading_info/num3.png) no-repeat left 4px; padding-left:19px}
.info_li_num li:nth-child(4) { background:url(../images/reading_info/num4.png) no-repeat left 4px; padding-left:19px}
.info_li_num li:nth-child(5) { background:url(../images/reading_info/num5.png) no-repeat left 4px; padding-left:19px}
.info_li_num li:nth-child(6) { background:url(../images/reading_info/num6.png) no-repeat left 4px; padding-left:19px}
.info_li_num li:nth-child(7) { background:url(../images/reading_info/num7.png) no-repeat left 4px; padding-left:19px}
.info_li_num li:nth-child(8) { background:url(../images/reading_info/num8.png) no-repeat left 4px; padding-left:19px}

.info_list    { width:100%;  display:inline-block; margin-right:15px; vertical-align:top  }
.info_list th { padding:10px; background:#ece8dd; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; border-left:#CCC solid 1px;  color:#333 ; line-height:15px; }
.info_list td { padding:10px;  border:#CCC solid 1px;  text-align:left; line-height:20px; background:#FFF}



.t_center { text-align:center !important}

.info_table_li { padding:20px; border:#CCC 1px solid}
.info_table_li img { display:inline-block; vertical-align:middle}

.info_t_li_gong {padding-left:13px; }

.info_list_center    { width:100%;  display:inline-block; margin-right:15px; vertical-align:top  }
.info_list_center th { padding:10px; background:#ece8dd; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; border-left:#CCC solid 1px;  color:#333 ; line-height:15px; }
.info_list_center td { padding:10px;  border:#CCC solid 1px;  text-align:center; line-height:20px;}



/*mypage*/

 a.btn_t_modify { width:60px; height:30px; background:#162d4a; color:#fff; text-align:center; display:inline-block; line-height:30px;}
 a.btn_t_modify:hover  {background:#039; color:#fff !important;}

 a.btn_t_cancel{ width:60px; height:30px; background:#666; color:#fff; text-align:center; display:inline-block; line-height:30px;}
 a.btn_t_cancel:hover  {background:#999; color:#fff !important;}

 a.btn_t_print { width:60px; height:30px; background:#098881; color:#fff; text-align:center; display:inline-block; line-height:30px;}
 a.btn_t_print:hover  {background:#0e7771; color:#fff !important;}

.pay_support_l { float:left; width:640px; }
.pay_support_R   { float:right; width:260px; border:#CCC solid 1px; background:#f4f4f4; padding-bottom:10px;}

.support_tab_on { width:47%; background:#0f71de }
.support_tab_off { width:47%; background:#d6d6d6 }

.pay_login { text-align:center; padding:15px 0; border-bottom:#CCC solid 1px;  display:block; position:relative; clear:both; height:90px;}
a.btn_pay_login {width:100px; height:30px; background:#0f71de; color:#fff; text-align:center; display:inline-block; line-height:30px;}
a.btn_pay_login:hover  {background:#039; color:#fff !important;}
 
.pay_support_form { width:90%; margin:auto}
.pay_support_form p {font-family:'NanumSquareB'; font-size:15px; transform: skew(-0.001deg) }
.pay_support_form input { padding:7px 25px 7px 5px; color:#F00}
.pay_support_form li { padding-bottom:10px; padding-top:10px; position:relative}

.pay_support_form2 { width:90%; margin:auto}
.pay_support_form2 p {font-family:'NanumSquareB'; font-size:15px; transform: skew(-0.001deg) }
.pay_support_form2 input { padding:7px 25px 7px 5px; color:#333}
.pay_support_form2 li { padding-bottom:10px; padding-top:10px; position:relative}
.pay_support_form2 span { width:60px; display:inline-block; float:left; font-size:13px;}



.won_text { position:absolute; right:65px; top:40px; color:#666}
.support_img img{ display:inline-block}
.support_wrap { clear:both}


a.btn_support_next { width:90%; height:45px; background:#094588; color:#fff; text-align:center; display:inline-block; line-height:45px; margin:auto}
a.btn_support_next:hover  {background:#133e6e; color:#fff !important;}

.my_pay_table_wrap { width:100%; position:relative; margin-bottom:30px; overflow:hidden}
.my_pay_table { width:100%;}
.my_pay_table th{ border:1px solid #eaeaea;  padding:7px;background:#f2f2f2 }
.my_pay_table td{ border:1px solid #eaeaea; padding:7px; text-align:center }
.my_pay_table  input { vertical-align:middle;  margin:0; height:34px; font-size:14px; }

.my_pay_table  thead {border-top:2px solid #000; }

.my_pay_table:last-child { float:right}

.btn_pay_01 { background:#999; color:#FFF; width:60px; font-size:12px !important;}
.btn_pay_02 { background:#F60; color:#FFF; width:60px; font-size:12px !important;}


/*법인소개*/

.about_img_c{ margin:auto; text-align:center}
.about_img_c img{ margin:auto; text-align:center}

.history_num { border:#0f71de 1px solid; padding:20px; float:left; font-family:'NanumSquareB';font-size:33px; letter-spacing:-1.5px; color:#0f71de }
.history_num img{ display:inline-block }

.history_table { margin-bottom:50px; float:left; width:730px; margin-left:20px;}
.history_table th{ padding:5px 5px; border-top:1px solid #4ac3f5; border-bottom:1px solid #4ac3f5; line-height:20px; color:#666}
.history_table td{ padding:5px 5px 5px 15px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; line-height:20px;}

.biz_box_wrap { display:table; margin-bottom:40px;}
.biz_box {width:118px; height:118px; padding:5px; display:inline-block;vertical-align:middle; border:#c5b6a6solid 1px; margin-right:10px; 
           line-height:20px; text-align:center; font-family:'NanumSquareB';transform: skew(-0.001deg); position:relative; background:#f2e9df }
.biz_box p {width:118px; height:100px; display:table-cell; vertical-align:middle; text-align:center; margin:auto}		   
.biz_box:last-child {margin-right:0px;}

.biz_box2 { width:48%; display:inline-block; line-height:20px; vertical-align:top; margin-bottom:40px; padding-right:10px; font-size:12px;}
.biz_box2 img { float:left; width:140px; margin-right:10px;}
.biz_box2 strong {font-size:14px;}

.noneStyle {width:100%;}
.noneStyle td { padding:0px; border-bottom:#CCC solid 0px;border-top:#CCC solid 0px; text-align:left}
.noneStyle a { display:inline-block; color:#09F }
.noneStyle img{max-width:100%;vertical-align:top;margin:auto;display:inline-block;}
.noneStyle input { vertical-align:middle;  margin:0; height:34px; font-size:14px; }

.support1_title{ font-size:40px; font-family:'NanumSquareEB'; text-align:center; padding:60px 0; line-height:40px; }
.support1_title3{ font-size:30px; font-family:'NanumSquareB'; text-align:center; padding:60px 0; line-height:40px; }
.support1_media { margin:auto;  width:640px;  height:360px }
.support1_box01{text-align:center; padding:60px 0 ; width:100%; }

.support1_title2 { font-size:23px; font-family:'NanumSquareB'; text-align:left; padding:20px 0 5px 0; }
.support1_box02 {text-align:left; padding:20px 30px; width:100%; background:#e8f1f3; box-sizing:border-box; margin-bottom:20px; }



a.btn_close_2 {    background: #ff6000;    color: #fff;    width: 18px;    height: 18px;    line-height: 17px;    text-align: center;    display: inline-block;
    border-radius: 2px;}
a:visited.btn_close_2 { background: #ff6000; color: #fff !important;}

/* 공지사항 글 표 */
.notice_table {width: 100%;}
.notice_table td {border: 1px solid #cccccc; padding: 5px; text-align: center;}
.notice_table th{border: 1px solid #cccccc; background:#f1f1f1;  padding:5px;text-align: center;}

.notice_box {border: 1px solid #cccccc; padding: 15px 25px; }