<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////

	Main Content

////////////////////////////////////////////////////////////////////////////// */
.user#main .banner .control a,
.user#main #txt,
.user#main #txt .mar,
.user#main #popupzone .state_btn,
.user#main .visual .move ul li p,
.user#main .appli ul li,
.user#main .guide h3:before
{
	transition : all 0.3s ease;
    -webkit-transition : all 0.3s ease;
}

.user#main #content {background:url(../../images/gra/content/main_bg.jpg) no-repeat center bottom; background-size:cover; padding:139px 0 0 0;}
.user#main #txt {padding:70px 0 40px 0; max-width:1314px; margin:0 auto; position:relative;}
.user#main #txt:after {content:""; display:block; clear:both;}
.user#main #txt .mar {margin:7px; box-sizing:border-box; overflow:hidden; width:auto;}
.user#main h3 {font-size:20px; line-height:24px; font-weight:400; text-align:center; color:#fff; margin:0 0 18px 0;}

.user#main #calendar {}
.user#main #calendar .modal_btn {display:block; width:90px; height:90px; text-decoration:none; padding:24px 0; text-align:center; background:#92234e; color:#fff; box-sizing:border-box; margin:7px; position:absolute; left:-104px; top:70px;
-webkit-transition: all .3s ease; transition: all .3s ease;}
.user#main #calendar .modal_btn span {display:block; line-height:19px;}
.user#main #calendar .modal_btn:hover,
.user#main #calendar .modal_btn:active {background:#7c163d;}
.user#main #calendar .box {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:999; display:none; opacity:0; -webkit-opacity:0; padding:0; padding-top:77px; background:none;}
.user#main #calendar .box:after {content:""; display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:1; -webkit-opacity:0.75; opacity:0.75;}
.user#main #calendar .box .inner {background:rgba(255,255,255,0.9); position:relative; width:100%; max-width:1300px; margin:0 auto; z-index:51; box-sizing:border-box; padding:40px 3%; position:relative;}
.user#main #calendar .box .inner h3 {font-size:30px; color:#222; line-height:34px; text-align:left; padding:17px 0 0 75px; position:relative; min-height:67px; box-sizing:border-box;}
.user#main #calendar .box .inner h3:after {content:""; display:block; width:65px; height:65px; background:#fff url(../../images/gra/content/calendar_ico.png) no-repeat center 50%; background-size:100% auto; border:1px solid #d4d4d4; position:absolute; left:0; top:0; border-radius:50%; -webkit-border-radius:50%;}
.user#main #calendar .box .inner table {width:100%; border:1px solid #aaaaab; border-top:0; border-bottom:0;}
.user#main #calendar .box .inner table th {background:#4a5061; color:#fff; font-size:19px; padding:10px 10px; height:30px; border-left:1px solid #aaaaab;}
.user#main #calendar .box .inner table th.this_month {color:#f8f24e;}
.user#main #calendar .box .inner table td {padding:0 10px; border-bottom:1px solid #aaaaab; height:50px; position:relative;}
.user#main #calendar .box .inner table td:after {content:""; display:block; width:1px; height:50px; position:absolute; left:0; top:0; background:#aaaaab;}
.user#main #calendar .box .inner table th:first-child,
.user#main #calendar .box .inner table td:first-child {border-left:0;}
.user#main #calendar .box .inner table td:first-child:after {display:none;}
.user#main #calendar .box .inner table td p {display:table; width:100%; height:50px; position:absolute; left:0; top:0; z-index:10; color:#fff; font-size:17px; line-height:21px; text-align:center;}
.user#main #calendar .box .inner table td p span {display:table-cell; vertical-align:middle; width:100%;}
.user#main #calendar .box .inner table td p.recruit_1 {background:#0176b2;}
.user#main #calendar .box .inner table td p.recruit_2 {background:#91234d; width:200%;}
.user#main #calendar .box .inner table td p.recruit_3 {background:#7d633d;}
.user#main #calendar .box .close_btn {position:absolute; right:3%; top:57px; z-index:10; width:36px; height:36px; overflow:hidden; text-indent:-9999px; z-index:30;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main #calendar .box .close_btn:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/gra/content/calendar_close.png) no-repeat center 50%; background-size:90% auto;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main #calendar .box .close_btn:hover:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user#main #calendar.on .box {position:fixed; padding-top:0;} 
.user#main #calendar.on .box .inner {position:absolute; left:50%; top:50%; margin:-185px 0 0 -650px;}

