@charset "utf-8";
/* com2zoa design JJH 20190315 */

/* COMMON STYLE */
.common_h4 {font-weight: 500; font-size: 1.308em; padding-left: 24px; background: url(../images/sub/blt_h4.gif) 0 5px no-repeat; line-height: 1.4; background-size: 15px; margin-top: 32px;}
.common_h4:first-child {margin-top: 0;}

.common_tbl table {width: 100%; border-top: 2px solid #212121;}
.common_tbl td, .common_tbl th {padding: 12px 8px; vertical-align: middle; text-align: center; border: 1px solid #dbdbdb; line-height: 1.4;}
.common_tbl tbody th {background: #fafafa;font-weight: 600;}
.common_tbl thead th {background: #edeaea;}
.common_tbl .left {text-align: left; padding: 12px 16px;}

.common_tbl.color1 table {border-top-color: #bd4e4e;}
.common_tbl.color1 thead th {background: #faf3f3; border-right: 1px solid #efb1b1; color: #bd4e4e;}
.common_tbl.color1 thead th:last-child {border-right-color: #dbdbdb;}
.common_tbl.color2 table {border-top-color: #5a80e2;}
.common_tbl.color2 thead th {background: #f3f6fd; border-right: 1px solid #cdd9f6; color: #5a80e2;}
.common_tbl.color2 thead th:last-child {border-right-color: #dbdbdb;}

/* 서브비주얼 */
.sub_visual {height: 167px; background: url(../images/sub/bg_sub_visual.jpg) 50% 0 no-repeat;}
.sub_visual .sub_intro {width: 100%; max-width: 1200px; margin: 0 auto; color: #fff; padding: 44px 0 0 20px;}
.sub_visual .sub_intro dt {font-size: 2.154em; font-weight: 500; text-shadow: 3px 4px 4px rgba(0, 0, 0, .3);}
.sub_visual .sub_intro dt:after {content: ""; display: block; width: 135px; height: 2px; background: #fff; margin: 14px 0; box-shadow: 3px 3px 4px rgba(0, 0, 0, .3);}
.sub_visual .sub_intro dd {font-size: 16px; text-shadow: 3px 4px 4px rgba(0, 0, 0, .3); line-height: 1.3;}

.subContain {width: 100%; max-width: 1200px; margin: 0 auto;}

/* 서브NAV */
.subMn {display: none;}
.sub_guide {position: absolute;}

/* 서브TOP */
#subTop {position: relative;}
#subTop .subtit {font-weight: 700; color: #212121; background: url(../images/sub/pattn_sub_tit.gif) 0 100% repeat-x;}
#subTop .subtit span {display: inline-block; border-bottom: 4px solid #4a4a4a;}

/* TAB */
#tabNavi li {float: left;}
#tabNavi li a {display: block; background: #f5f6f8 url(../images/sub/arw_tab.png) 100% 50% no-repeat; border: 1px solid #dbdbdb; margin: -1px 0 0 -1px; padding: 16px 12px; color: #212121; font-size: 1.077em; transition: all .4s;}
#tabNavi li:hover a,
#tabNavi .on a {background-image: url(../images/sub/arw_tab_a.png); background-color: #429443; border-color: #429443; color: #fff;}

/* 서브 PAGE */
#subPage {padding: 32px 0 50px 0; min-height: 400px;}

/* 서브 QUICK */
.sub_quick {display: none;}

/* 회장 인사말 */
.intro .top {border-bottom: 1px solid #dbdbdb; font-weight: 500;}
.intro .top span {display: block;}
.intro .top .top_txt1 {color: #1c5310;}
.intro .top .top_txt2 {color: #212121;}
.intro .parag {font-size: 1.154em; line-height: 1.6; margin-bottom: 32px; text-align: justify;}
.intro .parag strong {font-weight: 500; color: #212121;}
.intro .sign {text-align: right; color: #929292; font-size: 1.385em; font-weight: 500;}
.intro .sign::before {content: ""; display: block; width: 100px; height: 2px; background: #212121; float: right; margin-bottom: 20px;}
.intro .sign dt {margin-bottom: 16px; clear: both;}
.intro .sign dd {line-height: 36px;}
.intro .sign dd img {margin-left: 8px;}
.intro .parag_box .parag {margin-bottom:5px}
.intro .parag_box .up_box{width:60%; padding:10px;margin-bottom:5px;  border-radius:3px; border:2px solid #f1f1f1; font-size: 1.154em; line-height: 1.6; font-weight:500}
.intro .parag_box .up_box span{font-weight:600}
.intro .parag_box .up_box span.col01{color:#ff4520}
.intro .parag_box .up_box span.col02{color:#15a071}
.intro .parag_box .up_box span.col03{color:#2f66f3}
.intro .parag.btm{margin-top:20px;}

/* 설립 목적 및 근거 */
.basis .round_box {border: 1px solid #dbdbdb; padding: 24px; border-radius: 8px; box-shadow: 0 3px 0 rgba(0, 0, 0, .14); margin-top: 16px;}
.basis .basis_tit {font-size: 1.154em; padding-left: 8px; font-weight: 400; color: #0f4909; margin-top: 20px; line-height: 1.3;}
.basis .basis_txt {font-size: 1.154em; color: #212121; line-height: 1.4;}
.basis .basis_list {font-size: 1.077em; line-height: 1.4;}

/* 정관 */
.clause {font-family: 'Nanum Gothic';}
.clause .top_area {padding-top: 48px; background: url(../images/sub/img_clause_top.gif) 50% 0 no-repeat}
.clause .clause_tit {font-size: 1.538em; text-align: center; line-height: 1.3;}
.clause .clause_history {text-align: right; padding: 24px 0; line-height: 1.4;}
.clause .clause_history li::before {content: ""; display: inline-block; width: 3px; height: 3px; background: #381515; margin: 0 6px 1px 0; vertical-align: middle;}
.clause .clause_history li:last-child {color: #381515; font-weight: 500;}
.clause .chapter {margin-top: 40px;}
.clause .chapter_tit {border-bottom: 1px solid #585858; font-size: 1.154em; margin-bottom: 24px; color: #0b36a2; font-weight: 600;}
.clause .chapter_tit span {display: inline-block; padding: 10px 6px; border-bottom: 3px solid #0b36a2; margin-bottom: -1px;}
.clause .content_tit {font-size: 1.077em; font-weight: 600; margin-top: 18px;}
.clause .content_txt {margin-top: 10px; line-height: 1.3; text-align: justify;}
.clause .content_list {border: 1px solid #dbdbdb; margin-top: 8px; padding: 12px 20px; line-height: 1.4; background: #fafdff;}
.clause .content_list li {margin-top: 4px;}
.clause .content_list li:first-child {margin-top: 0;}

/* 조직 및 기구 */
.organ .round_box2 {border: 1px solid #dbdbdb; padding: 24px; border-radius: 8px; box-shadow: 0 3px 0 rgba(0, 0, 0, .14); margin-top: 16px;}
.organ .organ_txt {font-size: 1.154em; color: #212121; line-height: 1.4;}

/* 오시는길 */
.comming .root_daum_roughmap_landing {width: 100% !important; padding:0; border:none}
.comming .map_area {margin-bottom: 32px;}
.comming .add_wrap {border: 1px solid #dbdbdb; position: relative; padding: 24px; margin-top: 16px;}
.comming .add_wrap .add_tit {font-size: 1.385em; font-weight: 600; margin-bottom: 14px; padding: 4px 0 4px 42px; background-position: 0 50%; background-size: 32px; background-repeat: no-repeat;}
.comming .add_wrap.add1 .add_tit {background-image: url(../images/sub/ico_add1.gif);}
.comming .add_wrap.add2 .add_tit {background-image: url(../images/sub/ico_add2.gif);}
.comming .add_wrap.add3 .add_tit {background-image: url(../images/sub/ico_add3.gif);}
.comming .add_wrap .add_tit:after {content: ""; display: block; width: 32px; height: 3px; background: #212121; margin-top: 8px;}
.comming .add_wrap .add_content {font-size: 1.154em; line-height: 1.4;}
.comming .address {margin: 4px 0;}
.comming .address span {display: inline-block; border: 1px solid #212121; padding: 2px 6px; margin-right: 10px;}
.comming .tel {font-size: 1.231em; margin: 4px 0;}
.comming .tel span {color: #b0b0b0; font-size: 0.875em;}
.comming .bus li {margin: 6px 0;}
.comming .bus span {display: inline-block; font-size: 0.846em; color: #fff; border-radius: 4px; padding: 0 6px 1px 6px; vertical-align: middle; margin: -2px 6px 0 0;}
.comming .bus .col1 {background: #2144c7;}
.comming .bus .col2 {background: #13a113;}
.comming .bus .col3 {background: #ff5c14;}
.comming .bus .col4 {background: #212121;}

/* 연혁 */
.history .history_nav {background: #fafdff; border: 1px solid #dbdbdb; padding: 18px 24px; margin-bottom: 44px;}
.history .history_nav li {float: left; width: 25%; box-sizing: border-box; line-height: 1.8; margin: 4px 0; position: relative;}
.history .history_nav li::before {content: ""; display: inline-block; width: 3px; height: 3px; background: #ff6000; vertical-align: middle; margin-right: 6px;}
.history .history_nav .btn_his {background: none; border: 0; padding: 0; color: #585858; letter-spacing: -0.5px;}
.history .history_nav .btn_his.on ,
.history .history_nav .btn_his:hover {color: #e45600; text-decoration: underline; font-weight: 500;}
.history .his_tit {background: #5b91c2; text-align: center; color: #fff; font-weight: 500; font-size: 1.308em; position: relative; line-height: 40px; overflow: hidden;}
.history .his_tit:after,
.history .his_tit::before {content: ""; display: block; width: 127px; height: 127px; height: 52px; background: url(../images/sub/bg_history.png) 0 0 no-repeat; position: absolute;}
.history .his_tit:after {transform: rotate(180deg); right: 0; bottom: 0;}
.history .his_tit:before {left: 0; top: 0;}
.history .his_box {padding-top: 32px;}
.history .his_year {font-size: 1.538em; font-weight: 500; color: #09a4e5; background: url(../images/sub/line_gray.gif) 0 50% repeat-x; margin-bottom: 16px;}
.history .his_year span {display: inline-block; position: relative; padding-right: 20px; background: #fff;}
.history .his_year span:after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 8px; height: 8px; background: #a9a9a9; border-radius: 50%;}
.history .his_list {padding: 20px 0 40px 0;}
.history .his_list li span {display: block; background: #fff; position: relative; padding-left: 16px;}
.history .his_list li {line-height: 1.6; margin-top: 8px;}
.history .his_list li:first-child {margin-top: 0;}
.history .his_list li span::before {content: ""; display: inline-block; width: 9px; height: 9px; box-sizing: border-box; border: 2px solid #00a1e4; border-radius: 50%; position: absolute; left: 0; top: 6px;}

/* 상담안내 */
.counsel .top_box {background: url(../images/sub/bg_counsel_top.gif) 0 0 repeat-y; color: #fff; padding: 24px;}
.counsel .top_box dt {font-size: 1.846em; margin-bottom: 12px; font-weight: 200;}
.counsel .top_box dd {font-size: 1.077em; line-height: 1.4; font-weight: 200;}
.counsel .round_box {border: 1px solid #dbdbdb; padding: 20px 24px; border-radius: 8px; box-shadow: 0 3px 0 rgba(0, 0, 0, .14); margin-top: 16px;}
.counsel .couns_list > li {line-height: 1.4; margin-top: 6px;}
.counsel .couns_list > li:first-child {margin-top: 0;}
.counsel .couns_list2 {padding: 6px 14px;}
.counsel .couns_list2 li {position: relative; padding-left: 8px;}
.counsel .couns_list2 li::before {content: ""; display: block; width: 3px; height: 3px; background: #333c42; position: absolute; left: 0; top: 7px;}
.counsel .couns_list strong {color: #2d57c4; font-weight: 600;}
.counsel .emph {color: #212121; font-size: 1.077em; margin-bottom: 10px; line-height: 1.2;}
.counsel .two_box dl {margin-top: 16px;}
.counsel .two_box dt {text-align: center; color: #fff; font-size: 1.154em; border-radius: 6px 6px 0 0; padding: 10px 0;}
.counsel .two_box dd {border: 1px solid #dbdbdb; border-top: 0; border-radius: 0 0 6px 6px; padding: 16px;}
.counsel .two_box .box1 dt {background: #5fb13e;}
.counsel .two_box .box2 dt {background: #ea7927;}
.counsel .two_box .couns_list li {position: relative; padding-left: 8px;}
.counsel .two_box .couns_list li::before {content: ""; display: block; width: 3px; height: 3px; position: absolute; left: 0; top: 7px;}
.counsel .box1 li::before {background: #5fb13e;}
.counsel .box2 li::before {background: #ea7927;}
.counsel .common_tbl {margin-top: 16px;}
.counsel .box1 dd {background: url(../images/sub/ico_two_box1.gif) 100% 50% no-repeat;}
.counsel .box2 dd {background: url(../images/sub/ico_two_box2.gif) 100% 50% no-repeat;}

/* 회원혜택 */
.benefit .bene_tit {font-size: 1.538em; text-align: center; font-weight: 350; margin-bottom: 64px;}
.benefit .bene_tit span {display: inline-block; position: relative; padding-bottom: 6px;}
.benefit .bene_tit span::before {content: ""; display: block; width: 100%; height: 55%; position: absolute; left: 0; bottom: 0; z-index: -1; background: #c7e5fb;}
.benefit .bene_tit2 {font-size: 1.077em; font-weight: 350; color: #212121; position: relative; padding: 4px 0 10px 30px; margin-top: 16px;}
.benefit .bene_tit2 .num {color: #fff; background: #1172ba; display: inline-block; width: 24px; height: 26px; text-align: center; line-height: 24px; border-radius: 0 100px 100px 100px; position: absolute; left: 0; top: 0; font-size: 0.929em;}
.benefit .bene_box {padding: 12px 20px; background: #f0f0f0; margin-top: 8px;}
.benefit .bene_txt {line-height: 1.4; text-align: justify;}
.benefit .btm_txt {color: #fff; font-size: 1.154em; text-align: center; background: #062c60; padding: 12px; line-height: 1.4; margin-top: 24px;}

/* 연구대회 개요 */
.contest .round_box {border: 1px solid #dbdbdb; padding: 24px; border-radius: 8px; box-shadow: 0 3px 0 rgba(0, 0, 0, .14); margin-top: 16px;}
.contest .basis_tit {font-size: 1.154em; padding-left: 8px; font-weight: 400; color: #0f4909; margin-top: 20px; line-height: 1.3;}

/* 회원가입절차 */
.register .round_box {border: 1px solid #dbdbdb; padding: 24px; border-radius: 8px; box-shadow: 0 3px 0 rgba(0, 0, 0, .14); margin-top: 16px; position: relative;}
.register .regi_list {font-size: 1.077em; line-height: 1.4;}
.register .regi_list li {margin-top: 6px; padding-left: 11px; text-indent: -11px;}
.register .regi_list li:first-child {margin-top: 0;}
.register .regi_use_tit {font-size: 1.154em; text-align: center; margin-bottom: 24px; font-weight: 600; color: #ea1717; line-height: 1.3;}
.register .round_box .img {display: block; max-width: 681px; border: 1px solid #dbdbdb; margin: 0 auto;}
.register .round_box .img img {width: 100%;}
.register .btn_down {display: block; color: #fff; line-height: 1.3; padding: 8px 48px 8px 12px; border-radius: 6px; font-size: 1.154em; background: #f65732 url(../images/sub/ico_down.png) 95% 50% no-repeat; margin-top: 10px;}
.register .btn_down.btn_down02{background-color:#2f4a8a}

/* 홈페이지운영규칙 */
.rule_wrap .divide {margin-top: 40px; padding-top: 40px; border-top: 1px solid #dbdbdb;}
.rule_wrap .divide:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
.rule_wrap .rule_tit {font-weight: 500; font-size: 1.154em; line-height: 1.3; padding: 0 12px; position: relative; color: #212121;}
.rule_wrap .rule_tit::before {content: ""; display: block; width: 3px; height: 3px; background: #212121; position: absolute; left: 0; top: 7px;}
.rule_wrap .rule_txt {line-height: 1.4; margin-top: 16px; padding: 0 10px; text-align: justify; word-break: keep-all}
.rule_wrap .rule_txt2 {line-height: 1.4; text-align: justify; word-break: keep-all}
.rule_wrap .rule_txt2 > li {margin-top: 8px; padding-left: 12px; text-indent: -12px;}
.rule_wrap .rule_txt2 > li:first-child {margin-top: 0;}
.rule_wrap .rule_txt strong {font-weight: 500; color: #212121;}
.rule_wrap .rule_txt > li {margin-top: 8px; padding-left: 15px; text-indent: -15px;}
.rule_wrap .rule_txt > li:first-child {margin-top: 0;}
.rule_wrap .rule_txt .rule_txt {margin: 8px 0; padding: 0;}
.rule_wrap .rule_top {border: 1px solid #dbdbdb; border-top-color: #212121; padding: 8px 24px 20px 24px;}
.rule_wrap .rule_dl {margin-top: 8px; text-indent: 0;}
.rule_wrap .rule_dl dt {font-weight: 500; color: #212121;}
.rule_wrap .rule_dl dd {padding: 6px 0 0 12px; line-height: 1.4;}
.rule_wrap .rule_tbl {text-indent: 0;}
.rule_wrap .rule_tbl table {width: 100%; border-top: 1px solid #2a4ea4; border-left: 1px solid #dbdbdb; margin: 8px 0;}
.rule_wrap .rule_tbl td,
.rule_wrap .rule_tbl th {text-align: center; padding: 8px; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; vertical-align: middle;}
.rule_wrap .rule_tbl th {font-weight: 500; color: #212121;}
.rule_wrap .bd_box ul {border: 1px solid #dbdbdb; padding: 16px 24px;}
.rule_wrap .bd_box ul li {float: left; width: 25%; margin: 4px 0;}
.rule_wrap .mgt20 {margin-top: 20px;}


/* MOBILE - TABLET LAYOUT */
@media only screen and (max-width:1199px) {

    /* 서브비주얼 */
    .sub_visual .sub_intro {text-align: center; padding: 44px 24px 0 24px; width: auto;}
    .sub_visual .sub_intro dt:after {margin: 14px auto;}

    /* 왼쪽메뉴 */
    #subLeft {display: none;}

    /* 서브TOP */
    #subTop {padding: 39px 12px 0 12px; margin-bottom: 24px;}
    #subTop .subtit {font-size: 1.538em; text-align: center;}
    #subTop .subtit span {padding: 30px 4px 26px 4px;}
    
    /* 서브NAV */
    .sub_guide {left: 0; top: 0; width: 100%;}
    .sub_guide .guide_wrap {padding-left: 38px; border-bottom: 1px solid #dbdbdb;}
    .sub_guide .btn_home {width: 38px; height: 38px; display: block; position: absolute; left: 0; top: 0; background: #1a54a2 url(../images/sub/btn_home1.png) 50% 50% no-repeat;}
    .sub_guide .naviArea > ul > li {float: left; position: relative;}
    .sub_guide .naviArea > ul > li > a {display: block; font-size: 15px; font-weight: 200; line-height: 38px; padding: 0 32px 0 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-left: 1px solid #dbdbdb; background: url(../images/sub/arw_sub_nav.png) 100% 50% no-repeat;}
    .sub_guide .subMn {position: absolute; left: 0; top: 38px; background: #1a54a2; width: 100%;}
    .sub_guide .subMn a {display: block; padding: 12px 8px; color: #fff; border-top: 1px solid #bbcce3; font-size: 1.077em;}
    .sub_guide .subMn li:hover a {background: #062c60;}

    /* TAB */
    #tabNavi {padding: 0 12px; margin-bottom: 24px;}

    #subPage {padding: 32px 12px 50px 12px;}

    /* 회장 인사말 */
    .intro .photo {display: none;}
    .intro .top {text-align: center; padding:0 0 24px 0; margin-bottom: 32px;}
	.intro .parag_box .up_box{width:auto}
	.intro .parag_box br{display:none}
	.intro .parag_box .up_box br{display:block}

}

/* MOBILE LAYOUT */
@media only screen and (max-width:767px) {
   
    /* TAB */
    #tabNavi li {width: 50%;}
    #tabNavi li a {padding: 12px; font-size: 1em;}

    /* 회장 인사말 */
    .intro .top .top_txt1 {font-size: 1.231em; margin-bottom: 12px;}
    .intro .top .top_txt2 {font-size: 1.538em;}
    .intro .parag {font-size: 1.077em;}

    /* 조직 및 기구 */
    .organ .chart_img {display: none;}
    .organ .chart {text-align: center; font-size: 1.154em; background: url(../images/sub/line_gray.gif) 50% 0 repeat-y;}
    .organ .rnd {border-radius: 6px;}
    .organ .head {background: #2a4ea4; color: #fff; padding: 12px; margin-bottom: 28px;}
    .organ .council {background: #6f90de; color: #fff; padding: 12px; margin-bottom: 28px;}
    .organ .chairman {background: #767676; color: #fff; padding: 12px; margin-bottom: 28px;}
    .organ .mid {margin-bottom: 28px; border-top: 1px solid #dbdbdb;}
    .organ .mid li {width: 33%; margin-left: 0.5%; float: left; line-height: 1.3; padding-top: 24px; background: url(../images/sub/line_gray.gif) 50% 0 repeat-y; position: relative;}
    .organ .mid li:first-child {margin-left: 0;}
    .organ .mid li:first-child::before,
    .organ .mid li:last-child::before {content: ""; display: block; width: 50%; height: 1px; position: absolute; top: -1px; background: #fff;}
    .organ .mid li:first-child::before {right: 50%;}
    .organ .mid li:last-child::before {left: 50%;}
    .organ .round_box {display: block; border: 2px solid #dbdbdb; padding: 10px; background: #fff; margin: 2px 0;}
    .organ .organ_txt  {font-size: 1.077em;}

    /* 연혁 */
    .history .his_tit {font-size: 1.154em; line-height: 32px;}
    .history .history_nav li {width: 100%}
    .history .his_tit:after,
    .history .his_tit::before {display: none;}

    /* 회원가입절차 */
    .register .down_area a {font-size: 1em;}
   
}

/* TABLET LAYOUT */
@media only screen and (min-width:768px) and (max-width:1199px) {

   /* 회장 인사말 */
   .intro .top .top_txt1 {font-size: 1.846em; margin-bottom: 16px;}
   .intro .top .top_txt2 {font-size: 2.462em;}
    
}

/* TABLET - PC LAYOUT */
@media only screen and (min-width:768px) {

    /* TAB */
    #tabNavi li {width: 25%;}

    /* 조직 및 기구 */
    .organ .chart {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden;}
    .organ .chart_img {width: 100%; max-width: 754px; margin: 0 auto;}

    /* 연혁 */
    .history .his_tit {font-size: 1.231em; line-height: 42px;}
    .history .his_box {padding-top: 0; position: relative;}
    .history .his_year {font-size: 2.308em; position: absolute; left: 0; top: 45px; z-index: 60; width: 200px;}
    .history .his_list li {font-size: 1.154em; background: url(../images/sub/line_gray.gif) 0 50% repeat-x; padding-left: 100px; z-index: 65;}
    .history .his_list li span {padding-left: 32px;}
    .history .his_list li span::before {width: 11px; height: 11px; top: 7px;}

    /* 상담안내 */
    .counsel .two_box dl {width: 49%;}
    .counsel .two_box .box1 {float: left;}
    .counsel .two_box .box2 {float: right;}

    /* 회원혜택 */
    .benefit .bene_tit {font-size: 2.154em;}
    .benefit .bene_tit2 {font-size: 1.154em; padding: 7px 0 10px 37px;}
    .benefit .bene_tit2 .num {font-size: 0.933em; width: 30px; height: 30px; line-height: 28px;}

    /* 회원가입 절차 */
    .register .btn_down {position: absolute; right: 24px; top: 33%; transform: translateY(-50%); margin: 0;}

	/* 회원가입 절차 평생회원가입 신청서 버튼 추가 : 2024.04.01 */
	.register .btn_down.btn_down02{top: 67%; background-color:#2f4a8a}
}

/* PC LAYOUT */
@media only screen and (min-width:1200px) {

    .sub_visual {margin-bottom: 28px;}

    /* 서브TOP */
    #subTop {margin-bottom: 32px;}
    #subTop .subtit {font-size: 2em;}
    #subTop .subtit span {padding: 24px 0 20px 0;}

    /* 서브 NAV */
    .sub_guide {right: 8px; top: 36px;}
    .sub_guide .naviArea {padding-left: 17px; position: relative;}
    .sub_guide .naviArea li {float: left; padding-left: 10px; margin-left: 5px; background: url(../images/sub/arw_sub_nav2.gif) 0 50% no-repeat;}
    .sub_guide .naviArea li:last-child a {color: #005aab; font-weight: 500;}
    .sub_guide .btn_home {background: url(../images/sub/btn_home2.gif) 0 0 no-repeat; width: 12px; height: 12px; display: block; position: absolute; left: 0; top: 0;}

    /* 서브 LEFT */
    #subLeft {float: left; width: 235px;}

    #subLeft .leftTit {background: #2a4ea4 url(../images/sub/bg_left_tit.png) 50% 50% no-repeat;}
    #subLeft .leftTit h2 {font-weight: 500; font-size: 1.538em; text-align: center; color: #fff; padding: 30px 0;}

    #subLeft .leftMn {border: 1px solid #dbdbdb; border-top: 0; border-bottom: 0; margin-bottom: 16px;}
    #subLeft .leftMn > li > a {display: block; font-size: 1.231em; color: #212121; padding: 16px 22px; border-bottom: 1px solid #dbdbdb; background: url(../images/sub/arw_left_menu.png) 100% 50% no-repeat;}
    #subLeft .leftMn > li:hover > a,
    #subLeft .leftMn > .leftMenuOver > a {background-image: url(../images/sub/arw_left_menu_a.png); font-weight: 500; color: #2a4ea4; text-decoration: underline;}
    #subLeft .third {background: #eeeff2; border-bottom: 1px solid #dbdbdb; padding: 16px 12px;}
    #subLeft .third li a {display: block; padding: 6px 22px 7px 22px; line-height: 1.4; position: relative; font-size: 1.077em;}
    #subLeft .third li a::before {content: ""; display: bock; width: 5px; height: 2px; background: #3064bf; position: absolute; left: 12px; top: 50%; transform: translateY(-50%)}
    #subLeft .third li a:hover {font-weight: 500; color: #3064bf; text-decoration: underline}
    #subLeft a[target="_blank"]:after {content: ""; display: inline-block; width: 10px; height: 10px; background: url(../images/main/ico_new_window.png) 0 0 no-repeat; margin-left: 6px}

    #subLeft .cafe_link {border-radius: 4px; background: #2eb80d url(../images/sub/ico_cafe_link.gif) 10px 50% no-repeat; color: #fff;}
    #subLeft .cafe_link a {display: block; font-size: 1.077em; color: #fff; line-height: 1.4; padding: 14px 0 14px 66px;}

    /* 서브 RIGHT */
    #subRight {float: right; width: 910px}

    /* TAB */
    #tabNavi {margin-bottom: 32px;}

    /* 서브 QUICK */
    .sub_quick {position: absolute; left: 50%; top: 400px; margin-left: 624px; z-index: 90; display: block;}
    .sub_quick .font {border: 1px solid #dbdbdb; border-radius: 3px; text-align: center; background: #fff; margin-bottom: 4px;}
    .sub_quick .font dt {width: 35px; line-height: 32px; margin: 2px 2px 0 2px; background: #ea6f14; color: #fff;}
    .sub_quick .font dd a {display: block; height: 28px; line-height: 28px; border-top: 1px solid #dbdbdb;}
    .sub_quick .font .font01 a {border-top: 0; background: url(../images/sub/btn_font1.png) 50% 50% no-repeat;}
    .sub_quick .font .font03 a {background: url(../images/sub/btn_font2.png) 50% 50% no-repeat;}
    .sub_quick .btn_top {border: 1px solid #dbdbdb; border-radius: 3px; background: #fff;}

    /* 회장 인사말 */
    .intro {padding-left: 8px;}
    .intro .photo {float: right; padding-left: 12px; background: #fff;}
    .intro .top {padding: 60px 0 24px 0; margin-bottom: 32px;}
    .intro .top .top_txt1 {font-size: 1.846em; margin-bottom: 12px;}
    .intro .top .top_txt2 {font-size: 2.154em;}

    /* 오시는 길 */
    .root_daum_roughmap .wrap_map {height: 420px !important;}
    .comming .add_wrap {padding-left: 260px}
    .comming .add_wrap .add_tit {position: absolute; left: 36px; top: 50%; transform: translateY(-50%); font-size:1.692em; padding: 20px 0; background-position: 100% 50%; background-size: 64px; width: 190px;}

    /* 상담안내 */
    .counsel .top_box {padding: 30px 36px;}
    .counsel .top_box dt {font-size: 2.462em;}

}

/* LOWSET FIX */
@media only screen and (max-width:850px) {

    /* 연혁 */
    .history .history_nav li {width: 33.3%}

    .rule_wrap .bd_box ul li {width: 33.3%;}

}

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

    .rule_wrap .bd_box ul li {width: 50%;}
    
}

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

    /* 연혁 */
    .history .history_nav li {width: 50%}
    
}

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

    .rule_wrap .bd_box ul li {width: 100%;}
    
}

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

    /* 조직 및 기구 */
    .organ .chart {font-size: 1em;}

    /* 상담안내 */
    .counsel .two_box dd {background: none;}
}


/*상담안내-20240207 KYJ 추가*/
.counsel_new .couns_list{font-size: 1.077em; color:#000}
.counsel_new .counsway{margin-bottom: 12px; border-radius: 5px; border:1px solid #dbdbdb}
.counsel_new .counsway .tit{height: 39px}
.counsel_new .counsway .tit span.num{display:block; width: 58px; height: 39px; line-height: 39px; border-radius: 0 0 20px 0; background: #ccc; text-align: center; font-size: 18px; color:#fff; font-weight: 500}
.counsel_new .counsway .tit span.txt{display: block; margin:-28px 0 0 67px; font-size: 17px; font-weight: 500; color:#000}
.counsel_new .counsway .waylst{position: relative; margin: 10px; padding: 15px; border-radius: 5px; background: #f3f3f3}
.counsel_new .counsway .waylst li{position: relative; margin-bottom: 10px; padding-left: 8px; line-height: 130%; font-size: 14px; color:#000; font-weight: 400}
.counsel_new .counsway .waylst li::after{display: block; content: ""; clear: both; position: absolute; top:8px; left:0; width: 3px; height: 3px; background: #000}
.counsel_new .counsway .waylst li:last-child{margin-bottom: 0}
.counsel_new .counsway.way01{margin-top: 18px}
.counsel_new .counsway.way01 .tit span.num{background: #2f81c0}
.counsel_new .counsway.way02 .tit span.num{background: #ffa904}
.counsel_new .counsway.way03 .tit span.num{background: #45a575}
.counsel_new .counsway.way02 p.btnbox{position: absolute; bottom:6px; right:5px}
.counsel_new .counsway.way02 a{display: block; width: 190px; padding:3px 10px; border-radius: 50px; background: #fae100; color:#000; font-weight: 500; font-size: 15px; box-sizing: border-box; transition: all .5s}
.counsel_new .counsway.way02 a span{position: relative; display: block; padding:7px 0 7px 30px; background: url(../images/sub/ico_kakao.png) left center no-repeat}
.counsel_new .counsway.way02 a span::after{display: block; content: ""; clear: both; position: absolute; top:3px; right:-4px; width:52px; height: 23px; border-radius: 50px; background:url(../images/sub/btn_more.png) center center no-repeat #fff; transition: all .5s}
.counsel_new .counsway.way02 a:hover{background: #ffa11b}
.counsel_new .counsway.way02 a:hover span::after{background:url(../images/sub/btn_more_a.png) center center no-repeat #453319}
.counsel_new .counsway.way02 a img{width: 100%; height: auto}
@media only screen and (max-width:480px) {
.counsel_new .counsway .tit span.num{width:50px; font-size: 17px}
.counsel_new .counsway .tit span.txt{margin:-28px 0 0 60px; font-size: 15px}
.counsel_new .counsway .waylst li{margin-bottom: 5px}
.counsel_new .counsway.way02 p.btnbox{position: relative; bottom:0; right:0; margin-top:10px}
.counsel_new .counsway.way02 p.btnbox a{width:100%}
}