@charset "utf-8";

/* XE ICON */
@import url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);

/* 스포카 한 산스 굵기 가이드 100(Thin), 300(Light), 400(Regular), 500(Medium), 700(Bold), 900(Black) */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css);


/* 기 본 공 통 영 역 */
*{ box-sizing: border-box; font-family: 'Noto Sans KR', Sans-serif; letter-spacing: -0.5px }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html{overflow-y:scroll}
html,body{height:100%}
body{background-color:#FFFFFF;background-color: #FFFFFF;color:#444444;}
img{ vertical-align: middle;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
table { width: 100%; border-collapse: collapse; }
a{text-decoration:none;color:#444444}
a:hover,a:active,a:focus{text-decoration:none}
hr{display:none}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
img,button{border:0}
label,button,a{cursor:pointer}
a:active{background-color:transparent}
.blind { display: none; }
.container { max-width:1080px; width: 100%; margin:0 auto; }

/* 사 이 드 퀵 메 뉴 */
.sub .quick { margin: 30px -685px 0px 0px; }
.quick { position: absolute; right: 50%; margin: 50px -760px 0px 0px; width: 200px; z-index: 100; }
.quick .title {  background-color:#6C7378; font-size: 14px; color:#FFFFFF; text-align: center; padding: 5px 10px; }
.quick ul { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
.quick li { text-align: center; border-bottom: 1px solid #DDDDDD; } 
.quick li img { width: 100%; }


/* 헤 더 영 역 */
#header { }
#header .top { border-bottom: 1px solid #DDDDDD; }
#header .top:after { display: block; content: ''; clear: both; }
#header .top .container { position: relative; }
#header .top .site {}
#header .top .site li { float: left; border-right: 1px solid #DDDDDD; }
#header .top .site li:first-child { border-left: 1px solid #DDDDDD; }
#header .top .site li a { display: block; font-size: 11px; color:#333333; line-height: 11px; padding: 10px 20px; }
#header .top .site li a.active { background-color: #6C7378; color:#FFFFFF; }
#header .top .user { position: absolute; top: 0px; right: 0px; }
#header .top .user li { position: relative; float: left; padding: 10px; }
#header .top .user li:after { display: block; content: ''; clear: both; background-color: #333333; width: 1px; height: 10px; position: absolute; top: 50%; right: 0px; margin-top: -5px; }
#header .top .user li:last-child:after { display: none; }
#header .top .user li a { display: block; font-size: 11px; color:#333333; line-height: 11px; }
#header .bottom { border-bottom: 1px solid #DDDDDD; }
#header .bottom:after { display: block; content: ''; clear: both; }
#header .bottom .container { position: relative; }
#header .bottom .logo { padding: 15px 0px; }
#header .bottom .logo a { display: block; width: 230px; height: 44px; background-image: url('../image/logo.png'); background-repeat: no-repeat; background-position: center; background-size: 230px 44px; text-indent: -9999px; }
#header .bottom .menu_bar { display: none; }
#header .bottom .menu { position: absolute; top: 0px; right: 0px; }
#header .bottom .menu ul:after { display: block; content: ''; clear: both; }
#header .bottom .menu li.depth1 { position: relative; float: left; }
#header .bottom .menu li.depth1 > a { display: block; font-size: 16px; font-weight: 500; height: 70px; line-height: 70px; padding: 0px 20px; }
#header .bottom .menu li.depth1 > a:hover,
#header .bottom .menu li.depth1 > a.active { color:#34B1C4; }
#header .bottom .menu li.depth1 > ul { display: none; display: none; width: 180px; position: absolute; top: 70px; left: 50%; background-color: #fff; text-align: left; padding: 0px 15px; border: 1px solid #ddd; margin-left: -90px; z-index: 100; }
#header .bottom .menu li.depth1:last-child > ul { left: inherit; right: 0px; }
#header .bottom .menu li.depth1:hover > ul,
#header .bottom .menu li.depth1.active > ul { display: block; }
#header .bottom .menu li.depth2 > a { display: block; font-size: 12px; font-weight: 500; padding: 15px 10px; border-bottom: 1px solid #DDDDDD; }
#header .bottom .menu li.depth2:last-child > a { border-bottom: 0px; }
#header .bottom .menu li.depth2 > a:hover,
#header .bottom .menu li.depth2 > a.active { color:#34B1C4; }

/* 컨 텐 츠 영 역 */
#content { }


/* 메 인 영 역 */
.main {  }
.main .visual { position: relative; }
.main .visual img { width: 100%; }
.main .visual .bx-pager { text-align: center; position: absolute; left: 0px; right: 0px; bottom: 30px; z-index: 60; }
.main .visual .bx-pager.bx-default-pager a { background-color: #fff; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.main .visual .bx-pager.bx-default-pager a:hover,
.main .visual .bx-pager.bx-default-pager a.active,
.main .visual .bx-pager.bx-default-pager a:focus { background-color: #6C7378; }
.main .visual .bx-pager-item,
.main .visual .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.main .visual .bx-pager-item { font-size: 0; line-height: 0; }
.main .section_1 { background-color: #F6F6F6; padding: 50px 0px; }
.main .section_1:after { display: block; content: ''; clear: both; }
.main .section_1 .login { float: left; width: 32%; padding: 20px; margin-right: 2%; background-color: #FFFFFF; border: 1px solid #DDDDDD; }
.main .section_1 .login .form { position: relative; margin-bottom: 5px; }
.main .section_1 .login .form:after { display: block; content: ''; clear: both; }
.main .section_1 .login .input { padding-right: 105px; }
.main .section_1 .login .id { margin-bottom: 5px; }
.main .section_1 .login input[type="text"],
.main .section_1 .login input[type="password"] { background-color:#F4F4F4; width: 100%; height: 40px; line-height: 40px; padding: 0px 10px; border: 1px solid #DDDDDD; }
.main .section_1 .login .button { position: absolute; top: 0px; right: 0px; width: 100px; height: 85px; }
.main .section_1 .login .button a { display: block; background-color: #6C7378; font-size: 16px; color:#FFFFFF; text-align: center; height: 85px; line-height: 85px; }
.main .section_1 .login .link ul:after { display: block; content: ''; clear: both; }
.main .section_1 .login .link li { float: left; margin-right: 10px; }
.main .section_1 .login .link li:last-child { margin-right: 0px; }
.main .section_1 .login .link li a { font-size: 12px; line-height: 12px; }
.main .section_1 .logout { float: left; display: table; width: 32%; padding: 20px; height: 150px; margin-right: 2%; background-color: #FFFFFF; border: 1px solid #DDDDDD; }
.main .section_1 .logout .box { display: table-cell; vertical-align: middle; }
.main .section_1 .logout .name { font-size: 20px; text-align: center; line-height: 24px; margin-bottom: 10px;}
.main .section_1 .logout .name span { font-size: 15px; line-height: 24px; margin-left: 10px; }
.main .section_1 .logout .link ul { font-size: 0px; text-align: center; }
.main .section_1 .logout .link ul:after { display: block; content: ''; clear: both; }
.main .section_1 .logout .link li { display: inline-block; margin-right: 10px; }
.main .section_1 .logout .link li:last-child { margin-right: 0px; }
.main .section_1 .logout .link li a { display: block; background-color: #666666; font-size: 12px; color:#FFFFFF; line-height: 12px; padding: 10px 20px; }

.main .section_1 .enter { float: left; width: 32%; display: table; height: 150px; margin-right: 2%; }
.main .section_1 .enter .box { display: table-cell; text-align: center; vertical-align: middle; }
.main .section_1 .enter .image { width: 60%; margin: 0px auto 10px auto; }
.main .section_1 .enter .image img { width: 100%; }
.main .section_1 .enter .button { margin-bottom: 10px; }
.main .section_1 .enter .button:last-child { margin-bottom: 0px; }
.main .section_1 .enter .button a { display: block; background-color: #333333; font-size: 20px; color: #FFFFFF; text-align: left; line-height: 70px; height: 70px; padding-left: 30px; border: 1px solid #DDDDDD; border-radius: 5px; }
.main .section_1 .enter .button.one a { background-color: #BB1426; color: #FFFFFF; background-image: url(../image/main/click_btn.png); background-position: center right 20px; background-repeat: no-repeat; background-size: 50px; }
.main .section_1 .enter .button.one a:hover { background-color: #BB1426; color:#FFFFFF; }
.main .section_1 .enter .button.two a { background-color: #0B56A4; color: #FFFFFF; background-image: url(../image/main/click_btn.png); background-position: center right 20px; background-repeat: no-repeat; background-size: 50px; }
.main .section_1 .enter .button.two a:hover { background-color: #0B56A4; color:#FFFFFF; }
.main .section_1 .sns { float: left; width: 32%; display: table; padding: 20px; height: 150px; background-color: #FFFFFF; border: 1px solid #DDDDDD; }
.main .section_1 .sns .box { display: table-cell; text-align: center; vertical-align: middle; }
.main .section_1 .sns .title { font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.main .section_1 .sns .list ul { font-size: 0px; }
.main .section_1 .sns .list li { display: inline-block; margin-right: 10px; }
.main .section_1 .sns .list li:last-child { margin-right: 0px; }
.main .section_1 .sns li a { display: block; width: 48px; height: 48px; border-radius: 10px; background-repeat: no-repeat; background-position: center; background-size: 48px; text-indent: -9999px; }
.main .section_1 .sns li.facebook a { background-image: url('../image/main/main_face.png'); }
.main .section_1 .sns li.instagram a { background-image: url('../image/main/main_insta.png'); }
.main .section_1 .sns li.naver a { background-image: url('../image/main/main_blog.png'); }
.main .section_2 { padding: 60px 0px; }
.main .section_2:after { display: block; content: ''; clear: both; }
.main .section_2 .board { float: left; width: 32%; margin-right: 2%; }
.main .section_2 .board:last-child { margin-right: 0px; }
.main .section_2 .board .title { position: relative; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px; }
.main .section_2 .board .title a { position: relative; display: block; font-size: 18px; color:#6C7378; font-weight: 700; padding-left: 40px; padding-bottom: 10px; }
.main .section_2 .board .title a:before { display: block; content: ''; clear: both; position: absolute; left: 0px; top: 0px; background-image: url('../image/main/board_icon.png'); background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; z-index: 2; }
.main .section_2 .board.one .title a:before {background-image: url('../image/main/board_icon_1.png'); background-size: 30px; }
.main .section_2 .board.two .title a:before {background-image: url('../image/main/board_icon_2.png'); background-size: 30px; }
.main .section_2 .board.three .title a:before {background-image: url('../image/main/board_icon_3.png'); background-size: 30px; }

.main .section_2 .board .title a:after { display: block; content: ''; clear: both; position: absolute; left: 0px; right: 0px; bottom: -1px; background-color: #6C7378; width: 35%; height: 1px; z-index: 2; }
.main .section_2 .board .title span { position: absolute; top: 0px; right: 0px; }
.main .section_2 .board .list li a { position: relative; display: block; padding-left: 15px; }
.main .section_2 .board .list li a:before { display: block; content: ''; clear: both; position: absolute; left: 0px; top: 50%; background-color: #999999; width: 4px; height: 4px; border-radius: 2px; margin-top: -2px; }
.main .section_2 .board .list li a:after { display: block; content: ''; clear: both; }
.main .section_2 .board .list li p { float: left; font-size: 16px; line-height: 32px; color: #333333; width: calc( 100% - 110px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main .section_2 .board .list li span { display: block; float: right; font-size: 13px; line-height: 32px; color: #b2b2b2; }
.main .section_3 { padding: 0px 0px 65px 0px; }
.main .section_3:after { display: block; content: ''; clear: both; }
.main .section_3 .gallery { float: left; width: 66%; margin-right: 2%; }
.main .section_3 .gallery .title { position: relative; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px; }
.main .section_3 .gallery .title a { position: relative; display: block; font-size: 18px; color:#6C7378; font-weight: 700; padding-left: 40px; padding-bottom: 10px; }
.main .section_3 .gallery .title a:before { display: block; content: ''; clear: both; position: absolute; left: 0px; top: 0px; background-image: url('../image/main/board_icon_4.png'); background-size: 30px; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; z-index: 2; }
.main .section_3 .gallery .title a:after { display: block; content: ''; clear: both; position: absolute; left: 0px; right: 0px; bottom: -1px; background-color: #6C7378; width: 35%; height: 1px; z-index: 2; }
.main .section_3 .gallery .title span { position: absolute; top: 0px; right: 0px; }
.main .section_3 .gallery .list li { float: left; width: 32%; margin-right: 2%; }
.main .section_3 .gallery .list li:last-child { margin-right: 0px; }
.main .section_3 .gallery .list .image { margin-bottom: 5px; }
.main .section_3 .gallery .list .image img { width: 100%; }
.main .section_3 .gallery .list .text { font-size: 14px; text-align: center; line-height: 18px; }
.main .section_3 .video { float: left; width: 32%; }
.main .section_3 .video .title { position: relative; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px; }
.main .section_3 .video .title a { position: relative; display: block; font-size: 18px; color:#6C7378; font-weight: 700; padding-left: 40px; padding-bottom: 10px; }
.main .section_3 .video .title a:before { display: block; content: ''; clear: both; position: absolute; left: 0px; top: 0px; background-image: url('../image/main/board_icon_5.png'); background-size: 30px; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; z-index: 2; }
.main .section_3 .video .title a:after { display: block; content: ''; clear: both; position: absolute; left: 0px; right: 0px; bottom: -1px; background-color: #6C7378; width: 35%; height: 1px; z-index: 2; }
.main .section_3 .video .title span { position: absolute; top: 0px; right: 0px; }
.main .section_3 .video .youtube { margin: 0; padding-bottom: 56.25%; max-width: 100%; height: 0; position: relative; overflow: hidden; }
.main .section_3 .video .youtube iframe,
.main .section_3 .video .youtube object,
.main .section_3 .video .youtube embed { margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* 서 브 공 통 영 역 */
.sub { }
.sub .visual { background-image: url('../image/sub/visual_bg.png'); background-position: top center; background-repeat: no-repeat; background-size: cover; display: table; width: 100%; height: 175px; }
.sub .visual .box { display: table-cell; text-align: center; vertical-align: middle; padding: 0px 15px; }
.sub .visual .box .title { font-size: 24px; color:#FFFFFF; font-weight: 700; }
.sub .visual .box .info { font-size: 16px; color:#FFFFFF; line-height: 22px; }
.sub .bread { background-color: #F3F3F3; padding: 10px 0px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.sub .bread ul:after { display: block; content: ''; clear: both; }
.sub .bread li { position: relative; float: left; padding-right: 20px; margin-right: 15px; }
.sub .bread li:after { display: block; content: ''; clear: both; background-image: url('../image/sub/bread_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: 5px 20px; width: 5px; height: 20px; position: absolute; top: 50%; right: 0px; margin-top: -10px; }
.sub .bread li:last-child { padding-right: 0px; margin-right: 0px; }
.sub .bread li:last-child:after { display: none; }
.sub .bread li a { display: block; font-size: 13px; line-height: 16px; height: 16px; }
.sub .bread li a.home { width: 16px; height: 16px; background-image: url('../image/sub/bread_home.png'); background-repeat: no-repeat; background-position: center; background-size: 16px; text-indent: -9999px; }
.sub .sub_wrap { padding: 30px 0px 60px 0px; }
.sub .sub_wrap:after { display: block; content: ''; clear: both; }
.sub .sub_wrap .lnb { float: left; width: 20%; margin-right: 3%; }
.sub .sub_wrap .lnb .title { background-color: #6C7378; padding: 40px 0 20px 20px; color: #fff; font-size: 24px; font-weight: 600; height: 100px; position: relative; }
.sub .sub_wrap .lnb .menu li.depth1 > a { position: relative; display: block; font-size: 13px; letter-spacing: -0.5px; padding: 15px 20px; border-bottom: 1px solid #DDDDDD; }
.sub .sub_wrap .lnb .menu li.depth1.hasOn > a:after { display: block; content: ''; clear: both; position: absolute; right: 20px; top: 50%; width: 20px; height: 20px; background-image: url('../image/sub/lnb_arrow_right.png'); margin-top: -10px; }
.sub .sub_wrap .lnb .menu li.depth1.active > a { background-color: #f8f8f8; color:#6C7378; font-weight: 700; }
.sub .sub_wrap .lnb .menu li.depth1.active.hasOn > a:after { background-image: url('../image/sub/lnb_arrow_down.png'); }
.sub .sub_wrap .lnb .menu li.depth1 .box { padding: 10px 0px; border-bottom: 1px solid #DDDDDD; }
.sub .sub_wrap .lnb .menu li.depth1 .depth2 > a { display: block; font-size: 13px; padding: 5px 10px; }
.sub .sub_wrap .lnb .menu li.depth1 .depth2.active > a { font-weight: 700; text-decoration: underline; }
.sub .sub_wrap .contents { float: left; width: 70%; }
.sub .sub_wrap .contents .title { position: relative; padding-bottom: 15px; border-bottom: 2px solid #DDDDDD; margin-bottom: 30px; }
.sub .sub_wrap .contents .title:after { display: block; content: ''; clear: both; position: absolute; left: 0px; bottom: -2px; background-color: #6C7378; width: 110px; height: 2px; z-index: 2;  }
.sub .sub_wrap .contents .title span { font-size: 36px; color:#333333; font-weight: 700;  }
.sub .sub_wrap .contents .title .share { position: absolute; top: 50%; right: 0px; margin-top: -15px; }
.sub .sub_wrap .contents .title .share ul:after { display: block; content: ''; clear: both; }
.sub .sub_wrap .contents .title .share li { float: left; margin-right: 10px; }
.sub .sub_wrap .contents .title .share li:last-child { margin-right: 0px; }
.sub .sub_wrap .contents .title .share li a { display: block; content: ''; clear: both; background-size: 30px; background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; text-indent: -9999px; }
.sub .sub_wrap .contents .title .share li a.facebook { background-image: url('../image/sub/share_face.png'); }
.sub .sub_wrap .contents .title .share li a.instagram { background-image: url('../image/sub/share_insta.png'); }
.sub .sub_wrap .contents .title .share li a.blog { background-image: url('../image/sub/share_blog.png'); }
.sub .sub_wrap .contents .title .share li a.print { background-image: url('../image/sub/share_print.png'); }

/* 협 회 소 개 영 역 */
.greeting {
    position: relative;
}

.greeting .image {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    content: '';
    clear: both;
    width: 35%;
}

.greeting .image img {
    width: 100%;
}

.greeting .text {
    display: flex;
    padding-right: 40%;
    margin-bottom: 80px;
}

.greeting .text .txt_0 {
    font-size: 30px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 32px;
    line-height: 1.35
}

.greeting .text .txt_1 {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 20px;
}

.greeting .text .txt_2 {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    margin-bottom: 20px;
}

.greeting .text .txt_3 {
    font-size: 16px;
    color: #666666;
    margin-bottom: 40px;
}

.greeting .text .writer {
    font-size: 14px;
    color: #333333;
    text-align: right;
}

.greeting .text .writer span {
    font-size: 30px;
    margin-left: 10px;
}

.greeting .text-left {
    width: calc(100% - 320px);
    padding-top: 15px;
}

.greeting .text-right {
    width: 230px;
    margin-left: 90px;
}

.text-right__group {
    margin-top: 40px;
    margin-left: 20px;
    padding-bottom: 14px;
    background-color: #f5f1fb;
}

.text-right__img {
}

.text-right__img img {
    margin-top: -40px;
    margin-left: -20px;
}

.text-right__txt {
    margin-top: 15px;
    padding-right: 20px;
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
    text-align: right;
}

.greeting .imgBox {
    margin-bottom: 40px;
}

.greeting .imgBox .tit {
    position: relative;
    font-size: 18px;
    color: #6C7378;
    font-weight: 700;
    line-height: 18px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.greeting .imgBox .tit:after {
    display: block;
    content: '';
    clear: both;
    background-image: url('../image/sub/tit-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 0px;
}

.greeting .imgBox .logo {
    background-image: url(/img/logo_pattern.png);
}

.greeting .imgBox .logo:after {
    display: block;
    content: '';
    clear: both;
}

.greeting .imgBox .logo div {
    float: left;
    position: relative;
    min-height: 1px;
    text-align: center;
    width: 50%;
    padding: 30px;
}

.greeting .imgBox .logo div img {
    width: 100%;
}

.greeting .textBox {
    margin-bottom: 40px;
}

.greeting .textBox .tit {
    position: relative;
    font-size: 18px;
    color: #6C7378;
    font-weight: 700;
    line-height: 18px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.greeting .textBox .tit:after {
    display: block;
    content: '';
    clear: both;
    background-image: url('../image/sub/tit-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 0px;
}

.greeting .textBox .lstType {
    padding-left: 10px;
}

.greeting .textBox .lstType li {
    font-size: 15px;
    margin-bottom: 5px;
}

.greeting .textBox .lstType li:last-child {
    margin-bottom: 0px;
}
.history .point { text-align: left; margin-bottom: 30px; }
.history .point .text { display: inline-block; }
.history .point .text span { display: block; font-size: 16px; margin-bottom: 5px; }
.history .point .text h3 { background-color: #6C7378; font-size: 20px; color:#FFFFFF; padding: 5px 10px; }
.history .selectBox { padding: 10px 20px; border: 1px solid #DDD; background-color: #f0f0f0; }
.history .selectBox span { font-size: 14px; height: 30px; line-height: 30px; margin-right: 10px; }
.history .selectBox select { vertical-align: top; width: 200px; height: 30px; font-size: 14px; line-height: 30px; background-color: #FFFFFF; border: 1px solid #DDD; }
.history .part { display: table; table-layout: fixed; width: 100%; }
.history .part .image { position: relative; display: table-cell; vertical-align: top; padding-top: 60px; overflow: hidden; }
.history .part .image:after { display: block; content: ''; clear: both; position: absolute; background: #ddd; top: 180px; right: -50%; width: 100%; height: 1px; overflow: hidden; z-index: -1; }
.history .part .text { position: relative; display: table-cell; vertical-align: top; padding-top: 40px;  overflow: hidden; }
.history .part .text .box { padding: 30px; border-top: 1px solid #DDDDDD;  }
.history .part .text .box .year { font-size: 22px; color:#6C7378; font-weight: 700; margin-bottom: 10px; }
.history .part .text .box .list li { font-size: 0px; margin-bottom: 10px; }
.history .part .text .box .list li:last-child { margin-bottom: 0px; }
.history .part .text .box .list li span { display: inline-block; font-size: 13px; }
.history .part .text .box .list li span.date { width: 14%; color:#999999; vertical-align: top; margin-right: 2%; }
.history .part .text .box .list li span.info { width: 73%; }
.organization { }
.organization .team { position: relative; padding-bottom: 30px; }
.organization .team:after { display: block; content: ''; clear: both; background-color: #DDDDDD; width: 1px;  position: absolute; left: 50%; top: 0px; bottom: 0px; z-index: -1; }
.organization .team:last-child { padding-bottom: 0px; }
.organization .team .box { display: inline-block; background-color: #FFFFFF; width: 17%; vertical-align: top; border: 1px solid #DDDDDD; margin: 0px 1%; }
.organization .team .box.mt0 { margin-top: 0px; }
.organization .team .box.mb0 { margin-bottom: 0px; }
.organization .team .box .class { background-color: #6C7378; font-size: 16px; color:#FFFFFF; padding: 5px; }
.organization .team .box .name { font-size: 14px; color:#666666; padding: 3px; }
.organization .team.one .box .class { background-color: #333333 !important; }
.organization .team.two .box .class { background-color: #108cc0; }
.organization .team.three .box .class { background-color: #199fa2; }
.organization .team.four { padding-bottom: 0px; margin-bottom: 30px; }
.organization .team.four .box .class { background-color: #2a9324; }
.organization .team.five { padding-bottom: 0px; margin-bottom: 30px; }
.organization .team.five .box .class { background-color: #A1A427; }
.organization .team.six:after { display: none; }
.organization .team.six .box .class { background-color: #636476; }
.organization .team.seven .box .class { background-color: #636476; }
.organization .team > .step_1 { font-size: 0px; text-align: center; }
.organization .team > .step_2 { font-size: 0px; text-align: center; margin-top: 15px; }
.country {}
.country .table { border-top: 2px solid #6C7378; }
.country .table th { background-color: #EEEEEE; font-size: 14px; color:#333333; font-weight: 700; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; }
.country .table td { font-size: 14px; font-weight: 400; text-align: center; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
.country .table td:last-child { border-right: 0px; }
.country .table td.head { background-color: #F9F9F9; border-right: 1px solid #DDDDDD; }
.seniorGuide {}
.seniorGuide .info { background-color: #F9F9F9; padding: 30px; border: 1px solid #DDDDDD; margin-bottom: 40px; }
.seniorGuide .info .txt_1 { font-size: 16px; color:#6C7378; font-weight: 700; margin-bottom: 10px; }
.seniorGuide .info .txt_2 { font-size: 14px; color:#666666; line-height: 24px; }
.seniorGuide .textBox { margin-bottom: 40px; }
.seniorGuide .textBox .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 10px; }
.seniorGuide .textBox .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.seniorGuide .textBox .lstType { padding-left: 10px; }
.seniorGuide .textBox .lstType ul:after { display: block; content: ''; clear: both; }
.seniorGuide .textBox .lstType li { float: left; width: 32%; margin-right: 1%; font-size: 13px; background-color: #FFFFFF; color:#333333; padding: 10px; border: 5px solid #E4E4E4; border-radius: 5px; margin-bottom: 1%; }
.seniorGuide .textBox .lstType li i { margin-right: 10px; }
.seniorGuide .textBox .lstType li:last-child { margin-bottom: 0px; }
.seniorGuide .textBox .lstType li .box { display: table; width: 100%; height: 150px; }
.seniorGuide .textBox .lstType li .text { display: table-cell; vertical-align: middle; text-align: center; }
.seniorGuide .alert { font-size: 16px; padding-left: 10px; margin-bottom: 30px; }
.seniorGuide .alert span { font-size: 20px; font-weight: 700; }
.seniorGuide .form {}
.seniorGuide .form .box { border-top: 1px solid #a2b0b9; margin-bottom: 10px; }
.seniorGuide .form .box th { background-color: #F7F8F9; font-size: 16px; padding: 10px 5px; border: 1px solid #DDDDDD; }
.seniorGuide .form .box td { font-size: 14px; line-height: 18px; padding: 10px 5px; border: 1px solid #DDDDDD; }
.seniorGuide .form .box td input[type="text"] { width: 100%; height: 30px; font-size: 14px; line-height: 28px; padding: 0px 10px; }
.seniorGuide .form .button { font-size: 0px; text-align: center; }
.seniorGuide .form .button a { display: inline-block; background-color:#6C7378; max-width: 150px; width: 100%; font-size: 16px; color:#FFFFFF; font-weight: 700; padding: 10px 15px; }
.seniorGuide .textBox .boxStep {}
.seniorGuide .textBox .boxStep ul:after { display: block; content: ''; clear: both; }
.seniorGuide .textBox .boxStep li { position: relative; float: left; width: 19%; text-align: center; margin: 3%; }
.seniorGuide .textBox .boxStep li:nth-child(1) .icon  { color:#2A8DC6; border: 2px solid #2A8DC6; }
.seniorGuide .textBox .boxStep li:nth-child(2) .icon  { color:#2B98C6; border: 2px solid #2B98C6; }
.seniorGuide .textBox .boxStep li:nth-child(3) .icon  { color:#2DA6C7; border: 2px solid #2DA6C7; }
.seniorGuide .textBox .boxStep li:nth-child(4) .icon  { color:#2EB1C8; border: 2px solid #2EB1C8; }
.seniorGuide .textBox .boxStep li .step { margin-bottom: 5px; }
.seniorGuide .textBox .boxStep li:nth-child(1) .step  { color:#2A8DC6; }
.seniorGuide .textBox .boxStep li:nth-child(2) .step  { color:#2B98C6; }
.seniorGuide .textBox .boxStep li:nth-child(3) .step  { color:#2DA6C7; }
.seniorGuide .textBox .boxStep li:nth-child(4) .step  { color:#2EB1C8; }
.seniorGuide .textBox .boxStep li:after { background-image: url('../image/sub/seniorGuide-arrow.png'); background-repeat: no-repeat; background-position: center; display: block; content: ''; clear: both; position: absolute; top: 50%; right: -34px; width: 24px; height: 24px; margin-top: -55px; z-index: 2;}
.seniorGuide .textBox .boxStep li:nth-child(4):after { display: none; }
.seniorGuide .textBox .boxStep li .icon { font-size: 50px; color:#FFFFFF; border-radius: 10px; padding: 20px 0px; margin-bottom: 10px; }
.seniorGuide .textBox .boxStep li .caption { position: relative; font-size: 14px; color:#333333; line-height: 20px; height: 65px; }
.seniorGuide .textBox .boxStep li .caption:after { display: block; content: ''; clear: both; position: absolute; left: 10%; right: 10%; top: 0px; height: 1px; background-color: #FFFFFF; }

.location {}
.location .info { margin-bottom: 50px; }
.location .info:after { display: block; content: ''; clear: both; }
.location .info .point { float: left; width: 15%; font-size: 20px; font-weight: 700; margin-right: 5%; }
.location .info ul { float: left; width: 80%; }
.location .info li:first-child { padding-top: 0px; }
.location .info li { font-size: 0px; padding: 5px 0px; border-bottom: 1px solid #DDDDDD; }
.location .info li span { display: inline-block; margin-right: 10px; }
.location .info li span.icon { background-color: #000000; width: 40px; height: 40px; font-size: 20px; color: #FFFFFF; text-align: center; line-height: 40px; border-radius: 40px; }
.location .info li span.icon.one { background-color: #F7B52F; }
.location .info li span.icon.two { background-color: #1A6DA9; }
.location .info li span.icon.three { background-color: #1AB1A9; }
.location .info li span.icon.four { background-color: #999999; }
.location .info li span.text { font-size: 16px; line-height: 22px; }
.location .map { margin-bottom: 50px; }
.location .map .root_daum_roughmap { width: 100%; } 
.location .trans {}
.location .trans .part { padding-bottom: 30px; border-bottom: 1px solid #DDDDDD; margin-bottom: 30px; }
.location .trans .part:last-child { padding-bottom: 0px; border-bottom: 0px; margin-bottom: 0px; }
.location .trans .part .cate { font-size: 16px; font-weight: 700; margin-bottom: 5px; }
.location .trans .part .data { font-size: 14px; color:#666666; }

/* 대 회 접 수 */
.enterAgree {}
.enterAgree .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 30px; }
.enterAgree .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.enterAgree .part { margin-bottom: 40px; }
.enterAgree .part .box { padding: 20px; border: 1px solid #DDDDDD; margin-bottom: 5px; }
.enterAgree .part .box .text { font-size: 13px; margin-bottom: 10px; }
.enterAgree .part .box .table { margin-bottom: 10px; }
.enterAgree .part .box .table .miniTit { font-size: 13px; font-weight: 700; margin-bottom: 5px; }
.enterAgree .part .box .table  table th { font-size: 14px; padding: 8px 5px; text-align: center; background-color: #f8f8f8; border: 1px solid #DDDDDD; }
.enterAgree .part .box .table  table td { font-size: 13px; padding: 8px 5px; color: #4f4f4f; text-align: center; border: 1px solid #DDDDDD; }
.enterAgree .part .box .alert { font-size: 13px; }
.enterAgree .part .check { font-size: 14px; text-align: center; }
.enterAgree .part .check span.checkBox { margin-left: 10px; }
.enterAgree .part .check span.checkBox span { margin-right: 5px; }
.enterAgree .part .check span.checkBox span:last-child { margin-right: 0px; }
.enterAgree .button { font-size: 0px; text-align: center; }
.enterAgree .button a { display: inline-block; font-size: 14px; line-height: 40px; height: 40px; padding:0px 30px; margin-right: 10px;  }
.enterAgree .button a:last-child { margin-right: 0px; }
.enterAgree .button a.confirm { background-color:#6C7378; color:#fff; }
.enterAgree .button a.cancle { background-color:#999999; color:#fff; }
.enterForm {}
.enterForm .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 10px; }
.enterForm .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.enterForm .info { font-size: 13px; margin-bottom: 10px; }
.enterForm .form {}
.enterForm .form .table { border-top: 2px solid #6C7378; margin-bottom: 30px; }
.enterForm .form .table th { background-color: #EEEEEE; font-size: 14px; color:#333333; font-weight: 700; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; }
.enterForm .form .table th:nth-child(2) { border-left: 1px solid #DDDDDD; }
.enterForm .form .table td { font-size: 14px; font-weight: 400; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; }
.enterForm .form .table tr.userStart th:nth-child(1) { border-bottom: 1px solid #AAAAAA; }
.enterForm .form .table tr.userEnd th { border-bottom: 1px solid #AAAAAA; }
.enterForm .form .table tr.userEnd td { border-bottom: 1px solid #AAAAAA; }
.enterForm .form .table td select { height: 30px; line-height: 28px; background-color: #FFFFFF; border: 1px solid #DDDDDD; }
.enterForm .form .table td input[type="text"],
.enterForm .form .table td input[type="password"] { width: 100%; height: 30px; line-height: 28px; padding: 0px 10px; border: 1px solid #DDDDDD; }
.enterForm .form .table td span { display: inline-block; margin: 0px 5px; }
.enterForm .form .table td span:first-child { margin-left: 0px; }
.enterForm .form .table td span:last-child { margin-right: 0px; }
.enterForm .form .table td span.address_1 { width: 100%; line-height: 28px; height: 30px; margin-bottom: 5px; }
.enterForm .form .table td span.address_2 { width: 100%; margin: 0px 0px 5px 0px; }
.enterForm .form .table td span.address_3 { width: 100%; margin: 0px; }
.enterForm .form .table td span.address_1 input { width: 45%; max-width: 60px; }
.enterForm .form .table td span.address_1 a.postNum { display: inline-block; background-color: #6C7378; font-size: 13px; color:#FFFFFF; padding: 0px 5px; height: 30px; line-height: 28px; margin-left: 5px; }
.enterForm .form .table td span.userNum { width: 45%; max-width: 120px; }
.enterForm .form .table td span.userNum_2 { width: 45%; max-width: 30px; }
.enterForm .form .table td span.phone { width: 25%; max-width: 80px; }
.enterForm .form .table td span.mail { width: 25%; max-width: 120px; }
.enterForm .form .table td span.mail select { background-color: #FFFFFF; width: 100%; height: 30px; line-height: 28px; border: 1px solid #DDDDDD; }
.enterForm .form .table td span.full { width: 100%; }
.enterForm .form .table td span.bankName { width: 33%; max-width: 150px; margin-right: 15px; }
.enterForm .form .table td span.bankName span:nth-child(1) { width: 60%; }
.enterForm .form .table td span.bankName span:nth-child(2) { margin-left: 0px; }
.enterForm .form .table td span.bankNum { width: 55%; max-width: 200px; }
.enterForm .form .table td span.bankNum span:nth-child(1) { width: 60%; }
.enterForm .form .table td span.bankNum span:nth-child(2) { margin-left: 0px; }

.enterForm .oath { margin-bottom: 30px; }
.enterForm .oath .box { font-size: 14px; line-height: 20px; padding: 20px; border: 1px solid #DDDDDD; margin-bottom: 5px; }
.enterForm .oath .check { font-size: 14px; text-align: center; }
.enterForm .oath .check span.checkBox { margin-left: 10px; }
.enterForm .oath .check span.checkBox span { margin-right: 5px; }
.enterForm .oath .check span.checkBox span:last-child { margin-right: 0px; }
.enterForm .file_button {display: block; font-size: 14px; line-height: 40px; height: 40px; padding: 0px 30px; margin-right: 10px; background-color: #6C7378; color: #fff; text-align: center; margin-bottom: 30px;}
.enterForm .file_button a { font-size: 16px; color: #FFFFFF; }
.enterForm .file { display:none;margin-bottom: 30px; }
.enterForm .file .list { border: 1px solid #DDDDDD; }
.enterForm .file .list li { padding: 5px; border-bottom: 1px solid #DDDDDD; height: 40px; }
.enterForm .file .list li:last-child { border-bottom: 0px; }
.enterForm .button { font-size: 0px; text-align: center; }
.enterForm .button a { display: inline-block; font-size: 14px; line-height: 40px; height: 40px; padding:0px 30px; margin-right: 10px;  }
.enterForm .button a:last-child { margin-right: 0px; }
.enterForm .button a.confirm { background-color:#6C7378; color:#fff; }
.enterForm .button a.cancle { background-color:#999999; color:#fff; }


/* 협 회 활 동 영 역 */
.activity { padding-top: 30px; }

.activity .tab { font-size: 0px; text-align: center; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 60px; }
.activity .tab li { display: inline-block; width: 25%; }
.activity .tab li a { display: block; font-size: 14px; text-align: center; line-height: 38px; height: 40px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.activity .tab li.active a { background-color: #6C7378; color:#FFFFFF; }
.activity .part { display: none; position: relative; margin-bottom: 60px; }
.activity .part.active { display: block; }
.activity .part:last-child { margin-bottom: 0px; }
.activity .part .tit { background-color: #6C7378; position: absolute; top: -20px; left: 20px; height: 40px; padding: 0px 18px; font-size: 16px; line-height: 38px; color: #fff; }
.activity .part .box { background-color: #F9F9F9; font-size: 14px; line-height: 22px; padding: 40px; border: 1px solid #DDDDDD; }
.activity .part .box .info { font-size: 16px; font-weight: 700;  margin-bottom: 20px; }
.activity .part .box .section:after { display: block; content: ''; clear: both; }
.activity .part .box .imageBox { float: left; width: 49%; margin-right: 4%; }
.activity .part .box .imageBox img { width: 100%; max-width: 320px; }
.activity .part .box .imageList { margin-bottom: 10px; }
.activity .part .box .imageList:after { display: block; content: ''; clear: both; }
.activity .part .box .imageList .img { float: left; width: 49%; margin-right: 2%; }
.activity .part .box .imageList .img:last-child { margin-right: 0px; }
.activity .part .box .imageList .img img { width: 100%; }
.activity .part .box .section > .lstType { float: left; width: 47%; }
.activity .part .box .lstType > li { font-size: 14px; margin-bottom: 15px; }
.activity .part .box .lstType > li:last-child { margin-bottom: 0px; }
.activity .part .box .lstType > li > div.point { position: relative; font-weight: 700; padding-left: 20px; margin-bottom: 3px; }
.activity .part .box .lstType > li > div.point:after { display: block; content: ''; clear: both; background-color: #FFFFFF; width: 6px; height: 6px; border: 3px solid #6C7378; border-radius: 6px; position: absolute; left: 0px; top: 6px; }
.activity .part .box .lstType > li > span { position: relative; display: block; font-size: 14px; line-height: 19px; padding-left: 20px; }
.activity .part .box .lstType > li > span:after { display: block; content: ''; clear: both; position: absolute; left: 10px; top: 8px; background-color: #999999; width: 4px; height: 4px; border-radius: 10px; }
.activity .part .box .lstType > li > span.bold { font-size: 16px; font-weight: 700; }
.activity .part .box .lstType_1 { }
.activity .part .box .lstType_1 > li { font-size: 18px; margin-bottom: 40px; }
.activity .part .box .lstType_1 > li:last-child { margin-bottom: 0px; }
.activity .part .box .lstType_1 > li > .lst_tit { position: relative; padding-left: 20px; margin-bottom: 5px; }
.activity .part .box .lstType_1 > li > .lst_tit:after { display: block; content: ''; clear: both; background-color: #FFFFFF; width: 6px; height: 6px; border: 3px solid #6C7378; border-radius: 6px; position: absolute; left: 0px; top: 6px; }
.activity .part .box .lstType_1 > li > .lstType_2 { padding-left: 15px; }
.activity .part .box .lstType_1 > li > .lstType_2 > li { background-color: #FFFFFF; font-size: 16px; padding: 15px; border: 1px solid #DDDDDD; margin-bottom: 30px; }
/* .activity .part .box .lstType_1 > li > .lstType_2 > li:last-child { margin-bottom: 0px; } */
.activity .part .box .lstType_1 > li > .lstType_2 > li .lst_tit { position: relative; padding-left: 10px; margin-bottom: 4px; }
.activity .part .box .lstType_1 > li > .lstType_2 > li .lst_tit:after { display: block; content: ''; clear: both; position: absolute; left: 0px; top: 10px; width: 4px; height: 4px; background-color: #999999; }
.activity .part .box .lstType_1 > li > .lstType_2 > li > .lstType_3:after { display: block; content: ''; clear: both; }
.activity .part .box .lstType_1 > li > .lstType_2 > li > .lstType_3 > li { position: relative; float: left; width: 31.3333%; margin: 0.5% 1%; font-size: 13px; padding-left: 15px; line-height: 18px; }
.activity .part .box .lstType_1 > li > .lstType_2 > li > .lstType_3 > li:after { display: block; content: ''; clear: both; position: absolute; left: 5px; top: 10px; width: 3px; height: 1px; background-color: #999999; }
.activityConnect {}
.activityConnect .part { position: relative; padding: 20px; border: 1px solid #DDDDDD; margin-bottom: 30px; }
.activityConnect .part:nth-child(2n) { margin-right: 0px; }
.activityConnect .part .imgBox {}
.activityConnect .part .imgBox:after { display: block; content: ''; clear: both; }
.activityConnect .part .imgBox .img { float: left; width: 49%; margin-right: 2%; }
.activityConnect .part .imgBox .img:last-child { margin-right: 0px; }
.activityConnect .part .imgBox .img img { width: 100%; }
.activityConnect .part .txtBox { text-align: center; margin-bottom: 20px; }
.activityConnect .part .txtOne { font-size: 18px; font-weight: 700; }
.activityConnect .part .txtOne span { margin-left: 10px; font-size: 14px; font-weight: 300; }
.activityConnect .part .txtTwo { font-size: 14px; color:#999999; }
.activityNews {}
.activityNews .part { padding:20px; border: 1px solid #DDDDDD; margin-bottom: 30px; }
.activityNews .part .text {  text-align: center; padding-bottom: 20px; }
.activityNews .part .text .name { font-size: 18px; font-weight: 700; }
.activityNews .part .text .alert { font-size: 14px; font-weight: 300; color:#999999; }
.activityNews .part .image { }
.activityNews .part .image ul:after { display: block; content: ''; clear: both; }
.activityNews .part .image li { float: left; width: 49%; margin-right: 2%; }
.activityNews .part .image li:nth-child(2n) { margin-right: 0px; }
.activityNews .part .image li img { width: 100%; }



/* 자 격 증 영 역 */
.certification { word-break: keep-all; }
.certification .box { position: relative; padding: 40px 40px 40px 140px; border: 2px solid #DDDDDD; margin-bottom: 50px; }
.certification .box:before { display: block; content: ''; clear: both; position: absolute; left: -2px; top: -2px; width: 100px; height: 2px; background-color: #6C7378; }
.certification .box:after { display: block; content: ''; clear: both; position: absolute; left: -2px; top: -2px; width: 2px; height: 100px; background-color: #6C7378; }
.certification .box .icon { position: absolute; top: 40px; left: 40px; }
.certification .box .name { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
.certification .box .info { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
.certification .box .point li { position: relative; font-size: 13px; color:#555555; line-height: 19px; padding-left: 10px; margin-bottom: 5px; }
.certification .box .point li:after { position: absolute; top: 8px; left: 0px; background-color: #999999; display: block; content: ''; clear: both; width: 4px; height: 4px; }
.certification .box .point li:last-child { margin-bottom: 0px; }
.certification .box .point li span { color:#222222; font-weight: 700; }
.certification .visualBox { margin-bottom: 50px; }
.certification .visualBox img { width: 100%; }
.certification .textBox { margin-bottom: 50px; }
.certification .textBox .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 10px; }
.certification .textBox .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.certification .textBox .boxStep {}
.certification .textBox .boxStep ul:after { display: block; content: ''; clear: both; }
.certification .textBox .boxStep li { position: relative; float: left; width: 16%; text-align: center; margin: 2%; }
.certification .textBox .boxStep li:nth-child(1) { background-color: #2A8DC6; }
.certification .textBox .boxStep li:nth-child(2) { background-color: #2B98C6; }
.certification .textBox .boxStep li:nth-child(3) { background-color: #2DA6C7; }
.certification .textBox .boxStep li:nth-child(4) { background-color: #2EB1C8; }
.certification .textBox .boxStep li:nth-child(5) { background-color: #6BB7C0; }
.certification .textBox .boxStep li:after { background-image: url('../image/sub/seniorGuide-arrow.png'); background-repeat: no-repeat; background-position: center; display: block; content: ''; clear: both; position: absolute; top: 50%; right: -24px; width: 24px; height: 24px; margin-top: -12px; z-index: 2;}
.certification .textBox .boxStep li:nth-child(5):after { display: none; }
.certification .textBox .boxStep li .icon { font-size: 50px; color:#FFFFFF; }
.certification .textBox .boxStep li .caption { position: relative; font-size: 14px; color:#FFFFFF; line-height: 20px; height: 65px; padding: 10px 15px; }
.certification .textBox .boxStep li .caption:after { display: block; content: ''; clear: both; position: absolute; left: 10%; right: 10%; top: 0px; height: 1px; background-color: #FFFFFF; }

.certification .textBox .part { margin-bottom: 20px; }
.certification .textBox .part .category { background-color: #6C7378; font-size: 15px; font-weight: 700; color: #FFFFFF; padding: 5px 10px; }
.certification .textBox .table { border-top: 1px solid #a2b0b9; }
.certification .textBox .table th { background-color: #F7F8F9; font-size: 16px; padding: 10px 5px; border: 1px solid #DDDDDD; }
.certification .textBox .table td { font-size: 14px; text-align: center; line-height: 16px; padding: 10px 5px; border: 1px solid #DDDDDD; }
.certification .textBox .table td.txtL { text-align: left; }
.certification .textBox .table .subTable { padding: 0px; }
.certification .textBox .table .subTable th { background-color: #FFFFFF; border: 0px; border-bottom: 1px solid #DDDDDD; }
.certification .textBox .table .subTable td { border: 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.certification .textBox .table .subTable tr:last-child td { border-bottom: 0px; }
.certification .textBox .table td li { margin-bottom: 5px; }
.certification .textBox .table td li:last-child { margin-bottom: 0px; }
.certification .textBox .table td li span { font-weight: 700; }
.certification .textBox .lstType { padding-left: 10px; }
.certification .textBox .lstType li { font-size: 15px; margin-bottom: 5px; }
.certification .textBox .lstType li:last-child { margin-bottom: 0px; }
.certification .textBox .lstType li.alert { font-size: 13px; padding-left: 10px; margin-bottom: 3px; }
.certificationAward {}
.certificationAward .textBox { margin-bottom: 60px; }
.certificationAward .textBox .box { margin-bottom: 30px; background-color: #F9F9F9; padding: 30px; border: 1px solid #DDDDDD; }
.certificationAward .textBox .box:last-child { margin-bottom: 0px; }
.certificationAward .textBox .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 10px; }
.certificationAward .textBox .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.certificationAward .textBox .info { font-size: 14px; color:#666666; line-height: 20px; margin-bottom: 30px; }
.certificationAward .textBox .lstType_1 { padding-left: 10px; }
.certificationAward .textBox .lstType_1 li { font-size: 16px; margin-bottom: 5px; }
.certificationAward .textBox .lstType_1 li:last-child { margin-bottom: 0px; }
.certificationAward .textBox .lstType_2 { padding-left: 10px; }
.certificationAward .textBox .lstType_2 li { position: relative; font-size: 14px; padding-left: 18px; margin-bottom: 5px; }
.certificationAward .textBox .lstType_2 li:after { display: block; content: '※'; clear: both; position: absolute; left: 0px; top: 0px; font-size: 14px; }
.certificationAward .textBox .lstType_2 li:last-child { margin-bottom: 0px; }
.certificationAward .textBox .lstType_2 li span { display: block; font-size: 13px; color:#6C7378; }
.certificationAward .button { font-size: 0px; text-align: center; }
.certificationAward .button a { display: inline-block; background-color: #FFFFFF; font-size: 15px; color:#6C7378; text-align: center; padding: 10px 15px; border: 1px solid #6C7378; margin-right: 10px; }
.certificationAward .button a:last-child { margin-right: 0px; }
.certificationAward .button a:hover { background-color: #6C7378; color:#FFFFFF; }
.certificationAward .button a i { margin-left: 10px; }
.certificationWrite .box { margin-bottom: 50px; }
.certificationWrite .box:last-child { margin-bottom: 0px; }
.certificationWrite .box .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 10px; }
.certificationWrite .box .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.certificationWrite .box .agreeBox { border: 1px solid #DDDDDD; }
.certificationWrite .box .agreeBox .agreeText { padding: 20px; border-bottom: 1px solid #DDDDDD; height: 250px; overflow-y: scroll; }
.certificationWrite .box .agreeBox .agreeText .part { margin-bottom: 40px; }
.certificationWrite .box .agreeBox .agreeText .part:last-child { margin-bottom: 0px; }
.certificationWrite .box .agreeBox .agreeText .box1 { margin-bottom: 15px; }
.certificationWrite .box .agreeBox .agreeText .box1 .txt1 { font-size: 15px; font-weight: 700; margin-bottom: 5px; }
.certificationWrite .box .agreeBox .agreeText .box1 .info { font-size: 13px; line-height: 19px; }
.certificationWrite .box .agreeBox .agreeText .box2 {}
.certificationWrite .box .agreeBox .agreeText .box2 .txt1 { font-size: 15px; font-weight: 700; margin-bottom: 5px; }
.certificationWrite .box .agreeBox .agreeText .box2 .table { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }
.certificationWrite .box .agreeBox .agreeText .box2 .table th { background-color: #F3F3F3; padding: 5px; font-size: 13px; font-weight: 700; color:#333333; border-right: 1px solid #FFFFFF; }
.certificationWrite .box .agreeBox .agreeText .box2 .table th:last-child { border-right: 0px; }
.certificationWrite .box .agreeBox .agreeText .box2 .table td { padding: 5px; font-size: 12px; color: #666666; border-right: 1px solid #DDDDDD; }
.certificationWrite .box .agreeBox .agreeText .box2 .table td:last-child { border-right: 0px; }
.certificationWrite .box .agreeBox .agreeCheck { background-color: #F9F9F9; padding: 10px; }
.certificationWrite .box .agreeBox .agreeCheck label { margin-left: 5px; }
.certificationWrite .box .form { border-top: 2px solid #6C7378; }
.certificationWrite .box .form th { background-color: #EEEEEE; font-size: 14px; color:#333333; font-weight: 700; padding: 5px; border-bottom: 1px solid #DDDDDD; }
.certificationWrite .box .form th.none { background-color: #EEEEEE; }
.certificationWrite .box .form th.boderR { border-right: 1px solid #DDDDDD; }
.certificationWrite .box .form td { font-size: 14px; font-weight: 400; text-align: left; padding: 5px; border-bottom: 1px solid #DDDDDD; }
.certificationWrite .box .form td.none { background-color: #EEEEEE; }
.certificationWrite .box .form td input[type="text"] { width: 100%; height: 34px; line-height: 34px; padding: 0px 10px; border: 1px solid #DDDDDD; }
.certificationWrite .box .form td span { display: inline-block; margin: 0px 5px; }
.certificationWrite .box .form td span:first-child { margin-left: 0px; }
.certificationWrite .box .form td span.address_1 { width: 100%; margin-bottom: 5px; }
.certificationWrite .box .form td span.address_2 { width: 100%; margin: 0px 0px 5px 0px; }
.certificationWrite .box .form td span.address_3 { width: 100%; margin: 0px; }
.certificationWrite .box .form td span.address_1 input { width: 45%; max-width: 60px; }
.certificationWrite .box .form td span.address_1 a.postNum { display: inline-block; background-color: #6C7378; font-size: 13px; color:#FFFFFF; padding: 0px 5px; height: 30px; line-height: 28px; margin-left: 5px; }
.certificationWrite .box .form td span.alert { display: block; font-size: 12px; color:#FF0000; margin: 5px 0px 0px 0px; }
.certificationWrite .box .form td span#price_txt { display: inline-block; }
.certificationWrite .box .form td textarea { width: 100%; height: 200px; border: 1px solid #DDDDDD; }
.certificationWrite .box .form td span.birth { display: inline-block; width: 20%; max-width: 80px; margin-right: 5px; }
.certificationWrite .button { font-size: 0px; text-align: center; }
.certificationWrite .button a { display: inline-block; background-color: #6C7378; font-size: 15px; color:#FFFFFF; font-weight: 700; text-align: center; padding: 10px 15px; }
.certificationWrite .button a i { margin-left: 10px; }

/* 게 시 판 영 역 */
.board {}
.board .counting { font-size: 14px; color:#666666; margin-bottom: 20px; }
.board .counting span { font-weight: bold; color:#6C7378; }
.board .bbsList { border-top: 2px solid #6C7378; margin-bottom: 30px; }
.board .bbsList th { background-color: #EEEEEE; font-size: 14px; color:#333333; font-weight: 700; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; }
.board .bbsList td { font-size: 14px; font-weight: 400; text-align: center; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; }
.board .bbsList tr.notice td { background-color: #F9F9F9; }
.board .bbsList td a { font-weight: 500; }
.board .bbsList td.txtL { text-align: left; }
.board .bbsList td.txtC { text-align: center; }
.board .bbsList td.txtR { text-align: right; }
.board .bbsList td span.notice { display: inline-block; background-color: #C12224; font-size: 12px; color:#FFFFFF; padding: 2px 6px; border-radius: 5px; }
.board .bbsList td span.enterIng { display: inline-block; background-color: #C12224; font-size: 12px; color:#FFFFFF; padding: 2px 6px; border-radius: 5px; }
.board .bbsList td span.enterEnd { display: inline-block; background-color: #999999; font-size: 12px; color:#FFFFFF; padding: 2px 6px; border-radius: 5px; }
.board .galleryList { padding: 30px 0px; border-top: 2px solid #000000; border-bottom: 1px solid #DDDDDD; margin-bottom: 30px; }
.board .galleryList ul:after { display: block; content: ''; clear: both; }
.board .galleryList li { float: left; width: 31%; border: 1px solid #DDDDDD; margin:1.165%; }
.board .galleryList li .image img { width: 100%; }
.board .galleryList li .text { padding: 10px; }
.board .galleryList li .text .subject {height:40px;font-size: 14px}
.board .galleryList li .text .date { font-size: 11px; color:#999999; }
.board .bbsWrite { border-top: 2px solid #6C7378; margin-bottom: 50px; }
.board .bbsWrite tr { height: 40px; text-align: left; border-bottom: 1px solid #eaeaea; }
.board .bbsWrite th { font-size: 14px; padding: 8px 5px; text-align: center; background-color: #f8f8f8; }
.board .bbsWrite td { font-size: 14px; padding: 8px 5px; color: #4f4f4f; }
.board .bbsWrite td input { width: 100%; height: 34px; line-height: 34px; padding: 0px 10px; }
.board .bbsWrite td .fileList { padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.board .bbsWrite td .fileList .listOption { position: relative; font-size: 13px; line-height: 20px; margin-bottom: 5px; }
.board .bbsWrite td .fileList .listOption a.delete { display: inline-block; width: 40px; height: 20px; font-size: 11px; color: #666; text-align: center; line-height: 20px; border:1px solid #666;  margin-left: 10px;}
.board .bbsWrite td .fileData {}
.board .bbsWrite td .fileData .fileSearch,
.board .bbsWrite td .fileData .fileUpload,
.board .bbsWrite td .fileData .fileName { display: inline-block; font-size: 12px; margin:0px 5px; }
.board .bbsWrite td .fileData .fileSearch { background-color: #999999; width: 60px; height: 24px; line-height: 24px; color: #fff; text-align: center; }
.board .bbsWrite td .fileData .fileUpload { background-color: #6C7378; width: 60px; height: 24px; line-height: 24px; color: #fff; text-align: center; }
.board .bbsView { border-top: 2px solid #6C7378; margin-bottom: 50px; }
.board .bbsView h3 { margin:0px; height: 55px; padding: 0 20px; line-height: 55px; font-size: 18px; font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  border-bottom: 1px solid #dcdcdc; }
.board .bbsView tr { height: 40px; text-align: left; border-bottom: 1px solid #eaeaea; }
.board .bbsView th { font-size: 14px; padding: 8px 5px; text-align: center; background-color: #f8f8f8; }
.board .bbsView td { position: relative; font-size: 14px; padding: 8px 5px; color: #4f4f4f; }
.board .bbsView td.cont { padding: 60px 20px; font-size: 14px; color: #4f4f4f; line-height: 24px; border-bottom: 0; }
.board .bbsView td.cont img { width: 100%; margin-bottom: 10px; }
.board .bbsView td.cont p { margin:10px 0px; }
.board .bbsView td.cont p img{width:auto}
.board .bbsView td .file { margin: 5px 0px;  }
.board .bbsView td .file a { padding-left: 20px; font-size: 13px; color: #5d87bb; background-image: url('../image/sub/list-filedown_s.png'); background-repeat: no-repeat; background-position: 0 50%; }
.board .pagination { text-align: center; margin-bottom: 20px; }
.board .pagination a { display: inline-block; width: 30px; height: 30px; font-size: 14px; line-height: 28px; text-align: center; border: 1px solid #ddd; }
.board .pagination a:hover { color:#6d9b1b; }
.board .pagination a.active { background-color:#6C7378; color:#fff; }
.board .pagination a.first { text-indent: -9999px; background-image: url('../image/sub/paging-first.png'); background-position: center;}
.board .pagination a.prev { text-indent: -9999px; background-image: url('../image/sub/paging-prev.png'); background-position: center;}
.board .pagination a.next { text-indent: -9999px; background-image: url('../image/sub/paging-next.png'); background-position: center;}
.board .pagination a.last { text-indent: -9999px; background-image: url('../image/sub/paging-last.png'); background-position: center;}
.board .search { font-size: 0px; text-align: center; }
.board .search .search_inner { display: inline-block; }
.board .search select { font-size: 13px; padding: 2px 8px; height: 30px; border: 1px solid #DDDDDD; margin-right: 5px; }
.board .search input[type="text"] { width: 150px; height: 30px; font-size: 13px; line-height: 30px; padding: 2px 8px; border: 1px solid #DDDDDD; margin-right: 5px; }
.board .search a.submit { display:inline-block; background-color:#6C7378; width: 50px; height: 30px; font-size: 13px; color:#FFFFFF; text-align: center; line-height: 30px; }
.board .button { position: relative; text-align: right; margin-top: 20px; }
.board .button a { display: inline-block; font-size: 14px; line-height: 40px; height: 40px; padding:0px 30px;  }
.board .button a.list { background-color:#999; color:#fff; }
.board .button a.write { background-color:#6C7378; color:#fff; }
.board .button a.modify { background-color:#6C7378; color:#fff; }
.board .button a.delete { background-color:#999; color:#fff; }
.board .button a.cancle { background-color:#999; color:#fff; }

/* 회 원 가 입 */
.sign_agree .part { margin-bottom: 40px; }
.sign_agree .part .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 10px; }
.sign_agree .part .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.sign_agree .part .box { border: 1px solid #DDDDDD; }
.sign_agree .part .box .agreeBox { font-size: 14px; line-height: 22px; padding: 15px; height: 250px; overflow-y: scroll; }
.sign_agree .part .box .agreeCheck { font-size: 13px; padding: 5px 10px; background-color: #F9F9F9; }
.sign_agree .part .number { background-color: #F9F9F9; padding: 30px; border: 1px solid #DDDDDD; margin-bottom: 10px; }
.sign_agree .part .userName { position: relative; max-width: 500px; padding-left: 80px; margin: 0px auto 10px auto; }
.sign_agree .part .userName .one { position: absolute; left: 0px; top: 5px; }
.sign_agree .part .userName .two {  }
.sign_agree .part .userName .two input[type="text"] { max-width: 410px; width: 100%; height: 36px; line-height: 34px; border: 1px solid #DDDDDD; }
.sign_agree .part .userNumber { position: relative; max-width: 500px; padding-left: 80px; margin: 0px auto; }
.sign_agree .part .userNumber .one { position: absolute; left: 0px; top: 5px; }
.sign_agree .part .userNumber .two {  }
.sign_agree .part .userNumber .two span { width: 5%; }
.sign_agree .part .userNumber .two input[type="text"] { max-width: 200px; width: 47%; height: 36px; line-height: 34px; border: 1px solid #DDDDDD; }
.sign_agree .part .userNumber .two input[type="password"] { max-width: 200px; width: 47%; height: 36px; line-height: 34px; border: 1px solid #DDDDDD; }
.sign_agree .part .alert { position: relative; font-size: 13px; color:#666666; padding-left: 10px; }
.sign_agree .part .alert:after { display: block; content: '!'; clear: both; position: absolute; left: 0px; top: 0px; color:#FF0000; }
.sign_agree .button { font-size: 0px; text-align: center; }
.sign_agree .button a { display: inline-block; background-color: #000000; max-width: 150px; width: 49%; font-size: 16px; color:#FFFFFF; text-align: center; height: 40px; line-height: 38px; margin-right: 2%; }
.sign_agree .button a:last-child { margin-right: 0px; }
.sign_agree .button a.confirm { background-color: #6C7378; }
.sign_agree .button a.cancle { background-color: #999999; }
.sign_form {}
.sign_form .part { margin-bottom: 40px; }
.sign_form .part .tit { position: relative; font-size: 18px; color:#6C7378; font-weight: 700; line-height: 18px; padding-left: 20px; margin-bottom: 10px; }
.sign_form .part .tit:after { display: block; content: ''; clear: both; background-image: url('../image/sub/tit-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 10px; width: 10px; height: 10px; position: absolute; top: 4px; left: 0px; }
.sign_form .part .form { border-top: 2px solid #6C7378; margin-bottom: 30px; }
.sign_form .part .form th { background-color: #EEEEEE; font-size: 14px; color:#333333; font-weight: 700; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; }
.sign_form .part .form th span { color:#FF0000; margin-left: 5px; }
.sign_form .part .form td { font-size: 14px; font-weight: 400; padding: 12px 6px; border-bottom: 1px solid #DDDDDD; }
.sign_form .part .form td input[type="text"],
.sign_form .part .form td input[type="password"] { width: 100%; height: 30px; line-height: 28px; padding: 0px 10px; border: 1px solid #DDDDDD; }
.sign_form .part .form td span { display: inline-block; margin: 0px 5px; }
.sign_form .part .form td span:first-child { margin-left: 0px; }
.sign_form .part .form td span:last-child { margin-right: 0px; }
.sign_form .part .form td span.address_1 { width: 100%; line-height: 28px; height: 30px; margin-bottom: 5px; }
.sign_form .part .form td span.address_2 { width: 100%; margin: 0px 0px 5px 0px; }
.sign_form .part .form td span.address_3 { width: 100%; margin: 0px; }
.sign_form .part .form td span.address_1 input { width: 45%; max-width: 60px; }
.sign_form .part .form td span.address_1 a.postNum { display: inline-block; background-color: #6C7378; font-size: 13px; color:#FFFFFF; padding: 0px 5px; height: 30px; line-height: 28px; margin-left: 5px; }
.sign_form .part .form td span.phone { width: 25%; max-width: 80px; }
.sign_form .part .form td span.mail { width: 25%; max-width: 120px; }
.sign_form .part .form td span.mail select { background-color: #FFFFFF; width: 100%; height: 30px; line-height: 28px; border: 1px solid #DDDDDD; }
.sign_form .part .form td span.checkBtn { margin: 0px; }
.sign_form .part .form td span.checkBtn a { display: inline-block; background-color: #000000; font-size: 13px; color:#FFFFFF; padding: 0px 10px; line-height: 28px; height: 30px; }
.sign_form .part .form td span.checkBox { display: block; font-size: 13px; margin: 5px 0px 5px 0px; }
.sign_form .part .form td span.checkBox span.input input[type="text"] { width: 50px; height: 20px; line-height: 18px; padding: 0px 5px; }
.sign_form .part .form td span.alert { display: block; font-size: 12px; color:#FF0000; margin: 5px 0px 0px 0px; }

.sign_form .button { font-size: 0px; text-align: center; }
.sign_form .button a { display: inline-block; background-color: #000000; max-width: 150px; width: 49%; font-size: 16px; color:#FFFFFF; text-align: center; height: 40px; line-height: 38px; margin-right: 2%; }
.sign_form .button a:last-child { margin-right: 0px; }
.sign_form .button a.confirm { background-color: #6C7378; }
.sign_form .button a.cancle { background-color: #999999; }

/* 회 원 영 역 */
.loginForm { width:100%; padding: 60px 0px; margin:0px auto; max-width:300px; }
.loginForm .icon { text-align: center; margin-bottom: 20px; }
.loginForm .icon .image { margin-bottom: 10px; }
.loginForm .icon .text { font-size: 24px; font-weight: 500; }
.loginForm .form .list { margin-bottom: 5px; }
.loginForm .form .input { margin-bottom: 5px; }
.loginForm .form .input:last-child { margin-bottom: 0px; }
.loginForm .form .input input { width: 100%; height: 40px; font-size: 14px; line-height: 40px; padding: 0px 10px; border: 1px solid #DDDDDD; }
.loginForm .form .button { margin-bottom: 5px; }
.loginForm .form .button a { display: block; width: 100%; height: 40px; font-size: 16px; color:#FFFFFF; font-weight: 700; text-align: center; line-height: 40px; }
.loginForm .form .button a.loginBtn { background-color: #6C7378; margin-bottom: 5px; }
.loginForm .form .button a.signBtn { background-color: #AAAAAA; }
.loginForm .form .find { font-size: 0px; }
.loginForm .form .find:after { display: block; content: ''; clear: both; }
.loginForm .form .find a { float: left; width: 49%; font-size: 14px; text-align: center; line-height: 40px; height: 40px; border: 1px solid #DDDDDD; margin-right: 2%; }
.loginForm .form .find a:last-child { margin-right: 0px; }
.loginForm .form .alert { font-size: 13px; color:#999999; text-align: center; margin-top: 10px; }

/* 회 원 영 역 */
.findForm { width:100%; padding: 60px 0px; margin:0px auto; max-width:300px; }
.findForm .icon { text-align: center; margin-bottom: 20px; }
.findForm .icon .image { margin-bottom: 10px; }
.findForm .icon .text { font-size: 24px; font-weight: 500; }
.findForm .icon .info { font-size: 12px; }
.findForm .form .list { margin-bottom: 5px; }
.findForm .form .input { margin-bottom: 5px; }
.findForm .form .input:last-child { margin-bottom: 0px; }
.findForm .form .input input { width: 100%; height: 40px; font-size: 14px; line-height: 40px; padding: 0px 10px; border: 1px solid #DDDDDD; }
.findForm .form .input select { background-color: #FFF; width: 100%; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #DDDDDD; border-radius: 0px; }
.findForm .form .phone:after { display: block; content: ''; clear: both; }
.findForm .form .phone .input { float: left; width: 32%; margin-right: 2%; margin-bottom: 0px; }
.findForm .form .phone .input:last-child { margin-right: 0px; }
.findForm .form .button { margin-bottom: 5px; }
.findForm .form .button a { display: block; width: 100%; height: 40px; font-size: 16px; color:#FFFFFF; font-weight: 700; text-align: center; line-height: 40px; }
.findForm .form .button a.loginBtn { background-color: #6C7378; margin-bottom: 5px; }
.findForm .form .button a.signBtn { background-color: #AAAAAA; }
.findForm .form .find { font-size: 0px; }
.findForm .form .find a { float: left; width: 49%; font-size: 14px; text-align: center; line-height: 40px; height: 40px; border: 1px solid #DDDDDD; margin-right: 2%; }
.findForm .form .find a:last-child { margin-right: 0px; }


/* 푸 터 영 역 */
#footer { border-top: 1px solid #DDDDDD; }
#footer .partnership { padding: 20px 0px; }
#footer .partnership img { width: 100%; border: 1px solid #DDDDDD; }
#footer .copyright { background-color: #363636; padding: 20px 0px; }
#footer .copyright:after { display: block; content: ''; clear: both; }
#footer .copyright .container { position: relative; }
#footer .copyright .logo { float: left; margin-right: 30px; }
#footer .copyright .logo a { display: block; width: 164px; height: 32px; background-image: url('../image/footer_logo.png'); background-repeat: no-repeat; background-position: center; background-size: 164px 32px; text-indent: -9999px; }
#footer .copyright .info { float: left; width: 60% }
#footer .copyright .info .info_one ul:after { display: block; content: ''; clear: both; }
#footer .copyright .info .info_one li { float: left; font-size: 12px; color: #999999; margin-right: 15px; }
#footer .copyright .info .info_one li:last-child { margin-right: 0px; }
#footer .copyright .info .info_two { font-size: 12px; color: #999999; }
#footer .copyright .sns { position: absolute; right: 0px; top: 0px; }
#footer .copyright .sns ul:after { display: block; content: ''; clear: both; }
#footer .copyright .sns li { float: left; margin-right: 10px; }
#footer .copyright .sns li:last-child { margin-right: 0px; }
#footer .copyright .sns li a { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 30px 30px; text-indent: -9999px; }
#footer .copyright .sns li.facebook a { background-image: url('../image/footer_face.png'); }
#footer .copyright .sns li.instagram a { background-image: url('../image/footer_insta.png'); }
#footer .copyright .sns li.naver a { background-image: url('../image/footer_blog.png'); }

/* 협회활동 - 요리대회주관 */
.part_tit{position:relative;padding-bottom:5px;margin-bottom:30px;border-bottom:3px solid #dedede;font-size:30px;color:#9d7629;}
.part_tit:after{content:"";position:absolute;bottom:-3px;left:0;width:40px;height:3px;background:#9d7629;z-index:2;}
.table_st.list_00{margin-bottom:30px}
.table_st.list_00 th{padding:10px 0;background:#f9f9f9;font-size:14px;font-weight:700;color:#303030;text-align:center;border:1px solid #dedede;border-left:none}
.table_st.list_00 td{padding:10px 30px;text-align:left;font-size:14px;border:1px solid #dedede}
.table_st.list_00 td{border-right:none}
.part_list{overflow:hidden;width:100%}
.dec{float:left;margin-right:15px;margin-bottom:15px}
.dec img{width:100%}
.dec-2{width:49%;}
.dec-2:nth-child(2n+1){margin-right:0}
.dec-3:nth-child(3n){margin-right:0}
.dec-3{width:32%;}
.part_tit.ship{color:#5c0032}

/* 20230808 footer 추가 */
/* #footer .copyright .logo a {background-size: 164px 40px;} */

/* 20230808 header 추가 */
#header .top {height: 32px;}
#header .bottom .logo a {background-size: 86%;}

/* 230811 logo 추가 */
#header .bottom .logo a {background-image: url('../image/logo.jpg');}

/* 20230817 header 추가 */
#header .bottom .logo a {background-size: 100%;}

/* 20231024 인사말 추가 */
.greeting .text-left {flex: none; width: 100%;}


@media all and (max-width: 1199px) {
	.quick { display: none; }
	.container { padding-left: 15px; padding-right: 15px; }
	#header .bottom .menu li.depth1 > a { font-size: 15px; padding: 0px 15px; }
	.main .section_2 .board .list li p { font-size: 14px; }
	.dec{margin-right:2%}
}
@media all and (max-width: 799px) {

	.mobileN { display: none; }
	#header .top .site li a { padding: 10px 15px; }
	#header .bottom .menu li.depth1 > a { pointer-events: none; font-size: 14px; padding: 0px 10px; }
	.main .section_1 { padding: 15px 0px; }
	.main .section_1 .logout { width: 100%; margin-bottom: 10px; }
	.main .section_1 .login { width: 100%; margin-bottom: 10px; }
	.main .section_1 .enter { width: 100%; }
	.main .section_1 .sns { display: none; }
	.main .section_2 .board { width: 100%; margin-bottom: 20px; }
	.main .section_2 .board:last-child { margin-bottom: 0px; }
	.main .section_2 .board .list li p { font-size: 13px; }
	.main .section_2 .board .list li span { font-size: 12px; }
	.main .section_3 .gallery { width: 100%; margin-bottom: 20px; }
	.main .section_3 .gallery .list .text { font-size: 12px; line-height: 16px; }
	.main .section_3 .video { width: 100%; }
	.sub .sub_wrap .lnb { display: none; }
	.sub .sub_wrap .contents { float: inherit; width: 100%; }
	#footer .copyright .sns { position: relative; display: block; margin-bottom: 10px; }
	#footer .copyright .sns ul { text-align: center; }
	#footer .copyright .sns li { display: inline-block; float: inherit; }
	#footer .copyright .logo { float: inherit; margin-right: 0px; }
	#footer .copyright .logo a { margin: 0px auto 10px auto; }
	#footer .copyright .info { float: inherit; width: 100%; }
	#footer .copyright .info .info_one li { float: inherit; text-align: center; margin-right: 0px; margin-bottom: 5px; }
	#footer .copyright .info .info_two { font-size: 11px; text-align: center; }
}
@media all and (max-width: 767px) {
	#header .top .user li:nth-child(1),
	#header .top .user li:nth-child(2),
	#header .top .user li:nth-child(3) { display: none; }
	#header .bottom .menu { display: none; background-color: #FFFFFF; position: absolute; top: 71px; left: 0px; right: 0px; width: 100%; z-index: 100; }
	#header .bottom .menu li.depth1 { width: 100%; border-bottom: 1px solid #DDDDDD; }
	#header .bottom .menu li.depth1 > a { line-height: 50px; height: 50px; }
	#header .bottom .menu li.depth1:hover > ul,
	#header .bottom .menu li.depth1.active > ul { position: inherit; left: inherit; margin-left: inherit; top: inherit; width: 100%; border-bottom: 0px; background-color: #F3F3F3; }
	#header .bottom .menu.active { display: block; }
	#header .bottom .menu_bar { display: block; position: absolute; right: 15px; top: 50%; margin-top: -15px; }
	#header .bottom .menu_bar a { display: block; width: 30px; height: 30px; background-image: url('../image/mobile_bar.png'); background-repeat: no-repeat; background-position: center; background-size: 30px; text-indent: -9999px; }
	.sub .bread li a { font-size: 12px; }
	.sub .sub_wrap .contents .title span { display: block; font-size: 28px; margin-bottom: 10px; }
	.sub .sub_wrap .contents .title .share { position: inherit; top: inherit; left: inherit; margin-top: inherit; }	
	.board .galleryList li { width: 46%; margin: 2%; }
	.location .info .point { width: 100%; margin-bottom: 15px; }
	.location .info ul { width: 100%; }
	.location .info li span.icon { width: 26px; height: 26px; font-size: 16px; line-height: 26px; }
	.location .info li span.text { width: 85%; font-size: 13px; letter-spacing: -1px; }
	.activity .tab li { width: 25%; }
	.activity .part .box { padding: 40px 20px; }
	.activity .part .box .imageBox { float: inherit; width: 100%; margin-bottom: 20px; }
	.activity .part .box .lstType { float: inherit; width: 100%; }
	.activity .part .box .lstType_1 > li > .lstType_2 { padding-left: 0px; }
	.greeting { padding-left: 0px; }
	.greeting .image { position: inherit; max-width: 200px; width: 100%; margin: 0px auto 20px auto; }
	.organization .team .box .class { font-size: 14px; }
	.organization .team .box .name { font-size: 12px; }
	.organization .team .box { width: 19%; margin: 0px 0.5%; }
	.certification .box { padding: 40px; }
	.certification .box .icon { position: inherit; top: inherit; left: inherit; margin-bottom: 20px; }
	.seniorGuide .textBox .boxStep li:nth-child(2):after { top: inherit; left: 0px; bottom: -24px; margin-left: -24px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(135deg); }
	.seniorGuide .textBox .boxStep li:nth-child(4):after { display: none; }
	.seniorGuide .textBox .boxStep li { width: 42%; margin: 4%; }
	.seniorGuide .textBox .boxStep li .caption { font-size: 12px; line-height: 16px; height: 54px; }
	.certification .textBox .boxStep li:nth-child(2):after { top: inherit; left: 0px; bottom: -24px; margin-left: -24px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(135deg); }
	.certification .textBox .boxStep li:nth-child(4):after {  top: inherit; left: 0px; bottom: -24px; margin-left: -24px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(135deg); }
	.certification .textBox .boxStep li:nth-child(5):after { display: none; }
	.certification .textBox .boxStep li { width: 42%; margin: 4%; }
	.certification .textBox .boxStep li .caption { font-size: 12px; line-height: 16px; height: 54px; }


}
@media all and (max-width: 413px) {
	#header .top .container { padding-right: 0px; padding-left: 0px; }
	#header .top .site li a { padding: 10px; }
	.main .section_1 .login .input { width: 100%; padding-right: 0px; margin-bottom: 5px; }
	.main .section_1 .login .button { position: relative; width: 100%; height: 40px; }
	.main .section_1 .login .button a { font-size: 14px; line-height: 40px; height: 40px; }
	.sub .bread li a { font-size: 10px; }
	.sub .sub_wrap .contents .title span { font-size: 16px; }
	.board .galleryList li { width: 100%; margin: 0px 0px 15px 0px; }
	.board .pagination a { width: 24px; height: 24px; font-size: 13px; line-height: 22px; }
	.enterForm .form .table td span.bankName { width: 100%; margin-bottom: 5px; }
	.enterForm .form .table td span.bankNum { width: 100%; margin-left: 0px; }
	.part_list{width:100%;text-align:center;}
	.dec{float:none;width:100%;text-align:center}
	.activity .part.active img{width:auto;}
}
@media all and (max-width: 399px) {
	.pur_info span br{display:none}
}
@media all and (max-width: 374px) {
}
@media all and (max-width: 359px) {
}
@media all and (max-width: 319px) {
}

/* 20181012 */
body #content .block{display:block}
.main .section_1 .enter .link_box{display:inline-block;width:48%;padding:6% 14%;background:#fff;border:1px solid #d9d9d9}
.main .section_1 .enter .link_box a{display:block;height:100%}
.main .section_1 .enter .link_box a p{margin-top:20px;font-size:16px;color:#4e4e4e;}
.attend_apply{margin-right:10px}
.synop_txt{margin-bottom:3%;font-size:1.1em;line-height:1.8em}
.img_info{margin-bottom:3%;padding:4% 5%;background:#927533}
.chapter02 .img_info{background:#4f0034}
.img_info ul{line-height:2em}
.img_info li{position:relative;display:inline-block;width:49%;padding-left:11px;font-size:1.2em;font-weight:normal;color:#fff;}
.img_info li:first-child, .img_info li:nth-child(2){width:100%}
.img_info li:first-child{font-size:2.5em;margin-bottom:3%}
.purpose{overflow:hidden}
.purpose li{display:inline-block;float:left;width:32%;margin-right:2%;margin-top:3%}
.purpose li:first-child, .purpose li:last-child{margin-left:0;}
.purpose li:nth-child(3n){float:right;margin-right:0}
.purpose li:nth-child(1), .purpose li:nth-child(2), .purpose li:nth-child(3){margin-top:0}
.purpose li img{width:100%}
.pur_info{height:201px;padding:11% 8%;border:1px solid #dddddd;border-top:0;box-sizing:border-box}
.pur_info p{font-weight:bold;font-size:1.3em}
.pur_info span{display:block;margin-top:7px;font-size:1.1em;line-height:1.8em;letter-spacing:-0.11em;}
.activity .tab.tab3 li{width:33.3%}
.affir_box{padding:4% 0}
.affir_box.top{padding-top:0;border-bottom:1px solid #dddddd}
.affir_int{display:inline-block;margin-right:8%;vertical-align:top}
.affir_tit{margin-top:15px;}
.affir_int span{display:block;font-size:1.2em;color:#000}
.affir_int p{font-size:3em;color:#000;line-height:1.3em}
.affir_list{display:inline-block;width:29%;vertical-align:top}
.affir_list .list_down p{font-weight:bold;font-size:1.5em}
.affir_list .list_down ul{margin-top:4%;line-height:1.9em}
.affir_list .list_down li{position:relative;padding-left:7%;font-size:1.2em;color:#444}
.affir_list .list_down li:before{content:"·";position:absolute;top:3px;left:0;color:#444}
.affir_list div:not(.top){margin-top:15%} 
.board .button a.reply{background:#ececec;border:1px solid #dcdcdc;vertical-align:top}
.writer .singnature{display:inline-block;}
.writer .singnature img{width:150px;vertical-align:bottom}

@media all and (max-width: 1024px) {
	.greeting .text {
        flex-wrap:wrap;
    }

    .greeting .text-left {
        width: 100%;
        order: 2;
    }

    .greeting .text-right {
        width: 100%;
        order: 1;
        margin-left: 0;
    }

    .text-right__txt {
        padding: 0 20px;
        text-align: center;
    }

    .text-right__group {
        margin-left: 0;
    }

    .text-right__img {
        text-align: center;
    }

    .text-right__img img {
        margin-left: 0;
    }
	.main .section_1 .enter .link_box{width:47%;padding:22px 0}
	.activity .part.active img{width:100%;height:100%}
	.pur_info span br{display:none}
	.synop_txt{font-size:1.4em}
	.history .part .text .box .list li span.date{width:20%}
}
@media all and (max-width: 799px) {
	.main .section_1 .enter .link_box{width:49%;}
	.img_info li{font-size:1.4em}
	.history .part .text .box{padding:5%}
}
@media all and (max-width: 767px) {
	.greeting {
        padding-left: 0px;
    }

    .greeting .image {
        position: inherit;
        max-width: 200px;
        width: 100%;
        margin: 0px auto 20px auto;
    }
}
@media all and (max-width: 640px) {
	.main .section_1 .enter .link_box{width:48%;}
	.img_info{padding:4% 2%}
	.img_info ul{line-height:3em}
	.purpose li{width:48%;margin-top:2%}
	.purpose li:nth-child(odd){float:left;}
	.purpose li:nth-child(even){float:right;margin-right:0}
	.purpose li:nth-child(3){margin-top:2%}
	.history .part .text .box .list li span.date{width:24%}
}
@media all and (max-width: 425px) {
	.img_info li{width:100%}
	.purpose li{width:100%;margin-right:0}
	.purpose li:nth-child(2){margin-top:2%}
	.pur_info{font-size:1.2em}
	.activity .part .box .lstType_1 > li > .lstType_2 > li > .lstType_3 > li{width:48%}
	.activity .part .box .imageList .img{width:100%}
	.activity .part .box .imageList .img:last-child{margin-top:5px}
	.history .part .text .box .list li span.date{width:100%}
}
@media all and (max-width: 375px) {
}
@media all and (max-width: 330px) {
	.main .section_1 .enter .link_box{width:47%;}
}