@charset "utf-8";

@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

body {font-size:12px;font-family: 'Noto Sans KR', serif;color:#333}
body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul{list-style:none}
a{text-decoration:none}
a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none}
button{border:0px;background:none;cursor:pointer;font-family:inherit}
img{border:0px;vertical-align:top}
address{font-style:normal}
header, nav, section, article, footer{display:block}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
table{border-spacing:0px;border-collapse:collapse}
em{font-style:normal}
fieldset{border:0}

.clear:after{display:block;content:"";clear:both}
.area{width:1200px;margin:0 auto}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent !important}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent !important}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent !important}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent !important}


#header .util{width:100%;height:30px;line-height:30px;background:#f5f7fa;border-bottom:1px solid #e5e5e5}
#header .util .area .left{float:left}
#header .util .area .left a{display:block;font-size:14px;color:#666;width:101px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
#header .util .area .left a img{margin-top:7px;margin-right:5px}
#header .util .area .right{float:right;border-right:1px solid #e5e5e5}
#header .util .area .right ul li{float:left;border-left:1px solid #e5e5e5}
#header .util .area .right ul li a{font-size:14px;color:#666;display:block;padding:0 15px}

#header #gnb{height:89px;line-height:89px}
#header #gnb .area .logo{float:left}
#header #gnb .area .logo a{display:block;width:100%;height:100%}
#header #gnb .area .logo a img{margin-top:15px}
#header #gnb .area ul{float:right}
#header #gnb .area ul li{float:left;margin-left:20px;position: relative;}
#header #gnb .area ul li:hover ul {display: flex;}
#header #gnb .area ul li ul {display: none; width: 250px; top: 89px; background-color: #fff; flex-direction: column; border-top: 3px solid #3f67bb; position: absolute; left: 50%; margin-left: -125px; z-index: 9999; box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.3);}
#header #gnb .area ul li ul li {margin-left: 0; width: 100%; text-align: center; line-height: 50px; border-bottom: 1px solid #e6e6e6; transition: all 0.3s ease-in-out; }
#header #gnb .area ul li ul li:hover {background-color: #4973cb;}
#header #gnb .area ul li ul li:hover a {color: #fff;}
#header #gnb .area ul li ul li a {display: block; width: 100%; font-size: 14px; font-weight: normal; letter-spacing: -1px; transition: all 0.3s ease-in-out;}
#header #gnb .area ul li:first-child{margin-left:0}
#header #gnb .area ul li:last-child {border-bottom: 0;}
#header #gnb .area ul li a{display:block;font-size:18px;font-weight:700}

#main #quickMenu{position:absolute;top:30px;right:10px; z-index: 999;}
#main #quickMenu ul li{margin-bottom:10px;box-shadow:3px 3px 5px rgba(0, 0, 0, .2);-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
#main #quickMenu ul li.top_btn{width:60px;height:60px;-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;margin:20px auto 0}
#main #quickMenu ul li a{display:block;width:100%;height:100%}

#main .cnt1{width:100%;height:530px;background:#3f67bb}
#main .cnt1 .area{position:relative;height:100%}
#main .cnt1 .area .wrap .left{float:left;width:712px}
#main .cnt1 .area .wrap .left h2{font-size:45px;color:#fff;font-weight:300;line-height:60px;padding-top:63px;letter-spacing:-4px}
#main .cnt1 .area .wrap .left h2 strong{font-weight:700;font-size:55px}
#main .cnt1 .area .wrap .left form{margin-top:15px}
#main .cnt1 .area .wrap .left form input{background:none;border:0;width:556px;height:50px;border-bottom:2px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff}
#main .cnt1 .area .wrap .left form input::-webkit-input-placeholder{font-size:25px;font-weight:300;color:#fff;opacity:0.5;filter:Alpha(opacity=50)}
#main .cnt1 .area .wrap .left form input::-moz-input-placeholder{font-size:25px;font-weight:300;color:#fff;opacity:0.5;filter:Alpha(opacity=50)}
#main .cnt1 .area .wrap .left form input::-ms-input-placeholder{font-size:25px;font-weight:300;color:#fff;opacity:0.5;filter:Alpha(opacity=50)}
#main .cnt1 .area .wrap .left form input:focus{outline:none;font-size:25px;font-weight:300}
#main .cnt1 .area .wrap .left form input:focus::-webkit-input-placeholder{color:transparent}
#main .cnt1 .area .wrap .left form input:focus::-moz-input-placeholder{color:transparent}
#main .cnt1 .area .wrap .left form input:focus::-ms-input-placeholder{color:transparent}
#main .cnt1 .area .wrap .left form button{border-bottom:2px solid #fff;padding-bottom:13px;margin-left:-2px}
#main .cnt1 .area .wrap .left .rct{margin-top:28px;margin-bottom:20px}
#main .cnt1 .area .wrap .left .rct > *{float:left}
#main .cnt1 .area .wrap .left .rct h3{font-size:18px;color:#fff;background:url("../img/main/cnt1_bar.png") no-repeat right center;padding-right:37px;margin-right:18px}
#main .cnt1 .area .wrap .left .rct h3 img{vertical-align:middle;margin-right:13px}
#main .cnt1 .area .wrap .left .rct > p{font-weight:300;font-size:14px;opacity:0.5;filter:Alpha(opacity=50);color:#fff;padding-right:176px}
#main .cnt1 .area .wrap .left .rct .auto_save > *{float:left}
#main .cnt1 .area .wrap .left .rct .auto_save p{font-weight:300;font-size:14px;color:#fff;opacity:0.5;filter:Alpha(opacity=50);padding-top:2px;padding-right:4px}
#main .cnt1 .area .wrap .left .rct .auto_save .box{position:relative;width:30px;height:16px;border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;margin-top:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt1 .area .wrap .left .rct .auto_save .box ul{height:100%}
#main .cnt1 .area .wrap .left .rct .auto_save .box ul li{float:left;width:50%;height:100%}
#main .cnt1 .area .wrap .left .rct .auto_save .box ul li a{display:block;width:100%;height:100%}
#main .cnt1 .area .wrap .left .rct .auto_save .box span{position:absolute;top:50%;left:50%;width:12px;height:12px;margin-top:-6px;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;background:#fff}
#main .cnt1 .area .wrap .left .list_wrap{margin-bottom:32px}
#main .cnt1 .area .wrap .left .list_wrap ul li{float:left;width:143px;height:40px;line-height:40px;border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:6px}
#main .cnt1 .area .wrap .left .list_wrap ul li:first-child{margin-left:0}
#main .cnt1 .area .wrap .left .list_wrap ul li a{display:block;text-align:center;font-size:14px;color:#fff}
#main .cnt1 .area .wrap .left .rst_wrap ul li{float:left;padding-right:17px;margin-right:17px;background:url("../img/main/cnt1_bar.png") no-repeat right 10px}
#main .cnt1 .area .wrap .left .rst_wrap ul li.last{margin-right:0;padding-right:0;background:none}
#main .cnt1 .area .wrap .left .rst_wrap ul li p{font-size:14px;color:#fff;font-weight:300;letter-spacing:-0.5px}
#main .cnt1 .area .wrap .left .rst_wrap ul li p strong{font-weight:700;font-size:20px}
#main .cnt1 .area .wrap .right{float:right;width:400px;margin-top:30px;overflow:hidden;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:5px 5px 5px rgba(0, 0, 0, .2)}
#main .cnt1 .area .wrap .right .box{width:100%;height:410px;padding-top:15px;background:#fff}
#main .cnt1 .area .wrap .right .box ul{width:100%;height:100%}
#main .cnt1 .area .wrap .right .box ul li img{width:100%;height:auto}
#main .cnt1 .area .wrap .right .box .bx-wrapper{width:370px;height:350px;margin:0 auto;box-shadow:0px 0px 0px rgba(0, 0, 0, 0);border:0;-webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0}
#main .cnt1 .area .wrap .right .box .bx-wrapper .bx-controls .bx-pager{padding-top:0;bottom:-28px}
#main .cnt1 .area .wrap .right .box .bx-wrapper .bx-controls .bx-pager div a{background:#e5e5e5}
#main .cnt1 .area .wrap .right .box .bx-wrapper .bx-controls .bx-pager div a.active{background:#3f67bb}
#main .cnt1 .area .real_bd{position:absolute;left:0;bottom:-30px; width:100%;height:60px;line-height:60px;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:3px 3px 6px rgba(0, 0, 0, .2)}
#main .cnt1 .area .real_bd > div{float:left;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt1 .area .real_bd .pp{border-right:1px solid #ebf1f9}
#main .cnt1 .area .real_bd .pp > *{float:left}
#main .cnt1 .area .real_bd .pp h3{font-size:18px;color:#3f67bb;font-weight:500;margin-left:20px}
#main .cnt1 .area .real_bd .pp h3 img{margin-top:22px;margin-right:13px}
#main .cnt1 .area .real_bd .pp ul{margin-left:21px;padding-left:17px;background:url("../img/main/cnt1_bar2.jpg") no-repeat left center}
#main .cnt1 .area .real_bd .pp ul li{float:left;margin-left:16px}
#main .cnt1 .area .real_bd .pp ul li:first-child{margin-left:0}
#main .cnt1 .area .real_bd .pp ul li p{font-size:14px}
#main .cnt1 .area .real_bd .real > *{float:left}
#main .cnt1 .area .real_bd .real h3{font-size:15px;color:#3f67bb;font-weight:500;margin-left:5px;background:url("../img/main/cnt1_bd_arrow.jpg") no-repeat right center;padding-right:16px;margin-right:10px;width: 142px;}
#main .cnt1 .area .real_bd .real h3 img{margin-top:22px;margin-right:4px}
#main .cnt1 .area .real_bd .real p{width:450px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}

