@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*{-webkit-text-size-adjust:none}
*, :after, :before, ::after, ::before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} 
/*컬러조정*/
:root {--pt-color:#0f559d;--pt-color2:#01b4ed;--pt-color3:#002d61}
html {width:100%; height:100%;font-size:62.5%;scroll-behavior:auto;}
html::-webkit-scrollbar {width:8px;background:#f7f7f7}
html::-webkit-scrollbar-thumb {background-color:#222;border-radius:1rem;}

body {width:100%; height:100%;overflow-x:hidden; overflow-y:scroll; font-size:1.6rem; color:#333; font-family:'Pretendard','Poppins';}
h1, h2, h3, h4, h5, h6, input, button, textarea, select {font-weight:normal;font-family:'Pretendard'}

html, body, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
label, input, select, button, img {margin:0; padding:0; vertical-align:middle;}
button, img {background:none; border:0; border-radius:0;} 
div, p {margin:0; padding:0;}
ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none;}
table, thead, tbody, tfoot, tr, th, td {margin:0; padding:0;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
th {font-weight:500;}
table caption {width:0;	height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
address {font-style:normal;}
/* a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);} */
a, a:hover, a:link, a:visited, a:active {text-decoration:none; color:#666; cursor:pointer;}
video, audio, object, embed {width:100%; height:auto;}

/* input style */
input[type=button], input[type=reset], input[type=submit], input[type=search], input[type=text], input[type=password], input[type=tel], input[type=email], textarea{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;border-radius:0;outline:none;}

/* input box color 파란색 배경 없애기 */
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px #fff inset; -webkit-text-fill-color:#000;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}

/* 크롬에서 커서 클릭시 파란색 테두리 제외*/
input:focus, textarea:focus, button:focus {outline:none;} 
a:focus-visible{outline:1px dashed var(--pt-color);}

/* input_search IE X버튼 삭제 */
input::-ms-clear, input::-ms-reveal {width:0; height:0; display:none;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {-webkit-appearance:none; display:none;}

/* input radio, checkbox */
input[type=radio], input[type=checkbox] {display:inline-block; width:1.6rem; height:1.6rem; margin-right:0.2rem; outline:none; vertical-align:-0.2rem;}

/* select custom */
select {width:100%;	height:4rem; padding:0.8rem 1rem; border:1px solid #d4d4d4;background:#fff url('/common/img/icon/arrow.png') no-repeat calc(100% - 1rem) 50%;font-size:inherit; color:#666;
-webkit-appearance:none; /* 크롬 화살표 없애기 */
-moz-appearance:none; /* 파이어폭스 화살표 없애기 */
appearance:none /* 화살표 없애기 */
}
select::-ms-expand {display:none;}

/* 브라우저별 placeholder 처리 */
::-webkit-input-placeholder {font-size:inherit; color:#a1a1a1;} /* Chrome/Opera/Safari */
::-moz-placeholder {font-size:inherit; color:#a1a1a1;}  /* Firefox 19+ */
::-ms-input-placeholder {font-size:inherit; color:#a1a1a1;} /* IE 10+ */
:-moz-placeholder {font-size:inherit; color:#a1a1a1;} /* Firefox 18- */
input::-webkit-input-placeholder {font-size:inherit; color:#a1a1a1;}
input:-ms-input-placeholder {font-size:inherit; color:#a1a1a1;} /* IE */
input::placeholder {font-size:inherit; color:#a1a1a1;opacity:1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
textarea:-ms-input-placeholder{font-size:inherit; color:#a1a1a1;}
textarea::placeholder {font-size:inherit; color:#a1a1a1;}

/* ############################################ Common ############################################ */
.input_search {height:3.5rem;width:29rem;border:0;background:none;font-size:inherit;color:rgb(65, 65, 65);}
/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {display:inline-block !important;width:1px !important;height:1px !important;margin:0 !important;font-size:0 !important;line-height:0 !important;position:absolute;top:0;left:0;overflow:hidden;}
/* 바로가기 */
#accessibilityMenu {font-size:0;line-height:0;visibility:hidden;position:absolute;overflow:hidden;}
/* Common */
.line_bg {height:0.2rem;background-color:#f5f5f5;}
.img_bor {border:1px solid #ddd;}
.selectBox {padding:.8em .5em;border:1px solid #ccc;font-family:inherit;border-radius:0px;appearance:none;}

/* 자동등록방지 input.skin.php, com.head.skin.php */
/* 보안문자 입력 kcaptcha */
.spamCheck {padding:1rem 0;}
.kcaptcha_image {width:13rem;height:auto;margin-top:1rem;object-fit:cover;}
button.captchaReolad {width:4rem;height:4rem;margin:1rem 0.5rem;padding:0.8rem;border:1px solid #ddd;border-radius:0.3rem;background:#fff;font-size:0;color:#fff;text-align:center;position:relative;}
button.captchaReolad:after {content:'';width:1.8rem;height:1.8rem;background:url('/common/img/icon/rotate-cw.svg') no-repeat;background-size:contain;position:absolute;left:50%;top:50%;    transform:translate(-50%,-50%);filter:invert(30%);}	
input.captchainput {width:15rem;height:4rem;padding:0.8rem 1rem;border:1px solid #d4d4d4;background-color:#fff;font-size:1.8rem;}
input.captchainput::placeholder {font-size:1.5rem;color:#999;visibility:visible;transform:translate(0.3rem, -0.1rem);transition:0.35s;}
input.captchainput:-ms-input-placeholder {  /* IE */font-size:1.5rem;color:#a1a1a1;} 
input.captchainput:focus::placeholder {opacity:0;visibility:hidden;}

/* 개인정보보호 recaptcha */
.recaptcha {padding:1rem 0;}

/* 게시판 페이징 */
.page_num {width:100%;padding-top:1.5rem;text-align:center;position:relative;}
ul.pagination {display:inline-block;padding:0;margin:0;clear:both;}
ul.pagination li {display:inline;}
ul.pagination li a {margin-left:-1px;text-decoration:none;border:1px solid #E5E5E5;color:#666;float:left;}
ul.pagination li a.page_page, ul.pagination li a.page_current {display:inline-block;background:#fff;font-size:inherit;}
ul.pagination li a.page_page {min-width:3rem;height:3rem;padding:0.2rem 0.4rem;line-height:3rem;background:#FFF;color:#737373;}
ul.pagination li a.page_page:hover {border:1px solid #666;position:relative;z-index:11;}
ul.pagination li a.page_current {display:inline-block;min-width:3rem;height:3rem;line-height:3rem;padding:0.2rem 0.4rem;border:1px solid #000; font-weight:400;color:#fff;position:relative; z-index:11; background:#000;}
ul.pagination li a.page_first {background:#fff url('/common/img/icon/chevrons-left.svg') no-repeat 50% 50%;padding:0.2rem 0.4rem;border:1px solid #e5e5e5;}
ul.pagination li a.page_prev  {background:#fff url('/common/img/icon/chevron-left.svg') no-repeat 50% 50%;padding:0.2rem 0.4rem;border:1px solid #e5e5e5;}
ul.pagination li a.page_next {background:#fff url('/common/img/icon/chevron-right.svg') no-repeat 50% 50%;padding:0.2rem 0.4rem;border:1px solid #e5e5e5;}
ul.pagination li a.page_last {background:#fff url('/common/img/icon/chevrons-right.svg') no-repeat 50% 50%;padding:0.2rem 0.4rem;border:1px solid #e5e5e5;}

/** 에러페이지 **/
#error {width:50rem;margin-top:-20rem;margin-left:-30rem;padding:20rem 5rem 5rem 5rem;border:1px solid #ddd;box-shadow:0px 0.5rem 0 #f6f6f6;background:url('/img/warning_icon.gif') center 5rem no-repeat;text-align:center;position:absolute;top:49%;left:50%;} 
#error h1 {letter-spacing:-0.5px;color:#333}
#error h1 span {color:#cc141d;}
#error div {margin-top:3rem;padding-top:3rem;line-height:150%;border-top:1px dashed #ccc;font-size:1.8rem;letter-spacing:-0.5px;color:#666;}


/*인덱스에서만 작동*/
#fade_bg{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:9999;transition:all 1.3s}
#fade_bg.active{opacity:0;visibility:hidden}


/* 화면낭독기 사용자용 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:7.5rem;background:#333;font-weight:500;font-size:2.5rem;color:#fff;line-height:7.5rem;text-align:center;}

/*서브영역*/
.sub_container{max-width:150rem;width:100%;margin:10rem auto;padding:10rem 0}
.sub_container.full_cont{max-width:100%;margin-top:10rem;padding:0}



/*페이지 타이틀*/
.container_inner .page_info{margin-bottom:5rem;padding-bottom:2rem;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.container_inner .page_info .page_tit{font-size:2.5rem;font-weight:700;color:#333}
.container_inner .page_info .page_root{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 2rem}
.container_inner .page_info .page_root li{font-size:1.6rem;color:#999;position:relative}
.container_inner .page_info .page_root li:after {content:"\f105";position:absolute;right:-1.4rem;top:50%;transform:translateY(-56%);font-family:'fontawesome'}
.container_inner .page_info .page_root li:last-child{color:var(--pt-color)}
.container_inner .page_info .page_root li:last-child:after{display:none}

#idx_area{width:100%}

/*하단*/
#mkw_ft{background:#f7f7f7}
#mkw_ft .ft_inner{max-width:150rem;width:100%;margin:0 auto;padding:6rem 0;display:flex;flex-wrap:wrap}
#mkw_ft .ft_inner .ft_logo{width:26rem}
#mkw_ft .ft_inner .ft_info{width:calc(100% - 49rem);padding-right:2rem}
#mkw_ft .ft_inner .ft_info .info_link{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem 2rem}
#mkw_ft .ft_inner .ft_info .info_link li, #mkw_ft .ft_inner .ft_info .info_link li a{font-size:1.7rem;font-weight:500;color:#444;cursor:pointer;transition:all .3s}
#mkw_ft .ft_inner .ft_info .info_link li a{display:flex;flex-wrap:wrap;gap:.5rem}
#mkw_ft .ft_inner .ft_info .info_link li:hover, #mkw_ft .ft_inner .ft_info .info_link li a:hover{color:#222}
#mkw_ft .ft_inner .ft_info .info_txt{display:flex;flex-wrap:wrap;gap:.5rem 2rem}
#mkw_ft .ft_inner .ft_info .info_txt p{font-size:1.6rem;line-height:140%;color:#888;word-break:keep-all}
#mkw_ft .ft_inner .ft_info .info_txt p.full{width:100%;color:#555}

#mkw_ft .ft_inner .site_list_area{width:23rem} 
#mkw_ft .ft_inner .site_list_area .site_tit{margin-bottom:1.5rem;font-size:1.7rem;font-weight:500;color:#333}
#mkw_ft .ft_inner .site_list_area .site_box{width:100%;height:5rem;padding:0 2.3rem;border:1px solid #ddd;border-radius:.5rem;background:#fff;font-size:1.6rem;font-weight:500;text-align:left;line-height:5rem;color:#acacac;position:relative;cursor:pointer;font-family:'Poppins'}
#mkw_ft .ft_inner .site_list_area .site_box .arr{position:absolute;top:50%;right:2.3rem;transform:translateY(-50%);transition:all .3s}
#mkw_ft .ft_inner .site_list_area .site_box.on .arr{transform:translateY(-50%) rotate(-180deg)}

#mkw_ft .ft_inner .site_list_area .site_list{display:none;width:100%;padding:1rem 2rem;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);position:absolute;top:5rem;left:0;z-index:10}
#mkw_ft .ft_inner .site_list_area .site_list li{font-size:1.5rem;line-height:130%;color:#666;font-family:'Pretendard'}
#mkw_ft .ft_inner .site_list_area .site_list li + li{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #ddd}
#mkw_ft .ft_inner .site_list_area .site_list li a{display:block;font-weight:400;color:#666}
#mkw_ft .ft_inner .site_list_area .site_list li a:hover{color:#333}

#mkw_ft .copy_area{padding:1.5rem 2rem;border-top:1px solid rgba(0,0,0,.1)}
#mkw_ft .copy_area .inner{max-width:140rem;width:100%;margin:0 auto;font-size:1.5rem;color:#999;text-align:center;position:relative}
#mkw_ft .copy_area .link_btn{font-size:12px;color:rgba(255,255,255,.3);position:absolute;right:0;top:50%;transform:translateY(-50%)} 
#mkw_ft .copy_area .link_btn a{color:rgba(0,0,0,.2);}


/*개인정보취급방침*/
#privacy_new_box_wrap{position:fixed;top:0;left:0;display:none;width:100%;height:100%;z-index:-1}
#privacy_new_box_wrap .privacy_bg{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;}
#privacy_new_box_wrap.on{display:block;z-index:1000}
#privacy_new_box_wrap *{box-sizing:border-box}
#privacy_new_box_wrap .p_cont{width:100%;height:100%}
#privacy_new_box_wrap .privacy_new_box{max-width:70rem;width:calc(100% - 4rem);min-height:30rem;height:51%;padding:4rem;border-radius:1rem;position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%)}
#privacy_new_box_wrap .privacy_new_box #privacy_close_btn{position:absolute;right:4rem;top:4.2rem;cursor:pointer}
#privacy_new_box_wrap .privacy_new_box #privacy_close_btn img{width:2rem;}
#privacy_new_box_wrap .privacy_new_box .box_tit{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ddd;font-weight:500;font-size:2rem;color:#333;}
#privacy_new_box_wrap #privacy_cont{width:100% !important;height:calc(100% - 7rem);border:0 !important;padding:3rem;font-weight:400;font-size:14px;line-height:24px;color:#888;background:#f7f7f7}
#privacy_new_box_wrap #privacy_cont:focus{outline:none}
#privacy_new_box_wrap #privacy_cont:hover{border:0;box-shadow:none}

#loading_img{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000}
#loading_img #loading-image{width:12rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

#privacy_new_box_wrap .p_cont .price_cont_area{margin-bottom:2rem;width:100%;height:calc(100% - 7rem);padding:3rem 2rem;border:1px solid #ddd;overflow-y:auto}
#privacy_new_box_wrap .p_cont .price_cont_area .p_c_txt{margin-bottom:2rem;font-size:1.6rem;line-height:150%;text-align:center;word-break:keep-all;color:#666}
#privacy_new_box_wrap .p_cont .price_cont_area .p_c_txt p{margin-bottom:.5rem;font-size:2rem;font-weight:700;color:#333}
#privacy_new_box_wrap .p_cont .price_cont_area .price_tbl_area{width:100%;overflow-x:auto}
#privacy_new_box_wrap .p_cont .price_cont_area .price_tbl{min-width:50rem;width:100%;border-collapse: collapse}
#privacy_new_box_wrap .p_cont .price_cont_area .price_tbl th{padding:1rem;border:1px solid #b56063;background:var(--pt-color2);font-size:1.5rem;font-weight:700;color:#fff}
#privacy_new_box_wrap .p_cont .price_cont_area .price_tbl td{padding:1rem;border:1px solid #ddd;font-size:1.5rem;font-weight:500;color:#333;text-align:center}


/*상단이동*/
#top_btn{width:6rem;height:6rem;border-radius:50%;background:var(--pt-color);box-shadow:0 0 1rem rgba(0,0,0,.5);position:fixed;right:2rem;bottom:0;z-index:100;cursor:pointer;opacity:0;transition:all .3s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#top_btn.on{bottom:3rem;opacity:1}
#top_btn img{transition:all .3s}
#top_btn:hover img{margin-top:-1rem}

@media (max-width:1500px) {
/*서브영역*/
.sub_container{padding:10rem 2rem}

}
@media (max-width:1280px) {
	
html{font-size:61.2%}

/*서브영역*/
.sub_container{margin-top:8rem;padding:9rem 2rem}
.sub_container.full_cont{margin-top:8rem}

/*하단*/
#mkw_ft .ft_inner{padding:6rem 2rem}
#mkw_ft .ft_inner .ft_logo{width:22rem}
#mkw_ft .ft_inner .ft_logo img{width:16rem}
#mkw_ft .ft_inner .ft_info{width:calc(100% - 45rem)}
}
@media (max-width:1024px) {
html{font-size:59.9%}

/*서브영역*/
.sub_container{padding:8rem 2rem}

#mkw_ft .ft_inner{text-align:center;justify-content:center;gap:2rem}
#mkw_ft .ft_inner .ft_logo{width:100%}
#mkw_ft .ft_inner .ft_logo img{width:15rem}
#mkw_ft .ft_inner .ft_info{width:100%;padding:0}
#mkw_ft .ft_inner .ft_info .info_link{justify-content:center}
#mkw_ft .ft_inner .ft_info .info_txt{justify-content:center}
}
@media (max-width:767px) {
html{font-size:58.6%}

/*서브영역*/
.sub_container{margin-top:7rem;padding:7rem 2rem}
.sub_container.full_cont{margin-top:7rem}

/*하단*/
#mkw_ft .ft_inner{padding:5rem 2rem}
#mkw_ft .ft_inner .ft_logo img{width:14rem}
#mkw_ft .copy_area .link_btn{position:relative;right:auto;top:auto;transform:none}


/*개인정보취급방침*/
#privacy_new_box_wrap .privacy_new_box{height:80%;padding:4rem 2rem}
#privacy_new_box_wrap .privacy_new_box #privacy_close_btn{right:2rem}


}
@media (max-width:480px) {
html{font-size:57.3%}

/*서브영역*/
.sub_container{padding:6rem 2rem}

/*하단*/
#mkw_ft .ft_inner{padding:4rem 2rem}
#mkw_ft .ft_inner .ft_logo img{width:13rem}

}
@media (max-width:320px) {
html{font-size:56%}

/*서브영역*/
.sub_container{margin-top:6rem;padding:6rem 1.5rem}
.sub_container.full_cont{margin-top:6rem}
/*하단*/
#mkw_ft .ft_inner .ft_logo img{width:12rem}
}