@charset "utf-8";

/* layout */
#wrap, #container {position:relative; width:100%}
#skipNav {position:relative; width:100%; z-index:2; overflow:hidden}
#skipNav a {display:block; padding:0 10px; height:1px; overflow:hidden; color:#444; text-align:center; margin-bottom:-1px}
#skipNav a:hover, #skipNav  a:focus, #skipNav  a:active {background:#f2f2f2; border:1px solid #ddd; height:auto}
#content {position:relative; padding-top:58px; padding-bottom:100px; margin:0 auto; width:910px; font-size:14px}
#header {width:100%}
#header .inner {position:relative; margin:0 auto; width:910px}
#header .top_area {border-bottom:1px solid #ddd}
#header .top_area > .inner {display:flex; padding:6px 0 5px; justify-content:space-between}
#header .top_area .logo_eg {padding-top:4px; color:#555}
#header .util_info {overflow:hidden}
#header .util_info .user {float:left}
#header .util_info .user > span {display:inline-block; color:#333; font-size:13px}
#header .util_info .user .name {margin:0 5px}
#header .util_info .user a, #header .util_info .user button {display:inline-block; padding:0 8px; height:24px; line-height:22px; border:1px solid #ddd; border-radius:12px; background:#fff; color:#117935; font-size:13px; letter-spacing:-0.5px; box-sizing:border-box}
#header.corp .util_info .user a, #header.corp .util_info .user button {color:#4d65e1}
#header .util_info .user .link a {padding:0 5px; height:auto; border:none}
#header .util_info .link a {display:inline-block; line-height:24px; color:#333; font-size:13px}
#header .util_info > .link {float:left; margin-left:18px}
#header .util_info > .link a {position:relative; outline-offset:-1px}
#header .util_info > .link a + a {margin-left:3px; padding-left:8px}
#header .util_info > .link a + a:before {display:block; position:absolute; left:0; top:6px; width:1px; height:12px; background:#dedede; content:""}
#header .hd_type {height:40px; background-color:#62d491}
#header .hd_type .member {margin:0 auto; width:910px; overflow:hidden}
#header .hd_type .member > span {float:left; display:inline-block; line-height:40px; min-width:120px; border-right:1px solid #62d491; color:#333; font-size:15px; font-family:'NanumGothicBold'; text-align:center}
#header .hd_type .member > span:last-child {border-color:#5dc488}
#header .hd_type .member > span.on {background-color:#fff}
#header.corp .hd_type {background-color:#4d65e1}
#header.corp .hd_type .member > span {border-right:none; border-left:1px solid #4d65e1; color:#fff}
#header.corp .hd_type .member > span:first-child {border-color:#909eeb}
#header.corp .hd_type .member > span.on {color:#333}
#header .h1-wrap {position:relative; margin:0 auto; width:910px}
#header .h1-wrap h1 {position:absolute; left:0; top:27px; z-index:1}
#header .h1-wrap h1 a {display:block}

#header #gNavi {position:relative}
#header #gNavi:after {position:absolute; left:0; top:96px; display:block; width:100%; height:1px; background:#e0e0e0; content:""; z-index:10}
#header #gNavi .menu-wrp {position:relative; display:flex; padding:37px 0 0 135px; width:910px;  margin:0 auto; box-sizing:border-box; justify-content:space-between}
#header #gNavi .menu:after{display:block; clear:both; content:""}
#header #gNavi .menu > li {position:relative; float:left; min-width:83px}
#header #gNavi .menu > li > a {display:block; padding:0 17px 0 16px; height:59px; color:#000; font-size:18px; font-family:'NanumGothicBold'; letter-spacing:-0.5px}
#header #gNavi .menu > li > a.on, #header #gNavi .menu > li > a:hover, #header #gNavi .menu > li > a:focus {color:#415cab; text-decoration:none}
#header #gNavi .menu > li > a > span {position:relative; display:block; height:100%}
#header #gNavi .menu > li > a.on > span:after, 
#header #gNavi .menu > li > a:hover > span:after, 
#header #gNavi .menu > li > a:focus > span:after {position:absolute; left:0; bottom:0; display:block; width:100%; height:4px; background:#415cab; content:""}
#header #gNavi .menu > li .sub {display:none; position:absolute; left:0; top:60px; padding:22px 0; width:100%; text-align:center; z-index:10}
#header #gNavi .menu > li .sub li {padding:6px 0 7px}
#header #gNavi .menu > li .sub a {position:relative; display:inline-block; font-size:14px; color:#333}
#header #gNavi .menu > li .sub a:hover, #header #gNavi .menu > li .sub a:focus {color:#415cab; font-family:'NanumGothicBold'; text-decoration:none}
#header #gNavi .menu > li .sub a:hover:after, #header #gNavi .menu > li .sub a:focus:after {position:absolute; left:0; bottom:-3px; width:100%; height:1px; background:#415cab; content:""}
#header #gNavi .background {display:none; position:absolute; top:96px; left:0; width:100%; background-color:#fff; border-bottom:1px solid #415cab; content:""; z-index:9}
#header #gNavi .menu-wrp .util .sitemap {position:relative; padding:0; display:block; margin-top:2px; width:24px; height:20px; border:none; border-top:2px solid #111; border-bottom:2px solid #111; box-sizing:border-box}
#header #gNavi .menu-wrp .util .sitemap:before {position:absolute; left:0; top:7px; display:block; width:100%; height:2px; background:#111; content:""}
#header #gNavi .menu-wrp .util .sitemap:hover, #header #gNavi .menu-wrp .util .sitemap:focus {outline-offset:-1px}

