@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard-dynamic-subset.css");

ol, ul {
    list-style:none;
}
a {
    text-decoration:none;
}
* {
    padding:0;
    margin:0;
    border:none;
    font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input, textarea, button {
    outline:none;
}
body::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
    visibility:hidden;
}
body::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background:rgba(255, 255 , 255, .3); /* 스크롤바의 색상 */
    background:rgba(1, 64, 153, .2);
    border-radius: 10px;
}
body::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
    background:#014099;  /*스크롤바 뒷 배경 색상*/
    opacity:.7;
    background:rgba(1, 64, 153, 1);
    background:rgba(0, 0, 0, .2);
}

/* 운영정책 - support_policy.html */
/* 맞춤형 광고 안내 - support_adinfo.html */
#fullWrap,
#fullWrap>header,
.wrap_top_contents {
    margin:0 auto;
    width:100%;
}
#fullWrap nav,
.sub.page-header,
.tab-content {
    margin:0 auto;
    max-width:1200px;
}
#fullWrap>header {
    border-bottom: 2px solid #d3d3d3;
}
.navbar-header {
    height:81px;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex; 
    align-items:center;
}
.navbar-brand {
    display:block;
}
.navbar-brand>img {
    width:172px;
    height:auto;
}

.wrap_top_contents {
    background-color:#3959d2;
}
.wrap_top_contents .container {
    color:#fff;
    width:100%;
    height:141px;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.wrap_top_contents .breadcrumb a  {
    color:#fff;
}

.wrap_top_contents .breadcrumb li {
    display:inline-block;
    list-style:none;
    font-size:14px;
}
.wrap_top_contents .breadcrumb li:last-child {
    margin-left:20px;
    position:relative;
}
.wrap_top_contents .breadcrumb li:last-child::after {
    content:'';
    display:block;
    border-radius:100px;
    width:4px;
    height:4px;
    background-color:#fff;
    position:absolute;
    top:6.2px;
    left:-15px;
}
.wrap_top_contents h2 {
    font-weight:550;
    font-size:1.5vw;
    font-size:34px;
    font-weight:400;
    letter-spacing:.05em;
}
#adinfo_place .container,
#oper_policy .container {
    margin:0 auto;
}
#adinfo_place .container::after,
#oper_policy .container::after {
    content:'';
    display:block;
    clear:both;
}
#adinfo_place .title,
#oper_policy .title {
    text-align:center;
    font-size:1.5vw;
    font-size:30px;
    padding:6vw 0 5vw;
}
.title strong {
    font-weight:600;
}
#adinfo_place h3,
#oper_policy h3 {
    margin-bottom:10px;
    font-size:24px;
    font-weight:500;
    line-height:24px;
}
#oper_policy textarea {
    width:100%;
    height:250px;
    border:1px solid #e5e5e5;
    font-size:14px;
    line-height:1.4em;
    padding:1%;
    max-width:1200px;
    resize:vertical;
}
#adinfo_place .cont_box,
#oper_policy .cont_box {
    margin-bottom:70px;
}