.user#main #popupzone {}
.user#main #popupzone .state_btn {display:block; width:90px; height:90px; text-decoration:none; padding:18px 0; text-align:center; background:#a78a6c; color:#fff; box-sizing:border-box; margin:7px; position:absolute; left:-104px; /*top:174px;*/ top:70px;}
.user#main #popupzone .state_btn:after {content:""; display:block; width:25px; height:25px; background:#785f2b url(../../images/gra/content/popupzone_btn_ico.png) no-repeat center 50%; border-radius:50%; -webkit-border-radius:50%; margin:0 auto; margin-top:5px;
-webkit-transition: all .3s ease; transition: all .3s ease;}
.user#main #popupzone .state_btn:hover,
.user#main #popupzone .state_btn:active {background:#917251;}
.user#main #popupzone .state_btn:hover:after,
.user#main #popupzone .state_btn:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user#main #popupzone .box {position:absolute; left:0; top:-76px; width:100%; height:100%; z-index:999; display:none; opacity:0; -webkit-opacity:0; padding:0; background:none;}
.user#main #popupzone.on .box {position:fixed; top:0;}
.user#main #popupzone .box:after {content:""; display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:1; -webkit-opacity:0.75; opacity:0.75;}
.user#main #popupzone .box .today_check {position:absolute; left:50%; top:50%; margin:-274px 0 0 -417px; z-index:10; color:#fff; font-size:16px; z-index:30;}
.user#main #popupzone .box .today_check label {margin-right:0; cursor:pointer;}
.user#main #popupzone .box .control {position:absolute; z-index:10; top:0; width:100%; height:100%; max-width:1300px; left:50%; margin-left:-650px;}
.user#main #popupzone .box .control a {display:block; width:54px; height:54px; box-sizing:border-box; overflow:hidden; text-indent:-9999px; border-radius:50%; -webkit-border-radius:50%; background:url(../../images/gra/content/popupzone_controlbg.png) no-repeat center 50%; background-size:100% auto !important; border:3px solid #809098; position:absolute; top:50%; margin-top:-27px; overflow:hidden;
-webkit-transition: all .3s ease; transition: all .3s ease;}
.user#main #popupzone .box .control a:hover,
.user#main #popupzone .box .control a:active {border:3px solid #fff;}
.user#main #popupzone .box .control a.prev_btn {left:50%; margin-left:-600px;}
.user#main #popupzone .box .control a.next_btn {right:50%; margin-right:-600px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user#main #popupzone .box .slider {position:absolute; z-index:10; left:50%; top:50%; margin:-241px 0 0 -417px; width:835px; height:auto; overflow:hidden;}
.user#main #popupzone .box .slider ul {width:20000px; height:auto; position:relative;} 
.user#main #popupzone .box .slider ul:after {content:""; display:block; clear:both;}
.user#main #popupzone .box .slider ul li {float:left; margin-right:20px; width:407px; height:482px;}
.user#main #popupzone .box .slider ul li a {display:block; height:100%;}
.user#main #popupzone .box .slider ul li img {display:block; width:100%; margin:0 auto;}
.user#main #popupzone .box .close_btn {position:absolute; right:50%; top:50%; margin:-290px -417px 0 0; z-index:10; width:36px; height:36px; overflow:hidden; text-indent:-9999px; z-index:30;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main #popupzone .box .close_btn:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/gra/content/popupzone_close.png) no-repeat center 50%; background-size:90% auto;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main #popupzone .box .close_btn:hover:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.user#main .visual {width:43%; float:left;} 
.user#main .visual .mar {background:#2150a2; height:266px; position:relative;}
.user#main .visual .control {position:absolute; left:6% !important; bottom:80px !important;box-sizing:border-box; z-index:10; text-align:left; width:auto; height:auto;}
.user#main .visual .control a[class*="btn_"] {display:none; border:0; text-align:center; width:16px; height:16px; background-size:100% auto !important; display:inline-block; left:auto; position:relative; right:auto; bottom:0;} 
.user#main .visual .control a[class*="btn_"] span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.user#main .visual .control a.btn_left,
.user#main .visual .control a.btn_right {display:none;}
.user#main .visual .control a.btn_stop {background:url(../../images/gra/content/visual_control_stop.png) no-repeat center 50%;}
.user#main .visual .control a.btn_play {background:url(../../images/gra/content/visual_control_play.png) no-repeat center 50%;}
.user#main .visual .control ul {width:auto; height:16px; text-align:center; display:inline-block; vertical-align:top; position:relative; left:auto; bottom:0;}
.user#main .visual .control ul li {display:inline-block; vertical-align:top; margin:0 5px 0 0; width:16px; height:16px;}
.user#main .visual .control ul li a {display:block; position:relative; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:none; box-shadow:none; -webkit-box-shadow:none;}
.user#main .visual .control ul li a:before,
.user#main .visual .control ul li a:after {content:""; display:block; position:absolute; border-radius:50%; -webkit-border-radius:50%;
transition : all 0.2s ease; -webkit-transition : all 0.2s ease;}
.user#main .visual .control ul li a:before {width:8px; height:8px; background:#d2dceb; left:4px; top:4px; z-index:5;}
.user#main .visual .control ul li a:after {width:0; height:0; background:#fff; left:10px; top:10px; z-index:1; opacity:0; -webkit-opacity:0;}
.user#main .visual .control ul li a.on:before {background:#204e9a;}
.user#main .visual .control ul li a.on:after {opacity:1; -webkit-opacity:1;width:16px; height:16px; left:0; top:0;}
.user#main .visual .move {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:5;}
.user#main .visual .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.user#main .visual .move ul li {position:absolute; left:100%; top:0; width:100%; height:100%; display:none; background-size:auto 100% !important;}
.user#main .visual .move ul li:first-child {left:0; display:block;}
.user#main .visual .move ul li.bg1 {background:url(../../images/gra/content/visual_bg1.jpg) no-repeat center top;}
.user#main .visual .move ul li.bg2 {background:url(../../images/gra/content/visual_bg2.jpg) no-repeat center top;}
.user#main .visual .move ul li p {margin:0; position:absolute; left:6%; top:35px; color:#fff; font-family:"Godo"; font-size:38px; line-height:42px; text-shadow:2px 2px 5px rgba(0,0,0,0.3); -webkit-text-shadow:2px 2px 5px rgba(0,0,0,0.3);}

