@charset "UTF-8";

article{font-size:14px; color:#666; line-height:20px; text-align:center;}
article:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
select{height:28px; border:1px solid #b8b8b8; background:#fff; color:#333; padding-left:5px;}
textarea{height:68px; border:1px solid #b8b8b8; padding:5px; margin:10px 0;}
.in_txt{height:24px; border:1px solid #b8b8b8; background:none; text-indent:5px;}
.box{font-size:13px; background-color:#f7f7f7; padding:25px;}

#contents{margin-bottom:120px; min-width:1100px;}
#contents .ttl{height:170px;}
#contents .ttl:before{display:block; content:''; width:23%; height:101px; background:#009be3; position:absolute; z-index:-99;}
#contents .ttl .width{padding-top:30px;}
#contents .ttl h1{float:left; font-size:32px; color:#111; background-color:#fff; border:1px solid #111; border-bottom:none; height:70px; line-height:100px; padding:0 50px;}
#contents .ttl p{float:left; font-size:14px; color:#666; margin:53px 0 0 25px;}
#contents .quickconsult{margin-bottom: -120px;}

/* 서브 TOP IMG */
.subtopimg{height:450px;}
.subtopimg:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.subtopimg .width{position:relative; left:0; top:145px;}
.subtopimg h1{float:left; color:#fff; font-size:86px; line-height:86px; font-weight:600; letter-spacing:-6px; width:590px;}
.subtopimg h1 p{font-size:42px; line-height:48px; font-weight:normal;}
.subtopimg .subtxt{float:left; color:#dcdcdc; letter-spacing:-2px; margin-top:40px;}
.subtopimg .subtxt h2{font-size:20px; line-height:24px; font-weight:600;}
.subtopimg .subtxt h3{font-size:14px; line-height:20px; font-weight:normal; margin-top:30px;}

/* 서브 TTL */
.subttl{position:relative; bottom:30px;}
.subttl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.subttl h1{float:left; width:199px; height:119px; border-top:1px solid #111; border-left:1px solid #111; background-color:#fff; font-size:32px; color:#111; padding-top:80px;}
.subttl h1:after{display:block; content:''; width:1px; height:29px; background:#111; position:relative; bottom:100px; left:198px;}
.subttl h2{float:left; font-size:18px; line-height:28px; font-weight:normal; text-align:left; margin:80px 0 0 50px; width:845px;}
.subttl h2 strong{color:#111; font-weight:600;}

/* 진로/취업 */
.subtopimg_lec{height:450px;}
.subtopimg_lec h1{color:#fff; width:1100px; margin:0 auto; font-size:30px; line-height:36px; font-weight:normal; padding-top:80px;}

.subtopimg_lec h1{
		position:relative;
		animation-name: example;
		animation-duration: 0.75s;
		animation-timing-function: linear;
		animation-direction: alternate;
		animation-fill-mode: forwards;
		opacity:0;
	}
.subtopimg_lec h2, .subtopimg_lec h2 > p{
		position:relative;
		animation-name: example;
		animation-duration: 0.75s;
		animation-delay: 0.3s;
		animation-timing-function: linear;
		animation-direction: alternate;
		animation-fill-mode: forwards;
		opacity:0;
		}

.subtopimg_lec_btm h3{
		position:relative;
		animation-name: subtopimg_lec_btmup;
		animation-duration: 0.75s;
		animation-delay: 0.75s;
		animation-timing-function: linear;
		animation-direction: alternate;
		animation-fill-mode: forwards;
		opacity:0;
		}

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {opacity:0; left:-50px; top:0px;}
  25%  {opacity:0; left:-50px; top:0px;}
  100% {opacity:1; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
  0%   {opacity:0; left:-50px; top:0px;}
  25%   {opacity:0; left:-50px; top:0px;}
  100% {opacity:1; left:0px; top:0px;}
}

@-webkit-keyframes subtopimg_lec_btmup {
  0%   {opacity:0; left:0px; bottom:-10px;}
  25%  {opacity:0; left:0px; bottom:-10px;}
  100% {opacity:1; left:0px; bottom:0px;}
}

/* Standard syntax */
@keyframes subtopimg_lec_btmup {
  0%   {opacity:0; left:0px; bottom:-10px;}
  25%  {opacity:0; left:0px; bottom:-10px;}
  100% {opacity:1; left:0px; bottom:0px;}
}

.subtopimg_lec h2{color:#fff; width:1100px; margin:0 auto; font-size:90px; line-height:98px; letter-spacing:-6px; padding-top:15px;}
.subtopimg_lec h2 span{font-weight:normal;}
.subtopimg_lec h2 .samsung{background:url('/img/sub/lec_samsung.png') 180px 25px no-repeat;}
.subtopimg_lec h2 .premium{background:url('/img/sub/lec_premium.png') left top no-repeat; height:120px; position:relative; left:-30px;}
.subtopimg_lec .new{background:url('/img/sub/lec_new.png') left -10px no-repeat; width:88px; height:53px; position:absolute; margin-left:-20px;}
.subtopimg_lec_btm{background-color:#222; padding:60px 0;}
.subtopimg_lec_btm h3{color:#fff; width:1100px; margin:0 auto; font-size:24px; line-height:40px; font-weight:normal;}

.lec{text-align:left; color:#333; letter-spacing:-2px;}
.lec h4{font-size:24px; margin-top:80px; height:60px;}
.lec h4 span{font-weight:normal;}
.lec h4 a{float:right; height:30px; line-height:28px; font-size:12px; font-weight:normal; background-color:#999; color:#fff; padding:0 15px;}
.lec .recommend{background-color:#dcdcdc; padding:30px 80px 70px 80px;}
.lec .recommend h5{font-size:24px; margin-top:40px;}
.lec .recommend ul{margin:35px 0 30px;}
.lec .recommend ul li{background:url('/img/sub/lec_bul.png') left top no-repeat; margin-bottom:15px; height:30px; font-size:18px; padding-left:40px;}
.lec .recommend .point1{height:60px; background-color:#fff; font-size:20px; color:#009be3;}
.lec .recommend .point1 .ob{background:url('/img/sub/lec_point01.png') left top no-repeat; width:180px; height:45px; color:#fff; padding-left:35px;}
.lec .recommend .point1 strong{float:left; width:700px; line-height:24px; padding-top:15px;}
.lec .recommend .point2{height:100px; background-color:#fff; font-size:20px; color:#009be3;}
.lec .recommend .point2 .ob{background:url('/img/sub/lec_point02.png') left top no-repeat; width:180px; height:65px; color:#fff; padding:35px 0 0 35px;}
.lec .recommend .point2 strong{float:left; width:700px; line-height:24px; padding-top:25px; letter-spacing:-2px;}
.lec .run{background:url('/img/sub/lec_runbg.png') 180px 60px no-repeat; height:250px;}
.lec .run:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lec .run .left{float:left; text-align:center;}
.lec .run .left .runbox{background-color:#fff; border:1px solid #333; width:178px; height:178px; font-size:18px; line-height:22px; display:inline-block; float:left; margin-right:30px;}
.lec .run .left .runbox div{position:relative; transform:translate(0, -50%); top:85px;}
.lec .run .left .runbox span{margin-top:5px; font-size:14px; display:block;}
.lec .run .left .runbox2{background-color:#fff; border:1px solid #333; width:128px; height:178px; font-size:18px; line-height:22px; display:inline-block; float:left; margin-right:30px;}
.lec .run .left .runbox2 div{position:relative; transform:translate(0, -50%); top:85px;}
.lec .run .left p{clear:both; padding-top:5px; font-size:12px; color:#999; margin-left:-30px;}
.lec .run .left p:before{background:url('/img/sub/lec_p01.png') left top no-repeat; display:inline-block; content:''; width:5%; height:10px; border-bottom:1px solid #dcdcdc; margin-right:10px;}
.lec .run .left p:after{background:url('/img/sub/lec_p02.png') right top no-repeat; display:inline-block; content:''; width:5%; height:10px; border-bottom:1px solid #dcdcdc; margin-left:10px;}
.lec .run .finish{float:right; text-align:center;}
.lec .run .finish div{width:180px; height:110px; font-size:18px; color:#fff; line-height:22px; font-weight:bold; padding-top:70px;}
.lec .run .finish p{padding-top:5px; font-size:12px; color:#999;}
.lec .run .finish p:before{background:url('/img/sub/lec_p01.png') left top no-repeat; display:inline-block; content:''; width:20%; height:10px; border-bottom:1px solid #dcdcdc; margin-right:10px;}
.lec .run .finish p:after{background:url('/img/sub/lec_p02.png') right top no-repeat; display:inline-block; content:''; width:20%; height:10px; border-bottom:1px solid #dcdcdc; margin-left:10px;}
.lec .runlist{border-top:1px solid #333; border-bottom:1px solid #333; padding:50px;}
.lec .runlist li{margin-bottom:10px;}
.lec .runlist li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lec .runlist li h5{float:left; width:200px; font-size:18px; color:#009be3; line-height:24px;}
.lec .runlist li h5:after{display:block; content:''; width:1px; height:70px; background:#009be3; margin:10px 0 0 25px;}
.lec .runlist li:last-child h5:after{display:none;}
.lec .runlist li p{float:left; width:800px; font-size:14px; color:#666;}
.lec .runlist li p strong{display:block; font-size:18px; color:#333; margin-bottom:15px;}
.lec .photo{}
.lec .photo:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lec .photo .overimg{float:left;}
.lec .photo .overimg img{width:880px; height:587px; overflow:hidden;}
.lec .photo ul{float:right;}
.lec .photo ul li{margin-bottom:-1px;}
.lec .photo ul li img{width:220px; height:147px; overflow:hidden; -webkit-filter: grayscale(100%); filter: gray;}
.lec .photo ul li:after{display:block; content:''; width:220px; height:147px; position:absolute; margin-top:-147px;}
.lec .photo ul li span{display:none;}
.lec .photo ul li.blueon{margin-top:1px;}
.lec .photo ul li.blueon img{width:214px; height:141px; border:3px solid #009be3; display:block; overflow:hidden; -webkit-filter: grayscale(0%); filter: none;}
.lec .photo ul li.blueon span{display:block; content:''; width:80px; height:60px; color:#fff; background:#009be3; font-size:14px; line-height:16px; font-weight:bold; padding-top:20px; text-align:center; position:absolute; margin:-95px 0 0 -50px; z-index:999;}
.lec .review{}
.lec .review li{margin-bottom:40px; font-size:18px; line-height:24px;}
.lec .review li p{font-size:14px; color:#999; text-align:right;}

.lec .lecbox1{width:100%; height:263px; text-align:center; background:url('/img/sub/lecbox1_bg.jpg') center center no-repeat;}
.lec .lecbox1 .lecboxTtl{color:#fff; font-size:52px; font-weight:bold; padding-top:80px; height:60px;}
.lec .lecbox1 .lecboxTxt{color:#111; font-size:24px;}
.lec .lecbox2{width:80%; margin:-50px auto 50px; padding:50px; background-color:#fff; color:#333; font-size:24px; text-align:center; line-height:34px; font-weight:bold; box-shadow:0 0 5px 5px rgba(0,0,0,.05);}
.lec .table3{width:90%; margin:0 auto;}
.lec .table3 thead th{padding:15px; border-bottom:1px solid #dcdcdc; text-align:center; font-weight:bold;}
.lec .table3 tbody td{padding:30px; color:#666;}

/* 코치진 */
.subtopimg_coach{height:550px;}
.subtopimg_coach_btm{background-color:#222; padding-bottom:70px;}
.subtopimg_coach_btm:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.subtopimg_coach_btm h1{width:100px; height:100px; background-color:#009be3; color:#fff; line-height:98px; font-size:18px; text-align:center; position:relative; bottom:30px; float:left; display:inline-block;}
.subtopimg_coach_btm h2{width:900px; color:#fff; font-size:18px; line-height:28px; display:inline-block; padding:60px 0 0 40px;}
.subtopimg_coach_btm h2 .info{color:#999; margin-top:40px;}
.subtopimg_coach_btm h2 .info h3{float:left; width:80px;}
.subtopimg_coach_btm h2 .info ul{float:left; width:350px;}
.subtopimg_coach_btm h2 .info ul li{font-size:13px; line-height:23px; font-weight:normal; list-style:inside;}

.coach{}
.coach .tabBox{margin-bottom:40px; position:relative;}
.coach .tabBox:before{content:""; background:#222; width:100%; height:1px; position:absolute; left:0; top:61px;}
.coach .tabBox:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.coach .tabBox li{float:left; text-align:center; font-size:16px; color:#666; margin-left:-1px;}
.coach .tabBox li:first-child{margin-left:0;}
.coach .tabBox li a{width:140px; height:60px; line-height:60px; display:block; border:1px solid #dcdcdc;}
.coach .tabBox li a.tabOn{background:#222; color:#fff; border-color:#222;}
.coach .coachlist{}
.coach .coachlist:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.coach .coachlist li{float:left; width:315px; height:287px; border:1px solid #dcdcdc; text-align:left; padding:55px 0 0 50px; margin:0 -1px -1px 0; background-color:#f7f7f7; position:relative;}
.coach .coachlist li .coach_img{position:absolute; bottom:0; right:0;}
.coach .coachlist li h1{background:url('/img/main/coachwrap_bg.png') no-repeat left top; height:50px; font-size:38px; letter-spacing:-4px; padding:23px 0 0 5px; color:#333;  position:relative;}
.coach .coachlist li h2{font-size:14px; color:#666; font-weight:normal; height:60px; overflow:hidden;  position:relative;}
.coach .coachlist li p{font-size:12px; color:#999; height:35px; overflow:hidden; margin:20px 0; line-height:16px;  position:relative;}
.coach .coachlist li .more{background:url('/img/common/btn_more02.gif') no-repeat left top; width:40px; height:40px; display:block; font-size:0;  position:relative;}

.coach h4{text-align:left; font-size:24px; color:#333; margin-top:80px; height:40px;}
.coach .con{text-align:left; font-size:18px; line-height:24px; width:98%;}
.coach .con span {line-height:30px;}
.coach .coachlinks{margin-top:80px; text-align:left; display:none;}
.coach .coachlinks:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.coach .coachlinks li{float:left; width:100px; height:100px; line-height:98px; background-color:#999; color:#fff; font-size:18px; text-align:center; margin:0 1px 1px 0;}
.coach .coachlinks li a{display:inline-block; width:100px; height:100px; font-weight:bold;}
.coach .coachlinks li a:hover{background-color:#009be3;}
.coach .coachlinks li.on{background-color:#009be3; font-weight:bold;}
.coach .coachlinks li.coachttl{background-color:#fff;  width:98px; height:98px; border:1px solid #dcdcdc; color:#333; font-weight:bold;}
.coach .book{}
.coach .book:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.coach .book li{float:left; width:20%; color:#333; font-size:14px; line-height:20px; text-align:center; font-weight:bold; margin:20px 0;}
.coach .book li img{display:block; margin:0 auto 20px;}
.coach .book2{}
.coach .book2:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.coach .book2 li{float:left; width:50%; text-align:left;}
.coach .book2 li .txt{color:#999; font-size:14px; line-height:24px; display:inline-block; vertical-align:top; font-weight:bold; padding:20px 30px;}
.coach .book2 li .txt p{color:#333;}
.coach .activity{position:relative;}
.coach .activity li{background-color:#f7f7f7; margin-bottom:130px; color:#666; font-size:18px; line-height:24px; text-align:left; font-weight:bold; position:relative; padding:50px 30px; height:100px;}
/*.coach .coach11:before{content:''; background:url('/img/sub/coach11_img01.png') no-repeat right top; width:450px; height:700px; position:absolute; top:-700px; right:0;}*/
.coach .coach11 li:first-child:after{content:''; background:url('/img/sub/coach11_img02.png') no-repeat right top; width:719px; height:236px; position:absolute; top:30px; right:0;}
.coach .coach11 li:last-child{margin-bottom:350px;}
.coach .coach11 li:last-child:after{content:''; background:url('/img/sub/coach11_img03.png') no-repeat right top; width:719px; height:539px; position:absolute; top:30px; right:0;}
.coach .coach12 li:first-child:after{content:''; background:url('/img/sub/coach12_img01.png') no-repeat right top; width:719px; height:236px; position:absolute; top:30px; right:0;}
.coach .coach12 li:last-child:after{content:''; background:url('/img/sub/coach12_img02.png') no-repeat right top; width:719px; height:236px; position:absolute; top:30px; right:0;}
.coach .coach13 li:first-child:after{content:''; background:url('/img/sub/coach13_img01.png') no-repeat right top; width:719px; height:479px; position:absolute; top:30px; right:0;}
.coach .coach14::before{content:''; background:url('/img/sub/coach14_img01.jpg') no-repeat right top; width:313px; height:550px; position:absolute; top:-900px; right:0;}
.coach .coach14 li:first-child:after{content:''; background:url('/img/sub/coach14_img02.png') no-repeat right top; width:719px; height:236px; position:absolute; top:30px; right:0;}
.coach .coach15 li:first-child:after{content:''; background:url('/img/sub/coach15_img01.png') no-repeat right top; width:719px; height:479px; position:absolute; top:30px; right:0;}
.coach .coach16 li:first-child:after{content:''; background:url('/img/sub/coach16_img01.png') no-repeat right top; width:491px; height:326px; position:absolute; top:30px; right:0;}
.coach .coach17 li:first-child:after{content:''; background:url('/img/sub/coach17_img01.png') no-repeat right top; width:719px; height:479px; position:absolute; top:30px; right:0;}
.coach .coach18 li:first-child:after{content:''; background:url('/img/sub/coach18_img01.png') no-repeat right top; width:719px; height:479px; position:absolute; top:30px; right:0;}
.coach .coach13, .coach .coach15, .coach .coach17, .coach .coach18{padding-bottom:150px;}

.coach .photobox{display:flex; justify-content:space-between; margin:10px 0 20px; padding:30px; box-sizing:border-box; position:relative;}
.coach .photobox::before{display:block; position:absolute; top:0; left:0; z-index:-1; background-color:#f7f7f7; width:100%; height:calc(100% - 80px); content:'';}
.coach .photobox .lft p{color:#666; font-size:18px; font-weight:700; padding-top:15px;}

/* 2022-04-27 코치진 추가 */
.subtopimg_coach_878{width:100%; padding-bottom:260px; background:#f3f5f8; overflow:hidden; display:flex; justify-content:center;}
.keypoint{position: relative; text-align: center; margin-top: -340px;}
.consult_wrap {width:100%; padding:80px 0 50px; background:#f3f5f8;}
.consult{position:relative; width:1100px; margin:0 auto 50px;}
.consult h2{margin:0 0 20px 10px; font-weight:400; font-size:24px; letter-spacing:-2px;}
.intro_consult h2 span{font-weight:600; color:#009be3;}
.interview_consult h2 span{font-weight:600; color:#ca8d4a;}
.consult .txt{display:flex; position:absolute; width:100%; height:200px; align-items:center;}
.consult .txt div{width:20%; font-size:17px; color:#111; text-align:center; line-height:23px;}
.consult .txt div:last-child{width:calc(20% + 10px); margin-top:-90px;}
.consult .txt div p{margin-top:12px; font-weight:bold; font-size:18px; color:#fff;}

/* 내일코칭스쿨소개 */
.company{text-align:left; font-size:22px; line-height:44px; color:#333; background:url('/img/sub/company_bg.png') right 380px no-repeat; padding-top:100px;}
.company strong{background:#d9f0fb; padding-bottom:4px;}
.company .btm{text-align:right; font-size:24px; margin-top:80px;}
.company .btm p{font-size:32px; font-weight:600;}

/*	KG에듀원소개 */
.kgeduone{}
.kgeduone .subttl h1{text-align:left; font-size:18px; font-weight:normal; line-height:24px; width:159px; height:149px; padding-top:50px; padding-left:40px;}
.kgeduone .subttl h1:after{bottom:147px; left:159px;}
.kgeduone .subttl h1 strong{display:block; font-size:32px; line-height:36px;}
.kgeduone .kgfamily{height:400px;}
.kgeduone .kgfamily:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.kgeduone .kgfamily .logo{float:left; width:255px;}
.kgeduone .kgfamily ul{float:left; width:845px; text-align:left;}
.kgeduone .kgfamily ul li{display:inline-block; border:1px solid #dcdcdc; width:168px; margin:0 0 -1px -5px;}
.kgeduone .award{height:280px;}
.kgeduone .award li{display:table-cell; color:#333; width:220px; font-size:18px; font-weight:600;}
.kgeduone .award li img{display:block; margin:0 auto; margin-bottom:30px;}
.kgeduone .icon{height:120px;}
.kgeduone .icon li{display:table-cell; color:#333; width:140px; font-size:14px; font-weight:600;}
.kgeduone .icon li img{display:block; margin:0 auto; margin-bottom:10px;}

/*	시설안내 */
.installation{height:800px;}
.installation .imgwrap{position:absolute; width:900px; height:600px; overflow:hidden;}
.installation .imgwrap li{height:100%; font-size:0;}
.installation .tab{float:left; background-color:rgba(0,0,0,0.9); color:#fff; width:130px; text-align:center; font-size:13px; position:relative; z-index:9;}
.installation .tab li{height:40px; line-height:38px; display:block; border-top:1px solid #111; border-color:rgba(255,255,255,0.3); font-weight:bold; cursor:pointer;}
.installation .tab li:hover{color:#009be3;}
.installation .tab li.logo{height:125px; line-height:85px;}
.installation .tab li.on{color:#009be3;}
.installation .tab_4f{float:right; text-align:left; position:relative; top:420px;}
.installation .tab_4f ul{margin-top:5px;}
.installation .tab_4f ul li{display:inline-block; width:120px; height:120px; line-height:118px; text-align:center; font-size:13px; margin-left:1px; color:#fff; font-weight:bold; cursor:pointer;}
.installation .tab_3f{float:right; text-align:right; position:relative; top:420px;}
.installation .tab_3f ul{margin-top:5px;}
.installation .tab_3f ul li{display:inline-block; width:120px; height:120px; line-height:118px; text-align:center; font-size:13px; margin-left:1px; color:#fff; font-weight:bold; cursor:pointer;}
.installation .cnt .on{background-color:#009be3; display:block; width:100%; height:100%;}
.installation h2{font-size:250px; color:#009be3; width:1100px; text-align:right; letter-spacing:-20px; position:relative; top:105px; }
.installation h2:before{display:block; content:''; width:1px; height:35px; background-color:#009be3; position:absolute; right:89px; bottom:90px;}
.installation h2:after{display:block; content:''; width:1px; height:200px; background-color:#009be3; position:absolute; right:89px; top:125px;}

/*	찾아오시는 길 */
.map{}
.map .maptab{margin:0 auto; width:400px; margin-bottom:35px;}
.map .maptab li{float:left; width:200px; border-bottom:3px solid #999; color:#999; height:32px; font-size:18px; font-weight:bold;}
.map .maptab li a{display:block; height:32px;}
.map .maptab li a.on{border-bottom:3px solid #111; color:#111;}
.map .maptab li:hover{border-bottom:3px solid #111; color:#111;}
.map .maptab:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.map .hide{display:none;}
.map .box{border:1px solid #dcdcdc; font-size:14px; padding:0;}
.map .box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.map .box h3{float:left; width:70px; font-size:12px; color:#999;}
.map .box h3 img{display:block;}
.map .box ul{float:left; text-align:left; width:320px; margin-left:30px;}
.map .box ul strong{color:#333; display:inline-block; width:120px;}
.map .address{font-size:18px; height:120px;}
.map .address:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.map .address h2{float:left; width:100px; height:100px; line-height:98px; background-color:#333; color:#fff; position:relative; bottom:30px; z-index:99;}
.map .address address{float:left; color:#333; font-weight:bold; line-height:68px; padding-left:30px;}
.map .subway{float:left; border-right:1px solid #dcdcdc; padding:50px; height:210px;}
.map .subway ul li{line-height:35px;}
.map .bus{float:right; padding:50px; width:470px;}
.map .bus ul li{line-height:30px;}

/* 이용방법 */
.howtouse{}
.howtouse .list{text-align:center; height:340px;}
.howtouse .list li{color:#333; display:table-cell; width:220px; font-size:24px; font-weight:600;}
.howtouse .list2{text-align:center; height:340px;}
.howtouse .list2 li{float:left; color:#333; display:table-cell; width:220px; font-size:24px; font-weight:600;}
.howtouse .list2 li .img1{float:left; margin-left:70px;}
.howtouse .list2 li .img2{float:left; background:url('/img/sub/howtouse_icon07_img.png') left top; width:410px; height:119px; font-size:18px; margin:40px 0 0 30px; text-align:right;}
.howtouse .list2 li .img2 span{text-align:center; width:127px; display:inline-block; margin-top:47px;}
.howtouse .numbering{width:32px; height:32px; background-color:#333; color:#fff; border-radius:50%; font-size:18px; line-height:28px; font-weight:600; margin:0 auto; margin-top:15px; margin-bottom:10px;}

/* 개인정보처리취급방침 */
.privacy{text-align:left; color:#333; line-height:1.5em;}
.privacy h1{font-size:18px; color:#333; height:30px; margin-top:50px;}
.privacy h2{font-size:18px; margin:50px 0 15px;}
.privacy table{margin:15px 0 30px;}
.privacy ul{color:#666; font-size:13px; margin:5px 0;}
.privacy ul li{margin-left:15px; line-height:22px;}
.privacy .day{height:45px; background-color:#9a9a9a; color:#fff; text-align:right; padding:15px 25px 0;}

/* 오류페이지 */
.error{background-color:#f7f7f7; text-align:center; font-size:18px; color:#666; line-height:28px; padding-top:190px;}
.error h1{font-size:36px; color:#333; margin:30px 0;}
.error a{display:block; width:400px; height:80px; line-height:80px; font-size:24px; font-weight:600; margin:0 auto; margin-top:30px;}

/* 빠른상담예약 */
.quickconsult{width:100%; background-color:#f7f7f7; margin-top:120px; padding:80px 0 200px !important; text-align:center;}
.quickconsult h5{font-size:32px; color:#333; font-weight:600; line-height:35px;}
.quickconsult h5 p{font-size:14px; color:#666; font-weight:normal;}
.quickconsult select{width:100px; background:none;}
.quickconsult .in_txt{width:190px;}
.quickconsult .phone{width:90px;}
.quickconsult .agreebox{text-align:left; background-color:#fff; padding:30px 40px; line-height:20px; font-size:13px; color:#666; height:140px; overflow:auto;}
.quickconsult .agreebox strong{color:#111;}
.quickconsult label{float:left; display:block; font-size:14px; margin:10px 0 30px;}
.quickconsult label input{width:20px; height:20px; border-color:#dcdcdc; margin-right:10px;}
.quickconsult .quickconsult_btn{float:right; padding-top: 20px;}
.quickconsult .quickconsult_btn a{display:block; background:url('/img/sub/quickconsult_btn.png') left top; width:144px; height:120px;}
.quickconsult .quickconsult_btn p{font-size:18px; color:#fff; padding:32px 25px 0 0;}
.quickconsult .quickconsult_btn p strong{color:#111; display:block;}
.quickconsult table{width:100%; font-size:13px; border-top:1px solid #dcdcdc; margin:30px 0; background-color: #fff;}
.quickconsult table tbody tr{height:50px; line-height:50px;}
.quickconsult table tbody th{background-color:#333; color:#fff; border-bottom:1px solid #2a2a2a;}
.quickconsult table tbody td{text-align:left; padding:0 15px; color:#999; border-bottom:1px solid #dcdcdc;}
.quickconsult table img{vertical-align:middle;}
.quickconsult textarea{background:none; height:50px; width:95%;}

/* 외부/단체 출강문의 */
.teach{}
.teach .teach_img{background:url('/img/sub/teach_img.jpg') center top; height:110px; font-size:24px; color:#fff; line-height:32px; padding-top:40px;}
.teach .teach_icon{font-size:18px; color:#333; font-weight:bold;}
.teach .teach_icon li{display:table-cell; width:183px; height:208px; border:1px solid #dcdcdc; border-right:none; padding-top:40px;}
.teach .teach_icon li img{display:block; margin:0 auto; margin-bottom:20px;}
.teach .teach_icon li:last-child{border-right:1px solid #dcdcdc;}

/* table */
.table1{width:100%; margin-bottom:50px; font-size:13px; text-align:center;}
.table1 thead th{font-weight:bold; vertical-align:middle; color:#111; height:50px; border-top:1px solid #111; border-bottom:1px solid #dcdcdc;}
.table1 thead td{font-weight:bold; line-height:45px; font-size:18px; color:#111; height:50px; border-top:1px solid #dcdcdc; background-color:#f7f7f7;}
.table1 thead td .now{font-weight:normal; font-size:12px; color:#999; float:right; margin-right:20px;}
.table1 tbody tr{border-bottom:1px solid #dcdcdc;}
.table1 tbody th{font-weight:bold; vertical-align:middle;}
.table1 tbody td{vertical-align:middle; padding:15px 0;}
.table1 .blue{font-weight:bold;}

.table2{width:100%; margin-bottom:50px; font-size:13px; text-align:center;}
.table2 thead th{font-weight:bold; vertical-align:middle; color:#111; height:50px; border-top:1px solid #111; border-bottom:1px solid #dcdcdc;}
.table2 thead td{font-weight:bold; line-height:45px; font-size:18px; color:#111; height:50px; border-top:1px solid #dcdcdc; background-color:#f7f7f7;}
.table2 thead td .now{font-weight:normal; font-size:12px; color:#999; float:right; margin-right:20px;}
.table2 tfoot td{padding:15px 0;}
.table2 tbody tr{border-bottom:1px solid #dcdcdc;}
.table2 tbody th{font-weight:bold; vertical-align:middle;}
.table2 tbody td{vertical-align:middle; padding:15px; border-right:1px solid #dcdcdc;}
.table2 tbody td:last-child{border-right:0;}

.table3{width:100%; margin-top:50px; font-size:13px; border-top:1px solid #111;}
.table3 tfoot td{padding:15px 0;}
.table3 tbody tr{border-bottom:1px solid #dcdcdc;}
.table3 tbody th{font-weight:normal; vertical-align:middle; text-align:center; background-color:#f7f7f7; border-right:1px solid #dcdcdc;}
.table3 tbody td{vertical-align:middle; padding:15px; border-right:1px solid #dcdcdc; text-align:left;}
.table3 tbody td:last-child{border-right:0;}

.table4{width:100%; margin-top:50px; font-size:13px; border-top:1px solid #dcdcdc;}
.table4 tbody th{font-weight:normal; vertical-align:middle; text-align:center; background-color:#333; color:#fff; border-bottom:1px solid #2a2a2a;}
.table4 tbody td{vertical-align:middle; padding:15px; text-align:left; border-bottom:1px solid #dcdcdc;}

.table5{width:100%; margin-top:50px; font-size:13px;}
.table5 thead tr{border-bottom:1px solid #111; height:30px; font-size:12px;} 
.table5 tbody tr{border-bottom:1px solid #dcdcdc;}
.table5 tbody th{font-weight:normal; vertical-align:middle; text-align:center; background-color:#f7f7f7; border-right:1px solid #dcdcdc;}
.table5 tbody td{vertical-align:middle; padding:15px; border-right:1px solid #dcdcdc; text-align:left;}
.table5 tbody td:last-child{border-right:0;}
.table5 .boardagree .con{background-color:#fff;}

table .label5 img{vertical-align:middle;}
table .label6 img{vertical-align:middle;}
table .label5 label{width:175px; display:inline-block; color:#666; font-size:13px;}
table .label6 label{width:145px; display:inline-block; color:#666; font-size:13px;}
table .phone{width:90px;}
table .w200{width:200px;}

.boardagree td{padding:10px 0;}
.boardagree .con{text-align:left; background-color:#f7f7f7; padding:40px 50px; border-bottom:1px solid #dcdcdc; height:140px; overflow:auto; margin-top:-10px;}
.boardagree .con strong{color:#111;}
.boardagree .btn_blue{font-size:18px; font-weight:bold; display:block; width:150px; height:55px; line-height:55px;}
.boardagree label{display:block;}
.boardagree label input{width:20px; height:20px; border-color:#dcdcdc; margin-right:10px;}
.boardagree .callnumber{font-size:17px; font-weight:bold; color:#111; margin-left:10px;}


 .security_code {
	 margin-left: 10px;
	 display: inline-flex;
	 align-items: center;
 }
 .security_code_input {
	 color: black;
	 text-align: center;
	 height: 40px;
	 width: 200px !important;
	 font-weight: bold;
	 font-size: 1.1em;
 }
 .security_code a {
	 display: inline-block;
	 width: 80px;
	 background: #333;
	 color: #fff !important;
	 text-align: center;
	 margin-left: 10px;
	 height: 44px;
	 line-height: 44px;
 }