#adinfo_place .cont_title { 
    font-size:20px; 
    font-weight:500; 
    margin-top:50px; 
    margin-bottom:15px;
    word-break:keep-all;
}
#adinfo_place p { 
    font-size:15px; 
    font-weight:400; 
    /*color:rgb(102,102,102); */
    line-height:1.4em;
    text-indent:.5em;
    word-break:keep-all;
}
.icon { 
    display:inline-block;
    width:23px; 
    height:18px; /*color:#179bd7;*/ 
    background:url(../assets/images/support_chk.png) no-repeat;
    background-size:contain;
}
#adinfo_place .btn_box { 
    width:100%; 
    /*height:125px;*/
    padding:25px; 
    padding:3% 2% 2.2% 2%; 
    /*background:url(../assets/images/btn_box_back.png); */
    /*background: radial-gradient(circle, #2674c0, #1f4f96, #1b2949);*/
    background-color:#eee;
    text-align:center;
    margin:0 auto;
    border-top:1px solid #d1d1d1; 
    border-bottom:1px solid #d1d1d1;
}
#adinfo_place .btn_box ul { 
    /*width:380px;*/
    width:374px;
    margin:0 auto;
   /* text-align:center;*/
    /*width:auto;*/
    /*height:50px;*/ 
    /*margin:0 0 0 50%;*/
    /*transform:translateX(-50%);*/
}
#adinfo_place .btn_box ul>li {
    float:left;
    letter-spacing:-.03em;
}
#adinfo_place .btn_box li:not(:first-child) {
   /* vertical-align:bottom;*/
    cursor:pointer;
}
#adinfo_place .btn_box ul::after {
    content:'';
    display:block;
    clear:both;
}
#adinfo_place .btn_box h3 { 
    /*margin-top:8px; 
    padding-right:15px; */
    font-size:26px; 
    font-weight:400; 
    color:#3959d2;
    margin-bottom:0;
    margin-right:15px;
    margin-top:2px;
}
#adinfo_place .btn_box p { 
   /* 
    font-weight:300; 
    color:#777; 
    line-height:12px; */
    font-size:14px;
    font-weight:400;
    color:#666;
    margin-top:1em;
}
.private { 
    font-weight:600; 
    color:#111; 
}
.btn_box.visible-md {
    display:block;
}
.btn_box.visible-xs {
    display:none;
}
.cont_title.-btn {
    text-align:center;
}
.btn_footer_contact {
    /*background-color:#3f95cf;*/
    background:linear-gradient(to right, #014099, #099887);
    border:0;
    width:380px;
    height:90px;
    color:#fff;
    font-size:25px;
    text-align:center;
    vertical-align:middle;
    line-height:90px;
    margin-bottom:1em;
}
.btn_footer_contact>span {
    font-size:14px;
    /* font-size: .63vw; */
    color:#ffd965;
    vertical-align:middle;
    display:inline-block;
    padding-left:2px;
    padding-bottom:5px;
}
#footer {
    background-color:#000;
}
.copyright {
    color:#fff;
    font-size:12px;
    padding:1%;
}

#on,
#on_txt,
#on_m,
#on_txt_m {
    display:block;
}
#off,
#off_txt,
#off_m,
#off_txt_m {
    display:none;
}

/* 운영정책 - support_policy.html 끝 */
/* 맞춤형 광고 안내 - support_adinfo.html 끝 */


/* 운영정책 - responsive */
/* 맞춤형 광고 안내 - responsive */
@media only screen and (max-width:1215px) {
    .navbar-header {
        padding-left:5%;
    }
    .navbar-brand>img {
        width:90%;
        margin-top:4px;
    }
    .wrap_top_contents .container {
        padding:0 5%;
    }
    #oper_policy {
       padding:0 5%; 
    }
    .cont_box p,
    .cont_box div:not(.visible-xs) {
        padding:0 5%;
    }
    .copyright {
        padding:1.5%;
    }
}

@media ( max-width:1199px ) {
    #adinfo_place .btn_box { 
        /*width:100%; 
        height:125px; 
        padding:25px;
        text-align:center; */
    }
}

@media only screen and (max-width:992px) {
    .navbar-header {
        padding-left:5%;
    }
    .navbar-brand>img {
        width:100%;
        margin-top:4px;
    }
    .wrap_top_contents .breadcrumb li {
        font-size:18px;
    }
    .wrap_top_contents .breadcrumb li:last-child::after {
        top:9px;
    }
    .wrap_top_contents .container {
        padding:0 5%;
    }
    #adinfo_place .title,
    #oper_policy .title {
        padding: 9vw 0 7vw;
    }
    #oper_policy {
       padding:0 5%; 
    }
    .cont_box p,
    .cont_box div:not(.visible-xs) {
        padding:0 5%;
    }
    
}