.user#main .guide {width:28.5%; float:left;} 
.user#main .guide .mar {background:#992d58 url(../../images/gra/content/guide_bg.jpg) no-repeat center top; background-size:cover; height:266px; padding:55px 10%; text-align:center;}
.user#main .guide h3:before {content:""; display:block; height:60px; margin-bottom:15px; background:url(../../images/gra/content/guide_ico.png) no-repeat center 50%;}
.user#main .guide a {display:block;text-decoration:none;border:1px solid #c27d95;text-align:center;color:#fff;padding:8px 0;margin:0 auto;max-width:166px;transition : all 0.3s ease;-webkit-transition : all 0.3s ease;}
.user#main .guide a:after {content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:20px; height:6px; background:url(../../images/kor/content/arrow_ico2.png) no-repeat; margin-left:8px;}
.user#main .guide a:hover,
.user#main .guide a:active {background:#740c28; border:1px solid #740c28;}
.user#main .guide ul {width:100%;max-width: 220px;margin:0 auto;}
.user#main .guide ul li {float:left; width:50%;}


.user#main .record {width:28.5%; float:left;} 
.user#main .record .mar {background:#475368 url(../../images/gra/content/record_bg.jpg) no-repeat center 50%; background-size:cover; height:266px; padding:55px 10%; text-align:center;}
.user#main .record h3:before {content:""; display:block; height:60px; margin-bottom:15px; background:url(../../images/gra/content/guide_ico.png) no-repeat center 50%;}
.user#main .record ul {width:100%; max-width:200px; margin:0 auto;}
.user#main .record ul:after {content:""; display:block; clear:both;}
.user#main .record ul li {float:left; width:50%;}
.user#main .record ul li a {display:block; text-decoration:none; border:1px solid #9198a5; text-align:center; color:#fff; padding:8px 0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main .record ul li a:after {content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:20px; height:6px; background:url(../../images/kor/content/arrow_ico2.png) no-repeat; margin-left:8px;}
.user#main .record ul li a:hover,
.user#main .record ul li a:active {border:1px solid #354158; background:#354158;}

