@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 경남여성회
Part : 
Last edit : 2023
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'OmniGothic', sans-serif; (400)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)
font-family: 'Nanum Gothic', sans-serif; (400,700,800)
font-family: 'NanumSquareRound', sans-serif; (300,400,700,800)
font-family: 'Sang Sang Title'; (300, 500)
font-family: 'GmarketSans', sans-serif; (300,500,700)

--------------------------------------------------------- */




/* 메인 내용 공통 */

section {}
article { width:100%; max-width:1600px; margin:0 auto; font-size:0;}
.box_basic { display:inline-block; vertical-align:top; position:relative; width:100%; height:auto; font-size:14px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; background-color:rgba(255,255,255,1);}



/* cont1 */

.cont1 { margin-bottom:20px;}
.cont1:after { display:block; content:""; clear:both;}

.cont1_box_left { width:990px; margin:0 20px 0 0; display:inline-block; vertical-align:top;}
.responsive1 { width:100%; height:500px;}
.responsive1_box {}
.responsive1_box a { display:block; width:100%; height:500px; background-size:cover; background-position:center;}
/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; top:30px; text-align:right; padding-right:30px;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:22px; margin: 0; cursor: pointer; line-height:22px;}
.responsive1 .slick-dots li button { display: inline-block; width: 14px; height: 14px; cursor: pointer; background-color:#fff; opacity: 0.8; text-indent:-9999px; vertical-align:middle; border:none !important; border-radius:7px;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width:18px; height:18px; background-color:#f1592a; border-radius:9px;}

.cont1_box_right { width:590px; margin:0; display:inline-block; vertical-align:top;}
.select_box_wrap { height:500px; margin-bottom:20px; z-index:1;}
.responsive2 { width:100%; height:500px;}
.responsive2_box {}
.responsive2_box a { display:block; width:100%; height:500px; background-size:cover; background-position:center;}
/* 페이저 */
.responsive2 .slick-dots { position: absolute; display: inline-block; width:100%; top:30px; text-align:right; padding-right:30px;}
.responsive2 .slick-dots li { position: relative; display: inline-block; width:22px; margin: 0; cursor: pointer; line-height:22px;}
.responsive2 .slick-dots li button { display: inline-block; width: 14px; height: 14px; cursor: pointer; background-color:#fff; opacity: 0.8; text-indent:-9999px; vertical-align:middle; border:none !important; border-radius:7px;}
.responsive2 .slick-dots li.slick-active button, .responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus { opacity: 1; width:18px; height:18px; background-color:#f1592a; border-radius:9px;}

.login_box_wrap { padding:30px; height:160px; background:#009cae; background-size:cover;margin-bottom: 20px;}
.login_box_txt1 { display:inline-block; vertical-align:middle; font-size:34px; font-weight:700; color:rgba(255,255,255,1); margin-right:10px;}
.login_box_input1 { display:inline-block; vertical-align:middle; height:30px; width:90px; margin-right:5px; background-color:#fff;}
.login_box_input2 { display:inline-block; vertical-align:middle; height:30px; width:90px; margin-right:5px; background-color:#fff;}
.login_box_btn { display:inline-block; vertical-align:middle; background-color:#e2748e; color:#fff !important; height:30px; line-height:30px; padding:0 20px; font-size:16px;}
.login_box_txt1_1 { display:inline-block; vertical-align:top; font-size:14px; color:rgba(255,255,255,0.7); padding-right:10px;}
.login_box_line { width:100%; height:1px; background-color:rgba(255,255,255,0.5); margin:10px auto 10px 0;}
.login_box_txt2 { display:inline-block; vertical-align:top; font-size:14px; color:rgba(255,255,255,0.7); padding-right:10px;}



/* cont2 */

.cont2 {}
.cont2:after { display:block; content:""; clear:both;}

.cont2_box_left { width:1140px; margin:0; display:inline-block; vertical-align:top;}

.cont2_box_left_top { width:100%; font-size:0;}

.mainboard_box_wrap { width:548px; margin:0 20px 20px 0; min-height:340px;}

/* .main_board start */
.main_board_wrap2:after { content:""; display:block; clear:both;}
.main_board_wrap2 { position:relative; padding-top:100px;}
.main_board_wrap2 .main_board_cont2 .main_board_tab2 { position:absolute; top:0; width:50%; height:67px; background:#ebebeb; text-align:left; line-height:60px; font-size:18px; color:#999; box-sizing:border-box; cursor: pointer;padding-left:8%; padding-top:7px;}
.main_board_wrap2 .main_board_cont2:nth-child(1) .main_board_tab2 { left:0;}
.main_board_wrap2 .main_board_cont2:nth-child(2) .main_board_tab2 { left: 50%;}
.main_board_wrap2 .main_board_cont2 .main_board_list2 { display:none; width:86%; margin:0 auto;}
.main_board_wrap2 .main_board_cont2.on .main_board_tab2 { border-top:5px solid #4f99cb; background:#fff; color:#121212; line-height:50px;}
.main_board_wrap2 .main_board_cont2.on .main_board_list2 { display:block;}
.main_board_list2 li { float:left;}
.main_board_list2 .boardbox_txt { width:100%; font-size:0;}
.main_board_list2 .boardbox_txt a { display:inline-block; vertical-align:top; width:80%; color:#121212; line-height:24px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:14px;}
.main_board_list2 .boardbox_txt a img { vertical-align: middle; line-height:24px; margin-right:5px;}
.main_board_list2 .boardbox_txt span { display:inline-block; vertical-align:top; width:20%; color:#121212; line-height:24px; text-align:right; font-size:14px;}
.main_board_list2 li:last-child { width:100%; margin-top:20px; text-align:right;}
.main_board_list2 li:last-child a { display:inline-block; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}

.main_board_wrap:after { content:""; display:block; clear:both;}
.main_board_wrap { position:relative; padding-top:100px;}
.main_board_wrap .main_board_cont .main_board_tab { position:absolute; top:0; width:33.333333333%; height:67px; background:#ebebeb; text-align:center; line-height:60px; font-size:18px; color:#999; box-sizing:border-box; cursor:pointer; padding-top:7px;}
.main_board_wrap .main_board_cont:nth-child(1) .main_board_tab { left:0;}
.main_board_wrap .main_board_cont:nth-child(2) .main_board_tab { left:33.333333333%;}
.main_board_wrap .main_board_cont:nth-child(3) .main_board_tab { left:66.666666666%;}
.main_board_wrap .main_board_cont .main_board_list { display:none; width:86%; margin:0 auto;}
.main_board_wrap .main_board_cont.on .main_board_tab { border-top:5px solid #4f99cb; background:#fff; color:#121212; line-height:50px;}
.main_board_wrap .main_board_cont.on .main_board_list { display:block;}
.main_board_list li { float:left;}
.main_board_list .boardbox_txt { width:100%; font-size:0;}
.main_board_list .boardbox_txt a { display:inline-block; vertical-align:top; width:80%; color:#121212; line-height:24px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:14px;}
.main_board_list .boardbox_txt a img { vertical-align: middle; line-height:24px; margin-right:5px;}
.main_board_list .boardbox_txt span { display:inline-block; vertical-align:top; width:20%; color:#121212; line-height:24px; text-align:right; font-size:14px;}
.main_board_list li:last-child { width:100%; margin-top:20px; text-align:right;}
.main_board_list li:last-child a { display:inline-block; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
/* .main_board end */

.cont2_box_right { width:460px; margin:0; display:inline-block; vertical-align:top;}
.link02_box { display:block; width:100%; height:160px; margin-bottom:20px; font-size:0; background-color:#f5f5f5; background-repeat:no-repeat; padding:8% 10% 0 10%;}
.link02_box:nth-child(2) { margin-bottom:0;}
.link02_icon1 { background-image:url(/images/main/link_icon01.png); background-position:100% 100%;}
.link02_icon2 { background-image:url(/images/main/link_icon02.jpg); background-position:90% 50%;}
.link02_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.link02_title span { color:#009cae;}
.link02_title_bg1 { display:inline-block; vertical-align:top; background-color:#521483; padding:0 4px;}
.link02_title_bg2 { display:inline-block; vertical-align:top; background-color:#2eae40; padding:0 4px;}
.link02_title_bg3 { display:inline-block; vertical-align:top; background-color:#2eb1d1; padding:0 4px;}
.link02_txt { display:inline-block; vertical-align:top; width:100%; font-size:14px; color:#666;}



/* cont3 */

.cont3 {}
.cont3:after { display:block; content:""; clear:both;}

.cont3_box_wrap { width: 1120px;height:320px; margin: 0 20px 20px 0;; font-size:0; background-color:#f5f5f5; background-image:url(/images/main/cont3_bg.png); background-repeat:no-repeat; background-position:0% 100%;}
.cont3_box_left { display:inline-block; vertical-align:top; width:15%; padding:50px 0 0 50px;}
.cont3_box_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.cont3_box_title span { color:#009cae;}
.cont3_box_txt { font-size:14px; margin-bottom:10px;}
.cont3_box_left a { display:inline-block; font-size:14px; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
.cont3_box_right { display:inline-block; vertical-align:middle; width:85%;}

.link03_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600; color:#fff;}
.link03_title span { color:#ffbaca;}
.link03_txt { display:inline-block; vertical-align:top; width:100%; font-size:14px; color:#ccebef;}
.link03_txt_bank { display:inline-block; margin-top:0px; margin-bottom:10px;}
.link03_txt_bank2 { display:inline-block; margin-top:20px; margin-bottom:10px;}
.link03_txt2 { display:inline-block; vertical-align:top; width:100%; font-size:18px; color:#fff; font-weight:600;}
.link03_txt2 span { font-size:14px; color:#ccebef;}
.link03_txt3_btn { display: inline-block;  background-color:#e2748e; color:#fff; padding:5px 20px 7px 20px; font-size:16px; margin:20px 0 0 0;}

.responsive3 { height:320px; width:84%; margin:30px auto;}
.link_gallery_img { padding:10px;}
.link_gallery_img>a { position:relative; display:block; height:240px; width:100%; background-size:cover;}
.link_gallery_img>a>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.7); text-align:center; color:#fff; font-size:14px; padding:10px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

/* 좌우 화살표 */
.responsive3 .slick-prev { position:absolute; left:-70px; top:50%; margin-top:-60px; background-image: url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-next { position:absolute; right:-70px; top:50%; margin-top:-60px; background-image: url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus {opacity: 1;}

.cont3_boxs_right { width: 460px; height:320px; margin: 0; display: inline-block; vertical-align: top;}
.link03_box { display: block; width: 100%; height: 320px; margin-bottom: 20px; font-size: 0; background-color: #009cae; background-repeat: no-repeat; padding: 8% 10% 0 10%;}


/* cont4 */

.cont4 {}
.cont4:after { display:block; content:""; clear:both;}

.cont4_box_wrap { width: 800px;height:140px; margin: 0 20px 20px 0; font-size:0;}
.cont4_box1 { display:inline-block; vertical-align:top; height:140px; width:16.8%; margin-right:1.2%;}
.cont4_box1>a { display:block; width:100%; height:140px; background-repeat:no-repeat; background-position:center;}
.cont4_box2 { display:inline-block; vertical-align:top; height:140px; width:34.8%; padding:30px 0 0 40px; margin-right:1.2%; background-image:url(/images/main/cont4_bg1.png); background-position:100% 50%; background-size:auto 100%; background-repeat:no-repeat; background-color:#f5fbff;}
.cont4_box2_title { font-size:20px;}
.cont4_box2_num { font-size:36px; font-weight:700;}
.cont4_box2_num>span { color:#00a3bb;}
.cont4_box3 { display:inline-block; vertical-align:top; height:140px; width:460px; padding:30px 0 0 40px; background-image:url(/images/main/cont4_bg2.png); background-position:90% 50%;  background-repeat:no-repeat; background-color:#f5f5f5;}
.cont4_box3_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.cont4_box3_title span { color:#009cae;}
.cont4_box3_txt1 { font-size:14px;}
.cont4_box3_txt1>span { color:#ef601d;}
.cont4_box3_txt2 { font-size:14px;}
.cont4_box3_txt2>span { color:#1f9fbf;}
.cont4_box3_btn { display:inline-block; vertical-align:middle; background-color:#454545; color:#fff !important; height:30px; line-height:30px; padding:0 20px; font-size:16px;}
.cont4_box3_btn2 { display:inline-block; vertical-align:middle; background-color:#aaa; color:#fff !important; height:30px; line-height:30px; padding:0 20px; font-size:16px;}

.cont4_box_left { display:inline-block; vertical-align:top; width:19%; padding:50px 0 0 50px;}
.cont4_box_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.cont4_box_title span { color:#009cae;}
.cont4_box_txt { font-size:14px; margin-bottom:10px;}
.cont4_box_left a { display:inline-block; font-size:14px; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
.responsive4 { height:140px; width:81%; margin:30px auto;}
.link_gallery_img2 { padding:10px;}
.link_gallery_img2>a {
    position: relative;
    display: block;
    height: 45px;
    width: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
/* 좌우 화살표 */
.responsive4 .slick-prev { position:absolute; left:-70px; top:50%; margin-top:-60px; background-image: url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive4 .slick-next { position:absolute; right:-70px; top:50%; margin-top:-60px; background-image: url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive4 .slick-prev:hover, .responsive4 .slick-prev:focus, .responsive4 .slick-next:hover, .responsive4 .slick-next:focus {opacity: 1;}

.cont4_box_right { display:inline-block; vertical-align:middle; width:81%;}

.link09_box { display: inline-block; width:300px; height:140px; margin: 0 20px 20px 0; font-size:0; background-color:#fff; background-repeat:no-repeat; padding:30px 0 0 40px;}
.link09_icon { background-image:url(/images/sub/link_icon09.jpg); background-position:90% 50%;}
.link09_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.link09_txt { display:inline-block; vertical-align:top; width:50%; font-size:14px; color:#666;}




/* 1024 ~ 768까지 태블릿 설정 */

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




/* 메인 내용 공통 */

section {}
article { width:100%; max-width:1600px; margin:0 auto; font-size:0; padding:0 20px;}
.box_basic { display:inline-block; vertical-align:top; position:relative; width:100%; height:auto; font-size:13px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; background-color:rgba(255,255,255,1);}



/* cont1 */

.cont1 { margin-bottom:20px;}
.cont1:after { display:block; content:""; clear:both;}

.cont1_box_left { width:100%; margin:0 20px 20px 0; display:inline-block; vertical-align:top;}
.responsive1 { width:100%; height:auto;}
.responsive1_box {}
.responsive1_box a { display:block; width:100%; height:auto; aspect-ratio:100/50; background-size:cover; background-position:center; margin-bottom:-5px;}
/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; top:30px; text-align:right; padding-right:30px;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:22px; margin: 0; cursor: pointer; line-height:22px;}
.responsive1 .slick-dots li button { display: inline-block; width: 14px; height: 14px; cursor: pointer; background-color:#fff; opacity: 0.8; text-indent:-9999px; vertical-align:middle; border:none !important; border-radius:7px;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width:18px; height:18px; background-color:#f1592a; border-radius:9px;}

.cont1_box_right { width:100%; margin:0; display:inline-block; vertical-align:top;}
.select_box_wrap { height:auto; margin-bottom:0; z-index:1;}
.responsive2 { width:100%; height:auto; margin-bottom:-5px;}
.responsive2_box {}
.responsive2_box a { display:block; width:100%; height:auto; aspect-ratio:100/100; background-size:cover; background-position:center;}
/* 페이저 */
.responsive2 .slick-dots { position: absolute; display: inline-block; width:100%; top:30px; text-align:right; padding-right:30px;}
.responsive2 .slick-dots li { position: relative; display: inline-block; width:22px; margin: 0; cursor: pointer; line-height:22px;}
.responsive2 .slick-dots li button { display: inline-block; width: 14px; height: 14px; cursor: pointer; background-color:#fff; opacity: 0.8; text-indent:-9999px; vertical-align:middle; border:none !important; border-radius:7px;}
.responsive2 .slick-dots li.slick-active button, .responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus { opacity: 1; width:18px; height:18px; background-color:#f1592a; border-radius:9px;}

.login_box_wrap { padding:30px; height:160px; background-image:url(/images/main/login_bg.jpg); background-position:100% 100%; background-repeat:no-repeat; background-size:cover;}
.login_box_txt1 { display:inline-block; vertical-align:middle; font-size:34px; font-weight:700; color:rgba(255,255,255,1); margin-right:10px;}
.login_box_input1 { display:inline-block; vertical-align:middle; height:30px; width:130px; margin-right:5px; background-color:#fff;}
.login_box_input2 { display:inline-block; vertical-align:middle; height:30px; width:130px; margin-right:5px; background-color:#fff;}
.login_box_btn { display:inline-block; vertical-align:middle; background-color:#156eac; color:#fff !important; height:30px; line-height:30px; padding:0 20px; font-size:16px;}
.login_box_txt1_1 { display:inline-block; vertical-align:top; font-size:14px; color:rgba(255,255,255,0.7); padding-right:10px;}
.login_box_line { width:90%; height:1px; background-color:rgba(255,255,255,0.5); margin:10px auto 10px 0;}
.login_box_txt2 { display:inline-block; vertical-align:top; font-size:14px; color:rgba(255,255,255,0.7); padding-right:10px;}



/* cont2 */

.cont2 {}
.cont2:after { display:block; content:""; clear:both;}

.cont2_box_left { width:100%; margin:0; display:inline-block; vertical-align:top;}

.cont2_box_left_top { width:100%; font-size:0;}

.mainboard_box_wrap { width:100%; margin:0 0 20px 0; min-height:340px;}

/* .main_board start */
.main_board_wrap2:after { content:""; display:block; clear:both;}
.main_board_wrap2 { position:relative; padding-top:100px;}
.main_board_wrap2 .main_board_cont2 .main_board_tab2 { position:absolute; top:0; width:50%; height:67px; background:#ebebeb; text-align:left; line-height:60px; font-size:18px; color:#999; box-sizing:border-box; padding-left:0; padding-top:7px; text-align:center;}
.main_board_wrap2 .main_board_cont2:nth-child(1) .main_board_tab2 { left:0;}
.main_board_wrap2 .main_board_cont2 .main_board_list2 { display:none; width:86%; margin:0 auto;}
.main_board_wrap2 .main_board_cont2.on .main_board_tab2 { border-top:5px solid #4f99cb; background:#fff; color:#121212; line-height:50px;}
.main_board_wrap2 .main_board_cont2.on .main_board_list2 { display:block;}
.main_board_list2 li { float:left;}
.main_board_list2 .boardbox_txt { width:100%; font-size:0;}
.main_board_list2 .boardbox_txt a { display:inline-block; vertical-align:top; width:80%; color:#121212; line-height:24px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:14px;}
.main_board_list2 .boardbox_txt a img { vertical-align: middle; line-height:24px; margin-right:5px;}
.main_board_list2 .boardbox_txt span { display:inline-block; vertical-align:top; width:20%; color:#121212; line-height:24px; text-align:right; font-size:14px;}
.main_board_list2 li:last-child { width:100%; margin-top:20px; text-align:right;}
.main_board_list2 li:last-child a { display:inline-block; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}

.main_board_wrap:after { content:""; display:block; clear:both;}
.main_board_wrap { position:relative; padding-top:100px;}
.main_board_wrap .main_board_cont .main_board_tab { position:absolute; top:0; width:33.333333333%; height:67px; background:#ebebeb; text-align:center; line-height:60px; font-size:18px; color:#999; box-sizing:border-box; cursor:pointer; padding-top:7px;}
.main_board_wrap .main_board_cont:nth-child(1) .main_board_tab { left:0;}
.main_board_wrap .main_board_cont:nth-child(2) .main_board_tab { left:33.333333333%;}
.main_board_wrap .main_board_cont:nth-child(3) .main_board_tab { left:66.666666666%;}
.main_board_wrap .main_board_cont .main_board_list { display:none; width:86%; margin:0 auto;}
.main_board_wrap .main_board_cont.on .main_board_tab { border-top:5px solid #4f99cb; background:#fff; color:#121212; line-height:50px;}
.main_board_wrap .main_board_cont.on .main_board_list { display:block;}
.main_board_list li { float:left;}
.main_board_list .boardbox_txt { width:100%; font-size:0;}
.main_board_list .boardbox_txt a { display:inline-block; vertical-align:top; width:80%; color:#121212; line-height:24px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:14px;}
.main_board_list .boardbox_txt a img { vertical-align: middle; line-height:24px; margin-right:5px;}
.main_board_list .boardbox_txt span { display:inline-block; vertical-align:top; width:20%; color:#121212; line-height:24px; text-align:right; font-size:14px;}
.main_board_list li:last-child { width:100%; margin-top:20px; text-align:right;}
.main_board_list li:last-child a { display:inline-block; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
/* .main_board end */

.cont2_box_right { width:100%; margin:0 0 20px 0; display:inline-block; vertical-align:top;}
.link02_box { display:block; width:100%; height:auto; margin-bottom:20px; font-size:0; background-color:#f5f5f5; background-repeat:no-repeat; padding:50px;}
.link02_box:nth-child(2) { margin-bottom:0;}
.link02_icon1 { background-image:url(/images/main/link_icon01.png); background-position:100% 100%;}
.link02_icon2 { background-image:url(/images/main/link_icon02.jpg); background-position:90% 50%;}
.link02_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.link02_title span { color:#009cae;}
.link02_title_bg1 { display:inline-block; vertical-align:top; background-color:#521483; padding:0 4px;}
.link02_title_bg2 { display:inline-block; vertical-align:top; background-color:#2eae40; padding:0 4px;}
.link02_title_bg3 { display:inline-block; vertical-align:top; background-color:#2eb1d1; padding:0 4px;}
.link02_txt { display:inline-block; vertical-align:top; width:100%; font-size:14px; color:#666;}



/* cont3 */

.cont3 {}
.cont3:after { display:block; content:""; clear:both;}

.cont3_box_wrap { height:320px; margin-bottom:20px; font-size:0; background-color:#f5f5f5; background-image:url(/images/main/cont3_bg.png); background-repeat:no-repeat; background-position:0% 100%;}
.cont3_box_left { display:inline-block; vertical-align:top; width:30%; padding:50px 0 0 50px;}
.cont3_box_title { font-size:22px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont3_box_txt { font-size:14px; margin-bottom:10px;}
.cont3_box_left a { display:inline-block; font-size:14px; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
.cont3_box_right { display:inline-block; vertical-align:middle; width:70%;}
.responsive3 { height:320px; width:70%; margin:30px auto;}
.link_gallery_img { padding:10px;}
.link_gallery_img>a { position:relative; display:block; height:240px; width:100%; background-size:cover;}
.link_gallery_img>a>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.7); text-align:center; color:#fff; font-size:14px; padding:10px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

/* 좌우 화살표 */
.responsive3 .slick-prev { position:absolute; left:-50px; top:50%; margin-top:-50px; background-image: url(/images/icon/btn_left2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-next { position:absolute; right:-50px; top:50%; margin-top:-50px; background-image: url(/images/icon/btn_right2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus {opacity: 1;}

.cont3_boxs_right { width: 100%; height:auto; margin: 0; display: inline-block; vertical-align: top;}
.link03_box { display: block; width: 100%; height:auto; margin-bottom: 20px; font-size: 0; background-color: #009cae; background-repeat: no-repeat; padding:50px;}
.link03_txt3_btn { display: inline-block;  background-color:#e2748e; color:#fff; padding:5px 20px 7px 20px; font-size:16px; margin:20px 0 0 0;}

/* cont4 */

.cont4 {}
.cont4:after { display:block; content:""; clear:both;}

.cont4_box_wrap { width:100%;height:auto; margin: 0 0 20px 0;; font-size:0;}
.cont4_box1 { display:inline-block; vertical-align:top; height:140px; width:48.7%; margin-right:2.6%; margin-bottom:20px;}
.cont4_box1_1 { width:48.7%; margin-right:0;}
.cont4_box1>a { display:block; width:100%; height:140px; background-repeat:no-repeat; background-position:center;}
.cont4_box2 { display:inline-block; vertical-align:top; height:140px; width:100%; padding:30px 0 0 40px; margin:0 0 20px 0; background-image:url(/images/main/cont4_bg1.png); background-position:100% 50%; background-size:auto 100%; background-repeat:no-repeat; background-color:#f5fbff;}
.cont4_box2_title { font-size:20px;}
.cont4_box2_num { font-size:36px; font-weight:700;}
.cont4_box2_num>span { color:#00a3bb;}
.cont4_box3 { display:inline-block; vertical-align:top; height:140px; width:100%; padding:30px 0 0 40px; margin:0 0 20px 0; background-image:url(/images/main/cont4_bg2.png); background-position:90% 50%; background-size:auto 60%; background-repeat:no-repeat; background-color:#fff8f5;}
.cont4_box3_title { font-size:20px; margin-bottom:5px;}
.cont4_box3_txt1 { font-size:14px;}
.cont4_box3_txt1>span { color:#ef601d;}
.cont4_box3_txt2 { font-size:14px;}
.cont4_box3_txt2>span { color:#1f9fbf;}

.cont4_box_left { display:inline-block; vertical-align: middle; width:30%; padding:30px;}
.cont4_box_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.cont4_box_title span { color:#009cae;}
.cont4_box_txt { font-size:14px; margin-bottom:10px;}
.cont4_box_left a { display:inline-block; font-size:14px; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
.cont4_box_right { display:inline-block; vertical-align:middle; width:70%;}
.responsive4 { height:auto; width:60%; margin:0 auto;}
.link_gallery_img2 { padding:10px;}
.link_gallery_img2>a {
    position: relative;
    display: block;
    height: 45px;
    width: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
/* 좌우 화살표 */
.responsive4 .slick-prev { position:absolute; left:-60px; top:50%; margin-top:-30px; background-image: url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive4 .slick-next { position:absolute; right:-60px; top:50%; margin-top:-30px; background-image: url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive4 .slick-prev:hover, .responsive4 .slick-prev:focus, .responsive4 .slick-next:hover, .responsive4 .slick-next:focus {opacity: 1;}

.link09_box { display: inline-block; width:100%; height:auto; margin: 0 0 20px 0; font-size:0; background-color:#fff; background-repeat:no-repeat; padding:30px;}
.link09_icon { background-image:url(/images/sub/link_icon09.jpg); background-position:90% 50%;}
.link09_title { font-family: 'Noto Sans KR', sans-serif;  font-size:22px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.link09_txt { display:inline-block; vertical-align:top; width:50%; font-size:14px; color:#666;}




}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */





/* 메인 내용 공통 */

section {}
article { width:100%; max-width:1600px; margin:0 auto; font-size:0; padding:0 10px;}
.box_basic { display:inline-block; vertical-align:top; position:relative; width:100%; height:auto; font-size:13px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; background-color:rgba(255,255,255,1);}



/* cont1 */

.cont1 { padding-top:10px; margin-bottom:10px;}
.cont1:after { display:block; content:""; clear:both;}

.cont1_box_left { width:100%; margin:0 0 10px 0; display:inline-block; vertical-align:top;}
.responsive1 { width:100%; height:auto;}
.responsive1_box {}
.responsive1_box a { display:block; width:100%; height:auto; background-size:cover; background-position:center;}
/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; top:30px; text-align:right; padding-right:30px;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:22px; margin: 0; cursor: pointer; line-height:22px;}
.responsive1 .slick-dots li button { display: inline-block; width: 14px; height: 14px; cursor: pointer; background-color:#fff; opacity: 0.8; text-indent:-9999px; vertical-align:middle; border:none !important; border-radius:7px;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width:18px; height:18px; background-color:#f1592a; border-radius:9px;}

.cont1_box_right { width:100%; margin:0; display:inline-block; vertical-align:top;}
.select_box_wrap { height:auto; margin-bottom:0; z-index:1;}
.responsive2 { width:100%; height:auto;}
.responsive2_box {}
.responsive2_box a { display:block; width:100%; height:auto; background-size:cover; background-position:center;}
/* 페이저 */
.responsive2 .slick-dots { position: absolute; display: inline-block; width:100%; top:30px; text-align:right; padding-right:30px;}
.responsive2 .slick-dots li { position: relative; display: inline-block; width:22px; margin: 0; cursor: pointer; line-height:22px;}
.responsive2 .slick-dots li button { display: inline-block; width: 14px; height: 14px; cursor: pointer; background-color:#fff; opacity: 0.8; text-indent:-9999px; vertical-align:middle; border:none !important; border-radius:7px;}
.responsive2 .slick-dots li.slick-active button, .responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus { opacity: 1; width:18px; height:18px; background-color:#f1592a; border-radius:9px;}

.login_box_wrap { padding:20px; height:auto; background-image:url(/images/main/login_bg.jpg); background-position:100% 100%; background-repeat:no-repeat; background-size:cover; margin-bottom:10px;}
.login_box_txt1 { display:inline-block; vertical-align:middle; font-size:24px; font-weight:700; width:100%; color:rgba(255,255,255,1); margin-right:0; margin-bottom:10px;}
.login_box_input1 { display:inline-block; vertical-align:middle; height:26px; width:33%; margin-right:2%; background-color:#fff;}
.login_box_input2 { display:inline-block; vertical-align:middle; height:26px; width:33%; margin-right:2%; background-color:#fff;}
.login_box_btn { display:inline-block; vertical-align:middle; background-color:#156eac; color:#fff !important; height:26px; width:28%; line-height:26px; padding:0; font-size:13px; text-align:center;}
.login_box_txt1_1 { display:inline-block; vertical-align:top; font-size:13px; color:rgba(255,255,255,0.7); padding-right:10px;}
.login_box_line { width:100%; height:1px; background-color:rgba(255,255,255,0.5); margin:10px auto 10px 0;}
.login_box_txt2 { display:inline-block; vertical-align:top; font-size:13px; color:rgba(255,255,255,0.7); padding-right:10px;}



/* cont2 */

.cont2 {}
.cont2:after { display:block; content:""; clear:both;}

.cont2_box_left { width:100%; margin:0; display:inline-block; vertical-align:top;}

.cont2_box_left_top { width:100%; font-size:0;}

.mainboard_box_wrap { width:100%; margin:0 0 10px 0; min-height:1px;}

/* .main_board start */
.main_board_wrap2:after { content:""; display:block; clear:both;}
.main_board_wrap2 { position:relative; padding-top:80px;}
.main_board_wrap2 .main_board_cont2 .main_board_tab2 { position:absolute; top:0; width:50%; height:60px; background:#ebebeb; line-height:60px; font-size:14px; color:#999; box-sizing:border-box; padding-left:0; padding-top:0;}
.main_board_wrap2 .main_board_cont2:nth-child(1) .main_board_tab2 { left:0;}
.main_board_wrap2 .main_board_cont2 .main_board_list2 { display:none; width:90%; margin:0 auto;}
.main_board_wrap2 .main_board_cont2.on .main_board_tab2 { border-top:5px solid #4f99cb; background:#fff; color:#121212; line-height:50px;}
.main_board_wrap2 .main_board_cont2.on .main_board_list2 { display:block;}
.main_board_list2 li { float:left;}
.main_board_list2 .boardbox_txt { width:100%; font-size:0;}
.main_board_list2 .boardbox_txt a { display:inline-block; vertical-align:top; width:75%; color:#121212; line-height:24px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:13px;}
.main_board_list2 .boardbox_txt a img { vertical-align: middle; line-height:24px; margin-right:5px;}
.main_board_list2 .boardbox_txt span { display:inline-block; vertical-align:top; width:25%; color:#121212; line-height:24px; text-align:right; font-size:13px;}
.main_board_list2 li:last-child { width:100%; margin-top:15px; margin-bottom:20px; text-align:right;}
.main_board_list2 li:last-child a { display:inline-block; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}

.main_board_wrap:after { content:""; display:block; clear:both;}
.main_board_wrap { position:relative; padding-top:80px;}
.main_board_wrap .main_board_cont .main_board_tab { position:absolute; top:0; width:33.333333333%; height:67px; background:#ebebeb; text-align:center; line-height:60px; font-size:14px; color:#999; box-sizing:border-box; cursor:pointer; padding-top:7px;}
.main_board_wrap .main_board_cont:nth-child(1) .main_board_tab { left:0;}
.main_board_wrap .main_board_cont:nth-child(2) .main_board_tab { left:33.333333333%;}
.main_board_wrap .main_board_cont:nth-child(3) .main_board_tab { left:66.666666666%;}
.main_board_wrap .main_board_cont .main_board_list { display:none; width:90%; margin:0 auto;}
.main_board_wrap .main_board_cont.on .main_board_tab { border-top:5px solid #4f99cb; background:#fff; color:#121212; line-height:50px;}
.main_board_wrap .main_board_cont.on .main_board_list { display:block;}
.main_board_list li { float:left;}
.main_board_list .boardbox_txt { width:100%; font-size:0;}
.main_board_list .boardbox_txt a { display:inline-block; vertical-align:top; width:75%; color:#121212; line-height:24px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:13px;}
.main_board_list .boardbox_txt a img { vertical-align: middle; line-height:24px; margin-right:5px;}
.main_board_list .boardbox_txt span { display:inline-block; vertical-align:top; width:25%; color:#121212; line-height:24px; text-align:right; font-size:13px;}
.main_board_list li:last-child { width:100%; margin-top:15px; margin-bottom:20px; text-align:right;}
.main_board_list li:last-child a { display:inline-block; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
/* .main_board end */

.cont2_box_right { width:100%; margin:0 0 10px 0; display:inline-block; vertical-align:top;}
.link02_box { display:block; width:100%; height:auto; margin-bottom:20px; font-size:0; background-color:#f5f5f5; background-repeat:no-repeat; padding:20px;}
.link02_box:nth-child(2) { margin-bottom:0;}
.link02_icon1 { background-image:url(/images/main/link_icon01.png); background-position:100% 100%;}
.link02_icon2 { background-image:url(/images/main/link_icon02.jpg); background-position:90% 50%;}
.link02_title { font-family: 'Noto Sans KR', sans-serif;  font-size:20px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.link02_title span { color:#009cae;}
.link02_title_bg1 { display:inline-block; vertical-align:top; background-color:#521483; padding:0 4px;}
.link02_title_bg2 { display:inline-block; vertical-align:top; background-color:#2eae40; padding:0 4px;}
.link02_title_bg3 { display:inline-block; vertical-align:top; background-color:#2eb1d1; padding:0 4px;}
.link02_txt { display:inline-block; vertical-align:top; width:100%; font-size:13px; color:#666;}



/* cont3 */

.cont3 {}
.cont3:after { display:block; content:""; clear:both;}

.cont3_box_wrap { height:auto; margin:0 0 10px 0; font-size:0; background-color:#f5f5f5; background-image:url(/images/main/cont3_bg.png); background-repeat:no-repeat; background-position:100% 100%;}
.cont3_box_left { display:inline-block; vertical-align:top; width:100%; padding:20px 0 0 20px;}
.cont3_box_title { font-size:20px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont3_box_txt { font-size:13px; margin-bottom:10px;}
.cont3_box_left a { display:inline-block; font-size:13px; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}

.cont3_box_right { display:inline-block; vertical-align:middle; width:100%;}

.responsive3 { height:350px; width:90%; margin:20px auto;}

.link_gallery_img { padding:10px 0;}
.link_gallery_img>a { position:relative; display:block; height:200px; width:100%; background-size:cover;}
.link_gallery_img>a>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.7); text-align:center; color:#fff; font-size:13px; padding:10px;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

/* 좌우 화살표 */
.responsive3 .slick-prev { position:absolute; left:0; top:auto; bottom:60px; margin-top:0; background-image: url(/images/icon/btn_left2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-next { position:absolute; left:40px; right:auto; top:auto; bottom:60px; margin-top:0; background-image: url(/images/icon/btn_right2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus {opacity: 1;}

.cont3_boxs_right { width: 100%; height:auto; margin: 0; display: inline-block; vertical-align: top;}
.link03_box { display: block; width: 100%; height:auto; margin-bottom: 10px; font-size: 0; background-color: #009cae; background-repeat: no-repeat; padding:20px;}
.link03_txt3_btn { display: inline-block;  background-color:#e2748e; color:#fff; padding:5px 20px 7px 20px; font-size:14px; margin:20px 0 0 0;}
.link03_txt2 { display:inline-block; vertical-align:top; width:100%; font-size:16px; color:#fff; font-weight:600;}
.link03_txt2 span { display:block; font-size:13px; color:#ccebef;}

/* cont4 */

.cont4 {}
.cont4:after { display:block; content:""; clear:both;}

.cont4_box_wrap { width:100%;height:auto; margin: 0 0 10px 0;; font-size:0;}
.cont4_box1 { display:inline-block; vertical-align:top; height:140px; width:48.7%; margin-right:2.6%; margin-bottom:10px;}
.cont4_box1_1 { width:48.7%; margin-right:0;}
.cont4_box1>a { display:block; width:100%; height:140px; background-repeat:no-repeat; background-position:center;}
.cont4_box2 { display:inline-block; vertical-align:top; height:140px; width:100%; padding:20px; margin:0 0 10px 0; background-image:url(/images/main/cont4_bg1.png); background-position:100% 50%; background-size:auto 100%; background-repeat:no-repeat; background-color:#f5fbff;}
.cont4_box2_title { font-size:20px;}
.cont4_box2_num { font-size:36px; font-weight:700;}
.cont4_box2_num>span { color:#00a3bb;}
.cont4_box3 { display:inline-block; vertical-align:top; height:auto; width:100%; padding:20px; margin:0 0 10px 0; background-image:url(/images/main/cont4_bg2.png); background-position:90% 50%; background-size:auto 60%; background-repeat:no-repeat; background-color:#fff8f5;}
.cont4_box3_title { font-size:20px; margin-bottom:5px;}
.cont4_box3_txt1 { font-size:13px;}
.cont4_box3_txt1>span { color:#ef601d;}
.cont4_box3_txt2 { font-size:13px;}
.cont4_box3_txt2>span { color:#1f9fbf;}
.cont4_box3_btn { display:inline-block; vertical-align:middle; background-color:#454545; color:#fff !important; height:auto; line-height:1; padding:5px 20px 7px 20px; font-size:14px;}
.cont4_box3_btn2 { display:inline-block; vertical-align:middle; background-color:#aaa; color:#fff !important; height:auto; line-height:1; padding:5px 20px 7px 20px; font-size:14px;}

.cont4_box_left { display:inline-block; vertical-align: middle; width:40%; padding:20px;}
.cont4_box_title { font-family: 'Noto Sans KR', sans-serif;  font-size:20px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.cont4_box_title span { color:#009cae;}
.cont4_box_txt { font-size:13px; margin-bottom:10px;}
.cont4_box_left a { display:inline-block; font-size:14px; color:#fff; background-color:#e2748e; padding:2px 3px 0 3px;}
.cont4_box_right { display:inline-block; vertical-align:middle; width:60%; overflow:hidden;}
.responsive4 { height:auto; width:60%; margin:0 auto;}
.link_gallery_img2 { padding:10px;}
.link_gallery_img2>a {
    position: relative;
    display: block;
    height: 45px;
    width: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
/* 좌우 화살표 */
.responsive4 .slick-prev { position:absolute; left:-40px; top:50%; margin-top:-20px; background-image: url(/images/icon/btn_left2.jpg); background-size:100%; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive4 .slick-next { position:absolute; right:-40px; top:50%; margin-top:-20px; background-image: url(/images/icon/btn_right2.jpg); background-size:100%; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive4 .slick-prev:hover, .responsive4 .slick-prev:focus, .responsive4 .slick-next:hover, .responsive4 .slick-next:focus {opacity: 1;}

.link09_box { display: inline-block; width:100%; height:auto; margin: 0 0 10px 0; font-size:0; background-color:#fff; background-repeat:no-repeat; padding:30px;}
.link09_icon { background-image:url(/images/sub/link_icon09.jpg); background-position:90% 50%;}
.link09_title { font-family: 'Noto Sans KR', sans-serif;  font-size:20px; letter-spacing:-0.06em; margin-bottom:10px; font-weight:600;}
.link09_txt { display:inline-block; vertical-align:top; width:50%; font-size:13px; color:#666;}

}
