@charset "utf-8";

.SkipNav { position:fixed; left:0; top:0; width:100%; z-index:10000;}
.SkipNav a { position:absolute; display:block; top:-50px; left:calc(50% - 50px); height:30px; width:100px; text-align:center; background:#fff; color:#000;}
.SkipNav a:focus { top:0;}

header { position:inherit; z-index:1000;}
.Main header { position:static;}
header h1 { position:absolute; left:20px; top:45px;}
header h1 a { background:url(../../images/ManAndWoman/main/logo_title.png) no-repeat center center; background-size:100%; text-indent:-1000px; overflow:hidden; display:block; width:160px; height:40px;  }

/* main */
.Wrap { min-height:100%; overflow:auto; position:relative;}
.Main { text-align:center;}
.Main .Wrap { padding-bottom:0;background:url(../../images/ManAndWoman/main/main_bg.png) no-repeat center top; background-size:100% 100%;}
.Main h1 { position:absolute; left:calc(50% - 170px); top:calc(50% - 280px);}
.Main h1 a { width:335px; height:78px;}

/* 로고 상단 변경 css 추가 */
.logo{position: absolute; top: 20px !important; left: 20px !important;}
.logo img{display: block; width: 70px; height: auto;}

.IntroMenu { margin:0 auto; padding-top:37px; position: absolute; left: calc(50% - 500px); top: calc(50% - 150px); }
.IntroMenu h2 { position:absolute; text-indent:-2000px; overflow:hidden;  height:17px; top:0;}
.IntroMenu h2:nth-child(1) { background:url(../../images/ManAndWoman/main/main_h2_1.png) no-repeat left top; width:790px; left:calc(50% - 496px);}
.IntroMenu h2:nth-child(3) { background:url(../../images/ManAndWoman/main/main_h2_2.png) no-repeat left top; width: 180px; left: calc(50% + 317px); height: 43px; margin-top: -23px; }
.IntroMenu ul { display:inline;}
.IntroMenu li { display:inline-block; width:180px; height:342px; vertical-align:top; margin-right: 20px;}
.IntroMenu li a { display:block; position:relative; text-align:center; padding: 130px 3px 0 3px; vertical-align:top; height:100%; color:#000; font-size:14px; animation-duration:1s;}

.IntroMenu li a .Title { text-indent:-1000px; margin-bottom:20px; display:block; background: no-repeat center center; height:20px; overflow:hidden;}
.IntroMenu li a:after { content:''; display:block; width:100%; height:45px; background:rgba(0, 0, 0, 0.3) url(../../images/ManAndWoman/main/go_arrow.png) no-repeat center center; position:absolute; left:0; bottom:0;animation-duration:1s;}

.IntroMenu li:hover a:after { background-color:rgba(0, 0, 0, 0.4);}


.IntroMenu ul:nth-child(2) li:nth-child(1) a .Title { background-image:url(../../images/ManAndWoman/main/title1.png);}
.IntroMenu ul:nth-child(2) li:nth-child(2) a .Title { background-image:url(../../images/ManAndWoman/main/title2.png);}
.IntroMenu ul:nth-child(2) li:nth-child(3) a .Title { background-image:url(../../images/ManAndWoman/main/title3.png);}
.IntroMenu ul:nth-child(2) li:nth-child(4) a .Title { background-image:url(../../images/ManAndWoman/main/title4.png);}

.IntroMenu ul:nth-child(2) li:nth-child(1) a:before { content:''; display:block; background:url(../../images/ManAndWoman/main/main_img_woman.png) no-repeat left top; width:58px; height:82px; position:absolute; left:10px; top:-62px;}

.IntroMenu ul:nth-child(2) li:nth-child(1) a { background:#ffcc33 url(../../images/ManAndWoman/main/main_icon_1.png) no-repeat center 20px;}
.IntroMenu ul:nth-child(2) li:nth-child(2) a { background:#fd7859 url(../../images/ManAndWoman/main/main_icon_2.png) no-repeat center 20px;}
.IntroMenu ul:nth-child(2) li:nth-child(3) a { background:#45d1da url(../../images/ManAndWoman/main/main_icon_3.png) no-repeat center 20px;}
.IntroMenu ul:nth-child(2) li:nth-child(4) a { background:#abe86f url(../../images/ManAndWoman/main/main_icon_4.png) no-repeat center 20px;}
.IntroMenu ul:nth-child(4) li { margin-right:0;}
.IntroMenu ul:nth-child(4) li a {background:#fd6ba1 url(../../images/ManAndWoman/main/main_active_bg.png) no-repeat left top; padding-top:75px;}
.IntroMenu ul:nth-child(4) li a .Title {  background-image:url(../../images/ManAndWoman/main/title5.png); height:25px; margin-bottom:30px;}
.IntroMenu ul:before { content: '';  display: block; background: url(../../images/ManAndWoman/main/main_img_man.png) no-repeat left top; width: 125px; height: 277px; position: absolute; left: calc(50% + 470px); top: -200px; }
.IntroMenu ul:nth-child(4) li a:after { content:''; display:block; background:url(../../images/ManAndWoman/main/main_active_img.png) no-repeat center top; width:166px; height:148px; position:absolute; bottom:0; left:7px;}

footer {  position:absolute; left:0; bottom:0; width:100%;}
footer div {color:rgba(255, 255, 255, 0.7); font-family:"tahoma"; font-size:11px; font-weight:normal; text-align:center; height:40px; line-height:40px; background:rgba(0, 0, 0, 0.6);}
footer div img { vertical-align:middle; margin-right:20px; position:absolute; left:20px; top:13px;}
.Main footer {  position:absolute; left:50%; margin-left:-160px; top:calc(50% + 280px); width:320px; z-index:10000;}
.Main footer div { background:none;}


/* 지표보기 */
.SubTypeA { background:#01325f;}
.SubTypeA #Contents { height:100%;}
.SubIndex { position:relative; height:100%; min-height:780px; }
.SubTypeB { background:url(../../images/ManAndWoman/sub/different_bg.png) repeat-x left top;}

/* Arrow */
.BtnArrow.PageBefore { border:none; background:url(../../images/ManAndWoman/sub/sub_arrow_left.png) no-repeat center center; left:20px;}
.BtnArrow.PageAfter { border:none; background:url(../../images/ManAndWoman/sub/sub_arrow_right.png) no-repeat center center; right:20px;}
.BtnArrow { opacity:0.7; position:fixed; top:calc(50% - 40px); text-indent:-1000px; overflow:hidden; width:35px; height:79px;}
.BtnArrow:hover { opacity:1;}

/* SubNav */
.SubNav { display:block; text-align:center; margin-bottom:60px;}
.SubNav a { font-size:14px; color:#fff; opacity:0.6; display:inline-block; margin:0 10px;}
.SubNav a:hover {opacity:1; }
.SubNav a.M_on {opacity:1; font-weight:bold;  font-size:18px;}

.SubIndex { position:relative; height:100%;}


/* .SubIndex */

.SubIndex  h2 { width:116px; height:116px; position:absolute; border-radius:58px; border: solid 4px; background:#fff; font-size:14px;}
.SubIndex  h2 a { display:block; width:100%; height:100%; color:#333;padding-top:70px;padding-left: 10px; padding-right: 10px; line-height: 1.1; font-weight:bold; letter-spacing:-1px; text-align:center; }
.SubIndex  h2 a:before { content:''; width:50px; height:50px; display:block; position:absolute; left:calc(50% - 25px); top:15px; background:url(../../images/ManAndWoman/sub/title01_icon_set.png) no-repeat left top;}
.SubIndex  h2 .SubTitle {text-align: center; padding-top: 4px; color: #fff; line-height: 1.2; font-size: 11px; display:block;}

.PageInfo {font-size: 12px; color: #fff; position: absolute; right: 75px; top: 25px;}
.PageInfo:before { content:'!'; font-size:11px; color:#000; display:inline-block; width:15px; height:15px; background:#fff; border-radius:8px; vertical-align:middle; margin-right:10px; text-align:center; font-weight:bold;}
#slide1 h2 {border-color:#ffcc33;}
#slide2 h2 {border-color:#fd7859;}
#slide3 h2 {border-color:#19b9c3;}
#slide4 h2 {border-color:#4dad36;}
#slide1 .ChartColor {fill:#ffcc33; color:#ffcc33;}
#slide2 .ChartColor {fill:#fd7859; color:#fd7859;}
#slide3 .ChartColor {fill:#45d1da; color:#45d1da;}
#slide4 .ChartColor {fill:#abe86f; color:#abe86f;}
#slide1 .ChartColor2 {fill:#336699; color:#336699;}
#slide2 .ChartColor2 {fill:#00a8b7; color:#00a8b7;}
#slide3 .ChartColor2 {fill:#996b00; color:#996b00;}
#slide4 .ChartColor2 {fill:#9866be; color:#9866be;}
#slide2 .ChartColor3 {fill:#f75ebe; color:#f75ebe;}
#slide2 .ChartColor4 {fill:#0662b1; color:#0662b1;}
#slide1 .ContDetailBox .ChartColor {fill:#ffb600; color:#ffb600;}
#slide2 .ContDetailBox .ChartColor {fill:#fd7859; color:#fd7859;}
#slide3 .ContDetailBox .ChartColor {fill:#00bdca; color:#00bdca;}
#slide4 .ContDetailBox .ChartColor {fill:#6CB107; color:#6CB107;}
#slide1 .ContDetailBox .ChartColor3 {fill:#ff9200; color:#ff9200;}
#slide1 .ContDetailBox .ChartColor4 {fill:#001b67; color:#001b67;}
#slide1 .ChartType_rank li li:first-child, #slide1 .ChartType_no {color:#ffcc33;}
#slide2 .ChartType_rank li li:first-child, #slide2 .ChartType_no {color:#fd7859;}
#slide3 .ChartType_rank li li:first-child, #slide3 .ChartType_no {color:#45d1da;}
#slide4 .ChartType_rank li li:first-child, #slide4 .ChartType_no {color:#abe86f;}
#slide1  .Time_One .ChartColor {stroke:#ffcc33; fill:none !important;}
#slide2 .Time_One .ChartColor {stroke:#fd7859; fill:none !important;}
#slide3 .Time_One .ChartColor {stroke:#45d1da; fill:none !important;}
#slide4 .Time_One .ChartColor {stroke:#abe86f; fill:none !important;}
#slide4 .Time_One .ChartColor2 {stroke:#aa7dcb; fill:none !important;}
#slide1 polyline.ChartColor {stroke:#ffcc33;}
#slide2 polyline.ChartColor {stroke:#fd7859;}
#slide3 polyline.ChartColor {stroke:#45d1da;}
#slide4 polyline.ChartColor {stroke:#abe86f;}
#slide1 polyline.ChartColor2 {stroke:#336699;}
#slide2 polyline.ChartColor2 {stroke:#00a8b7;}
#slide3 polyline.ChartColor2 {stroke:#996b00;}
#slide4 polyline.ChartColor2 {stroke:#aa7dcb;}
#slide2 polyline.ChartColor3 {stroke:#f75ebe;}
#slide2 polyline.ChartColor4 {stroke:#0662b1;}

.ChartPie { }
.ChartPie .pie { stroke: #fd7859; stroke-width: 48px;}

.Time {}
.Time svg {transform:rotate(-90deg);display:block;margin:0 10px 0 10px;}
.Time .Time_One { float:left; text-align:center; color:#fff; font-size:18px;}

.SubIndex  .ChartText { fill:#fff; font-size:18px; text-align:center;}
/* 건강 */
#slide1 h1 { background:url(../../images/ManAndWoman/sub/title01_bg.png) no-repeat center center; width:407px; height:329px; text-indent:-1000px; overflow:hidden; position:absolute; left:calc(50% - 203px); top:calc(50% - 165px);}
#slide1  h2.title1 a:before { background:url(../../images/ManAndWoman/sub/title01_icon_set.png) no-repeat left 0 top 0;}
#slide1  h2.title2 a:before { background:url(../../images/ManAndWoman/sub/title01_icon_set.png) no-repeat left -50px top 0;}
#slide1  h2.title3 a:before { background:url(../../images/ManAndWoman/sub/title01_icon_set.png) no-repeat left -100px top 0;}
#slide1  h2.title4 a:before { background:url(../../images/ManAndWoman/sub/title01_icon_set.png) no-repeat left 0 top -50px;}
#slide1  h2.title5 a:before { background:url(../../images/ManAndWoman/sub/title01_icon_set.png) no-repeat left -50px top -50px;}
#slide1  h2.title6 a:before { background:url(../../images/ManAndWoman/sub/title01_icon_set.png) no-repeat left -100px top -50px;}
#slide1  h2.title1 { top:calc(50% - 185px); left:calc(50% - 155px);}
#slide1  h2.title2 { top:calc(50% - 58px); left:calc(50% - 220px);}
#slide1  h2.title3 { top:calc(50% + 70px); left:calc(50% - 155px);}
#slide1  h2.title4 {top:calc(50% - 185px);right:calc(50% - 155px);}
#slide1  h2.title5 { top:calc(50% - 58px); right:calc(50% - 220px);}
#slide1  h2.title6 { top:calc(50% + 70px); right:calc(50% - 155px);}
#slide1 h2:hover { background:#ffcc33;}


#slide1 .ChartArea1 { position:absolute; top:calc(50% - 280px); left:calc(50% - 320px);}
#slide1 .ChartArea2 { position:absolute; top:calc(50% - 90px); left:calc(50% - 500px);}
#slide1 .ChartArea3 { position:absolute; bottom:calc(50% - 340px); left:calc(50% - 400px);}
#slide1 .ChartArea4 { position:absolute; top: calc(50% - 300px); right:calc(50% - 380px);}
#slide1 .ChartArea5 { position:absolute; top:calc(50% - 90px); right:calc(50% - 500px);}
#slide1 .ChartArea6 { position:absolute; bottom:calc(50% - 310px); left: calc(50% + 140px);}

/* 결혼가정 */
#slide2 h1 {background: url(../../images/ManAndWoman/sub/title02_bg.png) no-repeat left top;
    width: 530px;
    height: 610px; text-indent: -1000px; overflow: hidden; position: absolute;
    left: calc(50% - 600px);
    top: calc(50% - 250px);
    color: #fff;
    text-align: left;
    padding: 400px 0 0 0; z-index:-1;}
#slide2  h2.title1 a:before { background:url(../../images/ManAndWoman/sub/title02_icon_set.png) no-repeat left 0 top 0;}
#slide2  h2.title2 a:before { background:url(../../images/ManAndWoman/sub/title02_icon_set.png) no-repeat left -50px top 0;}
#slide2  h2.title3 a:before { background:url(../../images/ManAndWoman/sub/title02_icon_set.png) no-repeat left -100px top 0;}
#slide2  h2.title4 a:before { background:url(../../images/ManAndWoman/sub/title02_icon_set.png) no-repeat left 0 top -50px;}
#slide2  h2.title5 a:before { background:url(../../images/ManAndWoman/sub/title02_icon_set.png) no-repeat left -50px top -50px;}
#slide2  h2.title1 { top:calc(50% - 280px); left:calc(50% - 470px);}
#slide2  h2.title2 { top:calc(50% - 65px); left:calc(50% - 320px);}
#slide2  h2.title3 { top:calc(50% + 150px); left:calc(50% - 180px);}
#slide2  h2.title4 { top:calc(50% - 65px); left:calc(50% + 40px);}
#slide2  h2.title5 { top:calc(50% + 150px); left:calc(50% + 180px);}
#slide2 h2:hover { background:#fd7859;}


#slide2 .ChartArea1 { position:absolute; top:calc(50% - 305px); left:calc(50% - 350px);}
#slide2 .ChartArea2 { position:absolute; top:calc(50% - 85px); left:calc(50% - 200px);}
#slide2 .ChartArea3 { position:absolute; bottom:calc(50% - 315px); left:calc(50% - 60px);}
#slide2 .ChartArea4 { position:absolute; top:calc(50% - 85px); left:calc(50% + 160px);}
#slide2 .ChartArea5 { position:absolute; bottom:calc(50% - 285px); right:calc(50% - 550px);}

/* 경제활동 */
#slide3 h1 {background:url(../../images/ManAndWoman/sub/title03_bg.png) no-repeat left bottom;
    width: 290px;
    height: 214px; text-indent: -1000px; overflow: hidden; position: absolute;
    left: calc(50% - 145px);
    bottom: calc(50% - 300px);
    color: #fff;
    text-align: left;
    padding: 400px 0 0 0;;}
#slide3  h2.title1 a:before { background:url(../../images/ManAndWoman/sub/title03_icon_set.png) no-repeat left 0 top 0;}
#slide3  h2.title2 a:before { background:url(../../images/ManAndWoman/sub/title03_icon_set.png) no-repeat left -50px top 0;}
#slide3  h2.title3 a:before { background:url(../../images/ManAndWoman/sub/title03_icon_set.png) no-repeat left -100px top 0;}
#slide3  h2.title4 a:before { background:url(../../images/ManAndWoman/sub/title03_icon_set.png) no-repeat left 0 top -50px;}
#slide3  h2.title5 a:before { background:url(../../images/ManAndWoman/sub/title03_icon_set.png) no-repeat left -50px top -50px;}
#slide3  h2.title1 { top:calc(50% + 120px); left:calc(50% - 290px);}
#slide3  h2.title2 { top:calc(50% - 10px); left:calc(50% - 205px);}
#slide3  h2.title3 { top:calc(50% - 70px); left:calc(50% - 58px);}
#slide3  h2.title4 { top:calc(50% - 10px); left:calc(50% + 90px);}
#slide3  h2.title5 { top:calc(50% + 120px); left:calc(50% + 175px);}
#slide3 h2:hover { background:#19b9c3;}


#slide3 .ChartArea1 { position:absolute; top:calc(50% + 110px); left:calc(50% - 550px);}
#slide3 .ChartArea2 { position:absolute; top:calc(50% - 80px); left:calc(50% - 370px);}
#slide3 .ChartArea3 { position:absolute; top:calc(50% - 280px); left:calc(50% - 115px);}
#slide3 .ChartArea4 { position:absolute; top:calc(50% - 80px); left:calc(50% + 230px);}
#slide3 .ChartArea5 { position:absolute; top:calc(50% + 110px); right:calc(50% - 550px);}

/* 양성평등 인식변화 */
#slide4 h2 a:before { content:none;}
#slide4 h2 a { padding:0; height:auto; width:auto; color:#fff; font-size:16px; opacity:0.85; text-align: left;}
#slide4 h2 a:hover { opacity:1;}
#slide4 h1 { background:url(../../images/ManAndWoman/sub/title04_bg.png) no-repeat left top; width:241px; height:319px; position:absolute; text-indent:-1000px; overflow:hidden; left:calc(50% - 120px); top: calc(50% - 159px);}
#slide4 h2 { width:auto; height:auto; background:none; border:none; border-radius:0; padding:0; color:#fff; width:210px; text-align:left;}
#slide4 h2.title1 { top:calc(50% - 220px); right:calc(50% + 115px);}
#slide4 h2.title1 a, #slide4 h2.title3 a, #slide4 h2.title5 a { text-align:right;}
#slide4 h2.title2 { top:calc(50% - 230px); left:calc(50% + 115px); }
#slide4 h2.title3 { top:calc(50% - 18px); right:calc(50% + 115px);}
#slide4 h2.title4 { top:calc(50% - 25px); left:calc(50% + 115px) }
#slide4 h2.title5 { top:calc(50% + 180px); right:calc(50% + 115px);}
#slide4 h2.title6 { top:calc(50% + 180px); left:calc(50% + 115px) }/**/

#slide4 .ChartArea1 { position:absolute; top:calc(50% - 260px); right:calc(50% + 320px);}
#slide4 .ChartArea2 { position:absolute; top:calc(50% - 260px); left:calc(50% + 320px);}
#slide4 .ChartArea3 { position:absolute; top:calc(50% - 50px); right:calc(50% + 320px);}
#slide4 .ChartArea4 { position:absolute; top:calc(50% - 50px); left:calc(50% + 320px);}
#slide4 .ChartArea5 { position:absolute; top:calc(50% + 150px); right:calc(50% + 320px);}
#slide4 .ChartArea6 { position:absolute; top:calc(50% + 150px); left:calc(50% + 320px);}
#slide4 .ContDetailBox .DetailNav { }
#slide4 .ContDetailBox .DetailNav a { width:16%; font-size:12px;height:80px; }
#slide4 .ContDetailBox .DetailNav a span { display:table-cell; vertical-align:middle;}
#slide4 .ContDetailBox .DetailNav a.M_on { width:20%; font-size:16px;}
#slide4 .ContDetailBox h2 { width:auto; color:#333;}

#slide1 .ContDetailBox .DetailNav a { width:16%;}
#slide1 .ContDetailBox .DetailNav a.M_on {width: 20%;}

.SubIndex h2.title4 a { padding-top: 62px; }

/* chart */
.ChartType_no { font-size:20px; color:#ffcc33;}/* 남녀 수치비교 */
.ChartType_no span { display:inline-block; background: no-repeat center center; width:22px; height:45px; vertical-align:middle; margin-right:10px; text-indent:-1000px; overflow:hidden;}
.ChartType_no li {font-weight: bold;} 
.ChartType_no li:first-child { margin-bottom:10px;}
.ChartType_no li:first-child span {background-image:url(../../images/ManAndWoman/sub/symbol_man.png);}
.ChartType_no li:last-child span {background-image:url(../../images/ManAndWoman/sub/symbol_woman.png);}

.ChartType_rank { font-size:16px; color:#fff;}/* 남녀 수치비교 */
.ChartType_rank span { display:inline-block; background: no-repeat center center; width:22px; height:45px; vertical-align:middle; margin-right:10px; text-indent:-1000px; overflow:hidden;}
.ChartType_rank strong { font-size:18px; display:block;}
.ChartType_rank ul { display:inline-block; vertical-align:middle; overflow:hidden;}
.ChartType_rank>li:first-child { margin-bottom:10px;}
.ChartType_rank>li:first-child span {background-image:url(../../images/ManAndWoman/sub/symbol_man.png);}
.ChartType_rank>li:last-child span {background-image:url(../../images/ManAndWoman/sub/symbol_woman.png);}
.ChartType_rank li li { display:inline-block; margin-right:20px; position:relative; text-align: left; }
.ChartType_rank li li:first-child {color:#ffcc33; font-size:18px; font-weight:bold;}
.ChartType_rank li li:first-child strong { font-size:20px;}
.ChartType_rank li li strong:after { content:''; display:inline-block; background:url(../../images/ManAndWoman/sub/rank_arrow.png) no-repeat center center; width:11px; height:50px; position:absolute; right:-20px; bottom:4px; }
.ChartType_rank li li:last-child  strong:after {width:0; height:0; overflow:hidden;}

#slide2 .ChartType_no { color:#fd7859;}
#slide2 .ChartType_rank li li:first-child { color:#fd7859;}

/* ToolTip */
.ToolTip { position:absolute; background:#fff; border:#ccc solid 1px; border-radius:3px; padding:5px; font-size:12px; z-index:9999;}
.ToolTip.ArrowLT:before { content:''; display:block; width:11px; height:11px; position:absolute; left:15px; top:-11px; background:url(../../images/ManAndWoman/sub/arrow_lt.png) no-repeat left top;}
.ToolTip.ArrowLB:before { content:''; display:block; width:11px; height:11px; position:absolute; left:15px; bottom:-11px; background:url(../../images/ManAndWoman/sub/arrow_lb.png) no-repeat left top;}
.ToolTip.ArrowRT:before { content:''; display:block; width:11px; height:11px; position:absolute; right:15px; top:-11px; background:url(../../images/ManAndWoman/sub/arrow_rt.png) no-repeat left top;}
.ToolTip.ArrowRB:before { content:''; display:block; width:11px; height:11px; position:absolute; right:15px; bottom:-11px; background:url(../../images/ManAndWoman/sub/arrow_rb.png) no-repeat left top;}

/* 상세 */
.ContDetailBox {position:fixed;width:100%;height:calc(100% - 100px);left:0;top:100px;background:#fff;z-index:100;padding-top:45px; overflow:auto; padding-left:17px;}
.ContDetailBox .DetailNav { width:1100px; position: fixed; left: calc(50% - 580px); top: 92px; z-index: 100;}
.ContDetailBox .DetailNav:before { content:''; display:block; width:9px; height:8px; background:url(../../images/ManAndWoman/sub/slide_nav_left.png) no-repeat left top; position:absolute; left:-8px; top:0; }
.ContDetailBox .DetailNav:after { content:''; display:block; width:9px; height:8px; background:url(../../images/ManAndWoman/sub/slide_nav_right.png) no-repeat left top; position:absolute; right:-68px; top:0; }
.ContDetailBox .DetailNav a { display:table; float:left; height:53px; vertical-align:middle;  line-height:1.2; font-size:14px; color:#666; border:#ddd solid 1px; border-top:none; background:linear-gradient(#fff 50%, #f8f8f8 50%); font-weight:bold; width:20%; border-left:none; text-align:center; }
.ContDetailBox .DetailNav a span { display:table-cell; vertical-align:middle;}
.ContDetailBox .DetailNav a:hover { color:#000;}
.ContDetailBox .DetailNav a.M_on { color:#000; font-size:18px;}
.ContDetailBox .DetailNav a.M_on span { font-weight:bold;}
.ContDetailBox .DetailNav a:first-child { border-bottom-left-radius:8px; border-left:#ddd solid 1px;}

.ContDetailBox .BtnClose { display: block; background: #ddd url(../../images/ManAndWoman/sub/btn_close.png) no-repeat center center; width: 60px; height: 53px; position: fixed; top: 92px; text-indent: -1000px; overflow: hidden; z-index: 100; border-bottom-right-radius: 8px; left: calc(50% + 520px);}
#slide4 .ContDetailBox .BtnClose { height:80px;}

.Cont { width:1160px; margin:0 auto; position:relative;}





.IndexTitle { position:relative; height:240px; margin-top:20px;}
.IndexTitle dt { font-size:30px; color:#333; text-align:center; font-weight:bold; z-index:10; position:absolute; width:100%;}
.IndexTitle dt span { display:block; margin:0 auto; background:#fff no-repeat center center; width:155px; height:155px; border-radius:80px; border:#ddd solid 1px; }
.IndexTitle dd { position:relative; width:100%; top:40px; z-index:1;}
.IndexTitle dd span { font-size:48px; color:#333; font-weight:bold; position:absolute; line-height:84px;}
.IndexTitle dd span.Man { right:calc(50% + 60px);}
.IndexTitle dd span.Man strong { float:right;}
.IndexTitle dd span.Woman { left:calc(50% + 55px);}
.IndexTitle dd span.Woman strong { float:left;}
.IndexTitle dd strong { font-size:84px; font-weight:bold; text-shadow:1px 0 0 #333; margin-top:-20px;}

.ContDetailBox h2 { background:none; border:none; width:auto; height:auto; font-size:18px; color:#000; font-weight:bold; position:relative; text-align:left; margin-bottom:10px;}
.ContDetailBox h2:hover { background:none !important;}
.ContDetailBox h2 span {color:#fff; text-shadow:1px 1px 0 #333; font-size:14px; padding:0px 5px 2px 5px;}
.ContDetailBox .Stress .ChartArea { margin-bottom: 0; }

#slide1 .ContDetailBox h2 span {background:#ffcc33;}
#slide2 .ContDetailBox h2 span {background:#fd7859;}
#slide3 .ContDetailBox h2 span {background:#45d1da;}
#slide4 .ContDetailBox h2 span {background:#9866be;}
.ContDetailBox .Info {font-size:14px;line-height:16px;margin-bottom:5px; padding-right: 100px; }
.ContDetailBox .Source {margin-bottom:10px;}
.BtnTable { display:block; height:26px; line-height:28px; font-family:dotum, '돋움', sans-serif; font-size:12px; font-weight:bold; color:#fff; padding:0 10px 0 25px; background:#666 url(../../images/ManAndWoman/sub/icon_table.png) no-repeat 10px center; position:absolute; margin-top:-40px; right:0; border-radius:13px;}
.BtnTable:hover { color:#fff; background-color:#000}

.ContDetailBox .ChartArea { margin-bottom:30px;}

#slide4 .IndexTitle { margin-top:80px; margin-bottom:30px;}
#slide4 .IndexTitle dt span { background:url(../../images/ManAndWoman/sub/slide4_vs.png) no-repeat center center; border-radius:0; border:none;}
#slide4 .IndexTitle dd span.Man strong { background:url(../../images/ManAndWoman/sub/slide4_type1.png) no-repeat right center; width:200px; height:155px; text-indent:-1000px; overflow:hidden;}
#slide4 .IndexTitle dd span.Woman strong { background:url(../../images/ManAndWoman/sub/slide4_type2.png) no-repeat left center; width:160px; height:155px; text-indent:-1000px; overflow:hidden;}
#slide4 .IndexTitle dd { top:20px;}
#slide4 .IndexTitle dd span {line-height:105px;}
#slide4 svg text { font-weight:bold;}


.DataControl { border-radius:20px; display:inline-block; position:absolute; top:calc(50% - 270px); left:calc(50% - 94px); background: rgba(255, 255, 255, 0.2);}
.DataControl a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    width: 90px;
    height: 38px;
    text-align: center;
    border-radius: 19px;
    margin: 0;
    vertical-align: middle;
    opacity: 0.8;
}
.DataControl a.M_on {
    background: linear-gradient(#ffcc00, #cc9900);
    font-size: 18px;
    font-weight: bold;
    color: #000;
    vertical-align: middle;
    line-height: 32px;
    opacity: 1;
}

/* 동상이몽 */
.Different {position:absolute; height:calc(100% - 140px); width:100%; top:100px; background:#edf0f2;}
.Different .Intro .Header { height:130px; position:relative; background:#fd6ba1 url(../../images/ManAndWoman/sub/different_top_bg.png) repeat-x center center; text-align:center; padding-top:30px;}

.Different .Intro .Header h1:before { content:''; background:url(../../images/ManAndWoman/sub/different_top_mw.png) no-repeat left top; width:191px; height:184px; display:block; position:absolute; bottom: -37px; left: calc(50% - 400px); z-index:1;}
.Different .Intro .Header p { position:relative; display:inline-block; text-align:center; color:#000; font-size:18px; z-index:2;}
.Different .Intro .Header p strong { display:block; font-size:16px; background:rgba(0, 0, 0, 0.5); color:#fff; padding:0 10px;}
.Different .Intro .Header h1 { background:url(../../images/ManAndWoman/sub/different_title.png) no-repeat center center; width:136px; height:43px; text-indent:-1000px; overflow:hidden;margin:0 auto;z-index:1;}
.Different .Intro .Header button { position:absolute; width:90px; height:90px; background-color:rgba(255, 255, 255, 0.7); background-image:url(../../images/ManAndWoman/sub/different_icon_write1.png); background-position:center 20px; background-repeat:no-repeat; border-radius:45px; font-size:16px; color:#000; padding-top:30px; font-weight:bold; position:absolute; right:40px; top:calc(50% - 45px); }

.Different .ListArea { height:calc(100% - 130px); position:absolute; overflow:auto; width:100%;}
.Different .ListArea { height:calc(100% - 130px); position:absolute; overflow:auto; width:100%;}

.ListSearch { width:1180px; margin:0 auto; padding-top:20px; margin-bottom:10px; text-align:right;}
.ListSearch label { height:0; width:0; overflow:hidden; position:absolute; font-size:0;}
.ListSearch input { height:35px; width:285px; border:#ddd solid 1px; border-top-left-radius:5px; border-bottom-left-radius:5px;vertical-align:top; }
.ListSearch button { height:35px; width:95px; background-image:url(../../images/ManAndWoman/sub/different_icon_search.png), linear-gradient(#fff, #f5f5f5); background-repeat:no-repeat; background-position:10px center, left top; text-align:left; padding-left:30px;border:#ddd solid 1px; border-left:none;border-top-right-radius:5px; border-bottom-right-radius:5px; line-height:33px; vertical-align:top; margin-left:-5px;}

.Different .List { width:1180px; margin:0 auto; overflow:auto; padding:10px 0;}
.Different .List div { width:380px; height:305px; position:relative; float:left; margin-right:20px; margin-bottom:20px; background:#fff; border:#ddd solid 1px; border-radius:5px; padding:20px; text-align:left;}
.Different .List div:nth-child(3n) { margin-right:0;}
.Different .List div .State { position:absolute; right:20px; top:-1px;}
.Different .List div .Number { float:left; font-size:34px; color:#000; margin-right:10px;}

/* 20181120 추가 */
.Different .List div .Best {background:url(../../images/ManAndWoman/sub/best_bg.png) no-repeat 0 0;position:absolute;left:7px;top:-5px;width:47px;height:36px;color:#fff;font-size:11px;text-align:center;line-height:27px;}
.Different .List div .BestWriteInfo {padding-left:10px;}
.Different .List div .BestTitle {padding-left:10px;}
/* 20181120 추가 */

.Different .List div .WriteInfo { font-size:12px; margin-bottom:5px; display:inline-block;}
.Different .List div .Title { display:inline-block; font-size:18px; color:#000; width:290px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px; font-weight:bold;}
.Different .List div .Reaction {font-family:dotum, '돋움', sans-serif; font-size:12px; position:absolute; height:36px; width:calc(100% - 20px); left:10px; bottom:20px; background:#f5f5f5; border-bottom:#ddd solid 1px; border-radius:4px; line-height:34px; padding-left: 10px;}
.Different .List div .Reaction img { vertical-align:middle; margin-right:6px; margin-left:20px;}
.Different .List div .More { font-family:dotum, '돋움', sans-serif; font-size:12px; position:absolute; right:26px; bottom:28px;}
.Different .List div .Tag { display:block; width:calc(100% - 40px); position:absolute; bottom:70px; left:20px; overflow:hidden; height:26px; text-align: left;}
.Different .List div .Tag strong { display:inline-block; margin-right:5px; background:#ddd; padding:0 2px;  font-family:dotum, '돋움', sans-serif; font-size:12px; color:#555; margin-bottom:10px;}
.Different .List div.Type_S .Comment { clear:both; display:inline-block; font-size:14px; overflow:hidden; width:340px; height:40px; text-overflow:ellipsis; word-wrap: break-word;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3; margin-bottom:15px;}
.Different .List div.Type_S .Cast { text-align:center; display:block;}
.Different .List div.Type_S .Cast img { margin:0 3px;}

.Different .List div.Type_C { background:#e7e2d9;}
.Different .List div.Type_C .Comment img { border:#bdb6af solid 1px; margin-right:5px; width:103px; height:110px;}
.Different .List div.Type_C .Comment img:last-child { margin-right:0;}
.Different .List div.Type_C .Tag strong { background:#cbc7bf;}

.Different .List div .TypeTitle { color:#fff; display:block; width:79px; height:27px; position:absolute; right:-1px; top:-1px; font-size:12px; font-weight:bold; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); line-height:27px; padding-left:24px; background:no-repeat 7px center; border-bottom-left-radius:5px;  border-top-right-radius:5px;}
.Different .List div.Type_S .TypeTitle { background-color:#36c; background-image:url(../../images/ManAndWoman/sub/different_title_s.png);}
.Different .List div.Type_C .TypeTitle { background-color:#f26722; background-image:url(../../images/ManAndWoman/sub/different_title_c.png);}


.Paging { text-align:center; margin-bottom:30px;}
.Paging button { display:inline-block; background:no-repeat left top; width:31px; height:31px; text-indent:-1000px; overflow:hidden; vertical-align:middle; margin:0 5px;}
.Paging button.Off { opacity:0.3; cursor:default; outline:none;}
.Paging button.ArrowLeft { background-image:url(../../images/ManAndWoman/sub/btn_left.png);}
.Paging button.ArrowRight { background-image:url(../../images/ManAndWoman/sub/btn_right.png);}

.Paging a { display:inline-block; width:31px; height:31px; vertical-align:middle; line-height:31px; font-size:16px;}
.Paging a.M_on { font-weight:bold; color:#000; text-decoration:underline; }

.Different .BtnWrite1 { background:#435060 url(../../images/ManAndWoman/sub/different_icon_write2.png) no-repeat 10px center; padding:0 10px 0 25px; font-family:dotum, '돋움', sans-serif; font-size:12px; color:#fff; line-height:29px; height:29px;  position:absolute; right: calc(50% - 1180px/2); margin-top: -60px; }

/* 상세 */
.Different .DetailPage .Header { height:100px; position:relative; background:#fd6ba1 url(../../images/ManAndWoman/sub/different_top_bg.png) repeat-x center center; text-align:center; padding-top:30px; margin-bottom:30px;}

.Different .DetailPage .Header h1:before { content:''; background:url(../../images/ManAndWoman/sub/different_top_mw1.png) no-repeat left top; width:146px; height:140px; display:block; position:absolute; bottom: -28px; left: calc(50% - 400px); z-index:1;}
.Different .DetailPage .Header p { position:relative; display:inline-block; text-align:center; color:#000; font-size:18px; z-index:2; vertical-align:middle;}
.Different .DetailPage .Header h1 { background:url(../../images/ManAndWoman/sub/different_title.png) no-repeat center center; width:136px; height:43px; text-indent:-1000px; overflow:hidden;margin:0 auto;z-index:1; display:inline-block; vertical-align:middle;}
.Different .DetailPage .DetailBox { width:1180px; height:calc(100% - 150px); left:50%; margin-left:-590px; top:130px; position:absolute;}
.Different .DetailPage .DetailBox .Cont { width:810px; height:100%; float:left; position:relative; }
.Different .DetailPage .DetailBox .Cont h1 {border:#ddd solid 1px; border-right:none; background:linear-gradient(#fff, #f5f5f5); height:50px; text-align:left; padding-left:10px; font-weight:bold; font-size:18px; color:#000; line-height:42px;}
.Different .DetailPage .DetailBox .Cont h1 span { background:#036 no-repeat 8px center; display:inline-block; height:28px; font-size:14px; color:#fff; line-height:25px; vertical-align:middle; margin-right:20px; padding:0 10px 0 25px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);}
.Different .DetailPage .DetailBox .Cont.Cont_S h1 span { background-image:url(../../images/ManAndWoman/sub/different_title_s.png); background-color:#36c;}
.Different .DetailPage .DetailBox .Cont.Cont_C h1 span { background-image:url(../../images/ManAndWoman/sub/different_title_c.png); background-color:#f26722;}
.Different .DetailPage .DetailBox .Cont .BtnList { height:28px; border:#ddd solid 1px; background-image:url(../../images/ManAndWoman/sub/btn_list.png), linear-gradient(#fff, #f5f5f5); background-position:8px center, center center; background-repeat:no-repeat; display:inline-block; padding:0 10px 0 30px; line-height:28px; font-family:dotum, '돋움', sans-serif; font-size:12px; color:#333; position:absolute; right:20px; top:11px; }
.Different .DetailPage .DetailBox .Cont .Scenario { width:100%; height:calc(100% - 50px); overflow-y:scroll; background:#b2c7d9; padding:15px 20px; border:#ddd solid 1px; border-top:none; }
.Different .DetailPage .DetailBox .Cont .CardNews { width:100%; height:calc(100% - 50px); overflow-y:scroll; background:#f4f4f4; padding:15px 20px; border:#ddd solid 1px; border-top:none; text-align:center; }
.Different .DetailPage .DetailBox .Cont .CardNews img { max-width:95%;}
.Different .DetailPage .DetailBox .Cont pre { word-wrap:break-word; white-space:pre-wrap;}
.Different .DetailPage .DetailBox .Cont .Date { font-size:14px; text-align:center; margin-bottom:10px; position:relative;}
.Different .DetailPage .DetailBox .Cont .Date:before { content:''; display:block; width:330px; height:1px; background:#8e9fae; position:absolute; left:0; top:11px;}
.Different .DetailPage .DetailBox .Cont .Date:after { content:''; display:block; width:330px; height:1px; background:#8e9fae; position:absolute; right:0; top:11px;}
.Different .DetailPage .DetailBox .Cont .Scenario .situation { text-align:left; background:#a9bdce; padding:15px 20px; color:#333; line-height:1.3; margin-bottom:20px;}
.Different .DetailPage .DetailBox .Cont .Scenario .situation:first-child { background:rgba(255, 255, 255, 0.5); border-bottom:#a9bdce solid 2px;}
.Different .DetailPage .DetailBox .Cont .Scenario dl { margin-bottom:20px; padding-left:68px; position:relative; min-height:46px;width:auto; overflow:auto;}
.Different .DetailPage .DetailBox .Cont .Scenario dl dt { position:absolute; left:0; top:0; }
.Different .DetailPage .DetailBox .Cont .Scenario dl dt span { font-size: 12px; position: absolute; color: #333; left: 68px; }
.Different .DetailPage .DetailBox .Cont .Scenario dl dd { text-align:left; background:#fff; border-radius:5px;width: auto; float:left; padding:10px 20px; box-shadow:1px 1px 3px #97a9b9; position:relative; color:#333; margin-top: 20px;}
.Different .DetailPage .DetailBox .Cont .Scenario dl dd:before { content:''; display:block; background:url(../../images/ManAndWoman/sub/bubble_arrow.png) no-repeat left top; width:8px; height:9px; position:absolute; left:-8px; top:10px;}
.Different .DetailPage .DetailBox .Cont .Scenario dl.Talker { padding-left:0; padding-right:68px; position:relative;}
.Different .DetailPage .DetailBox .Cont .Scenario dl.Talker dt { position:absolute; left:auto; right:0; }
.Different .DetailPage .DetailBox .Cont .Scenario dl.Talker dt span { left: auto; right: 68px; }
.Different .DetailPage .DetailBox .Cont .Scenario dl.Talker dd { background:#ffeb33; float:right; }
.Different .DetailPage .DetailBox .Cont .Scenario dl.Talker dd:before { background-image:url(../../images/ManAndWoman/sub/bubble_arrow1.png); right:-8px; left:auto;}

.Different .DetailPage .DetailBox .RightArea { width:370px; height:100%; float:left; position:relative;}
.Different .DetailPage .DetailBox .RightArea .Reaction { height:50px; background:#435060; padding-left:20px;}
.Different .DetailPage .DetailBox .RightArea .Reaction a { display:inline-block; margin-right:20px; color:#fff; line-height:50px;font-family:dotum, '돋움', sans-serif; font-size:12px; color:#fff;}
.Different .DetailPage .DetailBox .RightArea .Reaction a:hover { text-decoration:underline;}
.Different .DetailPage .DetailBox .RightArea .Reaction img { vertical-align:middle; margin-right:5px;}
.Different .DetailPage .DetailBox .RightArea .Reaction span { display:inline-block; margin-right:20px; color:#fff; line-height:50px;font-family:dotum, '돋움', sans-serif; font-size:12px; color:#fff;}
.Different .DetailPage .DetailBox .RightArea .Reaction .Check { font-weight:bold; position:relative;}
.Different .DetailPage .DetailBox .RightArea .Reaction .Check:before { content:''; background:url(../../images/ManAndWoman/sub/icon_check.png) no-repeat center center; width:15px; height:15px; position:absolute; left:10px; top:13px;}

.Different .DetailPage .DetailBox .RightArea .Reply { height:calc(100% - 100px); background:#e8eaed; border-right:#ddd solid 1px; overflow-y:scroll; }
.Different .DetailPage .DetailBox .RightArea .ReplyWrite {height:50px; background:#435060; padding:10px; padding-right:78px; text-align:left;position:relative;}
.Different .DetailPage .DetailBox .RightArea .ReplyWrite label { font-size:0; height:0; width:0; overflow:hidden; position:absolute;}
.Different .DetailPage .DetailBox .RightArea .ReplyWrite input { border:none; height:30px; width:100%; padding-left:5px;}
.Different .DetailPage .DetailBox .RightArea .ReplyWrite button { height:30px; width:78px; border-left:#ddd solid 1px; background:linear-gradient(#fff, #f5f5f5); font-family:dotum, '돋움', sans-serif; font-size:12px; color:#333; position:absolute; right:10px; top:10px; }
.Reply { padding:0 10px;}
.Reply li { padding:5px 0; border-bottom:#ddd solid 1px; text-align:left; color:#333; position:relative;}
.Reply li .WriteInfo { font-size:12px;}
.Reply li .BtnGroup { position:absolute; right:0; bottom:6px;}
.Reply .BtnDelete { background:url(../../images/ManAndWoman/sub/btn_delete.png) no-repeat center center; width:16px; height:16px; text-indent:-1000px; overflow:hidden;}

/* 시간비교 */
.TimeCompare {overflow:auto; width:100%; background:#f4f4f4; border:#ddd solid 1px; padding:30px 0 20px 0;}
.TimeCompare div { float:left; width:50%;}
.TimeCompare div svg rect {fill: none; stroke: none;}

.ContDetailBox .ChartArea text { font-weight: bold; } 
.ContDetailBox .ChartArea.MTypeChart { background: #f4f4f4; border: #ddd solid 1px; text-align:center; }
.ContDetailBox .ChartArea.MTypeChart svg { width: 1000px; }
.ContDetailBox .ChartArea.MTypeChart svg rect { fill: none; stroke: none; }

#slide2 .Stress .ChartColor {
    fill: none;
    stroke: #fd7859;
}

#slide2 .Stress .ChartColor2 {
    fill: none;
    stroke: #00a8b7;
}

.Login { position:absolute; width:0; height:0; overflow:hidden; }
.Login.Open { right:0; bottom:0; width:100%; height:auto; background:#fff; text-align:left; padding:15px; border:#000 solid 3px;}
.Login.Open h3 { font-size:18px; color:#036; font-weight:bold; margin-bottom:10px;}
.Login.Open p { font-size:12px; color:#555; min-height:46px; padding-left:80px; background:url(../../images/ManAndWoman/sub/icon_login.png) no-repeat left center; margin-bottom:20px;}
.Login.Open .BtnGroup { overflow:auto;}
.Login.Open .BtnGroup button { height:67px; font-size:12px; color:#036; background:linear-gradient(#fff, #f4f4f4); border:#ccc solid 1px; box-shadow:0 1px 0 #999; float:left; text-align:center;}
.Login.Open .BtnGroup button:hover { border-color:#333;}
.Login.Open .BtnGroup button strong { font-size:14px; color:#000; font-weight:bold; display:block;}
.Login.Open .BtnGroup button:first-child { width:44%; margin-right:1%;}
.Login.Open .BtnGroup button:last-child { width:55%;}
.Login.Open .BtnClose { text-indent:-2000px; background:url(../../images/ManAndWoman/sub/btn_close.png) no-repeat center center; width:21px; height:21px; position:absolute; right:15px; top:15px; font-size:0;}


/* 스트레스 */
.Stress { overflow:auto; width:100%; margin-bottom:30px;} 
.Stress p {float:left; width:100%; text-align:center; position:relative;}
.Stress p:before { content:''; display:block; width:42%; height:1px; background:#ddd; position:absolute; left:0; top:9px;}
.Stress p:after { content:''; display:block; width:42%; height:1px; background:#ddd; position:absolute; right:0; top:9px;}
.Stress dl { width:370px; float:left; margin-right:25px; position:relative;}
.Stress dl:last-child { margin-right:0;}
.Stress dl dd span { color:#333 !important;}
.Stress dl dd { text-align:center; background:#f4f4f4; border:#ddd solid 1px; overflow:auto; padding:15px;}
.Stress dl dt { text-align:left; font-weight:bold; color:#000; font-size:17px; margin-bottom:20px;}
.Stress dl dt a { margin-top:-23px;}

/* 동상이몽 응모하기 */
.Newwin { height:0; width:0; overflow:hidden; position:absolute;}
.Newwin.Open { background:rgba(0, 0, 0, 0.8); left:0; top:-100px; width:100%; height:100vh; z-index:10002;}
.Newwin.Open .ContBox { background:#fff; position:absolute; width:600px; height:calc(100% - 80px); top:40px; left:calc(50% - 300px); padding:15px 0;}
.Newwin.Open .ContBox h1 { font-size:18px; font-weight:bold; color:#000; padding-left:20px;}
.Newwin.Open .ContBox .ContArea { overflow:auto; border-top:#ddd solid 1px;  border-bottom:#ddd solid 1px; padding:20px; position:absolute; left:0; top:60px; height:calc(100% - 150px); text-align:left;}

.Newwin.Open .ContBox .BtnWrite2 { width:205px; height:39px; background:#333 url(../../images/ManAndWoman/sub/btn_write.png) no-repeat left 50px center; color:#fff; font-size:18px; font-weight:bold; border-radius:20px; padding-left:20px; position:absolute; bottom:30px; left:calc(50% - 103px);}
.Newwin.Open .ContBox .BtnClose { width:21px; height:21px; background:url(../../images/ManAndWoman/sub/btn_close.png) no-repeat center center; position:absolute; right:20px; top:20px; text-indent:-1000px; overflow:hidden;}
.Newwin.Open .ContBox .ContArea h2 { font-size:15px; color:#fff; font-weight:bold; text-align:left;  background:#333; display:inline-block; padding:0 3px; margin-bottom:10px;}
.Newwin.Open .ContBox .ContArea p { line-height:1.4; margin-bottom:15px;}

.Newwin.Open .ContBox .InputArea { background:#f4f4f4; border:#ddd solid 1px; padding:15px;}
.Newwin.Open .ContBox .InputArea .SelectType { overflow:auto; margin-bottom:10px; display:block; padding: 5px; border: #ddd solid 1px;}
.Newwin.Open .ContBox .InputArea .SelectType a { float:left; width:50%; height:32px; text-align:center; border:#ccc solid 1px; line-height:30px; font-family:dotum, '돋움', sans-serif; font-size:12px;border: #ddd solid 1px;}
.Newwin.Open .ContBox .InputArea .SelectType a img { height:0; width:0; }
.Newwin.Open .ContBox .InputArea .SelectType a.M_on { color:#fff; font-weight:bold; }
.Newwin.Open .ContBox .InputArea .SelectType a.M_on img { height:auto; width:auto; margin-right:10px; vertical-align:middle;}
.Newwin.Open .ContBox .InputArea .SelectType a:first-child { border-right:none;}
.Newwin.Open .ContBox .InputArea .SelectType a.M_on:first-child { background:#36c; border-color:#36c;}
.Newwin.Open .ContBox .InputArea .SelectType a:last-child { border-left:none;}
.Newwin.Open .ContBox .InputArea .SelectType a.M_on:last-child { background:#f26722; border-color:#f26722;}
.Newwin.Open .ContBox .InputArea ul { overflow:auto;}
.Newwin.Open .ContBox .InputArea li { display:inline-block; white-space:nowrap; margin-bottom:4px; margin-right:10px;}
.Newwin.Open .ContBox .InputArea li label { line-height:22px; font-family:dotum, '돋움', sans-serif; font-size:12px; display:inline-block; width:70px;}
.Newwin.Open .ContBox .InputArea li input[type=text] {font-family:dotum, '돋움', sans-serif; font-size:12px; line-height:20px; border:#ccc solid 1px; padding-left:5px; height:22px;}
.Newwin.Open .ContBox .InputArea li select {font-family:dotum, '돋움', sans-serif; font-size:12px; line-height:22px; border:#ccc solid 1px; padding-left:5px; height:24px;}
.Newwin.Open .ContBox .InputArea .BtnPlus { background:url(../../images/ManAndWoman/sub/btn_plus.png) no-repeat center center; width:21px; height:21px; text-indent:-1000px; overflow:hidden;}
.Newwin.Open .ContBox .InputArea .BtnDelete1 { background:#fff url(../../images/ManAndWoman/sub/btn_delete.png) no-repeat center center; width:21px; height:21px; border:#ccc solid 1px; border-radius:10px; text-indent:-1000px; overflow:hidden;}
.Newwin.Open .ContBox .InputArea li:last-child { position:relative; padding-left:70px; white-space:normal;}
.Newwin.Open .ContBox .InputArea li:last-child label { position:absolute; left:0; top:0;}
.Newwin.Open .ContBox .InputArea li:last-child input[type=file] { margin-bottom:3px;}

.Main .Newwin.Open.Small .LayerCont { width:350px; height:360px;  left:calc(50% - 175px); top:calc(50% - 180px);}

.ContDetailBox .BtnGroup { position: absolute; right: 0; display: block; margin-top: -35px; }
.ContDetailBox .BtnGroup .BtnTable { position: relative; right: auto; display: inline-block; margin-left: 10px; }

/* 반응형 웹 - 탭 */
@media all and (max-width: 1180px){
	html { min-width:100% !important;}
	.ContDetailBox { padding-left:0;}
	.ContDetailBox .BtnClose { left:auto; right:0;}
	.Cont { width:100%;}
	.ContDetailBox svg {height:auto !important; width:100% !important;}	
	
	.ListSearch { width:100%;}
	.Different .List { width:100%;}
	.Different .BtnWrite1 { right:10px;}
	.Different .List div { width:49%; margin-right:2%;}
	.Different .List div:nth-child(2n) { margin-right:0;}
	.Different .List div:nth-child(3n) { margin-right:2%;}
	.Different .DetailPage .DetailBox { width:100%; left:0; margin-left: 0;}
	.Different .DetailPage .DetailBox .Cont {width:70%; }
	.Different .DetailPage .DetailBox .RightArea { width:30%;}
}
@media all and (max-width: 1100px){
	
	.Main h1 { margin-bottom:40px; margin-top:50px; position:relative; margin:0 auto; left:0; top:0;}
	.IntroMenu { padding:20px; position:relative; left:0; top:0;}
	.IntroMenu ul:before { height:0; width:0;}	
	.IntroMenu h2 { width:100% !important; position:relative; background-position:center top !important; clear:both; left:0  !important; text-indent:-2000px; margin-bottom:15px;}
	.IntroMenu ul:nth-child(2) { height:345px; margin-bottom:30px;} /*220513수정 */
	.IntroMenu ul:nth-child(2) li { width: calc(25% - 10px); margin-right: 10px;} /*220513수정 */
	.IntroMenu ul:nth-child(2) li a {}
	.IntroMenu ul:nth-child(2) li:last-child { margin-right:0;}

	.IntroMenu h2:nth-child(3) { margin-top:0;}
	.IntroMenu ul:nth-child(4) li { width:100%;}
	.IntroMenu ul:nth-child(4) li a { height:auto; padding:50px 0 40px 0; background-repeat:repeat;}
	
	header { position:fixed; left:0; top:0; width:100%; height:60px; background:#01325f; border-bottom:#CCC solid 1px; z-index:10001;}
	
	header h1 { top:12px; left: 100px;}
	header h1 a { width:140px;}
	
	.Main header { position:relative; padding:20px 0 0 20px; margin-bottom:30px; height:auto; background:none; border-bottom:none; }
	.Main header h1 { top:auto;}
	.Main header h1 a { width:335px; height:78px; margin-top: 20px;}
	
	.menu button.BtnClose.Open { top:15px;}
	.menu button.MenuBtn { top:15px;}
	
	footer { height:0; width:0; overflow:hidden;}
	
	/* 동상이몽 */
	.Different { top:60px; height:calc(100% - 60px);}
	.Different .List { width:100%;}
	.ListSearch { width:100%;}
	.Different .ListArea { padding:0 20px;}
	.Different .Intro .Header { width:100%;}
	.Different .BtnWrite1 { right:20px;}
	.Different .List div { width:calc(50% - 10px); }
	.Different .List div:nth-child(1n) { margin-right:20px;}
	.Different .List div:nth-child(2n) { margin-right:0;}
	.Different .List div .Title { display:block; width:calc(100% - 50px);}
	.Different .List div.Type_S .Comment { width:100%;}
	.Different .List div.Type_C .Comment { text-align:center; display:block; height:110px; overflow:hidden;}
	
	.Different .DetailPage .DetailBox { width:100%; padding:0 10px; left:0; margin-left:0; overflow:auto;}
	.Different .DetailPage .DetailBox .Cont { float:none; width:100%; border-right:#ddd solid 1px;}
	.Different .DetailPage .DetailBox .RightArea { width:100%;}
	.Different .DetailPage .DetailBox .RightArea .Reply { border-left:#ddd solid 1px; }

	.SubIndex {width: 100%;overflow:auto;padding: 80px 20px  70px 20px ; height:auto; }
	#slide4.SubIndex { padding-top: 170px; }
	#slide4 h2.title1 a, #slide4 h2.title3 a, #slide4 h2.title5 a {  text-align: left; }
	.SubIndex h1 {left: 0 !important; top: 0 !important;  width: 0 !important; height: 0 !important; padding:0 !important;}
	.SubIndex h2 {position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;float:left;clear:both;margin-bottom: 40px;}
	.SubIndex div {position:relative !important; left:auto !important; top:auto !important; right:auto !important; bottom:auto !important; float:left;}
	#slide4.SubIndex h2 { padding-top: 20px !important;}

	.ChartType_no { padding-left:60px}
	.ChartType_rank { font-size:12px; padding:0 5px 0 53px;}
	.ChartType_rank li:first-child { font-size:12px !important;}
	.ChartType_rank li li {margin-right:20px;}
	.ChartType_rank li li strong:after { right:-17px;}
	
	.SubIndex div svg { height: 130px; }
	
	.PageInfo {left: 20px;right: auto;top: 10px; bottom:auto;}
	
	.SubNav {display:table;width:100%;border-top: #333 solid 1px; position:fixed; left:0; bottom:0; margin-bottom:0;}
	.SubNav a { display:table-cell; background:#fff; border-left:#ccc solid 1px; color:#555;line-height:40px; height:40px; opacity:1;}
	.SubNav a:first-child { border-left:none;}
	.SubNav a.M_on { color:#000; font-weight:bold;}
    .BtnArrow {height:0 !important; width:0 !important; overflow:hidden !important;}

    .SubIndex div.DataControl {position: absolute !important; top: 90px !important; left: calc(50% - 94px) !important;}
    #slide4 .SubIndex {padding-top:100px;}
    #slide4 .SubIndex h2 { text-align:left !important; width:100% !important;}
    #slide4 .SubIndex div { margin-bottom:10px;}    

	.Newwin.Open { background:rgba(0, 0, 0, 0.8); left:0; top:0; height:100%; position:fixed; z-index:10002; }
    .Newwin.Open .ContBox { width:100%; height:100%; top:0px; left:0;}

	/* 08-21 */
	.ContDetailBox { width: 100%; left: 0 !important; top: 60px !important; position: fixed !important; float: none; height: calc(100% - 60px); padding-left: 0; z-index: 1000; }
	.ContDetailBox .BtnClose { right:0; top:60px; width:40px; height:53px; background-color:#eee; border-bottom: #ddd solid 1px;}
	.SubIndex div.Cont {width:100% !important;bottom: 0 !important; background: #fff; padding: 0 10px;} 
	#slide4 div.Cont { padding-top:150px;}
	.ContDetailBox .DetailNav:before,  .ContDetailBox .DetailNav:after { height:0; width:0; overflow:hidden;}
	.ContDetailBox .DetailNav {width: calc(100% - 40px); position: fixed; left: 0; top: 60px; background:#ddd;}
	
	.SubIndex .ContDetailBox h2 { display:block; width:auto !important; height:auto !important;}
	.SubIndex .ContDetailBox .Info { clear:both;}
	.SubIndex .ContDetailBox .Source { clear:both;}
	
	.IndexTitle dd span { font-size:30px;}
	
	
	
	.Stress dl { width:100%; margin:0 0 10px 0;}
	.Stress dl { width:100%; margin:0 0 10px 0;}
	.Stress dl dd .ChartArea {margin-bottom:0 !important; text-align:center; width:100%}
	.Stress dl dd .ChartArea svg { width:80% !important;}
	#slide4 .ContDetailBox .DetailNav { width:100%;}
	#slide4 .ContDetailBox .BtnClose { height:25px; width:25px !important;}
	#slide4 .IndexTitle { margin-top:0;}
	#slide4 .ContDetailBox .DetailNav a {width: 33.3% !important;height: 100px !important;line-height:1 !important;padding: 10px;}
	#slide4 .ContDetailBox .DetailNav a.M_on { font-size: inherit;}
	#slide4 .ContDetailBox .DetailNav a span {line-height:1.5 !important;}
	#slide4 .IndexTitle dd span.Man strong {background-size:auto 100%;height:60px;width: 140px;margin-top:20px;}
	#slide4 .IndexTitle dd span.Woman strong {background-size:auto 100%; height:60px; width:120px; margin-top:20px}
	#slide4 .IndexTitle dd span {line-height: 100px !important;}
	.IndexTitle dd span.Man { right: calc(50% + 30px); }
	.IndexTitle dd span.Woman { left: calc(50% + 30px); }
	
	.Different .ListArea { padding: 0 10px;}
	.ContDetailBox .ChartArea { width:100% !important;}
	.force-overflow {width:100%;}

    /* 2018-08-24 */
	.copyright {height:0; width:0;}
		
	.SubIndex.Open {height: calc(100% - 70px);}	
	.SubIndex div.ContDetailBox {/* height: calc(100% + 260px); */}
	.ContDetailBox .DetailNav a {border-radius:0 !important;}
	
	.Time { padding-left:49px;}
	
	.TimeCompare div { float:none; width:100%;}
		
	.IndexTitle dt span { width: 100px; height: 100px; background-size: 99%; margin-top: 30px;}	
}
@media all and (max-width: 670px){ /*220513추가 */
	.IntroMenu ul:nth-child(2) li:last-child a .Title {  background-size:100% }
}	


/* 반응형 웹 - 모바일 */
@media all and (max-width: 639px){
	
	.IntroMenu ul a{ background:none;}
	.IntroMenu ul:nth-child(2) { height:auto; margin-bottom:30px;display: block;}
	.IntroMenu ul:nth-child(2) li { width:100%; margin-right:0; float:none; height:auto; margin-bottom:20px;}
	.IntroMenu ul:nth-child(2) li a { background-position:left -20px center !important; padding:20px 20px 30px 150px; text-align:left;}
	.IntroMenu ul:nth-child(2) li a span.Title { text-align:left !important; background:none !important;  text-indent:0; font-size:22px; font-weight:bold; height:auto;}
	.IntroMenu ul:nth-child(2) li a:after { height:0; width:0; overflow:hidden;}
	.IntroMenu ul:nth-child(2) li:last-child { margin-right:0;}
	.IntroMenu h2:nth-child(3) { margin-top:0;}
	.IntroMenu ul:nth-child(4) li { width:100%;}
	.IntroMenu ul:nth-child(4) li a { height:auto; padding: 50px 30px 40px 200px; background-repeat:repeat; text-align:right; }
	.IntroMenu ul:nth-child(4) li a .Title {background-position: right center;text-align: left;}
		
	/* 동상이몽 */
	.Different { top: 60px; height: calc(100% - 60px); }  	
	.Different .List div { width:100%; margin-right:0;}

	.Newwin.Open .ContBox .InputArea li { white-space:normal;}	

	.Different .Intro .Header {height: 70px; padding-top:20px; text-align: left;}
	.Different .Intro .Header h1 {margin: 0 0 10px 20px;}
	.Different .Intro .Header h1:before { display:none;}
	.Different .Intro .Header p {text-align:left; padding-left:20px; font-size:0px; }
	.Different .Intro .Header p strong { font-size:0; margin-top:5px;}
	.Different .Intro .Header .BtnWrite {top: 0; border-radius: 0; width:70px; height:70px; right:0px; background-position:center 15px;}

	.Different .DetailPage .Header p { font-size: 0;}
	.Different .DetailPage .Header h1 { width: 100px; background-size: 100%;}
	.Different .DetailPage .DetailBox .Cont h1 span { text-indent: -1000px; margin-right: 10px;}
	.Different .DetailPage .Header {height: 55px; padding-top: 7px;}
	.Different .DetailPage .DetailBox {height: calc(100% - 70px);  top: 70px;}
	.Different .DetailPage .DetailBox .Cont .Scenario { height:auto;}
	.Different .DetailPage .DetailBox .RightArea .Reply {height: auto; min-height:40px;}
	.Different .DetailPage .DetailBox .Cont { height:auto;}
	.Different .DetailPage .DetailBox .RightArea { height:auto;}
	
	.Main .Wrap { background:#01325f;}	
	.Main h1 a { max-width: 60%; }
		
	.IndexTitle dt { font-size:24px;}
	.IndexTitle dt span { margin-bottom:40px;}	
	.ChartType_rank li li:last-child { margin-right:0;}

	#slide4 h2 a { padding-top: 0 !important; }
	.Different .ListArea {height: calc(100% - 70px);}	
	
	.ContDetailBox .BtnGroup { position: relative; margin-top: 0; margin-bottom: 10px;}
	.ContDetailBox .BtnGroup .BtnTable { border-radius:15px;}	
	#slide4.SubIndex h2 { width:100% !important; margin-bottom:10px;}
		
}

@media all and (max-width: 530px){
	.IndexTitle dd span { font-size:20px;}
	.IndexTitle dd strong { font-size: 60px; margin-top: -5px;}
	.IndexTitle dt span {width: 90px; height: 90px; background-size: 95%; margin-top: 30px;}

	#slide4 .IndexTitle dd span { display:block; width:50%; line-height:50px !important;}
	#slide4 .IndexTitle dd span strong { display:block !important; position:relative !important; width:100% !important;}

	#slide4 .IndexTitle dd span.Man {text-align:right;}	
	#slide4 .IndexTitle dd span.Man strong {text-align:left;}
	#slide4 .IndexTitle dd span.Woman { text-align:left !important;}
	.ChartType_rank li li strong { font-size:12px; letter-spacing:-1.5px;}
	.ChartType_rank li li:first-child strong { font-size:12px;}
	.ChartType_rank li li { margin-right:10px;}
	.ChartType_rank li li strong:after { height:35px; right:-12px}
	#slide2 .ChartArea5 .Time { width:auto;}
	#slide2 .ChartArea5 .Time_One {width:100px; font-size:14px}
	#slide2 .ChartArea5 .Time_One svg { width:90%; margin:0 auto;}
	.ChartType_rank span { margin-right:0;}
	.BtnTable {font-size:11px; border-top-right-radius:0;  border-bottom-right-radius:0; padding-right:5px}
	.ListSearch { padding-right:95px; position:relative;}
	.ListSearch input[type=text] { width:100%;}
	.ListSearch button { position:absolute;right:0; top:20px;}
	#slide4 .ContDetailBox .DetailNav a {display:block; }
	#slide4 .ContDetailBox .DetailNav a span {font-size:12px;line-height:1.1 !important;}
	.ContDetailBox .DetailNav {display: table;}
	.ContDetailBox .DetailNav a { font-size:12px; line-height:1.1; padding-top:5px; word-break: break-all; display: table-cell;}
	.ContDetailBox .DetailNav a span {line-height:1.1; text-align: center; display: block; word-break: break-all;}
	.ContDetailBox .DetailNav a.M_on { font-size:13px;}
		

}



@media all and (max-width: 380px){
	.SubIndex h2 {width:90px !important;height:90px !important;margin-bottom:30px;}
	#slide4 h2 {width:100% !important;height:auto !important;}
	.SubIndex h2 a {padding-top:55px !important;font-size: 12px;}
	.ChartType_no { padding-left: 30px; }
	.SubIndex h2 a:before { top:5px;}
	.SubIndex div svg {width:150px;height:100px;margin-left: 0;}
	
	#slide3 h2.title3 a {padding-top:50px !important;}
	#slide3 h2.title4 a {font-size:11px; padding-top:40px !important;}
	#slide3 h2.title4 a:before { top:-3px !important;}
	.Different .Intro .Header p {width:180px;}
	#slide4 .IndexTitle dd span.Man strong {height:45px !important; }
	#slide4 .IndexTitle dd span.Woman strong {height:45px !important; }
	.IndexTitle dt span {margin-top:20px; margin-bottom:20px;}
	.IndexTitle dt { font-size:20px;}
	.ChartType_rank {padding-left:0;}
	.Time { padding-left:25px;}
	#slide4 .Time { padding-left:0; margin-top: -4px;}
	#slide4 .Time .Time_One { width:50%;}
	
	.IntroMenu ul:nth-child(4) li a {padding:50px 30px 40px 150px;}

	header h1 a{width: 100px;}

}

@media all and (min-width: 1650px){
	/* Arrow */
.BtnArrow.PageBefore { border:none; left:0;}
.BtnArrow.PageAfter { border:none; right:0;}
.BtnArrow { background-color:#001426 !important; top:calc(50% - 50px); width:60px; height:100px;}
}


#chartXAxis line { shape-rendering:crispedges;}


/* event - 2018-10-05 */
.IntroMenu ul:nth-child(4) li a.event:before { content:'이벤트중'; display:block; background:url(../../images/ManAndWoman/main/event_m.png) no-repeat center center; width:164px; height:72px; text-indent:-2000px; overflow:hidden; position:absolute; left:8px; top:0; text-align:left;  }



.Newwin.Open .ContBox { width:660px;}
.Newwin.Open .ContBox .ContArea .HiddenCont { height:0; width:0; font-size:0; overflow:hidden; margin-bottom:20px;}
.Newwin.Open .ContBox .InputArea { width:600px;}
@media all and (max-width: 1180px){
	.IntroMenu ul:nth-child(4) li a:before { right:10px; top:calc(50% - 36px); left:auto;}
}
@media all and (max-width: 640px){
	.IntroMenu ul:nth-child(4) li a:before { right:0; top:-40px; left:auto;}
	.Newwin.Open .ContBox { width:100%;}
.Newwin.Open .ContBox .ContArea { width:100%;}
.Newwin.Open .ContBox .ContArea img {width:0; height:0; visibility:hidden; position:absolute;}
.Newwin.Open .ContBox .ContArea h1 { text-indent:-2000px; overflow:hidden; background:url(../../images/ManAndWoman/sub/event_s_t.jpg) no-repeat left top; width:100%; height:200px; margin-bottom:20px; background-size:100% 100%;}

.Newwin.Open .ContBox .ContArea .HiddenCont { height:auto; width:100%; font-size:inherit; overflow:visible; margin-bottom:20px;}
.Newwin.Open .ContBox .InputArea { width:100%;}
.Newwin.Open .ContBox .ContArea .HiddenCont  table { border-collapse:collapse; font-size:12px; width:100%; margin-bottom:20px; }
.Newwin.Open .ContBox .ContArea .HiddenCont  table caption { height:0; width:0; overflow:hidden; position:absolute;}
.Newwin.Open .ContBox .ContArea .HiddenCont  table th { background:#666; text-align:center; font-weight:bold; color:#fff;padding:3px;}
.Newwin.Open .ContBox .ContArea .HiddenCont  table td { background:#fff; border-bottom:#ddd solid 1px; text-align:center; padding:3px; }
}
@media all and (max-width: 500px){
	.IntroMenu ul:nth-child(4) li a:before { right:auto; top:-17px; left:0;}
}
@media all and (max-width: 450px){
	.Newwin.Open .ContBox .ContArea h1 { height:150px;}
}

/* 메인페이지 레이어 팝업 S */
.Main .Newwin.Open { width:100%; height:100vh; left:0; top:0; position:fixed; overflow:auto; background:rgba(0, 0, 0, 0.6);}
.Main .Newwin.Open .LayerCont { width:600px; height:783px; position:absolute; left:calc(50% - 300px); top:calc(50% - 392px);}
.Main .HiddenCont { height:0; width:0; font-size:0; overflow:hidden;}
.Main .LayerFooter { height:40px; width:100%; border-top:rgba(255, 255, 255, 0.3) solid 1px; position:absolute; bottom:0; left:0; text-align:right; padding:0 20px;}
.Main .LayerFooter label { line-height:40px; font-family:dotum, '돋움', sans-serif; font-size:12px; color:rgba(255, 255, 255, 0.7);}
.Main .LayerFooter label input { vertical-align:middle; margin-right:3px;}
.Main .LayerFooter button { vertical-align:middle; font-family:dotum, '돋움', sans-serif; font-size:12px; color:#555; background:#fff; border-radius:2px; height:18px; line-height:18px; padding:0 5px;}
.Main .LayerFooter button:hover { color:#000;}
.Main .LayerFooter a { display:block; font-size:14px; position:absolute; left:20px; top:8px; color:#ff0; padding-right:10px; background:url(../../images/ManAndWoman/main/pl_cont_arrow.png) no-repeat right center;}
.Main .LayerFooter a strong { font-weight:bold;}
.Main .Newwin.Open .BtnClose { background:url(../../images/ManAndWoman/common/menu_close.png) no-repeat center center; width:21px; height:21px; display:block; position:absolute; right:15px; top:15px; text-indent:-1000px; overflow:hidden;}

@media all and (max-width: 600px){
	.Main .Newwin.Open .LayerCont { width:100%; left:0; top:0;}
	.Main .Newwin.Open .LayerCont img { width:100%;}
	.Main .LayerFooter { position:relative; background:#000; }
}
@media all and (max-width: 480px){
	.Main .LayerFooter { position:absolute; bottom:0; left:0;}
	.Main .Newwin.Open .LayerCont { height:100vh;}
	.Main .Newwin.Open .HiddenCont { height:calc(100% - 40px); width:100%; font-size:12px; overflow:auto; background:#fff; color:#555; text-align:left;  font-size:12px; padding-bottom:40px;}
	.Main .Newwin.Open .HiddenCont h1 { background:url(../../images/ManAndWoman/sub/event_s_t.jpg) no-repeat center center; width:100%; height:170px; background-size:100% 100%; text-indent:-1000px; overflow:hidden; margin-bottom:20px;}
	.Main .Newwin.Open .HiddenCont h2 { background:#333; color:#fff; margin-left:10px; margin-bottom:10px; display:inline-block;  font-size:13px;}
	.Main .Newwin.Open .HiddenCont p { padding:0 10px 20px 10px;}
	.Main .Newwin.Open img { height:0; width:0; overflow:hidden; position:absolute;}
	.Main .Newwin.Open .HiddenCont  table { border-collapse:collapse; font-size:12px; width:100%; margin-bottom:20px; }
	.Main .Newwin.Open .HiddenCont  table caption { height:0; width:0; overflow:hidden; position:absolute;}
	.Main .Newwin.Open .HiddenCont  table th { background:#666; text-align:center; font-weight:bold; color:#fff;padding:3px;}
	.Main .Newwin.Open .HiddenCont  table td { background:#fff; border-bottom:#ddd solid 1px; text-align:center; padding:3px; }
}
@media all and (max-height: 783px){
	.Main .Newwin.Open .LayerCont { height:auto; top:0;}
}
/* 메인페이지 레이어 팝업 E */