@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@charset "utf-8";
.line { border-bottom:1px solid #E2E2E2; margin-top:30px;margin-bottom:30px;}
.f_clear {margin-top:30px; margin-bottom:30px;}
.img_ww img{margin:0 auto; width:1000px;}

#content_text { clear:both; padding-top:0px; line-height:1.5;}
/*각페이지별타이틀아이콘*/
#content_text H2 {color:#333; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:20px; font-size:24px; line-height:1.5; font-weight:bold; margin-top:20px; margin-right:0px; margin-bottom:5px; margin-left:0px; background-image:url(../img/sub/bullet_S.png); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:12px; background-color:transparent;}

#content_text H3 {/* background:url('../img/common/bullet_B.png') no-repeat 0px 10px;*/color:#555555; padding-top:0px; padding-right:0px; padding-bottom:5px; /*padding-left:28px;*/ padding-left:0px; font-size:22px; font-weight:bold; margin-top:30px; margin-right:0px; margin-bottom:10px; margin-left:0px; background-attachment:scroll; background-position-x:0px; background-position-y:10px; background-color:transparent;}

#content_text H4 { color:#00549D; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:0px; font-size:20px; line-height:1.5; font-weight:bold; margin-top:20px; margin-right:0px; margin-bottom:5px; margin-left:0px; /*background-image:url(../img/sub/bullet_S.png);*/ background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:7px; background-color:transparent;}

#content_text H5 { color:#333; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:20px; font-size:20px; line-height:1.5; font-weight:bold; margin-top:20px; margin-right:0px; margin-bottom:5px; margin-left:0px; background-image:url(../img/sub/bullet_Ss.png); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:12px; background-color:transparent;}

#content_text H6 { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:19px; font-size:18px; line-height:1.5; margin-top:0px; margin-right:0px; margin-bottom:3px; margin-left:0px; background-image:url(../img/sub/bullet_Sss.png);  background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:7px; background-color:transparent;}

#content_text .con_01 { clear:both; margin:0 0 30px 5px; overflow:hidden; padding:0; position:relative; width:698px;}



.c_r_img { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; float:right;}
.c_l_img { padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; float:left;}

.c_r_text { text-align:justify; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:20px; float:right;}
.c_l_text { text-align:justify; padding-top:0px; padding-right:20px; padding-bottom:0px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; float:left;}

@media all and (max-width:640px){
#content_text img {width:100%}
}


/* intr01 */
.introBox{background:#fff;width:100%;text-align:center;}
.introBox2{background:#fff;width:100%;}
.introCtn{max-width:1200px; width:95%; margin:0 auto; position:relative}
.introCtn > .tit2Box{text-align:left;padding-left:500px;position:absolute;z-index:3}
.introPd02{padding:60px 0 20px}
.intro_limg {width:100%;text-align:left;position:relative;}
.introCtn p.intro2{width:100%}
h2.intro{color:#111; font-size:42px;padding-top:8px; letter-spacing:-3px;line-height:1.3 }
.introCtn p.intro2{width:100%;font-size:19px;line-height:1.5;color:#333;font-weight:300; margin-top:0; padding:20px 0 50px;word-break: break-all; font-weight:400}

.intro01{width:100%; padding:60px 0 20px; text-align:center;}
.intro01_box{max-width:1200px; width:95%; margin:0 auto; }
.intro01_box:after{content:""; display: block; clear: both;}
.intro01_img{ width: 43.75%; float: left;}
.intro01_img img{ width: 100%; }
.intro01_txt{float: left;width:56.25%;line-height:1.5; margin-top:-30px; text-align:left;word-break: break-all; font-weight:400; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding-left:60px;}

.intro01_txt01{font-family: 'Nanum Myeongjo';font-size:25px;line-height:1.5;color:#333; margin-top:30px; letter-spacing:-3px;}
.intro01_txt01 span{color:#4174b4;font-size:25px;line-height:1.5; letter-spacing:-3px; }
.intro01_txt02{font-size:22px;line-height:1.5;color:#2f2f2f; margin-top:20px; font-weight:600;}
.intro01_txt03{font-size:18px; margin-top:20px;line-height:1.5; }

/* intro02*/
/* intro02 */
.introCtn > .tit5Box{position:absolute;float:left;max-width:1200px;padding-top:60px;width:70%;overflow:hidden}
.intro_rimg {width:100%;text-align:right; margin-top:40px; margin-bottom:30px; margin-right:30px;}

.intro_v{width:100%;font-size:19px;line-height:1.5;color:#333;font-weight:300; margin-top:0; padding:20px 0 50px;word-break: break-all; font-weight:400}
.intro02_02{ /*background-color:#ccc;*/ text-align:center; padding:30px 0 10px; }
.intro02_02:after{content:''; display:block; clear:both;}
.intro02_02_01{ margin-bottom:20px; }
.intro02_02_01 img{ width: 100%; height: auto; border: none; display:block; border-top:1px solid #ddd;}
.intro02_02_01:after{ content:''; display:block; clear:both;}
.intro02_02_l{float:left; width:49%; margin-right:20px; background-color:#097bd5;}
.intro02_02_r{float:left; width:49%; background-color:#097bd5; }
.intro02_02_tit{ font-size:24px; font-weight:500px; letter-spacing:-1; padding:30px 0 10px; color:#fff;  } 
.intro02_02_txt{ font-size:15px; font-weight:400px; color:#ddd; padding:0 30px 10px; line-height:20px; height:50px; word-break: keep-all;} 



/* intro03 */
.intro03 {max-width:1200px; padding: 0; position:relative;}
.map_wrap {max-width:1200px;height:500px;margin:0px auto;background:#fff;border:1px solid #d9d1cb; clear:both; }
.map_wrap_addr {width:425px;height:502px; position:absolute; top:0; right:0; padding: 118px 0 0 40px; background-color:rgba(147,206,0,0.7); color: #fff; text-shadow:-1px -1px 0 #969696, 1px -1px 0 #969696, -1px 1px 0 #969696, 1px 1px 0 #969696; line-height: 30px; word-break: keep-all; box-sizing:border-box; z-index:10;  /* code for centerizing adress content -> */   display: flex; align-items: center; justify-content: flex-start;  /* <- centerizing end */ }
.map_wrap_addr li{ margin:20px 0; display: list-item; font-size: 18px; margin-bottom:45px;}
.map_wrap_addr li h4{ display:block; font-weight:bold; font-size: 30px; padding-bottom:16px;}
.map_wrap_addr p a{ display:block; font-size:36px; letter-spacing:0; font-weight:bold;}

/* intr04 */

.intro04{width:100%; padding:60px 0 20px; text-align:center;}
.intro04_box{max-width:1200px; width:95%; margin:0 auto; }
.intro04_box:after{content:""; display: block; clear: both;}
.intro04_img{ width: 33.75%; float: left;}
.intro04_img img{ width: 100%; }
.intro04_txt{float: left;width:66.25%;line-height:1.5; margin-top:-30px; text-align:left;word-break: break-all; font-weight:400; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding-left:60px;}

.intro04_txt01{font-family: 'Nanum Myeongjo';font-size:32px;line-height:1.5;color:#333; margin-top:30px; letter-spacing:-3px;}
.intro04_txt01 span{color:#4174b4;font-size:32px;line-height:1.5; letter-spacing:-3px; }
.intro04_txt02{font-size:25px;line-height:1.5;color:#2f2f2f; margin-top:20px; font-weight:600;}
.intro04_txt03{font-size:18px; margin-top:20px;line-height:1.5; }


.intro04_imgR{ width: 33.75%; float: right;}
.intro04_txtL{float: left;width:66.25%;line-height:1.5; margin-top:-30px; text-align:left;word-break: break-all; font-weight:400; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding-left:60px;}


/* 표,테이블 */
.tbSty01{border-top:1px solid #094a8d}
.tbSty01 table{border:1px solid #e2e2e2}
.tbSty01 tr{border-bottom:1px solid #e2e2e2}
.tbSty01 th{padding:10px;background:#f9f9f9;border:1px solid #e2e2e2;font-size:16px;color:#333;text-align:center;line-height:1.5}
.tbSty01 td{padding:10px;border:1px solid #e2e2e2;font-size:16px;color:#333;text-align:center;line-height:1.5}
.tbSty01 .bg_blue{background:#c4d7ff;}
.tbSty01 .bg_pink{background:#ffc4dd;}
.mt40.caution{color:#C00;}

.guideTxt{margin:0 0 20px 0;}
.guideTxt li{font-size:16px;color:#555;background:url('../img/common/ico_dot2.png') no-repeat 0 10px;padding:0 0 5px 10px;line-height:1.5}
.guideTxt_no_dot li{font-size:16px;color:#555; padding:0 0 5px 0;line-height:1.5; background:none;}
.guideTxt .no_dot{ background:none;}

.guideTxt span{ color:#C00;}



/* educ02 */
.tab_btn{ width:100%; margin-top: 40px; border:1px solid #d9d9d9;}
.tab_btn ul:after{ content:""; display:block; clear:both;}
.tab_btn li{ width:25%; float:left; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; background:#fff;}
.tab_btn li a{ display:block; font-size:18px; font-weight:400; text-align:center; padding:20px; border-right:1px solid #d9d9d9; }
.tab_btn li:last-child a{border-right: none;}
.tab_btn li.on{background:#094a8d; color: #fff; }
.course{ margin-top: 20px;}
.course img{ width: 100%; height: auto;}

/* lice01 */
.prdTarget{background:#fff;border-right:1px solid #eee; border-top:1px solid #eee; overflow:hidden}
.prdTarget li{float:left;width:33.333%;padding:40px 0 30px 0;text-align:center;border-left:1px solid #eee;border-bottom:1px solid #eee;line-height:1.5;vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
.prdTarget li img{margin-bottom:15px}
.prdTarget .jsTxt{height:65px}
.jsTit{display:block;font-size:20px;color:#333;font-weight:500}
.jsTxt{padding-top:10px;display:block;font-size:16px;color:#555;line-height:1.5}

@media screen and (max-width: 1200px){
	
	/*intro02*/
	.view_wrap_info{ display: none;}
	.sample { left: 0; max-width:1200px; height: auto;}
	.sample .slider ul li {max-width:1200px;}
}
@media screen and (max-width: 1100px){
	
	/* intro07 */
	.map_wrap_addr span{display: block;}
	.map_info > li{width:100%; padding-left:0; margin-bottom:20px;}
	.map_info > li > div{height:auto;}
	.map_info > li > div > div{position:static;padding:0;padding-top:20px;}
}
@media all and (max-width: 1024px){
	/*intro01*/
	.introCtn > .tit2Box{width:100%;text-align:left;position:relative;z-index:3;padding-left:0}
	
	.intro_img {text-align:center}
    .intro_limg {text-align:center}
	.intro_imgs img{width:100%}
	
	.intro01{padding:10px 0 20px;}
	.intro01_img{ text-align: center; width: 100%;}
	.intro01_txt{ padding-bottom:60px; width: 100%; margin-top:0; padding-left:0px; padding-top:20px;}
	
	.intro04{padding:10px 0 20px;}
	.intro04_img{ text-align: center; width: 100%;}
	.intro04_txt{ padding-bottom:60px; width: 100%; margin-top:0; padding-left:0px; padding-top:20px;}
	
	.intro04_imgR{ text-align: center; width: 100%;}
	.intro04_txtL{ padding-bottom:60px; width: 100%; margin-top:0; padding-left:0px; padding-top:20px;}
	
	/*intro07*/
	.map_info > li > div > div ul li span{ display: inline;}
}


@media screen and (max-width: 740px){
	
	/*intro07*/
	.map_wrap_addr{ font-size: 16px; }
	
	.img_ww img{width:100%;}
	.intro01_txt{ font-size:15px;letter-spacing:-1px; padding-left:0px;}
	
	}
@media all and (max-width: 640px){	
	/*intro01*/
	h2.intro{text-align:center;font-size:24px;letter-spacing:-0.5px}
	.intro_img  > img {width:100%}
	.introCtn p.intro2{font-size:15px;letter-spacing:-1px;}
	
	.intro01_txt{ font-size:15px;letter-spacing:-1px; padding-left:0px;}
	.intro04_txt{ font-size:15px;letter-spacing:-1px; padding-left:0px;}
	.intro04_txtL{ font-size:15px;letter-spacing:-1px; padding-left:0px;}
	/*intro02*/
	.sample .btn img{width:50px}
    .sample .slider ul li img{ width:100%; height:auto}
	
	/*intro03*/
	.map_wrap_addr {width:100%;height: auto; position: relative; left:0; padding: 50px 0 50px 10px; background-color:rgba(147,206,0,0.8); }
	
	/*educ02*/
	.tab_btn li a{ padding:20px 0; }
	.tab_btn li span{display: none;}
	
	/*lice01*/
	.prdTarget li{width:100%;padding:30px 0 15px 0;}
    .prdTarget li:nth-child(odd){border-left:1px solid #eee;}
	.prdTarget li img{ width:80px; margin-bottom:10px}
	
}
	@media screen and (max-width: 414px){

	}
	