.user#main .board {width:71.5%; float:left;} 
.user#main .board .mar {background:rgba(8,103,136,0.9); height:266px; padding:28px 5%;}
.user#main .board ul {width:auto; position:relative; padding:50px 0 0 0;}
.user#main .board ul li {}
.user#main .board ul li .tab {display:block; position:absolute; top:0; z-index:10; text-decoration:none; padding:0 14px 0 15px;}
.user#main .board ul li .tab:after {content:""; display:block; width:1px; height:14px; background:#5a9fc2; position:absolute; left:0; top:16px;}
.user#main .board ul li:first-child .tab {left:0; padding-left:0;}
.user#main .board ul li:nth-child(2) .tab {left:87px;}
.user#main .board ul li:nth-child(3) .tab {left:189px;}
.user#main .board ul li:nth-child(4) .tab {left:259px;}
.user#main .board ul li:first-child .tab:after {display:none;}
.user#main .board ul li .tab h3 {color:#fff; position:relative; padding:10px 0 0 0; margin:0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main .board ul li .tab h3:after {content:""; display:block; width:100%; height:1px; position:absolute; left:0; top:0; background:#a6e2ff; opacity:0; -webkit-opacity:0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main .board ul li .tab.on h3 {color:#a6e2ff;}
.user#main .board ul li .tab.on h3:after {opacity:1; -webkit-opacity:1;}
.user#main .board ul li .list {overflow:hidden; display:none;} 
.user#main .board ul li .list ul {padding:0;}
.user#main .board ul li .list ul li {margin-top:9px; position:relative; box-sizing:border-box; padding:0 110px 0 15px;}
.user#main .board ul li .list ul li:first-child {margin-top:0;}
.user#main .board ul li .list ul li:after {content:""; display:block; position:absolute; left:3px; top:11px; width:4px; height:4px; background:#cbdae6; border-radius:50%; -webkit-border-radius:50%;}
.user#main .board ul li .list ul li .new {position:absolute; right:0; top:6px; z-index:10;}
.user#main .board ul li .list ul li span {display:block;}
.user#main .board ul li .list ul li span.title a {display:inline-block; position:relative; vertical-align:top; font-size:16px; line-height:21px; padding:2px 0; padding-right:20px; color:#fff; width:auto; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.user#main .board ul li .list ul li span.date {text-align:right; color:#fff; position:absolute; right:0; top:0; opacity:0.8; -webkit-opacity:0.8; line-height:21px; padding:2px 0;}
.user#main .board ul li .more {display:none; width:21px; height:21px; position:absolute; right:0; top:12px; z-index:20; overflow:hidden; text-indent:-9999px;}
.user#main .board ul li .more:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../../images/gra/content/board_more.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main .board ul li .more:hover:after,
.user#main .board ul li .more:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.user#main .appli {width:28.5%; float:left;} 
.user#main .appli .mar {height:266px;}
.user#main .appli ul {}
.user#main .appli ul:after {content:""; display:block; clear:both;}
.user#main .appli ul li {float:left; width:50%;}
.user#main .appli ul li a {display:block; background:rgba(167,138,108,0.9); position:relative; margin-left:7px; height:126px; text-decoration:none; box-sizing:border-box; padding:28px 7%;}
.user#main .appli ul li.link1 a,
.user#main .appli ul li.link2 a {margin-bottom:14px;}
.user#main .appli ul li.link1 a,
.user#main .appli ul li.link3 a {margin-left:0; margin-right:7px;}
.user#main .appli ul li a:before {content:""; display:block; width:20px; height:6px; background:url(../../images/gra/content/arrow_ico2.png) no-repeat; position:absolute; left:10%; bottom:30px; opacity:0.7; -webkit-opacity:0.7;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user#main .appli ul li a:after {content:"";display:block;width: 46px;height: 45px;background-size:auto 100% !important;position:absolute;right: 8%;bottom: 50%;margin-bottom: -36px;} 
.user#main .appli ul li.link1 a:after {background:url(../../images/gra/content/appli_ico1.png) no-repeat right top;}
.user#main .appli ul li.link2 a:after {background:url(../../images/gra/content/appli_ico2.png) no-repeat right top; width:62px;}
.user#main .appli ul li.link3 a:after {background:url(../../images/gra/content/appli_ico3.png) no-repeat right top;}
.user#main .appli ul li.link4 a:after {background:url(../../images/gra/content/appli_ico4.png) no-repeat right top;}
.user#main .appli ul li a:hover:before,
.user#main .appli ul li a:active:before {margin-left:10px;}
.user#main .appli ul li a h3 {margin:0; text-align:left; font-size:19px;}

.user#main .banner {width:100%; float:left; margin-top:15px;} 
.user#main .banner .mar {height:auto; padding:0 0; height:auto;}
.user#main .banner .control {width:100%; height:100%; left:0 !important; top:0 !important;}
.user#main .banner .control a {width:50px; height:60px; background:url(../../images/gra/content/banner_control_arrow.png) no-repeat center 50%; border:0; display:block; position:absolute; top:50%; margin-top:-35px; display:none;}
.user#main .banner .control a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.user#main .banner .control .btn_left {left:0;}
.user#main .banner .control .btn_left:hover,
.user#main .banner .control .btn_left:active {background-position:25% 50%;}
.user#main .banner .control .btn_right {right:0; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user#main .banner .control .btn_right:hover,
.user#main .banner .control .btn_right:active {background-position:25% 50%;}
.user#main .banner .control .btn_stop,
.user#main .banner .control .btn_play {display:none !important;}	