@media only screen and (max-width:768px) {
    .navbar-header {
        padding-left:5%;
    }
    .wrap_top_contents .container {
        padding:0 5%;
    }
    #oper_policy .container {
        width:100%;
    }
    #adinfo_place .title { 
        width:100%;
        font-size:24px;
    }
    .icon { 
        width:15px; 
        height:15px;  
    }

}
@media only screen and (max-width:549px) {
    .navbar-header {
        padding-left:5%;
    }
    .wrap_top_contents .container {
        padding:0 5%;
    }
    #oper_policy {
       padding:0 5%; 
    }
    #oper_policy textarea {
        color:#333;
        padding:2%;
    }

}
@media only screen and (max-width:480px) {
    
    .navbar-header {
        padding-left:5%;
    }
    .navbar-brand {
        width:40%;
        height:28px;
    }
    .navbar-brand>img {
        width:96%;
        margin-top:0;
    }
    #oper_policy {
       padding:0 5%; 
    }
    .wrap_top_contents .container {
        height:75.5px;
        justify-content:center;
    }
    .wrap_top_contents h2 {
        font-size:27px;
    }
    .wrap_top_contents .breadcrumb {
        display:none;
    }
    #adinfo_place .title,
    #oper_policy .title {
        font-size:22px;
        padding:14vw 0 12.5vw;
    }
    #oper_policy h3 {
        font-size:17.5px;
        margin-bottom:5px;
    }
    #oper_policy .cont_box {
        margin-bottom:50px;
    }
    #oper_policy textarea {
        color:#333;
        font-size:12.5px;
        padding:2%;
    }
    #adinfo_place .cont_title:nth-child(2) {
        margin-top:0;
    }
    #adinfo_place .cont_title:nth-child(n+3):nth-child(-n+10) {
        margin-top:4em;
    }
    #adinfo_place .cont_title:not(:last-of-type) { 
        font-size:18px; 
        font-weight:600;
        margin-bottom:10px; 
        line-height:22px; 
    }
    #adinfo_place p {
        font-size:14px;
        line-height:1.6em;
    }
    .icon { 
        width:16px; 
        height:16px;
        background-position:0 .17em;
    }
    #adinfo_place .btn_box {
        padding:5% 0;
    }
    #adinfo_place .btn_box h3 { 
        margin-right:0px; 
        font-size:22px;
        font-size:1.5em;
    }
    #adinfo_place .btn_box p { 
        font-size:1em;
        margin-top:.4em;
    }
    .btn_box.visible-md {
        display:none;
    }
    .btn_box.visible-xs {
        display:block;
    }
    .btn_box.visible-xs>a {
        display:block;
        margin-top:.7em;
    }
    .btn_box.visible-xs img {
        width:45%;
    }
    .btn_footer_contact {
        width:80%;
        height:90px;
        color:#fff;
        font-size:24px;
        line-height:90px;
        margin-bottom:0;
    }
    .copyright {
        padding:5%;
    }
}

@media only screen and (max-width:320px) {
    #oper_policy textarea {
        color:#333;
        font-size:12.5px;
        padding:2%;
    }
}
/* 운영정책 - responsive 끝 */
/* 맞춤형 광고 안내 - responsive 끝 */


/* 고객지원홈 - home.html */
.support_home{padding:0;}
#recent_board{padding:60px 0;border:none}
#recent_board .cont_box{padding-right:30px;border-right:1px solid #eee}
#recent_board .blog-post-item{overflow:hidden;padding-bottom:0;border-bottom:0 none}
#recent_board .blog-post-item a{overflow:hidden;display:block;width:219px;height:129px;}
#recent_board .blog-post-item a img{width:100%;}
#recent_board .blog-post-item h4{margin:0;padding:15px 0 10px}
#recent_board .blog-post-item h4 a{display:block;overflow:hidden;width:98%;height:auto;font-size:16px;font-weight:400;line-height:30px;white-space:nowrap;text-overflow:ellipsis}
#recent_board .blog-post-item .txt{overflow:hidden;height:75px;margin-bottom:50px;font-size:13px}
#recent_board .blog-post-item .btn{float:right;width:100px;height:30px;padding:0;font-size:11px;line-height:25px}
#recent_board .blog-post-item .btn-revea{padding-left:10px;padding-right:10px}
#recent_board .blog-post-item .fa{line-height:28px}

#recent_notice{padding:60px 0;border-bottom:none}
#recent_notice h3{margin-bottom:10px;font-size:16px;font-weight:600}
#recent_notice ul{border-top:1px solid #ddd}
#recent_notice ul li{padding:8px 0;border-bottom:1px solid #ddd}
#recent_notice ul li a{display:block;overflow:hidden;width:100%;font-size:13px;color:#333}
#recent_notice ul li a .tit{display:block;overflow:hidden;float:left;width:80%;white-space:nowrap;text-overflow:ellipsis}
#recent_notice ul li a .date{float:right}

	/* home-responsive */
	@media only screen and (max-width: 1215px){
	#recent_notice ul li a .tit{width:75%}

	}
	@media only screen and (max-width: 992px){
	#recent_board .blog-post-item h4{padding:15px 0;font-size:16px;font-weight:600}
	#recent_board .blog-post-item a{width:100%;}
	#recent_notice ul li a{font-size:12px}
	#recent_notice ul li a .tit{width:70%}

	}
	@media only screen and (max-width: 768px){
	#recent_board{padding-bottom:0;border-bottom:0 none}
	#recent_board .cont_box{padding-right:0;border-right:0 none}
	#recent_board .blog-post-item{margin-bottom:50px}
	#recent_board .blog-post-item .txt{height:70px;font-size:13px}
	#recent_notice{padding-top:30px}

	}
	@media only screen and (max-width: 540px){
	#recent_board .blog-post-item .txt{height:67px}

	}
	@media only screen and (max-width: 480px){
	#recent_board .blog-post-item h4{padding-bottom:10px}
	#recent_board .blog-post-item{float:none;width:100%}
	#recent_board .blog-post-item a{width:100%;height:auto;}
	#recent_board .blog-post-item .txt{height:69px;font-size:13px}
	#recent_notice ul li a{font-size:13px}
	#recent_notice ul li a .tit{width:75%}

	}
	@media only screen and (max-width: 320px){

	}
	/* //home-responsive */