#main .cnt2{width:100%;height:auto;padding-bottom:30px;background:#ebf1f9}
#main .cnt2 .area .tit{position:relative}
#main .cnt2 .area .tit h2{font-size:35px;font-weight:500;text-align:center;padding-top:78px}
#main .cnt2 .area .tit p{font-weight:300;font-size:14px;color:#999;text-align:center;padding-top:5px}
#main .cnt2 .area .tit .tit_util{position:absolute;top:90px;right:0}
#main .cnt2 .area .tit .tit_util ul li{float:left}
#main .cnt2 .area .tit .tit_util ul li.reg_btn{margin-right:5px;width:120px;height:30px;line-height:30px;background:#fff;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;border:1px solid #3f67bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt2 .area .tit .tit_util ul li.reg_btn a{display:block;text-align:center;font-size:14px;font-weight:500;color:#3f67bb}
#main .cnt2 .area .tit .tit_util ul li.more_btn{width:70px;height:30px;line-height:30px;background:#fff;border:1px solid #e6e6e6;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt2 .area .tit .tit_util ul li.more_btn a{display:block;text-align:center;font-size:14px;font-weight:300;color:#666}
#main .cnt2 .area .tit .tit_util ul li.more_btn a img{margin-top:10px;margin-left:4px}
#main .cnt2 .area .txt form{display:block;margin-top:22px}
#main .cnt2 .area .txt form .box{width:520px;height:50px;line-height:46px;border:2px solid #3f67bb;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt2 .area .txt form .box > *{float:left}
#main .cnt2 .area .txt form .box h3{font-size:18px;font-weight:500;color:#3f67bb;padding-right:15px;margin-right:23px;background:url("../img/main/cnt1_bar2.jpg") no-repeat right center}
#main .cnt2 .area .txt form .box h3 img{margin-top:15px;margin-left:20px;margin-right:13px}
#main .cnt2 .area .txt form .box input{width:307px;height:40px;background:none;border:0;margin-top:3px}
#main .cnt2 .area .txt form .box input::-webkit-input-placeholder{font-size:14px;color:#3f67bb;opacity:0.5;filter:Alpha(opacity=50)}
#main .cnt2 .area .txt form .box input::-moz-input-placeholder{font-size:14px;color:#3f67bb;opacity:0.5;filter:Alpha(opacity=50)}
#main .cnt2 .area .txt form .box input::-ms-input-placeholder{font-size:14px;color:#3f67bb;opacity:0.5;filter:Alpha(opacity=50)}
#main .cnt2 .area .txt form .box input:focus{outline:none;font-size:14px;color:#3f67bb;opacity:0.5;filter:Alpha(opacity=50)}
#main .cnt2 .area .txt form .box input:focus::-webkit-input-placeholder{color:transparent}
#main .cnt2 .area .txt form .box input:focus::-moz-input-placeholder{color:transparent}
#main .cnt2 .area .txt form .box input:focus::-ms-input-placeholder{color:transparent}
#main .cnt2 .area .txt form .box button{margin-top:8px;margin-left:10px}
#main .cnt2 .area .txt .slider .bx-wrapper .bx-controls > div a{text-indent:-9999px;font-size:0;width:50px;height:50px;top:50%;margin-top:-35px;box-shadow:3px 3px 5px rgba(0, 0, 0, .2);-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;background-repeat:no-repeat;background-position:center}
#main .cnt2 .area .txt .slider .bx-wrapper .bx-controls > div .bx-prev{background-image:url("../img/main/cnt_slider_prev.png");left:-80px}
#main .cnt2 .area .txt .slider .bx-wrapper .bx-controls > div .bx-next{background-image:url("../img/main/cnt_slider_next.png");right:-80px}
.slider {width: 1200px; overflow: auto;}
.slider > ul > li {float: left;}
.ov_hidden {overflow: hidden;}
.next_btn {position: absolute; text-indent: -9999px; font-size: 0; width: 50px; height: 50px; top: 50%; margin-top: -35px; box-shadow: 3px 3px 5px rgba(0, 0, 0, .2); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-repeat: no-repeat; background-position: center; background-image: url(../img/main/cnt_slider_next.png); right: -80px;}
.prev_btn { position: absolute; text-indent: -9999px; font-size: 0; width: 50px; height: 50px; top: 50%; margin-top: -35px; box-shadow: 3px 3px 5px rgba(0, 0, 0, .2); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-repeat: no-repeat; background-position: center; background-image: url("/theme/forsea/img/main/cnt_slider_prev.png"); left: -80px; }
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2{width: 1200px;}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li{float:left;width:220px;height:260px;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;overflow:hidden;margin-left:20px;margin-bottom:20px;box-shadow:2px 2px 10px rgba(0, 0, 0, .2);margin-top:30px}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li.limb{margin-top:0}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li:nth-child(5n+1){margin-left:0}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li a{display:block;width:100%;height:100%}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm{padding-left:20px}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm span{float:left;width:30px;height:18px;line-height:16px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;margin-top:20px;margin-right:4px}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm .sale_mark{width:auto; padding:0 5px; border:1px solid #3f67bb;color:#3f67bb}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm .new_mark{background:#3f67bb;color:#fff}
#main .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm h4{font-size:14px;font-weight:500;width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:6px; line-height:20px;}
#main .cnt2 .area .term_wrap { color: #222; padding: 30px 40px; margin-top: 20px;    border: 1px solid #e6e6e6; border-radius: 10px;box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); background: #fff;  padding: 15px 20px;  margin: 20px 20px 0px 20px;}
#main .cnt2 .area .notice_wrap { color: #222; padding: 30px 40px; margin-top: 20px;    border: 1px solid #e6e6e6; border-radius: 10px;box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); background: #fff;  padding: 0px;  margin: 20px 0px 0px 0px;width:390px}
#main .cnt2 .area .term_wrap .latest_title{    color: #1c3771; font-weight: 600; margin-bottom: 20px;}


#main .cnt2_1{width:100%;background:#fafafa;padding:40px 0}
#main .cnt2_1 .area .tit{position:relative}
#main .cnt2_1 .area .tit h2{font-size:35px;font-weight:500;text-align:center;padding-top:45px}
#main .cnt2_1 .area .tit p{font-weight:300;font-size:14px;color:#999;text-align:center;padding-top:5px}
#main .cnt2_1 .area .tit .tit_util{position:absolute;top:60px;right:0}
#main .cnt2_1 .area .tit .tit_util a{display:block;width:70px;height:30px;line-height:30px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;text-align:center;font-weight:300;font-size:14px;color:#666}
#main .cnt2_1 .area .tit .tit_util a img{margin-top:10px;margin-left:4px}

#main .cnt2_1 .area .txt .btm > div{float:left;width:560px}
#main .cnt2_1 .area .txt .btm .left{margin-right:40px}
#main .cnt2_1 .area .txt .btm .right{margin-left:40px}
#main .cnt2_1 .area .txt .btm > div .bd_tit > *{float:left}
#main .cnt2_1 .area .txt .btm > div .bd_tit h3{font-size:30px;font-weight:500}
#main .cnt2_1 .area .txt .btm > div .bd_tit p{font-size:14px;font-weight:300;color:#999;padding-top:18px;padding-left:18px}
#main .cnt2_1 .area .txt .btm > div .bd_tit a.more_btn{width:70px;height:30px;line-height:30px;background:#fff;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;text-align:center;color:#666;float:right;margin-top:16px; font-size:14px;}
#main .cnt2_1 .area .txt .btm > div .bd_tit a.more_btn img{margin-top:10px;margin-left:4px}
#main .cnt2_1 .area .txt .btm > div .bd_txt{margin-top:10px}
#main .cnt2_1 .area .txt .btm > div .bd_txt ul li{padding:10px 0;border-top:1px solid #e6e6e6}
#main .cnt2_1 .area .txt .btm > div .bd_txt ul li:first-child{border-top:0}
#main .cnt2_1 .area .txt .btm > div .bd_txt ul li > *{float:left}
#main .cnt2_1 .area .txt .btm > div .bd_txt ul li h4{font-size:14px}
#main .cnt2_1 .area .txt .btm > div .bd_txt ul li strong{float:right;font-size:14px;font-weight:700;color:#3f67bb}
#main .cnt2_1 .area .txt .bd_txt_1 > ul > li h4{width:200px;}

#main .cnt2_1 .area .txt .bd_txt > ul > li h4{float:left;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#main .cnt2_1 .area .txt .bd_txt > ul > li p{float:right;font-size:15px;font-weight:300;color:#999}
#main .cnt2_1 .area .txt .bd_txt_2 > ul > li h4{width:340px;}

#main .cnt3{width:100%;height:490px}
#main .cnt3 .area .tit{position:relative}
#main .cnt3 .area .tit h2{font-size:35px;font-weight:500;text-align:center;padding-top:50px}
#main .cnt3 .area .tit p{font-weight:300;font-size:14px;color:#999;text-align:center;padding-top:5px}
#main .cnt3 .area .txt .slider .bx-wrapper .bx-controls > div a{text-indent:-9999px;font-size:0;width:50px;height:50px;top:50%;margin-top:-35px;box-shadow:3px 3px 5px rgba(0, 0, 0, .2);-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;background-repeat:no-repeat;background-position:center}
#main .cnt3 .area .txt .slider .bx-wrapper .bx-controls > div .bx-prev{background-image:url("../img/main/cnt_slider_prev.png");left:-80px}
#main .cnt3 .area .txt .slider .bx-wrapper .bx-controls > div .bx-next{background-image:url("../img/main/cnt_slider_next.png");right:-80px}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2{padding:0 10px}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2 li{float:left;width:220px;height:260px;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;overflow:hidden;margin-left:20px;margin-bottom:20px;box-shadow:2px 2px 10px rgba(0, 0, 0, .2);margin-top:30px}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2 li:nth-child(5n+1){margin-left:0}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2 li a{display:block;width:100%;height:100%}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm{padding-left:20px}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm span{float:left; height:18px;line-height:16px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;margin-top:20px;margin-right:4px; padding:0px 5px;}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm .offer_mark{border:1px solid #bb3f3f;color:#bb3f3f}
#main .cnt3 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm h4{font-size:14px;font-weight:500;width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:6px}

#main .cnt3 .area .tit .tit_util{position:absolute;top:90px;right:0}
#main .cnt3 .area .tit .tit_util ul li{float:left}
#main .cnt3 .area .tit .tit_util ul li.reg_btn{margin-right:5px;width:120px;height:30px;line-height:30px;background:#fff;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;border:1px solid #3f67bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt3 .area .tit .tit_util ul li.reg_btn a{display:block;text-align:center;font-size:14px;font-weight:500;color:#3f67bb}
#main .cnt3 .area .tit .tit_util ul li.more_btn{width:70px;height:30px;line-height:30px;background:#fff;border:1px solid #e6e6e6;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt3 .area .tit .tit_util ul li.more_btn a{display:block;text-align:center;font-size:14px;font-weight:300;color:#666}
#main .cnt3 .area .tit .tit_util ul li.more_btn a img{margin-top:10px;margin-left:4px}

#main .cnt4{width:100%;height:740px;background:url("../img/main/cnt4_bg.jpg") no-repeat center}
#main .cnt4 .area .tit{position:relative}
#main .cnt4 .area .tit h2{font-size:35px;font-weight:500;text-align:center;padding-top:45px}
#main .cnt4 .area .tit p{font-weight:300;font-size:14px;color:#999;text-align:center;padding-top:5px}
#main .cnt4 .area .tit .tit_util{position:absolute;top:60px;right:0}
#main .cnt4 .area .tit .tit_util a{display:block;width:70px;height:30px;line-height:30px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;text-align:center;font-weight:300;font-size:14px;color:#666}
#main .cnt4 .area .tit .tit_util a img{margin-top:10px;margin-left:4px}
#main .cnt4 .area .txt .slider .bx-wrapper .bx-controls > div a{text-indent:-9999px;font-size:0;width:50px;height:50px;top:50%;margin-top:-25px;box-shadow:3px 3px 5px rgba(0, 0, 0, .2);-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;background-repeat:no-repeat;background-position:center}
#main .cnt4 .area .txt .slider .bx-wrapper .bx-controls > div .bx-prev{background-image:url("../img/main/cnt_slider_prev.png");left:-80px}
#main .cnt4 .area .txt .slider .bx-wrapper .bx-controls > div .bx-next{background-image:url("../img/main/cnt_slider_next.png");right:-80px}
#main .cnt4 .area .txt{margin-top:30px}
#main .cnt4 .area .txt .slider ul.depth1 > li ul.depth2{padding:0 10px}
#main .cnt4 .area .txt .slider ul.depth1 > li ul.depth2 li{float:left;width:280px;height:290px;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;overflow:hidden;margin-left:20px;box-shadow:2px 2px 10px rgba(0, 0, 0, .2);margin-bottom:30px}
#main .cnt4 .area .txt .slider ul.depth1 > li ul.depth2 li:nth-child(5n+1){margin-left:0}
#main .cnt4 .area .txt .slider ul.depth1 > li ul.depth2 li a{display:block;width:100%;height:100%}
#main .cnt4 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm{padding-left:20px}
#main .cnt4 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm h4{font-size:20px;font-weight:700;padding-top:15px;color:#3f67bb}
#main .cnt4 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm p{font-size:14px;font-weight:500;padding-top:3px;width:250px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#main .cnt4 .area .txt .btm > div{float:left;width:560px}
#main .cnt4 .area .txt .btm .left{margin-right:40px}
#main .cnt4 .area .txt .btm .right{margin-left:40px}
#main .cnt4 .area .txt .btm > div .bd_tit > *{float:left}
#main .cnt4 .area .txt .btm > div .bd_tit h3{font-size:30px;font-weight:500}
#main .cnt4 .area .txt .btm > div .bd_tit p{font-size:14px;font-weight:300;color:#999;padding-top:18px;padding-left:18px}
#main .cnt4 .area .txt .btm > div .bd_tit a.more_btn{width:70px;height:30px;line-height:30px;background:#fff;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;text-align:center;color:#666;float:right;margin-top:16px; font-size:14px;}
#main .cnt4 .area .txt .btm > div .bd_tit a.more_btn img{margin-top:10px;margin-left:4px}
#main .cnt4 .area .txt .btm > div .bd_txt{margin-top:10px}
#main .cnt4 .area .txt .btm > div .bd_txt ul li{padding:10px 0;border-top:1px solid #e6e6e6}
#main .cnt4 .area .txt .btm > div .bd_txt ul li:first-child{border-top:0}
#main .cnt4 .area .txt .btm > div .bd_txt ul li > *{float:left}
#main .cnt4 .area .txt .btm > div .bd_txt ul li h4{font-size:14px}
#main .cnt4 .area .txt .btm > div .bd_txt ul li strong{float:right;font-size:14px;font-weight:700;color:#3f67bb}

#main .cnt5{width:100%;height:auto;margin-bottom: 100px;}
#main .cnt5 .area .tit{position:relative}
#main .cnt5 .area .tit h2{font-size:35px;font-weight:500;text-align:center;padding-top:45px}
#main .cnt5 .area .tit p{font-weight:300;font-size:14px;color:#999;text-align:center;padding-top:5px}
#main .cnt5 .area .tit .tit_util{position:absolute;top:60px;right:0}
#main .cnt5 .area .tit .tit_util a{display:block;width:70px;height:30px;line-height:30px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;text-align:center;font-weight:300;font-size:14px;color:#666}
#main .cnt5 .area .tit .tit_util a img{margin-top:10px;margin-left:4px}
#main .cnt5 .area .txt{margin-top:30px}
#main .cnt5 .area .txt .slider ul li{float:left;width:280px;height:290px;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;overflow:hidden;margin-left:20px;box-shadow:2px 2px 10px rgba(0, 0, 0, .2);margin-bottom:30px}
#main .cnt5 .area .txt .slider ul li:first-child{margin-left:0}
#main .cnt5 .area .txt .slider ul li h3{width:285px;height:60px;line-height:65px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 15px}
#main .cnt5 .area .txt .bd_wrap{margin-top:40px}
#main .cnt5 .area .txt .bd_wrap > div{float:left;width:360px}
#main .cnt5 .area .txt .bd_wrap .left{margin-right:40px}
#main .cnt5 .area .txt .bd_wrap .mid{margin-left:20px;margin-right:20px}
#main .cnt5 .area .txt .bd_wrap .right{margin-left:40px}
#main .cnt5 .area .txt .bd_wrap > div .bd_tit h3{float:left;font-size:30px;font-weight:500}
#main .cnt5 .area .txt .bd_wrap > div .bd_tit a{float:right;display:block;width:70px;height:30px;line-height:30px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;text-align:center;font-weight:300;font-size:14px;color:#666;margin-top:10px}
#main .cnt5 .area .txt .bd_wrap > div .bd_tit a img{margin-top:10px;margin-left:4px}
#main .cnt5 .area .txt .bd_wrap > div .bd_txt{margin-top:15px}
#main .cnt5 .area .txt .bd_wrap > div .bd_txt > ul > li{padding:15px 0;border-top:1px solid #e6e6e6}
#main .cnt5 .area .txt .bd_wrap > div .bd_txt > ul > li:first-child{border-top:0}
#main .cnt5 .area .txt .bd_wrap > div .bd_txt > ul > li h4{float:left;font-size:14px;width:255px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#main .cnt5 .area .txt .bd_wrap > div .bd_txt > ul > li p{float:right;font-size:15px;font-weight:300;color:#999}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split{margin-top:17px}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_btn li{float:left;width:33.333333%;height:40px;line-height:40px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_btn li.on{border:1px solid #3f67bb}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;text-align:center;font-size:14px;color:#666}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_btn li.on a{color:#3f67bb}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_cnt{margin-top:14px}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_cnt div{display:none}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_cnt .tab_cnt1{display:block}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_cnt div ul li{padding:15px 0;border-top:1px solid #e6e6e6}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_cnt div ul li:first-child{border-top:0}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_cnt div ul li h4{float:left;font-size:14px;width:255px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#main .cnt5 .area .txt .bd_wrap .mid .bd_txt .tab_split .tab_cnt div ul li p{float:right;font-size:15px;font-weight:300;color:#999}
#main .cnt5 .area .txt .link_wrap{margin-top:30px}
#main .cnt5 .area .txt .link_wrap ul{border:1px solid #e6e6e6;border-bottom:0}
#main .cnt5 .area .txt .link_wrap ul li{float:left;width:33.333333%;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:150px}
#main .cnt5 .area .txt .link_wrap ul li:nth-child(3n+1){border-left:0}
#main .cnt5 .area .txt .link_wrap ul li a{display:block;width:100%;height:100%}
#main .cnt5 .area .txt .link_wrap ul li a > div{float:left}
#main .cnt5 .area .txt .link_wrap ul li a .icon{margin-top:34px;margin-left:50px;margin-right:25px}
#main .cnt5 .area .txt .link_wrap ul li a .info h4{font-size:20px;font-weight:500;padding-top:24px}
#main .cnt5 .area .txt .link_wrap ul li a .info p{font-size:14px;color:#666;font-weight:300;line-height:20px;padding-top:5px}

#main .cnt6{width:100%;height:520px;background:#f5f7fa}
#main .cnt6 .area{height:100%}
#main .cnt6 .area .partner{height:100%}
#main .cnt6 .area .partner .tit{position:relative}
#main .cnt6 .area .partner .tit h2{font-size:35px;font-weight:500;text-align:center;padding-top:45px}
#main .cnt6 .area .partner .tit p{font-weight:300;font-size:14px;color:#999;text-align:center;padding-top:5px}
#main .cnt6 .area .partner .tit .tit_util{position:absolute;top:60px;right:0}
#main .cnt6 .area .partner .tit .tit_util a{display:block;width:70px;height:30px;line-height:30px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;text-align:center;font-weight:300;font-size:14px;color:#666;background:#fff}
#main .cnt6 .area .partner .tit .tit_util a img{margin-top:10px;margin-left:4px}
#main .cnt6 .area .partner .txt .tab_split .tab_btn{text-align:center;margin-top:28px;margin-bottom:30px}
#main .cnt6 .area .partner .txt .tab_split .tab_btn li{display:inline-block;width:180px;height:40px;line-height:40px;border:1px solid #e6e6e6;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;background:#fff;margin-left:8px}
#main .cnt6 .area .partner .txt .tab_split .tab_btn li:first-child{margin-left:0}
#main .cnt6 .area .partner .txt .tab_split .tab_btn li.on{border:0;background:#243e89}
#main .cnt6 .area .partner .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;text-align:center;font-size:18px;color:#666}
#main .cnt6 .area .partner .txt .tab_split .tab_btn li.on a{color:#fff}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt > div{display:none}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt .tab_cnt1{display:block}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt > div ul li{width:224px;height:220px;float:left;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:20px}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt > div ul li:first-child{margin-left:0}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt > div ul li .img{display:block;text-align:center;margin-top:19px}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt > div ul li h4{font-size:14px;font-weight:500;padding-left:20px;padding-top:20px;padding-bottom:20px}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt > div ul li p{font-weight:300;font-size:14px;padding-left:20px;padding-bottom:5px;width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#main .cnt6 .area .partner .txt .tab_split .tab_cnt > div ul li p img{vertical-align:middle;margin-right:10px}

#main .cnt7{width:100%;height:340px}
#main .cnt7 .area .slider{padding-top:60px}
#main .cnt7 .area .slider ul.depth1 > li .depth2 > li{float:left;margin-left:20px}
#main .cnt7 .area .slider ul.depth1 > li .depth2 > li:first-child{margin-left:0}
#main .cnt7 .area .bx-wrapper .bx-controls > div a{text-indent:-9999px;font-size:0;width:50px;height:50px;top:50%;margin-top:-25px;box-shadow:3px 3px 5px rgba(0, 0, 0, .2);-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;background-repeat:no-repeat;background-position:center}
#main .cnt7 .area .bx-wrapper .bx-controls > div .bx-prev{background-image:url("../img/main/cnt_slider_prev.png");left:-80px}
#main .cnt7 .area .bx-wrapper .bx-controls > div .bx-next{background-image:url("../img/main/cnt_slider_next.png");right:-80px}

#footer .ft_util{width:100%;height:49px;line-height:49px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fafafa}
#footer .ft_util .area ul{text-align:center}
#footer .ft_util .area ul li{display:inline-block;margin-left:10px;padding-left:10px;background:url("../img/main/ft_util_bar.jpg") no-repeat left center}
#footer .ft_util .area ul li:first-child{margin-left:0;padding-left:0;background:none}
#footer .ft_util .area ul li a{font-weight:300;font-size:13px;color:#666}
#footer .ft_info .area .top{padding-bottom:27px;border-bottom:1px solid #e6e6e6}
#footer .ft_info .area .top .left{float:left}
#footer .ft_info .area .top .left .ft_logo{padding-top:29px;margin-bottom:15px}
#footer .ft_info .area .top .left p{font-weight:300;font-size:13px;color:#666;padding-bottom:6px}
#footer .ft_info .area .top .left p.caution{padding-top:10px}
#footer .ft_info .area .top .right{float:right;padding-top:25px}
#footer .ft_info .area .top .right h3{font-weight:700;font-size:30px;color:#3f67bb;margin-bottom:15px}
#footer .ft_info .area .top .right h3 img{margin-right:15px}
#footer .ft_info .area .top .right p{font-size:13px;color:#666;text-align:right;padding-bottom:5px}
#footer .ft_info .area .btm{height:69px}
#footer .ft_info .area .btm .left{float:left}
#footer .ft_info .area .btm .left address{font-size:13px;color:#666;line-height:69px}
#footer .ft_info .area .btm .left address span{color:#3f67bb}
#footer .ft_info .area .btm .right{float:right;margin-top:12px}
#footer .ft_info .area .btm .right ul li{display:inline-block}

#login h1.logo{text-align:center;padding-top:80px;padding-bottom:30px}
#login .login_box{width:600px;height:860px;background:#fff;margin:0 auto;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
#login .login_box h2{font-size:45px;color:#3f67bb;text-align:center;padding-top:50px;padding-bottom:15px}
#login .login_box form ul li.ipt{width:500px;height:60px;margin:0 auto 10px}
#login .login_box form ul li.ipt2{margin-bottom:20px}
#login .login_box form ul li.cb{width:500px;height:25px;margin:0 auto}
#login .login_box form ul li.ipt input{width:482px;height:60px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;margin:0 auto;font-size:18px;color:#999;padding-left:18px}
#login .login_box form ul li.ipt input::placeholder{font-size:18px;color:#999}
#login .login_box form ul li input[type=checkbox]{position:relative;width:0;height:0;padding:0;margin:0;vertical-align:top}
#login .login_box form ul li input[type=checkbox]:after{content:"";position:absolute;width:25px;height:25px;top:0;left:0;border:1px solid #e6e6e6;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../img/main/login_check.jpg") no-repeat center}
#login .login_box form ul li input[type=checkbox]:checked::after{content:"";background:url("../img/main/login_check_on.png") no-repeat center;border:0}
#login .login_box form ul li label{font-size:14px;color:#666;padding-left:35px}
#login .login_box form button{display:block;width:500px;height:60px;background:#3f67bb;-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;margin:40px auto 30px;font-size:25px;color:#fff;font-weight:700}
#login .login_box .member{margin-bottom:58px}
#login .login_box .member ul{text-align:center}
#login .login_box .member ul li{display:inline-block;padding-left:18px;margin-left:18px;background:url("../img/main/login_bar.gif") no-repeat left center}
#login .login_box .member ul li:first-child{padding-left:0;margin-left:0;background:none}
#login .login_box .member ul li a{display:block;font-size:14px;color:#999}
#login .login_box .sns_login ul li{width:500px; height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;margin:0 auto 10px}
#login .login_box .sns_login ul li.sns_lg1{background:#ffe800}
#login .login_box .sns_login ul li.sns_lg2{background:#1ec800}
#login .login_box .sns_login ul li.sns_lg3{background:#e74133}
#login .login_box .sns_login ul li.sns_lg4{background:#3f67bb}
#login .login_box .sns_login ul li p{position:relative;display:block;width:50%;height:100%;color:#fff;font-size:20px;text-align:center;background-repeat:no-repeat;background-position:30px center}
/*#login .login_box .sns_login ul li.sns_lg1 a{color:#3a2020;background-image:url("../img/main/login_kakao.png")}
#login .login_box .sns_login ul li.sns_lg2 a{background-image:url("../img/main/login_naver.png")}
#login .login_box .sns_login ul li.sns_lg3 a{background-image:url("../img/main/login_google.png")}
*/
#login .login_box .sns_login ul li a .icon{position:absolute;top:50%;right:30px;margin-top:-7px}
#login .login_box address{width:500px;padding-top:29px;border-top:1px solid #e6e6e6;margin:0 auto;font-size:13px;text-align:center;color:#666;font-weight:300;margin-top:50px}
#login .login_box address span{color:#3f67bb}

#join1 h1.logo{text-align:center;padding-top:80px;padding-bottom:30px}
#join1 .join_box{width:600px;height:1000px;background:#fff;margin:0 auto;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
#join1 .join_box h2{font-size:45px;color:#3f67bb;text-align:center;padding-top:50px;padding-bottom:25px}
#join1 .join_box .process ul{width:300px;margin:0 auto}
#join1 .join_box .process ul li{float:left}
#join1 .join_box .process ul li.num{width:40px;height:40px;line-height:40px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;border:1px solid #3f67bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-weight:700;color:#3f67bb}
#join1 .join_box .process ul li.num.on{background:#3f67bb;border:0;color:#fff}
#join1 .join_box .process ul li.line{width:25px;height:1px;background:#f5f7fa;margin-top:20px}
#join1 .join_box .process ul li.line.on{background:#3f67bb}
#join1 .join_box .join_kind{margin-top:100px}
#join1 .join_box .join_kind ul{width:495px;margin:0 auto}
#join1 .join_box .join_kind ul li{float:left;width:240px;height:350px;-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin-left:15px}
#join1 .join_box .join_kind ul li.kind_enter{background:#0f3283;margin-left:0}
#join1 .join_box .join_kind ul li.kind_indi{background:#3f67bb}
#join1 .join_box .join_kind ul li a{display:block;width:100%;height:100%}
#join1 .join_box .join_kind ul li a .icon{display:block;text-align:center;padding-top:85px}
#join1 .join_box .join_kind ul li a h3{font-size:30px;color:#fff;text-align:center;font-weight:500;padding-top:20px}
#join1 .join_box .join_kind ul li a .arrow{display:block;text-align:center;padding-top:30px}
#join1 .join_box address{width:500px;padding-top:29px;border-top:1px solid #e6e6e6;margin:0 auto;font-size:13px;text-align:center;color:#666;font-weight:300;margin-top:280px}
#join1 .join_box address span{color:#3f67bb}

#join2 h1.logo{text-align:center;padding-top:80px;padding-bottom:30px}
#join2 .join_box{width:600px;height:1000px;background:#fff;margin:0 auto;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
#join2 .join_box h2{font-size:45px;color:#3f67bb;text-align:center;padding-top:50px;padding-bottom:23px}
#join2 .join_box .process ul{width:300px;margin:0 auto}
#join2 .join_box .process ul li{float:left}
#join2 .join_box .process ul li.num{width:40px;height:40px;line-height:40px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;border:1px solid #3f67bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-weight:700;color:#3f67bb}
#join2 .join_box .process ul li.num.on{background:#3f67bb;border:0;color:#fff}
#join2 .join_box .process ul li.line{width:25px;height:1px;background:#f5f7fa;margin-top:20px}
#join2 .join_box .process ul li.line.on{background:#3f67bb}
#join2 .join_box .mem_type{width:500px;margin:25px auto 0}
#join2 .join_box .mem_type h3{font-size:20px;font-weight:500;padding-bottom:20px}
#join2 .join_box .mem_type ul li{width:500px;height:140px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;overflow:hidden;margin-bottom:10px}
#join2 .join_box .mem_type ul li a{display:block;width:100%;height:100%}
#join2 .join_box .mem_type ul li a .left{float:left;padding-top:22px;padding-left:29px}
#join2 .join_box .mem_type ul li a .left h4{font-size:25px;color:#3f67bb;font-weight:500;padding-bottom:5px}
#join2 .join_box .mem_type ul li a .left p{font-size:14px;color:#666;font-weight:300}
#join2 .join_box .mem_type ul li a .right{position:relative;float:right;width:59px;height:100%;background:#fafafa}
#join2 .join_box .mem_type ul li a .right img{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-5px}
#join2 .join_box .mem_type button{width:500px;height:60px;background:#3f67bb;-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;margin:50px auto 0;font-size:25px;color:#fff;font-weight:700}
#join2 .join_box address{width:500px;padding-top:29px;border-top:1px solid #e6e6e6;margin:0 auto;font-size:13px;text-align:center;color:#666;font-weight:300;margin-top:60px}
#join2 .join_box address span{color:#3f67bb}

#join3 h1.logo{text-align:center;padding-top:80px;padding-bottom:30px}
#join3 .join_box{width:600px;height:1080px;background:#fff;margin:0 auto;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
#join3 .join_box h2{font-size:45px;color:#3f67bb;text-align:center;padding-top:50px;padding-bottom:23px}
#join3 .join_box .process ul{width:300px;margin:0 auto}
#join3 .join_box .process ul li{float:left}
#join3 .join_box .process ul li.num{width:40px;height:40px;line-height:40px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;border:1px solid #3f67bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-weight:700;color:#3f67bb}
#join3 .join_box .process ul li.num.on{background:#3f67bb;border:0;color:#fff}
#join3 .join_box .process ul li.line{width:25px;height:1px;background:#f5f7fa;margin-top:20px}
#join3 .join_box .process ul li.line.on{background:#3f67bb}
#join3 .join_box .agree_wrap{width:500px;margin:20px auto 0}
#join3 .join_box .agree_wrap .terms .tit{height:25px}
#join3 .join_box .agree_wrap .terms .tit input[type=checkbox]{position:relative;width:0;height:0;padding:0;margin:0;vertical-align:top}
#join3 .join_box .agree_wrap .terms .tit input[type=checkbox]:after{content:"";position:absolute;width:25px;height:25px;top:0;left:0;border:1px solid #e6e6e6;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../img/main/login_check.jpg") no-repeat center}
#join3 .join_box .agree_wrap .terms .tit input[type=checkbox]:checked::after{content:"";background:url("../img/main/login_check_on.png") no-repeat center;border:0}
#join3 .join_box .agree_wrap .terms .tit label{display:inline-block;font-size:20px;padding-left:32px;font-weight:500;height:25px;margin-top:-2px}
#join3 .join_box .agree_wrap .terms .tit a{float:right;font-size:14px;color:#999;font-weight:300}
#join3 .join_box .agree_wrap .terms .tit a img{vertical-align:middle;margin-left:5px}
#join3 .join_box .agree_wrap .terms .box{width:500px;height:190px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;margin-top:18px}
#join3 .join_box .agree_wrap .terms .box p{padding-top:25px;padding-left:25px;padding-right:20px;word-break:keep-all;font-size:14px;font-weight:300;color:#666;line-height:25px}
#join3 .join_box .agree_wrap .terms .box p span{display:block;padding-bottom:15px}
#join3 .join_box .agree_wrap .personal .tit{height:25px;margin-top:37px}
#join3 .join_box .agree_wrap .personal .tit input[type=checkbox]{position:relative;width:0;height:0;padding:0;margin:0;vertical-align:top}
#join3 .join_box .agree_wrap .personal .tit input[type=checkbox]:after{content:"";position:absolute;width:25px;height:25px;top:0;left:0;border:1px solid #e6e6e6;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../img/main/login_check.jpg") no-repeat center}
#join3 .join_box .agree_wrap .personal .tit input[type=checkbox]:checked::after{content:"";background:url("../img/main/login_check_on.png") no-repeat center;border:0}
#join3 .join_box .agree_wrap .personal .tit label{display:inline-block;font-size:20px;padding-left:32px;font-weight:500;height:25px;margin-top:-2px}
#join3 .join_box .agree_wrap .personal .tit a{float:right;font-size:14px;color:#999;font-weight:300}
#join3 .join_box .agree_wrap .personal .tit a img{vertical-align:middle;margin-left:5px}
#join3 .join_box .agree_wrap .personal .box{width:500px;height:130px;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;margin-top:18px}
#join3 .join_box .agree_wrap .personal .box p{padding-top:25px;padding-left:25px;padding-right:20px;word-break:keep-all;font-size:14px;font-weight:300;color:#666;line-height:25px}
#join3 .join_box .agree_wrap .personal .box p span{display:block;padding-bottom:15px}
#join3 .join_box .agree_wrap .marketing .tit{height:25px;margin-top:37px}
#join3 .join_box .agree_wrap .marketing .tit input[type=checkbox]{position:relative;width:0;height:0;padding:0;margin:0;vertical-align:top}
#join3 .join_box .agree_wrap .marketing .tit input[type=checkbox]:after{content:"";position:absolute;width:25px;height:25px;top:0;left:0;border:1px solid #e6e6e6;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../img/main/login_check.jpg") no-repeat center}
#join3 .join_box .agree_wrap .marketing .tit input[type=checkbox]:checked::after{content:"";background:url("../img/main/login_check_on.png") no-repeat center;border:0}
#join3 .join_box .agree_wrap .marketing .tit label{display:inline-block;font-size:20px;padding-left:32px;font-weight:500;height:25px;margin-top:-2px}
#join3 .join_box .agree_wrap .marketing .tit a{float:right;font-size:14px;color:#999;font-weight:300}
#join3 .join_box .agree_wrap .marketing .tit a img{vertical-align:middle;margin-left:5px}
#join3 .join_box .agree_wrap .all_agree{margin-top:48px;padding-top:27px;border-top:1px solid #e6e6e6}
#join3 .join_box .agree_wrap .all_agree .tit{height:25px}
#join3 .join_box .agree_wrap .all_agree .tit input[type=checkbox]{position:relative;width:0;height:0;padding:0;margin:0;vertical-align:top}
#join3 .join_box .agree_wrap .all_agree .tit input[type=checkbox]:after{content:"";position:absolute;width:25px;height:25px;top:0;left:0;border:1px solid #e6e6e6;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../img/main/login_check.jpg") no-repeat center}
#join3 .join_box .agree_wrap .all_agree .tit input[type=checkbox]:checked::after{content:"";background:url("../img/main/login_check_on.png") no-repeat center;border:0}
#join3 .join_box .agree_wrap .all_agree .tit label{display:inline-block;font-size:20px;padding-left:32px;font-weight:500;height:25px;margin-top:-2px}
#join3 .join_box .agree_wrap .all_agree .tit a{float:right;font-size:14px;color:#999;font-weight:300}
#join3 .join_box .agree_wrap .all_agree .tit a img{vertical-align:middle;margin-left:5px}
#join3 .join_box .agree_wrap button{width:500px;height:60px;background:#3f67bb;-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;color:#fff;font-size:25px;font-weight:700;margin-top:68px}
#join3 .join_box address{width:500px;padding-top:29px;border-top:1px solid #e6e6e6;margin:0 auto;font-size:13px;text-align:center;color:#666;font-weight:300;margin-top:30px}
#join3 .join_box address span{color:#3f67bb}

#join4 h1.logo{text-align:center;padding-top:80px;padding-bottom:30px}
#join4 .join_box{width:600px;height:100%; min-height: 1000px; max-height:1540px;background:#fff;margin:0 auto;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
#join4 .join_box h2{font-size:45px;color:#3f67bb;text-align:center;padding-top:50px;padding-bottom:23px}
#join4 .join_box .process ul{width:300px;margin:0 auto 20px}
#join4 .join_box .process ul li{float:left}
#join4 .join_box .process ul li.num{width:40px;height:40px;line-height:40px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;border:1px solid #3f67bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-weight:700;color:#3f67bb}
#join4 .join_box .process ul li.num.on{background:#3f67bb;border:0;color:#fff}
#join4 .join_box .process ul li.line{width:25px;height:1px;background:#f5f7fa;margin-top:20px}
#join4 .join_box .process ul li.line.on{background:#3f67bb}
#join4 .join_box form{width:500px;margin:0 auto}
#join4 .join_box form h3{font-size:20px;font-weight:500;padding-bottom:20px}
#join4 .join_box form > ul li{width:500px;height:60px;margin-bottom:10px}
#join4 .join_box form > ul li.required{position:relative}
#join4 .join_box form > ul li input{width:100%;height:60px;border:1px solid #e6e6e6;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;font-size:18px;color:#999;font-family:'Noto Sans KR', sans-serif}
#join4 .join_box form > ul li.ipb > *{float:left}
#join4 .join_box form > ul li.ipb input{width:370px}
#join4 .join_box form > ul li.required span{position: absolute; font-size: 18px; color: #fa5c59; right: 10px !important; left: unset !important; top: 10px;}
#join4 .join_box form > ul li.ip_id span{left:77px}
#join4 .join_box form > ul li.ip_pw span{left:333px}
#join4 .join_box form > ul li.ip_pw2 span{left:130px}
#join4 .join_box form > ul li.ip_cp span{left:77px}
#join4 .join_box form > ul li.ip_bn span{left:142px}
#join4 .join_box form > ul li.ip_ad span{left:225px}
#join4 .join_box form > ul li.ip_ceo span{left:94px}
#join4 .join_box form > ul li.ip_tel span{left:94px}
#join4 .join_box form > ul li.ip_em span{left:77px}
#join4 .join_box form > ul li.ip_blg span{left:94px}
#join4 .join_box form > ul li input::placeholder{font-size:18px;color:#999}
#join4 .join_box form > ul li.ipb button{width:120px;height:60px;border:1px solid #3f67bb;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;border:1px solid #3f67bb;color:#3f67bb;font-size:18px;margin-left:10px}
#join4 .join_box form > ul li.tta{height:120px}
#join4 .join_box form > ul li.tta textarea{width:500px;height:120px;border:1px solid #e6e6e6;padding:0;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;padding-top:15px;font-size:18px;color:#999;font-family:'Noto Sans KR', sans-serif}
#join4 .join_box form > ul li.tta textarea::placeholder{font-size:18px;color:#999}
#join4 .join_box form .sns_wrap ul{padding-top:10px}
#join4 .join_box form .sns_wrap ul li{float:left;margin-left:10px}
#join4 .join_box form .sns_wrap ul li:first-child{margin-left:0}
#join4 .join_box form > button{width:500px;height:60px;background:#3f67bb;-webkit-border-radius:px; -moz-border-radius:px; border-radius:30px;color:#fff;font-size:25px;font-weight:700;margin-top:60px}
#join4 .join_box address{width:500px;padding:29px 0px;border-top:1px solid #e6e6e6;margin:0 auto;font-size:13px;text-align:center;color:#666;font-weight:300;margin-top:30px}
#join4 .join_box address span{color:#3f67bb}


#join5 h1.logo{text-align:center;padding-top:80px;padding-bottom:30px}
#join5 .join_box{width:600px;height:860px;background:#fff;margin:0 auto;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
#join5 .join_box h2{font-size:45px;color:#3f67bb;text-align:center;padding-top:50px;padding-bottom:23px}
#join5 .join_box .process ul{width:300px;margin:0 auto 70px}
#join5 .join_box .process ul li{float:left}
#join5 .join_box .process ul li.num{width:40px;height:40px;line-height:40px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;border:1px solid #3f67bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-weight:700;color:#3f67bb}
#join5 .join_box .process ul li.num.on{background:#3f67bb;border:0;color:#fff}
#join5 .join_box .process ul li.line{width:25px;height:1px;background:#f5f7fa;margin-top:20px}
#join5 .join_box .process ul li.line.on{background:#3f67bb}
#join5 .join_box .txt h3{font-size:70px;color:#3f67bb;text-align:center;font-weight:300}
#join5 .join_box .txt p{text-align:center;font-size:18px;font-weight:300;line-height:40px;padding-top:35px}
#join5 .join_box .txt p strong{font-size:22px;color:#3f67bb;font-weight:500}
#join5 .join_box .txt p span{font-size:20px;font-weight:400}
#join5 .join_box .txt button{display:block;width:200px;height:60px;background:#3f67bb;-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;margin:50px auto 0;font-size:25px;font-weight:700;color:#fff}
#join5 .join_box address{width:500px;padding-top:29px;border-top:1px solid #e6e6e6;margin:0 auto;font-size:13px;text-align:center;color:#666;font-weight:300;margin-top:166px}
#join5 .join_box address span{color:#3f67bb}


/*index 이동*/
#main .cnt1 .area .wrap .left {width:760px;}
.recent_search{max-width: 285px; margin-right: 40px; overflow:hidden; padding-right:0px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.recent_keyword{margin-left:5px; cursor:pointer;}
.recent_keyword:first-child{margin-left:0px;}
.popular span {cursor:pointer;}
input:focus {outline:none;}

.popular_layer{width:270px !important; height:360px; border:1px solid #e6e6e6; background:#fff; left:0px; position: absolute; top: 53px; box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); padding:0px 20px; padding-top:20px; display:none; z-index:1;}
.popular_layer li{height:20px; line-height:20px; padding:5px 0px; font-size:14px; cursor:pointer;}
.popular_layer li:nth-child(-n+3){font-weight:bold; color:#3f67bb;}

.popular_toggle_btn{cursor:pointer; transition: all ease 0.5s;}
.popular_layer_close{position:absolute; font-size:25px; right:20px; top:5px; color:#3f67bb; cursor:pointer;}

.latest_title{font-size:21px; line-height:1.14; letter-spacing:-0.53px; color:#fff; margin-bottom:10px; }
.latest_contents {font-size:16px; font-weight:normal; line-height:1.5; letter-spacing:-0.4px; color:#cfd6e6; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.main_visual_top ul{display:flex; justify-content:space-between;}
.main_visual_top ul li {width:100%; }

.main_visual_bottom { margin-top:35px;}
.main_visual_bottom ul{display:flex; justify-content:space-between;}
.main_visual_bottom ul li:nth-child(1) {width:48%; }
.main_visual_bottom ul li:nth-child(2) {width:52%; }

#main .cnt1 .area .real_bd {position:relative; bottom:0px; margin-top:15px;}
.real{display:flex;}





.member_status {width:100%;}
.member_status > div {width:100% !important; padding:0px 40px; display:flex; justify-content:space-between; line-height:60px;}
.member_status > div > p {width:20%; font-size:18px; color:#3f67bb; letter-spacing:-0.45px; text-align:center; border-right:1px solid #ebf1f9;}
.member_status > div > p:last-child {border-right:0px; border-left:1px solid #ebf1f9;}
.member_status ul {width:60%; display:flex; justify-content:space-between;}
.member_status ul:last-child li {width:25%; position:relative;}
.member_status ul li::after {content:""; background:#3f67bb; width:1px; height:15px; opacity:0.5; position:absolute; top:22px; right:0px;}
.member_status ul li:last-child::after {display:none;}
.member_status ul li p {font-size:18px; color:#3f67bb; letter-spacing:-0.45px; text-align:center; cursor:pointer;}

.ms_info {width:100%;}
.ms_info {width:100% !important; padding:0px 40px 0 20px !important; display:flex; justify-content:space-between; line-height:60px;}
.ms_info > p {font-size:15px; width:15%; color:#3f67bb; letter-spacing:-0.45px; text-align:center; border-right:1px solid #ebf1f9;}
.ms_info > p:last-child {width:10%; border-right:0px; border-left:1px solid #ebf1f9;}
.ms_info .info {width:25%; display:flex; justify-content:space-between;}
.ms_info .info li {width:50%; position:relative;}
.ms_info .info li::after {content:""; background:#3f67bb; width:1px; height:15px; opacity:0.5; position:absolute; top:22px; right:0px;}
.ms_info .info li:last-child::after {display:none;}
.ms_info .info li p {font-size:15px; color:#3f67bb; letter-spacing:-0.45px; text-align:center; cursor:pointer;}

#main .cnt8 {width:100%;height:100%;background:#fff; box-sizing: border-box; margin:80px auto 30px;}
#main .cnt8 .area{height:100%; overflow:hidden;}
#main .cnt8 .area > ul li {float:left;}

/*추가*/
#main .cnt2 .area > ul > li {float:left;width: 30%;}
#main .cnt2 .area .video {width:350px; padding: 10px 20px;  margin-top: 20px; background: #fff; border-radius: 10px; box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);}
#main .cnt2 .area .video video {width:350px; height:230px;object-fit: fill;}
#main .cnt2 .area .video span.title{display:block; width:100%; font-size:22px; line-height:30px; letter-spacing:-0.53px; color:#3f67bb; text-align:center;}
#main .cnt2 .area .video .news-sub {width:100%; background:#fff;}
#main .cnt2 .area .video .news-sub .subject{width:90%; font-size:14px; line-height:30px; padding-bottom:5px; display:block; background:#fff; margin:0 auto;}

/*추가 end*/

#main .new_trend > li.static .main_table_area { width:490px; height:185px; overflow-y:auto; word-break:break-all; border:1px solid #3f67bb; border-top:none;}
#main .new_trend > li.static {width:530px;}
#main .new_trend > li.static ul {height:100%;width:100%;box-sizing: border-box;}
#main .new_trend > li.static ul li {min-width:24%; text-align:center; font-size:17px; background-color:#fff; color:rgb(093, 104, 117); font-weight:normal; border-top:1px solid rgb(191,200,210);border-right:1px solid rgb(191,200,210);border-bottom:1px solid #3f67bb; box-sizing:border-box;height:40px;line-height:40px;display:inline-block; }
#main .new_trend > li.static ul li:first-child {border-left:1px solid rgb(191,200,210);}
#main .new_trend > li.static ul li.on {color:#3f67bb; border:1px solid #3f67bb;font-weight:bold;}
#main .new_trend > li.static table{width:100%;table-layout:fixed}
#main .new_trend > li.static table tr{background:#fff}
#main .new_trend > li.static table tr:nth-child(1n){background:#f3f3f6}
#main .new_trend > li.static table tr:nth-child(2n){background:#fff}
#main .new_trend > li.static table thead tr th{height:16px;padding:6px 0 4px 0;background:#fff; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;font-size:14px;color:#3a6599;font-weight:600;text-align:right;padding-right:10px}
#main .new_trend > li.static table tbody th,
#main .new_trend > li.static table tbody tr:first-child td{padding-top:4px}
#main .new_trend > li.static table thead tr th:last-child{border-right:none}
#main .new_trend > li.static table tbody tr td:last-child{border-right:none}
#main .new_trend > li.static table tbody td{height:21px;padding:4px 0 4px 0;color:#666;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;text-align:right;padding-right:10px;font-size:14px;}
#main .new_trend > li.static table tbody td.tit{text-align:left;padding-left:10px;color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main .new_trend > li.static table tbody td a{color:#444}
#main .new_trend > li.static table td.up {color:red;}
#main .new_trend > li.static table td.down {color:blue;}
#main .new_trend > li.static .news-sub {width:100%; background:#fff; padding-top:4px;}
#main .new_trend > li.static .news-sub .subject{width:90%; font-size:14px; line-height:30px; padding-bottom:5px; display:block; background:#fff; margin:0 auto;}
#main .new_trend > li.static .news-sub a.more_btn {display:block;text-align:center;font-size:14px;font-weight:300;color:#666;width:70px;height:30px;line-height:30px;background:#fff;border:1px solid #e6e6e6;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#main .new_trend > li.static .news-sub a.more_btn img{margin-top:10px;margin-left:4px}


#main .cnt8 .area .news {width:400px; margin:0 0 0 0px;}
#main .cnt8 .area .news .slider {width:304px; margin-top:-6px;}
#main .cnt8 .area .news .slider ul li{width:304px; background:#fff;}
#main .cnt8 .area .news .slider ul li h3{width:90%; font-size:14px; line-height:30px; padding-bottom:5px; display:block; background:#fff; margin:0 auto;}
#main .cnt8 .area .news img{width:304px; height:240px;}
.news .new_trend > li{width:370px}

#main .cnt8 .area > ul{display:flex;justify-content: center;}
.today_market{width:400px;}
.today_market > div{padding:0px; height: 230px;}
.today_market p{font-size: 1.5em;padding-bottom: 10px;color: #1e3252; font-weight: bold;}
.today_market p span{color:#ff1313}
.today_market p i{color:#1e3252}

.pp_input {background: none; border: none;width: 270px;font-size: 14px;color: #666;  border-bottom: 1px solid #666; padding-bottom: 5px;}
/*구.latesttag{border:1px solid transparent;padding:3px 5px;border-radius:5px;line-height:23px;margin:5px;color:currentcolor;font-weight:500;font-size:1.1em;background: #34c3d4}*/
.tag-cloud {display: flex;flex-wrap: wrap;}
.tag {margin: 5px;font-size: 12px; }

.cnt6 .left{float:left}
.cnt6 .right{float:right}
.cnt6 .company_info{width:50%;padding:20px 10px;margin:0px 5px 10px;background:#fff;border-radius:10px;font-size:1.2em}
.cnt6 .company_info .txt{margin-bottom:10px;color:#999;height: 100px;}
.cnt6 .company_num{padding: 5px; margin: 5px 0; color: black; background: #fff;}
.cnt6 .wide{width:50%}
.cnt6 .wide .company_num{color: magenta}
.cnt6 .sch_box .sb1{ height: 50px;line-height: 44px; border: 2px solid #3f67bb; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin: 0 auto;}
.cnt6 .sch_box .sb1 select{    margin-left: 18px;  width: 80px; height: 46px; background: none; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; font-weight: 500;
    color: #3f67bb; font-family: 'Noto Sans KR', serif; background: url(../img/sub/cnt3_arrow.jpg) no-repeat right center;}
.cnt6 .sch_box .sb1 input{    margin-left: 10px; height: 46px; border: 0; background-color: none; width: 170px; font-size: 14px; color: #3f67bb; font-family: 'Noto Sans KR', serif; margin-bottom: 1px; background: url(../img/sub/cnt3_bar.jpg) no-repeat left center;  padding-left: 5px;}
.cnt6 .wide .sch_box .sb1 input{width:330px}
/*인기검색어*/
.cnt6 .latest_title{font-size:21px; line-height:1.14; letter-spacing:-0.53px; color:black; margin-bottom:10px; padding-top:10px }
.popular_wrap .best_keyword{color: #fff;height: 26px;display:flex; width: 50%; font-size: 14px; letter-spacing:-0.4px;  cursor:pointer;overflow:hidden}
.popular_wrap .best_keyword p{ width: 14px;font-size: 11px;letter-spacing: -0.28px; color: #3f67bb; position: relative; border-radius: 5px; background: #fff; padding: 2px; text-align: center; margin-bottom: 6px;    margin-right: 10px;  height: 15px;}

#main .popular_wrap{ width: 100%; padding-left: 10px; border-radius: 10px;}
#main .best_popular {height: 130px;    max-height: 130px;display:flex; flex-wrap:wrap; flex-direction: column;}



.best_keyword span{white-space:nowrap; width:95px;}
.top_popular form{margin-top:0px !important;}

.top_popular form input:focus{font-size:14px !important;}
.top_popular form input {width:90% !important;height:34px !important;font-size:1em ;padding-right: 5px;}
.top_popular form input::placeholder{font-size:14px !important}

	top_popular form input::-webkit-input-placeholder {
			font-size: 14px !important;
	}

	top_popular form input::-moz-input-placeholder {
			font-size: 14px !important;
	}

	top_popular form input::-ms-input-placeholder {
			font-size: 14px !important;
	}
	.top_popular form button{padding:8px 0px 5px 5px !important}
	.top_popular .best_popular{display:flex; flex-wrap:wrap; flex-direction: column; max-height: 120px;    overflow: hidden; margin-right: 20px;}
	/*인기검색어 end*/



/*index 이동*/


.reg_popup input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.reg_popup input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-right: 15px; font-size: 14px;
}
.reg_popup input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 17px;
  height: 17px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
  /* box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
  margin-top: -8.5px;
}

.reg_popup input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  width: 9px;
  height: 9px;
  background: #3f67bb;
  border-radius: 100%;
  /* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); */
    margin-top: -3.5px;
}

.mascot {position: absolute; top: 30px; left: 570px; background-image: url(../img/main/img_mascot.png); width: 142px; height: 152px; background-repeat: no-repeat; background-size: contain;}

@media screen and (max-width:1750px){
	#quickMenu{display:none;}
}

.p_btn {background: #3f67bb; color: #fff !important; padding: 10px; display: inline-block; margin: 20px 0px 0px 0px; box-sizing: border-box; font-weight: bold;}
.p_btn > i {margin-right: 5px;}



.new_trend {display:flex; justify-content:space-between; margin-bottom:30px;marmgin-top:10px}
.new_trend > li {width:320px; height:290px; border-radius:10px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); background:#fff; }
.new_trend > li > div {padding:20px;}
.new_trend > li:nth-child(1) > div {padding-left:20px;}
.new_trend > li:nth-child(2) > div {padding-left:20px;}
.new_trend > li h1 {text-align:center; font-size:22px; color:#3f67bb;}
.new_trend .new_trend_board {margin-top:15px;}
.new_trend .new_trend_board li {font-size:14px; color:#333;line-height:1.88; list-style: disc;}
.new_trend .new_trend_board li h4 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.new_trend .new_trend_gall li {text-align:center;}
.new_trend .new_trend_gall li h4 {margin-top:5px; font-size:14px; color:#333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_trend .new_trend_gall li img {margin-top:5px; }

.quick_banner {max-width:1200px; width:100%; margin:0 auto; }


.txt_post {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  }

.txt_post2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 2.4em;}

.txt_line {  
  padding:0 5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* -------------------------
   인기 검색어 칩 스타일
   ------------------------- */

/* 인기 검색 전체 래퍼 */
.best_popular {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

/* 각 키워드 박스 (칩 클릭 영역) */
.best_keyword {
    cursor: pointer;
}

/* 번호 숨김 */
.best_keyword p {
    display: none;
}

/* span을 칩(Chip)처럼 보이게 */
.best_keyword span {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.25);
    color: #fff;
    font-size: 0.95em;
    line-height: 1;
    white-space: nowrap;
    transition: background 0.15s ease,
                color 0.15s ease,
                border-color 0.15s ease;
}

/* 호버 효과 */
.best_keyword:hover span {
    background: #fff;
    color: #2563eb;
    border-color: #fff;
}

/* 모바일 */
@media (max-width: 768px) {
    .best_keyword span {
        padding: 5px 12px;
        font-size: 0.9em;
    }
}
/* ===========================
   #태그 칩 스타일 (인기검색어와 통일)
   =========================== */

/* #태그 전체 컨테이너를 칩처럼 정렬 */
.main_visual_bottom .tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* 태그 하나하나를 칩 모양으로 – a, span 둘 다 잡기 */
/* 바깥 a만 칩 모양 */
.main_visual_bottom .tag-cloud a {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    font-size: 0.95em;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: background 0.15s ease,
                color 0.15s ease,
                border-color 0.15s ease;
}
/* 안쪽 span은 배경/테두리 없애기 */
.main_visual_bottom .tag-cloud span {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* 모바일에서 조금 작게 */
@media (max-width: 768px) {
    .main_visual_bottom .tag-cloud a,
    .main_visual_bottom .tag-cloud span {
        padding: 5px 12px;
        font-size: 0.9em;
    }
}
/* #태그 제목 스타일 */
.tag_title {
    color: #fff !important;
    font-size: 1.3em !important;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* 아이콘 */
.tag_title i {
    color: #fff !important;
    font-size: 1.1em;
}
/* ===========================
   태그 / 인기검색어 칩 공통 스타일
   =========================== */

/* 태그/키워드 묶음 컨테이너 */
.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* 기본 칩 스타일 – 모든 상태 강제 적용 */
.tag-cloud a,
.tag-cloud a:link,
.tag-cloud a:visited,
.tag-cloud a:active,
.tag-cloud a:focus {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px !important;             /* 항상 동그란 칩 유지 */
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    font-size: 0.95em !important;                /* 인기검색어와 동일한 크기 */
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* 안쪽 span은 그냥 글자 역할만 하도록 */
.tag-cloud a span {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* hover 시만 흰색 칩으로 반전 */
.tag-cloud a:hover {
    background: #fff !important;
    color: #2563eb !important;
    border-color: #fff !important;
}

/* 모바일에서 조금 작게 */
@media (max-width: 768px) {
    .tag-cloud a,
    .tag-cloud a:link,
    .tag-cloud a:visited,
    .tag-cloud a:active,
    .tag-cloud a:focus {
        padding: 5px 12px;
        font-size: 0.9em !important;
    }
}
/* ===========================
   태그 / 인기검색어 칩 공통 스타일
   =========================== */

/* 태그 컨테이너 정렬 */
.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* 최신태그 리스트(태그 페이지)도 같이 잡기 */
a.latesttag,
span.latesttag {
    display: inline-block;
}

/* 기본 칩 스타일 – 모든 상태 강제 적용 */
.tag-cloud a,
.tag-cloud a:link,
.tag-cloud a:visited,
.tag-cloud a:active,
.tag-cloud a:focus,
a.latesttag,
a.latesttag:link,
a.latesttag:visited,
a.latesttag:active,
a.latesttag:focus,
span.latesttag {
    padding: 6px 14px;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    font-size: 0.95em !important;   /* 인기검색어와 동일 */
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* 태그 안쪽에 span이 있을 때는 배경·테두리 제거 */
.tag-cloud a span,
a.latesttag span,
span.latesttag span {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* hover 시 반전 효과 (메인, 태그 페이지 공통) */
.tag-cloud a:hover,
a.latesttag:hover,
span.latesttag:hover {
    background: #fff !important;
    color: #2563eb !important;  /* forsea 파란색 */
    border-color: #fff !important;
}

/* 모바일에서 조금 작게 */
@media (max-width: 768px) {
    .tag-cloud a,
    .tag-cloud a:link,
    .tag-cloud a:visited,
    .tag-cloud a:active,
    .tag-cloud a:focus,
    a.latesttag,
    span.latesttag {
        padding: 5px 12px;
        font-size: 0.9em !important;
    }
}
/* ===========================
   인기검색어 칩을 태그 칩과 동일하게 유동형으로 변경
   =========================== */

/* 인기 검색어 컨테이너 */
.popular .popular_keyword_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* 인기 검색어 하나하나 칩 스타일 */
.popular .popular_keyword_wrap a {
    display: inline-block !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    font-size: 0.95em !important;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all .15s ease;
    width: auto !important;      /* ← 정해진 width 제거 */
    min-width: unset !important; /* ← 최소 너비 제거 */
}

/* hover 효과 */
.popular .popular_keyword_wrap a:hover {
    background: #fff !important;
    color: #2563eb !important;
    border-color: #fff !important;
}
/* ==========================
   메인 화면 인기 검색어 칩 – 태그 칩처럼 유동형으로
   ========================== */
.main_visual_bottom .popular_wrap .best_popular {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;   /* ★ 이 줄 추가 */
    gap: 8px !important;
    height: auto !important;
    max-height: none !important;
}

/* 각 인기 검색어 칩 박스 */
.main_visual_bottom .popular_wrap .best_keyword {
    display: inline-flex !important;      /* 글자 길이에 맞게 */
    align-items: center;
    width: auto !important;               /* 50% 고정 폭 제거 */
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 번호는 계속 숨김 */
.main_visual_bottom .popular_wrap .best_keyword p {
    display: none !important;
}

/* 실제 칩 모양 (span) – 태그와 동일 스타일 */
.main_visual_bottom .popular_wrap .best_keyword span {
    display: inline-block !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    font-size: 0.95em !important;
    line-height: 1;
    white-space: nowrap;
    width: auto !important;              /* 95px 고정 폭 제거 */
}

/* 호버 시 색 반전 – 태그와 동일 */
.main_visual_bottom .popular_wrap .best_keyword:hover span {
    background: #fff !important;
    color: #2563eb !important;
    border-color: #fff !important;
}
/* ==========================
   인기 검색어 칩 — 동일한 크기 버전
   ========================== */

.main_visual_bottom .popular_wrap .best_popular {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* 칩 전체 크기 동일하도록 */
.main_visual_bottom .popular_wrap .best_keyword {
    width: 120px !important;   /* ★ 원하는 고정 너비 */
    height: 36px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
}

/* 칩 안의 글자 부분 */
.main_visual_bottom .popular_wrap .best_keyword span {
    width: 100% !important;      /* 칩 전체 채움 */
    text-align: center;
    padding: 8px 10px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    font-size: 0.95em !important;
    white-space: nowrap;
}

/* hover 효과 */
.main_visual_bottom .popular_wrap .best_keyword:hover span {
    background: #fff !important;
    color: #2563eb !important;
    border-color: #fff !important;
}
/* 전체 박스 */
.news-top6-box {
    padding: 18px 18px 14px 18px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    font-family: system-ui, -apple-system, "Noto Sans KR", sans-serif;
}

/* 제목 */
.news-top6-title {
    margin: 0 0 12px 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}

/* latest_hit가 출력하는 ul 초기화 */
.news-top6-box > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: top6-counter;
}

/* 각 항목 */
.news-top6-box > ul > li {
    margin: 0 0 6px 0;
}

/* 링크 카드형 레이아웃 */
.news-top6-box > ul > li > a {
    display: flex;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    text-decoration: none;
    background: #ffffff;
    transition: 0.18s;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

/* 호버 효과 */
.news-top6-box > ul > li > a:hover {
    background: #f1f5f9;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* 숫자 뱃지 */
.news-top6-box > ul > li > a::before {
    counter-increment: top6-counter;
    content: counter(top6-counter);
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #ffffff;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 제목 텍스트 */
.news-top6-box > ul > li > a span,
.news-top6-box > ul > li > a strong {
    font-size: 0.86rem;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 국내/해외 업체 숫자 hover 효과 */
.info li p {
    display: inline-block;
    transition: transform 0.18s ease-out, text-shadow 0.18s ease-out;
    cursor: pointer;
}

.info li p:hover {
    transform: scale(1.18); /* 18% 확대 */
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); /* 부드러운 그림자 효과 */
}

/* --- 수산뉴스 TOP 6 패널 감성 튜닝 --- */
.uf-news-panel {
    width: 390px;
    height: 240px;  /* 왼쪽 카드와 거의 동일 높이 */
    background: rgba(255, 255, 255, 0.98);
    border-radius: 18px;
    border-top: 1px solid rgba(0, 0, 0, 0.03);      /* 거의 안 보이게 */
    border-left: 1px solid rgba(0, 0, 0, 0.025);    /* 가장 연함 */
    border-right: 1px solid rgba(0, 0, 0, 0.12);    /* 자연스러운 진함 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);   /* 자연스러운 진함 */
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.14);
    padding: 14px 18px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* 헤더 영역 */
.uf-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.uf-news-header h2 {
    font-size: 16px !important;
    margin: 0;
    letter-spacing: 0.02em;
    color: #0f172a;
}

.uf-news-more {
    padding: 4px 12px !important;
    border-radius: 999px !important;   /* ← 타원형 복구 핵심 */
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}
.uf-news-more:hover {
    background: rgba(255,255,255,1) !important;
    border-color: rgba(37, 99, 235, 0.45) !important;
    color: #2563eb !important;
}
/* 리스트 기본 */
.uf-news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 각 항목 줄 */
.uf-news-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4.3px 0 !important;
    font-size: 14px !important;
    min-height: 26.4px !important;
    box-sizing: border-box;
    position: relative;
}

/* 항목 사이 구분선 */
.uf-news-item + .uf-news-item {
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

/* 숫자 뱃지 – 파스텔 톤 */
.uf-news-rank {
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #e5e7eb;
    color: #4b5563;
    font-weight: 600;
}

.uf-rank-1 .uf-news-rank { background:#fecaca; color:#b91c1c; }
.uf-rank-2 .uf-news-rank { background:#fed7aa; color:#c2410c; }
.uf-rank-3 .uf-news-rank { background:#bbf7d0; color:#15803d; }

/* 제목 영역 */
.uf-news-text {
    flex: 1;
    min-width: 0;
}

.uf-news-link {
    text-decoration: none !important;
    color: inherit !important;
}

/* 제목: 한 줄 + 말줄임 */
.uf-news-title {
    font-size: 14px !important;
    line-height: 1.45 !important;
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    color: #111827;
}

/* hover 시 줄 전체 감성 효과 */
.uf-news-item:hover {
    background-color: rgba(248, 250, 252, 0.9);
}

/* hover 시 왼쪽에 얇은 컬러 라인 */
.uf-news-item::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 2px;
    bottom: 2px;
    width: 3px;
    border-radius: 999px;
    background: transparent;
    transition: background 0.15s ease;
}
.uf-news-item:hover::before {
    background: linear-gradient(180deg, #3b82f6, #22c55e);
}

/* 비었을 때 */
.uf-news-empty {
    font-size: 13px !important;
    color: #9ca3af;
    padding: 8px 0;
}
.uf-news-more {
    padding: 5px 14px !important;
    border-radius: 9999px !important;     /* 더 자연스러운 타원형 */
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #6b7280 !important;            /* 차분한 그레이톤 */
    font-size: 12.5px !important;
    font-weight: 500 !important;
    backdrop-filter: blur(4px);           /* 은은하게 반짝이는 느낌 */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all .18s ease-in-out;
}

.uf-news-more:hover {
    background: white !important;
    border-color: rgba(37, 99, 235, 0.45) !important;
    color: #2563eb !important;
    transform: translateY(-1px);          /* 감성 Hover 효과 */
}
/* ==========================
   실시간 이슈(오른쪽 카드) 전용 정리
   ========================== */

/* ul 초기화 */
#main .cnt2_1 .area .txt .btm > div .bd_txt.bd_txt_2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 줄 하나 스타일 – 기존 .bd_txt ul li 덮어쓰기 */
#main .cnt2_1 .area .txt .btm > div .bd_txt.bd_txt_2 ul li {
    padding: 6px 0 !important;                   /* 줄간격 */
    border-top: 1px solid #edf1f7 !important;    /* 밝은 회색 선 */
    line-height: 1.5 !important;
    font-size: 14px !important;
}

/* 첫 줄 위 선 제거 */
#main .cnt2_1 .area .txt .btm > div .bd_txt.bd_txt_2 ul li:first-child {
    border-top: none !important;
}

/* 한 줄 전체 클릭 가능하게 */
#main .cnt2_1 .area .txt .btm > div .bd_txt.bd_txt_2 ul li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

/* hover 시 살짝만 진하게 */
#main .cnt2_1 .area .txt .btm > div .bd_txt.bd_txt_2 ul li a:hover {
    color: #111;
}
/* ==========================
   실시간 이슈(오른쪽) 전용 스타일
   ========================== */

/* ul 기본값 정리 */
#main .cnt2_1 .bd_txt_2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 각 줄( li ) 스타일 – 줄 간격/구분선 */
#main .cnt2_1 .bd_txt_2 ul li {
    padding: 6px 0;
    border-top: 1px solid #edf1f7;
    font-size: 14px;
    line-height: 1.5;
}

/* 첫 줄 윗줄은 선 제거 */
#main .cnt2_1 .bd_txt_2 ul li:first-child {
    border-top: none;
}

/* 기존 "li > * {float:left}" 덮어쓰기 */
#main .cnt2_1 .bd_txt_2 ul li > * {
    float: none !important;
}

/* 링크를 한 줄 전체 클릭 영역으로 */
#main .cnt2_1 .bd_txt_2 ul li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

/* hover 시 살짝 진하게 */
#main .cnt2_1 .bd_txt_2 ul li a:hover {
    color: #111;
}
/* ===========================================
   자유게시판 hover 효과 (freeissue)
   =========================================== */

.freeissue ul li {
    position: relative;
    padding: 8px 0 8px 12px;
    border-bottom: 1px solid #edf1f7;
}

.freeissue ul li:last-child {
    border-bottom: none;
}

.freeissue ul li a {
    display: block;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

/* hover 시 글자 진하게 */
.freeissue ul li:hover a {
    color: #111;
}

/* 왼쪽 라인(수산뉴스 TOP6 스타일) */
.freeissue ul li::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 10px;
    bottom: 10px;
    width: 0;  
    background: linear-gradient(180deg, #3b82f6, #22c55e);
    border-radius: 999px;
    transition: width 0.16s ease;
}

.freeissue ul li:hover::before {
    width: 3px;
}
/* ==========================
   메인 하단 자유게시판 hover 효과 (오른쪽 박스)
   ========================== */

/* 줄 하나(li) 기본 세팅 */
#main .cnt5 .area .txt .bd_wrap .right .bd_txt > ul > li {
    position: relative;
    padding: 10px 8px;                      /* 줄 안 여백 */
    border-top: 1px solid #e6e6e6;
    transition: background 0.15s ease;
}

/* 첫 줄 위에는 선 제거 */
#main .cnt5 .area .txt .bd_wrap .right .bd_txt > ul > li:first-child {
    border-top: none;
}

/* 텍스트 영역 – 제목 h4, 날짜 p 그대로 사용 */
#main .cnt5 .area .txt .bd_wrap .right .bd_txt > ul > li h4 {
    float: none;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#main .cnt5 .area .txt .bd_wrap .right .bd_txt > ul > li p {
    float: none;
    font-size: 13px;
    color: #999;
}

/* 줄 전체에 hover 효과 */
#main .cnt5 .area .txt .bd_wrap .right .bd_txt > ul > li:hover {
    background-color: #f8fafc;
}

/* hover 시 왼쪽에 얇은 컬러 라인 (수산뉴스 TOP6 스타일) */
#main .cnt5 .area .txt .bd_wrap .right .bd_txt > ul > li::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 6px;
    bottom: 6px;
    width: 0;
    background: linear-gradient(180deg, #3b82f6, #22c55e);
    border-radius: 999px;
    transition: width 0.15s ease;
}

#main .cnt5 .area .txt .bd_wrap .right .bd_txt > ul > li:hover::before {
    width: 3px;
}
/* ==========================
   메인 하단 자유게시판 카드 5개 유지
   ========================== */

/* 카드들이 들어있는 ul.depth2 레이아웃 */
#main .cnt6 .area .partner .txt .free_bxslider ul.depth2 {
    width: 100%;
    /* 혹시 flex 걸려 있다면 무효화 */
    display: block;
}

/* 각 카드(li) 폭을 5개 기준으로 고정 */
#main .cnt6 .area .partner .txt .free_bxslider ul.depth2 > li {
    float: left;
    width: 220px;              /* 필요하면 225~230px 정도로 조정 가능 */
    margin-right: 10px;
    box-sizing: border-box;
}

/* 5번째마다 오른쪽 여백 제거 */
#main .cnt6 .area .partner .txt .free_bxslider ul.depth2 > li:nth-child(5n) {
    margin-right: 0;
}
/* ==========================
   수산뉴스 이미지칩 hover – 메인 하단 자유게시판과 동일 느낌
   ========================== */

/* 카드(li) 기본 세팅 */
#main .cnt8 .area .news .slider ul li {
    position: relative;                    /* ← 왼쪽 라인 위치 기준 */
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: background 0.18s ease, 
                box-shadow 0.18s ease,
                transform 0.18s ease;
}

/* 카드 안의 링크 전체가 클릭 영역이 되도록 */
#main .cnt8 .area .news .slider ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 줄 전체 hover 효과 (자유게시판 느낌) */
#main .cnt8 .area .news .slider ul li:hover {
    background-color: #f8fafc;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
    transform: translateY(-2px);
}

/* hover 시 왼쪽에 얇은 컬러 라인 (수산뉴스 TOP6 / 자유게시판과 동일) */
#main .cnt8 .area .news .slider ul li::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 8px;
    bottom: 8px;
    width: 0;
    background: linear-gradient(180deg, #3b82f6, #22c55e);
    border-radius: 999px;
    transition: width 0.18s ease;
}

#main .cnt8 .area .news .slider ul li:hover::before {
    width: 3px;
}
/* ==========================
   수산뉴스 이미지칩 hover – 메인 하단 자유게시판 느낌
   ========================== */

/* ul 초기화 */
.uf-news-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 각 카드 li 기본 모양 */
.uf-news-slider ul li.uf-news-item {
    position: relative;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.10);
    transition:
        background 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

/* 메인 하단 자유게시판처럼 줄 전체 hover */
.uf-news-slider ul li.uf-news-item:hover {
    background-color: #f8fafc;
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.22);
}

/* 왼쪽 컬러 라인 (자유게시판 스타일) */
.uf-news-slider ul li.uf-news-item::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 8px;
    bottom: 8px;
    width: 0;
    background: linear-gradient(180deg, #3b82f6, #22c55e);
    border-radius: 999px;
    transition: width 0.15s ease;
}

.uf-news-slider ul li.uf-news-item:hover::before {
    width: 3px;
}

/* 이미지 살짝 확대 */
.uf-news-slider .img img {
    display: block;
    width: 100%;
    transition: transform 0.22s ease-out;
}

.uf-news-slider ul li.uf-news-item:hover .img img {
    transform: scale(1.03);
}

/* 제목 텍스트 – 한 줄 말줄임 */
.uf-news-slider h3 {
    margin: 0;
    padding: 8px 10px 10px;
    font-size: 14px;
}

.uf-news-slider h3 a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

/* hover 시 제목 색 강조 */
.uf-news-slider ul li.uf-news-item:hover h3 a {
    color: #1d4ed8;
}
/* ===========================
   수산물 무역 카드 hover 효과
   =========================== */

/* 카드 기본 상태 */
.slider.trade .trade-card {
    transition: all 0.25s cubic-bezier(0.17, 0.67, 0.55, 1.35);
    border-radius: 16px;
    overflow: hidden;              /* 모서리 둥글게 잘리게 */
    background: #ffffff;
}

/* 이미지도 같이 약간 확대되는 느낌 */
.slider.trade .trade-card .img img {
    transition: transform 0.25s ease;
}

/* hover 되었을 때 */
.slider.trade .trade-card:hover {
    transform: translateY(-6px);   /* 살짝 떠오르게 */
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);  /* 그림자 */
}

/* hover 시 이미지도 살짝 확대 */
.slider.trade .trade-card:hover .img img {
    transform: scale(1.03);
}
/* ... 기존 CSS 내용 끝 ... */

/* ===========================
   메인 우측 상단 배너 Hover 효과 (추가)
   =========================== */
.banner_hover_effect {
    display: block;
    overflow: hidden; /* 이미지가 확대될 때 영역 밖으로 넘치지 않게 자름 */
    width: 370px;     /* 배너 영역 크기 고정 */
    height: 350px;
    border-radius: 0; /* 필요시 10px 등으로 조절 가능 */
}

.banner_hover_effect img {
    transition: transform 0.3s ease; /* 0.3초 동안 부드럽게 변환 */
    width: 100%;      /* 부모 영역에 꽉 차게 */
    height: 100%;
    object-fit: cover;
}

/* 마우스를 올렸을 때(Hover) 이미지 1.05배 확대 */
.banner_hover_effect:hover img {
    transform: scale(1.05);
}