@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
	margin: 0px; padding: 0px; 
	line-height:0.95rem;
	font-family:'Noto Sans KR', 'Nanum Gothic','³ª´®°íµñ',sans-serif;
	
}


/* COMMON */
html,body,body
{
	width:100%;height:100% ; 
	color: #2b2b2b; 
	font-family:'Noto Sans KR','Nanum Gothic','³ª´®°íµñ',sans-serif; 
	font-size: 0.95rem;
	background: #0092e0;
	word-break: keep-all;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select,textarea{margin:0;padding:0; font-family:'Noto Sans KR','Nanum Gothic','³ª´®°íµñ',sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
img,fieldset,iframe{border:0 none}
li{list-style:none; }
img{vertical-align:top}
/*em,*/address{font-style:normal}
label,button{cursor:pointer; }
button{margin:0;padding:0; border:0 none;background-color:transparent;cursor:pointer}
a{color:#2b2b2b;text-decoration:none}
a:hover{color:#000;text-decoration:none}
hr{display:none}
legend{*width:0}
p { line-height:1rem; text-align: center}
section { clear:both; float:left; width:100%;letter-spacing:-1px; margin-bottom:70px; }
section p { font-size:0.95rem;line-height:140%; }
section span { font-size:0.95rem}
.text_p { line-height:160%}
.ed, .inputbox { border:1px solid #d5d5d5; padding: 5px} 

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 0.95rem; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

.clear { clear:both}
.textr {text-align:right}

.pt10 {padding-top:10px !important}
.pt60 {padding-top:60px !important}
.ptm30 {margin-top:-30px; float:left !important}
.ptm50 {margin-top:-50px; float:left !important}

.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}

.mb30 {margin-bottom:30px !important}
.mb50 {margin-bottom:50px !important}
.mb80 {margin-bottom:80px !important}


/*»ó´Ü¹öÆ°*/
.float_box {width:100%; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box_c { margin: 0 auto !important; overflow:hidden; text-align: center;  padding: 0 25% ; box-sizing: border-box}

.float_box.box1 .box {width:calc(100%);}
.float_box.box2 .box {width:calc(100%/2);}
.float_box.box3 .box {width:calc(100%/3);}
.float_box.box4 .box {width:calc(100%/4);}
.float_box.box5 .box {width:calc(100%/5);}
.float_box.box6 .box {width:calc(100%/6);}
.float_box.box7 .box {width:calc(100%/7);}

.bt_wrap {width:100%; position:relative;}


.wrap {width: 100%; background: #0092e0; display:block;}
.con { clear: both; width: 800px;  margin: 0 auto; background: #0092e0;}
.con img{width:100%;}
.con ul {width: 90%; float: left; margin: 0 auto; padding: 2% 5% 7% 5%; }
.con ul li {width: 48%; margin: 1%; float: left; text-align: center; background: #ffffff; border-radius: 10px; padding: 30px 0}
.con ul li dt {font-size:1.5rem; color: #343434 ; font-weight: 600; text-align: center; line-height: 2rem}
.con ul li dd {font-size:1.5rem; color: #b24f00; font-weight: 600; text-align: center; line-height: 2rem}

.wrap_sub {width: 100%; background: #0092e0; height: 100%}
.con_sub { clear: both; width: 800px; margin: 0 auto; }
.con_sub h1 { width: 100%; clear: both; text-align: center; padding: 6% 0; font-size: 4rem; color: #000000; line-height: 4rem; font-weight:300; background: #ffffff}
.con_sub h1 span { width: 100%; clear: both; font-weight: 900; line-height: 4rem ; padding: 2% 0 0 0;}

.sub_bt li {text-align:center; box-sizing: border-box; display: block; padding: 3% 0 13% 0; font-size:1.5rem; line-height:2rem;}
.sub_bt li:hover { cursor: pointer}
.sub_bt .tel { background: #0092e0 url("/images/counseling/icon_tel.png") no-repeat 50% 77%; background-size: 38% ; color: #ffffff; font-weight: 600;}
.sub_bt .kakao { background: #fbe300 url("/images/counseling/icon_kakao.png") no-repeat 50% 77%; background-size: 38% ; color: #000000; font-weight: 600;}
.sub_bt .talk { background: #21d858 url("/images/counseling/icon_talk.png") no-repeat 50% 77%; background-size: 38% ; color: #000000; font-weight: 600;}
.sub_bt .navermap { background: #0046a5 url("/images/counseling/icon_navermap.png") no-repeat 50% 77%; background-size: 38% ; color: #ffffff; font-weight: 600;}

.sub_bt .tel2 { background: #0092e0 url("/images/counseling/icon_tel.png") no-repeat 50% 77%; background-size: 29% ; color: #ffffff; font-weight: 600;}
.sub_bt .kakao2 { background: #fbe300 url("/images/counseling/icon_kakao.png") no-repeat 50% 77%; background-size: 29% ; color: #000000; font-weight: 600;}
.sub_bt .talk2 { background: #21d858 url("/images/counseling/icon_talk.png") no-repeat 50% 77%; background-size: 29% ; color: #000000; font-weight: 600;}
.sub_bt .navermap2 { background: #0046a5 url("/images/counseling/icon_navermap.png") no-repeat 50% 77%; background-size: 29% ; color: #ffffff; font-weight: 600;}

.con_sub .map img { width: 100%;}

.con_sub .addresswarp {  clear: both; background: #0092e0; position: relative; }
.con_sub .addressbox { width: 100%; position: absolute; left: 0; top: -50px; padding: 0; box-sizing: border-box;}
.con_sub .addressbox ul { width: 90%; margin: 0 auto 7%; border: 3px solid #000000; background: #ffffff; padding: 0 7%; box-sizing: border-box} 
.con_sub .addressbox ul li { width: 100%; clear: both; border-bottom: 2px dashed #000000; box-sizing: border-box; padding: 7% 0}
.con_sub .addressbox ul li:last-child{border: none}
.con_sub .addressbox ul li h2 { width: 100%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:900 ; padding: 0 0 3% 0}
.con_sub .addressbox ul li p { width: 100%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:400 ; padding: 0; text-align: left}
.con_sub .addressbox ul li dl { width: 100%}
.con_sub .addressbox ul li dt { width: 15%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:800; float: left}
.con_sub .addressbox ul li dd { width: 85%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:400; }
.con_sub .addressbox ul li .stit { clear: both; width: 100%; font-size: 1.2rem; color: #000000; line-height: 1.5rem; font-weight:400;; padding: 1.5% 0 0 0; overflow: hidden}

@media all and (max-width:799px) and (min-width:480px) {	
	
.wrap {width: 100%; height: 100%; background: #0092e0; display:block;}
.con { clear: both; width: 100%;  margin: 0 auto; background: #0092e0}
.con img{width:100%;}
.con ul {width: 90%; float: left; margin: 0 auto; padding: 2% 5% 5% 5%; }
.con ul li {width: 47%; margin: 1.5%; float: left; text-align: center; background: #ffffff; border-radius: 10px; padding: 30px 0}
.con ul li dt {font-size:1.5rem; color: #343434 ; font-weight: 600; text-align: center; line-height: 4.5vw}
.con ul li dd {font-size:1.5rem; color: #b24f00; font-weight: 600; text-align: center; line-height: 5.5vw}
	
.con_sub { clear: both; width: 100%;  margin: 0 auto; background: #ffffff;}
.con_sub h1 { width: 100%; clear: both; text-align: center; padding: 6% 0; font-size: 4rem; color: #000000; line-height: 4rem; font-weight:300}
.con_sub h1 span { width: 100%; clear: both; font-weight: 900; line-height: 4rem ; padding: 2% 0 0 0;}
	
.sub_bt li {text-align:center; box-sizing: border-box; display: block; padding: 3% 0 13% 0; font-size:1.5rem; line-height:2rem;}
.sub_bt li:hover { cursor: pointer}
.sub_bt .tel { background: #0092e0 url("/images/counseling/icon_tel.png") no-repeat 50% 77%; background-size: 38% ; color: #ffffff; font-weight: 600;}
.sub_bt .kakao { background: #fbe300 url("/images/counseling/icon_kakao.png") no-repeat 50% 77%; background-size: 38% ; color: #000000; font-weight: 600;}
.sub_bt .talk { background: #21d858 url("/images/counseling/icon_talk.png") no-repeat 50% 77%; background-size: 38% ; color: #000000; font-weight: 600;}
.sub_bt .navermap { background: #0046a5 url("/images/counseling/icon_navermap.png") no-repeat 50% 77%; background-size: 38% ; color: #ffffff; font-weight: 600;}

.sub_bt .tel2 { background: #0092e0 url("/images/counseling/icon_tel.png") no-repeat 50% 77%; background-size: 29% ; color: #ffffff; font-weight: 600;}
.sub_bt .kakao2 { background: #fbe300 url("/images/counseling/icon_kakao.png") no-repeat 50% 77%; background-size: 29% ; color: #000000; font-weight: 600;}
.sub_bt .talk2 { background: #21d858 url("/images/counseling/icon_talk.png") no-repeat 50% 77%; background-size: 29% ; color: #000000; font-weight: 600;}
.sub_bt .navermap2 { background: #0046a5 url("/images/counseling/icon_navermap.png") no-repeat 50% 77%; background-size: 29% ; color: #ffffff; font-weight: 600;}
	
.con_sub .map img { width: 100%;}

.con_sub .addresswarp {  clear: both; background: #0092e0; position: relative; }
.con_sub .addressbox { width: 100%; position: absolute; left: 0; top: -50px; padding: 0; box-sizing: border-box;}
.con_sub .addressbox ul { width: 90%; margin: 0 auto 7%; border: 3px solid #000000; background: #ffffff; padding: 0 7%; box-sizing: border-box} 
.con_sub .addressbox ul li { width: 100%; clear: both; border-bottom: 2px dashed #000000; box-sizing: border-box; padding: 7% 0}
.con_sub .addressbox ul li:last-child{border: none}
.con_sub .addressbox ul li h2 { width: 100%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:900 ; padding: 0 0 3% 0}
.con_sub .addressbox ul li p { width: 100%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:400 ; padding: 0; text-align: left}
.con_sub .addressbox ul li dl { width: 100%}
.con_sub .addressbox ul li dt { width: 15%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:800; float: left}
.con_sub .addressbox ul li dd { width: 85%; font-size: 1.5rem; color: #000000; line-height: 2rem; font-weight:400; }
.con_sub .addressbox ul li .stit { clear: both; width: 100%; font-size: 1.2rem; color: #000000; line-height: 1.5rem; font-weight:400;; padding: 1.5% 0 0 0; overflow: hidden}
	
}

@media all and (max-width:480px) and (min-width:0px) {

.wrap {width: 100%; height: 100%; background: #0092e0; display:block;}
.con { clear: both; width: 100%;  margin: 0 auto; background: #0092e0}
.con img{width:100%;}
.con ul {width: 90%; float: left; margin: 0 auto; padding: 2% 5% 5% 5%; }
.con ul li {width: 47%; margin: 1.5%; float: left; text-align: center; background: #ffffff; border-radius: 10px; padding: 5vw 0}
.con ul li dt {font-size:4.5vw; color: #343434 ; font-weight: 600; text-align: center; line-height: 5.5vw}
.con ul li dd {font-size:4vw; color: #b24f00; font-weight: 600; text-align: center; line-height: 5.5vw}
	
.con_sub { clear: both; width: 100%;  margin: 0 auto; background: #ffffff}
.con_sub h1 { width: 100%; clear: both; text-align: center; padding: 1vw 0; font-size: 7vw; color: #000000; line-height: 7vw; font-weight:300}
.con_sub h1 span { font-weight: 900; }
	
.sub_bt li {text-align:center; box-sizing: border-box; display: block; padding: 5% 0 16% 0; font-size:4.2vw; line-height:5.5vw; }
.sub_bt li:hover { cursor: pointer}
.sub_bt .tel { background: #0092e0 url("/images/counseling/icon_tel.png") no-repeat 50% 77%; background-size: 43% ; color: #ffffff; font-weight: 600;}
.sub_bt .kakao { background: #fbe300 url("/images/counseling/icon_kakao.png") no-repeat 50% 77%; background-size: 43% ; color: #000000; font-weight: 600;}
.sub_bt .talk { background: #21d858 url("/images/counseling/icon_talk.png") no-repeat 50% 77%; background-size: 43% ; color: #000000; font-weight: 600;}
.sub_bt .navermap { background: #0046a5 url("/images/counseling/icon_navermap.png") no-repeat 50% 77%; background-size: 43% ; color: #ffffff; font-weight: 600;}

.sub_bt .tel2 { background: #0092e0 url("/images/counseling/icon_tel.png") no-repeat 50% 77%; background-size: 35% ; color: #ffffff; font-weight: 600;}
.sub_bt .kakao2 { background: #fbe300 url("/images/counseling/icon_kakao.png") no-repeat 50% 77%; background-size: 35% ; color: #000000; font-weight: 600;}
.sub_bt .talk2 { background: #21d858 url("/images/counseling/icon_talk.png") no-repeat 50% 77%; background-size: 35% ; color: #000000; font-weight: 600;}
.sub_bt .navermap2 { background: #0046a5 url("/images/counseling/icon_navermap.png") no-repeat 50% 77%; background-size: 35% ; color: #ffffff; font-weight: 600;}
	
.con_sub .map img { width: 100%;}

.con_sub .addresswarp {  clear: both; background: #0092e0; position: relative; }
.con_sub .addressbox { width: 100%; position: absolute; left: 0; top: -40px; padding: 0; box-sizing: border-box;}
.con_sub .addressbox ul { width: 90%; margin: 0 auto 5%; border: 3px solid #000000; background: #ffffff; padding: 0 7%; box-sizing: border-box} 
.con_sub .addressbox ul li { width: 100%; clear: both; border-bottom: 2px dashed #000000; box-sizing: border-box; padding: 7% 0}
.con_sub .addressbox ul li:last-child{border: none}
.con_sub .addressbox ul li h2 { width: 100%; font-size: 4vw; color: #000000; line-height: 5.5vw; font-weight:900 ; padding: 0 0 3% 0}
.con_sub .addressbox ul li p { width: 100%; font-size: 4vw; color: #000000; line-height: 5.5vw; font-weight:400 ; padding: 0; text-align: left; letter-spacing: -1px}
.con_sub .addressbox ul li dl { width: 100%}
.con_sub .addressbox ul li dt { width: 18%; font-size: 4vw; color: #000000; line-height: 5.5vw; font-weight:800; float: left}
.con_sub .addressbox ul li dd { width: 82%; font-size: 4vw; color: #000000; line-height: 5.5vw; font-weight:400; }
.con_sub .addressbox ul li .stit { clear: both; width: 100%; font-size: 3.3vw; color: #000000; line-height: 4vw; font-weight:400;; padding: 3% 0 0 0; overflow: hidden; letter-spacing: normal}
	
}