.bgc {background-color:#f5f5f5;}/* 202106 ¼öÁ¤ */

/* header */
#header {position:relative; top:0; left:0; width:100%;}
#header h1 { position:absolute;top:40px; left:18px;}
#header > .wrap_box {position:relative;max-width:1200px; margin:0 auto; height:380px;background-color:#003d80;}/* 202106 ¼öÁ¤ */

/* container margin-top:130px;*/
#container {width:100%;min-height:500px;}

/* visual */
.visual {width:800px; height:380px;position:relative;overflow:hidden;color:#fff;background:url("../images/main/visual.jpg") center no-repeat;}
.visual .txt {width:95%; height:100%; position:relative; z-index:1;}
.visual .txt > .inner {width:100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.visual .txt .main-txt {width:565px;height:165px;background:url("../images/main/text.png") left no-repeat;margin:0 0 20px 30px;}
.visual .txt .sub-txt {font-size:0.85em; font-weight:200; letter-spacing:-0.05em;margin-left:30px;}
.visual .txt .point {color:#ffe934;}


/* login */
.login-box {position:absolute;width:370px; height:300px;overflow:hidden;color:#fff;top:0;right:30px;}/* 202106 ¼öÁ¤ */
.login {position:relative;margin-left:40px;top:150px;height:120px;}
.login input {vertical-align:top !important;width:230px;}/* 202106 ¼öÁ¤ */
.login .text {height:35px;line-height:40px;color:#969595;background:#fff;padding-left:10px;border:1px solid #120d83;margin-bottom:5px;}/* 202106 ¼öÁ¤ */
.login .pw {height:35px;line-height:40px;color:#969595;background:#fff;padding-left:10px;border:1px solid #120d83;}/* 202106 ¼öÁ¤ */
.login .btn-log {position:absolute;width:80px;height:79px;background:url(../images/main/login.png) no-repeat center 15px;color:#fff;border:1px solid #120d83;cursor:pointer;top:0;right:0;}
.login .btn-log span {width:68px;position:absolute;top:50px;color:#fff;display:block;}

.login .option {display:block;line-height:13px; font-size:13px;margin-top:10px;}
.login .option > span {margin:0 10px 0 0; }
.login .option > span a {color:#fff}
.login .option > span img { margin-top:-3px; }
.login .option > span:last-child {position:absolute;right:0; }
.login .option input[type="checkbox"],.login .option .ssl img { width:14px; margin:0 3px 0 0; vertical-align:middle; }


.login_in {position:absolute;width:330px;height:140px;z-index:999999;top:140px;right:0;background-color:#003166;}/* 202106 ¼öÁ¤ */
.login_in .box {position:relative;width:auto;height:auto;padding:20px;overflow: hidden;}
.login_in .box .pimg {width:100px;height:100px;border-radius:50%;overflow:hidden;background:#ffffff url(../images/member_logo/no_img.png) no-repeat 50%;}
.login_in .box .pimg img {width:100%;height:100%;}
.login_in .box .stext {position:absolute;width:auto;height:auto;color:#999;font-size:0.85em;letter-spacing:-0.05em;top:20px;left:135px;}
.login_in .box .name {position:absolute;width:auto;height:27px;color:#fff;font-weight:600;font-size:1.15em;letter-spacing:-0.05em;top:40px;left:135px;overflow: hidden;}
.login_in .box .text {position:absolute;width:auto;height:auto;color:#888;font-size:0.75em;letter-spacing:-0.05em;top:75px;left:135px;line-height:17px;}   
.btn_s {display:inline-block;background:#fff; border:1px solid #ddd; line-height:20px; padding:0 7px;border-radius:3px;margin-top:5px;}
.btn_s a{color:#000;}

/* search */
.search-box {position:absolute;width:370px; height:80px;overflow:hidden;color:#fff;bottom:0;right:30px;}/* 202106 ¼öÁ¤ */
.search {position:relative;margin-left:40px;}
.search input.text {vertical-align:top !important;width:280px;}/* 202106 ¼öÁ¤ */
.search .text {height:40px;line-height:40px;color:#000;background:#fff;border:0 none;padding-left:10px;}/* 202106 ¼öÁ¤ */
.search .btn-srh {width:40px;height:40px;background:#fff url(../images/main/search.png) no-repeat center center;color:#fff;;border:0px solid #120d83;cursor:pointer;padding:0;}/* 202106 ¼öÁ¤ */
.search .btn-srh span {width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;}


/*btbox*/
.wrap_box .main {position:relative;height:330px;width:100%;}
.wrap_box .main .box {position:absolute;height:100%;width:33.3%;margin:0;overflow:hidden;}
.wrap_box .main .box:nth-child(1) {left:0;}
.wrap_box .main .box:nth-child(2) {width:33.4%;left:33.3%;}
.wrap_box .main .box:nth-child(3) {right:0;}

.wrap_box .main .box h3{position:relative;font-size:1.2em;font-weight:600;border-bottom: solid 1px #dcdcdc;padding:13px 25px;color:#333;}
.wrap_box .main .box h3 span{position:absolute;right:25px;}

.wrap_box h4{position:relative;font-size:1.2em;font-weight:600;padding:20px;color:#333;}
.wrap_box .main .box h4 span{position:absolute;right:25px;}/* 202106 Ãß°¡ */

.wrap_box .main .box .bt-list {position:relative;padding:20px 0px 5px 0px;}
.wrap_box .main .box .bt-list a.list {position:relative;float: left; width:auto;padding:10px 10px;font-size:0.9em;line-height:1.3em;letter-spacing:-0.08em;border-left:0px none;border-style:solid;border-width:1px 1px 1px 0px;border-color:#ddd;}
.wrap_box .main .box .bt-list a.list:first-child {border-left:1px solid #ddd;}
.wrap_box .main .box .bt-list a.list:first-child:after {background:none;}
.wrap_box .main .box .bt-list a.list :hover {background-color:#2820c7;color:#fff;}
.wrap_box .main .box .bt-list a.select {background-color:#2820c7;color:#fff;}

.wrap_box .main .box ul {margin:0 25px}
.wrap_box .main .box li {position:relative;margin-bottom:15px;}
.wrap_box .main .box li a {display:block;line-height:16px;}
.wrap_box .main .box li a:hover .subject {text-decoration:underline;}
.wrap_box .main .box li .subject {width:100%;font-size:1em;color:#111;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.2em;letter-spacing:-0.08em;}
.wrap_box .main .box li img {margin-right:5px;}

.wrap_box .main .box .num {width:90%;height:40px;margin:0 auto 5px;padding:7px 0;}
.wrap_box .main .box .num span {display:inline-block;font-size: 0.85em;letter-spacing:-0.06em;color:#7e7e7e;line-height: 33px;text-align: center;}
.wrap_box .main .box .num1 {background: #28a178;}
.wrap_box .main .box .num2 {background: #f9b400;}
.wrap_box .main .box .num3 {background: #3970c1;}
.wrap_box .main .box .num4 {background: #a8a8a8;}
.wrap_box .main .box .num span:first-child {width:33px;height:33px;border-radius:50%;color:#fff;font-weight: 600;}
.wrap_box .main .box .num span:last-child {width:auto;height:33px;color:#292929;margin-left:7px;}

.wrap_box .main .box .step {width:90%;height:40px;margin:0 auto 5px;padding:7px 0;background: #fff;}
.wrap_box .main .box .step span {display:block;font-size: 0.85em;letter-spacing:-0.06em;color:#7e7e7e;line-height:20px;padding-left:80px;}
.wrap_box .main .box .step1 {background:#fff url(../images/main/step1.png) no-repeat left 50%;}
.wrap_box .main .box .step2 {background:#fff url(../images/main/step2.png) no-repeat left 50%;}
.wrap_box .main .box .step3 {background:#fff url(../images/main/step3.png) no-repeat left 50%;}
.wrap_box .main .box .step4 {background:#fff url(../images/main/step4.png) no-repeat left 50%;}
.wrap_box .main .box .step span:first-child {font-size: 0.85em;color:#111;font-weight: 600;}
.wrap_box .main .box .step span:last-child {font-size: 0.7em;color:#999;}

.wrap_box .main .box .btn {width:80%;margin:0 auto 5px;padding:7px 20px;border:1px solid #0161ff;background:url(../images/main/link.png) no-repeat 94% 50%;}
.wrap_box .main .box .btn .fontp {color:#0161ff;}
.wrap_box .main .box .btn a {font-size: 0.85em;letter-spacing:-0.06em;color:#7e7e7e;}

/* tabs */
.tabbox {width:100%; height:280px;}
.tabbox ul.tabs {padding:20px 0 0 0;margin:0;list-style-type:none;}
.tabbox ul.tabs li {display:inline-block;width:auto;font-size:0.85em;text-decoration:none;left:-5px;}
.tabbox ul.tabs li:nth-child(2) {left:-6px;}
.tabbox ul.tabs li:nth-child(3) {left:-7px;}
.tabbox ul.tabs li:nth-child(4) {left:-8px;}
.tabbox ul.tabs li:nth-child(5) {left:-9px;}
.tabbox ul.tabs li a {padding:7px 10px;border:solid 1px #ddd;}
.tabbox ul.tabs li :hover {background-color:#003d80;color:#fff;}/* 202106 ¼öÁ¤ #1D03FB */
.tabbox ul.tabs li.selected a {padding:7px 10px;position:relative;background-color:#003d80;color:#fff;}/* 202106 ¼öÁ¤ */
.tabbox div.tabcontents {padding:5px 0;}

/* menu */

.bgc_menu {background-color:#eee;}/* 202106 ¼öÁ¤ */
#lnb {position:relative;}
#lnb .lnb_wrap {width:100%;padding:0;}

#lnb .lnb_wrap li {display:inline-block;width:240px;height:140px;font-size:0.9em;line-height:1.3em;letter-spacing:-0.05em;text-align: center;color:#000;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(1) {background-color:#fff49a;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(2) {left:-2px;background-color:#ffd6de;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(3) {left:-3px;background-color:#c8f2ff;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(4) {left:-4px;background-color:#dfe3ff;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(5) {left:-5px;background-color:#e3f7ba;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li a {text-decoration:none;color:#000;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(1):hover {background-color:#d9cd68;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(2):hover {background-color:#e5aab5;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(3):hover {background-color:#9cd0e0;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(4):hover {background-color:#afb6e4;}/* 202106 ¼öÁ¤ */
#lnb .lnb_wrap li:nth-child(5):hover {background-color:#bfd88d;}/* 202106 ¼öÁ¤ */
/* #lnb .lnb_wrap li:hover {background:url(../images/main/over.png) no-repeat;-webkit-transition: border 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: border 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: border 0.3s, opacity 0.3s, transform 0.3s;}  */

#lnb .lnb_wrap li img{margin-top:20px;}
#lnb .lnb_wrap li span{display:block;font-size:1.15em;font-weight:600;margin-top:10px;}

/* ȸ¿ø»ç ¸ñ·Ï*/

.mbanner-wrap {padding:10px 20px;}
.mbanner-wrap .mbanner-inner {position:relative;width:1075px;overflow:hidden;height:300px;margin:0 45px;}

.mbanner-wrap ul{width:5000px;list-style:none;margin-top:30px;}
.mbanner-wrap li{display:inline-block;width:200px;height:220px;margin-right:15px;text-align: center;vertical-align:top;}
.mbanner-wrap li .pimg {width:170px;height:170px;border-radius:50%;overflow: hidden;background:#ffffff url(../images/member_logo/no_img.png) no-repeat 50% 50%;text-align: center;margin:0 15px;}
.mbanner-wrap li .pimg img {width:100%;height:100%;}
.mbanner-wrap li .name {width:170px;text-align: center;margin:0 15px;color:#333;font-weight:600;font-size:1.15em;letter-spacing:-0.05em;padding-top:10px;} 

.mbanner-wrap .ctrl-btns {position:absolute;width:97%;top:43%;height:50px;}
.mbanner-wrap .ctrl-btns .prev {position:absolute;left:0;z-index: 10;}
.mbanner-wrap .ctrl-btns .next {position:absolute;right:0;z-index: 10;}