#location {width:100%; height:47px; border-bottom:1px solid #e0e0e0; background-color:#fff}
#location .inner {position:relative; margin:0 auto; width:910px}
#location .inner:after, #location .path:after {display:block; clear:both; content:""}
#location .home {display:block; float:left; width:43px; height:47px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:url('/images/experi/layout/ico_home_blue.png') center center no-repeat}
#location a, #location span {display:block; height:100%; line-height:47px; color:#666; font-size:14px; font-family:'NanumGothicBold'}
#location span.bg {background:#677dbc}
#location .path {float:left; height:47px}
#location .depth1 {float:left; padding:0 31px 0 10px; min-width:145px; padding-right:31px}
#location .depth2 {position:relative; float:left; min-width:187px}
#location .depth2 a {color:#4c4c4c}
#location .depth2 a:hover {text-decoration:none}
#location .depth2 a.on {position:relative; display:block; padding:0 30px 0 10px}
#location .depth2 a.on:after {position:absolute; right:17px; top:21px; display:block; width:7px; height:6px; background:url('/images/experi/layout/btn_location_blue.png') 0 0 no-repeat; content:""}
#location .depth2.active a.on:after {background:url('/images/experi/layout/btn_location_blue.png') 0 -10px no-repeat}
#location .depth2.active ul {display:block}
#location .depth2 ul {display:none; position:absolute; left:-1px; top:48px; width:calc(100% + 2px); border:1px solid #e0e0e0; border-top:none; box-sizing:border-box; z-index:5}
#location .depth2 ul li {border-top:1px solid #e0e0e0; background:#fff}
#location .depth2 ul li:first-child {border-top:none}
#location .depth2 ul li a {padding:0 10px; height:39px; line-height:39px; font-family:'NanumGothic'}
#location .depth2 ul li a:hover, #location .depth2 ul li a:focus {text-decoration:none; background:#415cab; color:#fff}
#location [class^="depth"] {border-right:1px solid #e9e9e9}

/* footer */
#footer {position:relative; z-index:1; border-top:1px solid #e5eaeb; background-color:#fff; width:100%; font-size:14px}
#footer .inner-wrap {position:relative; margin:0 auto; width:910px}
#footer > .inner-wrap {padding-bottom:40px}
#footer .site {border-bottom:1px solid #e5eaeb}
#footer .site .site-list {display:flex}
#footer .site .site-list > li {position:relative; border-left:1px solid #e5eaeb; border-right:1px solid #e5eaeb}
#footer .site .site-list > li + li {margin-left:-1px}
#footer .site .site-list button {position:relative; padding:0 22px; min-width:211px; height:52px; line-height:52px; border:none; background:#fff; color:#333; font-size:14px; text-align:left}
#footer .site .site-list button.active {font-weight:bold}
#footer .site .site-list button .icon {position:absolute; right:22px; top:50%; display:block; width:24px; height:24px; background:url('/static/images/common/ico/ico-plus2.png') center center no-repeat; transform:translateY(-50%); content:""}
#footer .site .site-list button.active .icon {background:url('/static/images/common/ico/ico-minus2.png') center center no-repeat;}
#footer .site .site-list .layer {display:none; position:absolute; left:-1px; bottom:52px; width:100%; max-height:219px; border:1px solid #e5eaeb; border-top-left-radius:10px; border-top-right-radius:10px; background:#fff; overflow-y:auto}
#footer .site .site-list .layer a {display:block; padding:7px 0 7px 23px; line-height:22px; color:#666; font-size:14px}
#footer .logos {padding-top:40px}
#footer .logos a {display:inline-block}
#footer .logos a + a {margin-left:16px}
#footer .flex-between {display:flex; justify-content:space-between}
#footer .info {padding:42px 0}
#footer .info p {margin:0; line-height:32px; color:#666}
#footer .right-info {display:flex; flex-direction:column; justify-content:space-between; padding-bottom:50px; text-align:right}
#footer .guide p {margin:0; color:#666}
#footer .guide a {display:block; margin-bottom:10px; padding-right:15px; line-height:1.8; background:url('/images/experi/common/ico/ico-arr-link-bk.png') right center no-repeat; font-family:'NanumGothicBold'; color:#000}
#footer .links {padding-top:9px; border-top:1px solid #e5eaeb}
#footer .links a {display:inline-block; line-height:1.8; color:#333}
#footer .links a + a {margin-left:24px}
#footer .links .copy {margin:14px 0 0; color:#666; font-size:13px}

