@charset "utf-8";

/* =================================================
	* Fonts
================================================= */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);




/* =================================================
	* Reset
================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
pre{white-space: pre-wrap;}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
button {
    border: 0;
    background: none;
    cursor: pointer;
}
input{
    border-radius: 0;
}


/* =================================================
	* Common
================================================= */
body{ font-family:'Nanum Gothic', sans-serif;font-size:12px;line-height:1.5;}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.bold{font-weight:bold;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
*{word-break:keep-all;word-wrap: break-word;outline: none;box-sizing: border-box;-webkit-overflow-scrolling: touch;}
input,
textarea,
select{font-family: 'Nanum Gothic', sans-serif;}
input[type="text"],
input[type="password"],
textarea,
button{-webkit-appearance:none;-webkit-border-radius:0;}


input,select {border-radius:3px;border: 1px solid #ccc;background: #fff;padding:5px;margin: 2px 0;}
.text_point {color:#00bdad !important;}
.bg_point {background:#00bdad !important;}
.bg_black{background: #333;color:#fff;border-radius: 3px;padding:0 3px;}
.text_gray {color:#ccc}
.text_red {color:red}
.text_white {color:#fff}
.text_bold {font-weight:bold;}
.btn_blue{background:#109ad7 !important;color:#fff !important;font-weight:bold;padding:5px 10px;border-radius:5px;}
.btn_black{background:#000 !important;color:#fff;font-weight:bold;padding:5px 10px;border-radius:5px;text-decoration: none !important;}
.btn_gray{text-decoration: none !important;;display:inline-block;padding:10px 15px;background:#ccc;border:0;border-radius:8px;color:#fff;font-weight:bold;}
.btn_gray:hover{background: #aaa;}
.btn_box{text-decoration: none !important;;display:inline-block;padding:10px 15px;border:1px solid #ddd;border-radius:8px;color:#666;font-weight:bold;}
.btn_gray_s{;padding:5px 8px !important;font-size:11px;background:#333;border:0;border-radius:2px;color:#fff;font-weight:bold;text-decoration: none !important;}
.btn_gray_menu{padding:10px 15px !important; background:#333;border:0;border-radius:2px;color:#fff;font-weight:bold;text-decoration: none !important;width:150px;text-align: center;display:inline-block;margin: 0 10px 10px 0;}
.line {border-bottom: 1px solid #ddd;}
.long_input {width:100%;padding:8px;box-sizing: border-box;border-radius:3px; background: #fff;line-height: 20px;border:0;}
.long_textarea {height:500px;width:100%;padding:6px;box-sizing: border-box;border-radius:3px; background: #fff; border: 1px solid #ccc;}
.number {padding:20px;box-sizing: border-box;text-align: center;margin:0 auto;}
.number a {display: inline-block;padding:5px 10px;border:1px solid #aaa; background: #fff;color:#999;border-radius:5px;margin:2px;}
.number a.active {color:#fff;background: #333333;border:0 !important;}
.input_list_1st{width:200px;}

.btn_basic{border: 1px solid #ddd;border-radius: 5px;}
.btn_100_y{width:100%;display:inline-block;line-height:40px;font-size:20px;background: #eee94b;border-radius: 5px;text-align: center;padding: 10px;font-weight:bold;}
.btn_100_point{width:100%;display:inline-block;line-height:40px;font-size:20px;background: #744cad;color:#fff;border-radius: 5px;text-align: center;padding: 10px;font-weight:bold;}

.line{width:100%;border-bottom:1px solid #ddd;margin:20px 0;}

.point_font{font-family: 'Abel', sans-serif;}
.point_font2{font-family: 'Montserrat', sans-serif;}

.subtit{font-size:40px;font-weight: bold;width:100%;text-align: center;font-family: 'Montserrat', sans-serif;margin:50px 0;}
.section_desc{font-size:18px;width:100%;text-align: center;padding-bottom: 20px;}
.line_wide{width:100%;border-top:1px solid #000;}

/* Layout */
.wrap{width:100%;max-width:1200px;;margin:0 auto;padding:20px;position:relative;}
.tap_area{z-index:100;width:calc(100% - 40px);max-width:760px;position: fixed;top:0px;padding-top:20px;background: #fff;border-bottom: 2px solid #333;}
.tap_area .logo {display:inline-block;}
.tap_area .logo img{width:100px;}
.tap_area .top_menu{float:right;padding:10px 0;}
.tap_area .top_menu a{display:inline-block;padding:5px 10px;margin-left:5px;}

footer{margin:30px 0 100px;color:#aaa;width:100%; padding:10px 0;text-align:center;}





/* madifusion */
.top_area img{width:200px;}
.section_wrap{padding:10px;}
.section_wrap a{text-decoration: underline;}
.section_wrap .tit {background: #333;color:#fff;font-size:14px;padding:10px 15px;display:inline-block;margin:10px 0;}
.section_wrap .box_wrap{border:1px solid #ddd;padding:10px;margin:10px 0;}
.section_wrap .box_wrap img{width:200px;}
.section_wrap .box_wrap .line_wrap{display:block;border-bottom: 1px solid #ddd;}
.section_wrap .box_wrap .line_wrap:last-child{border-bottom:0;}
.section_wrap .box_wrap .line_wrap .sub_tit{display:inline-block;width:100px;padding:10px;vertical-align: top;}
.section_wrap .box_wrap .line_wrap .sub_tit .noti{background: red;padding:2px 5px;border-radius: 100px;color:#fff;}
.section_wrap .box_wrap .line_wrap .desc{display:inline-block;padding:10px;width:calc(100% - 105px);}
.section_wrap .box_wrap .line_wrap .desc a{display: inline-block;}
.section_wrap .box_wrap .line_wrap .desc ul>li{list-style-type:disc;}
.section_wrap .box_wrap .link_wrap{margin:10px 0;}

/* main */
.main_wrap{width:100%;}
.main_wrap img{width:100%;margin:-5px 0;}


/* user */
.user_wrap{width:100%;max-width: 640px;margin:70px auto 10px;}
.user_wrap .sns_login {text-align: center;}
.user_wrap .sns_login .btn_sns_login{display:inline-block;text-align:center;width:100%;line-height: 100px;background: #744cad;color:#fff;font-weight: bold;font-size:20px;border-radius: 100px 100px 0 100px;}
.user_wrap .sns_login span{display: inline-block;margin:50px auto 20px;background: #333;width:50px;height: 3px;}
.user_wrap .id_login .sub_tit{font-size:20px; text-align:center;margin:15px 0; }
.user_wrap .id_login .line_bg{background: url(../img/line_bgimg.png);height:5px;width:100%;background-size:100%;}
.input_box {margin:10px 0;}
.input_box p{font-size:16px;width:100%;}
.input_box input,.input_box select{width:100%;padding:15px;border:1px solid #ddd;border-radius: 5px;font-size:20px;height: auto;}
.input_box span{color:#999;}
.user_wrap .id_login a{width:100%;font-size:20px;display:inline-block;text-align: center;margin:10px 0;}
.user_info{padding: 10px 0;}
.user_info p{border-bottom:1px solid #ddd;padding:10px 0;font-size:14px;color:#999;}
.user_info p:first-child{font-size:18px;color:#333;}
.user_info p span{font-weight:bold;display:inline-block;width:100px;}

.check_box{position:relative;padding:10px 0;}
.check_box img{float: left;}
.check_box span{font-size:14px;padding:8px 10px;display:inline-block;color:#333;}
.check_box a{width:auto !important;float:right;padding:5px 10px;margin:0 !important;}


/* popup */
.pop_area{position:fixed;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 100;display:none;}
.pop_area .pop_box {width:calc(100% - 40px);max-width:600px;background: #fff;position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px;}
.pop_area .pop_box .pop_top {padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.pop_area .pop_box .pop_top p{display:inline-block;font-size:20px;}
.pop_area .pop_box .pop_top a {float:right;padding:5px 10px;}
.pop_area .pop_box .pop_top a img{width:20px}
.pop_area .pop_box .content {width:100%;height:380px;overflow-y: scroll;font-size:16px;margin-bottom: 20px;}
.pop_area .pop_box .pop_btn{width:100%;}
.pop_area .pop_box .pop_btn a{display:inline-block;border-radius: 5px;padding:10px;font-size:20px;text-align:center;}
.pop_area .pop_box .pop_btn .btn_close{width:calc(30% - 2px); background: #ddd;}
.pop_area .pop_box .pop_btn .btn_confirm{width:calc(70% - 2px);background:#744cad;color:#fff;}

/* mo menu */
.mo_bottom_menu{width:100%;background: #fff;position: fixed;bottom:0;border-top:1px solid #ddd;left:0;display:none;z-index:100;}
.mo_bottom_menu a{width:49%;display: inline-block;line-height: 80px;font-size:18px;font-weight:bold;text-align:center;}
.mo_bottom_menu .on_menu {margin-bottom:30px;display:none;width:100%;}
.mo_bottom_menu .on_menu a{width:100%;display:inline-block;text-align:center;}
.mo_bottom_menu .on_menu .menu_down {line-height: 30px;margin-bottom:20px;}
.mo_bottom_menu .on_menu .menu_down img{width:50px;}

.display_on{display:inline-block !important;}

/* checkbox */
input[type="checkbox"].term_check {display: none;}
input[type="checkbox"].term_check + label {display: inline-block;vertical-align: top;width: 40px;height: 40px;background-image: url('../img/bg-checkbox.png');background-size: contain;}
input[type="checkbox"].term_check:checked + label {background-image: url('../img/bg-checkbox-checked.png');background-size: contain;}
.id_login .check_box > span {cursor: pointer;}

/* 800px mobile */
@media screen and (max-width: 800px){
    .tap_area .top_menu{display:none;}
    .mo_bottom_menu {display:inline-block}
    
    .section_wrap .box_wrap .line_wrap .desc.w100{width:100%;}
    .section_wrap .box_wrap .line_wrap .desc.w100 .btn_gray_menu{width:calc(50% - 8px);padding:10px 5px !important;}
    .section_wrap .box_wrap .line_wrap .desc.w100 .btn_gray_menu:nth-child(even) {margin:0 0 10px 0;}
}