/* 정보플레이스 - info.html */
#info_place{padding:60px 0}
#info_place .blog-post-item{overflow:hidden;padding-bottom:0;}
#info_place .blog-post-item a{overflow:hidden;display:block;width:263px;}
#info_place .blog-post-item a img{width:100%;}
#info_place .blog-post-item h4{margin:0;padding:20px 0 15px}
#info_place .blog-post-item h4 a{display:block;overflow:hidden;width:98%;height:auto;font-size:16px;font-weight:400;line-height:30px;white-space:nowrap;text-overflow:ellipsis}
#info_place .blog-post-item .txt{overflow:hidden;height:75px;margin-bottom:50px;font-size:13px}
#info_place .blog-post-item .btn{float:right;width:100px;height:30px;padding:0;font-size:11px;line-height:25px}
#info_place .blog-post-item .btn-reveal{padding-left:10px;padding-right:10px}
#info_place .blog-post-item .fa{line-height:28px}
#info_place .pager_box{margin-bottom:60px;text-align:center}
#info_place .cont_box .blog-post-item{padding-bottom:60px}
#info_place .cont_box .blog-post-item2{padding-bottom:30px}

/* 정보플레이스 글보기 - info_view.html */
#board_view{padding:60px 0}
#board_view .board_tit{overflow:hidden;padding:0 10px}
#board_view .board_tit h3{overflow:hidden;float:left;width:90%;font-size:16px;font-weight:500;line-height:30px;white-space:nowrap;text-overflow:ellipsis}
#board_view .board_tit .date{float:right;display:block;padding-top:9px;font-size:13px;font-weight:normal;color:#777}
#board_view .board_cont{overflow:hidden;margin-bottom:20px;padding:20px 10px 60px;border-bottom:1px solid #ddd;font-size:14px;line-height:20px;color:#333}
#board_view .board_cont img{max-width:100%}
#board_view .container{overflow:hidden}
#board_view .pager li>a{margin-left:5px;padding:5px 12px;border:1px solid#179bd7;border-radius:0;background:#179bd7;font-size:13px;color:#fff}
#board_view .pager li>a:hover{padding:5px 12px;border:1px solid#478cc7;background:#478cc7;color:#fff}

	/* info, info_view -responsive */
	@media only screen and (max-width: 1215px){
	#info_place .blog-post-item a{width:100%;}

	}
	@media only screen and (max-width: 992px){
	#info_place .pagination li a{padding:4px 9px;font-size:12px}

	}
	@media only screen and (max-width: 768px){
	#info_place .pager_box{margin:60px 0}
	#info_place .blog-post-item .txt{height:70px;font-size:13px}
	#board_view .board_tit{padding:0;}
	#board_view .board_tit h3{width:80%}
	#board_view .board_cont{padding:20px 0 60px;}
	
	}
	@media only screen and (max-width: 540px){
	#info_place .blog-post-item .txt{height:67px}

	}
	@media only screen and (max-width: 480px){
	#info_place .blog-post-item h4{padding-bottom:10px}
	#info_place .blog-post-item{float:none;width:100%}
	#info_place .blog-post-item a{width:100%;height:auto;}
	#info_place .blog-post-item .txt{height:69px;font-size:13px}
	#board_view .board_tit h3{width:100%;line-height:20px;white-space:normal;text-overflow:normal;}
	#board_view .board_cont{font-size:13px}

	}
	@media only screen and (max-width: 320px){

	}
	/* //info-responsive */

/* FAQ - support_faq.html */
#faq{padding:60px 0}
#faq .nav{margin-bottom:20px}
#faq .nav li{font-size:16px}
#faq div.toggle > label{font-size:14px;line-height:20px}
#faq div.toggle > label span{margin-right:13px}
#faq div.toggle > label span img{vertical-align:text-top}
#faq .toggle.toggle-transparent .toggle.active label{font-weight:400}
#faq .toggle .toggle-content{position:relative;padding-left:54px}
#faq .toggle .toggle-content span{display:block;position:absolute;top:20px;left:20px}
#faq .toggle .toggle-content p{padding-bottom:30px;padding-top:5px;line-height:22px}