.user#main .banner .move {height:145px; position:relative; z-index:20;}
.user#main .banner .move ul {}
.user#main .banner .move ul li {padding:0; width:162.5px;}
.user#main .banner .move ul li a {background:none; border:0; padding:100px 0 0 0; font-size:18px; line-height:22px; color:#fff; text-decoration:none;}
.user#main .banner .move ul li a:hover,
.user#main .banner .move ul li a:focus {border:0;}
.user#main .banner .move ul li a:before {content:""; display:block; width:88px; height:88px; position:absolute; left:50%; top:5px; margin-left:-44px; background:#fff; border-radius:50%; -webkit-border-radius:50%; z-index:1; opacity:0.75; -webkit-opacity:0.75;}
.user#main .banner .move ul li a:after {content:""; display:block; width:88px; height:88px; position:absolute; left:50%; top:5px; margin-left:-44px; z-index:10; background-size:100% auto !important;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;} 
.user#main .banner .move ul li a:hover:after,
.user#main .banner .move ul li a:active:after {animation-name:rotate; -webkit-animation-name:rotate; top:0;}
.user#main .banner .move ul li.bn01 a:after {background:url(../../images/gra/content/banner_ico1.png) no-repeat center 50%;}
.user#main .banner .move ul li.bn02 a:after {background:url(../../images/gra/content/banner_ico2.png) no-repeat center 50%;}
.user#main .banner .move ul li.bn03 a:after {background:url(../../images/gra/content/banner_ico3.png) no-repeat center 50%;}
.user#main .banner .move ul li.bn04 a:after {background:url(../../images/gra/content/banner_ico4.png) no-repeat center 50%;}
.user#main .banner .move ul li.bn05 a:after {background:url(../../images/gra/content/banner_ico5.png) no-repeat center 50%;}
.user#main .banner .move ul li.bn06 a:after {background: url(../../images/gra/content/banner_ico8.png) no-repeat center 50%;}
.user#main .banner .move ul li.bn07 a:after {background: url(../../images/gra/content/banner_ico9.png) no-repeat center 50%;}


@keyframes rotate {
0%   {transform: rotateY(0deg);}
100%   {transform: rotateY(360deg);}
}
@-webkit-keyframes rotate {
0%   {-webkit-transform:rotateY(0deg);}
100%   {-webkit-transform:rotateY(360deg);}
}



/* //////////////////////////////////////////////////////////////////////////////

	Sub Content

////////////////////////////////////////////////////////////////////////////// */
.user .summery_box .inner .elem,
.user .summery_box .inner .elem:after
{
	transition : all 0.3s ease;
    -webkit-transition : all 0.3s ease;
}

