@import url(common.css);
@media print { .noPrint { display:none; } } 

.wrapperBg{position: absolute; top: 0; left:0; width:100%; z-index:3000;}
.goBody{position: absolute; top: 0; left:0; width: 100%; height: 60px; line-height: 60px; text-align: center; background:#ffe42f; color: #544939; font-size: 20px; font-weight: bold; z-index: 20000;}
.loadingW{position: absolute; top: 0; left:0; width:100%; z-index:3000; background:url("/images/front/icon/loading_bg.png") repeat 0 0}
.loadingD {position:absolute; top:50%; left:0; width:100%; text-align:center; margin:auto; margin-top:-90px; z-index:5000}
.loadingD div {width:252px; height:135px; margin:0 auto; background:#fff; padding:45px 0 0; border-radius:10px}
.loadingD div p {margin-top:10px; font-size:17px}
#wrap {width:100%; overflow:hidden; min-width:980px; margin:0 auto;}
#header {width:100%; margin:0 auto;}
.headerD{position:relative; width:980px; padding:28px 0; margin:0 auto;}
.headerD .uillL {position:absolute; top:10px; right:220px; }
.headerD .uillL li {float:left; padding:0 15px 0 13px; background:url('/images/front/icon/gBar1x10_bu.gif') no-repeat 0 7px;}
.headerD .uillL li:first-child{background:none;}
.headerD .uillL li a{font-size:13px; color:#666;}
.headerD .fontSizeD {position:absolute; top:11px; right:135px;}
.headerD .gnbD ul{position:absolute; top:50px; right:120px}
.headerD .gnbD li{position:relative; float:left; padding:0 15px;}
.headerD .gnbD a.oneD {font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; color:#333; font-size:21px; letter-spacing:-0.5px; display:block; width:100%; height:51px; }
.headerD .gnbD a.oneD.on {background:url('/images/front/icon/gnbBox_bu.gif') no-repeat center bottom;}
.headerD .gnbD .twoD {display:none; position:absolute; top:50px; left:0; padding:20px 0; width:150px; border:1px solid #ccc; border-top:2px solid #4282d2;  text-align:center; background:#fff; z-index:1000}
.headerD .gnbD .twoD a {display:block; padding:0 10px 0 12px; color:#333; font-size:15px; line-height:31px; text-align:left;}
.headerD .gnbD .twoD a .gBu{padding:0 0 0 10px;}
.headerD .gnbD .twoD a:hover {color:#0f5dbe; text-decoration:underline; font-weight:bold;}
.headerD .gnbD .twoD a:hover .gBu{ background:url('/images/front/icon/gnbTwoD_bu.png') no-repeat 0 6px;}
.headerD .myPageD {position:absolute; top:0; right:0;}
.headerD .myPageD a.oneD {display:block; padding:60px 0 0; width:100px; height:40px; text-align:center; font-size:15px; color:#fff; background:url('/images/front/icon/gMypage_bg.png') no-repeat 0 0;}
.headerD .myPageD a.oneD.on {background:url('/images/front/icon/gMypage_bg.png') no-repeat center bottom;}

.headerD .myPageD .mpTwoD {display:none; position:absolute; top:100px; right:0; width:180px; padding:20px 0; background:#179f8b; text-align:left; z-index:1000}
.headerD .myPageD .mpTwoD a{display:block; display:block; padding:0 10px 0 12px; color:#fff; font-size:15px; line-height:33px;   text-align:left;}
.headerD .myPageD .mpTwoD a .gBu{padding:0 0 0 10px;}
.headerD .myPageD .mpTwoD a:hover .gBu{ background:url('/images/front/icon/gMypageTwoD_bu.png') no-repeat 0 6px;}
.headerD .myPageD .mpTwoD a:hover {text-decoration:underline; font-weight:bold;}

.visualW{position:relative; width:1280px; margin:0 auto; height:425px; overflow:hidden;}
.visualW .w980{position:relative;}
.visualW .visD {position:absolute; top:0; width:100%; height:100%; left:100%;}
.visualW .visD:first-child{left:0;}
.visualW .visD .tit1 {position:absolute; top:80px; left:0;}
.visualW .visD .tit2 {position:absolute; top:136px; left:0;}
.visualW .visD .txt1 {position:absolute; top:195px; left:0;}
.visualW .visBtD {position:absolute; top:265px; left:150px}
.visualW .visBtD .bt {padding:0 0 0 10px; background:url('/images/front/icon/visualBar_bu.png') no-repeat 0 50%;}
.visualW .visBtD .bt:first-child{padding:0; background:none;}
.visualW .visBtD .palyBt {display:inline-block; margin:0 0 0 14px; width:20px; height:19px; background:url('/images/front/icon/visualPlayBt_bu.png') no-repeat 0 0; text-indent:-99999px;}
.visualW .visBtD .palyBt.on {background-image:url('/images/front/icon/visualPlayBt_bu_on.png');}

#contaniner {width:100%; margin:0 auto; overflow:hidden;}
.mConD {position:relative; width:1280px; margin:0 auto; overflow:hidden;}
.mNotiD {width:450px; padding:30px 30px 0 150px; height:179px; float:left; border-bottom:1px solid #e2e6d2; background:#f4f6eb;}
.mNotiD .posR {padding:65px 0 0; background:url('/images/front/icon/mNotiBar_bg.gif') repeat-x 0 38px;}
.mNotiD .mTabBt {position:absolute; top:0; left:0; width:122px; height:38px; line-height:42px; font-size:17px; color:#5f605a; border-radius:5px 5px 0 0; border:1px solid #babea9; border-bottom:0; background:#dfe1d5;}
.mNotiD .mTabBt.on {width:122px; height:40px; line-height:40px; color:#010101;font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; border:2px solid #aaaf95; border-bottom:0; background:#f4f6eb;}
.mNotiD .mTabBt.mt2{left:124px;}
.mNotiD .mTabD li {width:442px; overflow:hidden; margin:0 0 11px; padding:0 0 0 8px; background:url('/images/front/icon/gDot3x3_bu.png') no-repeat 0 9px;}
.mNotiD .mTabD li .con {display:block; width:342px; float:left; color:#333}
.mNotiD .mTabD li .date {display:block; width:100px; float:right; text-align:right; font-size:16px; color:#666; letter-spacing:-0.5px;}
.mNotiD .mTabD .mMoreBt {position:absolute; top:0; right:0;width:20px; height:38px; text-align:right;}
.mQuickD {width:491px; overflow:hidden; padding:53px 150px 0 9px; height:157px; float:left; background:#4282d2;}
.mQuickD li {padding:0 20px; float:left; text-align:center; background:url('/images/front/icon/mQuick_bar.gif') no-repeat 0 0;}
.mQuickD li:first-child{background:none;}
.mQuickD li img{display:block;}
.mQuickD li span{display:block; margin:10px 0 0; color:#fff}

#footer {width:100%; margin:0 auto;}
.footerD{position:relative; width:720px; padding:20px 0 0 260px;  height:72px; margin:0 auto; font-size:14px; color:#777; background:url('/images/front/h_fLogo.gif') no-repeat 0 16px;}
.footerD .fUtillL {margin:0 0 7px;}
.footerD .fUtillL a {color:#333;}
.footerD .fUtillL a:first-child {display:inline-block; padding:0 10px 0 0; margin:0 10px 0 0; background:url('/images/front/icon/listBar1x13_bu.gif') no-repeat right 3px;}

/*sub*/
.subNaviD {width:100%; margin:0 auto; overflow:hidden; background:#f4f6eb; border-top:1px solid #e2e6d2; border-bottom:1px solid #e2e6d2; height:40px; line-height:40px;}
.subNaviD li {float:left; padding:0 20px 0 31px; font-size:13px; color:#5f605a; background:url('/images/front/icon/naviRow_bu.gif') no-repeat 0 50%;}
.subNaviD li:first-child{padding-left:0; background:none;}
.subNaviD li img {position:relative; top:12px; display:inline-block;}
.subBody {margin:0 auto; padding:50px 0 0; overflow:hidden; border-bottom:1px solid #ccc;}
.lnbD {float:left; width:200px;}
.lnbD h2{padding:6px 0 30px; font-size:26px; font-weight:normal; color:#333; line-height:24px; letter-spacing:-2px; border-bottom:1px solid #ccc}
.lnbD ul li > a{padding:0 0 1px; display:block; height:52px; line-height:52px; font-size:18px; letter-spacing:-0.5px; color:#333; background:url('/images/front/icon/lnbRow_bu.gif') no-repeat 0 bottom;}
.lnbD ul li.on >  a,
.lnbD ul li > a:hover{font-weight:bold; color:#0f5dbe; background-image:url('/images/front/icon/lnbRow_bu_on.gif')}
.lnbD ul li .thrD {display:none; padding:8px 20px; background:#5eb5a8;}
.lnbD ul li.on .thrD {display:block;}
.lnbD ul li.on .thrD a {display:block; font-size:15px; color:#fff; letter-spacing:-0.5px; line-height:35px; border-top:1px dotted #afdad4}
.lnbD ul li.on .thrD a:first-child{border-top:0;}
.lnbD ul li.on .thrD a.on,
.lnbD ul li.on .thrD a:hover {padding:0 25px 0 0; background:url('/images/front/icon/lnbThrD_bu.gif') no-repeat right 14px;}

.subCon {position:relative; float:left; width:740px; margin:0 0 0 40px; }
.subTop {padding:0 0 25px; background:url('/images/front/icon/subTopRow_bu.gif') no-repeat 0 bottom;}
.subTop h3{font-size:36px; font-weight:bold;  line-height:1; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;  color:#805833; letter-spacing:-0.5px;}
.substance {padding:0 0 70px;}

.qTxt{font-size:18px; color:#0f5dbe; font-weight:bold; line-height:40px}
.qTxt img{margin-right:10px}
.aTxt{color:#333; overflow:hidden; margin-top:2px}
.aTxt p{float:left}
.aTxt p.txt{margin-left:10px;margin-top:9px;color:#333;line-height:25px}
.guideTxt{line-height:25px; color:#333}
.txtBg{height:200px; background:url("/images/front/icon/room_img2.jpg") no-repeat right 0}
.txtBg2{height:200px; background:url("/images/front/icon/room_img3.jpg") no-repeat right 0}
.txtBg3{height:200px; background:url("/images/front/icon/room_img7.jpg") no-repeat right 0}

.diseaseArea{width:700px; height:548px; background:url("/images/front/icon/smkClinic_img.jpg") no-repeat 0 0; text-indent:-99999px}
.progArea{width:700px; height:410px; background:url("/images/front/icon/program_img.jpg") no-repeat 0 0; text-indent:-99999px}
.progArea2{width:700px; height:262px; background:url("/images/front/icon/program_img2.jpg") no-repeat 0 0; text-indent:-99999px}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.termsDiv .tit{color:#0f5dbe; font-size:18px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; margin:45px 0 15px}
.termsDiv .txt{color:#666; padding-left:20px; line-height:25px; letter-spacing:-0.5px}

/* ¿¡·¯ÆäÀÌÁö */
.errorWrap{padding-top:100px}
.errorWrap .error{width:798px; margin:auto; margin-top:60px; border:1px solid #ddd; padding:60px; text-align:center}
.errorWrap .error .tit{padding-top:95px; font-size:50px; font-weight:bold; color:#0f5dbe; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; background:url("/images/front/icon/error_icon.gif") no-repeat center top}
.errorWrap .error .txt1{color:#0f5dbe; font-size:22px; padding-top:30px; background:url("/images/front/icon/bar69x2.gif") no-repeat center top; margin-top:20px}
.errorWrap .error .txt2{color:#666; font-size:15px; line-height:23px}

/* À¯¼Ò°ßÀÚ »çÈÄ°ü¸® ÅÇ1 */
.topDiv{overflow:hidden; padding:21px 0 5px 19px}
.topDiv .borderBox{float:left;padding-right:39px; background:url("/images/front/icon/line.gif") no-repeat 195px 20px}
.topDiv .borderBox p{display:block; width:183px; color:#333; padding:6px 0 7px 11px; text-align:left; border:1px solid #ddd; border-radius:5px}
.topDiv .right{float:left}
.topDiv .right .brownBox{width:195px; padding:7px 0 8px; border-radius:5px; background:#94775d; color:#fff;}
.bottomDiv{overflow:hidden; padding:6px 0 20px 19px}
.bottomDiv .popBtBox{float:left;width:195px; padding-right:19px; background:url("/images/front/icon/line2.gif") no-repeat right 20px;}
.bottomDiv .popBtBox .popA{display:block; width:173px; color:#333; padding:6px 0 7px 20px; text-align:left; border:1px solid #ddd; border-radius:5px; background:url("/images/front/icon/popBt_icon.png") no-repeat 167px center}
.bottomDiv .right{float:left;width:195px;padding:68px 0 0 20px}
.bottomDiv .right .blueBox{width:195px; padding:7px 0 8px; border-radius:5px; background:#0f5dbe; color:#fff;}

.flowDiv{overflow:hidden; padding-left:20px; background:url("/images/front/icon/flow_img.gif") no-repeat 40px 16px}
.flowDiv .flow{float:left}
.flowDiv .flow .tit{width:215px; padding:6px 10px 11px; height:18px; text-align:center; background:url("/images/front/icon/flowTit_bg.gif") no-repeat 0 0; color:#fff; font-size:16px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif}
.flowDiv .flow .tit span{font-size:14px; font-family:'HDmodernL', 'dotum',"µ¸¿ò",sans-serif; letter-spacing:-0.5px}
.flowDiv .flow .tit.type2{background:url("/images/front/icon/flowTit_bg2.gif") no-repeat 0 0}
.flowDiv .flow .tit.type3{background:url("/images/front/icon/flowTit_bg3.gif") no-repeat 0 0}
.flowDiv .flow div{padding-top:12px; background:url("/images/front/icon/bar1x12.gif") no-repeat 50% 0}
.flowDiv .flow div ul{border:1px solid #ddd; border-radius:10px; padding:10px 0 9px 12px}
.flowDiv .flow div ul li{font-size:14px; color:#333; padding-left:10px; line-height:23px; background:url("/images/front/icon/dot4x4.gif") no-repeat left 9px}
.flowDiv .flow.f1{margin-right:125px}
.flowDiv .flow.f3{margin-top:30px; margin-right:93px}
.flowDiv .flow.f4{margin-top:30px}
.flowDiv .flow.f4 .tit{margin-left:32px}
.flowDiv .flow.f1 div, .flowDiv .flow.f3 div{padding-left:20px}
.flowDiv .flow.f2 div{padding-left:6px}
.flowDiv .flow.f1 ul, .flowDiv .flow.f3 ul{width:181px}
.flowDiv .flow.f2 ul{width:203px}
.flowDiv .flow.f4 ul{width:285px}

/* »çÀÌÆ®¸Ê */
.siteMap{overflow:hidden; margin-top:70px}
.siteMap .siteS{overflow:hidden; width:100%;}
.siteMap dl{float:left; width:220px; margin-left:40px; text-align:left}
.siteMap dl dt{font-size:18px; color:#333; text-align:center; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; background:#f9f7e9; border:1px solid #d4d1bd; border-radius:10px; padding:13px 0 14px; margin-bottom:12px}
.siteMap dl dd{border-bottom:1px solid #ddd; padding:10px 25px; font-size:16px; color:#333}
.siteMap dl dd > a{display:block; font-size:16px; color:#333}
.siteMap dl dd > a:hover, .siteMap dl dd > a:focus, .siteMap dl dd > a:active{color:#0f5dbe}
.siteMap dl dd div{margin-top:5px}
.siteMap dl dd div a{display:block; color:#666; font-size:15px; line-height:28px; padding-left:11px; background:url("/images/front/icon/gDot3x3_bu2.gif") no-repeat 2px 12px}
.siteMap dl dd div a:hover{color:#0f5dbe}

/*»ê¾÷º¸°Ç¼¾ÅÍ ¼Ò°³*/
.outlineD li{width:100%; overflow:hidden; margin:16px 0 0}
.outlineD li .imgA {float:left; width:150px; margin:0 20px 0 0;}
.outlineD li .infoA {float:left; width:570px; padding:30px 0 0; color:#333; line-height:25px;}
.outlineD li .infoA .titA {margin:0 0 11px; font-size:22px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; letter-spacing:-0.5px; line-height:23px;}
.historyD {padding:432px 0 0; background:url('/images/front/icon/history_bg.jpg') no-repeat 0 0;}
.historyD dl{width:100%; overflow:hidden; margin:16px 0 0;}
.historyD dl dt {float:left; width:122px; padding:0 0 2px 20px; font-size:28px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; letter-spacing:-0.5px; color:#0f5dbe; background:url('/images/front/icon/sTit2_bu.gif') no-repeat 10px 16px;}
.historyD dl dd {float:left; width:598px; color:#222; line-height:25px; padding:5px 0 0;}
.floorW.one .floorD {position:relative; width:100%; height:286px; background:url('/images/front/icon/introFloor1_bg.gif') no-repeat 0 0;}
.floorW.one .floorD .roomBt {position:absolute; top:0; left:55px; width:131px; height:142px;}
.floorW.one .floorD .roomBt img{display:none;}
.floorW.one .floorD .roomBt.on img{display:block;}
.floorW.one .floorD .roomBt.bt2 {top:220px; left:185px; width:92px; height:65px;}
.floorW.one .floorD .roomBt.bt3 {top:220px; left:277px; width:168px; height:65px;}
.floorW.one .floorD .roomBt.bt4 {top:185px; left:589px; width:150px; height:99px;}
.floorW.one .floorD .roomBt.bt5 {top:140px; left:589px; width:71px; height:46px;}
.floorW.one .floorD .roomBt.bt6 {top:95px; left:589px; width:71px; height:45px;}
.floorW.one .floorD .roomBt.bt7 {top:0; left:452px; width:145px; height:65px;}
.floorW.one .floorD .backDoor {position:absolute; top:18px; left:175px;}
.floorW.two .floorD {position:relative; width:100%; height:286px; background:url('/images/front/icon/introFloor2_bg.gif') no-repeat 0 0;}
.floorW.two .floorD .roomBt {position:absolute; top:97px; left:220px; width:155px; height:98px;}
.floorW.two .floorD .roomBt img{display:none;}
.floorW.two .floorD .roomBt.on img{display:block;}
.floorW.two .floorD .roomBt.bt2 {top:97px; left:562px; width:85px; height:98px;}
.floorInfoT .nameA {font-size:17px; color:#333; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; }
.floorInfoT .staffA {display:inline-block; margin:0 0 0 10px; font-size:14px; color:#805833;}
.floorInfoT .treatA {margin:2px 0 0; line-height:15px; font-size:13px; color:#666;}

/*Áø·á¾È³»*/
.explanationD{position:relative; width:740px; height:388px; background:url("/images/front/icon/location_bg.jpg") no-repeat 0 0}
.explanationD .moveIcon{position:absolute; top:173px; left:453px}
.explanationD a.reStart{position:absolute; top:-41px; right:0}
.explanationD2{width:740px; height:900px; background:url("/images/front/txt/order_txt.jpg") no-repeat 20px 0; text-indent:-99999px}


/*ÀÇÇÐÁ¤º¸*/
.seasonW {width:100%; overflow:hidden;}
.seasonW .tabBtD {margin:30px 0 0;} 
.seaTabBt {width:182px; height:256px; margin:0 0 0 4px; background:url('/images/front/btn/seaTab_bt1.png') no-repeat 0 0; text-indent:-99999px;}
.seaTabBt.bt2 {background-image:url('/images/front/btn/seaTab_bt2.png');}
.seaTabBt.bt3 {background-image:url('/images/front/btn/seaTab_bt3.png');}
.seaTabBt.bt4 {background-image:url('/images/front/btn/seaTab_bt4.png');}
.seaTabBt.bt1.on {background-image:url('/images/front/btn/seaTab_bt1_on.png');}
.seaTabBt.bt2.on {background-image:url('/images/front/btn/seaTab_bt2_on.png');}
.seaTabBt.bt3.on {background-image:url('/images/front/btn/seaTab_bt3_on.png');}
.seaTabBt.bt4.on {background-image:url('/images/front/btn/seaTab_bt4_on.png');}
.seaTabBt.bt1 {margin:0;}
.seasonBox {padding:25px 30px; width:680px; color:#333; line-height:25px; background:#fef1f3;}
.seasonBox.box2 {background:#ebf6fc;}
.seasonBox.box3 {background:#f8f0e3}
.seasonBox.box4 {background:#f2eeed}
.fallD {min-height:137px; background:url('/images/front/icon/fallD_bg.gif') no-repeat 513px 25px;}
.fallD2 {min-height:127px; background:url('/images/front/icon/fallD_bg2.gif') no-repeat 545px 32px}
.sClinicInfoD1 {padding:0 280px 20px 0; min-height:215px; background:url('/images/front/icon/sClinicInfoD_bg.jpg') no-repeat right 50px;}
.sClinicInfoD2 {padding:0 280px 20px 0; min-height:215px; background:url('/images/front/icon/sClinicInfoD2_bg.jpg') no-repeat right 50px;}

/* ¸¶ÀÌÆäÀÌÁö */
.mypageW {padding: 0 0 70px;}
.reserveS.borT {border-top:1px solid #ddd;}
.checkupTitA {width:100%; overflow:hidden; padding:13px 0 0}
.checkupTitA .titA {float:left; width:100px; padding:3px 0 0;}
.checkupTitA .dateA{float:left; width:610px; line-height:28px; padding:3px 0 0; letter-spacing:1px;}
.checkupTitA .dateA span.bar{font-family:'HDmodernL', 'dotum',"µ¸¿ò",sans-serif; font-size:20px; font-weight:normal;}
.anaReTx {color:#179f8b; letter-spacing:-0.5px; text-decoration:underline}
.myTopInfoD {width:940px; padding:19px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.myTopInfoD .leftA {float:left; width:260px; height:290px; background:url('/images/front/icon/emoticonA_bg.png') no-repeat 0 0;}
.myTopInfoD .rightA {float:left;  width:680px}
.manInfoL {width:100%; overflow:hidden;}
.manInfoL li {float:left; width:189px; min-height:122px; border-left:1px dashed #ccc; text-align:center;}
.manInfoL li:first-child{padding:0 0 0 18px; width:282px; border:0; text-align:left;}
.manInfoL .mInfoA dt{font-size:25px; line-height:24px; color:#333; letter-spacing:-0.5px;}
.manInfoL .mInfoA dd{line-height:24px; color:#333;  letter-spacing:-0.5px;}
.manInfoL .circleA {padding:18px 15px 25px; width:68px; height:55px; margin:0 auto; border-radius:60px; border:6px solid #d1e3f9}
.manInfoL .circleA dt{font-size:13px; letter-spacing:-0.5px; color:#555; line-height:24px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; }
.manInfoL .circleA dd{margin:2px 0 0; font-size:33px; letter-spacing:-0.5px;color:#0f5dbe; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; }
.bmIA {margin:26px 0 0; border-top:1px dashed #ccc; padding:22px 0 0;}
.bmiBarA {position:relative; margin:5px 0 0 20px; width:640px; height:66px; padding:17px 0 0 0; background:url('/images/front/icon/bmiBar_bg.png') no-repeat right bottom;}
.myBar {position:absolute; top:0; left:0; margin-left:-23px; padding:2px 0 0; width:46px; height:36px; font-size:13px; color:#fff; letter-spacing:-1px; text-align:center; background:url('/images/front/icon/myBar_bg.png') no-repeat 0 0}
.mypageD {margin:20px 0 0; width:100%; overflow:hidden;}
.mypageD > .rBox {position:relative; float:left; width:440px; margin:0 0 0 20px}
.mypageD > .rBox:first-child{margin:0;} 
.mypageD .rBox.bgWhite {padding:26px 15px 25px 20px}
.mypageD .rBox.bgWhite .fr{height:22px}
.mypageD .rBox.bgWhite .fr a img{vertical-align:middle; margin-top:-2px;}
.mypageD .rBox.bgWhite .resCheckBt {padding:0 9px 0 0; border-right:1px dashed #ccc; margin:0 10px 0 0; color:#805833;}
.mypageD .rBox.bgWhite .resCheckBt span{border-bottom:1px solid #805833;}
.mypageD .rBox.bgWhite .checkWrBt {color:#0f5dbe}
.mypageD .rBox.bgWhite .checkWrBt span{border-bottom:1px solid #0f5dbe}
.mypageD .moreBt {display:block; position:absolute; top:16px; right:16px;  line-height:20px; text-align:center;}
.mypageD2 {margin:20px 0 0; width:100%; overflow:hidden;}
.mypageD2 .rBox{position:relative; float:left; width:273px; margin:0 0 0 20px; padding:22px 20px; text-align:center; background:#e9eef1;}
.mypageD2 .rBox:first-child{margin:0;}
.mypageD2 .rBox .goLink {margin:10px 0 0; font-size:13px;}
.mypageD2 .rBox .goLink a {display:inline-block; padding:0 10px 0 0; background:url('/images/front/icon/viewRow_bu.png') no-repeat right 2px;}
.mypageD2 .rBox .goLink a span{border-bottom:1px solid #666}
.mypageD2 .rBox .goLink span {font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;}
.mypageD2 .moreBt {display:block; position:absolute; top:16px; right:16px;  line-height:20px; text-align:center;}
.reserveD{margin:30px 0 0; width:100%; overflow:hidden;}
.reserveD .resBox{padding:0; width:231px; text-align:center; }
.reserveD .resBox .topA{font-size:20px; color:#333; padding:19px 27px; width:175px; overflow:hidden; border:1px solid #d4d1bd; border-radius:10px 10px 0 0; } 
.reserveD .resBox .topA p.titA {float:left; width:93px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;}
.reserveD .resBox .topA p.iconA {float:left; width:80px;}
.reserveD .resBox .btnA {padding:15px 19px; width:191px; background:#f9f7e9; border:1px solid #d4d1bd; border-top:0; border-radius:0 0 10px 10px; }
.reserDefD {position:relative;}
.reserDefD .reserShowBt{position:absolute; top:4px; right:10px; width:25px; height:25px; background:url('/images/front/icon/reserveR_bu.gif') no-repeat 0 0;}
.reserDefD .reserShowBt.on{background-image:url('/images/front/icon/reserveR_bu_on.gif')}
.reserDefD .reserDate{display:inline-block; margin:0; position:relative; top:3px; letter-spacing:0.5px;}
.reserveArea {width:100%; }
.reserveArea .leftA{float:left; }
.monArea {position:relative; height:45px; line-height:46px; border:1px solid #ccc; border-radius:10px 10px 0 0; font-size:18px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;  text-align:center;}
.monArea .mBtL {position:absolute; top:13px; left:19px;}
.monArea .mBtR {position:absolute; top:13px; right:19px;}
.boradMonthT {overflow:hidden; position:relative; border-radius:0 0 10px 10px; border:1px solid #d4d1bd; border-top:none; } 
.boradMonthT thead th {height:42px; line-height:43px; font-weight:normal; color:#fff; background:#485360;}
.boradMonthT tbody td {height:42px; line-height:43px; text-align:center; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; }
/*.boradMonthT tbody tr td:first-child {border-left:1px solid #ccc;}*/
.boradMonthT tbody td button {display:block; text-align:center; width:41px; height:42px;}
/*
.boradMonthT tbody td.last{background:#f0f0f0;}
.boradMonthT tbody td.last button{color:#888}
.boradMonthT tbody td button{color:#333; letter-spacing:-0.5px;}
*/
.boradMonthT tbody td.last{background:#DDD;}
.boradMonthT tbody td.last button{color:#AAA;font-weight:normal;}
.boradMonthT tbody td button{color:#333; letter-spacing:-0.5px;font-weight:bold;}

.boradMonthT tbody td.end {border-right:0;}
/*
.boradMonthT tbody td.end button{color:#0f5dbe;}
*/
.boradMonthT tbody td.end button{color:#0f5dbe;font-weight:normal;}
/*
.boradMonthT tbody tr td:first-child button,
.boradMonthT tbody tr td.rest button{color:#ea172f !important;}
*/
.boradMonthT tbody tr td:first-child button,
.boradMonthT tbody tr td.rest button{color:#ea172f !important;font-weight:normal;}
.boradMonthT tbody tr td.today button{border:3px solid #93bbee; }
.boradMonthT tbody tr td.holiday button{color:#179f8b !important}
.boradMonthT tbody tr td.holiday.on button{color:#179f8b !important}
.boradMonthT tbody tr td.on {background:#0f5dbe; color:#fff !important}
.boradMonthT tbody tr td.on button{color:#fff !important}
.boradMonthT .brNo{border-right:none;}
.boradMonthT .btNo,
.boradMonthT .btNo,
.boradMonthT .endRow td,
.boradMonthT .endRow th {border-bottom:none;}
.reserveArea .rightA{float:left; margin:0 0 0 20px; padding:17px 0 0;}
.reserveArea .rightA dd {padding:0 0 0 15px; color:#666; }
.reserveArea .rightA dd select {width:100px; padding:6px 6px;}
.reserveArea .rightA .reserTime {color:#ea172f; font-size:18px; letter-spacing:0.5px;}
.recordL li{padding:13px 5px 13px 19px; border-top:1px solid #ddd;}
.recordL li:first-child{border-top:none;}
.recordL li span{display:inline-block; margin:0 0 0 10px;}
.recordL li span:first-child{margin:0;}
.standbyBu{display:inline-block; width:60px; height:21px; font-size:15px; line-height:22px; text-align:center; background:#e1ebf9; color:#0f5dbe; letter-spacing:-0.5px; border-radius:10px;}
.processBu{display:inline-block; width:60px; height:21px; font-size:15px;  line-height:22px; text-align:center; background:#fadfe2; color:#ea172f; letter-spacing:-0.5px; border-radius:10px;}
.endBu{display:inline-block; width:60px; height:21px; font-size:15px; line-height:22px; text-align:center; background:#efefef; color:#333; letter-spacing:-0.5px; border-radius:10px;}
.answerD {width:700px; padding:20px; overflow:hidden; color:#333; border-radius:10px; background:#e2f5f2; margin-top:20px}
.answerD .replyBu {float:left; width:50px; height:50px; line-height:51px;  margin:0 20px 0 0; text-align:center; color:#fff; background:url('/images/front/icon/replyBu_bg.png') no-repeat 0 0;}
.answerD .answerA {float:left; width:630px; margin:5px 0 0; line-height:25px;}
.answerD .ansInfoA {margin:5px 0 0; font-size:13px; color:#666;} 
.answerD .ansInfoA .bar {margin:0 10px}
.answerD .answerA .fileD {margin:30px 0 0;}
.answerD .answerA .fileD a{display:inline-block; margin:0 10px 5px 0; padding:0 9px; height:28px; line-height:29px; font-size:13px; border:1px solid #e0e0e0; border-radius:5px; background:#f3f3f3;}
.finish{padding:46px 0 64px 0;border:1px solid #ddd; border-radius:12px; text-align:center}
.finish .tit{font-size:24px; color:#0f5dbe; font-weight:bold}
.finish .txt{font-size:18px; line-height:28px; color:#333}
.surveyboardA {width:100%; overflow:hidden; position:relative; border-radius:10px; border:1px solid #b2bfd0} /* ±âº» ³»¿ë Å×À̺í */
.surveyboardA thead th {height:44px; line-height:45px; color:#0f5dbe; text-align:center; font-weight:normal; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;  border-bottom:1px solid #b2bfd0; border-right:1px solid #b2bfd0; background:#edf5ff;}
.surveyboardA tbody th,
.surveyboardA tbody td {padding:0; line-height:25px; text-align:left; color:#333; font-weight:normal; border-bottom:1px solid #b2bfd0; border-right:1px solid #b2bfd0; vertical-align:top}
.surveyboardA tbody th{text-align:center; padding:9px 0 10px; background:#f7f7f7;}
.surveyboardA tbody td .titA {padding:9px 20px 10px; background:#f7f7f7;}
.surveyboardA tbody td ul li {overflow:hidden; width:100%; border-top:1px solid #b2bfd0; }
.surveyboardA tbody td ul li p{float:left; width:358px; border-right:1px solid #b2bfd0; padding:9px 20px 10px}
.surveyboardA tbody td ul li .surN,
.surveyboardA tbody td ul li .surP {width:99px; padding:9px 0 10px; text-align:center; }
.surveyboardA tbody td ul li .surP {border-right:0;}
.surveyboardA tbody td ul li.surSumA {color:#ea172f}
.surveyboardA tbody td ul li .surPopBt{display:inline-block; padding:0 15px; height:30px; line-height:31px; border-radius:5px; color:#fff; letter-spacing:-0.5px; background:#94775d;}
.surveyboardA .brNo{border-right:none;}
.surveyboardA .btNo,
.surveyboardA .btNo,
.surveyboardA .endRow td,
.surveyboardA .endRow th {border-bottom:none;}
.surAnswerBox { color:#333}
.surAnswerBox .surAnsTit{padding:15px 20px 12px; border:1px solid #c4cdda;  border-radius:15px 15px 0 0; background:#f7f7f7}
.surAnswerBox .surAnsD {padding:14px 20px; font-size:13px; line-height:21px; border:1px solid #c4cdda;  border-top:0; border-radius:0 0 15px 15px;}
.surCheckD {width:100%; overflow:hidden;}
.surCheckD .leftA{float:left; width:360px; margin:0 20px 0 0}
.surCheckD .leftA.type2{width:740px}
.surCheckD .rightA{float:left; width:360px;}
.resultAgrA label{color:#333; font-family:'HDmodernL', 'dotum',"µ¸¿ò",sans-serif}
.resultAgrA input[type="checkbox"] {display:inline-block; margin:-3px 0 0 30px;}
.pageD {margin:45px 0 0; padding:50px 0 0; border-top:1px solid #ddd}
.generalP2 .pageD {margin:65px 0 0; padding:50px 0 0; border-top:1px solid #ddd}
.pageD.pg1 {padding:0; border-top:0; margin:0}
.pageD.pg2 img{margin-top:0; vertical-align:top}
.pageD.pg2 .head{overflow:hidden}
.pageD.pg2 .head .tit{float:left; width:175px; padding:4px 0 2px; background:#546da6; color:#fff; font-size:16px; font-weight:bold; text-align:center}
.pageD.pg2 .head .txt{float:right; height:27px; vertical-align:bottom}
.mediResultW {width:600px; overflow:hidden; margin:30px auto 0; padding:67px 49px 52px; border:1px solid #ddd}
.mediResultW_2018 {width:700px; overflow:hidden; margin:30px auto 0; padding:50px 30px 50px 30px; border:1px solid #ddd}
.mediResultW .InCheckImg img {margin:-1px 1px 0 0 }
.mResltBox {padding:5px 8px 7px; border:1px solid #929292; width:582px; overflow:hidden;}
.mResltBox img{position:relative; top:5px}
.mResInfo {margin:0 0 0 10px;}
.mResInfo:first-child {margin:0;}
/*.pageD.pg2 .mResInfo img{vertical-align:middle; margin-top:-2px;}*/
.txtInputA {display:inline-block; padding:0 4px 0 6px; letter-spacing:-0.5px; font-size:14px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif}
.txtInputA.style2 {color:#333; font-size:16px;}
.txtInputA.padW0{padding:0;}
.txtInputA.padR0{padding-right:0;}
.mOptionBox {padding:7px 16px; background:#e9e8e6; border-radius:8px; width:568px; overflow:hidden;} 
.mOptionBox .titA {float:left; width:40px; padding:3px 0 0;}
.mOptionBox .checkL {float:left; width:523px; overflow:hidden; margin:0 0 0 5px;}
.mOptionBox .checkL li{float:left; margin:0 18px 0 0;}
.mediResA img {vertical-align:middle; margin:-2px 0 0}
.mediResA {line-height:23px; color:#202020; letter-spacing:-0.8px; font-size:14px; font-weight:bold;  font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif}
.mediResA .ansA {padding:8px 0 20px 17px; min-height:80px;}
.generalP2 .mediResA .ansA{padding:8px 0 20px 10px;min-height:55px;}
.generalP2 .mediResA .ansA.two{padding:8px 0 10px 10px;min-height:60px;}
.lifeP2 .mediResA .ansA.two{padding:8px 0 10px 10px;min-height:32px;}
.medMygraphD {width:100%; overflow:hidden;}
.medMygraphD .medMygraphL {position:relative; float:left; width:304px; height:156px; padding:0 0 32px 40px; margin:0 14px 0 0; background:url('/images/front/icon/medMyResultL_bg.gif') no-repeat 0 0;}
.medMygraphD .medMygraphR {position:relative; float:left; width:198px; height:156px; padding:0 0 32px 44px;  background:url('/images/front/icon/medMyResultR_bg.gif') no-repeat 0 0;}
.medMygraphL li{position:relative; float:left; height:156px; width:50px; margin:0 0 0 14px;}
.medMygraphL li .graphBarA {position:absolute; height:156px; width:50px;}
.medMygraphL li .graphBarA .graBar{position:absolute; bottom:0; left:0; display:block; width:25px; background:#bbc2d2;}
.medMygraphL li .graphBarA.present{left:25px;}
.medMygraphL li .graphBarA.present .graBar{background:#29395e;}
.medMygraphL li .graphBarA .graBarTx {position:absolute; left:0; width:25px; text-align:center; color:#333; letter-spacing:-0.8px; font-size:12px; font-weight:bold;  font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif}
.medMygraphL li .graphBarA .graBarTx.on {color:#d33137}
.medMygraphL li .graphBarA.present .graBarTx {left:0;}
.medMygraphL li.two {width:72px;}
.medMygraphL li.two .graphBarA .graBar {width:15px;}
.medMygraphL li.two .graphBarA .gbar2 {left:18px; background:#8c98b4;}
.medMygraphL li.two .graphBarA .gbar3 {background:#58678b;}
.medMygraphL li.two .graphBarA .gbar4 {left:18px;}
.medMygraphL li.two .graphBarA.present {left:38px}
.medMygraphL li.two .graphBarA .graBarTx {width:38px}
.medMygraphR li{position:relative; float:left; height:156px; width:50px; margin:0 0 0 10px;}
.medMygraphR li .graphBarA {position:absolute; height:156px; width:50px;}
.medMygraphR li .graphBarA .graBar{position:absolute; bottom:0; left:0; display:block; width:24px; background:#bbc2d2;}
.medMygraphR li .graphBarA.present{left:25px;}
/*
.medMygraphR li .graphBarA.present .graBar{background:#d33137;}
*/
.medMygraphR li .graphBarA.present .graBar{background:#29395e;}
.medBottomB {margin:18px 0 0; padding:0 8px 2px; background:#e9e8e6; text-align:right;}
.medBottomB span{color:#333; display:inline-block; letter-spacing:-0.8px; font-size:12px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif}
.medBottomB img{position:relative; top:5px;}
.mediResultBox {margin:8px 0 0; width:600px; overflow:hidden; border-radius:0 0 5px 5px; border-bottom:1px solid #80858c;}
.mediResultBox .titBarImg img{margin:0;}
.mediResultBox2 {margin:8px 0 0; width:578px; min-height:42px; padding:8px 10px;overflow:hidden; border-radius:5px; border:1px solid #80858c;}
.mediResD {padding:8px 10px; font-size:12px; color:#202020; letter-spacing:-0.2px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif; line-height:16px; border-left:1px solid #80858c; border-right:1px solid #80858c}
.mediResBoardA {width:100%; overflow:hidden; border-top:1px solid #8a9cb5;}
.mediResBoardA th{border-bottom:1px solid #8a9cb5; border-right:1px solid #8a9cb5; line-height:19px; font-size:10px; color:#202020; letter-spacing:-0.2px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif; }
.mediResBoardA th:first-child{border-left:1px solid #8a9cb5}
.mediResBoardA tbody th {padding:0 2px; letter-spacing:-0.8px;}
.mediResBoardA td{padding:2px 12px; border-bottom:1px solid #8a9cb5; border-right:1px solid #8a9cb5; font-size:10px; color:#202020; letter-spacing:-0.2px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif; }
.mediResBoardA tr.noBorB th,
.mediResBoardA tr.noBorB td{border-bottom:0}
.mediResBoardA tr.noBorB td.borB{border-bottom:1px solid #8a9cb5; }
.mediResBoardA tbody td.lineH13,
.mediResBoardA tbody th.lineH13 {line-height:13px;}
.mediResBoardA .mediriskT tbody td {text-align:center; padding:2px;}
.mediResBoardA .mediriskT tbody td span.InCheckImg img {vertical-align:middle}
.riskGraphA {width:100%; height:12px; position:relative;}
.riskGraphA .bar{display:block; height:10px; position:absolute; left:0; top:0; background:#044ebe; border:1px solid #020202}
.riskGraphA .bRed{background:#d01400;}
.riskGraphA .bYellow{background:#fff600;}
.riskFactorD {width:560px; overflow:hidden; margin:13px 0 0;}
.riskFactorTitA {width:85px; float:left;}
.riskFactorS {width:475px;  float:left;}
.riskFactorS .riskFacBarA {width:475px; overflow:hidden;}
.riskFactorS .riskFacBarA .rfBar {display:inline-block; border:1px solid #020202; border-left:0; height:16px; background:#96befb; box-sizing:border-box}
.riskFactorS .riskFacBarA .bRed {background:#d01400;}
.riskFactorS .riskFacBarA .bGreen {background:#028932;}
.riskFactorS .riskFacBarA .bYellow{background:#fff600;}
.riskFactorS .riskFacBarA .rfBar:first-child{border-left:1px solid #020202}
.riskFactorS .riskFacBuA span {display:inline-block; width:78px;}
.riskFactorS .riskFacBuA img {position:relative; top:4px;}
.medNotifyD {margin:7px 0 0; letter-spacing:-0.5px; font-weight:bold; color:#020202; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif; }
.medNotifyD .fl .txtInputA {padding:2px 4px 0 19px;}
.medNotifyD .fr .txtInputA {padding:2px 50px 0 19px;}
.medNotifyD img {position:relative; top:5px;}
.myReCheckD ul li{height:82px; width:100%; overflow:hidden;}
.myReCheckD ul li .mediValueA {position:relative; float:left; padding:20px 44px 0 112px; text-align:right; width:55px; height:31px; margin:0 13px 0 0; background:url('/images/front/icon/myReCheckL_bg1.jpg') no-repeat 0 0;}
.myReCheckD ul li.two .mediValueA {padding:0px 38px 0 135px; width:36px; height:51px; background-image:url('/images/front/icon/myReCheckL_bg2.jpg');}
.myReCheckD ul li.thr .mediValueA {padding:11px 25px 0 113px; width:72px; height:40px; background-image:url('/images/front/icon/myReCheckL_bg3.jpg');}
.myReCheckD ul li.fou .mediValueA {padding:15px 25px 0 113px; width:72px; height:36px; background-image:url('/images/front/icon/myReCheckL_bg4.jpg');}
.myReCheckD ul li.fiv .mediValueA {padding:15px 25px 0 113px; width:72px; height:36px; background-image:url('/images/front/icon/myReCheckL_bg5.jpg');}
.myReCheckD ul.list2 li.thr .mediValueA {padding:15px 25px 0 113px; width:72px; height:36px; background-image:url('/images/front/icon/myReCheckL2_bg3.jpg');}
.myReCheckD ul li .mediCheckA {float:left; width:370px; padding:11px 3px 0; min-height:40px; overflow:hidden; background:url('/images/front/icon/myReCheckL_bar.jpg') no-repeat right 0;}
.myReCheckD ul li.two .mediCheckA {padding-top:3px; min-height:48px;}
.myReCheckD ul li.fou .mediCheckA,
.myReCheckD ul li.fiv .mediCheckA {padding-top:7px; min-height:44px;}
.myReCheckD ul li .mediCheckA p{float:left; width:123px;}
.myReCheckD ul li .mediCheckA p.w157 {width:157px}
.myReCheckD ul li .mediCheckA p.w180 {width:180px}
.myReCheckD ul li .mediCheckA p.w270 {width:270px}
.mediCoverW .mediCoverTx {text-align:center; margin:395px 0 440px}
.myLifeResultBox {margin:14px 0 0; padding:10px 19px; min-height:39px; border-radius:5px; background:#d0d0d0;}
.rLifeHabitD {margin:8px 0 0; width:550px; overflow:hidden; padding:14px 24px; border:1px solid #80858c; border-radius:5px;}
.rLifeHabitD img{margin:0;}
.rLifeHabitD li{width:550px; overflow:hidden; padding:15px 0 0px; border-bottom:1px solid #bebebe}
.rLifeHabitD li:first-child{padding-top:0;}
.rLifeHabitD .imgA{float:left; width:63px; margin:0 13px 0 0;}
.rLifeHabitD .conA {float:left; width:474px; padding:3px 0 0;}
.rLifeHabitD .conA dl {width:474px; overflow:hidden;}
.rLifeHabitD .conA dt {float:left; width:31px; padding:1px 0 0;}
.rLifeHabitD .conA dd {float:left; width:435px; padding:1px 0 0 8px;}
.rLifeHabitD .conA dd .inTit {position:relative; top:1px;}
.rLifeHabitD .conA dd .InCheckImg {margin:0 0 0 20px;}
.rLifeHabitD .conA dd.divideA .InCheckImg {margin:0 0 0 17px;}
.rLifeHabitD .conA dd .InCheckImg:first-child {margin:0;}
.rLifeHabitD .conA dd .InCheckImg .InCheckImg img {margin:-3px 1px 0 0; vertical-align:middle}
.rLifeHabitD .conA .preDl dd{background:#e3efeb; border-radius:5px; padding:3px 8px; width:427px}
.rDiagnosisW {width:600px; overflow:hidden; margin:30px auto 0; padding:67px 49px 52px; font-size:12px; font-family:'Gulim', "±¼¸²"; border:1px solid #ddd}
.rDiagTitT {width:500px; overflow:hidden; margin:0 auto; font-family:'Gulim', "±¼¸²";}
.rDiagTitT .titA  {float:left; width:320px; padding:15px 0 0 33px; font-size:24px; letter-spacing:-1px; font-family:'Gulim', "±¼¸²";}
.rDiagTitT  ul li{font-family:'Gulim', "±¼¸²"; font-size:11px;}
.rDiagT {border:1px solid #343434; border-bottom:0; border-right:0;}
.rDiagT.borNotT {border-top:0;}
.rDiagT.borB {border-bottom:1px solid #343434;}
.rDiagT th,
.rDiagT td{padding:2px 1px; font-size:11px; font-family:'Gulim', "±¼¸²"; letter-spacing:-0.5px; text-align:center; border-right:1px solid #343434; border-bottom:1px solid #343434;  font-weight:normal}
.rDiagT .listCheckA {text-align:left;}
.rDiagT .listCheckA .listBu1{display:inline-block; width:116px; padding:0 2px; text-align:center;}
.rDiagT .listCheckA .listBu2{display:inline-block; width:44px; padding:0 2px; text-align:center;}
.rDiagT .listCheckA .listBu3{display:inline-block; width:44px; padding:0 2px; text-align:center;}
.rDiagT .borNoB th,.rDiagT .borNoB td{border-bottom:0; padding:2px; }
.rDiagT .taL th,.rDiagT .taL td{text-align:left; padding:2px 4px;}
.vision{margin-left:30px;}

/* ·Î±×ÀÎ */
.loginW {width:100%; overflow:hidden;}
.loginW #loginCon {width:100%; margin:0 auto; overflow:hidden;}
.loginW .loginH {width:100%; padding:100px 0 0; height:130px; background:#dbedfd; text-align:center; color:#0f5dbe; font-size:22px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; letter-spacing:-0.5px;}
.loginC {padding:50px 0 0;}
.loginD {width:580px; margin:0 auto;}
.loginD2 {width:740px; margin:0 auto;}
.loginS {float:left; margin:0 0 0 20px; width:278px; padding:64px 0 65px; border:1px solid #ccc; border-radius:15px; text-align:center;}
.loginS:first-child{margin:0;}
.hyundaiBt {margin:32px 0 0; padding:0 20px; font-size:20px; height:50px; line-height:50px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; color:#fff; border-radius:10px; background:#253474;}
.kiaBt {margin:32px 0 0; padding:0 20px; font-size:20px; height:50px; line-height:50px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; color:#fff; border-radius:10px; background:#9f0a14;}
.staffLoginS {float:left; margin:0 0 0 20px; text-align:center;}
.staffLoginS:first-child{margin:0}
.staffLoginS a{display:block; padding:227px 0 0; width:280px; height:72px; border-radius:15px; font-size:20px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; color:#fff; background:url('/images/front/icon/staffLogin_icon2.gif') no-repeat center 50px #4282d2;}
.staffLoginS:first-child a {background:url('/images/front/icon/staffLogin_icon1.gif') no-repeat center 50px  #5eb5a8;}
.loginBox {padding:20px 20px 20px 146px; width:574px; border-radius:15px; background:url('/images/front/icon/loginBox_icon1.gif') no-repeat 20px 35px #5eb5a8;}
.loginBox.lb2 {background:url('/images/front/icon/loginBox_icon2.gif') no-repeat 20px 35px #4282d2;}
#loginFooter {margin:120px auto 0; width:1024px; height:80px; line-height:81px; border-top:1px solid #ccc; font-size:14px; color:#777; text-align:center}

/*¼­Ä¡¹Ú½º*/
.srchBox {width:700px; overflow:hidden;}
.srchBox dl {width:700px; overflow:hidden;}
.srchBox dt {float:left; width:90px;}
.srchBox .cateS dd {float:left; width:600px;}
.srchBox .cateS.type2 dt {line-height:34px; background:url("/images/front/icon/bDot3x3_bu3.png") no-repeat left 14px}
.srchBox .cateS.type2 dd {float:left; width:400px; line-height:34px}
.srchBox .cateS.type2 dd.btnA {float:left; width:200px;}
.srchBox .cateS dd input[type="radio"] {vertical-align:middle; margin:-3px 0 0 15px;}
.srchBox .cateS dd input[type="radio"]:first-child{margin-left:0;}
.srchBox .termS dd.calendarA {float:left; width:400px; overflow:hidden;}
.srchBox .termS dd.calendarA .calendarD {position:relative; float:left; width:90px; padding:3px 28px 3px 3px; border:1px solid #ccc}
.srchBox .termS dd.calendarA .calendarD input{border:0; padding:0; width:100%;}
.srchBox .termS dd.calendarA .calendarD button{position:absolute; top:5px; right:3px;}
.srchBox .termS dd.calendarA .swungA {float:left; width:28px; text-align:center; line-height:32px;}
.srchBox .termS dd.calendarA .calRadio{line-height:32px; margin-right:10px}
.srchBox .termS dd input[type="radio"] {vertical-align:middle; margin:-3px 0 0 15px;}
.srchBox .termS dd input[type="radio"]:first-child{margin-left:0;}
.srchBox .termS dd.radioA {float:left; width:400px; overflow:hidden; line-height:34px}
.srchBox .termS dd.btnA {float:left; width:200px;}
.devideD {padding:32px 0 0 20px; background:url('/images/front/icon/devideBar_bu.gif') repeat-x 0 0;}


/* °Ô½ÃÆÇ  */
.listTypeA {width:100%; overflow:hidden;} /* ¸®½ºÆ® Å×À̺í */
.listTypeA.borT {border-top:1px solid #94775d}
.listTypeA thead th {height:44px; line-height:45px; color:#333; font-weight:normal; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; }
.listTypeA thead th.h30{height:30px; line-height:30px}
.listTypeA thead th.h76{height:76px; line-height:76px}
.listTypeA thead th span{display:block; border:1px solid #d4d1bd; border-right:0; background:#f9f7e9;}
.listTypeA thead th.roundFir span{border-radius:10px 0 0 10px;}
.listTypeA thead th.roundEnd span{border-radius:0 10px 10px 0; border-right:1px solid #d4d1bd;}
.listTypeA thead th.roundTopR span{border-radius:0 10px 0 0; border-right:1px solid #d4d1bd; border-bottom:0;}
.listTypeA thead th.roundBottomR span{border-radius:0 0 10px 0; border-right:1px solid #d4d1bd;}
.listTypeA thead th.roundAll span{border-radius:10px; border-right:1px solid #d4d1bd;}
.listTypeA tbody th {padding:0 0 0 20px; height:44px; line-height:45px; border-bottom:1px solid #cbc7aa; font-weight:normal; text-align:left; letter-spacing:-0.5px; color:#333;}
.listTypeA tbody td {height:44px; line-height:45px; border-bottom:1px solid #ccc; text-align:center;letter-spacing:0px; color:#333;}
.listTypeA tbody td.taL{padding:0 0 0 10px; text-align:left;}
.listTypeA tbody td.borDotR{border-right:0; background:url('/images/front/icon/dottedG1x3.png') repeat-y right 0;}
.listTypeA tbody td.padW0 {padding-left:0; padding-right:0;}
.listTypeA tbody td a{color:#333;}
.listTypeA tbody td a:hover{text-decoration:underline}
.listTypeA tbody td a .cate {color:#805833; }
.listTypeA tbody td a + .verM {margin-top:0 !important}
.listTypeA tbody td img {vertical-align:middle; margin-top:-2px;}
.listTypeA tbody .notiRow td, 
.listTypeA tbody .notiRow td a {color:#805833; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;}
.listTypeA .reserCheckT tbody .curRow td{background:#f9efe8;}
.listTypeA .reserCheckT tbody td .bt:hover {text-decoration:none;}
.listTypeA .reserCheckT tbody td .resultViewBt {display:inline-block; width:104px; height:30px; line-height:31px; border-radius:5px; color:#fff; letter-spacing:-0.5px; text-align:center; background:#94775d;}
.listTypeA .reserCheckT tbody td .reserCancelBt {display:inline-block; width:104px;height:30px; line-height:31px; border-radius:5px; color:#fff; letter-spacing:-0.5px; text-align:center; background:#0f5dbe;}
.listTypeA .reserCheckT tbody td .reserChangeBt {display:inline-block; width:104px; height:30px; line-height:31px; border-radius:5px; color:#fff; letter-spacing:-0.5px; text-align:center; background:#0f5dbe;}
.listTypeA .surCheckT tbody th,
.listTypeA .surCheckT tbody td {border-color:#ccc; letter-spacing:-0.8px;}
.listTypeA .surCheckT tbody td {height:auto; line-height:22px; padding-top:11px; padding-bottom:11px;}
.listTypeA .tdTalT tbody td,
.listTypeA .surCheckT tbody td.taL{padding-left:20px; text-align:left}
.listTypeA .surCheckT tbody td.taR{padding-right:20px; text-align:right}
.listTypeA .surCheckT.padH5T tbody td {padding-top:5px; padding-bottom:5px;}
.listTypeA .surCheckT.padH5T tbody th{padding:5px 0 5px 35px; text-indent:-16px; line-height:22px;}
.listTypeA .surCheckT.padH5T tbody th.indent24 {padding:0 0 0 42px; text-indent:-24px;}
.listTypeA .surCheckT.padH5T tbody th.indent30 {padding:0 0 0 48px; text-indent:-30px;}
.listTypeA .surCheckT.padH5T tbody .bgRow th{padding:0 0 0 51px;}
.listTypeA .surCheckT.padH5T tbody .bgRow th.defPad {padding:0 0 0 35px;}
.listTypeA .surCheckT tbody .bgRow th{color:#805833; padding-left:30px; background:#f7f7f7;}
.listTypeA .surCheckT tbody .bgRow td{background:#f7f7f7;}
.listTypeA .surCheckT tbody .borDotB th,
.listTypeA .surCheckT tbody .borDotB td{border-bottom:0; background:url('/images/front/icon/dottedG2x2.png') repeat-x 0 bottom;}
.listTypeA .borDotRT tbody th,
.listTypeA .borDotRT tbody td{border-right:1px dotted #ccc}
.listTypeA tbody td.brNo {border-right:0;}
.listTypeA.surA thead th span {height:45px;}
.listTypeA.surA thead th.lineH {line-height:1.2}
.listTypeA.surA thead th.lineH span{padding:5px 0 0; height:40px;}
.listTypeA.surA tbody th{padding:15px 20px 15px 40px; line-height:22px; height:auto; margin:0 0 0 21px; text-indent:-21px;}
.listTypeA.surA tbody th.padR {padding-top:5px; padding-bottom:5px;}
.surCheckT input[type="radio"]{vertical-align:middle; margin:-3px 5px 0 15px;}
.surCheckT input[type="checkbox"]{vertical-align:middle; margin:-3px 10px 0 15px;}
.surCheckT input[type="radio"]:first-child,
.surCheckT input[type="checkbox"]:first-child{vertical-align:middle; margin-left:0;}
.surCheckT input[type="text"] {width:28px;}
.surCheckT input[type="text"].w67{width:67px}
.surCheckT input[type="text"].w70{width:70px}
.surCheckT input[type="text"].w80 {width:80px}
.surCheckT input[type="text"].w130 {width:130px}
.surCheckT input[type="text"].w593 {width:593px;}
.surCheckT input[type="text"].w605 {width:605px;}
.surCheckT input[type="text"].w610 {width:610px;}
.surCheckT textarea {max-width:718px; width:718px; height:100px;}
.surCheckT select {width:148px; padding:3px}
.surCheckT select.w100{width:100px;}
.surCheckT select.w318 {width:318px;}
.surCheckT select.w700 {width:700px;}
.surCheckT.borDotRT input[type="radio"]{vertical-align:middle; margin:0;}
.surCheckT.borDotRT input[type="checkbox"]{vertical-align:middle; margin:0;}
.checkTypeA {width:100%; overflow:hidden;}
.checkTypeA p {margin:2px 0 3px; width:140px; float:left;}/* ±âº» °£°Ý 140 */
.checkTypeA .w112 {width:112px}
.checkTypeA .w235 {width:235px}
.checkTypeA .w240 {width:240px}
.checkTypeA .fullA {width:100%;}
.oInputA input[type="text"]{margin:0 24px 0 11px; width:58px;}
.surCheckD .surCheckT tbody td {color:#666}


.listTypeB {width:740px; overflow:hidden} /* À̹ÌÁö ¸®½ºÆ® */
/*
.listTypeB a{display:block; float:left; margin-top:10px; margin-left:10px; border:1px solid #ddd; border-radius:12px; padding:25px 25px 20px 25px; width:188px}
*/
.listTypeB a{display:block; float:left; margin-top:10px; margin-left:10px; border:1px solid #ddd; border-radius:12px; padding:5px 25px 10px 25px; width:188px}
.listTypeB a span{display:block}
/*
.listTypeB a span.txt{font-size:15px; color:#555; border-top:1px solid #ddd; margin-top:26px; padding-top:20px}
*/
.listTypeB a span.txt{font-size:15px; color:#555; border-top:1px solid #ddd; margin-top:3px; padding-top:10px}
.listTypeB a span.txt span{font-size:13px; color:#999; margin-top:5px}

.boardW{border-top:3px solid #94775d}
.boardTypeA {width:100%; overflow:hidden; position:relative; border-radius:10px; border:1px solid #d4d1bd} /* ±âº» ³»¿ë Å×À̺í */
.boardTypeA thead th {padding:9px 0 10px; color:#805833; font-weight:normal; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;  border-bottom:1px solid #d4d1bd; border-right:1px solid #d4d1bd; background:#f9f7e9;}
.boardTypeA tbody th.yellow{background:#f9f7e9;color:#805833}
.boardTypeA tbody th,
.boardTypeA tbody td {padding:9px 0 10px; line-height:25px; text-align:center; color:#333; font-weight:normal; border-bottom:1px solid #d4d1bd; border-right:1px solid #d4d1bd; vertical-align:top}
.boardTypeA tbody td.taL{padding-left:10px; text-align:left; letter-spacing:-0.5px; }
.boardTypeA tbody td.borDotB{border-bottom:0; background:url('/images/front/icon/dottedG2x2.png') repeat-x 0 bottom;}
.boardTypeA tbody th.icon{background:#f9f7e9 url("/images/front/icon/ban_icon.png") no-repeat 37px 53px}
.boardTypeA tbody th.icon2{background:#f9f7e9 url("/images/front/icon/ban_icon2.png") no-repeat 37px 70px}
.boardTypeA tbody th.icon3{background:#f9f7e9 url("/images/front/icon/ban_icon3.png") no-repeat 37px 53px}
.boardTypeA .brNo{border-right:none;}
.boardTypeA .endRow td,
.boardTypeA .endRow th {border-bottom:none;}
.boardTypeA table th.boDot{border-right:0; background:#f9f7e9 url("/images/front/icon/dotted1x3.png") repeat-y right 0}
.boardTypeA table td.boDot{border-right:0; background:url("/images/front/icon/dotted1x3.png") repeat-y right 0}
.boardTypeA table.lineH16 td{line-height:16px}
.boardTypeA table.lineH16 td span{line-height:16px; font-size:13px; color:#666}
.boardTypeA table.tdTaL td{padding-left:20px; text-align:left;}
.boardTypeA table.floorInfoT2 tbody th,
.boardTypeA table.floorInfoT2 tbody td {vertical-align:middle;}
.boardTypeA table.verM td{vertical-align:middle}
.boardTypeA .total td{background:#f9efe8}
.boardTypeA.innerTable{border-color:#e2e2e2}
.boardTypeA.innerTable th{font-size:13px; background:#f7f7f7; color:#333; border-color:#e2e2e2}
.boardTypeA.innerTable td{font-size:13px; border-color:#e2e2e2}

.boardTypeB {width:100%; overflow:hidden; border-top:3px solid #94775d;}
.boardTypeB.borT {border-top:1px solid #ddd}
.boardTypeB.btNo {border-top:none;}
.boardTypeB > table > tbody > tr > th {padding:15px 5px 13px 19px; border-bottom:1px solid #ddd; vertical-align:top; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; color:#333; font-weight:normal; text-align:left; background:#f9f7e9}
.boardTypeB > table > tbody > tr > th.bgGray {background:#f1f1f1;}
.boardTypeB > table > tbody > tr > th.borL2 {border-left:2px solid #fff;}
.boardTypeB > table > tbody > tr > td {padding:14px 19px 13px 19px; color:#333; border-bottom:1px solid #ddd;}
.boardTypeB > table > tbody > tr > td.padH6 {padding-top:6px; padding-bottom:6px;}
.boardTypeB > table > tbody > tr > td.padH6 .textA {display:inline-block; position:relative; top:2px; letter-spacing:-0.8px;}
.boardTypeB > table > tbody > tr > td input[type="radio"] {vertical-align:middle; margin:-3px 0 0 10px;}
.boardTypeB > table > tbody > tr > td input[type="radio"]:first-child {vertical-align:middle; margin-left:0;}
.boardTypeB > table > tbody > tr > td.recordTd {padding:0;}
.boardTypeB > table > tbody > tr > td input[type="text"] {width:530px;}
.boardTypeB > table > tbody > tr > td input[type="text"].type2 {width:160px}
.boardTypeB > table > tbody > tr > td input[type="text"].type3 {width:110px}
.boardTypeB > table > tbody > tr > td textarea {max-width:530px; width:530px; height:190px;}
.boardTypeB > table > tbody > tr > td textarea.type2 {max-width:530px; width:530px; height:55px;}
.boardTypeB > table > tbody > tr > td .calendarD {position:relative; float:left; width:85px; padding:2px 28px 2px 3px; border:1px solid #ccc}
.boardTypeB > table > tbody > tr > td .calendarD input{border:0; padding:0; width:100%;}
.boardTypeB > table > tbody > tr > td .calendarD button{position:absolute; top:5px; right:3px;}

.boardTypeC{width:100%; border:1px solid #80858c; border-radius:10px; overflow:hidden; font-family: 'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif; font-size:13px; font-weight:bold; color:#333}
.boardTypeC tbody th{border-bottom:1px solid #8a9cb5; border-right:1px solid #8a9cb5; background:#bcdaf4; padding:4px 0}
.boardTypeC tbody th.type2 {background:#d2d5da}
.boardTypeC tbody td{border-bottom:1px solid #8a9cb5; border-right:1px solid #8a9cb5; background:#fff; padding:2px 0 3px}
.boardTypeC tbody td.brNo{border-right:0}
.boardTypeC .redNum{position:relative; width:356px; height:19px; margin-left:98px}
.boardTypeC .redNum .num{position:absolute; left:0; top:0; width:34px; height:13px; font-size:12px; letter-spacing:-0.5px; padding-bottom:5px; line-height:13px; background:url("/images/front/icon/redBox_img.jpg") no-repeat 0 0; text-align:center; }

.boardViewA {width:100%; overflow:hidden;}/* ºä Å×À̺í*/
.boardViewA thead > tr > th {padding:12px 20px 13px; line-height:1.4; font-weight:normal; color:#333; letter-spacing:-0.5px;}
.boardViewA thead > tr > th.titA {padding:12px 20px 13px; text-align:left; font-size:18px; }
.boardViewA thead > tr > th.titA .cateN {color:#805833; margin:0 5px 0 0;}
.boardViewA thead > tr > th.titA .standbyBu, .boardViewA thead > tr > th.titA .processBu, .boardViewA thead > tr > th.titA .endBu {margin:0 0 0 5px;}
.boardViewA tbody >  tr > td {border-top:1px solid #cbc7aa; }
.boardViewA tbody > tr > td .viewD {padding:30px 20px; color:#333; font-size:15px; line-height:25px; border-bottom:1px solid #ccc}
.boardViewA tbody > tr > td .viewD img {text-align:center; max-width:720px}
.boardViewA tbody > tr > td .viewD .videoA {width:700px; height:418px; overflow:hidden;}
.boardViewA tbody > tr > td .viewD .vScriptA {margin:15px 0 0; width:688px; height:178px; padding:5px; color:#333; line-height:25px; border:1px solid #e1e1e1; background:#f5f5f5;}
.boardViewA tbody > tr > td .viewD .vScriptA .scrollA {padding:15px 20px;}
.boardViewA tbody > tr > td .fileD {margin:30px 0 0;}
.boardViewA tbody > tr > td .fileD a{display:inline-block; margin:0 10px 5px 0; padding:0 9px; height:28px; line-height:29px; font-size:13px; border:1px solid #e0e0e0; border-radius:5px; background:#f3f3f3;}

.noDataD {padding:35px 0;}

/* paging */
.pagingD  {text-align:center}
.pagingD li {display:inline-block;}
.pagingD li a {display:inline-block; margin:0 3px 0 0; width:28px; height:31px; line-height:32px; text-align:center;}
.pagingD li.active a{color:#0f5dbe; text-decoration:underline; font-weight:bold;}
.pagingD li.first a {width:31px; height:31px; margin:0; border:0; background:url('/images/front/icon/pagingFistBt_icon.gif') no-repeat 0 0; text-indent:-999999px;}
.pagingD li.prev a {width:31px; height:31px; margin:0 10px 0 5px; border:0; background:url('/images/front/icon/pagingPrevBt_icon.gif') no-repeat 0 0; text-indent:-999999px;}
.pagingD li.next a {width:31px; height:31px; margin:0 5px 0 10px; border:0;background:url('/images/front/icon/pagingNextBt_icon.gif') no-repeat 0 0; text-indent:-999999px;}
.pagingD li.last a {width:31px; height:31px; margin:0; border:0;background:url('/images/front/icon/pagingEndBt_icon.gif') no-repeat 0 0; text-indent:-999999px;}

.srcAreaD {margin:30px 0 0; text-align:center}
.srcAreaD select {width:98px;}
.srcAreaD input {width:278px;}

.listSortD select{width:180px;}

.pageBtA {position:absolute; top:0; right:-65px}
.pageBtA button{display:block; margin:0 0 5px;}

/* tab  */
.tabBtnTypeA{width:100%; overflow:hidden; border-left:1px solid #ddd} /* ±âº» tab ¹öÆ° 3°³ */
.tabBtnTypeA a{border:1px solid #ddd; border-left:0; color:#333; width:243px; float:left; text-align:center; padding:12px 0 11px}
.tabBtnTypeA.tab4Btn a{width:183px}
.tabBtnTypeA.tab5Btn a{width:147px}
.tabBtnTypeA a.on{border:1px solid #0f5dbe; border-left:0; background:#0f5dbe; color:#fff; }
.tabBtnTypeA a.w146{width:146px;}
.tabBtnTypeA.w148 a{width:147px;}
.tabBtnTypeA.w148 a.on{width:148px;}
.pageTabBtnD {width:100%; overflow:hidden; border-left:1px solid #ddd} /* ±âº» tab ¹öÆ° 3°³ */
.pageTabBtnD a{border:1px solid #ddd; border-left:0; color:#333; width:146px; float:left; text-align:center; padding:12px 0 11px}
.pageTabBtnD a.on{width:146px; border:1px solid #0f5dbe; border-left:0; background:#0f5dbe; color:#fff;}

.tabBtn2{background:#edf5ff; overflow:hidden; padding:18px 20px 18px}
.tabBtn2 a{width:110px; display:block; float:left; font-size:14px; color:#333; margin-right:40px; padding:0 0 4px; letter-spacing:-0.5px}
.tabBtn2 a.w135 {width:135px; margin-right:15px;}
.tabBtn2 a.end{margin-right:0; width:100px;}
.tabBtn2 a:hover, .tabBtn2 a.on{color:#0f5dbe; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; border-bottom:2px solid #4282d2; padding:0 0 2px;}

/*¾ÆÄÚµð¾ð , ¼³¹®Á¶»ç */
.accoW ul{width:100%; overflow:hidden;}
.accoW > ul > li {margin:10px 0 0; }
.accoW > ul > li:first-child{margin:0;}
.accoW > ul > li .acoClickD{padding:7px 20px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; color:#333; letter-spacing:-0.5px; border:2px solid #ad9178; border-radius:10px; cursor: pointer;}
.accoW > ul > li .acoClickD div {padding:0 30px 0 0; min-height:24px; line-height:24px; background:url("/images/front/icon/accoBt_bu.gif") no-repeat right  center;}
.accoW > ul > li .acoClickD div .txt2 span{display:inline-block; padding:0 20px; color:#697789; background:url("/images/front/icon/listBar1x13_bu.gif") no-repeat 0 6px;}
.accoW > ul > li .acoClickD div .txt2 span:first-child{background:none; padding-left:0;}
.accoW > ul > li .acoClickD div .txt2 strong {display:inline-block; padding:3px 12px; background:#0f5dbe; color:#fff; font-weight:normal ;border-radius:15px; font-family:'HDmodernL', 'dotum',"µ¸¿ò",sans-serif; }
.accoW > ul > li.on .acoClickD div {background-image:url("/images/front/icon/accoBt_bu_on.gif")}
.accoW > ul > li.surEndA .acoClickD {color:#666; border-color:#ddd; padding-bottom:5px;}
.accoW > ul > li.out .acoClickD {color:#666; border-color:#ddd}
.acoCon {padding:0 0 30px;}
.acoCon2 {padding:0 0 20px}
.answerBox {overflow:hidden; padding:20px; color:#333; letter-spacing:-0.5px; line-height:25px; background:#f9f7e9; }
.answerBox .txtD {max-width:650px; margin-top:10px; margin-left:10px}
.answerBox .file a{display:inline-block; margin:0 10px 5px 0; padding:0 9px; height:28px; line-height:29px; font-size:13px; border:1px solid #e0e0e0; border-radius:5px; background:#f3f3f3}
.surveyBox {padding:26px 20px; color:#333; letter-spacing:-0.5px; line-height:25px; background:#f9f7e9; }
.surveyBox .titA {font-size:24px; color:#805833;  font-weight:bold;}
.survInfoL {margin:17px 0 0; width:100%; overflow:hidden;}
.survInfoL li {float:left; padding:0 20px; color:#697789; background:url("/images/front/icon/listBar1x13_bu.gif") no-repeat 0 3px;}
.survInfoL li:first-child{background:none; }
.surveyW {margin:17px 0 0; padding:22px 20px 0; background:url("/images/front/icon/surveyW_bg.gif") repeat-x 0 0;}
.surveyW .surveyL li .titA {margin:20px 0 0; font-size:18px; color:#0f5dbe; letter-spacing:-0.5px; line-height:25px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif}
.surveyW .surveyL li:first-child .titA{margin:0}
.surveyW .surveyL li .titA span{display:inline-block; margin:0 9px 0 0; width:45px; height:28px; line-height:29px; font-size:17px; color:#fff; text-align:center; border-radius:15px; background:#0f5dbe;}
.surveyW .surveyL li .infoA {margin:10px 0 0; padding:12px 50px 10px 50px; letter-spacing:-0.5px; color:#333; background:#f7f7f7;}
.surveyW .surveyL li .infoA label {display:inline-block; margin:0 18px 10px 0;}
.surveyW .surveyL li .infoA span {display:inline-block; }
.surveyW .surveyL li .infoA input[type="radio"]{display:inline-block; vertical-align:middle; margin:-2px 0 0 0}
.surveyW .surveyL li .infoA input[type="radio"]:first-child{margin-left:0}
.surveyW .surveyL li .infoA input[type="radio"]:checked + label {font-weight:bold; color:#0f5dbe}
.surveyW .surveyL li .infoA input[type="checkbox"]{display:inline-block; vertical-align:middle; margin:-2px 0 0 0}
.surveyW .surveyL li .infoA input[type="checkbox"]:first-child{margin-left:0}
.surveyW .surveyL li .infoA input[type="checkbox"]:checked + label {font-weight:bold; color:#0f5dbe}
.surveyW .surveyL li .infoA textarea {min-width:100%; max-width:100%;  height:58px; min-height:58px; color:#333; line-height:1.4}


/*Æ˾÷*/
.popW  {position:relative; overflow:hidden;}
.popW .popH {padding:18px 60px 18px 20px; font-size:20px; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif; color:#fff; background:url('/images/front/popup/popH_bg.gif') repeat 0 0;}
.popW .popCon {width:100%; overflow:hidden;}
.popW .popCon .pSurTit {padding:12px 20px; line-height:30px; letter-spacing:-0.5px; font-size:20px; color:#805833; font-weight:bold;}
.popW .popCon .popD {padding:12px 20px 20px;}
.popW .popCloseBt{position:absolute; top:15px; right:20px;}
.popW.surPopW .popD {padding-top:18px; background:url('/images/front/icon/surveyW_bg.gif') repeat-x 0 0;}

.popTab{padding:40px}
.popTab .tabDiv .sTit2 {margin:25px 0 0; padding:0 0 2px 10px; font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#0f5dbe; background:url('/images/front/icon/sTit2_bu.gif') no-repeat 0 8px;}
.popTab .tabDiv .txtA {padding:0 10px 0 10px; line-height:25px; color:#333;}
.popTab .tabDiv .txtA .num{text-indent:12px}
.popTab .tabDiv .bdBox{border:1px solid #ddd; border-radius:9px; padding:13px 0 13px 19px;}
.popTab .tabDiv .bdBox p{font-size:13px; color:#666; padding-left:8px; background:url("/images/front/icon/dot3x3.gif") no-repeat left 10px}
.popTab .tabDiv .brownTit{color:#805833; font-family:'HDmodernM', 'dotum',"µ¸¿ò",sans-serif;}
.popTab .tabDiv .blueBox{padding:8px 0 8px; border:1px solid #ddd; border-radius:9px; background:#edf5ff; color:#0f5dbe; text-align:center; letter-spacing:-0.5px; margin-top:15px}

.popTypeB {width:600px; overflow:hidden; margin:0 auto;}
.popTypeB .bottomA{width:100%; overflow:hidden;height:38px; line-height:38px; background:#333; color:#fff; }
.popTypeB .bottomA .fl{padding:0 0 0 10px;}
.popTypeB .bottomA input[type="checkbox"] {vertical-align:middle; margin:-2px 0 0;}


.div_line_2 {border:2px solid #80858c; text-align:center;}
.div_line_2_R {border:2px solid #80858c; text-align:center; padding:10px;}
.div_line_1 {border:1px solid #80858c; padding:5px;}
.div_line {padding:5px;}

.table_page2 {font-size:14px; text-align:center;}
.table_page2 th {border:1px solid #80858c; height:30px;}
.table_page2 tbody td {border:1px solid #80858c;}

.table_page3 {font-size:13px; text-align:center; border-top:1px solid #80858c;}

.div_page3 {font-size:14px; text-align:center; padding-bottom:10px;}

.table_page3_1 {font-size:14px; text-align:center; border-top:1px solid #80858c;}
.table_page3_1 tbody td {padding-top:3px; padding-bottom:3px; border-top:1px solid #80858c;}

.table_page4 {border:2px solid #80858c; font-size:15px; text-align:center;}

.table_page4_T {font-size:16px; text-align:center;}
.table_page4_T tbody td {border:1px solid #80858c;}

.varTextArea {padding:10px 0px 10px 60px; font-size:13px;}
.importMark1 {padding:5px 0px 0px 20px;}
.chkbox1 {text-align:left; padding-left:3px;}
.chkbox1_text {padding-left:5px;}
.smlTitleCon {font-size:18px; font-weight: bold; text-align:left; padding-top:5px; padding-bottm:10px;}
.textInputB {font-size:14px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif}
.numInputB {font-size:14px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif}
.numInputBR {font-size:14px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif; color:red;}
.numInputBG {font-size:14px; font-weight:bold; font-family:'Malgun Gothic',"¸¼Àº °íµñ",'dotum',"µ¸¿ò",sans-serif; color:green;}

.border_0 {border:0px;}

.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}