@charset "euc-kr";
body { background:url('/html/images/bg_main.gif') repeat-x 0 85px; }
/*13.02.13 - 이미지 클릭시 이미지 영역 안보이게~*/
a {selector-dummy: expression(this.hideFocus=true);}
a,img {selector-dummy: expression(this.hideFocus=true);}
a,img,input{selector-dummy: expression(this.hideFocus=true);}
#contents { padding-top:11px; background:url('/html/images/img_main.gif') no-repeat center 11px; }
.mainTop { height:428px; margin-bottom:20px; }
.mainTop .step { position:relative; display:none; width:900px; height:324px; margin:0 auto; padding-top:84px; background:url('/html/images/bg_main_cont2.png') no-repeat 0 84px; }
.step.on, .step1.on, .step2.on, step3.on, step4.on { display:block; }
.step a { position:absolute; top:90px; overflow:hidden; display:block; height:290px; text-indent:-9999px; }
.step .link_psy { width:172px; left:22px; }
.step .link_counselling { width:153px; left:194px; }
.step .link_clinic { width:182px; left:347px; }
.step .link_spero { width:172px; left:529px; }
.step .link_expert { width:172px; left:701px; }
.stepCont { padding:83px 0 0 78px; }
.stepCont li { position:relative; float:left; display:none; }
.stepCont li .faq { padding:24px 31px 0 0; text-align:right; }
.stepCont li.step1 { z-index:900; width:65px; height:325px; background:url('/html/images/bg_uni.png') no-repeat; }
.stepCont li.step1 a { overflow:hidden; display:block; width:61px; height:247px; margin-top:39px; text-indent:-9999px; }
.stepCont li.step1_on { z-index:1000; width:650px; height:325px; background:url('/html/images/bg_psy_on.png') no-repeat; }
.stepCont li.step1_on ul { clear:both; height:42px; padding:70px 0 0 35px; }
.stepCont li.step1_on ul li { float:left; margin-right:10px; }
.stepCont li.step1_on ul li a { overflow:hidden; display:block; width:60px; height:42px; text-indent:-9999px; }
.stepCont li.step1_on div { clear:both; padding:84px 0 0 76px; }
.stepCont li.step1_on div input { vertical-align:middle; }
.stepCont li.step1_on div .name { width:48px; height:14px; margin-right:44px; padding:2px; border:0; background:transparent; }
.stepCont li.step1_on div .key { width:63px; height:14px; padding:2px; border:0; background:transparent; }
.stepCont li.step1_on div .ok { width:60px; height:23px; cursor:pointer; filter:alpha(opacity=0); opacity:0; }
.stepCont li.step2 { left:-7px; z-index:900; width:61px; height:325px; background:url('/html/images/bg_counselling.png') no-repeat; }
.stepCont li.step2_2 { left:0; z-index:900; width:69px; height:325px; background:url('/html/images/bg_counselling2.png') no-repeat; }
.stepCont li.step2 a, .stepCont li.step2_2 a { overflow:hidden; display:block; width:55px; height:247px; margin-top:39px; text-indent:-9999px; }
.stepCont li.step2_2 a { width:62px; }
.stepCont li.step2_on { z-index:1000; width:647px; height:325px; background:url('/html/images/bg_counselling_on.png') no-repeat; }
.stepCont li.step2_on table { margin:69px 0 12px 335px; border-right:1px solid #e5e5e5; background:url('/html/images/bg_calendar.gif') no-repeat; }
.stepCont li.step2_on table tr th { width:39px; height:19px; text-indent:-9999px; }
.stepCont li.step2_on table tr th.sun { border-left:1px solid #d69491; }
.stepCont li.step2_on table tr td { width:33px; height:20px; padding-left:6px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font:11px Tahoma; }
.stepCont li.step2_on table tr td.sun { color:#db2914; }
.stepCont li.step2_on table tr td.close { background:#eaeaea; }
.stepCont li.step2_on table tr td.reserve { background:#e8f8b0; }
.stepCont li.step2_on div { margin-left:339px; }
.stepCont li.step2_on div img { margin-right:22px; }
.stepCont li.step3 { left:-13px; z-index:800; width:67px; height:325px; background:url('/html/images/bg_spero.png') no-repeat; }
.stepCont li.step3 a { overflow:hidden; display:block; width:62px; height:247px; margin-top:39px; text-indent:-9999px; }
.stepCont li.step3_on { left:-8px; z-index:1000; width:651px; height:325px; background:url('/html/images/bg_spero_on.png') no-repeat; }
.stepCont li.step3_on ul { float:left; width:354px; margin:62px 28px 0 30px; }
.stepCont li.step3_on ul li { position:relative; z-index:1; clear:both; display:block; }
.stepCont li.step3_on ul li a { position:relative; z-index:1; display:block; overflow:hidden; width:129px; height:24px; text-indent:-9999px; background:url('/html/images/sprt_step3_tab.gif') no-repeat; }
.stepCont li.step3_on ul li a.tab1 { background-position:0 0; }
.stepCont li.step3_on ul li a.tab2 { background-position:0 -24px; }
.stepCont li.step3_on ul li a.tab3 { background-position:0 -48px; }
.stepCont li.step3_on ul li a.tab4 { background-position:0 -72px; }
.stepCont li.step3_on ul li a.tab5 { background-position:0 -96px; }
.stepCont li.step3_on ul li a.tab6 { height:25px; background-position:0 -120px; }
.stepCont li.step3_on ul li a.tab1:hover, .stepCont li.step3_on ul li a.tab1_on { background-position:-129px 0; }
.stepCont li.step3_on ul li a.tab2:hover, .stepCont li.step3_on ul li a.tab2_on { background-position:-129px -24px; }
.stepCont li.step3_on ul li a.tab3:hover, .stepCont li.step3_on ul li a.tab3_on { background-position:-129px -48px; }
.stepCont li.step3_on li a.tab4:hover, .stepCont li.step3_on ul li a.tab4_on { background-position:-129px -72px; }
.stepCont li.step3_on li a.tab5:hover, .stepCont li.step3_on ul li a.tab5_on { background-position:-129px -96px; }
.stepCont li.step3_on li a.tab6:hover, .stepCont li.step3_on ul li a.tab6_on { height:25px; background-position:-129px -120px; }
.stepCont li.step3_on ul li a.tab6:hover { z-index:1; }
.stepCont li.step3_on ul li div { position:absolute; top:-5px; left:128px; z-index:2; display:none; width:211px; height:157px; padding:16px 0 0 15px; background:url('/html/images/bg_step3_tab_cont.gif') no-repeat; }
.stepCont li.step3_on ul li div p { padding:20px 13px 0 0; text-align:right; }
.stepCont li.step3_on ul li.on { z-index:2; }
.stepCont li.step3_on ul li.on a { z-index:2000; }
.stepCont li.step3_on ul li.on div { display:block; z-index:1000; }
.stepCont li.step3_on .movie { margin-top:60px; }
.stepCont li.step4 { left:-18px; z-index:700; width:49px; height:325px; background:url('/html/images/bg_expert.png') no-repeat; }
.stepCont li.step4 a { overflow:hidden; display:block; width:45px; height:247px; margin-top:39px; text-indent:-9999px; }
.stepCont li.step4_on { left:-11px; z-index:1000; width:650px; height:325px; background:url('/html/images/bg_expert_on.png') no-repeat; }
.stepCont li.step4_on .schedule { float:left; width:228px; margin:56px 26px 0 181px; }
.stepCont li.step4_on .schedule ul { height:17px; }
.stepCont li.step4_on .schedule ul li { display:block; float:left; }
.stepCont li.step4_on .schedule ul li a { display:block; overflow:hidden; width:38px; height:13px; padding-top:4px; font-size:11px; text-align:center; background:url('/html/images/sprt_step4_tab.gif') no-repeat; }
.stepCont li.step4_on .schedule ul li a:hover, .stepCont li.step4_on .schedule ul li a.on { color:#2a85d5; text-decoration:none; background-position:-38px 0; }
.stepCont li.step4_on .schedule table { width:228px; margin-bottom:9px; border-top:2px solid #70a6ca; font-size:11px; }
.stepCont li.step4_on .schedule table tr th { height:22px; border-bottom:1px solid #d9d9d9; color:#3990bc; font-weight:bold; background:#edf3f6; }
.stepCont li.step4_on .schedule table tr td { height:20px; border-bottom:1px solid #d9d9d9; text-align:center; }
.stepCont li.step4_on .schedule p { text-align:right; }
.stepCont li.step4_on .case2 { float:left; margin-top:101px; }
.stepCont li.step4_on .case2 div { width:186px; margin-bottom:18px; text-align:center; }
.mainTop.s .step { display:block; }
.mainTop.s .middlewindow { position:absolute; top:390px; margin-left:80px; }
.mainTop.s1 .stepCont li.step1_on, .mainTop.s1 .stepCont li.step2, .mainTop.s1 .stepCont li.step3, .mainTop.s1 .stepCont li.step4 { display:block; }
.mainTop.s2 .stepCont li.step1, .mainTop.s2 .stepCont li.step2_on, .mainTop.s2 .stepCont li.step3, .mainTop.s2 .stepCont li.step4 { display:block; }
.mainTop.s3 .stepCont li.step1, .mainTop.s3 .stepCont li.step2_2, .mainTop.s3 .stepCont li.step3_on { display:block; }
.mainTop.s3 .stepCont li.step4 { left:-14px; display:block; }
.mainTop.s4 .stepCont li.step1, .mainTop.s4 .stepCont li.step2_2, .mainTop.s4 .stepCont li.step4_on { display:block; }
.mainTop.s4 .stepCont li.step3 { left:-3px; display:block; }
.mainBottom {}
.mainBottom h3 { padding-bottom:9px; }
.mainBottom .tab { overflow:hidden; width:100%; height:19px; margin-bottom:5px; }
.mainBottom .tab a { display:block; overflow:hidden; float:left; height:19px; margin-right:1px; text-indent:-9999px; }
.mainBottom .tab a.tab1 { background-position:0 0; }
.mainBottom .tab a.tab2 { background-position:-89px 0; }
.mainBottom .tab a.tab3 { background-position:-178px 0; }
.mainBottom .tab a.tab1:hover, .mainBottom .tab a.tab1_on { background-position:0 -19px; }
.mainBottom .tab a.tab2:hover, .mainBottom .tab a.tab2_on { background-position:-89px -19px; }
.mainBottom .tab a.tab3:hover, .mainBottom .tab a.tab3_on { background-position:-178px -19px; }
.mainLeft { display:inline; float:left; width:267px; margin:0 29px 0 54px; }
.mainLeft .more { padding-top:5px; text-align:right; }
.mainLeft .tab a { width:88px; background:url('/html/images/sprt_mainLeft_tab.gif') no-repeat; }
.mainLeft ul { padding:7px 0 0 7px; }
.mainLeft ul li { height:16px; padding-left:10px; background:url('/html/images/bul_plus.gif') no-repeat 0 3px; }
.mainLeft ul li a { color:#666666; }
.mainCenter { float:left; width:267px; margin-right:28px; }
.mainCenter .tab { margin-bottom:0; }
.mainCenter .tab a { width:88px; background:url('/html/images/sprt_mainCenter_tab.gif') no-repeat; }
.mainCenter ul { padding:7px 0 0 12px; }
.mainCenter ul li { height:16px; padding-left:10px; background:url('/html/images/bul_plus.gif') no-repeat 0 4px; }
.mainCenter ul li a { color:#999; font-size:11px; }
.mainCenter .area { width:264px; height:90px; padding-bottom:5px; border:1px solid #e1e1e1; border-top:0; }
.mainCenter .area .t { position:relative; width:251px; height:18px; padding:8px 0 0 13px; border-bottom:1px solid #e1e1e1; background:#f3f3f3; }
.mainCenter .area .t .btn { position:absolute; top:7px; right:13px; }
.mainCenter .area .more { padding:7px 12px 0 0; text-align:right; }
.mainRight { float:left; width:265px; }
.mainRight .wrap { position:relative; width:265px; height:102px; padding-top:12px; background:url('/html/images/bg_area.gif') no-repeat; }
.mainRight .wrap .up { position:absolute; top:0; left:97px; overflow:hidden; display:block; width:71px; height:15px; text-indent:-9999px; }
.mainRight .wrap .down { position:absolute; bottom:0; left:97px; overflow:hidden; display:block; width:71px; height:15px; text-indent:-9999px; }
.mainRight .more { padding:0 12px 0 0; text-align:right; }
.mainRight .wrap .list { position:absolute; top:13px; width:265px; height:76px; overflow-y:hidden;}
.mainRight ul { padding:10px 0 0 19px; }
.mainRight ul li { height:16px; padding-left:18px; background:url('/html/images/community/ico_menu.gif') no-repeat 0 5px; }
.mainRight ul li a { color:#999; line-height:24px;font-weight:bold;}
.mainRight ul li a:hover { color:#58a2c8;}
.main_banner { width:654px; height:72px; position:relative; margin:17px 0 0 54px; float:center; }
.main_banner li { padding-right:10px; display:inline; }
.main_banner_rolling {position:absolute; margin: -72px 0 0 707px;}