/* 공통 */
.user .summery_box {background:url(../../images/gra/content/patternbg.gif) repeat; padding:6px; margin:0 0 30px 0;}
.user .summery_box .inner {background:#fff; padding:25px 2%;}
.user .summery_box .inner .elem {height:70px; display:table; table-layout:fixed; word-wrap:break-word; width:100%; position:relative; box-sizing:border-box; padding:0 0 0 90px;}
.user .summery_box .inner .elem:after {content:""; display:block; width:70px; height:70px; background:#000; position:absolute; left:0; top:0; background-size:100% auto !important;}
.user .summery_box .inner .elem .cell {display:table-cell; vertical-align:middle; width:100%; color:#333;}
.user .summery_box .inner .elem.ico1:after {background:url(../../images/gra/content/summery_box_ico1.png) no-repeat;}
.user .summery_box .inner .elem.ico2:after {background:url(../../images/gra/content/summery_box_ico2.png) no-repeat;}
.user .summery_box .inner .elem.ico3:after {background:url(../../images/gra/content/summery_box_ico3.png) no-repeat;}
.user .summery_box .inner .elem .accent {font-size:17px; line-height:22px; font-weight:500;}
.user .summery_box.ty2 {background:#fafafa; padding:45px 3%; margin:0; box-sizing:border-box;}
.user .summery_box.ty2 p {margin:0; display:block; height:auto; font-size:16px; text-align:center; box-sizing:border-box; color:#333;}
.user .summery_box.ty2 p:before {content:""; display:block; box-sizing:border-box; margin:0 auto 20px auto; width:100px; height:100px; border:1px solid #cecece; background:#fff; background-size:100% auto !important; border-radius:50%; -webkit-border-radius:50%;}
.user .summery_box.ty2 p strong {display:block; font-size:21px; line-height:25px; color:#222; font-weight:500; margin:0 0 15px 0;}
.user .summery_box.ty2 p span {display:block;}
.user .summery_box.ty2 p span span {display:inline;}
.user .summery_box.email p:before {background:#fff url(../../images/kor/content/email_ico.png) no-repeat center 50%;}

.user .radio {position:relative; display:inline-block; vertical-align:top; margin:0 10px 0 0;}
.user .radio input {position:absolute; left:0; top:0; opacity:0; -webkit-opacity:0;}
.user .radio label {position:relative; padding:0 0 0 25px; display:inline-block; vertical-align:top; cursor:pointer;}
.user .radio label:before {content:""; display:block; width:0; height:0; opacity:0; -webkit-opacity:0; background:#0278b1; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:10px; top:10px; z-index:5;
transition : all 0.2s ease; -webkit-transition : all 0.2s ease;}
.user .radio label:after {content:""; display:block; width:18px; height:18px; border:1px solid #c5c5c5; background:#fff; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:0; z-index:1;}
.user .radio input:checked+label:before {width:12px; height:12px; left:4px; top:4px; opacity:1; -webkit-opacity:1;}
.user .checkbox {position:relative; display:inline-block; vertical-align:top; margin:0 10px 0 0;}
.user .checkbox input {position:absolute; left:0; top:0; opacity:0; -webkit-opacity:0;}
.user .checkbox label {position:relative; padding:0 0 0 25px; display:inline-block; vertical-align:top; cursor:pointer;}
.user .checkbox label:before {content:""; display:block; width:0; height:0; opacity:0; -webkit-opacity:0; background:#0278b1; position:absolute; left:10px; top:10px; z-index:5;
transition : all 0.2s ease; -webkit-transition : all 0.2s ease;}
.user .checkbox label:after {content:""; display:block; width:16px; height:16px; border:1px solid #c5c5c5; background:#fff; position:absolute; left:0; top:1px; z-index:1;}
.user .checkbox input:checked+label:before {width:10px; height:10px; left:4px; top:5px; opacity:1; -webkit-opacity:1;}

/* 휴대폰인증 */
.user .certification {width:100%;}
.user .certification:after { content:""; display:block; clear:both;}
.user .certification li {float:left; width:48.5%; background:#fafafa; text-align:center; padding:45px 3%; box-sizing:border-box; min-height:362px;}
.user .certification li.call {margin-right:3%;}
.user .certification li h4 {margin:0 0 15px 0; position:relative;}
.user .certification li h4:before {content:""; display:block; margin:0 auto 20px auto; width:100px; height:100px; border:1px solid #e5e5e5; box-sizing:border-box; background-size:100% auto !important; background:#fff; border-radius:50%; -webkit-border-radius:50%;}
.user .certification li.call h4:before {background:#fff url(../../images/gra/content/certification_ico1.png) no-repeat;}
.user .certification li.etc h4:before {background:#fff url(../../images/gra/content/certification_ico2.png) no-repeat;}
.user .certification li p {font-size:15px; margin:0 0 25px 0; text-align:center;}
.user .certification li p span {display:block;}
.user .certification li ul li {float:none; width:auto; margin:15px 0 0 0; padding:0; color:#666; min-height:10px;}
.user .certification li ul li strong {display:block; font-weight:500; font-size:16px; color:#333;}

/* 전형안내 */
.user .pdf_viewer {position:relative; padding:0 0 0 240px;}
.user .pdf_viewer .mobile {display:none;}
.user .pdf_viewer .scroll_wrap {position:absolute; left:0; top:0; overflow:auto; width:240px; z-index:10;}
.user .pdf_viewer .scroll_wrap ul {width:100%; border-top:1px solid #ccc;}
.user .pdf_viewer .scroll_wrap ul li {border-bottom:1px solid #ccc;}
.user .pdf_viewer .scroll_wrap ul li a {display:block; color:#444; padding:12px 15px; text-decoration:none;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user .pdf_viewer .scroll_wrap ul li a.on,
.user .pdf_viewer .scroll_wrap ul li a:hover {color:#fff; background:#4d5876;}
.user .pdf_viewer .view {background:#000; height:949px;}
.user .pdf_viewer .view iframe {height:100% !important; border:0;}

/* 프로그램신청 */
.user .pattern_box {padding:6px; background:url(../../images/gra/content/patternbg.gif) repeat; margin-bottom:35px;}
.user .pattern_box .inner {background:#fafafa; padding:25px 3%; position:relative;}
.user .pattern_box .inner:after {content:""; display:block; width:204px; height:65px; background:url(../../images/gra/content/patternbg_logo.png) no-repeat; position:absolute; right:3%; bottom:25px;}
.user .pattern_box .inner h5 {margin:0; color:#ab285a; font-size:21px; position:relative; padding:23px 0 0 80px; min-height:70px; box-sizing:border-box;}
.user .pattern_box .inner h5:after {content:""; display:block; position:absolute; left:0; top:0; width:70px; height:70px; border:1px solid #cfcfcf; background:#fff; box-sizing:border-box; border-radius:50%; -webkit-border-radius:50%; background-size:100% auto !important;}
.user .pattern_box .inner h5.ico1:after {background:#fff url(../../images/gra/content/pattern_box_ico1.png) no-repeat;}
.user .pattern_box .inner h5.ico2:after {background:#fff url(../../images/gra/content/pattern_box_ico2.png) no-repeat;}
.user .pattern_box .inner ul {position:relative; z-index:10;}
.user .pattern_box.link .inner {padding-right:260px;}
.user .pattern_box.link .inner .btns {position:absolute; right:3%; top:41px;}
.user .program_schedule .date {text-align:center;}
.user .program_schedule .date a,
.user .program_schedule .date strong {display:inline-block; vertical-align:top;}
.user .program_schedule .date a {width:30px; height:30px; background:#9f9f9f; overflow:hidden; text-indent:-9999px; border-radius:50%; -webkit-border-radius:50%; position:relative;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user .program_schedule .date a:hover,
.user .program_schedule .date a:active {background:#8d8d8d;}
.user .program_schedule .date a:after {content:""; display:block; width:100%; height:100%; background:url(../../images/gra/content/program_schedule_arrow.png) no-repeat center 50%; position:absolute; left:0; top:0;}
.user .program_schedule .date a.next:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user .program_schedule .date strong {line-height:30px; margin:0 15px; font-size:40px; color:#111; font-weight:500; letter-spacing:-1px; margin-top:-1px;}
.user .program_schedule .expl {position:relative; overflow:hidden; margin:10px 0 10px 0;}
.user .program_schedule .expl ul {float:right;}
.user .program_schedule .expl ul:after {content:""; display:block; clear:both;}
.user .program_schedule .expl ul li {float:left; margin-left:5px;}
.user .program_schedule .expl ul li span {display:inline-block; vertical-align:top; padding:3px 13px; box-sizing:border-box; text-align:center; font-size:13px; background:#000; color:#fff; border-radius:3px; -webkit-border-radius:3px;}
.user .program_schedule .expl ul li span.state1 {background:#26a252;}
.user .program_schedule .expl ul li span.state2 {background:#0278b1;}
.user .program_schedule .expl ul li span.state3 {background:#eb6d07;}
.user .program_schedule .calendar table {width:100%;}
.user .program_schedule .calendar table .sun,
.user .program_schedule .calendar table .holi {color:#f21953;}
.user .program_schedule .calendar table .sat {color:#0393d9;}
.user .program_schedule .calendar table th {background:#f5f5f5; padding:12px 0; color:#333; font-size:16px; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.user .program_schedule .calendar table td {border-left:1px solid #d8d8d8; height:142px; border-bottom:1px solid #d8d8d8; padding:7px 9px; vertical-align:top; position:relative;}
.user .program_schedule .calendar table th:first-child,
.user .program_schedule .calendar table td:first-child {border-left:0;}
.user .program_schedule .calendar table td.event {background:#fef3f6;}
.user .program_schedule .calendar table td .day_link {display:none; overflow:hidden; text-indent:-9999px; position:absolute; left:0; top:0; width:100%; height:100%;}
.user .program_schedule .calendar table td ul {margin-top:10px;}
.user .program_schedule .calendar table td ul li {margin-top:5px;}
.user .program_schedule .calendar table td ul li span,
.user .program_schedule .calendar table td ul li a {display:inline-block; vertical-align:top; padding:2px 13px; box-sizing:border-box; text-align:center; font-size:13px; background:#000; color:#fff; border-radius:3px; -webkit-border-radius:3px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.user .program_schedule .calendar table td ul li a {background:#26a252; border:1px solid #26a252; text-decoration:none;}
.user .program_schedule .calendar table td ul li a:hover,
.user .program_schedule .calendar table td ul li a:active {background:#fff; color:#26a252;}
.user .program_schedule .calendar table td ul li span.state1 {background:#0278b1; border:1px solid #0278b1;}
.user .program_schedule .calendar table td ul li span.state2 {background:#eb6d07; border:1px solid #eb6d07;}
.user .program_schedule .calendar table td ul li span.state3 {background:#bbbbbb; border:1px solid #bbbbbb;}
.user .program_schedule .calendar table td.event ul li {position:relative; padding:0 0 0 10px; font-size:14px; line-height:16px;}
.user .program_schedule .calendar table td.event ul li:after {content:""; display:block; width:4px; height:4px; border-radius:50%; -webkit-border-radius:50%; background:#555; position:absolute; left:2px; top:7px;}

.user .form_list {width:100%; border-bottom:1px solid #e1e1e1; border-top:2px solid #000;}
.user .form_list:after {content:""; display:block; clear:both;}
.user .form_list li {border-top:1px solid #e1e1e1; display:table; table-layout:fixed;  word-wrap:break-word; width:100%; min-height:56px;}
.user .form_list li:first-child {border:0;}
.user .form_list li strong, .user .form_list li .txt {display:table-cell; vertical-align:middle; padding:10px 15px; box-sizing:border-box;}
.user .form_list li strong {width:16%; background:#f2f2f2; color:#333333; font-weight:500; text-align:center;}
.user .form_list li .txt {width:84%;}
.user .form_list li .txt em {line-height:36px; font-style:normal; display:inline-block;}
.user .form_list li select {line-height:30px; height:36px;}
.user .form_list li textarea {width:100%; resize:none; height:150px;}
.user .form_list li .txt .member {margin:0 15px 5px 0; display:inline-block;}
.user .form_list li .txt .member .checkbox {margin-top:8px; margin-right:5px;}
.user .form_list li ul {border:0;}
.user .form_list li ul li {min-height:10px; padding:8px 0;}
.user .form_list li .txt .detail_time {display:inline-block; margin-left:20px;}
.user .form_list li .txt .radio {line-height:36px;}
.user .form_list li .txt .radio label:after {top:8px;}
.user .form_list li .txt .radio label:before {top:18px;}
.user .form_list li .txt .radio input:checked+label:before {top:12px;}

.user .form_list li .txt .radio_etc {display:inline-block;}
.user .form_list li.ty2 {display:block;}
.user .form_list li.ty2 strong {display:block; width:auto;}
.user .form_list li.ty2 .txt {display:block; width:auto;}
.user .agree {background:#fbfbfb; padding:30px 0 0 0;}
.user .agree h4 {margin:0 0 20px 0; text-align:center;}
.user .agree p,
.user .agree ul {padding:0 3%; margin:0;}
.user .agree .check {background:#f2f2f2; text-align:center; padding:18px 3%; margin-top:30px; border:1px solid #bbbbbb;}
.user .agree .check label {color:#333; font-weight:500;}
.user .btn.post {background:#6b6b6b; height:36px; line-height:36px; padding:0 15px; border:0; cursor:pointer; font-size:14px; margin:0;}


/* 사이트맵 */
.user #sitemap {width:auto; /*border-top:1px solid #cccccc;*/}
.user #sitemap:after {content:""; display:block; clear:both;}
.user #sitemap hr {display:none;}
.user #sitemap li {border-top:1px solid #ccc; box-sizing:border-box; position:relative; float:left; width:23.5%; margin-right:2%; margin-bottom:40px;}
.user #sitemap li:nth-child(4n) {margin-right:0;}
.user #sitemap li a {display:block; font-weight:500; padding:15px 5%; text-align:center; background:#fafafa; font-size:21px; line-height:26px; text-decoration:none; color:#0278b1;}
.user #sitemap li strong {display:none;}
.user #sitemap li ul {opacity:1 !important; -webkit-opacity:1 !important; border:0; min-height:255px;}
.user #sitemap li ul:after {content:""; display:block; clear:both;}
.user #sitemap li ul li {border:0; border-bottom:1px solid #e5e5e5; float:none; width:auto; margin:0 !important;}
.user #sitemap li ul li:after {display:none;}
.user #sitemap li ul li a {font-size:16px; line-height:21px; background:none; font-weight:400; text-align:left; color:#606060; position:relative; left:auto; top:auto; padding:10px 10px;}
.user #sitemap li ul li a:after {content:""; display:none; width:12px; height:6px; background:url(../../images/kor/content/sitemap_bul.png) no-repeat; position:absolute; right:10px; top:50%; margin-top:-3px; z-index:1;}
.user #sitemap li ul li a.more:after {display:block;}
.user #sitemap li ul li a:hover,
.user #sitemap li ul li a:active {color:#0278b1;}
.user #sitemap li ul li ul {padding:10px; background:#f2f8fb; min-height:10px;}
.user #sitemap li ul li ul li {float:none; width:auto; margin:0; padding:0; border:0;}
.user #sitemap li ul li ul li a {font-size:14px; line-height:18px; color:#7f7f7f; padding:3px 0 3px 12px;}
.user #sitemap li ul li ul li a:after {content:""; display:block; width:4px; height:1px; background:#7f7f7f; position:absolute; left:2px; top:12px; margin-top:0;}
.user #sitemap li ul li ul li a:hover,
.user #sitemap li ul li ul li a:active {text-decoration:underline; color:#0278b1;}
.user #sitemap li ul li ul li ul {display:none;}




</pre></body></html>