@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 나눔고딕웹폰트  font-family: "Nanum Gothic", sans-serif;   font-weight:400, 700, 800   */

/* Reset */
* {padding:0px; margin:0px;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object,img,img a {border:none; margin:0; padding:0;}
li, dd {list-style:none;}
hr, legend, caption, .blind{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%} /* blind는 화면에 보이지 않지만 리더기에서는 읽힘 */
caption{position:static}
table{border-collapse:collapse; border-spacing:0;}
em,address,cite{font-style:normal}
input[type=checkbox] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
input[type=radio] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
label {position:relative; top:0px;}
a {outline:none; select-dummy:expression(this.hideFocus=true);}

/* Basic */
html {overflow-y:scroll;}
body {background-color:#FFFFFF;}
body, div, td, p, input, button, textarea, select {font-family: "Nanum Gothic", 굴림, Gulim, 돋움, Dotum, Tahoma, Arial, sans-serif; font-size:14px; font-weight:400; color:#6D6D6D; line-height: 150%;}
a:link, a:visited, a:active {text-decoration:none; color:#6D6D6D;}
a:hover {text-decoration:none; color:#F24400;}

/* Common */
#wrap_header {width:100%; height:75px; background:url('../img/bg_header.jpg') top left repeat-x;}
#header {width:1000px; margin:0 auto;}
#logo {float:left; width:86px;}
#gn {float:right; margin-right:2px;}
#gn li {float:left;}
#wrap_tleimg {width:100%; height:315px; background:url('../img/bg_sv.jpg') top left repeat; margin-bottom:48px;}
#tleimg {position:relative; width:1000px; height:315px; margin:0 auto;}
#wrap_footer {width:100%; margin-top:60px; padding:32px 0px; background-color:#DDDDDD;}
#footer {width:996px; margin:0 auto;}
#footer .copyright {float:left;}
#footer .copyright .logo {margin-bottom:19px;}
#footer .copyright .cname {margin-bottom:16px; font-size:15px; font-weight:700; color:#666666;}
#footer .copyright .address {font-size:13px; color:#737373; line-height:22px;}
#footer .copyright .address .tle {display:inline-block; width:40px; color:#3A3A3A;}
#footer .copyright .address a:link, #footer .copyright .address a:visited, #footer .copyright .address a:active {text-decoration:none; color:#737373;}
#footer .copyright .address a:hover {text-decoration:none; color:#F24400;}
#footer .familysite {float:right; margin-top:42px;}
#footer .familysite li {margin-bottom:16px; font-size:15px; color:#4b4b4b; line-height:100%; text-align:right;}
#footer .familysite a:link, #footer .copyright a:visited, #footer .copyright a:active {text-decoration:none; color:#4B4B4B;}
#footer .familysite a:hover {text-decoration:none; color:#F24400;}
.clearfix {clear:both; content:""; display:block;}




/* Page Common */
.subtitle {margin-bottom:30px; font-size:24px; font-weight:700; color:#FB7087; line-height:100%;}
.subtitle .fblk {color:#434343;}
.ptitle {margin-bottom:16px; font-size:18px; font-weight:700; color:#464646; line-height:100%;}
.ptitle_orange {margin-bottom:16px; font-size:18px; font-weight:700; color:#fe8300; line-height:100%;}
.stg {font-weight:700; color:#464646;}
.stg_purple {font-weight:700; color:#9e71a6;}
.torange {color:#FE7E00;}
.tlt { text-decoration:line-through;}
.btn {margin-top:34px;}
.btn li {float:left; margin-right:30px;}
.tinput {padding:2px; height:25px; border:0px; background-color:#F5F5F5;}
.tselect {padding:2px; height:25px; border:0px; background-color:#F5F5F5;}
.tarea {padding:10px; border:0px; background-color:#F5F5F5;}
#tbox {border:1px solid #E8E8E8; border-collapse: collapse; table-layout: fixed;}
#tbox th {padding:6px; font-weight:700; color:#464646; text-align:center; border:1px solid #e8e8e8; background-color:#F6F6F6;}
#tbox td {padding:6px; text-align:center; border:1px solid #E8E8E8; background-color:#FFFFFF;}
#inquiry_form {border-top:1px solid #9d9d9d; border-bottom:1px solid #9d9d9d; border-collapse: collapse; table-layout: fixed;}
#inquiry_form th {padding:8px 0px 8px 30px; text-align:left; font-weight:700; color:#464646; border-bottom:1px solid #EFEFEF; background-color:#FFFFFF;}
#inquiry_form td {padding:8px 0px 8px 8px; text-align:left; font-weight:400;  border-bottom:1px solid #EFEFEF; background-color:#FFFFFF;}
#inquiry_form tr:last-child th, #inquiry_form tr:last-child td {border-bottom:0px;}

/* 전도 */
#bl_wt {width:1000px; margin:40px auto;}
#wrap_bl_bk {width:100%; padding:40px 0px; background-color:#F4F4F4;}
#bl_bk {width:1000px; margin:0 auto;}
#bl_wt .mag_img, #bl_bk .mag_img {float:left; width:365px;}
#bl_wt .cont, #bl_bk .cont {float:left; width:587px; padding-top:10px; margin-left:48px;}
#bl_wt .cont td, #bl_bk .cont td {padding-bottom:10px; font-size:15px; vertical-align: text-top;}
#bl_wt .cont tr:last-child td, #bl_bk .cont tr:last-child td {padding-bottom:0px;}
#utilization {width:990px; margin:50px auto;}
#utilization li {float:left; width:290px; margin-right:60px;}
#utilization li.last {margin-right:0px;}
#utilization li .util_img {margin-bottom:22px;}
#utilization li .cont .ptle {margin-bottom:4px; font-size:16px; font-weight:700; color:#464646;}
.util_note {width:980px; margin:0 auto; font-size:16px;}

/* 달력 */
#cl_wt {width:1000px; margin:40px auto;}
#wrap_cl_bk {width:100%; padding:40px 0px; background-color:#F4F4F4;}
#cl_bk {width:1000px; margin:0 auto;}
#cl_wt .cal_img, #cl_bk .cal_img {display: block; width:auto;}
#cl_wt .cont, #cl_bk .cont {display: block; width:532px; padding-top:10px; margin-left:48px; font-size:15px;}
#cl_wt .cont .desc, #cl_bk .cont .desc {display: block; margin-bottom:30px;}
.inquiry_note {width:980px; margin-top:0; margin-right: auto; margin-bottom:10px; margin-left: auto; font-size:16px; line-height:26px;}

/* 영상 */
#stm {width:984px; margin:-20px auto 18px;}
#stm .playerdown {float:left;}
#stm .playerdown li {float:left; margin-right:12px;}
#stm .sm {float:right;}
#stm .sm li {float:left; line-height:100%;}
#stm .sm li.sp {width:20px; color:#E2E2E2; text-align:center;}
#wrap_mccate {width:100%; margin-bottom:50px; padding:20px 0px; background-color:#F4F4F4;}
#mccate {width:880px; margin:0 auto;}
#mccate li {float:left; margin-right:120px;}
#mccate li.last {margin-right:0px;}
#mccate li .tle1 {margin-bottom:18px; padding-left:33px; font-size:18px; font-weight:700; color:#464646; line-height:24px; background:url('../img/icon_mc_cate_01.jpg') top left no-repeat;}
#mccate li .tle2 {margin-bottom:18px; padding-left:33px; font-size:18px; font-weight:700; color:#464646; line-height:24px; background:url('../img/icon_mc_cate_02.jpg') top left no-repeat;}
#mccate li .tle2 a:link, #mccate li .tle2 a:visited, #mccate li .tle2 a:active {text-decoration:none; color:#464646;}
#mccate li .tle2 a:hover {text-decoration:none; color:#F24400;}
#mccate li .mccate_list td {font-size:15px; padding:0px 23px 5px 0px;}
#mccate li .mccate_list td:nth-child(3n+0) {padding-right:0px;}
#mccate li .mccate_list tr:last-child td {padding-bottom:0px;}
#mc_list {width:1000px; margin:0 auto;}
#mc_block {width:100%; margin-bottom:65px;}
#mc_block .movie {float:left; width:445px;}
#mc_block .cont  {float:left; width:507px; margin-left:48px;}
#mc_block .cont .desc {margin-bottom:20px;}
#mc_block .cont .price {font-weight:700; font-size:16px; color:#464646;}

/* 웹앱 */
#web_intro {width:940px; margin:0px auto 40px;}
#web_intro .web_intro_img {float:left; width:391px;}
#web_intro .cont {float:left; width:501px; padding-top:10px; margin-left:48px;}
#web_intro .cont .btn li {margin-bottom:5px; margin-right:0px;}
#web_intro .cont .btn li:first-child {margin-right:5px;}
#wrap_web_merit {width:100%; margin-bottom:40px; padding:40px 0px; background-color:#F4F4F4;}
#web_merit {width:940px; margin:0 auto;}
#web_merit .pgh {width:100%; margin-bottom:35px;}
#web_merit .pgh:last-child {margin-bottom:0px;}
#web_merit .pgh .web_merit_img {float:left; width:134px;}
#web_merit .pgh .cont {float:left; width:766px; margin-left:40px;}
#web_client {width:940px; margin:0 auto;}
#web_client .clientlist {float:left; width:540px;}
#web_client .clientlist .list {float:left; margin-right:10px;}
#web_client .clientlist .list:last-child {margin-right:0px;}
#web_client .clientlist .list li {margin-bottom:16px; line-height:100%; list-style:square inside url("../img/ul_square.jpg");}
#web_client .clientlist .etc {margin-top:16px; font-size:16px; color:#464646;}
#web_client .contactus {float:right; width:360px;}
#web_client .contactus td {vertical-align:top; padding-bottom:18px;}
#web_client .contactus td.email {font-size:16px; font-weight:700; color:#464646; padding-left:28px; background:url('../img/icon_email.jpg') top left no-repeat;}
#web_client .contactus td.tel {font-size:16px; font-weight:700; color:#464646; padding-left:28px; background:url('../img/icon_phone.jpg') top left no-repeat;}
#web_client .contactus td.time {font-size:16px; font-weight:700; color:#464646; padding-left:28px; background:url('../img/icon_clock.jpg') top left no-repeat;}

/* 강사 */
#lecturer_tle_img {width:185px; margin:-20px auto 45px;}
#lecturer_list {width:900px; margin:0 auto;}
#lecturer_list li {float:left; width:348px; margin-bottom:48px;}
#lecturer_list li:nth-child(2n+0) {float:right; width:348px;}
#lecturer_list li.last {margin-bottom:0px;}
#lecturer_list li .lecturer_photo {margin-bottom:26px;}
#lecturer_list li .lecturer_name {margin-bottom:15px; font-size:24px; font-weight:700; color:#327AA8; line-height:100%;}
#lecturer_list li .lecturer_desc {font-weight:700; line-height:100%;}

/* 주보 */
#cbulletin_sm {width:374px; margin:-20px auto 45px;}
#cbulletin_sm li {float:left; margin-right:30px;}
#cbulletin_sm li.last {margin-right:0px;}
#cbulletin_mission {width:934px; margin:0 auto 60px;}
#cbulletin_mission_intro {width:934px; margin-bottom:40px;}
#cbulletin_mission_intro .cont {float:left; width:480px;}
#cbulletin_mission_intro .spec {float:left; width:454px;}
#cbulletin_mission_intro .spec td {vertical-align:top; padding-bottom:10px;}
#cbulletin_mission_intro .spec td.subject {font-size:16px; font-weight:700; color:#464646;}
#cbulletin_mission_img li {margin-bottom:25px;}
#cbulletin_mission_img li.last {margin-bottom:0px;}
#cbulletin_premium {width:934px; margin:0 auto;}
#cbulletin_premium_img {margin-bottom:45px;}
#cbulletin_premium_img li {margin-bottom:25px;}
#cbulletin_premium_img li.last {margin-bottom:0px;}
#cbulletin_premium_btn {width:296px; margin-top:0; margin-right: auto; margin-bottom: 10px; margin-left: auto;}

/* 출판 */
#publishing_sm {width:340px; margin:-20px auto 45px;}
#publishing_sm li {float:left; margin-right:30px;}
#publishing_sm li.last {margin-right:0px;}
#publishing_intro {width:945px; margin:0px auto 26px;}
#publishing_intro .ebook {float:left; width:447px;}
#publishing_intro .ebook .ebook_img {margin-bottom:30px;}
#publishing_intro .paper {float:right; width:447px;}
#publishing_intro .paper .paper_img {margin-bottom:30px;}
#publishing_intro .ebook .subtitle, #publishing_intro .paper .subtitle {margin-bottom:20px;}
#wrap_publishing_refer {width:945px; margin:0px auto 60px; padding:26px 0px 22px; background-color:#F4F4F4; border-radius:12px;}
#publishing_refer {width:800px; margin:0 auto;}
#publishing_refer li {float:left;}
#publishing_refer li.tle {width:92px; padding:4px 0px 0px 28px; font-size:16px; font-weight:700; color:#464646; background:url('../img/icon_refe.jpg') top left no-repeat;}
#publishing_refer li.desc {padding-left:33px; border-left:1px solid #FFFFFF; line-height:28px;}
#publishing_inquiry {width:945px; margin:0px auto;}
#publishing_inquiry .subtitle {margin-bottom:16px;}
#publishing_inquiry .desc {margin-bottom:26px;}
#publishing_inquiry .btn {width:179px; margin:26px auto 0px;}

/* 회사 */
#company_movie {width:920px; margin:0px auto 40px;}
#company_movie iframe {margin-bottom: 10px;}
#company_gen {width:920px; margin:0 auto 46px;}
#company_gen .company_intro {float:left; width:444px;}
#company_gen .company_intro .subtitle {margin:8px 0px 15px;}
#company_gen .company_intro .name_english {margin-bottom:40px; font-size:16px; font-weight:700; color:#464646;}
#company_gen .company_intro .desc .ep {margin:26px 0px; font-weight:700; color:#464646;}
#company_gen .company_slogan {float:right; width:433px;}
#company_gen .company_slogan .logo {margin-bottom:44px;}
#company_gen .company_slogan .wrap_slogan {width:425px; padding:26px 0px 6px; border:4px solid #F3F3F3;}
#company_gen .company_slogan .wrap_slogan .slogan {width:320px; margin:0 auto;}
#company_gen .company_slogan .wrap_slogan .slogan th {text-align:left; vertical-align:top; padding-bottom:18px; font-size:16px; font-weight:700; color:#464646;}
#company_gen .company_slogan .wrap_slogan .slogan td {vertical-align:top; padding-bottom:18px;}
#wrap_company_profile {width:100%; margin-bottom:46px; padding:40px 0px 26px; background-color:#F4F4F4;}
#company_profile {width:920px; margin:0 auto;}
#company_profile .mottio {float:left; width:276px;}
#company_profile .profile {float:right; width:592px;}
#company_profile .profile th {text-align:left; vertical-align:top; padding-bottom:10px; font-size:16px; font-weight:700; color:#464646;}
#company_profile .profile td {vertical-align:top; padding-bottom:10px;}
#company_adban {width:920px; margin:0 auto;}


/* Responsive */

@media only screen and (max-width: 740px){
	
#bl_wt {width:100%;}
#wrap_bl_bk {width:100%; background-color:#F4F4F4;}
#bl_bk {width:100%;}
#bl_wt .mag_img , #bl_bk .mag_img {width:100%;}
#bl_wt .mag_img img, #bl_bk .mag_img img{width:100%;}
#bl_wt .cont, #bl_bk .cont {width:100%; margin-left: 3px;}
#utilization {width:100%;} 
.util_note {width:100%;}
 
#cbulletin_sm {width:100%; margin: -30px auto 10px; text-align: center;}
#cbulletin_sm li {float:none; display:inline-block; margin-right:5px; margin-bottom: 10px;}
#cbulletin_mission {width:100%; text-align: center;}
#cbulletin_mission_intro {width:100%;}
#cbulletin_mission_intro .cont {width:100%;}
#cbulletin_mission_intro .spec {width:100%; margin-top:10px;}
#cbulletin_premium {width:100%; margin:0 auto; text-align: center;}
#cbulletin_mission_img img {width: 100%;}
#cbulletin_premium_img  {width: 100%;}
#cbulletin_premium_img  img {width: 100%;}

#cl_wt {width:100%;}
#wrap_cl_bk {width:100%; padding:40px 0px; background-color:#F4F4F4;}
#cl_bk {width:100%;}
#cl_wt .cal_img, #cl_bk .cal_img {display: block; width:100%;}
#cl_wt .cal_img img, #cl_bk .cal_img img{width: 100%;}
#cl_wt .cont #tbox, #cl_bk .cont #tbox{margin: 0 auto;}
#cl_wt .cont, #cl_bk .cont {width:100%; margin: 0 auto; text-align: center;}
.inquiry_note {width:100%;}
 
  
#web_intro {width:100%; text-align: center;}
#web_intro .web_intro_img {width:100%;}
#web_intro .cont {width:100%; margin: 0 auto;}
#web_intro .cont .btn li {float:none;}
#web_intro .cont .btn li img{width:100%;}
#wrap_web_merit {width:100%; text-align: center;}
#web_merit {width:100%;}
#web_merit table {margin: 0 auto;}
#web_merit  tr td {display: block;}
#web_merit .pgh {width:100%;}
#web_merit .pgh .web_merit_img {float:none; margin:0 auto;}
#web_merit .pgh .cont {width:100%; margin:10px auto;}
#web_client {width:100%; text-align: center;}
#web_client .clientlist {width:100%;}
#web_client .clientlist .list {float:none;}
#web_client .contactus {width:100%; margin-top: 26px;}

#publishing_sm {width:100%; text-align: center; margin-top: -30px; margin-bottom: 10px;}
#publishing_sm li {float: none; display: inline;}
#publishing_intro {width:100%; text-align: center;}
#publishing_intro .ebook {width:100%;}
#publishing_intro .ebook .ebook_img {width: 100%; margin-bottom:30px;}
#publishing_intro .ebook .ebook_img img {width: 100%;}
#publishing_intro .paper {width:100%;}
#publishing_intro .paper .paper_img {width: 100%; margin-top: 30px; margin-bottom:30px;}
#publishing_intro .paper .paper_img  img{width: 100%;}
#wrap_publishing_refer {width:100%;}
#publishing_refer {width:100%;}
#publishing_inquiry {width:100%;} 
#publishing_inquiry .btn {margin:26px auto 26px;}

#lecturer_list {width:100%; text-align: center;}
#lecturer_list li {width:100%;}
#lecturer_list li:nth-child(2n+0) {width:100%;}
#lecturer_list li .lecturer_photo {width: 100%; margin-bottom:26px;}
#lecturer_list li .lecturer_photo img {width: 100%;}
#lecturer_list li.last {margin-bottom:15px;}

#company_movie {width: 100%;}
#company_movie iframe {width: 100%; margin-bottom: 10px;}
#company_gen {width:100%; text-align: center;}
#company_gen .company_intro {width:100%;}
#company_gen .company_slogan {width:100%;}
#company_gen .company_slogan .wrap_slogan {width:100%;}
#company_gen .company_slogan .wrap_slogan .slogan {width:100%;}
#company_profile {width:100%;}
#company_profile .profile {width:100%;}
#company_adban {width:100%;}
#company_adban  img{width: 100%;}

}