@charset "utf-8";

/* 인사말 */
.tittop_wrap {background: url(/images/sc/sub01/sub01_01.jpg) no-repeat 50% 50%;}

/*집단상담 프로그램*/
.sub03_ir{background: url(/images/common/num_ir.png) no-repeat;}

	.program_list{width:100%;margin:-10px 0 0 -10px;}
	.program_list ul li{float:left;position:relative;width:19%; margin: 10px 0 0 1%;}
	.program_list ul.col2 li {width:49%;}
	.program_list ul.col3 li {width:32.3%;}
	.program_list ul.col4 li {width:24%;}
	.program_list ul.col6 li {width: 15.6%;}
	.program_list ul.col6 li .table-col{padding:40px 5px;}
	/*.program_list ul li:first-child{margin-left:0;}*/
	/*.program_list ul li a{display: block;height:195px;  background-color: #fff;text-align: center;padding:40px 20px;border:4px solid #e0e9e6;}
	.program_list ul li a span{display: block;width:50px;height: 40px;margin: 0 auto;margin-bottom:20px;}
	.program_list ul li a .num1{background-position:0 -45px;}
	.program_list ul li a .num2{background-position:0 -95px;}
	.program_list ul li a .num3{background-position: 0 -147px;}
	.program_list ul li a .num4{background-position:0 -196px;width:54px;}
	.program_list ul li a .num5{background-position:0 -251px;width:54px;}
	.program_list ul li a .num6{background-position:1px -298px;width:54px;}*/

	.program_list ul li .table-col{display: block;height:195px;  background-color: #fff;text-align: center;padding:40px 20px;border:4px solid #e0e9e6;}
	.program_list ul li .table-col .sub03_ir{display: block;width:50px;height: 40px;margin: 0 auto;margin-bottom:20px;}
	.program_list ul li .table-col .num1{background-position:0 -45px;}
	.program_list ul li .table-col .num2{background-position:-2px -95px;}
	.program_list ul li .table-col .num3{background-position: 0 -147px;}
	.program_list ul li .table-col .num4{background-position:0 -196px;width:54px;}
	.program_list ul li .table-col .num5{background-position:0 -251px;width:54px;}
	.program_list ul li .table-col .num6{background-position:1px -298px;width:54px;}		
	.program_list ul li .table-col .num7{background-position:1px -346px;width:54px;}



	.program_list ul li .table-col.s030201{min-height:230px;}
	.program_list ul li .table-col.s030303{min-height:222px;}

	@media (max-width: 1397px){
		.studio_wrap .studio_box .inner .txtwrap .more{width:100%;}
		.studio_wrap .studio_box .inner .txtwrap .more{margin-top: 15px;}
	} 
/*	@media (max-width: 1023px){
	.program_list ul li{width:33%;}
	.program_list ul li a{width:233px;}
}

@media (max-width:767px){
	.program_list ul li{width:50%;}
	.program_list ul li a{width:350px;}
}

@media (max-width:760px){
	.program_list ul li{width:100%;}
	.program_list ul li a{width:100%;height: 167px;padding: 32px 0;}
}*/
@media (max-width:800px){
	.program_list ul.col6 li{width:31.6%;}
}
@media (max-width:767px){
	.program_list ul li{width:50%;}
	.program_list ul li .table-col{width:350px;}
}

@media (max-width:760px){
	.program_list ul li{width:100%;}
	.program_list ul li .table-col{width:100%;height:auto;padding: 32px 20px;}
	.program_list ul li .table-col.s030201{min-height:auto;}
	.program_list ul.col2 li,
	.program_list ul.col3 li{width:100%;}
}
@media (max-width:500px){
	.program_list ul.col6 li{width:100%;}
}


/* 심리검사 종류 */
.report_chmu{}
.report_chmu:after{content:"";clear:both;display:block;visibility:hidden;}
.report_chmu li{position:relative;padding:25px 15px 25px 25px;border:1px solid #c2c2c2;margin-top:-1px;}
.report_chmu li strong{margin-bottom:5px;color:#121212;font-size:20px;line-height:160%;font-weight:600;font-family:'nsr','Malgun Gothic';}
/*.report_chmu li>span{display:block;margin:0;color:#545454;font-size:14px;line-height:140%;}
.report_chmu li .ir-content{display:block;position:absolute;top:50%;left:22px;margin-top:-36px;width:71px;height:71px;} 
.report_chmu li .ir-minwon{background-position:0 0;}
.report_chmu li .ir-tel{background-position:-71px 0;}
*/

@media all and (min-width:768px) {
	.report_chmu li em{display:inline-block;}
	.report_chmu li p span{margin:0;}
}
@media all and (min-width:1024px){
	.report_chmu li{float:right;width:32.3%;min-height:120px;}
	.report_chmu.mh158 li{min-height:158px;}
	.report_chmu li{float:left;margin-right:1%;border-bottom:1px solid #c2c2c2;}
    .report_chmu .height{min-height:192px;}
}
@media all and (min-width:1280px) {
	/*.report_chmu li .ir-content{left:45px;}*/
	.report_chmu li{padding:25px 20px 25px 40px;}
}

/*상담원*/

.call_bx{position:relative;width:100%;padding:47px 47px 47px 138px;border:1px solid #ddd;margin-top:30px;min-height:153px;}
.call_bx strong{font-size:18px;font-weight:normal}
.call_bx strong span{display:inline-block;position:absolute;left:30px;top:30px;background: url(/images/sc/common/sub01_01_ico.png) no-repeat;width:88px;height:88px;vertical-align:middle;margin-right: 10px;background-position:0 -88px;}

@media all and (max-width:767px){
	.call_bx{padding:20px;padding-left:20px;}
	.call_bx strong{font-size:16px}
	.call_bx strong span{display:none;}

}


/*문의처*/
.ui.uit.type4 .inner h2{margin:0 0 5px 0;padding-top:0;font-size:18px}
.ui.uit.type4 .inner h2:before{display:none}
.ui.uit.type4 .inner p:before{display:none}
/*상담센터 추가 컨텐츠*/
.ui.uia .item b  { line-height:20px; }
@media (max-width: 1023px){
.ui.uia.qna .item, .ui.uia.qna .inner { padding-left:50px; }
}


/*온라인자가진단*/
.ui.uit.type1.id_sang { background:none; background-color:#f1f3f6; border-top:1px solid #701e20; }
.ui.uit.type1.id_sang:before { background:none; }
.ui.uit.type1.id_sang .inner .tp_icon { display: block;  overflow: hidden;  width: 85px;   height: 85px;  background: url(/images/sc/sub/sub02_06_bg1.png) no-repeat; }
.sang.blockcontent { overflow: hidden; }
.ui.uit.type1.id_sang.pop_top .inner .tp_icon {  background: url(/images/sc/sub/sub02_06_bg2.png) no-repeat;   }
.sang.blockcontent .grap .box { float: left;  width: 50%; overflow: hidden;  border: 10px solid transparent; }
.sang.blockcontent .grap .box .style2 { position: relative; height: 160px; overflow: hidden;  border: 1px dashed #b3b3b3; }
.sang.blockcontent .grap .box .icon {  float: left;  width: 100px;  height: 100px;   margin: 30px;  -webkit-border-radius: 100%;   border-radius: 100%;  background: #f1f3f6; }
.sang.blockcontent .grap .box .icon span { display: block;  width: 60px;  height: 60px;  margin: 20px auto 0; background: url(/images/sc/sub/ico_ir.png) no-repeat; }
.sang.blockcontent .grap .box .icon .icon1 {  background-position: 0 0; }
.sang.blockcontent .grap .box .icon .icon2 { background-position: -60px 0; } 
.sang.blockcontent .grap .box .icon .icon3 { background-position: -120px 0; } 
.sang.blockcontent .grap .box .icon .icon4 { background-position: -180px 0; }
.sang.blockcontent .grap .box .icon .icon5 { background-position: -240px 0; }
.sang.blockcontent .grap .box .icon .icon6 { background-position: 0 -60px; }
.sang.blockcontent .grap .box .icon .icon7 { background-position: -60px -60px; }
.sang.blockcontent .grap .box .icon .icon8 { background-position: -120px -60px; }
.sang.blockcontent .grap .box .icon .icon9 { background-position: -180px -60px; }
.sang.blockcontent .grap .box .icon .icon10 { background-position: -240px -60px; }
.sang.blockcontent .grap .box .icon .icon11 { background-position: 0px -120px; }
.sang.blockcontent .grap .box .icon .icon12 { background-position: -60px -120px; }
.sang.blockcontent .grap .box .icon .icon13 { background-position: -120px -120px; }
.sang.blockcontent .grap .box .icon .icon14 { background-position: -240px -120px; }
.sang.blockcontent .grap .box .pt2 { margin: 45px 0 30px 160px; }
.sang.blockcontent .grap .box .tit2 { display: block; height: 40px; font-weight: 700; font-size: 18px; }
.sang.blockcontent .grap .box .style2 .bottom_btn { position: absolute; top: 57px;  right: 34px; }
.sang.blockcontent .grap .box .style2 .bottom_btn .btn-default { background-color: #701e20; border-color: #701e20; border: 1px solid transparent; border-radius: 4px; }
.sang.blockcontent .grap .box .style2 .bottom_btn .btn-default:active, .sub0206.blockcontent .grap .box .style2 .bottom_btn .btn-default:focus,
.sang.blockcontent .grap .box .style2 .bottom_btn .btn-default:hover { background-color: #555; border-color: #555; }
.sang.blockcontent .grap .box .pt2 li { line-height:20px; }
.sang.blockcontent .grap .box .pt2 li em { display:block; }
@media (min-width: 768px) {
.ui.uit.type1.id_sang .inner { padding: 35px 25px 35px 150px; padding-top:40px; min-height:120px;  }
.ui.uit.type1.id_sang.pop_top .inner { padding-top:35px; }
.ui.uit.type1.id_sang .inner .tp_icon.circle { display: block; position: absolute; top: 20px; left: 35px; }
}
@media (max-width: 1200px){
.sub05_04 #content { float:none; width:100%; }
.sub05_04 #remote { display:none; }
.sub05_04 .layout { width:95%; }
}
@media (max-width: 1000px) { 
.sang.blockcontent .grap .box { width: 100%; }
.sang.blockcontent .grap .box .icon { margin:25px; }
.sang.blockcontent .grap .box .pt2 li em { display:inline; }
}

@media (max-width: 767px) {

.ui.uit.type1.id_sang .inner .tp_icon { margin:0 auto; }
.ui.uit.type1.id_sang .inner .txtwrap { margin-top:10px; text-align:center; }
}

@media (max-width: 640px)  {
.sang.blockcontent .grap .box .icon { display:none; }
.sang.blockcontent .grap .box .pt2 {  margin: 45px 0 30px 30px; }
}
@media (max-width: 460px) {
.sang.blockcontent .grap .box .style2 { height:auto; padding:30px; text-align:center;  }
.sang.blockcontent .grap .box .pt2 { margin:0; }
.sang.blockcontent .grap .box .style2 .bottom_btn { display: block; position: static;  margin-top:20px; }
.sang.blockcontent .grap .box .tit2 { height:auto; }
}

/*온라인자가진단 팝업*/
.sub0206_pop.layout { width:95%; margin:30px auto; }
#counselingPopupTxt #tbl_sub04_02 .tbl_basic tbody tr.bg_a { background-color: #f6f6f6; }
#counselingPopupTxt #tbl_sub04_02 .tbl_basic tbody tr.bgln_t {  border-top: 2px solid #701e20; }
.btn-default.btbt { border-radius:4px;  background-color: #701e20; border:1px solid transparent; }
.btn-default.btbt:hover, .btn-default.btbt:focus, .btn-default.btbt:active { background-color: #3b3c3d; }
.ui.uit .inner .tit_inner.ep { margin-top:25px; }

/*관련사이트*/
.site_list { position:relative; width:102.2%; margin-left:-2.1%; }
.site_list:after { content:""; display:block; clear:both;  }
.site_list li { float:left; width:31.3%; margin: 0 0 2% 2%; text-align:center;  }
.site_list li a { display:block; border:1px solid #dadada; padding:0 20px; height:80px; line-height:80px;  }
.site_list li a img { max-width:100%; max-height:100%; vertical-align:middle;  }

@media (max-width: 640px){
.site_list li { width:48%; }
}
@media (max-width: 400px){
.site_list li { width:100%; margin: 0 0 2% 0.8%; }
}
/*또래상담자명단*/
.coun_list {  position:relative; width:102.2%; margin-left:-2.1%; }
.coun_list:after { content:""; display:block; clear:both; }
.coun_list>li { float:left; width:48%; margin: 0 0 2% 2%; border:1px solid #e1e1e1; }
.coun_list>li .img_box, .coun_list>li .txt_box { float:left; width:50%; }
.coun_list>li .txt_box { padding:35px 25px; background:#f5f5f5; height:238px; }
.coun_list>li .img_box {padding:35px 0; text-align:center; }
.coun_list>li .txt_box .round_box { color:#fff; text-align:center; background:#892a32; border-radius:30px; width:105px; padding:5px 0; margin-bottom:17px; }
.coun_list>li .txt_box .person_name { color:#323232; font-size:20px;  }
.coun_list>li .txt_box .list_1st li { background:url(/images/sc/sub/list_08.png) no-repeat 0 9px; color:#323232; }

@media (max-width: 768px){
.coun_list>li .img_box, .coun_list>li .txt_box { float:none; width:100%; }
.coun_list>li .txt_box { height:auto; }
.coun_list>li .txt_box .round_box { margin:0 auto 17px;}
.coun_list>li .txt_box .person_name { text-align:center; }
.coun_list>li .txt_box .list_1st { width:133px; margin:10px auto; }
}
@media (max-width: 400px) {
.coun_list>li {width:100%; margin: 0 0 2% 0.8%; }
.coun_list>li .img_box, .coun_list>li .txt_box {float:left; width:50%;  }
.coun_list>li .txt_box { padding:15px 15px; height:200px;  }
.coun_list>li .img_box { padding:15px 0; }
}
/*
.coun_list>li {width:100%; margin: 0 0 2% 0.8%; }
@media (max-width:360px){
.coun_list>li .txt_box { padding:15px 15px; height:200px;  }
.coun_list>li .img_box { padding:15px 0; }
}*/
/*이용절차 및 안내*/
.ui.uip.type5.three .list_1st li { float:none; width:100%; height:auto; background: url(/images/sc/sub/li_03.png) no-repeat 0 9px; color:#fff; border:0; margin: 3px 0; padding: 0 0 0 11px; text-align:left; }
.ui.uip.type5.three .list_1st li:before { height:auto; } 
.ui.uip.type5.three .list_1st li:after { width:0; height:0; }
.ui.uip.type5.three li.last_child { margin-right:0; }
.ui.uip.type5.three li.last_child p { color:#fff; }
.ui.uip.type5.three li { width:31.3%; height:160px; }
.ui.uip.type5.three li:after { right:-7%; top:45%; }
.ui.uip.type5.three .list_1st { margin-top:-10px; }
.ui.uip.type5.three li p { margin-top:-6px; }
.red_num li { margin:5px 0; }
.red_num .num-default { background-color:#761f26; }
.red_num li em {  width:80%; display:inline-block;   }
@media (max-width: 767px){
.ui.uip.type5.three li { width:30.5%; }
.ui.uip.type5.three li:after { right:-9%;}
}
@media (max-width:682px){
.ui.uip.type5.three li { width:45%; }
.ui.uip.type5.three li:after { right:-7%; }
.ui.uip.type5.three li.last_child:after { background:none; }
}

@media (max-width:465px){
.ui.uip.type5.three li { width:100%; }
.ui.uip.type5.three li { margin-bottom:2%; }
}

/*또래상담자*/

.relation_wrap { overflow:hidden; margin:40px 0 50px 0; }
.relation_wrap .obj { float:left; width:33.3%; }
.relation_wrap .obj .edu_ir {display:block; margin: 0 auto 50px auto; width:87px; height:87px; background:url(/images/sc/sub/sub03_01_img.png) no-repeat;}
.relation_wrap .obj.obj_inner2 .edu_ir { background-position:-87px 0;  }
.relation_wrap .obj.obj_inner3 .edu_ir { background-position:-174px 0;  }
.relation_wrap .obj strong { display:block; position: relative; margin: 0 auto;  width: 90%;  height: 45px; border-radius: 50px;  line-height: 45px;  font-size: 18px;  color: #fff; text-align:center; }
.relation_wrap .obj strong:before { display: inline-block; content: ""; position: absolute;  left: 50%; top: -35px; width: 1px;  height: 22px;  background-color: #ddd;} 
.relation_wrap .obj.obj_inner1 strong { background:#5f470b; }
.relation_wrap .obj.obj_inner2 strong { background:#7a393d; }
.relation_wrap .obj.obj_inner3 strong { background:#46495c; }
.relation_wrap .obj .text_wrap { width:80%; margin:0 auto;  }
.relation_wrap .obj .text_wrap .col { text-align:center; border-bottom:1px solid #e7e7e7; padding-bottom:25px; font-size:16px; font-weight:700; }
.relation_wrap .obj .text_wrap .col em { display:block; font-weight:700; }
.relation_wrap .obj .text_wrap p { margin-top:25px; }
.relation_wrap .obj .text_wrap .col.co1 { padding-bottom:48px; color:#5f470b; }
.relation_wrap .obj .text_wrap .col.co2 {color:#7a393d;  }
.relation_wrap .obj .text_wrap .col.co3 {color:#46495c; }
.gray_box {padding:40px; margin-top:20px; background:#f7f7f7; border:1px solid #e4e4e4; color:#252525; }
.purpose.facil.tip_box { margin-bottom:0; }
.purpose.facil.tip_box .open_icon { width:62px; height:62px; background:url(/images/sc/sub/tip_03.png) no-repeat; }
.purpose.facil.tip_box .rcon .list_1st {overflow:hidden; margin-top:-10px; }
.purpose.facil.tip_box .rcon .list_1st li { float:left; width:50%; }
.sub02_01 .text_wrap { float:left; width:49%; margin-top:20px; margin-left:2%; }
.sub02_01:after { content:""; display:block; clear:both;  }
.sub02_01 .text_wrap:nth-child(odd) { margin-left:0; }

@media (max-width:1023px){
.purpose.facil.tip_box .rcon .list_1st { margin-top:10px;}
.purpose.facil.tip_box .open_icon { margin:0; }
}

@media (max-width:767px){
.purpose.facil.tip_box .rcon .list_1st li  { float:none; width:100%; }

}
@media (max-width:639px){
.relation_wrap .obj { float:none; width:100%; margin-bottom:50px; }
.relation_wrap .obj strong, .relation_wrap .obj .text_wrap  { width:100%; }
.relation_wrap .obj .text_wrap .col.co1 { padding-bottom:25px; }
.relation_wrap .obj .text_wrap .col em { display:inline; }
}
@media (max-width:600px){
.sub02_01 .text_wrap { float:none; width:100%; }
}

/* 역대 센터장 */
.president_wrap .ui.uic .box_col .col .item{margin-bottom:15px;padding:30px 0;border:1px solid #ddd;}
.president_wrap .ui.uic .box_col .col .item .thm_figure{background:none;border:0}

@media all and (max-width:1160px){
	.president_wrap .ui.uic.mb_10 .box_col .col .item{min-height:0;}
}