/* main */
.main #container {padding:52px 0 78px; background:#f4f6f9}
.main #content {padding:0}
.main #content:after {display:block; clear:both; content:""}
/*.main #header #gNavi {padding-top:37px; border-bottom:1px solid #415cab}*/
.main h3 {margin-bottom:0; color:#000; font-size:18px; font-family:NanumGothicBold; text-align:left}
.main h3:before {display:none}
.main a.btn_more {position:absolute; right:28px; top:14px; display:inline-block; font-size:11px; font-family:Dotum,"돋움"; color:#737373}
.main a.btn_more:after {display:inline-block; margin-left:3px; width:3px; height:5px; background:url(/images/experi/main/ico_more.png) right 0 no-repeat; content:""; vertical-align:2px}
.main .section01 {float:left; width:608px}
.main .banner_wrp {position:relative; margin-bottom:10px; width:910px; height:337px; border:1px solid #d5dde6; overflow:hidden}
.main .banner_wrp ul {width:2424px}
.main .banner_wrp ul:after {display:block; clear:both; content:""}
.main .banner_wrp li {float:left}
.main .banner_wrp li a {display:block; outline-offset:-2px}
.main .banner_wrp li img {width:910px; height:311px}
.main .banner_wrp .btn_ctrl {position:absolute; left:0; bottom:0; padding:8px 7px 0 0; width:903px; height:18px; background:url(/images/experi/main/bg_opacity.png) 0 0 repeat; text-align:right}
.main .banner_wrp .btn_ctrl button {display:inline-block; margin-left:4px; width:12px; height:12px; background:url(/images/experi/main/btn_bannerCtrl.png) 0 0 no-repeat; vertical-align:top}
.main .banner_wrp .btn_ctrl button.on {background:url(/images/experi/main/btn_bannerCtrl.png) -20px 0 no-repeat}
.main .banner_wrp .btn_ctrl button.stop {width:8px; height:11px; background:url(/images/experi/main/btn_bannerCtrl.png) -40px 0 no-repeat}
.main .banner_wrp .btn_ctrl button.start {width:6px; height:11px; background:url(/images/experi/main/btn_bannerCtrl.png) -60px 0 no-repeat}
.main .pgm_wrp {position:relative; margin-bottom:6px; padding:0 7px 9px 13px; width:586px; height:; border:1px solid #d5dde6; background:#fff}
.main .pgm_wrp h3 {padding:10px 0 12px 8px}
.main .pgm_wrp ul {padding:0 17px 0 14px; width:555px; border-top:1px solid #d5dde6}
.main .pgm_wrp ul li {position:relative; margin-top:12px}
.main .pgm_wrp ul li:first-child {margin-top:13px}
.main .pgm_wrp ul li a strong {display:block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px}
.main .pgm_wrp ul li a strong.date {display:inline; margin-right:10px; width:auto; color:#666; font-size:13px; font-family:NanumGothic}
.main .pgm_wrp ul li a strong.date:after {display:inline-block; margin-left:12px; width:2px; height:10px; background:#e3e3e3; content:""; vertical-align:-1px}
.main .pgm_wrp ul li a span {display:block; margin-top:5px; color:#666; font-size:13px}
.main .pgm_wrp ul li .dday {position:absolute; right:0; top:-2px; display:inline-block; width:43px; height:21px; line-height:21px; background:url(/images/experi/main/bg_dday.png) 0 0 no-repeat; color:#3a78bb; font-size:12px; text-align:center}
.main .section02 {float:right; width:295px}
.main .notice {position:relative; margin-bottom:8px; width:293px; height:337px; border:1px solid #d5dde6; background:#fff}
.main .notice h3 {padding:13px 0 0 17px}
.main .notice ul {margin:27px 17px 0}
.main .notice ul li {margin-top:15px}
.main .notice ul li a {display:inline-block; width:100%; color:#4c4c4c; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.main .notice ul li a:before {display:inline-block; margin-right:9px; width:3px; height:3px; background:#9c9c9c; vertical-align:3px; content:""}
.main .notice ul li a:hover, .main .notice ul li a:focus {color:#3a78bb}
.main .notice a.btn_more {right:17px; top:18px}
.main .link_bann {margin-bottom:10px; padding-top:12px; width:293px; height:117px; border:1px solid #d5dde6; text-align:center; overflow:hidden; background:#fff}
.main .link_bann a {position:relative; display:block; float:left; width:145px; height:118px; font-size:13px; color:#000}
.main .link_bann a span {position:absolute; left:0; top:12px; display:inline-block; padding-top:65px; width:145px; background:url(/images/experi/main/bg_link.gif) center 0 no-repeat}
.main .link_bann a.satisfy:before {position:absolute; left:0; top:0; display:inline-block; width:1px; height:104px; background:#e0e0e0; content:""}
.main .link_bann a.satisfy span {top:15px; display:inline-block; padding-top:62px; background:url(/images/experi/main/bg_link.gif) center -121px no-repeat}
.main .findOrg {padding:0 13px; width:267px; height:495px; border:1px solid #d5dde6; background:#fff}
.main .findOrg h3 {padding-bottom:19px;}
.main .findOrg ul:after {display:block; clear:both; content:""}
.main .findOrg ul {position:relative}
.main .findOrg ul li {float:left}
.main .findOrg ul li a.tab {position:relative; display:block; height:41px; height:41px; line-height:41px; border:1px solid #c3c3c3; background:#f8f9fa; text-align:center; font-size:13px; color:#696969; font-family:NanumGothicBold}
.main .findOrg ul li a.tab:hover, .main .findOrg ul li a.tab:active {text-decoration:none}
.main .findOrg ul li.active a.tab {border:1px solid #3a78bb; background:#3a78bb; color:#fff; text-decoration:none}
.main .findOrg ul li.active a.tab:after {position:absolute; bottom:-6px; left:50%; display:block; margin-left:-4.5px; width:9px; height:5px; background:url(/images/experi/main/bg_tabOn.gif) 0 0 no-repeat; content:""}
.main .findOrg ul li a.tab.exp {width:125px}
.main .findOrg ul li a.tab.pgm {width:267px; border-left:0}
.main .findOrg .map {display:none; position:absolute; left:0; top:70px; width:267px; height:340px; background:url(/images/experi/main/bg_map.gif) 0 0 no-repeat}
.main .findOrg ul li.active .map {display:block}
.main .findOrg .map a {position:absolute; display:inline-block; height:25px; line-height:25px; background:url(/images/experi/main/bg_mapLabelL.png) 0 0 no-repeat; color:#fff}
.main .findOrg .map a span {display:inline-block; margin-left:12px; padding-right:12px; height:25px; line-height:25px; background:url(/images/experi/main/bg_mapLabelR.png) right 0 no-repeat}
.main .findOrg .map a.map01 {left:87px; top:65px}
.main .findOrg .map a.map02 {left:67px; top:96px}
.main .findOrg .map a.map03 {left:140px; top:241px}
.main .findOrg .map a.map04 {left:170px; top:191px}
.main .findOrg .map a.map05 {left:42px; top:247px}
.main .findOrg .map a.map06 {left:62px; top:147px}
.main .findOrg .map a:hover, .main .findOrg .map a:focus {background:url(/images/experi/main/bg_mapLabelL.png) 0 -40px no-repeat}
.main .findOrg .map a:hover span, .main .findOrg .map a:focus span {background:url(/images/experi/main/bg_mapLabelR.png) right -40px no-repeat}
.section03 {clear:both}
.main .cont_banner {margin-bottom:10px; height:163px; border:1px solid #d5dde6; background:#fff; overflow:hidden} /* 20200625 수정 */
.main .cont_banner h3 {padding-top:23px; margin-bottom:14px}
.main .cont_banner li {float:left; padding-left:30px; width:454px; box-sizing:border-box} /* 20200625 수정 */
/*.main .cont_banner li.psy_chk {margin-left:30px; width:270px} 20200625 제거 */
.main .cont_banner li.psy_chk p {line-height:18px; font-size:13px; color:#4c4c4c}
.main .cont_banner li.psy_chk a {display:inline-block; margin-top:12px; padding:0 11px 0 15px; height:25px; line-height:26px; color:#fff; font-size:12px; font-family:Dotum,"돋움"; background:#3a78bb}
.main .cont_banner li.psy_chk a:after {display:inline-block; margin-left:6px; width:3px; height:5px; background:url(/images/experi/main/ico_more.png) right -10px no-repeat; vertical-align:2px; content:""}

.main .cont_banner li.psy_chk a:hover, .main .cont_banner li.psy_chk a:focus {text-decoration:none}
.main .svc_wrap {position:relative; width:908px; height:311px; border:1px solid #d5dde6; background:#fff}
.main .svc_wrap h3 {display:inline-block; padding:18px 0 0 21px}
.main .svc_wrap .paging {position:relative; top:-4px; display:inline-block; margin-left:8px; vertical-align:bottom}
.main .svc_wrap .paging a {display:inline-block; width:12px; height:12px; background:url(/images/experi/main/btn_svcLink.png) 0 0 no-repeat}
.main .svc_wrap .paging a.on {background:url(/images/experi/main/btn_svcLink.png) 0 -20px no-repeat}
.main .svc_wrap div {margin-top:25px; margin-left:28px; width:850px; overflow:hidden}
.main .svc_wrap ul {position:relative;  width:3000px}
.main .svc_wrap ul:after {display:block; clear:both; content:""}
.main .svc_wrap li {position:relative; float:left; margin-right:22px; width:269px; height:211px; line-height:16px; font-size:13px; color:#4c4c4c}
.main .svc_wrap li a img {width:269px; height:93px}
.main .svc_wrap li a strong {display:block; margin-top:19px; color:#000; font-size:14px}
.main .svc_wrap li a span {display:block; margin:12px 0 0; word-break:keep-all}
.main .svc_wrap li a em {position:absolute; left:0; bottom:0; color:#3a78bb}
.main .svc_wrap .btn_ctrl {position:absolute; right:28px; top:18px; margin:0; width:auto; overflow:hidden}
.main .svc_wrap .btn_ctrl button {float:left; width:33px; height:33px; background:url(/images/experi/main/btn_slideCtr.gif) 0 0 no-repeat}
.main .svc_wrap .btn_ctrl button.btn_next {background:url(/images/experi/main/btn_slideCtr.gif) -33px 0 no-repeat}

/* popup */
.layer-frame {border:2px solid #2c5b91; background-color:#fff; box-sizing:border-box}
.layer-wrap {height:auto;}
.layer-wrap .popup {height:auto; z-index:200;}
.layer-wrap .popup .pop-header {cursor:move;}
.popup {width:100%; height:100%; background-color:#fff; position:relative; font-size:14px; box-sizing:border-box}
.popup .pop-header {height:56px; margin:0; padding:0 20px; background-color:#2c5b91; box-sizing:border-box}
.popup .pop-header h1, .popup .pop-header .h1 {margin:0; padding:0 30px 0 0; line-height:56px; width:100%; color:#fff; font-size:20px; font-family:'NanumGothicBold'; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box}
.popup .pop-container {position:relative; padding:30px 20px; box-sizing:border-box}
.popup .pop-container.h-auto {height:auto !important}
.popup .pop-container .btn-group.btn-right {display:block; position:absolute; padding:0; top:30px; right:20px; }
.popup .btn-close-popup {display:block; position:absolute; right:20px; top:19px; margin:0; padding:0; width:17px; height:17px; border:none; background:url('/images/experi/common/btn/btn-close-popup.png') no-repeat center; vertical-align:middle; text-indent:-9999px; z-index:2}
.popup .button {height:36px; line-height:34px;}
.popup .button.h40px {height:40px; line-height:38px}
.popup .btn-group.btn-top {display:block; position:absolute; padding:0; top:12px; right:57px; z-index:102;}
.popup .btn-group.btn-top .button {min-width:70px; height:32px; padding:0 12px; line-height:30px;}
.popup .pop-container > .btn-header {position:absolute; right:57px; top:-44px}
.popup .pop-container > .btn-header .button.trans {border:1px solid #fff; background:transparent; color:#fff}
.popup .today-close {padding:0 20px 20px 20px; text-align:right} /* 20230523 추가 */
.popup .today-close input[type="checkbox"] + label {margin-right:0} /* 20230523 추가 */

/* contents */
h3 {position:relative; padding-top:18px; margin-bottom:40px; font-size:34px; color:#000; font-family:NanumGothicBold; letter-spacing:-0.5px; text-align:center}
h3:before {position:absolute; left:50%; top:0; display:block; margin-left:-28.5px; width:57px; height:5px; background:#000; content:""}
h4 {position:relative; margin-top:49px; padding-left:33px; min-height:23px; font-size:18px; font-family:NanumGothicBold; color:#000}
h4:before {position:absolute; left:0; top:1px; display:block; width:22px; height:22px; background:url(/images/experi/contents/bul_h4.png) 0 0 no-repeat;content:""}
h3 + h4 {margin-top:0}
.txt {margin-left:8px; line-height:24px}
h4 + .txt {margin-top:17px}
h5 {position:relative; margin:48px 0 10px; padding-left:11px; font-size:16px; font-family:NanumGothicBold; color:#000}
h5:before {position:absolute; left:0; top:5px; display:block; width:5px; height:9px; background:url(/images/experi/contents/bul_h5.png) 0 0 no-repeat; content:""}
.tab + h5 {margin-top:26px}
.text_area {padding:22px 6px 36px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; line-height:25px; color:#000}


/* btn */
.btn_group {margin-top:40px; text-align:right}
.btn_group.type02 {margin-top:50px; text-align:center}
.btn_srchGry {display:inline-block; padding-left:5px; height:38px; background:url(/images/experi/contents/btn/btn_tblLeft.png) 0 0 no-repeat}
.btn_srchGry span {display:inline-block; padding:0 10px 0 6px; height:38px; line-height:38px; background:url(/images/experi/contents/btn/btn_tblRight.png) right 0 no-repeat; color:#fff; font-family:NanumGothicBold}
.btn_srch_blue {width:97px; height:57px; background:url(/images/experi/contents/btn/btn_srch_h57.png) 0 0 no-repeat}
.btn_srch_blue_sm {width:97px; height:37px; background:url(/images/experi/contents/btn/btn_srch_h37.png) 0 0 no-repeat}
.btn_rnd {display:inline-block; padding-left:12px; height:24px; background:url(/images/experi/contents/btn/btn_rndLeft.png) 0 0 no-repeat}
.btn_rnd em {display:inline-block; padding-left:5px; padding-right:18px; height:24px; line-height:24px; background:url(/images/experi/contents/btn/btn_rndRight.png) right 0 no-repeat; color:#4c4c4c; font-size:14px; font-family:NanumGothicBold; letter-spacing:-1px}
.btn_rnd.sky {background:url(/images/experi/contents/btn/btn_rndLeft.png) 0 -30px no-repeat}
.btn_rnd.sky em {background:url(/images/experi/contents/btn/btn_rndRight.png) right -30px no-repeat; color:#3a78bb}
.btn_rnd.blue {background:url(/images/experi/contents/btn/btn_rndLeft.png) 0 -60px no-repeat}
.btn_rnd.blue em {background:url(/images/experi/contents/btn/btn_rndRight.png) right -60px no-repeat; color:#fff}
.btn_rnd.h_42 {padding-left:20px; height:42px; background:url(/images/experi/contents/btn/btn_rndLeft.png) 0 0 no-repeat}
.btn_rnd.h_42 em {padding-left:0; padding-right:20px; height:42px; line-height:42px}
.btn_rnd.sky.h_42 {background:url(/images/experi/contents/btn/btn_rndLeft_h42.png) 0 0 no-repeat}
.btn_rnd.sky.h_42 em {background:url(/images/experi/contents/btn/btn_rndRight_h42.png) right 0 no-repeat}
.btn_rnd.blue.h_42 {background:url(/images/experi/contents/btn/btn_rndLeft_h42.png) 0 -60px no-repeat}
.btn_rnd.blue.h_42 em {background:url(/images/experi/contents/btn/btn_rndRight_h42.png) right -60px no-repeat}
.btn_btm {display:inline-block; padding:0 15px; min-width:85px; height:35px; line-height:35px; border:1px solid #d0d0d0; background:#fff; color:#000; font-family:NanumGothicBold; text-align:center}
input.btn_btm.blue {min-width:117px; height:37px; line-height:37px; font-size:14px; vertical-align:top}
.btn_btm.blue {border:1px solid #415cab; background:#415cab; color:#fff !important}
.btn_btm.gray {border:1px solid #d0d0d0; background:#eee}
.btn_btm:hover, .btn_btm:focus {text-decoration:none}
.btn_btm + .btn_btm {margin-left:2px}
.btn_ico {position:relative; display:inline-block; padding:0 8px 0 21px; height:23px; line-height:23px; border:1px solid #d5dde6; background:#fff; font-size:12px; font-family:NanumGothicBold; letter-spacing:-0.5px; color:#757f8a !important; text-decoration:none !important}
.btn_ico .list, .btn_ico .info {line-height:23px}
.btn_ico .list:before {position:absolute; left:7px; top:6px; display:block; width:9px; height:9px; background:url(/images/experi/contents/btn/btn_ico.png) 0 0 no-repeat; content:""}
.btn_ico .info:before {position:absolute; left:7px; top:6px; display:block; width:10px; height:10px; background:url(/images/experi/contents/btn/btn_ico.png) 0 -15px no-repeat; content:""}
.btn_ico:hover, .btn_ico:focus {text-decoration:none}
.btn_ico.fr {margin-top:-17px; margin-bottom:10px}
.btn_ico.fr:after {display:block; clear:both; content:""}
.btn_rndBlue {display:inline-block; padding-left:5px; height:37px; line-height:37px; background:url(/images/experi/contents/btn/btn_rndBlue_Left.png) 0 0 no-repeat}
.btn_rndBlue em {display:inline-block; padding-right:4px; min-width:88px; height:37px; line-height:37px; background:url(/images/experi/contents/btn/btn_rndBlue_Right.png) right 0 no-repeat; font-size:16px; font-family:NanumGothicBold; color:#fff}
.btn_wht {display:inline-block; padding:0 8px 0 9px; height:28px; line-height:28px; border:1px solid #c5cbd2; background:#fff; color:#fff; font-family:NanumGothicBold; color:#000; letter-spacing:-0.5px; font-size:13px}
.btn_wht.del {width:66px; color:#575757}
.btn_wht.add {padding:0 12px}
.btn_wht.add span:before {display:inline-block; margin-right:3px; width:8px; height:8px; background:url(/images/experi/contents/btn/btn_ico.png) 0 -30px no-repeat; content:""}
.btn_wht:hover, .btn_wht:focus {text-decoration:none}
.calendar_wrap button {margin:-2px 0 0 -21px !important; width:21px !important; height:13px !important; background:url(/images/experi/contents/ico/ico_calendar.png) 0 0 no-repeat !important; vertical-align:middle !important}

/* icon(20180129 추가) */
span.icon {display:inline-block; padding:0 3px 0 4px; margin-right:3px; height:14px; line-height:16px; border:1px solid #000; background:#fff; font-size:11px; font-family:Dotum,"돋움"; letter-spacing:-0.5px}
span.icon.future {border:1px solid #00aeeb; color:#00aeeb}
span.icon.tech {border:1px solid #6db430; color:#6db430}
span.icon.smgiant {border:1px solid #f46523; color:#f46523}
span.icon.venture {border:1px solid #00aeeb; color:#00aeeb}
span.icon.super {border:1px solid #974dfa; color:#974dfa}
span.icon.etc {border:1px solid #999; color:#999}

/* table */
table  td .new {display:inline-block; margin:3px 0 0 5px; vertical-align:top}
table .ref {font-size:12px; color:#1665bc}
table .req {color:#415cab; font-weight:bold}
h4 + table {margin-top:17px}
.tbl_list {border-top:3px solid #000}
.tbl_list th, .tbl_list td {padding:10px 0 9px; line-height:21px; border-left:1px solid #dedede; border-bottom:1px solid #dedede}
.tbl_list th {text-align:center; font-family:NanumGothicBold}
.tbl_list td {padding-left:30px}
.tbl_list thead th {background:#f4f6f6}
.tbl_list tr th:first-child, .tbl_list tr td:first-child {border-left:none}

.srch_total {margin:59px 0 23px 8px; color:#000}
.srch_total strong {color:#415cab}
.tbl_srchLi {border-top:2px solid #262626}
.tbl_srchLi thead th {border-bottom:1px solid #262626; color:#000; font-family:NanumGothicBold; text-align:center}
.tbl_srchLi th, .tbl_srchLi td {padding:15px 0; line-height:20px}
.tbl_srchLi td {padding:15px 10px; border-bottom:1px solid #dedede; font-size:13px; text-align:center}
.tbl_srchLi td .link {font-family:NanumGothicBold; font-size:14px; letter-spacing:-0.5px}

.tbl_view {border-top:3px solid #37393c}
.tbl_view .bl {border-left:1px solid #e0e0e0}
.tbl_view thead th {padding:14px 0 15px; border-bottom:1px solid #e0e0e0; background:#eff0f3; color:#000; font-family:NanumGothicBold; text-align:center}
.tbl_view thead th.title {padding:13px 10px 18px; font-size:18px; background:#fff; text-align:left}
.tbl_view tbody th {background:#eff0f3; text-align:center; font-family:NanumGothicBold}
.tbl_view tbody th, .tbl_view td {padding:11px 0 13px; line-height:20px; border-bottom:1px solid #e0e0e0; color:#000}
.tbl_view td {padding:11px 15px 13px}
.tbl_view td .lh30 {line-height:30px}
.tbl_view td.text {padding:50px 23px 60px; line-height:25px; font-size:14px; color:#000}
.tbl_view td .file_group {display:block; font-size:13px}
.tbl_view td .file_group a {display:block}
.tbl_view td .file_group a + a {margin-top:3px}
.tbl_view td .file_group a img {padding-left:8px; vertical-align:-3px}
.tbl_view td .file_group a:hover, .tbl_view td .file_group a:focus {color:#415cab}
.tbl_view td span {display:inline-block; margin-right:8px; line-height:30px}
.tbl_view + .tbl_view {margin-top:35px; border-top:1px solid #d4d5d8}
.tbl_view + .tbl_view.mt0 {margin-top:0; border-top:none}
.tbl_view.b1 {border-top:1px solid #e0e0e0}
.tbl_view td span.icon {display:inline-block; margin-right:3px; height:14px; line-height:16px} /* 20180129 추가 */

h4 + .view_info {margin-top:17px}
.view_info {border-top:2px solid #242425; border-bottom:1px solid #d8d8d8; clear:both}
.view_info .tit {display:inline-block; padding:14px 10px 15px 20px; width:880px; background:#f3f4f6; font-size:16px; color:#444; font-family:NanumGothicBold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.view_info .tit.relative {position:relative; padding-right:130px; width:100%; box-sizing:border-box}
.view_info .tit.relative .sub {position:absolute; right:10px; top:50%; transform:translateY(-50%)}
.view_info li div {position:relative; padding:18px 0 2px}
.view_info li div .btn_rnd {position:absolute; right:23px; top:50%; margin-top:-12px}
.view_info li div .btn_rnd.h_42 {margin-top:-21px}
.view_info ul {margin-left:20px; width:796px; overflow:hidden}
.view_info ul li {float:left; margin-right:30px; margin-bottom:17px; /*min-width:205px;*/ font-size:13px; color:#000}
.view_info ul li strong {display:inline-block; padding-right:11px; color:#777980; font-family:NanumGothic; letter-spacing:0}
.view_info ul li strong:after {display:inline-block; margin-left:8px; width:1px; height:12px; background:#c5c5c5; vertical-align:-2px; content:""}
.view_info ul li span em {font-family:NanumGothicBold}
.view_info ul li span em.blue {color:#415cab !important}
.view_info ul.w82 {width:82%}
.view_info ul.w84 {width:84%}
.view_info ul.w100 {margin-left:10px; width:900px}
.view_info ul.w100.nodata {margin:0 10px 16px; text-align:center}
.view_info ul.w100.nodata li {float:none; margin:0}
.popup .view_info .tit {width:100%; box-sizing:border-box}

.tblLi_chk {border-top:3px solid #37393c}
.tblLi_chk > li {position:relative; padding:10px 0 14px 7px; line-height:20px; border-bottom:1px solid #dedede; color:#000}
.tblLi_chk > li:after {display:block; clear:both; content:""}
.tblLi_chk li .qus {float:left; display:inline-block; width:670px; font-family:NanumGothic; letter-spacing:0}
.tblLi_chk li .radio_wrp {float:left; margin-left:30px}
.tblLi_chk li .radio_wrp li {margin-left:54px}

/* 첨부파일 */
.file_wrp {position:relative; font-size:13px;}
.file_wrp .file_list {padding:5px 15px; border:1px solid #c5cbd2}
.file_wrp .file_list li {margin-bottom:2px}
.file_wrp .file_btn {position:absolute; right:0; bottom:-3px}
.file_wrp .file_btn > p {position:absolute; left:0; top:0; width:90px; height:30px; overflow:hidden}
.file_wrp .file_btn input[type="file"] {position:relative; width:100%; height:30px; font-family:NanumGothic; cursor:pointer; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); opacity:0; -moz-opacity:0}
.file_wrp .file_btn .btn {position:relative; display:inline-block; padding:0 9px; min-width:70px; height:28px; line-height:28px; border:1px solid #c5cbd2; background:#fff; font-size:13px; font-family:'NanumGothicBold'; color:#333; text-align:center; z-index:1; cursor:pointer}
.file_wrp .file_btn input.btn {height:30px}

/* paging */
.paginate {margin-top:55px; text-align:center}
.paginate a, .paginate strong {display:inline-block; margin-left:-1px; width:30px; height:30px; line-height:30px; border:1px solid #ddd; background:#fff; font-size:12px; font-family:"돋움", Dotum; text-align:center; vertical-align:top}
.paginate a:hover, .paginate a:focus {text-decoration:none}
.paginate strong {position:relative; border:1px solid #415cab; color:#415cab; font-weight:bold; z-index:1}
.paginate a.first, .paginate a.prev, .paginate a.next, .paginate a.last {text-indent:-9999px; background:#f3f3f3}
.paginate a.first {background:#f3f3f3 url(/images/experi/contents/btn/btn_paging.png) center 10px no-repeat}
.paginate a.prev {background:#f3f3f3 url(/images/experi/contents/btn/btn_paging.png) center -10px no-repeat}
.paginate a.next {background:#f3f3f3 url(/images/experi/contents/btn/btn_paging.png) center -30px no-repeat}
.paginate a.last {background:#f3f3f3 url(/images/experi/contents/btn/btn_paging.png) center -50px no-repeat}

/* search */
.srch_box {position:relative; padding:30px 157px 18px 65px; width:686px; border:1px solid #e9e9e9; background:#f3f4f6}
.srch_box input[type="radio"], .srch_box input[type="checkbox"] {margin-right:6px; width:16px; height:16px; vertical-align:top}
.srch_box input[type="radio"] + label, .srch_box input[type="cehckbox"] + label {margin-right:10px; letter-spacing:-0.5px; vertical-align:top}
.srch_box input[type="text"] {padding:0 10px; height:36px; line-height:36px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
.srch_box input.calendar {width:108px}
/*.srch_box button.btn_cal {position:relative; display:inline; margin:-2px 0 0 -21px; width:21px; height:13px; background:url(/images/experi/contents/ico/ico_calendar.png) 0 0 no-repeat; vertical-align:middle}*/
.srch_box .tit {display:inline-block; line-height:38px; margin-right:15px}
.srch_box ul {position:relative; width:686px}
.srch_box ul:after {position:absolute; right:0; top:0; display:block; width:1px; height:100%; background:#d5dde6; content:""}
.srch_box ul li {margin-bottom:12px}
.srch_box .input_wrp {display:inline-block; vertical-align:middle}
.srch_box .srch_area {position:absolute; right:30px; top:50%; margin-top:-28.5px}
.srch_box .ui-datepicker-trigger {height:38px; vertical-align:top} /* 20230503 추가 */

.selSrch_box {position:relative; padding:35px 63px 35px; border:1px solid #dddee2; background:#f3f4f6}
.selSrch_box:after {display:block; clear:both; content:""}
.selSrch_box .sel_wrp {float:left}
.selSrch_box input[type="text"] {padding:0 10px; height:36px; line-height:36px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
.selSrch_box .btn_srch_blue_sm {display:inline-block; margin-left:3px}

/* select */
.sel_wrp {position:relative; display:inline-block; padding-right:28px; min-width:78px; background:#fff}
.sel_wrp + .tit {margin-left:28px}
.sel_wrp button {display:inline-block; padding-left:20px; width:100%; height:38px; line-height:38px; border:1px solid #c5cbd2; background:#fff; text-align:left; font-size:13px}
.sel_wrp button:after {position:absolute; right:0; top:0; display:block; width:27px; height:36px; border:1px solid #c5cbd2; border-left:1px solid #d5dde6; background:url(/images/experi/contents/ico/ico_select.png) 0 0 no-repeat; content:""}
.sel_wrp button.on:after {background:url(/images/experi/contents/ico/ico_select.png) 0 -50px no-repeat}
.sel_wrp span {display:none; position:absolute; left:0; top:37px; border:1px solid #c5cbd2; box-sizing:border-box; width:100%; background:#fff; z-index:1}
.sel_wrp span.scroll {height:300px; overflow:auto}
.sel_wrp button.on + span {display:block}
.sel_wrp span a {display:block; padding:0 10px 0 20px; line-height:30px; font-size:13px}
.sel_wrp span a:hover, .srch_box .sel_wrp span a:focus {background:#eee; text-decoration:none}
.sel_wrp + input[type="text"] {margin-left:6px}
td .sel_wrp button {padding-right:10px; height:30px; line-height:30px; border-right:none}
td .sel_wrp button:after {height:28px; border-left:none; background:url(/images/experi/contents/ico/ico_select.png) 0 -5px no-repeat}
td .sel_wrp span {display:none; top:29px}
td .sel_wrp button.on + span {display:inline-block}

/* input */
input[type="text"].readonly {background:#eff0f3}
span + .radio_wrp {position:relative; top:3px}
.radio_wrp {display:inline-block}
.radio_wrp:after {display:block; clear:both; content:""}
.radio_wrp li {position:relative; top:0; float:left; margin-left:15px; padding-left:17px; height:21px; background:#fff url(/images/experi/contents/ico/ico_radio.png) 0 5px no-repeat}
.radio_wrp li.active {background:#fff url(/images/experi/contents/ico/ico_radio.png) 0 -25px no-repeat}
.radio_wrp input[type="radio"] {position:absolute; left:-2px; top:8px; width:77px; height:16px}
.radio_wrp label {position:relative; display:inline-block; padding:3px 0 3px 5px; height:18px; background:#fff; vertical-align:top}
input[type="checkbox"] {margin-right:6px; width:14px; height:14px}
input[type="checkbox"] + label {margin-right:20px}
.inputDel_wrp {position:relative; display:inline; line-height:30px}
.inputDel_wrp input[type="text"] + .btn_del {position:absolute; right:20px; top:1px; width:14px; height:14px; background:url(/images/experi/contents/btn/btn_close.png) 0 0 no-repeat}


/* box */
.box_pic {margin-bottom:70px; padding:24px 25px 16px; background:#f3f4f6}
.box_pic ul li {position:relative; margin-bottom:3px; padding-left:28px; line-height:26px; background:url(/images/experi/contents/ico/ico_info.png) 0 5px no-repeat; color:#333; font-size:15px}
.box_pic ul li a {color:#415cab; text-decoration:underline}
.box_confirm {padding:33px 0 45px; border-top:3px solid #000; border-bottom:1px solid #dedede}
.box_confirm div {text-align:center}
.box_confirm div * {display:inline-block}
.box_confirm .tit {margin-right:15px; line-height:38px; color:#000}
.box_confirm input[type="text"] {margin-right:-12px; width:332px; height:36px; line-height:36px; background:#ecf0f5; border:1px solid #d5dde6}
.box_confirm input[type="text"] + button.btn_del {position:relative; left:-28px; top:-5px; width:14px; height:14px; background:url(/images/experi/contents/btn/btn_close.png) 0 0 no-repeat}

/* s 2022-01-03 */
.box_confirm .sel_wrp {position:relative; display:inline-block; padding-right:28px; min-width:78px; background:#fff}
.box_confirm .sel_wrp + .tit {margin-left:28px}
.box_confirm .sel_wrp button {display:inline-block; padding-left:20px; width:100%; height:38px; line-height:38px; border:1px solid #c5cbd2; background:#fff; text-align:left; font-size:13px}
.box_confirm .sel_wrp button:after {position:absolute; right:0; top:0; display:block; width:27px; height:36px; border:1px solid #c5cbd2; border-left:1px solid #d5dde6; background:url(/images/experi/contents/ico/ico_select.png) 0 0 no-repeat; content:""}
.box_confirm .sel_wrp button.on:after {background:url(/images/experi/contents/ico/ico_select.png) 0 -50px no-repeat}
.box_confirm .sel_wrp span {display:none; position:absolute; left:0; top:37px; border:1px solid #c5cbd2; box-sizing:border-box; width:100%; background:#fff; z-index:1}
.box_confirm .sel_wrp span.scroll {height:300px; overflow:auto}
.box_confirm .sel_wrp button.on + span {display:block}
.box_confirm .sel_wrp span a {display:block; padding:0 10px 0 20px; line-height:30px; font-size:13px}
.box_confirm .sel_wrp span a:hover, .srch_box .sel_wrp span a:focus {background:#eee; text-decoration:none}
.box_confirm .sel_wrp + input[type="text"] {margin-left:6px}
/* e 2022-01-03 */

.box_info {margin:15px 0 50px; padding:13px 32px 5px; border:1px solid #dddee2}
.box_info ul li {margin-bottom:9px; padding-left:16px; background:url(/images/experi/contents/bul_dot_info.gif) 1px 6px no-repeat}
.box_info ul li .blue {color:#415cab !important}
.box_info ul li a {color:#415cab; text-decoration:underline; font-family:NanumGothicBold}
.box_info.bnone {margin:20px 0 35px; padding:0; border:none}

/* tab */
table + ul.tab {margin-top:60px}
ul.tab {position:relative; overflow:hidden}
ul.tab:before {position:absolute; left:0; top:48px; display:block; width:910px; height:2px; background:#8a8a8a; content:""; z-index:-1}
ul.tab li {float:left; min-width:195px; height:50px; line-height:50px; background:#8a8a8a; text-align:center}
ul.tab li + li {border-left:1px solid #aeaeae}
ul.tab li.on + li, ul.tab li.on {border-left:none}
ul.tab li.on {background:#415cab}
ul.tab li a {display:block; padding:0 10px; font-family:NanumGothicBold; font-size:16px; color:#fff}
ul.tab li a:hover, ul.tab li a:focus {text-decoration:none}
ul.tab.flex {display:flex}
ul.tab.flex > li {flex:1; min-width:auto}

/* 수료증 진위확인 */
.box_pic.doc {background:#f3f4f6 url(/images/experi/contents/bg_document.png) 760px 21px no-repeat}
.box_pic.doc li {margin-bottom:16px}

/* 증명서 발급 */
.box_pic.cetify {background:#f3f4f6 url(/images/experi/contents/bg_certify.png) right 39px no-repeat}

/* 기업체험기 */
.box_pic.epilog {padding:45px 25px 47px; background:#f3f4f6 url(/images/experi/contents/bg_epilogue.png) right 25px no-repeat}

/* 만족도 조사 */
.box_pic.satisfy {padding:36px 25px 44px; background:#f3f4f6 url(/images/experi/contents/bg_satisfy.png) right 22px no-repeat}
.txt_info {margin-top:10px; padding-left:16px; line-height:25px; background:url(/images/experi/contents/bul_dot_info.gif) 1px 11px no-repeat}
.survey_wrp {margin-top:30px; padding:0 50px 70px; border:1px solid #dddee2; border-top:6px solid #415cab; background:#f9fafb}
.survey_wrp ol h4 {padding-left:0; margin-top:0; margin-bottom:23px; line-height:25px; min-height:auto; color:#333}
.survey_wrp ol h4:before {display:none; width:0; height:0}
.survey_wrp ol > li {margin-top:55px}
.survey_wrp .qus {margin-left:22px; overflow:hidden}
.survey_wrp .qus li {margin-bottom:20px; float:left; min-width:300px}
/* 20230308 OHS min-width 변경 */
.survey_wrp .qus1 {margin-left:22px; overflow:hidden}
.survey_wrp .qus1 li {margin-bottom:20px; float:left; min-width:400px}
.survey_wrp input[type="radio"] {margin-right:5px; width:16px; height:16px;}
.survey_wrp table {border-top:1px solid #dedede}
.survey_wrp table .lh30 {line-height:30px}
.survey_wrp table th, .survey_wrp table td {padding:13px 24px 13px; line-height:24px; border-left:1px solid #dedede; border-bottom:1px solid #dedede; background:#f9fafb; text-align:center}
.survey_wrp table th {padding:9px 0; background:#eff0f3; font-family:NanumGothicBold}
.survey_wrp table th:first-child, .survey_wrp table td:first-child {border-left:none}
.survey_wrp table.type02 {border-top:2px solid #262626}
.survey_wrp table.type02 th, .survey_wrp table.type02 td {padding:15px 0; line-height:20px; background:#f9fafb}
.survey_wrp table.type02 th {background:#e9ebef}
.survey_wrp table.type02 td {padding-left:20px; text-align:left}
.survey_wrp table ul.input_wrp {overflow:hidden}
.survey_wrp table ul.input_wrp li {float:left; margin-right:30px}
.survey_wrp table ul.input_wrp.w160 li {margin-right:0; width:160px}
.survey_wrp table ul.input_wrp.w130 li {margin-right:0; width:130px}
.survey_wrp textarea {margin-left:22px; width:774px; border:1px solid #c5cbd2}

/* 사이트맵 */
.sitemap {border-bottom:1px solid #dedede; overflow:hidden; border-left:1px solid #dedede}
.sitemap > div {float:left; width:453px; height:251px; border-top:2px solid #415cab; border-right:1px solid #dedede}
.sitemap div.fr {border-right:none}
.sitemap h4 {margin-top:0; padding:17px 0 13px 0; min-height:auto; background:#eff2f8; font-size:16px; text-align:center}
.sitemap h4:before {display:none}
.sitemap ul {padding:19px 0 20px 20px}
.sitemap ul li {margin-bottom:14px; padding-left:13px; background:url(/images/experi/contents/bul_h5.png) 0 4px no-repeat; color:#000}
.sitemap ul li a.link {display:inline-block; padding-right:11px; background:url(/images/experi/layout/ico_link.png) right 2px no-repeat}

/*popup*/
.popup {position:relative; width:100%; height:100%; background-color:#fff; font-size:14px}
.popup .pop-header {margin:0; padding:0 20px; height:56px; background-color:#2c5b91;}
.popup .pop-header h1 {margin:0; padding:0; color:#fff; line-height:56px; overflow:hidden; width:100%; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis}
.popup .pop-container {position:relative; padding:30px 20px}
.popup .btn-close-popup {display:block;position:absolute; right:20px; top:19px; margin:0; padding:0; width:17px; height:17px; border:0; background:url('/images/youngChallenge/contents/btn/btn-close-popup.png') no-repeat center; overflow:hidden; vertical-align:middle; text-indent:-9999px}
.popup .btn-group {position:relative; padding:30px 0 0 0}
.popup .btn-group .button {display:inline-block; padding:0 20px; min-width:90px; height:36px; line-height:34px; font-weight:bold; vertical-align:middle; font-size:14px}
.popup .btn-group .button.blue {background:#3683c3; color:#fff}
.popup .btn-group .button.navy {background:#41506e; color:#fff}
.popup td {font-size:14px}