/* 운영정책 - support_policy.html */
		/* FAQ,운영정책-responsive */
		@media only screen and (max-width: 1215px){

		}
		@media only screen and (max-width: 992px){
		/*#oper_policy .container{width:750px}*/

		}
		@media only screen and (max-width: 768px){
		#faq div.toggle > label{overflow:hidden;padding:10px 20px 10px 10px;font-size:13px;line-height:22px}
		#faq div.toggle > label span{display:block;float:left;width:16px;height:16px;margin-right:5px}
		#faq div.toggle > label span img{width:100%}
		#faq div.toggle > label:before{right:7px}
		#faq .toggle .toggle-content{padding:15px 10px 15px 32px}
		#faq .toggle .toggle-content span{left:10px;width:16px;height:16px}
		#faq .toggle .toggle-content span img{width:100%}
		#faq .toggle .toggle-content p{font-size:13px}
		/*#oper_policy .container{width:100%}*/

		}
		@media only screen and (max-width: 549px){
		#faq .nav{background:none}
		#faq .nav li{float:left;width:33.3%;margin-left:0;margin-top:3px;background:rgba(0,0,0,0.02);font-size:12px;text-align:center}
		#faq .nav li a{padding:8px 10px}
		#faq .nav-pills>li>a{margin-bottom:0;letter-spacing:-.5px}
		#faq div.toggle > label span{margin-top:3px;}
		/*#oper_policy textarea{height:160px}*/

		}
		@media only screen and (max-width: 320px){

		}
		/* //FAQ,운영정책-responsive */

/* 공지사항 - support_notice.html */
#notice_board{padding:60px 0;border-bottom:none}
#notice_board table{width:100%}
#notice_board table th,#notice_board table td{padding:10px 0;border-bottom:1px solid #ddd;font-weight:normal;text-align:center}
#notice_board thead th{border-bottom:2px solid #ddd}
#notice_board tbody td.tit{text-align:left}
#notice_board .cont_box{padding-right:30px;border-right:1px solid #eee}
#notice_board .pager_box{margin-bottom:60px;text-align:center}

#contact_ibox{padding:60px 0;border-bottom:none}
#contact_ibox .map{margin-bottom:20px}
#contact_ibox h3{margin-bottom:20px;font-size:16px;font-weight:600}
#contact_ibox .c_info{font-size:13px;color:#666}
#contact_ibox .c_info li{margin-bottom:10px;color:#666}
#contact_ibox .c_info span{padding-right:5px;color:#666}
#contact_ibox .c_info dl dt{height:40px;font-size:14px;font-weight:600;line-height:35px}

/* 공지사항 글보기 - support_notice.html */

	/* notice, notice_view-responsive */
	@media only screen and (max-width: 1215px){

	}
	@media only screen and (max-width: 992px){
	#notice_board table th,#notice_board table td{font-size:13px}
	#notice_board .pagination li a{padding:4px 9px;font-size:12px}

	}
	@media only screen and (max-width: 768px){
	#notice_board .cont_box{padding-right:0;border-right:0 none}
	#notice_board .pager_box{margin:40px 0 0}
	#notice_board table tbody th{width:12%}
	#contact_ibox{padding-top:0}
	#contact_ibox .c_info{font-size:14px}
	.notice_view #contact_ibox{padding:60px 0}

	}
	@media only screen and (max-width: 480px){
	#notice_board table tbody th{width:20%}
	#contact_ibox .c_info{font-size:13px}

	}
	@media only screen and (max-width: 320px){

	}
	/* //notice, notice_view-responsive */




	/* mobile tab */
	.swiper-container { width:100%; height:38px; margin:20px auto; }
    .swiper-slide { text-align:center; font-size:12px; font-weight:400; color:#111; border-bottom:1px solid #ddd; background:#f7f7f7;
        
		/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide a { font-weight:400; color:#111; }
	.swiper-slide.active { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #fff; background:#fff; }
	.swiper-slide.active a { font-weight:400; color:#337ab7; }
	
	.swiper-slide:nth-child(1) { width:25%; }
    .swiper-slide:nth-child(2) { width:27%; }
    .swiper-slide:nth-child(3) { width:14%; }
    .swiper-slide:nth-child(4) { width:21%; }
    .swiper-slide:nth-child(5) { width:21%; }
    .swiper-slide:nth-child(6) { width:33%; }