@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*
font-family: 'Nanum Gothic', serif;			font-weight: 400 / 700 / 800;
font-family: 'Noto Sans KR', sans-serif;    font-weight: 400 / 700 / 800;
*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html, body { width:100%; height:100%; }
body, code { font-family:'Nanum Gothic',Helvetica,Arial,sans-serif; font-size:13px; line-height:1.5; color:#222; -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; }
code { background:none; display:block; }
ul, ol { list-style:none; }
img, fieldset{ border:0; }
img, video { max-width:100%; }
i, em, address { font-style:normal; font-weight:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#444; }
a:active { text-decoration:none; }
table { border-collapse:collapse; margin-top:10px}
caption { visibility:hidden; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0; }
th, td { border:1; line-height:1.5; vertical-align:middle; word-wrap:break-word; }
td a:hover {text-decoration:underline}
legend, hr, .blind { overflow:hidden; visibility:hidden; position:absolute; left:-120%; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; }
label { cursor:pointer; }
img, textarea, input, select { vertical-align:middle; }
textarea { resize:none; line-height:1.2em; }
button::-moz-focus-inner { padding:0; border:0; }
button { overflow:visible; border:0; padding:0; margin:0; cursor:pointer; vertical-align:middle; text-align:left; font-family:'Nanum Gothic',Helvetica,Arial; font-size:13px; line-height:1.2; color:#303030; outline:0; background:none; }

object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pointer {cursor:pointer;}
.history {padding-left:15px; font-size:13px; color:#999999; text-align:right; margin-right:10px;}
.topfr {float:right; margin-top:45px}
.table { border-collapse:collapse; }

/*INPUT*/
textarea {padding:8px;}
input {padding:0px 10px; height:30px; font-size:14px;}
input, img, select {vertical-align:middle;}
input, textarea {border:1px solid #999999;}
input.radio  {vertical-align:middle}
.input_login {padding:3px 10px; height:34px; font-size:20px;}
select {padding:0px 10px; height:31px; font-size:14px;}

/* ALIGN */
.top {vertical-align:top;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center; }
.marginauto {margin:auto;}

.subcontents {margin-top:40px;}

/* LINE */
.left_line {border-left:1px solid #dddddd;}
.dot_line {border-bottom:1px dotted #dddddd;}
.top_line {border-top:2px solid #6495ED;}
.top_line_red {border-top:2px solid #c60008;}
.top_line_gray {border-top:2px solid #222222;}
.top_line_gray2 {border-top:2px solid #cccccc;}

/* BOX */
#mainDiv { z-index:10; position:relative; margin:0 auto; display:table; width:1000px; height:100%; box-sizing:border-box; }
.main_imgbg {width:100%; height:450px; background-color:#eeeeee}
.box1 {border:1px solid #dddddd; padding:60px 45px; width:87%; margin-top:50px;}
.box2 {border:1px solid #dddddd; padding:30px; width:100%;}
.box3 {padding:20px; width:90%; margin:auto;}
.box4 {border:1px solid #dddddd; padding:10px 10px; width:97%;}
.box5 {border:1px solid #dddddd; margin-top:50px; margin-bottom:20px; padding:10px 10px; width:97%;}
.box_search {margin-top:10px; vertical-align:middle; padding:10px 10px;font-size:1rem;color:#222;font-weight:600;}
.table10 td {padding:10px;}

/* PADDING */
.pdd2 td {padding:2px;}
.pdd8 td {padding:8px 0;}
.pdd5 {padding-top:5px;}
.pdd15 {padding-top:15px;}
.pdd20 {padding-top:20px;}
.pddB25 {padding-bottom:25px;}
.pdd40 {padding:40px;}
.pddB5 {padding-bottom:5px;}
.pddB10 {padding-bottom:10px;}
.view {padding:15px; min-height:200px}
.view2 {padding:15px 0; }

/** BTTON **/
.btn_red {background-color:#c60008; color:#ffffff; font-weight:bold; padding:7px 15px; font-size:14px;}
.btn_red2 {background-color:#c60008; color:#ffffff; font-weight:bold; padding:7px 15px; font-size:13px; cursor:pointer;}
.btn_login {background-color:#31373C; color:#ffffff; font-weight:bold; padding:40px; height:100px; font-size:20px;}
.btn_gray {background-color:#999999; color:#ffffff; font-weight:bold; padding:9px 15px; font-size:13px;}
.btn_gray2 	{background-color:#999999; color:#ffffff; font-weight:bold; padding:9px 20px; font-size:13px;}
.btn_mn 	{background-color:#6495ED; color:#ffffff; font-weight:bold; padding:10px 20px 8px; font-size:13px; cursor:pointer;}
.btn_white {background-color:#ffffff; color:#666666; font-weight:bold; padding:7px 15px; border:1px solid #cccccc; font-size:12px;}
.btn_white2 {background-color:#ffffff; color:#666666; padding:6px 8px; border:1px solid #cccccc; font-size:13px; letter-spacing:-1px; cursor:pointer;}
.btn_white3 {background-color:#ffffff; color:#666666; padding:10px 19px 7px; border:1px solid #cccccc; font-size:13px; letter-spacing:-1px; cursor:pointer;}
.btn_white4 {background-color:#ffffff; color:#666666; padding:6px 19px 9px; border:1px solid #cccccc; font-size:13px; letter-spacing:-1px; cursor:pointer;}
.btn_big {background-color:#6495ED; color:#ffffff; font-weight:bold; padding:15px 40px; font-size:16px; cursor:pointer;}
.btn_top {background-color:#f7f7f7; color:#666666; font-weight:bold; padding:7px 15px 4px; border:1px solid #cccccc; font-size:12px;}

.h24 {height:30px;}

.mail:after { content:"@hanmail.net"; display:inline-block; }

#wrap { position:relative; min-width:1000px; min-height:100%; height:100%; padding:119px 0 138px; box-sizing:border-box; }
#header { position:absolute; top:0; left:0; z-index:50; padding:0 0 0; width:100%; height:120px; background:#fff; }
#header .topHead { margin:0 auto; width:1000px; height:77px; vertical-align:bottom;}
#header .topHead:after { display:block; content:""; clear:both; }
#header .topHead h1.logo { float:left; margin:24px 0; width:240px; }

#navigation { position:absolute; top:77px; width:100%; height:43px; background:rgba(65, 65, 65, 0.9); }
#navigation.open { height:243px; }
#navigation.fixed { position:fixed; top:0; }
#navigation .inner { border-bottom:1px solid #4f545f; background:#31373C; }
#navigation .inner > ul { margin:0 auto; width:1000px; background:#585e6a; }
#navigation .inner > ul:after { display:block; content:""; clear:both; }
#navigation .inner > ul > li { float:left; width:16.66%; height:42px; }
#navigation .inner > ul > li:hover button { padding:1px 0 0; color:#fff; background:#6495ED; }
#navigation .inner > ul > li > a { position:relative; display:block; width:100%; height:100%; text-align:center; font-size:16px; line-height:42px; color:#e7eaef; font-weight:bold; box-sizing:border-box; }
#navigation .inner > ul > li:hover > a { color:#fff; background:#6495ED; }
#navigation .inner > ul > li > ul { display:none; text-align:center; }
#navigation.open .inner > ul > li > ul { display:block; padding:10px 0 0; height:191px; }
#navigation .inner > ul > li:hover > ul { background:rgba(0, 0, 0, 0.5); }
#navigation .inner > ul > li:hover > ul a { color:#fff; }
#navigation .inner > ul > li > ul > li a { z-index:52; position:relative; display:block; padding:8px 15px; font-size:14px; line-height:1; color:#c4c8cd; }
#navigation .inner > ul > li > ul > li:hover a { position:relative; color:#6495ED; font-weight:bold; }
#navigation .inner > ul > li > ul > li > ul { display:none; }

/* container */
#container { z-index:10; position:relative; margin:0 auto; display:table; width:1000px; height:100%; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; box-sizing:border-box; }
#main_container { z-index:10; position:relative; margin:0 auto; display:table; width:1000px; box-sizing:border-box; }

/* snb */
#snb { display:table-cell; width:199px; vertical-align:top; }
#snb h2 { margin:0 -1px 0 -1px; padding:50px 1px 50px; height:22px; color:#fff; background:#6495ED; font-size:22px; text-align:center; }
#snb > ul { font-size:16px; }
#snb > ul > li { position:relative; border-bottom:1px solid #dcdcdc; }
#snb > ul > li a { position:relative; display:block; padding:18px 25px 18px 13px; color:#444; letter-spacing:-1px; }
#snb > ul > li.selected a,
#snb > ul > li a:hover{ color:#2d2e2f; font-weight:bold; background-image: url("/images/icon/right-arrow.png"); background-position: 90%; background-repeat: no-repeat; }
#snb > ul > li.selected > a:after,

/* contents_area */
#contents_area { display:table-cell; z-index:11; position:relative; padding:0 0 20px; height:100%; border-left:1px solid #d0d0d0; box-sizing:border-box; }

/* footer */
#footer { position:relative; z-index:20; width:100%; background:#20242b; }
#footer .inner { position:relative; margin:0 auto; width:1000px; color:#989a9e; }
#footer .inner:after { display:block; content:""; clear:both; }
#footer .inner > div { float:left; }
#footer .inner .corp { padding:49px 0 0 30px; width:200px; }
#footer .inner .corp h2 { margin:0 0 16px; }

#footer .inner .infoWrap { padding:0 0 25px; width:730px; line-height:1.8; }
#footer .inner .infoWrap strong { padding:0 10px 0 0; }
#footer .inner .infoWrap .util { float:left; }
#footer .inner .infoWrap .util { margin:0 0 10px; padding:10px 0; width:100%; border-bottom:1px solid #484848; }
#footer .inner .infoWrap .info { width:70%; font-size:11px; }

.footmenu {margin:0 0 10px; padding:10px 0; width:100%; border-bottom:1px solid #484848;}
.footmenu a {color:#ffffff; padding:0 20px}

.section { padding:30px 20px 0 20px; }
.mTitle { margin:0 0 0px; margin-bottom:30px;}
.mTitle h2 { line-height: 1; font-size: 30px; font-weight: 900; color: #648479; float: left; background: url(http://busanjudo.cdn3.cafe24.com/images/sub/icon_title.gif); background-repeat: no-repeat; background-size: 6px; background-position-x: left; background-position-y: center; padding-left: 15px; margin-bottom: 40px; }

.list th {color:#222222; padding:5px; height:40px; background-color:#f7f7f7; border-bottom:1px solid #dddddd; text-align:center; vertical-align:middle}
.list td {padding:16px 5px; border-bottom:1px solid #dddddd;}

.list2 th {color:#222222; padding:5px; height:20px; background-color:#f7f7f7; border-bottom:1px solid #dddddd; text-align:center; vertical-align:middle}
.list2 td {padding:6px 5px; border-bottom:1px solid #dddddd;}

.list3 th {color:#222222; padding:5px; height:40px; background-color:#f7f7f7; border:1px solid #dddddd; text-align:center; vertical-align:middle}
.list3 td {padding:6px 5px; border:1px solid #dddddd;}

.list4 th {color:#222222; padding:5px; height:50px; background-color:#f7f7f7; border:1px solid #dddddd; text-align:center; vertical-align:middle}
.list4 td {padding:16px 5px; height:50px; border:1px solid #dddddd;}

.rigth_border {border-right:1px solid #dddddd; font-weight:bold; color:#222}

.rigth_border2 {border-right:1px solid #dddddd; color:#222}

.page {text-align:center; margin-bottom:20px; vertical-align:middle;}
.page .other {display:inline-block; min-width:27px; height:25px; padding:10px; box-sizing:border-box;}
.page .now   {display:inline-block; min-width:27px; height:25px; box-sizing:border-box; font-size:13px; font-weight:bold; line-height:20px; text-decoration:none; display:inline-block; padding:0 5px; color:#f00 !important; background-color:#fff; border:1px solid #e5e5e5; }
.search {float:right;}
.upLoad_title {margin:5px 0 ;}
#mytable {line-height:1.5}

/*quickMenu*/
.quickMenu.inner{width:100%;}
.quickMenu ul li{display:inline-block;position:relative;width:100%;padding:0 20px;box-sizing:border-box;vertical-align:top;border-bottom:1px solid #e5e5e5;}
.quickMenu ul li a{display:block;height:100px;padding:20px 0;box-sizing:border-box;}
.quickMenu ul li span{display:inline-block;width:20%;margin-right:10px;vertical-align:middle;}
.quickMenu ul li div{display:inline-block;width:75%;vertical-align:middle;}
.quickMenu ul li h2{font-size:16px;}
.quickMenu ul li p{margin-top:5px;font-size:13px;}
.quickMenu ul li p br{display:none;}

.quickMenu ul{padding-left:20px;box-sizing:border-box;}
.quickMenu ul li{position:relative;width:24.7%;margin-right:13px;padding:0;border-bottom:0;border-right:0;}
.quickMenu ul li:after{content:"";display:block;position:absolute;top:29px;right:0;width:1px;height:54px;background:#e1e1e1;}
.quickMenu ul li:nth-child(2){margin-right:13px;}
.quickMenu ul li:nth-child(3){width:22%;}
.quickMenu ul li:last-child{width:22%;margin-right:0;}
.quickMenu ul li:last-child:after{display:none;}
.quickMenu ul li a{height:auto;padding:30px 0;}
.quickMenu ul li span{width:30%;margin-right:20px;}
.quickMenu ul li span:after{width:68px;height:68px;}
.quickMenu ul li div{width:58%;}
.quickMenu ul li h2{font-size:16px;}
.quickMenu ul li p br{display:block;}


.sec {width: 100%; }

.main_cutsom_wrap .tit_wrap {margin-top:0; margin-bottom:19px; } 
.main_cutsom_wrap .tit_wrap a.brn_more_plus {position:absolute;top:0;right:0;width:72px; height:26px; padding-top:6px; font-size:12px}
.main_cutsom_wrap .tit_wrap a.brn_more_plus .ico_plus {margin-left:5px;margin-top:3px;}

.main_cutsom_wrap .mbox_custom {float:left;width:31%; height:160px; margin-left:2%; padding:20px; border:solid 1px #e5e5e5; background:#f7f7f7} 
.main_cutsom_wrap .mbox_custom2 {float:left;width:21%; height:160px; margin-left:2%; padding:20px; border:solid 1px #e5e5e5; background:#f7f7f7} 
.main_cutsom_wrap .mbox_custom:first-child {margin-left:0;} 
.main_cutsom_wrap .mbox_custom .borad_list_con ul li {padding:12px 0 9px 0;}
.main_cutsom_wrap .mbox_custom .borad_list_con ul li a {width:260px;}

.main_cutsom_wrap .borad_list_con.borard_noti ul li {background-size:4px;padding:12px 0 9px 13px;}
.main_cutsom_wrap .borad_list_con.borard_noti ul li a {width:260px;} 
.main_cutsom_wrap .borad_list_con.borard_noti ul li span.date {margin-top:2px;}
.main_cutsom_wrap .borad_list_con.borard_faq ul li a {width:280px;} 
.main_cutsom_wrap .borad_list_con.borard_faq ul li span.cate {width:60px;margin-top:2px;}

/* Customer wrap */
.main_cutsom_wrap {margin-bottom:20px;}
.main_cutsom_wrap .sec {overflow:hidden}
.main_cutsom_wrap .tit_wrap h2 {display:inline-block;color:#000;} 
.main_cutsom_wrap .tit_wrap .brn_more_plus {vertical-align:top;position:relative;top:auto;display:inline-block;} 
.main_cutsom_wrap .mbox_custom .borad_list_con {width:100%;} 
.main_cutsom_wrap .mbox_custom .borad_list_con ul {} 
.main_cutsom_wrap .mbox_custom .borad_list_con ul li {padding:5px 0 4px 0;} 
.main_cutsom_wrap .mbox_custom .borad_list_con ul li a {width:260px;display:inline-block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} 

.main_cutsom_wrap .borad_list_con.borard_noti ul li {background-size:4px;padding:5px 0 5px 5px;} 
.main_cutsom_wrap .borad_list_con.borard_noti ul li a {width:200px;} 
.main_cutsom_wrap .borad_list_con.borard_noti ul li span.date {margin-top:2px;display:inline-block;float:right;color:#707070;} 
		
div {position:relative;}
		
/* 더보기 버튼 공통 */
a.brn_more_plus {display:block;width:100%;background:#fff;border:solid 1px #e5e5e5;text-align:center;line-height:1;box-sizing:border-box;color:#333 !important;}
a.brn_more_plus:hover {text-decoration:none;}
a.brn_more_plus .ico_plus {margin-left:5px;margin-top:3px;}


.offscreen {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    word-break: initial;
    word-wrap: initial;
}

/* 더보기버튼 공통 */
a.brn_more_plus {font-size:1.286em;}

.main_cutsom_wrap .tit_wrap h2 {font-size:1.8em}
.main_cutsom_wrap .mbox_custom .borad_list_con ul li span.date {font-size:11px;}
.main_cutsom_wrap .mbox_custom .borad_list_con ul li span.cate {font-size:11px;}
.main_cutsom_wrap .mbox_custom .service_info .call_num {font-size:3em;}
	
.txt_box{text-align:center}
.txt_box h4{font-size:2rem;color:#222;font-weight:700;margin:50px 0 30px}
.txt_box .info{font-size:1.5em;display:inline-block;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0}
.txt_box .info span{margin:0 20px}
.txt_box .info span strong{color:#222;margin-right:10px}

.winner {float:left;width:153px; height:70px; margin-left:10px; margin-bottom:20px; padding:10px; border:solid 1px #e5e5e5; background:#ffffff}
.winner div {height:70px}
.winner h4{font-size:1rem;color:#222;font-weight:700;}
.winner h5{font-size:0.7rem;color:#999;font-weight:300;}

.greeting {margin-top:1px; font-size:15px; line-height:2;color:#333; overflow: hidden; }
.greeting .greeting_img{ width: 170px; float: left; padding-top: 13px; }
.greeting .greeting_img img{ display: block; width: 100%; }
.greeting .greeting_text{ float: left; width: 530px; margin-left: 20px; }
.greeting .greeting_text h4{ font-size: 20px; letter-spacing: -2px; font-weight: 700; color: #02588b; }
.greeting .greeting_text p{ margin-bottom: 15px; font-size: 16px; letter-spacing: -1.5px; color: #333; line-height: 1.8; }
.greeting2 {margin-top:20px; font-size:13px; line-height:1.5;color:#222;}
.greeting2 h4{font-size:1.1rem;font-weight:600;color:#7c5327}


.club_greeting {margin-top:30px; font-size:15px; line-height:2;color:#333; }
.club_greeting h4{ font-size: 20px; letter-spacing: -2px; font-weight: 700; color: #02588b; }

.user_form {margin-top:55px; font-size:15px; line-height:1.5; }

.member{background-color:#dddddd;line-height:15px; height:40px}
.bodr_red{background-color:#ff0000; color:#ffffff; font-weight:bold}
.g12{background:#fff url(http://match4u.cdn3.cafe24.com/images/table/12.png); background-position: center; background-repeat:no-repeat;}
.g12_1{background:#fff url(http://match4u.cdn3.cafe24.com/images/table/12_1.png); background-position: center; background-repeat:no-repeat;}
.mem{color:#999999; font-size:11px}
.dept_s{font-size:10px; color:#95b959; }


.banner {width:100%;}
.banner div {float:left; width:100px; vertical-align:middle; text-align:center; margin-bottom:10px; padding:10px; border:solid 1px #e5e5e5; background:#ffffff}

.txtTit {font-size:20px;color:#7c5327;font-weight:600;letter-spacing:-.25px}
.result_name {color:#7c5327;}

a#MOVE_TOP_BTN { position: fixed; right: 2%; bottom: 150px; display: none; z-index: 999; border:solid 1px #333; padding:5px }


.table_org1 { width: 100%; }
.table_org { width: 100%; }
.table_org td { width: 60px; height: 80px;}
.table_org .td1 { width: 2px; border-right: solid 2px #333;}
.table_org .td2 { width: 2px;}
.table_org .h {background:#fff url(http://busanjudo.cdn3.cafe24.com/images/sub/h.png); background-position: center; background-repeat:repeat-x; }
.table_org .v {background:#fff url(http://busanjudo.cdn3.cafe24.com/images/sub/v.png); }

.btn_org{
    width:200px;
    background-color: #6495ED;
    border: none;
    color:#fff;
    padding: 25px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
}

.btn_org1{
    width:200px;
    height:45px;
    background-color: #f8585b;
    border: none;
    color:#fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
}

.btn_org2{
    width:200px;
    height:45px;
    background-color: #51b9d2;
    border: none;
    color:#fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}