@charset "utf-8";
/* com2zoa design  kjh 20220117 */

#sub_left {display: none}
#subpage {min-height:500px; line-height:150%; margin:0 0 60px; font-weight:300; font-family: CGC}
.clear_fix:after {content: ""; display: block; clear: both}
.subconbox {position: relative; margin:-80px 10px 0; border-radius: 15px 0 0 0}

/* 메인 스타일과 다른 부분 수정 */
.qmn_popup {display: none}
#footwrap {border-top:1px solid #dedede}

/* ==== 비주얼 영역 ==== */ 
/* 비주얼 이미지 */
.subvisual {position:relative; height:235px}
.subvisual .visual_wrap {width:100%}
.subvisual .visual_item {height:235px}
.subvisual .visual_wrap .visual_item > a {height:234px}
.subvisual .visual_item .v_txt {overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999px}
.subvisual .item1 {background:url(../images/sub/subv_m01.jpg) no-repeat 50% 0}
.subvisual .item2 {background:url(../images/sub/subv_m02.jpg) no-repeat 50% 0}

/* 비주얼 블릿 */
.subvisual .slick-dots {margin:65px 0 0 -40px}

/*재생,일시정지*/
.subvisual .visual_wrap .btn_visual{margin:78px 0 0 30px}

/*Subtop */
#subtop {position:relative; padding-top:25px; margin-bottom:22px}
#subtop h3 {width: auto; font-size:1.692em; text-align:left; font-weight:600}

/* Guide */
.submn {display: none}
#sub_guide .guide_wrap {position: relative}
#subtop h3 span {display:inline-block; padding:12px 0 12px 40px; background:url(../images/sub/blt_subtop.gif) 0 50% no-repeat}

/* Tab01 */
.tabnavi01 {margin:0 10px 15px}
.tabnavi01 ul li {float:left; width:auto; background:#e1e1e1; margin:0 10px 10px 0; border-radius:0 0 15px 0}
.tabnavi01 ul li a {display:block; padding:10px 40px 10px 15px; box-sizing:border-box; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/sub/blt_tabnavi01.png) no-repeat right 5px top 1px}

