@charset "utf-8";
/* font */
@import url('../../font.css');

/* 기본세팅 */
*{margin:0; padding:0;}
html, body {height:100%}
body {font-family:Gulim, "굴림", Dotum, "돋움", sans-serif; font-size:12px; color:#444}
* {margin:0; padding:0}
textarea {padding:5px; border:1px solid #b5b5b5; font-family:Gulim, "굴림", Dotum, "돋움", sans-serif; font-size:12px; color:#444} /* 20170718 수정 */
input {vertical-align:middle}
div, table, th, td {border-collapse:collapse}
table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0}
img, fieldset {border:0}
ul, ol, li {list-style:none}
img {vertical-align:middle}
h1, h2, h3, h4, h5, h6 {font-family:"NanumGothicBold"; font-weight:normal; font-size:13px; color:#333}
hr {display:none}
button {cursor:pointer; border:none; background:none}
caption, legend {position:relative; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; *display:none}
legend {position:absolute}
a {cursor:pointer; color:#333; text-decoration:none}
a:hover, a:focus {text-decoration:underline}
input[type="text"], input[type="password"], select {padding:0 5px; height:18px; line-height:18px; border:1px solid #b5b5b5}
select {padding:0; height:20px; line-height:20px}
input[disabled="disabled"] {background:#efefef}


/* layout */
body {background:#f3f3f3}
#wrap {min-width:910px; width:100%; background:#fff url(/images/pkg/succ/layout/bg_sub.gif) center 75px no-repeat}
#main {min-width:910px; width:100%; background:#fff url(/images/pkg/succ/main/bg_main.jpg) center 75px no-repeat} /* 20200422 수정 */
#header, #container, #footin {overflow:hidden; position:relative; margin:0 auto; width:910px}

#skip_nav {position:absolute; top:0; left:0; width:100%}
#skip_nav li a {position:absolute; top:0; left:0; width:100%; text-align:center; color:#fff; font-size:0; line-height:0}
#skip_nav li a:hover, #skip_nav li a:focus {color:#333; z-index:9999; text-decoration:none; z-index:100; font-size:12px; line-height:1.0em}

#header {height:117px}
#header h1 {margin:13px 0 21px}
#header h1 sub {position:absolute; left:0; top:75px}
#header .unb {position:absolute; top:0; right:0; padding:6px 0 50px; overflow:hidden}
#header .unb .user, #header .unb dl, #header .unb dl dd, #header .unb .fontsize, #header .unb .fontsize * {float:left}
#header .unb span.user {position:relative; float:left; display:block; margin-top:-1px; z-index:1; font-family:Gulim, "굴림", Dotum, "돋움", Arial, Verdana, sans-serif}
#header .unb span.user * {vertical-align:middle;}
#header .unb span.user #mymenu {position:absolute; top:20px; right:57px; padding:8px; width:74px; border:1px solid #ddcb8d; background:#fefef2; font-weight:normal; text-align:left; z-index:1;}
#header .unb span.user #mymenu a {display:block; line-height:1.5;}
#header .unb dl {margin:5px -1px 0 4px}
#header .unb dl dt {width:0; height:0; visibility:hidden; font-size:0; line-height:0}
#header .unb dl dd {padding:0 7px 0 10px; background:url(/images/common/layout/bar_gray.gif) right 2px no-repeat; border-collapse:collapse}
#header .unb dl dd img {position:relative; top:-1px; margin-left:-4px; vertical-align:top;}
#header .unb .fontsize {display:block; width:78px; height:20px; padding:4px 5px; background:url(/images/common/layout/bg_fontsize.gif) scroll 0 0 no-repeat}
#gnb {position:relative; clear:both; overflow:hidden; margin-left:199px; padding-left:1px; background:url(/images/pkg/succ/layout/bg_gnb.gif) 0 0 repeat-x}
#gnb ul {overflow:hidden}
#gnb li {float:left; padding:7px 7px 8px 10px; height:27px; background:url(/images/pkg/succ/layout/bar_gnb.gif) 0 15px no-repeat}
#gnb li.first {padding-left:0; background:0}
#gnb .gnb_btn {position:absolute; right:0; top:0; overflow:hidden}
#main #gnb .gnb_btn .apply {display:none} /* 20200422 추가 */
#gnb .gnb_btn .apply {display:block; float:left; margin:7px 5px 0 0; padding-right:0; background:0}
#gnb .gnb_btn .young {display:block; float:left; padding-right:0; background:0}

#container {margin:20px auto 100px; min-height:500px}
#sidebar {float:left; width:185px}
#sidebar h2 {margin-bottom:-1px; padding-bottom:0}
#sidebar ul {background:url(/images/common/layout/sidebar_bg.gif) repeat-y left}
#sidebar ul li {padding-top:1px}
#sidebar ul li a {display:block; background:url(/images/common/layout/left_list.gif) no-repeat; color:#444; font-weight:bold; padding:9px 0 0 24px; height:20px; text-decoration:none}
#sidebar ul li li.active a {background:none}
#sidebar ul li a:hover,#sidebar ul li.active a {background:url(/images/common/layout/left_liston.gif) no-repeat; color:#000}
#sidebar ul li.active li a {background:none; color:#444}
#sidebar ul li.active li.active a {color:#1469b3}
#sidebar ul li.active li.active li a {color:#444}
#sidebar ul li.active li li.active a {color:#1469b3}
#sidebar ul li ul {position:relative; background:url(/images/common/layout/sidebar_bg02.gif) no-repeat; padding:10px 10px 5px; border-bottom:1px solid #d8dce3}
#sidebar ul li li {position:relative; background:url(/images/common/layout/left_list02.gif) 0 5px no-repeat; padding:0 0 8px 9px}
#sidebar ul li li a,#sidebar ul li li a:hover {display:inline; background:none; color:#555; padding:0; font-weight:normal}
#sidebar ul li li a:hover, #sidebar ul li li.active a {color:#1469b3}
#sidebar ul li ul li ul {background:none; padding:0; overflow:hidden; width:170px; letter-spacing:-1px; border:none}
#sidebar ul li ul li ul:after{content:""; display:block; clear:both}
#sidebar ul li ul li ul li {float:left; display:inline; background:url(/images/common/layout/sidebar_bg03.gif) left top no-repeat; padding-left:10px; margin-left:-10px; margin-right:20px}

#content {position:relative; float:right; padding-top:13px; width:695px}
#content h3 {font-size:24px; margin-bottom:20px; padding-bottom:7px; background:url(/images/common/bg_contitle.gif) 0 bottom no-repeat; letter-spacing:-1px} /* 20170718 수정 */
#location {position:absolute; top:28px; right:0; font-family:"돋움",dotum; font-size:11px}
#location span, #location strong {padding-left:9px; background:url(/images/pkg/succ/layout/bg_location.gif) 0 0 no-repeat; color:#555}
#location img {vertical-align:top}


#footer {clear:both; height:105px; border-top:2px solid #626262; background-color:#f3f3f3; z-index:40}
#footin {margin:0 auto; width:910px; height:92px; padding-top:13px; overflow:hidden; z-index:40}
#footin img {margin-top:0; vertical-align:top; z-index:40}
#footin ul {margin-left:-8px; background:url(/images/common/layout/footer_menu_bg.gif) bottom repeat-x; height:24px; margin-bottom:11px; z-index:40; overflow:hidden}
#footin ul li {float:left; display:inline; background:url(/images/common/layout/footer_menu_bar.gif) no-repeat left top; padding:0 8px; z-index:40}
#footin .family {position:absolute; right:0; top:11px}
#footin .family input,#footer #footin span.family img {margin-top:-5px; vertical-align:middle}
#footin .logo {clear:both; vertical-align:bottom; padding:2px 6px 0 2px}
#footin .logo img {margin-right:5px}
#footin address {display:inline}
#footin p {padding:4px 0 0 204px}
#footin .siteinfo {float:right; margin-top:-50px; letter-spacing:-1px}
#footin .siteinfo img {vertical-align:middle}
#footin .siteinfo .center1350 {position:absolute; top:12px; right:104px}

/* 메인 layout */
#main #container {position:relative; margin:0 auto 40px; overflow:visible} /* 20190213 수정 */
#main .quick_banner {position:absolute; right:-102px; top:72px; display:block} /* 20190213 추가 */
#main .quick_banner2 {position:absolute; right:-102px; top:222px; display:block} /* 20190213 추가 */
#main .visual {width:100%}
/* 20200422 수정추가 */
#main .visual .in {position:relative; margin:0 auto; width:910px; height:243px}
#main .visual .in .img_visual {display:inline-block; width:910px}
#main .visual .in .btn_link {position:absolute; right:257px; bottom:20px; display:block}
/* 20200422 수정추가 */
#main .my_part {overflow:hidden; height:52px}
#main .my_part h2, #main .my_part dl, #main .my_part dt, #main .my_part dd {float:left; height:100%; line-height:52px; font-family:NanumGothicBold; font-weight:normal; color:#333; font-size:14px}
#main .my_part h2 {padding-left:105px; width:121px; background:#3bbcff url(/images/pkg/succ/main/bg_mypart.gif) 0 0 no-repeat; font-size:16px}
#main .my_part dl {padding-left:9px; width:648px; background:#6d6e71}
#main .my_part dt {margin-left:30px; padding:0 4px 0 35px; background:url(/images/pkg/succ/main/bg_mypartLogin.gif) 0 0 no-repeat; color:#fffcd5}
#main .my_part dt a {color:#fffcd5; text-decoration:underline}
#main .my_part dd {color:#fff}
#main .my_part dt.date {background:url(/images/pkg/succ/main/bg_mypartDate.gif) 0 0 no-repeat}
#main .my_part .more {float:right; padding-top:13px}

/* 20200511 수정 start */
#main .board_wrp {margin-top:30px; height:335px; overflow:hidden}
#main .board {float:left; width:534px}
#main .board li {position:relative; float:left; width:100%}
#main .board li h2 {padding:4px 0 7px; line-height:1.0em; font-size:18px}
#main .board li ul {padding:12px 0 1px; border-top:2px solid #535a6c}
#main .board li ul li {float:none; overflow:hidden; padding-left:14px; width:520px; line-height:26px; background:url(/images/pkg/succ/common/bul/bul_dot_blk.gif) 0 11px no-repeat}
#main .board li ul li a {display:inline-block; overflow:hidden; max-width:460px; text-overflow:ellipsis; white-space:nowrap; color:#333}
#main .board li ul li span {float:left}
#main .board li ul li span.date {float:right; color:#666}
#main .board li a.more {position:absolute; top:9px; right:0; padding-right:7px; font-family:Dotum, "돋움"; font-size:11px; color:#666; background:url(/images/pkg/succ/main/bg_boardMore.gif) right 2px no-repeat; text-decoration:none}
#main .board li.center {margin-top:37px}
#main .board li.center ul li .name {float:left; width:110px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold}
#main .board li.center ul li a {width:337px}
/* 20200511 수정 end */

#main .find_info {clear:both; overflow:hidden; margin:30px 0 0 -6px; width:916px}
#main .find_info li {float:left; margin-left:6px; width:450px; height:150px; background:#f6fcfd url(/images/pkg/succ/main/bg_findHrd.gif) 0 0 no-repeat; border:1px solid #d9d9d9}
#main .find_info li h2 {padding:22px 0 10px 147px; line-height:1.0em; color:#057889; font-size:18px}
#main .find_info li p {padding-left:147px; height:59px; line-height:18px; font-family:NanumGothic; color:#666}
#main .find_info li .link {padding:0; height:40px; border-top:1px solid #d9d9d9}
#main .find_info li .link a {float:left; padding:9px 0; width:225px; height:22px; line-height:22px; border-right:1px solid #d9d9d9; text-align:center; font-family:NanumGothicBold; font-size:13px; color:#333; text-decoration:none}
#main .find_info li .link a img {padding-right:8px; vertical-align:middle}
#main .find_info li .link a.last {width:224px; border-right:0}
#main .find_info li.qualify {background:#f9fcf5 url(/images/pkg/succ/main/bg_findQualify.gif) 0 0 no-repeat}
#main .find_info li.qualify h2 {color:#4a7802}

#main .etc {clear:both; overflow:hidden; margin-top:40px} /* 20200511 수정 */
#main .etc li {float:left; margin-left:7px; padding:20px 20px; width:180px; height:180px; background:#fff url(/images/pkg/succ/main/bg_etc.gif) right bottom no-repeat; border:1px solid #d9d9d9}
#main .etc li h2 {padding-bottom:7px;  font-size:16px; line-height:22px}
#main .etc li .txt {padding:16px 0 18px; line-height:18px; font-family:NanumGothic; color:#666}
#main .etc li a.download {display:block; padding-left:12px; width:90px; height:24px; line-height:24px; background:url(/images/pkg/succ/main/btn_down.png) 0 0 no-repeat; font-family:NanumGothicBold; color:#fff; text-decoration:none}
#main .etc li.region {margin:0; padding:20px 19px 20px 18px; width:184px; background:#fff}
#main .etc li.region div {overflow:hidden; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5}
#main .etc li.region a {float:left; width:60px; padding:7px 0 6px; height:11px; background:#fbfbfb; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; text-align:center}
#main .etc li.region a:hover, #main .etc li.region a:focus {background:#fff}
#main .etc li.self {background:url(/images/pkg/succ/main/bg_etc02.gif) right bottom no-repeat}
/* 20200511 추가 start */
#main .etc li.join {background:url(/images/pkg/succ/main/bg_etc03.jpg) 87px 138px no-repeat}
#main .etc li.join h2 {padding-bottom:24px}
#main .etc li a.link {display:inline-block; width:165px; height:24px; line-height:24px; background:url(/images/pkg/succ/main/btn_link_yel.png) 0 0 no-repeat; text-align:center; color:#333 !important; font-family:NanumGothic; font-weight:bold}
#main .etc li a.link:hover, #main .etc li a.link:focus {text-decoration:none}
/* 20200511 추가 end */

/* 20200511 수정 start (class수정) */
#main #popupzone {float:right; position:relative; margin-top:10px; width:324px; height:324px; background:#42c1e1}
#main #popupzone a.pop-itmnode {display:none}
#main #popupzone a.pop-itmnode.active {display:inline}
#main #popupzone a.pop-itmnode img {width:324px; height:324px}
#main #popupzone div {overflow:hidden; position:absolute; bottom:30px; margin:0 30px; width:264px}
#main #popupzone div ol {float:left; padding-top:4px; overflow:hidden}
#main #popupzone div ol li {float:left; margin:0 5px 0 0; padding:0; width:auto; height:12px; background:0; border:0}
#main #popupzone div ol li a {display:block; width:12px; height:100%; background:url(/images/pkg/succ/main/btn_page.png) 0 0 no-repeat; text-indent:-5000px}
#main #popupzone div ol li a.active {width:26px; background:url(/images/pkg/succ/main/btn_pageActive.png) 0 0 no-repeat}
#main #popupzone div .btn {float:right}
#main #popupzone div .btn img {width:20px; height:20px}
/* 20200511 수정 end */

/* 팝업 layout */
#popup {border-left:2px solid #1F75BF; border-right:2px solid #1F75BF; min-height:100%; _height:100%; background:#fff url(/images/popup/pop_bg02.gif) repeat-x bottom; padding:0 18px}
#popup #wrapper {padding-bottom:10px}
#popup h1 {position:relative; height:31px; background:url(/images/popup/tit_bg03.gif) no-repeat left top; margin:0 -20px 17px -20px; padding:14px 0 0 25px; color:#fff; font-weight:bold; font-family:Dotum, "돋움", Gulim, "굴림", sans-serif; font-size:14px;}
#popup h1 span {position:absolute; top:0; right:0; background:url(/images/popup/tit_bg02.gif) no-repeat right top; text-indent:-50000px; width:25px; height:45px;}
#popup h2 {margin-bottom:10px; padding-left:18px; background:url(/images/pkg/succ/common/bul/bul_squ_blue.gif) no-repeat left top; color:#333; font-size:14px; line-height:1.0; clear:both; font-family:Dotum, "돋움", Gulim, "굴림", sans-serif; font-weight:bold}
#popup h2.pt30 {background-position:0 29px}
#popup h3 {margin-bottom:5px; padding-left:12px; background:url(/images/pkg/succ/common/bul/bul_cir_blue02.gif) 0 3px no-repeat; color:#0075b0; font-family:Dotum, "돋움", Gulim, "굴림", sans-serif; font-weight:bold}
#popup table.list_table {background:url(/images/pkg/succ/common/bg_list_table_pop.gif) 0 0 no-repeat}
#popup .gray_btn {padding-left:12px}
#popup .gray_btn span {padding-right:12px}

/* 20180611 추가 */
.caution {line-height:22px}
.caution p {padding-left:15px}
.caution p span {display:inline-block; text-indent:-15px}

/* layer popup (20180611 추가) */
.popLayer {position:absolute; padding-bottom:25px; border:2px solid #1f75bf; background:#fff; font-family:Dotum, "돋움"}
.popLayer .tit {display:block; padding-left:10px; height:36px; line-height:31px; border-top:1px solid #68a4d8; background:url(/images/pkg/succ/layout/bg_layerPop.gif) 0 0 repeat-x; font-size:14px; color:#fff}
.popLayer .btn {display:inline-block; min-width:85px; height:29px; line-height:29px; color:#fff !important; text-align:center; font-weight:bold}
.popLayer .btn:hover, .popLayer .btn:focus {text-decoration:none}
.popLayer .btn.blue {background:#0f7ed4}
.popLayer .btn.gray {background:#666}
.popLayer .layer-close {position:absolute; right:10px; top:8px; width:21px; height:20px; background:url(/images/pkg/succ/common/btn/btn_layerClose.gif) 0 0 no-repeat; text-indent:-9999px}
.popLayer .join_apply {margin:20px 25px 0; background:url(/images/pkg/succ/contents/mypage/bg_joinApply.gif) 0 0 no-repeat}
.popLayer .join_apply .text {padding-top:10px; padding-left:137px; min-height:102px; line-height:23px; font-weight:bold; font-size:17px}
.popLayer .join_apply ol {margin:25px 0 0 14px}
.popLayer .join_apply .caution {margin-left:14px}