/*컨텐츠*/

/*기본공통*/
.sub_container h3{ font-size:25px;  margin:15px 0; letter-spacing:-1px; line-height:normal ; color:#333 }
.sub_container h4{ font-size:22px ; margin:10px 0;  letter-spacing:-1px;  color:#333 }
.sub_container h5{ font-size:18px ; margin:10px 0;  letter-spacing:-1px; color:#333 }


.sub_container .text_lar1{ font-size:28px; letter-spacing:-1px; line-height:normal ; line-height:1.3em;  color:#333} /*포인트 큰 글자*/
.sub_container .text_lar2{ font-size:25px; letter-spacing:-1px; line-height:normal; line-height:1.3em; color:#333} /*포인트 큰 글자*/
.sub_container .text_lar3{ font-size:20px; letter-spacing:-1px;/* line-height:normal*/ color:#333} /*포인트 큰 글자*/
.sub_container .text_lar4{ font-size:18px; letter-spacing:-1px;/* line-height:normal*/ color:#333} /*포인트 큰 글자*/







 ul.dot_list li{ margin-bottom:10px; background:url(/new/img/contents/dot_list.gif) no-repeat 0px 10px; padding-left:10px }




.basic_tab { display: block; text-align: center;  }/*탭: 공통*/
.basic_tab:after{ clear:both; display:block; content:"";}
.basic_tab  a { position:relative; float:left; height:55px; border:1px solid #cecece; border-left-width:0; text-align:center;  width:33.3333%; box-sizing:border-box ; cursor:pointer; font-size:18px}
.basic_tab  a:first-child { border-left-width:1px; }
.basic_tab  a:before { content:""; display:inline-block; width:1px; height:100%; vertical-align:middle; margin-right:-2px; }
.basic_tab  a:after { position:absolute; left:-1px; bottom:-1px; width:100%; height:2px; background-color:#dd1018; border-right:2px solid #dd1018; }
.basic_tab a.on { background-color:#fff; }
.basic_tab a.on:after { content:""; } 



.sk  a { width:25%;}





/*주요색상 컨트롤*/

.sub_container .point_c1{ color:#ca171e}/*포인트 색깔*/
.sub_container .point_c2{ color:#295191}/*포인트 색깔*/



/*주요테이블*/
.basic_table_area { overflow-x: auto; width:100% }/*왼쪽 th표*/
.basic_tb{table-layout:fixed; width:100%;  word-break:break-all; margin-top:10px }
.basic_tb tr th,.basic_tb tr td  { padding:10px 20px; border:1px solid #d4d4d4 ; line-height:1.2em;  text-align:center}
.basic_tb tr th {background:#f2f2f2 ;}
.basic_tb th:first-child, .basic_tb td:first-child{border-left:none;}
.basic_tb th:last-child, .basic_tb  td:last-child{border-right:none;}
.basic_tb .left { text-align: left }
.basic_tb .right { text-align: right }
.basic_tb td img{ max-width:100%}

.basic_tb .bg1{background:#f2f2f2 ;}


.company{ text-align:center; font-size:16px}
.company_mission{ background:#f6f6f6; padding:30px 0 40px 0; width:950px; margin:0 auto; border-radius:20px}
.company_mission article{ position:relative; padding:10px 0; overflow:hidden}
.company_mission article img.left{ position:absolute; top:10px; left:12%;}
.company_mission article img.right{ position:absolute; bottom:10px; right:10%}


h4.read_icon{ background:url(/new/img/contents/icon_q.png) no-repeat 5px 14px ; padding: 10px 20px 10px 35px;  color:#fff; border-radius:30px; margin-bottom:20px;}
.read_box{ background:#F3F3F3;  border-radius: 0px ; padding:30px 40px 30px  40px; margin:20px 0 0  0; position:relative; border-radius:0 30px 0 30px }


.price_info h3, .price_info h4{ }
.price_info h4.box{ margin-bottom:0px; background:#f2f6fc; padding:10px 0; text-align:center}

.price_info h3 span{ margin-left:10px;  font-size:15px; color:#333}

.etc h5{ padding:40px 0 10px 0 !important; font-size:20px; text-decoration:underline }
.etc h6{ padding:10px 0 10px 0 !important; font-size:17px  }
.etc{ border:1px solid #CCC; padding:50px 60px}
.noemail{ border:1px solid #CCC; padding:80px 60px; text-align:center; margin:0 auto; max-width:700px;}














/*회원가입*/
.member *{/* font-size:13px; vertical-align:middle !important;  word-break: keep-all;*/ } /*기본 설정 css때문에 추가 */
.member input[type=text]{ }
.member input[type=password]{}
.member{ width:100%; overflow:hidden; /*padding:40px 0 40px 0;*/}
.member h3{ font-size:18px; margin:10px 0 10px 0 !important; padding:0; text-align:left; }
.member h4{ font-size:14px} /*아직 사용안함*/
.member h3 span{ display:block; font-weight:normal}



.member_btn { clear:both; width:100%; text-align:center; padding:2em 0 ; margin:0; overflow:hidden} /* 버튼 공통, 회원 및 마이페이지*/
.btn_color1, .btn_color2{width:100px; display:inline-block;  padding:13px 0;font-weight:400; text-align:center;  line-height:1em; } 
.btn_color1 { background:#7c7c7c;border:1px solid #7c7c7c;color:#fff !important; }  /*확인*/
.btn_color2 { background:#FFF; border:1px solid #b1b1b1; color:#000 !important;} /*취소 및 기타*/
.member .checkbox{border:none !important;vertical-align:middle;}



/* 로그인 */
.login_box { margin:20px auto; max-width:350px; overflow:hidden; background:#fff; padding:7% 5%; border:1px solid #CCC }
.login_box ul {float:left;width:70%;text-align:left; }
.login_box ul:after{ clear:both; display:inline-block; content:"";}
.login_box ul li:first-child{ margin-top:0}
.login_box ul li{ margin-top:-1px}
.login_box ul li span{display:inline-block;width:30%; text-align:left; float:left; line-height:33px; font-weight:400}
.login_box ul li input{width:62%;height:33px;border:1px solid #cccccc;line-height:33px; background:#f5f5f5; padding:0 5px}
.login_box .btn_login{float:right;width:30%; display:inline-block}
.login_box .btn_login input{height:69px;color:#fff;background:#000; display:inline-block; width:100%; font-weight:400; border:0;-webkit-border-radius:0;}
.login_box .more_btn{ clear:both; overflow:hidden; margin-top:20px; text-align:center }
.login_box .more_btn span{ display:inline-block; clear:both}
.login_box .more_btn a{  padding:5px 10px; display:inline-block; font-size:12px}


.login_logo{ text-align:center; margin:0 0 20px 0}

.login_align{ margin-top:10%}