.tabnavi01 ul li:hover, .tabnavi01 ul li.on {background:#0f2338;}
.tabnavi01 ul li:hover a, .tabnavi01 ul li.on a {background:url(../images/sub/blt_tabnavi01_a.png) no-repeat right 5px top 1px; color:#fff}

/* Tab02 */
.tabnavi02{margin:0 10px 15px}
.tabnavi02 ul {padding:12px 15px; border: 1px solid #d0d0d0; background: #fff; border-radius:15px}
.tabnavi02 ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi02 ul li { float: left; width:50%; padding:3px 0; font-weight:400}
.tabnavi02 ul li a {display: block; height: 17px; line-height:17px; padding-left: 20px; background: url(../images/sub/blt_tabnavi02_off.png) left top no-repeat ; color: #595959; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.3s}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a {height:17px; line-height:17px; background: url(../images/sub/blt_tabnavi02_on.png) left top no-repeat; color:#0156b8; font-weight: 500}

/* boardTab */
.boardTab{margin:0 10px 15px}
.boardTab ul {padding:12px 15px; border: 1px solid #d0d0d0; background: #fff}
.boardTab ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.boardTab ul li { float: left; width:50%; padding:3px 0; font-weight:400}
.boardTab ul li a {display: block; height: 21px; line-height: 21px; padding-left: 20px; background: url(../images/sub/blt_tabnavi02_off.gif) left 4px no-repeat ; color: #595959; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.3s}
.boardTab ul li.on a, .boardTab ul li:hover a {height: 21px; line-height: 21px; background: url(../images/sub/blt_tabnavi02_on.gif) left 4px  no-repeat; color:#0156b8; font-weight: 500}

/* quickmenu */
#quickmenu.squick {display:none; position: absolute; right:26px; z-index:99}
.sub_qlstwrap {display:none}

/******************************서브컨텐츠 영역**************************************/
/* -------------------컨텐츠 공통------------------- */
/****페이지 준비중****/
.sub_loding{min-height:350px; background: url(../images/sub/page_loding_m.gif) no-repeat center center; font-size:0}

/****공통 영역 (타이틀 및 텍스트 )****/
h4.sub_tit4 {line-height:140%; padding:3px 0 3px 26px; margin: 5px 0; background:url(../images/sub/subtit4.gif) no-repeat 0 5px; font-size:1.308em; font-weight:500; color:#000}
h5.sub_tit5 {line-height:140%; padding:0 0 0 24px; margin:7px 0 7px 4px; background:url(../images/sub/subtit5.gif) no-repeat 2px 3px; font-size: 1.154em; font-weight:500}
ul.txt_box {padding:5px; margin-top:5px}
ul.txt_box li {margin-top:5px; line-height:140%; word-break: keep-all}
ul.txt_box li:first-child {margin-top:0}

/*col class 선언영역*/
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt10{width: 10%}
.wdt12{width: 12%}
.wdt14{width: 14%}
.wdt15{width: 15%}
.wdt16{width: 16%}
.wdt17{width: 17%}
.wdt18{width: 18%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}

/* ------------ 테이블 영역------------ */
.tbwrap {padding:0; margin:0; border:1px solid #cacaca}
.tbwrap table {overflow:hidden; width:100%; border-collapse:collapse; padding:0; margin:0}

.tbwrap table caption {display:none}
.tbwrap table thead th {min-width:30px; padding:10px 5px; line-height:130%; text-align:center; border-bottom:1px solid #cacaca; border-left:1px solid rgba(255,255,255,0.4); vertical-align: middle; background:#6c6c6c; color:#fff; font-weight:400}
.tbwrap table thead th:first-child {border-left:0}

.tbwrap table thead td {padding:9px 4px; line-height:130%; text-align:center; border-top:1px solid #cacaca; border-left:1px solid #cacaca; vertical-align: middle; color:#111; font-weight:500}
.tbwrap table tbody th {padding:9px 4px; line-height:140%; text-align:center; border-top:1px solid #cacaca; background:#eee; vertical-align: middle; color:#111; font-weight:500}
.tbwrap table tbody td {padding:9px 4px; line-height:130%; text-align:center; border-top:1px solid #cacaca; border-left:1px solid #cacaca; vertical-align: middle; color:#111; font-weight:400; word-break:keep-all}
.tbwrap table .tb_left {padding:9px 7px 9px 10px; text-align: left}

.tbwrap table tbody .brdl_none {border-left:0}

.tbwrap table .tb_lst li {position:relative; padding-left:13px; }
.tbwrap table .tb_lst li:after {content:""; display:block; position:absolute; top:6px; left:0; width:5px; height:5px; background:#aaa; border-radius:50% 50%; }

.tbwrap.tb_scroll {overflow-x: auto; position: relative}
.scroll {padding:5px 0; margin-top:-15px; text-align:right}
.scroll span {display:block; /*width:80px;*/ height:20px; line-height:20px; background:#7c7c7c; border-radius:50px 50px; color:#fff; font-weight:400; text-align:right; padding:2px 10px}

.tb_photo span {display:block; width:86px; height:108px; margin:0 auto; background:#ececec url(../images/sub/bg_tb_photo.gif) no-repeat 50% 50%}
.tb_photo span img {width:100%; height:100%}

/* 노란계열 표 */
.tbwrap01 table thead th {background:#fdb11f}

/* 초록계열 표 */
.tbwrap02 table thead th {background:#78b83e}

/* 파란계열 표 */
.tbwrap03 table thead th {background:#4188d7}


/* -------------------컨텐츠 스타일 시작 -------------------*/
/* 인사말 */
.greet_top {background:url(../images/sub/bg_greet_top.gif) no-repeat 0 50%}
.greet_con {padding:25px 20px 0; line-height:160%; word-break: keep-all; font-weight:400; font-size:0.933em; color:#1a1a1a}
.greet_tit {padding:50px 167px 50px 180px; border-bottom:1px solid #d5d5d5;  background: url(../images/sub/img_greet_photo.gif) no-repeat right 10px bottom 0}
.greet_tit br {display:none}
.greet_tit .tit {padding:10px 5px; font-size:1.467em; font-weight:500}
.ai_greet .col_bold {font-weight:600; color:#000}
.ai_greet .col_blue {color:#0e5cb6}
.greet_conwrap {background:url(../images/sub/bg_greet_con.gif) no-repeat 100% 100%}
.greet_sign {padding-top:10px; text-align: right}
.greet_sign p {display:inline-block; font-size:1.067em; font-weight:400}
.greet_sign img {margin-top:-8px; vertical-align: middle}
.greet_con01 .col_bold {font-size:1.143em}

/* 목적 및 연혁 */
.ai_history {word-break: keep-all}
.ai_history .col_bold {font-weight:600; color:#000}
.ai_history .col_blue {color:#0071aa}
.ai_history .his_top {position:relative; margin-bottom:25px; padding:24px 5px 34px; border-bottom:1px solid #a8a8a8}
.ai_history .his_top:after {content:""; display:block; position:absolute; top:0; right:0; width:325px; height:168px; background:url(../images/sub/bg_history_top.png) no-repeat 0 0}
.ai_history .his_tit1 {display:inline-block}
.ai_history .his_tit2 {display:block; padding:12px 0 0 5px; font-weight:500; color:#1a1a1a; font-size:1.333em}

.ai_foundlst {margin:15px 0; border:1px solid #c4c4c4; border-radius: 5px}
.ai_foundlst li {float:left; width:50%; padding:0 10px 15px 15px; box-sizing: border-box; }
.ai_foundlst li div.foundwrap {position:relative; padding:1px 0 1px 45px}
.ai_foundlst li:nth-child(1) {padding-top:15px}
.ai_foundlst li:nth-child(2) {padding-top:15px}
.ai_foundlst li:nth-of-type(odd) {border-right:1px solid #c4c4c4}
.ai_foundlst li .num {position:absolute; top:0; left:0; width:36px; height:22px; line-height:22px; text-align: center; color:#fff; font-weight:600; background:#175296; border-radius:6px;}


.history_wrap {margin-top:15px}
.his_boxtit {position:relative; padding:5px; border-radius:7px}
.his_boxtit p {color:#fff; font-size:1.733em; font-weight:700}
.his_boxtit p span {color:rgba(255,255,255,0.6); font-size:18px}
.his_box1 .his_boxtit {background:linear-gradient(90deg, #3d9bd3 0%,#195ea1 80%)}
.his_box1 .his_boxtit p {padding:12px 5px 12px 50px; background:url(../images/sub/blt_hisyear_img01.png) no-repeat 0 50%}

.his_box2 .his_boxtit {background:linear-gradient(90deg, #3dcdd3 0%,#158ba1 80%)}
.his_box2 .his_boxtit p {padding:12px 5px 12px 50px; background:url(../images/sub/blt_hisyear_img02.png) no-repeat 0 50%}

.his_box ul {position:relative; margin:0 10px 20px 15px;}
.his_box ul li { border-left:1px solid #adadad}
.his_box ul li div {position:relative; padding:10px 0 5px 15px}
.his_box ul li div:before {content: ''; display: block; width: 10px; height: 10px; border-radius: 50px; position: absolute; left:-5px; top:12px; background: #adadad}
.his_box .date {padding-bottom:4px; font-weight:600; color:#000}
.his_box ul li.brd_last {position:relative; border:0}
.his_box ul li.brd_last:before {content: ''; display: block; width: 1px; height:15px;position: absolute; left:0; top:0; background: #adadad}

/* 오시는 길*/
.map_wrap {position:relative; z-index:1}
.ai_map .root_daum_roughmap {width:100% !important; padding:0; border:none; box-sizing: border-box}
.ai_map .root_daum_roughmap .wrap_map {overflow:hidden; border-radius:15px; border:1px solid #adadad}
.ai_map .map_border {border:none !important; background:none !important}
.ai_map .maptxt {border-bottom:1px solid #ccc}
.ai_map .maptxt ul {float:left; min-height:150px; padding:45px 0 20px}
.ai_map .maptxt li {background:url(../images/sub/txt_listblt02.gif) no-repeat 0 12px; padding-left:100px; color:#2a2a2a; position:relative; margin-bottom:3px; line-height:170%}

.ai_map .maptxt li span {width:88px; padding-right:15px; text-align: center; background:url(../images/sub/bg_map_tit.gif) no-repeat right 15px top 50%; font-weight:500; color:#1c1c1c; position:absolute; left:0}
.ai_map .maptxt p {float:left; width:260px; margin-top:25px; margin-bottom:-25px; padding-top:185px;  background:url(../images/sub/bg_map_pcimg.gif) no-repeat 50% 0}
.ai_map .maptxt p a {overflow:hidden; display:block; padding:9px 9px 9px 58px ;font-size:1em; color:#fff; line-height:140%; border:1px solid #175297; border-radius:10px; background:url(../images/sub/blt_map_barogagi.gif) no-repeat 0 50% #175296; }
.ai_map .maptxt li a {color:#2a2a2a}
.map_mail a {background:url(../images/sub/btn_map_mail.gif) no-repeat right 50%; padding:3px 46px 3px 0}
.map_mail:hover a  {text-decoration:underline}

/* 가입조합 */
.aijoin_poster a {display: block; margin:0 auto; text-align: center}
.aijoin_poster img {width:100%; height:100%; max-width:620px}

/* 가입신청 */
.aijoin_lst li {float:left; width:50%}
.join_applst {position:relative; min-height:280px; padding:40px 24px 28px; border:1px solid #d0d0d0; border-radius:10px 10px 0 0; box-sizing: border-box}
.join_applst:before {content:""; display:block; position:absolute; bottom:25px; right:25px; width:130px; height:130px; border-radius:50% 50%}
.joinapp01 .join_applst:before {background:#f1f1f1 url(../images/sub/bg_joinapp01.png) no-repeat 50% 50% }
.joinapp02 .join_applst:before {background:#f1f1f1 url(../images/sub/bg_joinapp02.png) no-repeat 50% 50% }
.joinapp01 .join_applst {margin-right:10px; border-bottom:3px solid #919aff}
.joinapp02 .join_applst {margin-left:10px; border-bottom:3px solid #2dbcdb}
.join_apptit {padding:0 5px; line-height:170%; color:#000; font-weight:600; font-size:1.200em}
.join_appbold {display:block; font-size:1.333em}
.joinapp01 .join_appbold {color:#626ff5}
.joinapp02 .join_appbold {color:#00a2c5}
.btn_joinapp {position:absolute; bottom:30px; left:20px}
.btn_joinapp a {display:block; width:150px; padding:15px 15px; font-weight:500; color:#fff; background:#ccc url(../images/sub/btn_joinapp.png) no-repeat right 5px center; border-radius:50px 50px; font-size:1.067em}

.joinapp01 .btn_joinapp a {background-color:#919aff}
.joinapp01:hover .btn_joinapp a {background-color:#7883f0; transition:.3s}
.joinapp01:hover .join_applst:before {background-color:#f1f2ff; transition:.3s}
.joinapp02 .btn_joinapp a {background-color:#2dbcdb}
.joinapp02:hover .btn_joinapp a {background-color:#13a4c3; transition:.3s}
.joinapp02:hover .join_applst:before {background-color:#e5f7fb; transition:.3s}

/* 조직구성 */
.organ_wrap {width:860px; margin:0 auto}
.aismart_organ .txtbox {margin:10px 0 15px; padding:15px 25px; background:#eee; border-radius:5px}
.organ01 {position:relative; padding:0 0 44px}
.organ01 .organ_head {position:relative; display: block; width:146px; height:96px; padding:50px 0 0; margin:0 auto; border-radius:50%; background:#175296; text-align: center; border:6px solid #d1dcea}
.organ01 .organ_head span {display: block; padding-top:5px; color:#fff; font-weight:700; font-size:1.333em}
.organ01:before {content:""; display: block; position: absolute; bottom:0; left:50%; width:1px; height:100%; background:#a5a5a5}
.organ02 {position:relative; padding:0 0 0}
.organ02:before {content:""; display:block; position: absolute; top:0; left:50%; width:1px; height:100%; background:#a5a5a5}
.organ02 ul {width:661px; margin:-30px auto 0; padding-bottom:22px; border-bottom:1px solid #a5a5a5}
.organ02 ul li {position:relative}
.organ02 ul li:before {content:""; display:block; position:absolute; top:50%; width:100%; height:1px; background:#a5a5a5}
.organ02 ul li div {position:relative; display:block; width:200px; padding:15px 10px; background:#1985bd; border-radius:10px; border:4px solid #d1e7f2; box-sizing: border-box; text-align: center; color:#fff; font-weight:400; font-size:1.200em}
.organ02 ul li.org_left {float:left; padding-right:90px; margin-left:40px}
.organ02 ul li.org_right {float:right; padding-left:90px; margin-right:40px}
.organ02 ul li.org_left:before {left:0}
.organ02 ul li.org_right:before {right:0}

.organ03 ul .organ_txt {position:relative; float:left; margin-left:20px; padding-top:48px}
.organ03 ul .organ_txt:before {content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#a5a5a5}
.organ03 ul .organ_txt:first-child {margin-left:0}
.organ03 ul .organ_txt>div {position:relative; display: block; width:200px; padding:15px 10px; background:#6b8729; border-radius:5px; text-align: center; color:#fff; font-weight:400; font-size:1.067em; box-sizing: border-box}
.organ03 ul .organ_txt ul {margin-top:20px}
.organ03 ul .organ_txt ul li {margin-top:10px}
.organ03 ul .organ_txt ul li div {position:relative; display: block; padding:8px 10px; background:#97be3c; border-radius:5px; text-align: center; font-size:14px; color:#fff}

/* 임원 안내 */
.organ_member {margin:20px 0 0}
.memb_lst {display:flex; justify-content:space-between}
.memb_lst li {display:flex; width:145px; border-bottom:1px solid #686868}
.memb_lst li.no_content {border:0}
.memb_tit {margin:15px 0; padding:15px; text-align: center; background:#175296; border-radius:5px; font-size:1.143em; font-weight:600; color:#fff}
.memb_info2 .memb_tit {background: #1985bd}

.memb_photo {overflow:hidden; display:block; width:143px; height:166px; background:#eee url(../images/sub/bg_memb_noimg.gif) no-repeat 50% 50% ; border-radius:5px; border:1px solid #eee; box-sizing: border-box}
.memb_photo img {width:100%}
.memb_nametit {padding:15px 0 ; text-align: center}
.memb_posi {font-size:0.93em; letter-spacing:-1px;}
.memb_name {font-size:1.143em; font-weight:600; color:#000}
.memb_his {border-top:1px solid #ccc; padding:10px 0 10px 17px; font-size:13px; word-break: keep-all; letter-spacing:-0.5px}
.memb_his span {text-indent: -17px; display: block; letter-spacing:-1px; font-size:12px}
.mgt_15 {margin-top:15px}

/* ====================
★★★★★★★★★★ mobile layout ★★★★★★★★★
==================== */
@media only screen and (max-width:1024px) {

/* Layout */
#subright{position: relative; background:#fff}
.subconbox {overflow: hidden}
#subtop{width:100%; height:auto; margin:0; padding-top:45px}
#subtop h3{position: relative; height: auto; font-size: 18px; padding: 15px 0; margin:0 10px 15px; border-bottom:1px solid #d0d0d0; text-align:center}
.subv_tit {display:none}
#subpage {margin:15px 10px 40px}

/* MB guide */
#sub_guide {position: absolute; left: 0; top:0; width: 100%; font-size: 14px; z-index:15}
#sub_guide .guide_wrap {padding:0 0 0 43px; border-bottom:1px solid #d0d0d0; border-top:3px solid #57d7ef}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0}
#sub_guide .btn_home a {display: block; width:43px; height:43px; line-height: 43px; background:#57d7ef url(../images/sub/ico_homepc.png) no-repeat 50% 50% ; border-radius:0 0 12px 0; text-indent:-9999999px}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area>ul>li{float: left; width: 33.3%;  background:url(../images/sub/blt_submn_arr.gif) no-repeat right 50% #fff; position: relative}
#sub_guide .navi_area>ul>li>a {display: block; height: 34px; line-height: 34px; padding:0 24px 0 5px; font-weight: 500; border-left: 1px solid #d0d0d0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#404040}
#sub_guide .navi_area>ul>li.nav01 > a{border-left: none}
#sub_guide .navi_area>ul>li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%; padding:1px 0 4px; margin: 0 auto; background:#ccc; border-radius:0 0 10px 10px; box-sizing:border-box;border:1px solid #ccc; border-top:0; border-bottom:0}
#sub_guide .submn ul {background:#fff; border-radius:0 0 10px 10px}
#sub_guide .submn li {background:url(../images/sub/img_line_patt.png) repeat-x 0 0}
#sub_guide .submn li:first-child {background:none}
#sub_guide .submn li a {display:block; padding:7px 10px; line-height: 150%; color: #404040; font-weight: 500; border-top:1px solid #d0d0d0}
#sub_guide .submn li:hover a {background:#0e9eff; font-weight:500; color:#fff; transition:.3s}
    
/* Fontsize */
.subtop_area {display:none}

/* 탭 메뉴 */
.tabnavi01 ul li a {background-position: right 5px top -5px}
.tabnavi01 ul li:hover a, .tabnavi01 ul li.on a {background-position: right 5px top -5px}
    
/*Btn_top*/
#quickmenu.squick {top:50%; right:0; margin-top:520px}
#quickmenu .sub_qtit a span {font-size:0}
    
.btn_top {font-size:0; text-indent:-9999px}
.btn_top a {display:block; width:42px; height:52px; background:url(../images/sub/btn_top_m.png) no-repeat 50% 50%}

/******************************서브컨텐츠 영역**************************************/

.mb_none{display: none !important}

/* table */
.tbwrap table thead th {font-size:1.077em}

/* -------------------컨텐츠 스타일 시작 -------------------*/
/* 인사말 */
.greet_top {background:none}   
.greet_tit {padding:20px 120px 20px 0; background-size:auto 120px; background-position:100% 100%}
.greet_tit .tit {padding:6px 5px; font-size:1.308em}
.greet_tit img {width:180px; height:auto}
.greet_con {padding:18px 0 0}
.greet_sign p span {display:block}
.greet_sign img {margin-top:-24px}
.greet_conwrap {padding-bottom:30px; background-size:auto 150px}
.greet_con08 br {display:block}

/* history */
.ai_foundlst li {padding:0 5px 10px 10px; width:100%; border:0 !important}
.ai_foundlst li:nth-child(1) {padding-top:10px}
.ai_foundlst li:nth-child(2) {padding-top:0}
.his_boxtit {padding:3px 7px}
.his_boxtit p {font-size:1.429em}
.his_boxtit p span {font-size:15px; font-weight:500}
.ai_history .his_top {padding:120px 5px 15px;text-align:center}
.ai_history .his_top:after {right:50%; margin-right:-100px; width:200px; height:110px; background-size:200px auto}
.ai_history .his_tit1 img {width:auto; height:40px}
.ai_history .his_tit2 {padding:5px 0 0}
    
/* 오시는 길*/
.ai_map .maptxt p {float:inherit; margin:20px 0 0; width:100%; padding:0 0 180px; background:url(../images/sub/bg_map_mimg.gif)no-repeat 50% 38px}
.ai_map .maptxt ul {float:inherit; padding:15px 0}
.ai_map .maptxt li {padding-left:80px}
.ai_map .maptxt li span {width:60px}
.ai_map .maptxt p a {text-align: center}

/* 가입신청 */
.aijoin_lst li {width:100%}
.joinapp01 .join_applst, .joinapp02 .join_applst {padding:25px 15px 20px; min-height:180px; margin:0 0 15px}
.join_applst:before {width:80px; height:80px; bottom:inherit; top:20px}
.joinapp01 .join_applst:before {background-size:50px auto !important}
.joinapp02 .join_applst:before {background-size:auto 45px !important}
.btn_joinapp {bottom:20px; left:5%; width:90%; margin:0 auto }
.btn_joinapp a {width:100%; box-sizing: border-box}
    
    /* 조직안내 -임원도 */
    .memb_lst {display:block; text-align: center}
    .memb_lst li {display:inline-block; width:100%}
    .memb_photo {margin:10px auto 0}
    .memb_lst li.no_content {display:none}
        .memb_tit {word-break: keep-all}
    
}

/* ====================
★★★★★★★★★★ PC LAYOUT★★★★★★★★★★
==================== */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer {position: relative}
.subconwrap {position: relative}
.subconbox {width: 1200px; margin:-62px auto 0; background:#fff url(../images/sub/bg_subleft_pc.gif) repeat-y 0 62px; border-top:4px solid #57d7ef; border-radius:0 30px 0 0}
#sub_left {position: relative; display:block; float:left; width:250px}
#subright { position: relative; float:right; width:920px; margin-left:30px}
/* Layout */
#subpage .basics_font {font-size: 1.154em; font-weight: 400 /*기준폰트 15px*/}

/* ==== 비주얼 영역 ==== */ 
/* 비주얼 이미지 */
.subvisual {height:411px}
.subvisual .visual_item {height:411px}
.subvisual .visual_wrap .visual_item > a {height:410px}
.subvisual .item1 {background:url(../images/sub/subv_pc01.jpg) no-repeat 50% 0}
.subvisual .item2 {background:url(../images/sub/subv_pc02.jpg) no-repeat 50% 0}

/* subtop_Area */
.subv_area {position:absolute; top:-140px; left:10px}
.subv_area .subv_tit {font-size:2.000em; font-weight:700; color:#fff}
.subv_area .subv_tit span {padding:0 8px 5px; box-shadow:inset 0 -20px 0 rgba(255,255,255,0.1)}
    
/* Subleft */
.leftmn {overflow:hidden; position: relative; width:248px; margin:0 auto; box-sizing: border-box}
.leftmn ul > li > a {overflow:hidden; position: relative; display: block; line-height: 130%; padding:18px 38px 18px 13px; background:url(../images/sub/blt_submenu_off.png) no-repeat right 13px top 50%; border-bottom:1px solid #cdcdcd; font-size:1.231em; font-weight: 500; color: #000; transition: all .3s}
.leftmn .leftmenuover > a, .leftmn ul > li > a:hover {background: #175296 url(../images/sub/blt_submenu_on.png) no-repeat right 13px top 50%; color:#fff; font-weight:600}
.leftmn .leftmenuover { border-bottom:1px solid #cdcdcd}

/* third 스타일 */
.leftmn ul.third {position: relative; margin:7px 10px}
.leftmn ul.third li {margin:0; border-top:1px solid #d1d1d1}
.leftmn ul.third li:first-child {border:0}
.leftmn ul.third li a {display: block; line-height: 140%; padding:10px 25px 10px 14px; font-size:1.077em; font-weight: 400; color:#8e8e8e; background:url(../images/sub/blt_thirdmenu_off.gif) no-repeat 0 13px; border:0}
.leftmn ul.third .leftmenuover_last {border-bottom:none}
.leftmn ul.third li a:hover, .leftmn ul.third .third_on a {color:#5f68f3; font-weight:500; background:url(../images/sub/blt_thirdmenu_on.gif) no-repeat 0 13px}
    
/*Subtop */
#subtop {position: relative; height:82px; padding:18px 0 0; border-bottom:1px solid #d0d0d0; box-sizing: border-box}
#subtop h3 {font-size:1.538em}

/* guide*/
#sub_guide {position: absolute; left:0; top:50px; width:200%; box-sizing:border-box; z-index: 10}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .btn_home {float:left; padding-right:25px; background: url(../images/sub/img_naviarrow.png) no-repeat right 5px top 50%}
#sub_guide .btn_home a {display:block; width:25px; height:25px; background:url(../images/sub/ico_homepc.png) no-repeat 50% 50%; font-size:0}
#sub_guide .navi_area ul {float:left}
#sub_guide .navi_area li {display: inline-block; width:auto !important; font-weight:300}
#sub_guide .navi_area li a { display: block;padding: 0 3px 0 15px; line-height:25px; background: url(../images/sub/img_naviarrow.png) 0 50% no-repeat; font-size: 1.077em; font-weight:400 ; color:#fff}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.page_on a {font-weight:500}

/* subtop_area */
.subtop_area {overflow:hidden; display: block; position: absolute; right:18px; top:18px; z-index:10; background:#e5e5e5; border-radius: 15px 15px}
.subtop_area dl.font {float:left; padding:7px}
.subtop_area dl.font>dd{float:left}
.subtop_area dl.font>dd a {display:block; width:30px; height:30px; line-height:30px; margin-left:3px; background:#fff; border-radius:50% 50%; text-align: center; box-sizing: border-box}
.subtop_area dl.font>dd img {vertical-align: middle}
.subtop_area .btn_print {float: left; margin-left:4px; padding:7px; background:#cdcdcd}
.subtop_area .btn_print a {overflow:hidden; display:block; line-height:30px; text-align: center; box-sizing: border-box}
.subtop_area .btn_print a img  {vertical-align: middle}
 
/* 탭01 */
.tabnavi01 {margin:0 0 15px}
.tabnavi01 ul li {border-radius:0 0 20px 0}
.tabnavi01 ul li a {padding:13px 50px 13px 15px; font-size:1.154em}
/* 탭02 */
.tabnavi02 {margin:0 0 20px}
.tabnavi02 ul {padding:14px 24px}
.tabnavi02 ul li {width:25%; height:auto; padding:8px 0}
.tabnavi02 ul li a {font-size:1.154em}
/* 게시판 탭 */
.boardTab {margin:0 0 20px}
.boardTab ul {padding:14px 24px}
.boardTab ul li {width:25%; height:auto; padding:5px 0}
.boardTab ul li a {font-size:1.154em}
    
/* sub quick */
#quickmenu.squick {display:block; top:0; right:0; margin-top:-100px}
.sub_qlist {position:relative}
.sub_qlstwrap {overflow:hidden; display:none; position:relative; border:1px solid #d1d1d1; border-right:0; border-radius:15px 0 0 0; background:#fff; }
.sub_qlist ul {position:relative; margin:10px}
.sub_qlist li {position:relative; padding-top:5px; z-index:1}
.sub_qlist li:first-child {padding-top:0}
.sub_qlist li a {display:block; width:77px; height:89px; padding:5px; background:#fff; border-radius:15px 15px; box-sizing:border-box; text-align: center; font-size:1.077em; font-weight:600; border:2px solid #dededd}
.sub_qlist li .quick_ico {display:block; width:auto; height:46px; transition:.4s}
.sub_qlist li.quick01 .quick_ico {background:url(../images/sub/bg_quick_mn01.png) no-repeat 50% 2px}
.sub_qlist li.quick02 .quick_ico {background:url(../images/sub/bg_quick_mn02.png) no-repeat 50% 2px}
.sub_qlist li.quick03 .quick_ico {background:url(../images/sub/bg_quick_mn03.png) no-repeat 50% 2px}

.sub_qlist li:hover a {box-sizing:border-box; transition:.5s; color:#000; font-weight:600}    
.sub_qlist li.quick01:hover a {border-color:#acd879}
.sub_qlist li.quick02:hover a {border-color:#ff7965}
.sub_qlist li.quick03:hover a {border-color:#60b1ff}
.sqm_tit {padding:10px; margin:5px 0 5px 5px; background:#707070; text-align: center; border-radius:50px 0 0 50px}
.sqm_tit span {display: inline-block; padding:0 0 0 20px; background:url(../images/sub/blt_quickmn_tit.png) no-repeat 0 50%; color:#fff; font-weight:500}
    
.sub_qtit {position:absolute; top:25px; right:0}
.sub_qtit a {display:block; width:60px; height:114px; padding:28px 14px 24px 28px;  border-radius:114px 0 0 114px; background:#fea736 url(../images/sub/btn_quick_more.png) no-repeat right 12px bottom 16px; color:#fff; box-sizing: border-box; font-size:14px; font-weight:500}
    
.sub_qlist.on {margin:0}
.sub_qlist.on .sub_qlstwrap {display:block}
.sub_qlist.on .sub_qtit {right:98px}
.sub_qlist.on .sub_qtit a {background:#fea736 url(../images/sub/btn_quick_close.png) no-repeat right 12px bottom 16px;}

.btn_top {display:none}
.btn_top a {display:block; width:98px; height:36px; line-height:36px; margin:0 auto;  background:#2c2c2c; text-align: center; border-radius:0 0 0 15px; color:#fff; font-weight:600}
.btn_top a img {vertical-align: middle; margin-right:5px}

.sub_qlist.on .btn_top {display:block}  

/******************************서브컨텐츠 영역**************************************/
h4.sub_tit4 {font-size:1.2em}
h5.sub_tit5 {font-size:1.143em}
.pc_none {display: none !important;}   
    
.tbwrap table thead th {padding:14px 5px}    
.tbwrap table thead td {font-size:0.9333em}
.tbwrap table tbody th {font-size:0.9333em}
.tbwrap table tbody td {font-size:0.9333em}
.scroll {display:none}
    
/* history */
.ai_foundlst li div.foundwrap {font-size:0.923em}
    
.his_box ul {margin:36px 47px 20px}
.his_boxtit {padding:0}
.his_boxtit p { border-radius:10px}
.his_box1 .his_boxtit p {padding:16px 0 16px 100px; background:url(../images/sub/bg_hisyear_patt01.gif) no-repeat 100% 50%}
.his_box2 .his_boxtit p {padding:16px 0 16px 100px; background:url(../images/sub/bg_hisyear_patt02.gif) no-repeat 100% 50%}
.his_boxtit {position:relative}
.his_boxtit:after {content:""; display: block; position:absolute; top:20px; left:12px; width:71px; height:71px}
.his_box1 .his_boxtit:after {background:url(../images/sub/bg_hisyear_img01.png) no-repeat 50% 50% }
.his_box2 .his_boxtit:after {background:url(../images/sub/bg_hisyear_img02.png) no-repeat 50% 50% }
.his_box .date {position:absolute; top:12px; left:17px; font-size:16px}
.his_box ul li div {padding:12px 0 12px 120px}
.his_box ul li div:before {top:15px}
.his_box ul li .contxt br {display:none}    
}

/* LOWSET FIX */
@media only screen and (min-width:600px) and (max-width:1024px) {
}

@media only screen and (max-width:450px) {
.sub_h4tit br {display:block}

/* 인사말 */    
.greet_tit {padding:15px 80px 15px 0; background-size:auto 90px; background-position:100% 100%}
.greet_tit .tit {font-size:1.231em}
.greet_tit img {width:140px}
.greet_conwrap {background-size:auto 120px}
.greet_tit br {display:block}

/* 가입신청 */ 
.join_appbold {font-size:1.231em}
.join_applst:before {display:none}
    
}

/*유치훈 20221222 협동조합*/
/*협동조합 타이틀 */
.sub_cooperat ul.txt_box li{padding: 5px 0 0 11px; line-height:140%; background:url(../images/sub/bullet_cooperat.jpg) no-repeat 0 13px; }
.sub_cooperat  ul.txt_box span{display: block; margin:10px 10px 10px 0;color: red}
/*협동조합가운데 사업범위 박스들*/
.sub_cooperat .cooperat_group .cooperat_box01{float: left; overflow: hidden; margin:5px 2px ; border: 1px solid #b7b1b2; width: 178px; height: 250px; border-radius: 6px; background-color: #f1f0f0}
.sub_cooperat .cooperat_group .group_topbox{padding:10px; text-align: center; background-color: #006198}
.sub_cooperat .cooperat_group .group_topbox span{ color: #fff}
.sub_cooperat .cooperat_group .group_icobox{text-align: center;padding: 15px; height: 104px; background: #fff;box-sizing: border-box}
.sub_cooperat .cooperat_group .cooperat_img3{padding: 7px}
.sub_cooperat .cooperat_group .group_bottombox{text-align: center;padding: 10px 5px;box-sizing: 
    border-box; width: 100%; height: auto}

/*7대원칙*/
.ai_principle{margin-top: 30px}
.sub_cooperat .group_topbox01{ text-align: center; padding: 17px; margin-top: 25px; border-radius: 5px 5px 0 0; background-color: #0f2338; color: #fff;box-sizing: border-box;}
.ai_princbox .group_topbox01 span{color:#ffba00}
.ai_princlst {margin:0 0 15px 0; border:1px solid #c4c4c4; border-radius:0 0 5px 5px}
.ai_princlst li {float:left; width:50%; padding:0 10px 15px 15px; box-sizing: border-box; }
.ai_princlst li div.princwrap {position:relative; padding:1px 0 1px 45px; }
.ai_princlst li:nth-child(1) {padding-top:15px}
.ai_princlst li:nth-child(2) {padding-top:15px}
.ai_princlst li:nth-of-type(odd) {border-right:1px solid #c4c4c4}
.ai_princlst li .num {position:absolute;top:0;left:0;width:36px;height:22px;line-height:22px;text-align: center;color:#fff;font-weight:600;background:#175296;border-radius:6px;}

/* 지원혜택 */
.sub_coopapply h4.sub_tit4 {margin:17px 0}
.sub_coopapply .sub_cooptit {margin:0 0 20px}
.sub_coopapply .sub_cooptit span {display:block; padding:25px 10px; text-align: center; background:#175296; border-radius:50px; font-size:1.4em; font-weight:600; color:#fff}
.sub_coopapply  ul.txt_box {padding:10px 15px; border:1px solid #d7d7d7; border-radius:5px}
.sub_coopapply ul.txt_box li {padding:3px 12px; background-position:0 10px}
.sub_coopapply ul.txt_box li > ul {padding:10px; margin:10px 0 0; border:0; background:#eee; border-radius:5px; font-size:0.935em}
.sub_coopapply ul.txt_box li > ul > li {padding:0; background:none}
.sub_coopapply ul.txt_box span.mini {display:inline-block; margin:3px; font-size:0.923em}

/* ====================
★★★★★★★★★★ PC LAYOUT★★★★★★★★★★
==================== */
@media only screen and (min-width:1025px) {
.sub_cooperat .cooperat_group .group_bottombox span{font-size:0.867em}
}
@media only screen and (max-width:1024px){
.sub_cooperat ul.txt_box li{background:url(../images/sub/bullet_cooperat.jpg) no-repeat 0 10px; }
/*협동조합가운데 사업범위 박스 사이즈*/
.sub_cooperat .cooperat_group .cooperat_box01{margin: 5px 0.3%; width: 49%; height: 230px}
.sub_cooperat .cooperat_group .cooperat_box01:last-child{margin: 5px 25%; width: 50%}
.sub_cooperat .cooperat_group .group_bottombox br{display: none}
.ai_princlst li{width: 100%}
.ai_princlst li:nth-child(2) {padding-top:0}

/*7대원칙 가운대 선*/
.sub_cooperat .ai_princlst li:nth-of-type(odd) {border: 0 }
    
/* 지원혜택 */
.sub_coopapply .sub_cooptit span {padding:30px 20px; border-radius:15px}
.sub_coopapply h4.sub_tit4 {background-position:0 2px}
.sub_coopapply ul.txt_box {font-size:1.077em}
.sub_coopapply ul.txt_box li {padding:0 12px; background-position:0 5px}
    
}
@media only screen and (max-width:710px){
/****공통 Table****/
.tb_scroll{overflow-x: auto; position: relative}
.tb_scroll > table {min-width:710px}
}
@media only screen and (max-width:560px){
/*협동조합가운데 사업범위 박스 사이즈*/
.sub_cooperat .cooperat_group .cooperat_box01{margin: 5px 0; width: 100%; height: auto}
.sub_cooperat .cooperat_group .cooperat_box01:last-child{width: 100%;margin: 5px 4px}
.group_icobox img{transform: scale(0.9)}
}

@media only screen and (max-width:920px){
    /*조직안내 */
    .organ_wrap {width:100%; margin-bottom:30px}
    .organ01 {padding-bottom:100px}
    .organ02 ul {position:relative; width:100%; margin-top:-77px}
    .organ02 ul:after {content:""; display:block; position: absolute}
    .organ02 ul li.org_left {padding:0; margin:0 2% 0 0; width:48%}
    .organ02 ul li.org_right {padding:0; margin:0 0 0 2%; width:48%}
    .organ02 ul li div {width:100%}
    .organ03 ul .organ_txt {width:100%; margin:0; padding-top:20px}
    .organ03 ul .organ_txt>div {width:100%}
    .organ03 ul .organ_txt ul {margin-top:10px}
    .organ03 ul .organ_txt ul li {margin-top:0}
    
}