/*
 * File       : style-jun.css 
 * Author     : STUDIO-JT (Jun)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 * Dependency : css/ commons.css
 *
 * SUMMARY:
 * 1)  COMPONENT
 * 2)  SUB_PAGES
 * 3)  MEDIAQUERY
 */

/* **************************************** *
 * COMPONENT 
 * **************************************** */

/* TABS */
.tabs_skin_location .w3c-hidden{display:none;}
.tabs_skin_location .tabs_menu {border-width:0 1px 1px 0;border-style:solid;border-color:#dedede;background-color:#fafafa;}
.tabs_skin_location .tabs_menu li{border-width:1px 0 0 1px;border-style:solid;border-color:#dedede;}
.tabs_skin_location .tabs_menu li a{height: 50px;line-height: 50px;font-size: 15px;font-weight: 600;color:#555555;text-transform: uppercase;}
.tabs_skin_location .tabs_menu li.active{border-top: 2px solid #66af3f;}
.tabs_skin_location .tabs_menu li.active a{color:#68b03f;background-color:#fff;}

.tabs_skin_location .jt_google_map{margin-top:23px;padding-top: 56.25%;}
.tabs_skin_location .location-contact:after{content:"";display:block;clear:both;}
.tabs_skin_location .location-contact > div{float:left;width:50%;}
.tabs_skin_location .location-address{padding-right:30px;}
.tabs_skin_location .location-traffic{padding-left:30px;}

.tabs_skin_location .tabs_panels{background:#fff;}
.tabs_skin_location .tabs_panels > div{height: auto;padding:0 0 70px;}
.tabs_skin_location .tabs_panels > div.tabs_02{padding-left:inherit;}

.tabs_skin_location .tabs_panels article{margin-top:60px;}
.tabs_skin_location .tabs_panels h4{margin-bottom: 22px;}
.tabs_skin_location .tabs_panels table{width:100%;}
.tabs_skin_location .tabs_panels caption{padding-bottom:20px;border-bottom:1px solid #66af3f;font-size:19px;font-weight:600;}
.tabs_skin_location .tabs_panels th{border-bottom:1px solid #ededed;font-size:16px;font-weight:600;vertical-align:middle;}
.tabs_skin_location .tabs_panels td{padding:16px 30px;border-bottom:1px solid #ededed;font-size:14px;line-height:1.929;font-weight:400;color:#666666;}
.tabs_skin_location .tabs_panels .cols-2:after{content:"";display:block;clear:both;}
.tabs_skin_location .tabs_panels .cols-2 p:first-child{float:left;width:50px;}
.tabs_skin_location .tabs_panels .cols-2 p:first-child + p{padding-left:50px;}

.tabs_skin_location .tabs_panels .valign.txtTop{vertical-align:text-top;}

.tabs_skin_location .tabs_panels .fontColor{font-weight:600;}
.tabs_skin_location .tabs_panels .colorGreen{color:#4a972e;}
.tabs_skin_location .tabs_panels .colorSky{color:#41b1e6;}
.tabs_skin_location .tabs_panels .colorRed{color:#e9595e;}

.tabs_skin_location .tabs_panels .roundBox{display:inline-block;width:69px;height:29px;border-radius: 5px;font-size:14px;line-height:1.929;text-align:center;color:#fff;}
.tabs_skin_location .tabs_panels .roundBox.small{width:33px;height:20px;margin-right:7px;border-radius:3px;font-size:13px;line-height:1.557;}
.tabs_skin_location .tabs_panels .bgGreen{background:#4a972e;}
.tabs_skin_location .tabs_panels .bgBlue{background:#3353a2;}
.tabs_skin_location .tabs_panels .bgSky{background:#41b1e6;}
.tabs_skin_location .tabs_panels .bgRed{background:#e9595e;}

/* **************************************** *
 * SUB_PAGES
 * **************************************** */

/* HISTORY */
.jt-history-wrapper{padding:132.5px 0;background:url(../images/sub/history_bg.jpg) no-repeat;background-size:cover;}
.jt-history-wrapper h2,.jt-history-wrapper li{color:#fff;}
.jt-history-wrapper .jt-history-wrapperInner{position:relative;margin: 0 auto;}

.jt-history-wrapper ul{position:relative;text-align: center;cursor:move;}
.jt-history-wrapper ul:before{content:"";display:block;position:absolute;top: 0px;left:0;width:100%;height:2px;background:#fff;opacity:0.1;}
.jt-history-wrapper li{display: inline-block;position:relative;width:230px;vertical-align:top;}
.jt-history-wrapper li:before{content:"";display:block;width:1px;height:34px;margin: 9px auto 10px;background:#fff;opacity:0.1;}
.jt-history-wrapper li:nth-child(even):before{height:78px;}
.jt-history-wrapper h2{font-size: 38px;line-height: 1.316;font-weight: 400;text-align:center;}
.jt-history-wrapper time{display:block;font-size:19px;line-height:2.053;opacity:0.8;}
.jt-history-wrapper li p{line-height:1.600;color:#fff;opacity:0.4;}

.jt-history-wrapper .jt-history-content{font-size:inherit;line-height:inherit;letter-spacing:inherit;text-align:center;color:inherit;}
.jt-history-wrapper .jt-history-content:before,
.jt-history-wrapper .jt-history-content:after{content:"";display:block;position: absolute;top: 1px;width:7px;height:7px;margin-top: -3.5px;margin-left: -3.5px;border-radius: 100%;}
.jt-history-wrapper .jt-history-content:before{left: 50%;background:#66af3f;}
.jt-history-wrapper .jt-history-content:after{left: 100%;background:#fff;}
.jt-history-wrapper li:last-child .jt-history-content:after{display:none;}

.jt-history-wrapper .history-btn{display:block;position:absolute;top:0;width: 17px;height:26px;margin-top:88px;background:url(../images/sub/history_sprite.png);}
.jt-history-wrapper .history-prev{left:0;background-position: -31px -113px;}
.jt-history-wrapper .history-prev:hover{background-position: -31px -41px;}
.jt-history-wrapper .history-next{right:0;background-position: -5px 67px;}
.jt-history-wrapper .history-next:hover{background-position: -5px 139px;}
.jt-history-wrapper .history-btn span{opacity:0;}

#jt-history-group{padding:50px 50px 0;overflow:hidden;}
#scroller{z-index: 1;width:1356px;background-color: transparent;transform: translateZ(0);-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;-webkit-touch-callout: none;}
.iScrollIndicator{background: rgba(228, 218, 110, 0.7) !important;}

/* 함께한 기관ㆍ기관명 */
.tabs_skin_corporate .list-content ul li:hover{cursor:pointer;}
.tabs_skin_corporate .list-content ul li:hover a{color:#E9511C;}

/* **************************************** *
 * SUBPAGE_마음연구소
 * **************************************** */

/* COMMONS */
.sub-container img{max-width:100%;display:block;margin:0 auto;}
.sub-container figcaption{text-align:center;}

.sub-container .hide-all{display:none;}
.sub-container .col-half{width:48.9%;}
.sub-container .c-green{color:#009745;}
.sub-container .f-bold{font-weight:600;}
.sub-container .wrap:after{content:"";display:block;clear:both;}
.sub-container .tooltip{margin-bottom: 30px;padding:20px;border:1px solid #dedede;text-align:center;font-weight: 600;color:#555;background:#f9f9f9;}
.sub-container .sm-show{display:none;}

/* 연구소대표 */
.sub-container{}
.sub-container section{}
.sub-container section:after{content:"";display:block;clear:both;}
.sub-container article{}
.sub-container article.col-half:nth-child(2){float:left;}
.sub-container article.col-half:nth-child(3){float:right;}
.sub-container h3{padding-bottom:15px;border-bottom:3px solid #bfb383;font-size:28px;}
.sub-container h5{}
.sub-container li{position:relative;padding-left:19px;font-size:14px;line-height:2.143;}
.sub-container li:before{content:"";display:block;position:absolute;top: 12.5px;left:0;width:4px;height:4px;background:url(../images/icons/list-bullet.jpg) no-repeat center;}
/*.sub-container li:before{content:"";display:block;position:absolute;top: 0;left:0;width:4px;height:4px;margin-top:13px;border-radius:100%;background: #009745;}*/

.sub-container.representatives ul{padding-top:10px;}

.sub-visuals{margin-bottom:70px;background:#f8f8f8;}
.sub-visuals figure{position: relative;height: 380px;}
.sub-visuals figcaption {position: absolute;top: 50%;right: 17.5%;margin-top: -35px;}
.sub-visuals img{position: absolute;}
.sub-visuals .sub-visuals-ceo{z-index: 12;bottom: 0;left: 15.6%;}
.sub-visuals .sub-visuals-leafs{bottom: -9%;left: 7.2%;z-index: 1;}
.sub-visuals h3{border-bottom:inherit;}
.sub-visuals h3 em{padding-left:10px;font-size:16px;font-style:italic;vertical-align:text-bottom;}
.sub-visuals p{color:#444;}

/* 연구소가족 */
.family-tr.tr_01, .family-tr.tr_01{height: 177px;}

/* 심리검사종류 */
.sub-container.kinds ul{padding-top:inherit;border-top:3px solid #bfb383;}
.sub-container.kinds li{padding: 4% 4% 4% 5.5%;border-bottom:1px solid #dedede;}
.sub-container.kinds li:nth-child(even){background:#f9f9f9;}
.sub-container.kinds li:before{content:"";display:none;}
.sub-container.kinds li:after{content:"";display:block;clear:both;}
.sub-container.kinds figure + div{padding-left: 20%;}
.sub-container.kinds figure{position: absolute;top: 50%;margin-top: -55px;}
.sub-container.kinds h5, .sub-container.kinds p{color:#444;}
.sub-container.kinds h5{margin-bottom:10px;font-size:18px;line-height:1.444;}
.sub-container.kinds p{line-height:1.857;letter-spacing:-0.02em;}

/* 영역및절차 */
.sub-visuals.area .wrap{position:relative;}
.sub-visuals.area figure{overflow:hidden;height:500px;}
.sub-visuals.area figcaption{right: inherit;margin-top: -15%;text-align:left;}
.sub-visuals.area ul{padding-top: inherit;border-top: inherit;}

.sub-visuals-girl{right: 11%;bottom: -4.8%;z-index: 2;}
.sub-visuals-flowerpot{bottom: -26%;right: 0%;z-index: 1;}
.sub-visuals-light{top: 0;right: 10%;}

.area-progress{margin-bottom: 30px;}
.area-progress:after{content:"";display:block;clear:both;}
.area-progress li{padding-top: 6.3%;padding-left:inherit;}
.area-progress li:before{display:none;}
.area-progress figure{text-align: center;}
.area-progress figcaption{height:68px;margin-top:8.5%;background:#bcb081;display: table;width: 100%;}
.area-progress h6{line-height:1.467;text-transform:uppercase;color:#fff;display: table-cell;vertical-align: middle;}

.area-progress.cols-03 li{float:left;width:33.333%;-webkit-transition:all 0.3s;transition:all 0.3s;}
.area-progress.cols-03 li:nth-child(1) figcaption{background:url(../images/icons/area-progress-01-bg.png) no-repeat center;background-size:100%;}
.area-progress.cols-03 li:nth-child(2) figcaption{background:url(../images/icons/area-progress-02-bg.png) no-repeat center;background-size:100%;}
.area-progress.cols-03 li:nth-child(3) figcaption{background:url(../images/icons/area-progress-03-bg.png) no-repeat center;background-size:100%;}

.area-progress-list{}
.area-progress-list li{margin-bottom:5px;color:#444;}
.area-progress-list li:last-child{margin-bottom:0;}

/* 상담절차 */
.counseling-process h3{padding-bottom:0;}

.area-progress.cols-04 li{float:left;width:25%;}
.area-progress.cols-04 li:nth-child(1) figcaption{background:url(../images/icons/area-progress-04-bg.png) no-repeat center;background-size:100%;}
.area-progress.cols-04 li:nth-child(2) figcaption{background:url(../images/icons/area-progress-05-bg.png) no-repeat center;background-size:100%;}
.area-progress.cols-04 li:nth-child(3) figcaption{background:url(../images/icons/area-progress-06-bg.png) no-repeat center;background-size:100%;}
.area-progress.cols-04 li:nth-child(4) figcaption{background:url(../images/icons/area-progress-07-bg.png) no-repeat center;background-size:100%;}

/* 오시는길 */
.bg-green-dark{background:#049c41 url(../images/icons/location-bg-green-dark.png) repeat center;}
.bg-green-light{background:#47B354 url(../images/icons/location-bg-green-light.png) repeat center;}
.bg-yellow{background:#FCBE09 url(../images/icons/location-bg-yellow.png) repeat center;}
.bg-red{background:#d22c1d url(../images/icons/location-bg-red.png) repeat center;}

.location-list-01 ul{padding-top:inherit;border-top:3px solid #bfb383;}
.location-list-01 li{height: 208px;border-bottom:1px solid #dedede;}
.location-list-01 li:before{content:"";display:none;}
.location-list-01 li:after{content:"";display:block;clear:both;}
.location-list-01 figure{position: absolute;top: 50%;margin-top: -55px;}
.location-list-01 figcaption{margin-top:10px;}
.location-list-01 h5, .sub-container.kinds p{color:#444;}
.location-list-01 h5{font-size:16px;line-height:1.195;color:#222;}
.location-list-01 p{line-height:1.857;color:#444;letter-spacing: -0.036em;}

.location-list-02{padding-left: 20.5%;position: absolute;top: 50%;left: 0;}
.location-list-02 ul{border-top: inherit;}
.location-list-02 li{position: relative;height: inherit;margin-bottom: 20px;padding: inherit;border-bottom: inherit;}
.location-list-02 li:last-child{margin-bottom:0;}
.location-list-02 h6{position: absolute;top: 50%;left: 0;width: 100px;height: 35px;margin-top: -17.5px;border-radius: 3px;line-height: 35px;letter-spacing: -0.036em;text-align: center;color: #fff;font-size: 14px;}
.location-list-02 p{padding-left: 120px;}

.location-list-01 > ul > li:nth-child(1) > div{margin-top:-4%;}
.location-list-01 > ul > li:nth-child(2) > div{margin-top:-2%;}
.location-list-01 > ul > li:nth-child(3) > div{margin-top:-6%;}

.location-list-01 > ul > li:nth-child(1) li{margin-bottom:27px;}
.location-list-01 > ul > li:nth-child(3) li{margin-bottom:0;}

/* 오시는길 - 지도 */
#jt_naver_map_01 {width: 100% !important;height: 100% !important;}
#jt_naver_map_01 .nmap{width: 100% !important;height: 100% !important;}

.sub-mapper{margin-bottom:40px;}
.mapper-wrap{overflow:hidden;position:relative;height:394px;}
.mapper-inner{position:absolute;top:0;left:0;width:100%;height:100%;}
.mapper-address p{padding: 22px;text-align: center;font-weight: 600;color: #444;background: #f5f1f6 url(../images/sub/location-bg.jpg) repeat center;-webkit-transition:all 0.1s;transition:all 0.1s;}

/* 상담대상및영역 */
.counseling-area.sub-visuals{margin-bottom:50px;}
.counseling-area.sub-visuals .wrap{position:relative;}
.counseling-area.sub-visuals figure{overflow:hidden;height:592px;}
.counseling-area.sub-visuals img{top:inherit;right:0;bottom:13%;}
.counseling-area.sub-visuals figcaption{right: inherit;margin-top: -15%;text-align:left;}
.counseling-area.sub-visuals figcaption p{-webkit-transition:all 0.5s;transition:all 0.5s;}
.counseling-area.sub-visuals ul{padding-top: inherit;border-top: inherit;}

.counseling-area .tabs_component{}
.counseling-area .tabs_component:after{content:"";display:block;clear:both;}
.counseling-area .tabs_component .tabs_menu a{height: 100%;line-height:1.444;}

.counseling-area .tabs_menu{border:inherit;background:inherit;}
.counseling-area .tabs_menu li{float:left;position:relative;height:200px;padding-left:inherit;border:inherit;border-bottom:4px solid #dedede;}
.counseling-area .tabs_menu li:before{display:none;}
.counseling-area .tabs_menu li a{display:block;font-size:18px;color:#9d9d9d;}
.counseling-area .tabs_menu li span{position: absolute;top: 50%;left: 0;margin-top: -7%;}
.counseling-area .tabs_menu li img{position:absolute;bottom:0;right: 22.4%;}

.counseling-area .tabs_menu li.active{border-top:inherit;}
.counseling-area .tabs_menu li.active:after{content: "";display: block;position: absolute;top: 100%;left: 50%;margin-left: -12.5px;width: 0;height: 0;border: solid transparent;border-top-color:#ef5a6d;border-width:15px;}
.counseling-area .tabs_menu li.active a{color:inherit;background-color:inherit;}

.counseling-area .tabs_menu li .img-active,.counseling-area .tabs_menu li.active .non-active{display:none;}
.counseling-area .tabs_menu li.active .img-active{display:block;}

/*
.counseling-area .tabs_menu li:nth-child(1).active{border-bottom:4px solid #ef5a6d;color:#ef5a6d;}
.counseling-area .tabs_menu li:nth-child(2).active{border-bottom:4px solid #263d69;color:#263d69;}
.counseling-area .tabs_menu li:nth-child(3).active{border-bottom:4px solid #ffcb41;color:#ffcb41;}
.counseling-area .tabs_menu li:nth-child(1).active:after{border-top-color:#ef5a6d;}
.counseling-area .tabs_menu li:nth-child(2).active:after{border-top-color:#263d69;}
.counseling-area .tabs_menu li:nth-child(3).active:after{border-top-color:#ffcb41;}
*/

.counseling-area .tabs_menu li.active.first{border-bottom:4px solid #ef5a6d;color:#ef5a6d;}
.counseling-area .tabs_menu li.active.second{border-bottom:4px solid #263d69;color:#263d69;}
.counseling-area .tabs_menu li.active.third{border-bottom:4px solid #ffcb41;color:#ffcb41;}
.counseling-area .tabs_menu li.active.first:after{border-top-color:#ef5a6d;}
.counseling-area .tabs_menu li.active.second:after{border-top-color:#263d69;}
.counseling-area .tabs_menu li.active.third:after{border-top-color:#ffcb41;}

.counseling-area .tabs_panels > div{padding:inherit;}
.counseling-area .tabs_panels{border-top:inherit;}
.counseling-area .tabs_panels h6{padding: 12px 10px;border-radius:5px 5px 0 0;font-size:16px;line-height:1.750;text-align:center;color:#fff;background:#e59595;}
.counseling-area .tabs_panels ol{}
.counseling-area .tabs_panels ol:after{content:"";display:block;clear:both;}
.counseling-area .tabs_panels ol > li{margin-bottom:20px;padding-left:inherit;}
.counseling-area .tabs_panels ol > li:last-child{margin-bottom:inherit;}
.counseling-area .tabs_panels ol > li:before{display:none;}

.counseling-area .tabs_panels ol.cols-02 > li{width:48.9%;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(odd){float:left;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(even){float:right;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(-n+2):nth-child(n+1) ul{min-height:154px;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(-n+4):nth-child(n+3) ul{min-height:244px;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(-n+6):nth-child(n+5) ul{min-height:358px;}

.counseling-area .tabs_panels ul{padding:25px 30px;border: 1px solid #dedede;border-top: transparent;}
.counseling-area .tabs_panels ul > li{color:#444;}

.counseling-area .tabs_01 ul > li:before{background:url(../images/icons/list-bullet-pink.png) no-repeat center;}
.counseling-area .tabs_02 ul > li:before{background:url(../images/icons/list-bullet-navy.png) no-repeat center;}
.counseling-area .tabs_03 ul > li:before{background:url(../images/icons/list-bullet-yellow.png) no-repeat center;}

.counseling-area .tabs_01 h6{background:#e59595;}
.counseling-area .tabs_02 h6{background:#77849d;}

.counseling-area .tooltip{margin-bottom:60px;padding: 5.4% 0 5.4% 5.4%;background:#f0e9be url(../images/sub/counseling-area-tooltip-bg.jpg) repeat center;}
.counseling-area .tooltip:after{content:"";display:block;clear:both;}
.counseling-area .tooltip > div{float:left;}
.counseling-area .tooltip-img{margin-right: 6%;}
.counseling-area .tooltip-txt{text-align:left;}
.counseling-area .tooltip h2{margin-bottom:20px;font-size:24px;line-height:1.167;}
.counseling-area .tooltip p{line-height:1.857;color:#444;}

.counseling-area-list h3{border-bottom: 3px solid #ffcb41;font-size:18px;}
.counseling-area-list ul:after{content:"";display:block;clear:both;}
.counseling-area-list li{}
.counseling-area-list.cols-03 ul{padding:20px 0;border:inherit;}
.counseling-area-list.cols-03 li{float:left;width:33.333%;padding-right:20px;}

/* **************************************** *
 * MEDIAQUERY
 * **************************************** */
@media only screen and (max-width:1000px){
	
/* 상담대상및영역 */
.counseling-area.sub-visuals figure{height: inherit;padding-top: 50%;}
.counseling-area.sub-visuals img{-ms-transform: scale(0.6);-webkit-transform: scale(0.6);transform: scale(0.6);-ms-transform-origin: 100% 100%;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}
.counseling-area.sub-visuals figcaption{-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9);}

.counseling-area .tooltip{padding:5%;}
.counseling-area .tooltip > div{float:none;}
.counseling-area .tooltip-img{margin-right:inherit;margin-bottom: 5%;}
.counseling-area .tooltip-txt{text-align:center;}
.counseling-area .tooltip-txt br{display:none;}

.counseling-area .tabs_menu li{height:150px;}
.counseling-area .tabs_menu li img {-ms-transform: scale(0.7);-webkit-transform: scale(0.7);transform: scale(0.7);-ms-transform-origin: 100% 100%;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}

/* 상담절차 */
.area-progress h6{font-size: 14px;letter-spacing: -0.05em;}

/* 영역및절차 */
.sub-visuals.area figure {height:400px}
.sub-visuals.area figcaption {margin-top: -20%;z-index: 1;}
.sub-visuals.area img {transform: scale(0.7);}
.sub-visuals-girl {transform-origin: bottom right;}
.sub-visuals-light{transform-origin: top right;}
.sub-visuals-flowerpot{transform-origin: bottom right;}

/* 오시는길 */
.mapper-wrap{height:inherit;min-height:240px;padding-top:56.25%;}

.location-list-01 figure{margin-top:-60px;}
.location-list-01 ul{padding-top:0;}
.location-list-01 > ul > li {height: auto;}
.location-list-01 > ul > li:nth-child(1) > div, .location-list-01 > ul > li:nth-child(2) > div, .location-list-01 > ul > li:nth-child(3) > div {margin-top: inherit;}
.location-list-01 > ul > li:nth-child(1) li, .location-list-01 > ul > li:nth-child(2) li, .location-list-01 > ul > li:nth-child(3) li{margin-bottom:10px;}
.location-list-01 > ul > li:nth-child(1) li:last-child, .location-list-01 > ul > li:nth-child(2) li:last-child, .location-list-01 > ul > li:nth-child(3) li:last-child{margin-bottom:inherit;}

.location-list-02 {position: relative;top: inherit;left: inherit;min-height: 170px;padding: 20px 0 20px 130px;}
.location-list-02 li{padding:0;}
.location-list-02 h6{position:relative;margin-top: inherit;}
.location-list-02 p{position:relative;padding-left:inherit;margin-top:inherit;}

} /*/mediaquery*/

@media only screen and (max-width:768px){

/* 연구소가족 */
.family-tr.tr_01, .family-tr.tr_01{height: auto;}

/* 상담대상및영역 */
.counseling-area.sub-visuals img{-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);opacity:0.4;filter:alpha(opacity=40);}
.counseling-area.sub-visuals figcaption{-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9);}
.counseling-area.sub-visuals figcaption p{opacity:0;}

.counseling-area .tabs_menu li{height: 120px;}
.counseling-area .tabs_menu li img {right: 18%;-ms-transform-origin: 90% 100%;-webkit-transform-origin: 90% 100%;transform-origin: 90% 100%;}
.counseling-area .tabs_menu li span{font-size:14px;}
.counseling-area .tabs_panels ol.cols-02 > li{width:100%;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(-n+2):nth-child(n+1) ul{min-height:inherit;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(-n+4):nth-child(n+3) ul{min-height:inherit;}
.counseling-area .tabs_panels ol.cols-02 > li:nth-child(-n+6):nth-child(n+5) ul{min-height:inherit;}

.counseling-area-list.cols-03 li{width:50%;}

/* 심리검사종류 */
.sub-container.kinds > .wrap{padding: 0;}
.sub-container.kinds ul{border-top:inherit;}
.sub-container.kinds ul li {padding:8%;}

/* 상담절차 */
.area-progress.cols-04 li{width:50%;}

/* 영역및절차 */
.sub-visuals.area img {display:none;}
.sub-visuals.area figure{position: relative;height: inherit;padding: 10% 0;}
.sub-visuals.area figcaption {position: relative;top: inherit;margin-top: inherit;}

.area-progress img{max-width:50%;}
.area-progress figcaption {height: 50px;}

/* 오시는길 */
.mapper-address p{font-size:12px;padding:15px;}

} /*/mediaquery*/

@media only screen and (max-width:700px){

/* 영역및절차 */
.area-progress.area h6{font-size:12px;}

} /*/mediaquery*/

@media only screen and (max-width:640px){

/* 영역및절차 */
.area-progress.cols-03.area li{width:100%;}
.area-progress.cols-03.area li:nth-child(1) figcaption{background:url(../images/icons/area-progress-01-bg-mobile.jpg) repeat;}
.area-progress.cols-03.area li:nth-child(2) figcaption{background:url(../images/icons/area-progress-02-bg-mobile.jpg) repeat;}
.area-progress.cols-03.area li:nth-child(3) figcaption{background:url(../images/icons/area-progress-03-bg-mobile.jpg) repeat;}

} /*/mediaquery*/

@media only screen and (max-width: 480px){

/* COMMONS */
.sub-container .sm-show{display:block;}
	
/* 상담대상및영역 */
.counseling-area.sub-visuals figcaption h3{font-size:16px;}

.counseling-area .tabs_menu li{}
.counseling-area .tabs_menu li img {right: 50%; -ms-transform: translateX(50%) scale(0.5);-webkit-transform: translateX(50%) scale(0.5);transform: translateX(50%) scale(0.5);-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.counseling-area .tabs_menu li .img-active {-ms-transform: translateX(50%) scale(0.48);-webkit-transform: translateX(50%) scale(0.48); transform: translateX(50%) scale(0.48);}
.counseling-area .tabs_menu li a{text-align:center;}
.counseling-area .tabs_menu li span {position: absolute;top: 0;left: 50%;margin: 0px 0 0 -25px;font-size:12px;}
.counseling-area .tabs_menu li.third span{margin-top: -8px;}

.counseling-area-list.cols-03 ul{padding:0;}
.counseling-area-list.cols-03 li{width:100%;}

/* 상담절차 */
.sub-container h3{border-bottom:inherit;}
.area-progress.cols-04 li{width:100%;-webkit-transition:all 0.3s;transition:all 0.3s;}
.area-progress.cols-04 li:nth-child(1) figcaption{background:url(../images/icons/area-progress-04-bg-mobile.jpg) repeat;}
.area-progress.cols-04 li:nth-child(2) figcaption{background:url(../images/icons/area-progress-05-bg-mobile.jpg) repeat;}
.area-progress.cols-04 li:nth-child(3) figcaption{background:url(../images/icons/area-progress-06-bg-mobile.jpg) repeat;}
.area-progress.cols-04 li:nth-child(4) figcaption{background:url(../images/icons/area-progress-07-bg-mobile.jpg) repeat;}

/* 영역및절차 */
.sub-container li {font-size: 12px;}
.sub-visuals h3 {font-size: 19px;}

.area-progress li{padding-top: 15%;}
.area-progress figcaption{margin-top:5%;}
.area-progress.cols-03 li{width:100%;}
.area-progress.cols-03 li:nth-child(1) figcaption{background:url(../images/icons/area-progress-01-bg-mobile.jpg) repeat;}
.area-progress.cols-03 li:nth-child(2) figcaption{background:url(../images/icons/area-progress-02-bg-mobile.jpg) repeat;}
.area-progress.cols-03 li:nth-child(3) figcaption{background:url(../images/icons/area-progress-03-bg-mobile.jpg) repeat;}

/* 오시는길 */
.location-list-01 ul{}
.location-list-01 ul:after{content:"";display:block;clear:both;}
.location-list-01 li {height: inherit;}
.location-list-01 figure {position: relative;top: inherit;margin-top: inherit;margin: 0 auto;}

.location-list-01 > ul{}
.location-list-01 > ul > li{float:left;width:100%;border-bottom: inherit;}

.location-list-01 > ul > li {padding: 50px 0 0;}
.location-list-01 > ul > li:nth-child(1) li,.location-list-01 > ul > li:nth-child(3) li{margin-bottom: 10px;}

.location-list-02 {position: relative;top: inherit;left: inherit;padding: 20px 0 0;min-height: 100px;}
.location-list-02 h6 {position: relative;margin-top: inherit;width: 100%;}
.location-list-02 p {margin-top: 5px;padding-left: inherit;}

} /*/mediaquery*/