@charset "UTF-8";

.header_container { position: relative; overflow: visible; width: 960px; height: 86px; margin: auto; }
.slide-area .container { position: relative; max-width: 960px; margin: 0 auto; }


header { position: relative; z-index: 999; /*z-index:9999*/ width: 100%; height: 86px; margin-bottom: -35px; background: #282662 url('../images/common/bg_header.gif') center top no-repeat; /*background-size:cover;*/ }
header .logo { float: left; width: 282px; margin-top: 35px; }
header .topArea { position: absolute; top: 10px; right: 0; }
header .topArea ul { overflow: hidden; }
header .topArea ul li { float: left; margin-left: 10px; padding-left: 11px; background: url('../images/common/bg_topArea.gif') left 10px no-repeat; }
header .topArea ul li:last-child { margin-left: 10px; padding-left: 0; }
ul span li:last-child { padding-left: 10px !important; }
header .topArea .inputField { position: relative; width: 174px; padding: 0px 10px 0 0; border: 1px solid #f6d8ae; background: #b48b50 none; /*background-image: none;*/ }
header .topArea .inputField a { position: absolute; top: 6px; right: 7px; }
header .topArea input { width: 140px; padding: 6px 10px; font-size: 12px; color: #fff; border: none; float: left; background-color: #b48b50; }
header .topArea ul li:first-child { background: none; }
header .topArea a { color: #f6d8ae; font-size: 13px; }


#wrapper { position: relative; height: 100%; background: #fff; min-height: 650px; padding-bottom: 87px; }
header .container { height: 60px; }
header nav#gnb { overflow: hidden; margin-left: 430px; margin-top: 0; padding-top: 50px; }
header nav#gnb li { float: left; margin-left: 60px; }
header nav#gnb li.on2 a { color: #191e6a; }
header nav#gnb li:first-child { margin-left: 0px; }
header nav#gnb li.on.off { background: none; }
header nav#gnb li a { display: block; font-size: 18px; color: #fff; font-weight: bold; }
header nav.side li a { display: block; font-size: 11px; color: #b7e0ff; line-height: 1; }
header nav.side li.lang a { font-size: 10px; }
header nav.side ul { position: absolute; top: 56px; right: 0; }
header nav.side li.all-view { width: 24px; height: 16px; }
header nav.side li.all-view a { width: 24px; height: 16px; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px; background: url("../images/common/btn_sitemap.png") no-repeat center center; }
header nav.side li.all-view a.open { background: url("../images/common/btn_sitemap_close.png") no-repeat center center; }
header .slide-area { clear: both; height: 0; background: #fff; position: relative; overflow: hidden; transition: all 1s cubic-bezier(0.8, 0, 0.25, 1); /*max-height: 665px; overflow-y: auto;*/ }

header .slide-area.menu01 { background: #e3e3ec; }
/* 2020-03-12 수정 */
header .slide-area.menu02 { background: #fff7ed; }
header .slide-area.menu03 { background: #e3ecef; }
header .slide-area.menu04 { background: #f6f1ea; }
/* header .slide-area.menu02 {     background: #f6f1ea; }
 header .slide-area.menu03 {     background: #faeaed; }
 header .slide-area.menu04 {     background: #e6f7fd; } */
 /* //2020-03-12 수정 */
header .slide-area.menu05 { background: #eeebf4; }

header .slide-area .container { width: 960px; height: auto; margin: auto; }
.slide-area .gnb-2depth { display: none; position: relative; top: -700px; padding-top: 30px; transition: all 1s cubic-bezier(0.8, 0, 0.25, 1); }
.slide-area .gnb-2depth .menuArea { float: left; }
.slide-area .gnb-2depth .menuArea div.block { /* border-bottom: 1px solid #ccc;  */margin-bottom: 10px; } /* 2020-03-18 border-bottom주석 */
.slide-area .gnb-2depth .gnbReservation { float: right; width: 197px; height: 426px; margin-left: 27px; padding-left: 28px; border-left: 1px solid #d9d9d9; }
.slide-area .gnb-2depth .gnbReservation strong { display: block; margin-bottom: 12px; color: #1b1c66; line-height: 1; }
.slide-area .gnb-2depth .gnbReservation .btnGnb { display: inline-block; width: 153px; padding: 3px 20px; border: 1px solid #656565; background: url('../images/common/btn_arrow.png') 167px center no-repeat; }
.slide-area .gnb-2depth .gnbReservation .btnGnb span { display: inline-block; font-size: 15px; padding-right: 38px; color: #292929; }
.slide-area .gnb-2depth .gnbReservation .btnAgree {margin-top: 15px; display: block; width: 125px; padding: 12px 12px 12px 58px;background:#2b2b8d url('../../images/common/btn_print.png') 20px center no-repeat;}
.slide-area .gnb-2depth .gnbReservation .btnAgree span { display: inline-block; font-size: 15px; padding-left: 5px; color: #fff; }
.slide-area .gnb-2depth .gnbReservation .banner { margin-top: 20px; padding-bottom: 5px; }
.slide-area .gnb-2depth .menuArea .first { padding-left: 0; margin-left: 0; border: none; }
.slide-area .gnb-2depth .menuArea>ul { overflow: hidden; }
.slide-area .gnb-2depth .menuArea>ul>li { float: left; margin-left: 10px; }
.slide-area .gnb-2depth .menuArea01>ul>li div { text-align: left; height: 120px; }

.slide-area .gnb-2depth .menuArea01 .bottomArea li div { height: 198px; }
.slide-area .gnb-2depth .menuArea>ul>li li {}
.slide-area .gnb-2depth .menuArea>ul>li li a, .slide-area .gnb-2depth .menuArea p a { font-size: 14px; line-height: 18px; display: inline-block; color: #292929; }

.slide-area .gnb-2depth .menuArea>ul>li li a:hover,
.slide-area .gnb-2depth .menuArea p a:hover,
.slide-area .gnb-2depth .menuArea>ul>li li a.current,
.slide-area .gnb-2depth .menuArea p a.current { color: #bc9a6a; }
.slide-area .gnb-2depth .menuArea>ul>li strong { display: block; color: #fff; margin-top: -31px; text-indent: 10px; line-height: 20px; }
.slide-area .gnb-2depth .menuArea>ul>li p { font-size: 13px; color: #292929; margin-bottom: 17px; }

.slide-area .gnb-2depth .menuArea>ul>li.dblSec { overflow: hidden; }
.slide-area .gnb-2depth .menuArea>ul>li.dblSec ul { width: 48%; float: left; }
.slide-area .gnb-2depth .menuArea>ul>li.dblSec ul.rightSec { width: 43%; }
.slide-area .gnb-2depth li .menuWrap { display: block; padding: 0 20px 55px; top: 0; transition: none; border-right: 1px solid #f0f0f0; }
.slide-area .gnb-2depth li .menuWrap.bdr0 { border-right: 1px solid #fff; }
.slide-area .gnb-2depth .menuWrap_left { display: block; top: 0; padding-top: 0; transition: none; }
.slide-area .gnb-2depth li .txt01 { padding: 11px 20px 11px 0; background: url("https://www.chaum.net/asset/images/common/gnb_bg02.png") no-repeat right 13px; }
.slide-area .gnb-2depth li .txt01 a { font-size: 16px; color: #222; }
.slide-area .gnb-2depth li .txt02 { height: 44px; line-height: 1.6; font-size: 13px; }


.slide-area .gnb-2depth.menu01 {}
.slide-area .gnb-2depth.menu01 .title { position: absolute; top: 60px; left: 0; }
.slide-area .gnb-2depth.menu01 .menuWrap { height: 184px; }
.slide-area .gnb-2depth.menu01 ul { left: 20px; }
.slide-area .gnb-2depth.menu01 ul.bottomArea { margin-top: 25px; }
.slide-area .gnb-2depth.menu01 li .menuWrap.pdb0 { padding-bottom: 0; }



.slide-area .gnb-2depth.menu02 .menuWrap_left div { display: none; }
.slide-area .gnb-2depth.menu02 .menuWrap_left div.on { display: block; }
.slide-area .gnb-2depth.menu02 .menuWrap_left p { padding-left: 42%; }

/*.slide-area .gnb-2depth.menu02 .menuWrap_left .img span {display:block;position:relative;margin-top:-33px;padding:10px;height:13px;color:#fff;font-weight:bold;font-size:13px;background:url("../images/common/grayfilter40_bg.png");text-align:center;}*/
/*.slide-area .gnb-2depth.menu02 .menuWrap_left .btn-view {position:absolute;bottom:0;left:42%;padding-left:30px;}
.slide-area .gnb-2depth.menu02 .menuWrap_left .btn-view a {font-size:11px;color:#222;font-family:"Century Gothic",sans-serif;font-weight:bold;letter-spacing:1px;}*/
.slide-area .gnb-2depth.menu02 ul { /*border-right: 1px solid #e5e5e5; 20180717*/ /*display: inline-block;   20180717 */ }
.slide-area .gnb-2depth.menu02 strong.floor { color: #1b1c66; font-size: 54px; font-weight: bold; float: left; width: 146px; line-height: 1; margin-top: -8px; }
.slide-area .gnb-2depth.menu02 ul li { /* width: 130px; margin-right: 10px; margin-left: 0px; padding-left: 0px; border-left: 0px; line-height: 1; margin-bottom: 7px; */ width: 120px; margin-right: 1px; /*20180717*/ }
.slide-area .gnb-2depth.menu02 ul li.last { margin-right: 0px; }
.slide-area .gnb-2depth.menu02 ul li.clear { clear: both; }
.slide-area .gnb-2depth.menu02 ul li.bottom { margin-bottom: 0px; }
.slide-area .gnb-2depth.menu02 p { font-size: 13px; margin-bottom: 13px; margin-top: -22px; font-weight: bold; padding-left: 10px; color: #fff; }
.slide-area .gnb-2depth.menu02 p.double { line-height: 20px; margin-top: -45px !important; }
.slide-area .gnb-2depth.menu02 p.double a { color: #fff; }
/* 2020-03-18 추가 */
.slide-area .gnb-2depth.menu02 .menu02_wp { width:707px; height:auto; overflow:hidden; }
.slide-area .gnb-2depth.menu02 .menu02_wp ul li.last {margin-right:0;}
.slide-area .gnb-2depth.menu02 .menu02_wp ul li span {display:block;font-size: 13px; margin-bottom: 13px; margin-top: -28px; font-weight: bold;padding-left: 10px; color: #fff;}
.slide-area .gnb-2depth.menu02 .s_left { width:100%; }
/* //2020-03-18 추가 */


.slide-area .gnb-2depth.menu03 .menuWrap_left div { display: none; }
.slide-area .gnb-2depth.menu03 .menuWrap_left div.on { display: block; }
.slide-area .gnb-2depth.menu03 .menuWrap_left p { padding-left: 42%; }
.slide-area .gnb-2depth.menu03 ul { display: inline-block; }
.slide-area .gnb-2depth.menu03 strong.floor { color: #1b1c66; font-size: 54px; font-weight: bold; float: left; width: 146px; line-height: 1; margin-top: -8px; }
.slide-area .gnb-2depth.menu03 ul li { width: 130px; height: 96px; margin-right: 10px; margin-left: 0px; padding-left: 0px; border-left: 0px; margin-bottom: 10px; }
.slide-area .gnb-2depth.menu03 div.block { padding-bottom: 3px; }
.slide-area .gnb-2depth.menu03 ul li.bottom { margin-bottom: 0px; }
.slide-area .gnb-2depth.menu03 ul li div { display: block; }
.slide-area .gnb-2depth.menu03 ul li a { display: block; }
.slide-area .gnb-2depth.menu03 ul li.last { margin-right: 0px; }
.slide-area .gnb-2depth.menu03 ul li.clear { clear: both; }
.slide-area .gnb-2depth.menu03 p.double { line-height: 20px; margin-top: -47px !important; }
.slide-area .gnb-2depth.menu03 p.double a { color: #fff; }
.slide-area .gnb-2depth.menu03 p { font-size: 13px; color: #fff; margin-top: -31px; padding-left: 10px; margin-bottom: 0px; font-weight: bold; }
.slide-area .gnb-2depth.menu03 .menuWrap_left p.num01 { background: url("https://www.chaum.net/asset/images/common/gnb04_bg01.jpg") no-repeat 0 0; }
.slide-area .gnb-2depth.menu03 .menuWrap_left p.num02 { background: url("https://www.chaum.net/asset/images/common/gnb04_bg02.jpg") no-repeat 0 0; }
.slide-area .gnb-2depth.menu03 .menuWrap_left p.num03 { background: url("https://www.chaum.net/asset/images/common/gnb04_bg03.jpg") no-repeat 0 0; }
.slide-area .gnb-2depth.menu03 .menuWrap_left p.num04 { background: url("https://www.chaum.net/asset/images/common/gnb04_bg04.jpg") no-repeat 0 0; }
.slide-area .gnb-2depth.menu03 .menuWrap_left p.num05 { background: url("https://www.chaum.net/asset/images/common/gnb04_bg05.jpg") no-repeat 0 0; }


.slide-area .gnb-2depth.menu04 .menuArea01>ul>li div {}
.slide-area .gnb-2depth.menu04 { /*position: absolute; padding-right: 20px; padding-right:80px;*/ }
.slide-area .gnb-2depth.menu04 ul { left: 20px; }
.slide-area .gnb-2depth.menu04 li { /*width: 20%; *width:19.5%;*/ }
.slide-area .gnb-2depth.menu04 li .menuWrap { height: 384px; }
.slide-area .gnb-2depth.menu04 li .txt02 { /*height: auto; min-height: 50px; padding-bottom: 40px;*/ }
/*.slide-area .gnb-2depth.menu04 ul ul, .slide-area .gnb-2depth.menu04 ul ul li { float: none; left: 0; width: auto; }*/


.slide-area .gnb-2depth.menu05 .menuWrap_left { min-height: 415px; margin-right: 440px; background: url("https://www.chaum.net/asset/images/common/gnb05_bg01.jpg") no-repeat center 0; text-align: center; }
.slide-area .gnb-2depth.menu05 .title { /*margin-top: 165px; *width:auto; padding: 0 0 20px; display: inline-block;background:url("../images/common/gnb05_bg02.gif") no-repeat 0 7px; *letter-spacing:-2px; font-size: 24px;*/ }
.slide-area .gnb-2depth.menu05 .title strong { line-height: 1.2; }
.slide-area .gnb-2depth.menu05 .txt-view { /*padding-left:20px;*/ display: inline-block; /*background:url("../images/common/gnb05_bg03.gif") no-repeat 0 4px;*/ }
.slide-area .gnb-2depth.menu05 .txt-view a { padding-right: 13px; font-size: 14px; font-weight: bold; color: #222; background: url("https://www.chaum.net/asset/images/common/gnb_bg02.png") no-repeat right 4px; }
.slide-area .gnb-2depth.menu05 ul { left: 20px; }
.slide-area .gnb-2depth.menu05 ul li { /*width: 50%;*/ }
.slide-area .gnb-2depth.menu05 li .txt02 { /*letter-spacing: -1px;*/ }
.slide-area .gnb-2depth.menu05 li .menuWrap.bdr0 { /*border-right: 0;*/ }
.slide-area .gnb-2depth.menu05 li .menuWrap.pdb0 { /*padding-bottom: 0;*/ }
.slide-area .container .btn-gnb-close { display: none; position: absolute; top: -200px; right: 0; transition: all 1s cubic-bezier(0.8, 0, 0.25, 1); }


.slide-area .container div.sideNav { display: none; position: relative; transition: all 1s cubic-bezier(0.8, 0, 0.25, 1); }
.slide-area .sideNav {}
.slide-area .sideNav ul { width: 100%; }
.slide-area .sideNav ul ul {}
.slide-area .sideNav li { float: left; width: 160px; padding-top: 30px; padding-bottom: 30px; min-height: 850px; }
.slide-area .sideNav li a { display: block; font-weight: bold; font-size: 14px; color: #292929; padding-left: 20px; }
.slide-area .sideNav li>a { padding-bottom: 27px; }
.slide-area .sideNav li.all_menu05>a { padding-bottom: 4px; }
.slide-area .sideNav li.last { margin: 0; }
.slide-area .sideNav li li { float: none; width: 100%; padding-top: 15px; padding-bottom: 0px; min-height: auto; }
.slide-area .sideNav li.all_menu01 { background: #e3e3ec; margin-left: 320px; }
/* 2020-03-12 수정 */
.slide-area .sideNav li.all_menu02 { background: #faeaed; }
.slide-area .sideNav li.all_menu03 { background: #e8f7f8; }
.slide-area .sideNav li.all_menu04 { background: #f6f1ea; }
/* .slide-area .sideNav li.all_menu02 { background: #f6f1ea; }
.slide-area .sideNav li.all_menu03 { background: #faeaed; }
.slide-area .sideNav li.all_menu04 { background: #e8f7f8; } */
/* //2020-03-12 수정 */
.slide-area .sideNav li.all_menu05 { background: #eeebf4; }
.slide-area .sideNav li.all_menu06 { background: #e6f7fd; }
.slide-area .sideNav li li>a { padding-bottom: 4px; }
.slide-area .sideNav li li a { display: block; font-weight: bold; font-size: 13px; color: #292929; }
.slide-area .sideNav li li li { padding-top: 0px; padding-bottom: 0px; min-height: auto; }
.slide-area .sideNav li li li a { display: block; font-weight: normal; font-size: 13px; color: #292929; padding-bottom: 4px; }
.slide-area .sideNav li li li a:hover { color: #a1530b; font-weight: bold; }
.slide-area .sideNav li li.last a { border: 0; }


#dim-area { display: none; position: fixed; top: 138px; left: 0; width: 100%; height: 100%; z-index: 99; }


.quick_access_wrap { width: 100%; height: 50px; line-height: 30px; background: url("../images/common/quick.jpg") no-repeat center top; }
.quick_access_wrap .quick_access {position: relative;width: 960px; margin: 0 auto; color: #7778ae; font-size: 13px; text-align: right; }
.quick_access_wrap .quick_access h2 { display:none;width: 115px;  /*float:left; color:#7778ae; */ color: #d8b996; height: 30px; line-height: 30px; font-size: 13px; margin-bottom: 0; }
.quick_access_wrap .quick_access .anni{position:absolute;left:0;top:6px;width:114px;height:38px;}
.quick_access_wrap .quick_access .anni img{display:block;width:100%;}
.quick_access_wrap .quick_access ul { display: inline-block;margin-top: 6px;height:100%; line-height: 1.7;}
.quick_access_wrap .quick_access ul li { display: inline-block; padding:3px 32px;}
.quick_access_wrap .quick_access ul li.last{padding-right:0;}
.quick_access_wrap .quick_access ul li a {position:relative;color: #f9d5b3; display: inline-block;font-size: 18px;font-weight: bold; }
.quick_access_wrap .quick_access ul li .borderb{position:absolute;left:0;bottom:-1px;opacity:0;width:0;height:2px;font-size:0;line-height:0;background-color:#f9d5b3;content:"";clear:both;display:inline-block}
.quick_access_wrap .quick_access ul li.on .borderb{width:100%;opacity:1;}


/* 2019-02-27 추가 */
.sns_wrap { float: right; margin-right: -112px; margin-top: -24px; }
.sns_wrap a { float: left; width: 26px; height: 25px; margin-left: 7px; }
.sns_wrap a img { width: 100%; height: 100%; }
.sns_wrap .btn_kakao { margin-left: 0; display: block; text-indent: -9999px; background: url("https://www.chaum.net/asset/images/common/btn_kakao.png") top center; width: 26px; height: 25px; }
.sns_wrap .btn_kakao.on { background: url("https://www.chaum.net/asset/images/common/btn_kakao.png") bottom center; }
.kakao_layer { display: none; width: 960px; position: absolute; z-index: 1000; left: 50%; margin-left: -480px; margin-top: 35px; }
.kakao_plus { float: right; width: 324px; height: 394px; background: rgba(0, 0, 0, 0.88); margin-right: -52px; }
.kakao_plus .kp_header { width: 100%; text-align: center; position: relative; padding: 22px 0 0; box-sizing: border-box; height: 60px; }
.kakao_plus .kp_header .close_btn { position: absolute; top: 23px; right: 29px; }
.kakao_plus .kp_content { text-align: center; }
.kakao_plus .kp_content img { display: block; margin: 0 auto; }
.kakao_plus .kp_content a { display: block; margin: 20px auto 0; width: 226px; height: 44px; }
.kakao_plus .kp_content a img { width: 100%; height: 100%; }


/* 2019-10-02 추가 */
.sns_wrap { float: right; margin-right: -112px; margin-top: -24px; }
.sns_wrap a { float: left; width: 26px; height: 25px; margin-left: 7px; }
.sns_wrap a img { width: 100%; height: 100%; }
.sns_wrap .btn_kakao { margin-left: 0; display: block; text-indent: -9999px; background: url("https://www.chaum.net/asset/images/common/btn_kakao.png") top center; width: 26px; height: 25px; }
.sns_wrap .btn_kakao.on { background: url("https://www.chaum.net/asset/images/common/btn_kakao.png") bottom center; }
.kakao_layer { display: none; width: 960px; position: absolute; z-index: 1000; left: 50%; margin-left: -480px; margin-top: 35px; }
.kakao_plus { float: right; width: 324px; height: 394px; background: rgba(0, 0, 0, 0.88); margin-right: -52px; }
.kakao_plus .kp_header { width: 100%; text-align: center; position: relative; padding: 22px 0 0; box-sizing: border-box; height: 60px; }
.kakao_plus .kp_header .close_btn { position: absolute; top: 23px; right: 29px; }
.kakao_plus .kp_content { text-align: center; }
.kakao_plus .kp_content img { display: block; margin: 0 auto; }
.kakao_plus .kp_content a { display: block; margin: 20px auto 0; width: 226px; height: 44px; }
.kakao_plus .kp_content a img { width: 100%; height: 100%; }



/* 2019-09-19 추가 */
header.main { background: none; position: absolute; }
header.main .bg { display: none; background: url("../images/common/bg_header.gif"); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; left: 0; z-index: -1; }
header.main .select_box { position: relative; width: 83px; float: left; z-index: 2000; }
header.main .select_box h3 { z-index: 10; position: relative; display: block; width: 100%; padding: 6px 0 6px 0; font-size: 12px; font-weight: normal; line-height: 1; color: #fff; text-decoration: none; background: url('../images/common/icon_select.png') no-repeat 95% 50%; }
header.main .select_box ul { display: none; position: absolute; width: 100%; overflow: hidden; left: 0; padding: 7px 0 7px; background: #fff; overflow: visible; border: 1px solid #2a2b8c; }
header.main .select_box ul li { display: inline; width: 100%; background: none !important; margin-left: 0; padding-left: 0; }
header.main .select_box ul li a { display: block; padding: 3px 16px 2px; color: #1a1a1a; font-size: 12px; font-weight: bold; line-height: 1.37; text-decoration: none; }
header.main .select_box ul li a img { vertical-align: middle; }
header.main .select_box ul li a:hover { color: #df2428; text-decoration: none; background: #eff5ff; }
header.main .select_box+ul { float: right; margin-left: 6px; }
header.main .select_box+ul li { background: url("../images/common/icon_whiteBar.png"); background-repeat: no-repeat; background-position: left 10px; }
header.main .select_box+ul li a { color: #fff; }
header.main .select_box+ul li a img { vertical-align: -4px; }



/* 2020-04-08 gnb 특화센터/일반외래 변경 */
.gnb-2depth.menu02 .menuArea, .gnb-2depth.menu03 .menuArea { width:692px; }
.slide-area .gnb-2depth ul.gnb_medical_area { width:670px; margin-top:-10px; margin-left:-30px; }
.slide-area .gnb-2depth ul.gnb_medical_area li { width:167px; height:166px; margin:10px 0; padding-left:35px; box-sizing:border-box; }
.slide-area .gnb-2depth ul.gnb_medical_area li.first { margin-left:0; clear:both; padding:auto; }
.slide-area .gnb-2depth ul.gnb_medical_area li a { display:block; padding-top:40px; box-sizing:border-box; width:100%; height:100%; text-align:center; font-size:0; background:url("../images/common/gnb_icon_bg.png") no-repeat; -webkit-transition:background-image 0.2s ease-in-out; transition:background-image 0.2s ease-in-out; }
.slide-area .gnb-2depth ul.gnb_medical_area li a:hover { background:url("../images/common/gnb_icon_bg_h.png"); }
.slide-area .gnb-2depth ul.gnb_medical_area li a img { width:42px; height:42px; }
.slide-area .gnb-2depth ul.gnb_medical_area li a span { color:#fff; font-size:16px; font-weight:bold; display:block; margin-top:10px;line-height:20px; }