@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: 'Iropke Batang', 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:1;}
#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; max-width:1000px; width:100%;}
#header #gnb .area > ul {display:flex; align-items:center; justify-content:center; height:89px; text-align:center;}
#header #gnb .area ul li {float:left; position: relative; width:12.5%;}
#header #gnb .area > ul > li { height:89px; display:flex; justify-content:center; align-items:center;}
#header #gnb .area ul li:hover ul {display: flex;}
#header #gnb .area ul li ul {display: none; width: 250px; margin-top:53px; top:36px; 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:510px;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:18px;color:#3f67bb;font-weight:500;margin-left:18px;background:url("../img/main/cnt1_bd_arrow.jpg") no-repeat right center;padding-right:16px;margin-right:15px}
#main .cnt1 .area .real_bd .real h3 img{margin-top:22px;margin-right:9px}
#main .cnt1 .area .real_bd .real p{width:550px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}

#main .cnt2{width:100%;height:870px;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:70px;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; 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 .cnt2 .area .txt .slider ul.depth1 > li ul.depth2 li a .btm .offer_mark{border:1px solid #bb3f3f;color:#bb3f3f}
#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}

#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 .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:520px;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:1260px; padding-top:45px;}
#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:flex; 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; word-break:keep-all;}

#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::after{content:url("../img/main/login_google.png"); position:absolute;  left:20px; top:8px;}

#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:106px}
#join5 .join_box address span{color:#3f67bb}
#join5 .join_box .bank_info{width: 450px; font-size: 1.5em; margin: 50px auto; padding: 30px; line-height: 1.5em; border: 1px solid #c4d4f5;border-radius: 20px;background: aliceblue;}
#join5 .join_box .bank_info h4{font-weight:600 !important;color:darkorange;font-size:1.3em}
#join5 .join_box .bank_info span{font-weight:600}


.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;}
.new_trend > li {width:285px; 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(3) > div {padding:0px;}
.new_trend > li:nth-child(3) > div h1 {padding:0px 20px; padding-top:20px}
.new_trend > li:nth-child(3) > div h4 {padding:0px 20px;}
.new_trend > li:nth-child(3) > div img {margin-top:20px;}
.new_trend > li:nth-child(4) > div {padding:0px;}
.new_trend > li:nth-child(4) > div h1 {padding:0px 20px; padding-top:20px}
.new_trend > li:nth-child(4) > div h4 {padding:0px 20px;}
.new_trend > li:nth-child(4) > div img {margin-top:20px;}
.new_trend > li:nth-child(1) > div {padding-left:35px;}
.new_trend > li:nth-child(2) > div {padding-left:35px;}
.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_line {  
  padding:0 5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}