@charset "utf-8";
/* Font-Face */
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

html{margin:0; padding:0; width:100%; overflow-y:scroll;}
body{margin:0; padding:0; width:100%; font-family: 'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif; font-size:13px; letter-spacing:0px; line-height:1.6; color:#808080;}
/*#body_m{background:#ffffff url(/user_data/data/images/main_a_bg_blue3_2.jpg) repeat-x left top;}*/
img{margin:0; padding:0;}
a,{text-decoration:none;} a img{border:none; outline:0; selector-dummy : expression(this.hideFocus=true); text-decoration:none;}

ul, ol {list-style-type:none;}
dt, dd  {list-style-type:none;}

h1,h2, h3, h4 ,h5{padding:0px; margin:0px;}
hr {display: none;}
li{list-style-type:none;}

/* link style */
a:link    	        {color:#666666; text-decoration:none;}
a:visited 	        {color:#666666; text-decoration:none;}
a:active  	        {color:#fd6c02; text-decoration:none;}
a:hover         	{color:#3f8dc2; font-weight:bold; text-decoration:none;}

legend, label.hidden{position: absolute;top: 0px;left: 0px;visibility:hidden; width:0;height:0;text-indent:-9999px;color:#808080;}
caption {visibility:hidden; width:0;height:0;text-indent:-9999px;color:#808080;}
input[type=submit] {border:0 none; padding:0; background:transparent; vertical-align:middle; color:#fff; font-size:0px; line-height:0px; cursor:pointer;}
input[type=button] {padding:0; vertical-align:middle; cursor:pointer;}
input.goSel {width:44px;height:20px; line-height:0px; }
div{color:#666666; margin:0; padding:0;}
textarea {border:1px solid #ccc; font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; padding:3px 0 1px 3px;}
select, img {margin:0; padding:0;}


/*total*/
#wrap{position:relative; padding-left:0px; margin:0 auto; min-width:1050px; height:left !important;  min-height:100%; height:100%;}
#wrapmain{position:relative; padding-left:0px; margin:0 auto; width:100%; height:auto; min-height:1000px; !important; min-height:100%; height:100%; overflow-x:hidden;}
#header{position:relative;  margin:0 auto; width:100%; height:194px; background:url(/user_data/data/images/top_bg.jpg) repeat-x top center;}
#container{position:relative; overflow:hidden; margin:0 auto; min-width:1050px; height:auto !important;  min-height:650px; height:100%;}
#footer{position:relative; clear:both; margin:0 auto;  bottom:0; width:1050px; height:160px;}


#left_banner {position:absolute; display:block; margin:0 left; min-height:100%; height:100%;  !important;  box-sizing:border-box;  z-index:999999; position: fixed; overflow-x: hidden; background: url(/user_data/data/images/body_bg.png) repeat-y top left;}
.left_banner_top {height:117px; background:#2a2986; border-right:1px solid #2a2986;  width:140px; z-index:9999999;}
.left_banner_top ul{margin:0;  padding:47px 8px 10px 17px;}
.left_banner_top li.lbtitle{ font-size:20px; color:#fff;}
.left_banner_top li.lbtext a{ font-size:16px; color:#fff;}
ol.folder_box {display:none; margin:0; padding:0;}
ol.folder_box li.line_first{background:#0a0a20; color:#e7e7e7; padding-top:4px;  padding-left:2px; height:29px;}
ol.folder_box li.line{background:#1e1e5e; padding-left:2px; height:25px;}
ol.folder_box li.line a{color:#e7e7e7; height:25px; padding-left:5px;}

ol.folder_box {display:none; margin:0; padding:0;}
ol.folder_box li.line2{background:#fbfbfb url("/user_data/data/images/banner_icon.png")no-repeat 15px 15px; padding-left:22px; padding-top:5px; height:30px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
ol.folder_box li.line2 a{color:#707070; height:30px;}

.left_banner_menu {margin:0; padding:0; width:140px;}
.left_banner_menu ul{margin:0;  padding:0;width:140px;}
.left_banner_menu li.lmtext {height:50px;  padding-left:16px;  padding-top:12px; font-size:16px;  color:#707070; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#f5f5f5;}
.left_banner_menu li.lmtext a{color:#666666;}
.left_banner_menu li.lmtext span{text-align:right; float:right; padding-right:15px;  margin-top:-12px;}
.left_banner_menu li.lmtext img{margin-top:2px;}
.left_banner_smenu ul{margin:0;  padding:0;width:140px; height:250px; border-bottom:1px solid #d9d9d9; background:#fff; border-right:1px solid #d9d9d9; }
.left_banner_smenu li.lmstext{height:50px; width:130px; margin:0 10px 0 10px; background:#fff; padding-left:8px;  padding-top:12px; font-size:14px;  color:#707070; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.left_banner_smenu li.lmstext:last-child{height:50px; margin:0 10px 0 10px; background:#fff; padding-left:8px;  padding-top:12px; font-size:14px;  color:#707070; }
.left_banner_menu li.lmstext a{color:#666666;}
.left_banner_smenu li.lmstext span{text-align:right; float:right; padding-right:10px;  margin-top:3px;}
.left_banner_smenu li.lmsstext{height:50px; margin:0 10px 0 10px;line-height:100%;  background:#fff; padding-left:8px;  padding-top:10px; font-size:14px;  color:#707070; border-bottom:1px solid #d9d9d9;}
.left_banner_menu li.lmsstext a{color:#666666;}
.left_banner_smenu li.lmsstext span{text-align:right; float:right; padding-right:10px;  margin-top:-10px;}



/*tap*/
.tap_table {margin:0 auto; width:1050px; margin-top:20px;}
.tap_table .tap_top {margin:0; padding:0; height:62px; margin-bottom:30px;}
.tap_table .tap_top img{float:left; margin:0; padding:0;}
.tap_table .tap_bottom {height:44px; padding-bottom:70px;}


#tab {padding: 0; left:0px; top:0px; text-align:left;  width:100%;}
.tab li {float:left; margin:0; padding:7px; font-size:16px; border:1px solid #254a90; text-align:center;}
.tab li:hover,.tab li.sel{}
.tab.type01 {height:44px; margin:0; text-align:left;}
.tab.type01 ul{width:100%; margin:0; padding: 0px;}
.tab.type01 li {width:262px; border-left:none; margin:0;  font-weight:bold; font-size:16px; color:#bbc5de; background:#3e65ae;}
.tab.type01 li a{color:#bbc5de; }
.tab.type01 li:first-child{border-left:1px solid #254a90;; margin:0;}
.tab.type01 li:hover,.tab.type01 li.sel {margin:0; padding:8px; background:#2a2986; font-weight:bold; font-size:16px; border:none; color:#fff;}

.tab.type02 {height:44px; margin:0; text-align:left;}
.tab.type02 ul{width:100%; margin:0; padding: 0px;}
.tab.type02 li {width:262px; border-left:none; margin:0;  font-weight:bold; font-size:16px; color:#bbc5de; background:#3e65ae;}
.tab.type02 li a{color:#bbc5de;}
.tab.type02 li:first-child{border-left:1px solid #254a90;; margin:0;}
.tab.type02 li:hover,.tab.type02 li.sel {margin:0; padding:8px; background:#2a2986; font-weight:bold; font-size:16px; border:none; color:#fff;}

.tab.type03 {height:44px; margin:0; text-align:left;}
.tab.type03 ul{width:100%; margin:0; padding: 0px;}
.tab.type03 li {width:262px; border-left:none; margin:0;  font-weight:bold; font-size:16px; color:#bbc5de; background:#3e65ae;}
.tab.type03 li a{color:#bbc5de;}
.tab.type03 li:first-child{border-left:1px solid #254a90;; margin:0;}
.tab.type03 li:hover,.tab.type03 li.sel {margin:0; padding:8px; background:#2a2986; font-weight:bold; font-size:16px; border:none; color:#fff;}

/* header */
#topmenu {position:relative; margin:0 auto; padding:0; width:1050px; height:118px;}
.top_banner{width:1050px; height:66px; padding-top:10px; color:#fff; text-align:center; letter-spacing:-1px;font-size:26px;}
.util {float:left;  width:1050px; margin-top:5px; text-align:right; font-size:12px;}
.util a{color:#666; margin-top:5px;}
.util a:hover{color:#0789c8; text-decoration:none;}
.logo {position:absolute; margin:0 left; padding-top:36px;  font-weight:bold; text-align:left; width:10%; z-index:99999;}
.t_search{float:right; width:170px; height:30px; text-align:left;  font-size:12px; color:#fff; background:#08285a;}
.t_search img{text-align:right;}
input.tops {width:140px; height:25px; margin-top:2px; border:0px; background:#08285a;}

.gnbDiv .gnbWrap .gnb{margin-left:200px;}

/* 여백 */
.ml5  {margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml15  {margin-left:15px !important;}
.ml20  {margin-left:20px !important;}
.ml25  {margin-left:25px !important;}
.ml35  {margin-left:35px !important;}
.mtop5 {margin-top:5px !important;}
.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px !important;}
.mtop20 {margin-top:20px !important;}
.mtop25 {margin-top:25px !important;}
.mtop30 {margin-top:30px !important;}
.mtop35 {margin-top:35px !important;}
.mbottom5 {margin-bottom:5px !important;}
.mtop_m20 {margin-top:-20px !important;}


/*main*/
#main         {position:relative; margin:0 auto; width:100%; min-height:560px;}
#main_con     {margin:0 auto; padding-left:170px; width:1390px; height:370px;}
#main_bg      {float:left;  margin:0 auto; width:1050px; height:370px;}
#visual{position:relative; width:100%; height:379px;}
.mainVisual {position:relative; width:1050px;  margin:0 auto; height:379px; overflow:hidden;}
.mainVisual .visualBg {position:absolute; height:379px; margin:0 auto;   top:0;  left:0; width:100%; z-index:50;}
.mainVisual .visualBg1{background:url("/user_data/data/images/main_img.png") center top no-repeat;}
.mainVisual .visualBg2{background:url("/user_data/data/images/main_img02.png") center top no-repeat;}
.mainVisual .visualBg3{background:url("/user_data/data/images/main_img03.png") center top no-repeat;}
.mainVisual .visualBg .mainBtn{position:relative; margin:0 auto; text-align:left; width:980px; padding-top:230px;}
.mainVisual .controller2{position:relative; width:65px; height:20px; z-index:90; margin:320px auto;}
#right_banner {float:right;  margin:0 right; margin-top:5px; left:20px; width:150px; z-index:999999;}


#main_contents       {margin:0 auto; width:100%; top:380px; text-align:center;}
.main_content01        {margin:0 auto; width:1050px; height:338px; margin-top:35px;}
.main_content02        {position:relative; margin-left:140px; padding-right:280px; width:100%; height:412px; margin-top:35px; background:#f2f2f2; }
.main_content03        {margin:0 auto; width:1050px; height:340px; margin-top:35px; background:#eeeeee; border-bottom:1px solid #d7d7d7;}
.main_banner       {margin:0 auto; width:1050px; margin-top:35px; height:68px;   background:#f9f9f9;}



/*팝업*/
.main_content03 .popup_input {position:relative; margin:0 auto; top:4px; left:494px; padding:0; width:100%; z-index:999;}
.main_content03 .popup_input_box {position:absolute;margin:0 auto; text-align:center; padding:0; width:551px; height:353px;  border-radius:10px; background:#6b6b6b;}
.main_content03 .popup_input_box .pop_title {text-align:left; padding: 10px 0 0 20px; margin:0; color:#fff;  font-size:28px;  letter-spacing:-1px; font-weight:bold; }
.main_content03 .popup_input_box .pop_title span{text-align:right; float:right; padding-right:20px; padding-bottom:20px;}
.main_content03 .popup_input_box .pop_input_table { padding: 10px 0 0 20px;margin:0;}
.main_content03 .popup_input_box .pop_btn {padding-top:20px; text-align:center;}

table.popup td { color:#fff; line-height:120%;  font-size:16px;  height:30px;}
input.popup {background:#6b6b6b; height:30px; color:#333; width:384px; margin-bottom:10px; border:1px  solid #a6a6a6;}
textarea.popup {background:#6b6b6b; width:384px; height:79px; font-size:12px; border:1px solid #a6a6a;}

.main_field_box{float:left; margin-right:15px; width:340px;  height:338px; box-sizing:border-box;border:1px solid #e5e5e5;}
.main_field_box:last-child{margin-right:0px;}
.main_field_top01{background:#2779cb;  height:230px;}
.main_field_top01 ul{float:left; width:175px; text-align:left; margin:20px 0 0 20px;}
.main_field_top01 li.fititle{color:#fff; font-size:34px; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #1e5a98; }
.main_field_top01 li.fitext a{padding-left:10px;  line-height:140%;  color:#fff; font-size:17px; background:url("/user_data/data/images/main_icon_01.png")2px 8px no-repeat;}
.main_field_top01 img {margin-top:40px;}
.main_field_bottom{height:108px; margin:17px; font-size:14px; letter-spacing:-1px;  text-align:left; }

.main_field_top02{background:#adbf36;  height:230px; }
.main_field_top02 ul{float:left; text-align:left; width:175px; margin:20px 0 0 20px;}
.main_field_top02 li.fititle{color:#fff; font-size:31px; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #7c8a26; }
.main_field_top02 li.fitext a{padding-left:10px; line-height:140%; letter-spacing:-1px;  color:#fff; font-size:17px; background:url("/user_data/data/images/main_icon_02.png")2px 8px no-repeat;}
.main_field_top02 img {margin-top:40px;}


.main_field_top03{background:#c34273;  height:230px; }
.main_field_top03 ul{float:left; width:175px;  text-align:left; margin:20px 0 0 20px;}
.main_field_top03 li.fititle{color:#fff; font-size:38px; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #a4154b; }
.main_field_top03 li.fitext a{padding-left:10px;  line-height:140%;  color:#fff; font-size:17px; background:url("/user_data/data/images/main_icon_03.png")2px 8px no-repeat;}
.main_field_top03 img {margin-top:30px;}


.main_review {margin:0 auto; width:1050px; height:412px;}
.main_review_title{text-align:center;  padding:30px 0 30px 0;}
.main_review_box{float:left; margin-left:10px; width:235px;  height:160px;  background:url("/user_data/data/images/main_review_bg.png")left top no-repeat;}
.main_review_box ul{text-align:left;  letter-spacing:-1px; margin: 15px 20px;}
.main_review_box li.retitle{color:#222; font-size:16px; font-weight:bold; }
.main_review_box li.retext{color:#666; font-size:13px; margin-top: 10px; letter-spacing: -0.5px;}
.main_review_box li.rename{color:#999999; font-size:14px; margin: 6px;}
.main_review_box li.rename span a{float:right; text-align:right; color:#fdcc05; font-weight:bold; font-size:14px;}

.main_customer{margin:0 auto; width:1050px; height:340px;}
.main_customer_tel{float:left; width:475px; height:330px; margin:35px 30px 0  0; letter-spacing: -1px;}
.main_customer_tel ul{margin-left:30px; text-align:left;}
.main_customer_tel li.cutitle{margin:0;  font-size:36px; color:#222;  font-weight:bold;}
.main_customer_tel li.cutel{margin-left:0; font-size:23px; color:#b62223;  font-weight:bold;}
.main_customer_tel li.cutel2 {margin:0; font-size:24px; color:#b62223;  font-weight:bold; }
.main_customer_tel li.cutext{padding:5px 0 5px 0; margin:0; font-size:17px;   color:#4b4b4b; border-top:1px solid #cbcbcb; }
.main_customer_go{ float:left; width:525px; margin:50px 0 0 0;padding:0;}
.main_customer_go img{margin:0;}
span.tel_sp{margin-left:140px;}



h2{margin:0 auto; padding-top:35px; padding-bottom:10px; text-align:left; text-align:center; font-size:24px; color:#ffffff; letter-spacing:-1px; font-weight:bold;}
h3{margin:0 auto; text-align:left; font-size:36px; color:#222222;  letter-spacing:-1px; font-weight:bold; letter-spacing:-2px;}
h4{padding-top:5px; margin-bottom:10px; font-size:20px; color:#1453a5; letter-spacing:-1px; font-weight:bold;}
h5{padding-top:5px; margin-bottom:10px; font-size:22px; color:#666666; }

/*sub*/
#subdepth	  	 {position:relative; margin:0 auto; width:100%; height:30px; float:right; text-align:left; border-bottom:1px solid #fff;}
#subdepth .depth {margin:0 auto; width:1050px; height:20px; text-align:right; padding-top:5px; padding-right:33px;}
#sub             {position:relative; margin:0 auto; width:1050px; height:100%;}

/*sub*/
#sub_content_full      {margin:0 auto; float:left; padding:0px 0px 30px 0px; width:100%;}
#sub_content           {margin:0 auto; float:left; padding:0px 30px 30px 30px; width:850px;}
.section  {margin:0 auto; padding-top:30px; width:100%;}
.sub_title {font-size:15px; font-weight:bold; color:#333; text-align:left; width:100%; padding-bottom:10px;}
.content  {margin:0 auto; padding-top:30px; width:100%;}

.rgt {float:right; padding-left:20px;}
.lft {float:left; padding-right:20px;}
.full_img{margin:0 auto; margin-top:20px;}

.con_center{margin:0 auto; width:100%; padding-bottom:30px;text-align:center;}
.img_small_section{margin-top:20px;overflow:hidden;}
.img_small_section.first{margin-top:20px !important;overflow:hidden;}
.img_small_section:first-child{margin-top:0;}

table.t_board td li {line-height: none;}

/* 강좌탭 */
.detail_tap {width:100%; border-bottom:solid 0px #ddd; }
.detail_tap .nav > li > a{padding:8px 0px; margin:0; border:1px solid #eeeeee; height:43px;}
.detail_tap .nav-tabs > li {border-top:2px solid #282828;}
ul.course-tap {margin-bottom:50px; }
ul.course-tap > li {border-top:2px solid #282828;}
ul.course-tap > li.active > a{background:#ececec; color:#282828;}
ul.course-tap > li.active > a:hover{background:#ececec; color:#282828;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background:#ececec;}
.btn-taps li{border-top:2px solid #282828; width:25%;}

/* 강좌버튼 */
.btn_box{margin-top:20px;}
.btn-cart{background-color:#48aee4; border-color:#48aee4; border-radius:4px; width:49%; margin-right:1%; height:40px;}
.btn-buy{border-radius:4px; background-color:#1e5bc2; color:#f9f9f9; border:1px solid #ededed; height:40px;}
.btn:hover,.btn:focus,.btn.focus{color: #666666;  text-decoration: none;}