/**
* OLYM Cascading Style Sheets
* File Name :contents.css
* Description :컨텐츠 스타일시트
* Author :Web business Team / Choi Hyun Mi
* Email :desingtj@olym.co.kr
* Date :2017.08.01
* Update :2017.08.01
* Copyright(c) 2017 OLYM Communications. All Rights Reserved.
*/
 /* ///////////////////////////포인트컬러 변경///////////////////////////
          포인트 컬러1 - #fd33a7
				  포인트 컬러2 - #252525
				  검색해서 모두 바꾸기 해주세요!
 /////////////////////////////////////////////////////////////////// */

/************ tab_type ************/

/* 탭메뉴 갯수 */
.colum02 > ul > li { width:50%;}
.colum03 > ul > li { width:33.33%;}
.colum04 > ul > li { width:25%;}
.colum05 > ul > li { width:20%;}
.colum06 > ul > li { width:16.66%;}

.tab_type1 {margin-bottom:30px;}
.tab_type1:after {content:'';display:block; clear:both;}
.tab_type1 .btn_open {display:none;}
.tab_type1 li {display:table; float:left; width:calc(25% + 1px); margin-left:-1px; margin-top:-1px; height:100%; }
.tab_type1.col2 li {width:50%;}
.tab_type1.col3 li {width:33.33%;}
.tab_type1.col4 li {width:25%;}
.tab_type1.col5 li {width:20%;}
.tab_type1 li a {position:relative; display:table-cell; height:55px; padding:0 10px; color:#555; text-align:center; vertical-align:middle; border:1px solid #dedede; transition:background-color 0.1s ease-in-out; line-height:1.2em;}
.tab_type1 li a:hover {color:#444; background-color:#f0f0f0;}
.tab_type1 li a.on {background:#fd33a7; color:#fff; font-weight:500; border-color:#fd33a7; }

.tab_type2 > ul { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; margin-bottom:30px;}
.tab_type2 > ul > li {float:left; position:relative; height:50px; line-height:49px;}
.tab_type2 > ul > li > a { display:block; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-image:url(/project/design/template/bg_tab2_off.png); background-repeat:no-repeat; background-position:90% center; color:#666; padding-left:10%; box-sizing:border-box;}
.tab_type2 > ul > li > a.on, .tab_type2 > ul > li > a:hover { background-image:url(/project/design/template/bg_tab2_on.png); background-color:#252525; border-right:1px solid #252525; border-bottom:1px solid #252525; color:#fff;}

.tab_type3 > ul { margin-bottom:30px;}
.tab_type3 > ul > li { float:left; padding:0 5px 5px 0;}
.tab_type3 > ul > li > a { display:block; border:1px solid #d4d4d4; line-height:48px; padding:0 25px; color:#666;}
.tab_type3 > ul > li > a.on, .tab_type3 > ul > li > a:hover { border:1px solid #fd33a7; background:#fd33a7; color:#fff;}

.tab_type4 > ul { margin-bottom:20px;}
.tab_type4 > ul > li { display:table-cell; padding-right:10px;}
.tab_type4 > ul > li > a { display:block; background:#fff; color:#fd33a7; border:1px solid #fd33a7; text-align:center; padding:10px 30px;}
.tab_type4 > ul > li > a:hover, .tab_type4 > ul > li > a.on { background:#fd33a7; color:#fff}
.tab_box { border:1px dashed #ddd; padding:30px;}

.tab_type5 > ul { border-left:1px solid #d4d4d4; margin-bottom:30px;}
.tab_type5 > ul > li {float:left;}
.tab_type5 > ul > li > a { display:block; text-align:center; padding:0 30px; background:#f6f6f6; color:#666; border:1px solid #d4d4d4; border-left:none; line-height:48px;}
.tab_type5 > ul > li > a:hover { background:#fff;}
.tab_type5 > ul > li > a.on { background:#fff; border-top:2px solid #000; color:#000; border-bottom:none;}

@media all and (max-width:800px) {
.tab_type1 li a {height:40px;}
/*.tab_type1 {position:relative; margin-bottom:20px;}
.tab_type1 .btn_open { border:none; position:relative; display:block; width:100%; height:45px; padding:0 15px; background:#fd33a7; color:#fff; line-height:43px; text-align:left; font-size:15px; cursor:pointer;}
.tab_type1 .btn_open:after {position:absolute; right:15px; top:0; margin-top:0; content:'\e942';font-family:'xeicon';}
.tab_type1 > ul {z-index:10; position:absolute; display:none; top:100%; left:0; right:0; border:1px solid #dedede;}
.tab_type1 li {width:100% !important; margin:0;}
.tab_type1 li a,.tab_type1 li a.on,.tab_type1 li div,.tab_type1 li div.on {min-height:43px; padding:10px 15px; height:auto; font-size:15px; text-align:left; background:#fff; border:none; border-bottom:1px solid #dedede; color:#666; font-weight:normal;}
.tab_type1 li a:hover {background-color:#f0f0f0;}
.tab_type1 > ul.active {display:block;}*/

.tab_type2 > ul > li {height:40px; line-height:39px;}
.tab_type2 > ul > li > a { font-size:0.95em; background-size:10px;}
.tab_type3 > ul > li > a { line-height:30px; padding:0 20px; font-size:0.95em;}
.tab_type4 > ul > li > a { font-size:0.95em; padding:5px 10px;}
.tab_box { padding:20px;}
.tab_type5 > ul > li > a { padding:0 10px; font-size:0.95em; line-height:38px;}
}


/************ h_type ************/
.h_type1 { font-size:21px; color:#1c1c1c; font-weight:600; line-height:1.2em; margin-bottom:20px;}
.h_type2 { font-size:18px; color:#1c1c1c; font-weight:500; line-height:1.2em; margin-bottom:10px; background:url("/project/design/template/bg_h2.png") no-repeat left 1px; padding-left:20px;}
.h_type3 { font-size:16px; color:#fd33a7; font-weight:500; line-height:1.2em; margin-bottom:10px;}


@media all and (max-width:800px) {
.h_type1 { font-size:17px;}
.h_type2 { font-size:16px; background:url("/project/design/template/bg_h2.png") no-repeat left 3px; background-size:10px; padding-left:15px;}
.h_type3 { font-size:15px;}
}


/************ ul_type ************/
.ul_type1 > li { margin-bottom:7px; padding-left:12px; position:relative;}
.ul_type1 > li:before { content:""; width:5px; height:2px; background:#fd33a7; display:inline-block; position:absolute; top:9px; left:0;}
.ul_type1 > li > ul { margin-top:5px;}
.ul_type1 > li > ul > li { margin-bottom:5px; padding-left:10px; position:relative;}
.ul_type1 > li > ul > li:before { content:""; width:3px; height:3px; border-radius:100%; background:#424242; display:inline-block; position:absolute; top:8px; left:0;}
.ul_type1 > li:last-child { margin-bottom:0; }
.ul_type1 > li > ul > li:last-child { margin-bottom:0; }

.ul_type2 > li { margin-bottom:3px; padding-left:8px; position:relative;}
.ul_type2 > li:before { content:""; width:2px; height:2px; border-radius:100%; background:#666; display:inline-block; position:absolute; top:9px; left:0;}
.ul_type2 > li:last-child { margin-bottom:0; }


.ul_type2.no_point > li:before{
	display: none;
}

@media all and (max-width:800px) {
.ul_type1 > li:before { top:8px;}
.ul_type1 > li > ul > li:before { top:7px;}
.ul_type2 > li:before { top:8px;}
}

/************ a_type ************/

/* 다운로드링크 */
.a_down { color:#666; display:inline-block; border-bottom:1px dashed #666; background:url("/project/design/template/bg_down2_c1.png") no-repeat; background-position:calc(100% - 7px); padding:0 30px 0 5px;}
.a_down:hover { color:#fd33a7; border-bottom:1px dashed #fd33a7; background:url("/project/design/template/bg_down2_c2.png") no-repeat; background-position:calc(100% - 7px) center;}

/* 새창링크 */
.a_link { color:#666; display:inline-block; border-bottom:1px dashed #666; background:url("/project/design/template/bg_link2_c1.png") no-repeat; background-position:calc(100% - 7px); padding:0 30px 0 5px;}
.a_link:hover { color:#fd33a7; border-bottom:1px dashed #fd33a7; background:url("/project/design/template/bg_link2_c2.png") no-repeat; background-position:calc(100% - 7px) center;}


/************ p_type ************/
.p_type1 { background:url("/project/design/template/icon_info1.png") no-repeat left 2px; padding-left:22px; margin-top:10px;}

@media all and (max-width:800px) {
.p_type1 { background:url("/project/design/template/icon_info1.png") no-repeat left 3px; background-size:12px; padding-left:16px;}
}

/************ box_type ************/

/* 이미지없는 박스 */
.box_type1 { border:1px dashed #e8e8e8; padding:30px; border-radius:0 20px; position:relative;}

/* 좌측이미지 박스 */
.box_type2 { display:table; border:1px solid #e8e8e8; padding:20px; position:relative; border-radius:0 20px; box-sizing:border-box; width:100%;}
.box_type2:before {content:""; width:100px; height:2px;background:#fd33a7; display:block; position:absolute; top:-1px; left:-1px;}
.box_type2 .left_img { display:table-cell; width:15%; height:90px; border-radius:0 15px; background:#efefef no-repeat center;}
.box_type2 .right_desc { display:table-cell; width:85%; padding-left:3%; vertical-align:middle;}

.box_type2 .left_img.bg1 { background-image:url("/project/design/template/bg_box1.png");}

/* 이미지없는 박스 */
.box_type3 { border:1px dashed #e8e8e8; padding:20px; font-size:20px; font-weight:500; border-radius:20px; position:relative; text-align:center; color:#fd33a7; margin-bottom:30px;}

@media all and (max-width:800px) {
.box_type1 { padding:20px; font-size:0.95em;}
.box_type2:before {width:60px;}
.box_type2 .left_img { width:20%;}
.box_type2 .right_desc { width:auto; font-size:0.95em;}
}
@media all and (max-width:500px) {
.box_type2 { padding:10px;}
.box_type2 .left_img { width:30%; background-size:50px;}
.box_type2 .right_desc { width:auto;}
}

/************ table_type ************/
.table_type1 { border-top:1px solid #727272;overflow-x:auto;} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type1 table, .table_type1 th, .table_type1 td { border-bottom:1px dotted #ddd; border-collapse:collapse;}
.table_type1 table { width:100%; border-bottom:1px solid #c4c4c4; }
.table_type1 th { padding:15px; color:#333; background:#fbfbfb; font-weight:500; border-right:1px dotted #d4d4d4; }
.table_type1 thead th { background:#f4f5f9;}
.table_type1 td { padding:15px; border-right:1px dotted #d4d4d4;}
.table_type1 td:last-child { border-right:none;}
.table_type1 th:last-child { border-right:none;}
.table_type1.table_other th:last-child { border-right:1px dotted #d4d4d4 !important;}
.table_type1 .border_right {border-right:1px dotted #d4d4d4 !important; } /* 강제 우측 라인 */
.table_type1 textarea { border:1px solid #ddd; border-radius:3px; color:#666; background:#f5f5f5; box-sizing:border-box; padding:3px 3px 3px 10px; width:100%;  }

@media all and (max-width:800px) {
.table_type1 th { padding:10px;}
.table_type1 td { padding:10px;}
}

/* 직원찾기 */
.table_type2 { border-top:1px solid #727272;overflow-x:auto;} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type2 table, .table_type2 th, .table_type2 td { border-bottom:1px dotted #ddd; border-collapse:collapse;}
.table_type2 table { width:100%; border-bottom:1px solid #c4c4c4; }
.table_type2 th { padding:10px; color:#333; background:#fbfbfb; font-weight:500; border-right:1px dotted #d4d4d4; }
.table_type2 thead th { background:#f4f5f9;}
.table_type2 th:last-child { border-right:none;}
.table_type2 td { padding:10px; border-right:1px dotted #d4d4d4;}
.table_type2 td:last-child { border-right:none;}
.table_type2 .border_right {border-right:1px dotted #d4d4d4 !important; } /* 강제 우측 라인 */

@media all and (max-width:800px) {
.table_type2 th { padding:5px;}
.table_type2 td { padding:5px;}
}

/* 공고일정 한눈에 보기 */
.table_type3 { border-top:1px solid #727272;overflow-x:auto;} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type3 table, .table_type3 th, .table_type3 td { border-bottom:1px dotted #ddd; border-collapse:collapse;}
.table_type3 table { width:100%; border-bottom:1px solid #c4c4c4; }
.table_type3 th { padding:10px; color:#333; background:#fbfbfb; font-weight:500; border-right:1px dotted #d4d4d4; }
.table_type3 thead th { background:#f4f5f9;}
.table_type3 th:last-child { border-right:none;}
.table_type3 td { padding:10px 0; text-align:center; background:url("/project/design/template/bg_line1.png") repeat-y right center;}
.table_type3 td.td2 { padding:10px;}
.table_type3 td:last-child { border-right:none;}
.table_type3 .border_right {border-right:1px dotted #d4d4d4 !important; } /* 강제 우측 라인 */
.table_type3 .border_left {border-left:1px dotted #d4d4d4 !important; } /* 강제 좌측 라인 */
.table_type3 .bg_none { background:none !important;}

@media all and (max-width:800px) {
.table_type3 th { padding:5px;}
.table_type3 td { padding:5px;}
}
@media all and (max-width:600px) {
.table_type3 th { padding:5px;}
.table_type3 td { padding:5px 0;}
}

/* 오늘 뭐 먹지 */
.table_type4 { border:1px dotted #d4d4d4;overflow:hidden; overflow-x:auto; border-radius:0 20px 20px 20px;}
.table_type4 th, .table_type4 td { border-bottom:1px dotted #ddd; border-collapse:collapse;}
.table_type4 table { width:100%; border-collapse:collapse;}
.table_type4 th { padding:15px 5px; color:#333; background:#fbfbfb; font-weight:500; border-right:1px dotted #d4d4d4; }
.table_type4 thead th { background:#f4f5f9;}
.table_type4 th:last-child { border-right:none;}
.table_type4 td { padding:15px 5px; border-right:1px dotted #d4d4d4;}
.table_type4 td:last-child { border-right:none;}
.table_type4 tbody tr:last-child th, .table_type4 tbody tr:last-child td { border-bottom:none ;}

@media all and (max-width:800px) {
.table_type4 th { padding:10px;}
.table_type4 td { padding:10px;}
.table_type4 td .mgL20 { margin-left:0 !important;}
}


/************ btn_type ************/

/* 기본버튼 */
.btn { display:inline-block; border:1px solid #d4d4d4; height:43px; line-height:43px; padding:0 20px; color:#666; border-radius:3px; transition:all .3s ease; background-color:#fff;}
.btn:hover { background-color:#f6f6f6; color:#333;}
input.btn, button.btn { cursor:pointer; height:45px; background-color:#fff; line-height:auto; vertical-align:top;}

/* 라인버튼 */
.btn.line1 { border:1px solid #666; color:#666;}
.btn.line1:hover { background-color:#666; color:#fff;}
.btn.line2 { border:1px solid #fd33a7; color:#fd33a7;}
.btn.line2:hover { background-color:#fd33a7; color:#fff;}
.btn.line3 { border:1px solid #252525; color:#252525;}
.btn.line3:hover { background-color:#252525; color:#fff;}

/* 컬러버튼 */
.btn.bg1 { border:1px solid #666; background-color:#666; color:#fff;}
.btn.bg1:hover { text-decoration:underline;}
.btn.bg2 { border:1px solid #fd33a7; background-color:#fd33a7; color:#fff;}
.btn.bg2:hover { color:#fd33a7; background:#fff;}
.btn.bg3 { border:1px solid #252525; background-color:#252525; color:#fff;}
.btn.bg3:hover { color:#252525; background:#fff;}

/* 다운로드버튼 */
.btn.down1:before { content:url("/project/design/template/bg_down_c1.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.down1:hover::before { content:url("/project/design/template/bg_down_c4.png")}
.btn.down2:before { content:url("/project/design/template/bg_down_c2.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.down2:hover::before { content:url("/project/design/template/bg_down_c4.png")}
.btn.down3:before { content:url("/project/design/template/bg_down_c3.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.down3:hover::before { content:url("/project/design/template/bg_down_c4.png")}
.btn.down4:before { content:url("/project/design/template/bg_down_c4.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.down4:hover::before { content:url("/project/design/template/bg_down_c2.png")}

/* 새창링크버튼 */
.btn.link1:before { content:url("/project/design/template/bg_link_c1.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.link1:hover::before { content:url("/project/design/template/bg_link_c4.png")}
.btn.link2:before { content:url("/project/design/template/bg_link_c2.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.link2:hover::before { content:url("/project/design/template/bg_link_c4.png")}
.btn.link3:before { content:url("/project/design/template/bg_link_c3.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.link3:hover::before { content:url("/project/design/template/bg_link_c4.png")}
.btn.link4:before { content:url("/project/design/template/bg_link_c4.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.link4:hover::before { content:url("/project/design/template/bg_link_c2.png")}

/* 검색버튼 */
.btn.search1:before { content:url("/project/design/template/bg_search_c1.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.search1:hover::before { content:url("/project/design/template/bg_search_c4.png")}
.btn.search2:before { content:url("/project/design/template/bg_search_c2.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.search2:hover::before { content:url("/project/design/template/bg_search_c4.png")}
.btn.search3:before { content:url("/project/design/template/bg_search_c3.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.search3:hover::before { content:url("/project/design/template/bg_search_c4.png")}
.btn.search4:before { content:url("/project/design/template/bg_search_c4.png"); vertical-align:middle; padding-right:10px; position:relative; top:2px;}
.btn.search4:hover::before { content:url("/project/design/template/bg_search_c2.png")}

/* 작은버튼 */
.btn.size1 { font-size:0.875em; height:33px; line-height:33px; padding:0 15px;}
.btn.size2 { font-size:0.875em; height:28px; line-height:28px; padding:0 15px;}
.btn.size3 { font-size:0.875em; height:26px; line-height:26px; padding:0 15px;}

/* 작은다운로드버튼 */
.btn.size1.down1:before { content:url("/project/design/template/bg_down2_c1.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down1:hover::before { content:url("/project/design/template/bg_down2_c4.png")}
.btn.size1.down2:before { content:url("/project/design/template/bg_down2_c2.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down2:hover::before { content:url("/project/design/template/bg_down2_c4.png")}
.btn.size1.down3:before { content:url("/project/design/template/bg_down2_c3.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down3:hover::before { content:url("/project/design/template/bg_down2_c4.png")}
.btn.size1.down4:before { content:url("/project/design/template/bg_down2_c4.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down4:hover::before { content:url("/project/design/template/bg_down2_c2.png")}

/* 작은새창링크버튼 */
.btn.size1.link1:before { content:url("/project/design/template/bg_link2_c1.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.link1:hover::before { content:url("/project/design/template/bg_link2_c4.png")}
.btn.size1.link2:before { content:url("/project/design/template/bg_link2_c2.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.link2:hover::before { content:url("/project/design/template/bg_link2_c4.png")}
.btn.size1.link3:before { content:url("/project/design/template/bg_link2_c3.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.link3:hover::before { content:url("/project/design/template/bg_link2_c4.png")}
.btn.size1.link4:before { content:url("/project/design/template/bg_link2_c4.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.link4:hover::before { content:url("/project/design/template/bg_link2_c2.png")}

/* 작은검색버튼 */
.btn.size1.search1:before { content:url("/project/design/template/bg_search2_c1.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.search1:hover::before { content:url("/project/design/template/bg_search2_c4.png")}
.btn.size1.search2:before { content:url("/project/design/template/bg_search2_c2.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.search2:hover::before { content:url("/project/design/template/bg_search2_c4.png")}
.btn.size1.search3:before { content:url("/project/design/template/bg_search2_c3.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.search3:hover::before { content:url("/project/design/template/bg_search2_c4.png")}
.btn.size1.search4:before { content:url("/project/design/template/bg_search2_c4.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.search4:hover::before { content:url("/project/design/template/bg_search2_c2.png")}

@media all and (max-width:500px) {
.btn { height:33px; line-height:33px; padding:0 10px; font-size:0.95em;}
input.btn, button.btn { cursor:pointer; height:35px; font-size:0.95em;}
.btn.size1 { height:28px; line-height:28px; padding:0 7px;}
}

/* form */
.form_type1 { border-top:1px solid #000; border-bottom:1px solid #000; padding:30px 0 13px 0;}
.form_type1 dt { width:20%; float:left; box-sizing:border-box; padding:17px 0 17px 20px; min-height:58px; color:#333; font-weight:600;}
.form_type1 dd { width:30%; float:left; box-sizing:border-box; padding:0 20px 17px 0; min-height:58px;}
.form_type1 dt.dt2{ width:20%;}
.form_type1 dd.dd2 { width:80%;}
.form_type1 .pc_block { display:block;}
.form_type1 .box_check { padding:10px;}

/* select */
.selectbox { position:relative; box-sizing:border-box; border:1px solid #ccc; z-index:1; display:inline-block; width:100%;}
.selectbox:before { content:""; position:absolute; top:50%; right:15px; width:15px; height:9px; margin-top:-4px; background:url(/project/design/template/bg_select.png) no-repeat center; background-size:100%;}
.selectbox label { position:absolute; top:1px; left:5px; height:56px; line-height:56px; padding:0 10px; z-index:-1; color:#b1b1b1;}
.selectbox label.label-selected{color:black; }
.selectbox select { width:100%; height:56px; line-height:56px; padding:0 10px; border:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.selectbox:focus{ outline:1px dotted #000;}
/* textarea */
.textareabox {border:1px solid #ccc; padding:10px; width:100%;box-sizing:border-box; height:150px; }
.textareabox:focus{ outline:1px dotted #000;}

/* input */
.inputbox { border:1px solid #ccc; box-sizing:border-box; height:58px; padding-left:10px; line-height:56px; width:100%; }
.inputbox:focus { outline:1px dotted #000;}
.inputbox.size1 { width:703px; margin-left:12px;}
.inputbox.size2 { width:541px; margin-left:12px;}
.inputbox.size3 { width:100px; margin-left:12px;}
.inputbox.size4 { width:90%;}
.inputbox.size5 { width:200px;}
.inputbox.size6 { width:662px; margin-left:12px;}
.inputbox.size7 { width:160px;}
.inputbox.size8 { width:700px;}
.inputbox.size9 { width:643px; margin-left:12px;}

/* radio, checkbox */
.checks {position:relative; display:inline-block;}
.checks input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.checks input[type="radio"] + label { display:inline-block; position:relative; padding:3px 0 0 35px; cursor:pointer; line-height:24px; vertical-align:top;}
.checks input[type="radio"] + label:before { content:''; position:absolute; left:0; top:2px; width:24px; height:24px; text-align:center; background:#f2f2f2; border:1px solid #cecece; border-radius:100%; }
.checks input[type="radio"] + label:after { content:''; position:absolute; top:9px; left:7px; width:12px; height:12px; background:#bbb; border-radius:100%; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);} /* 선택전 */
.checks input[type="radio"]:checked + label:after { background:#fd33a7;} /* 선택후 */
.checks input[type="radio"]:focus + label:before { outline:1px dotted #000;}

.checks input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checks input[type="checkbox"] + label { display:inline-block; position:relative; cursor:pointer;}
.checks input[type="checkbox"] + label:before { content:' '; display:inline-block; width:24px; height:24px; line-height:24px; margin:-4px 10px 0 0; text-align:center;  vertical-align:middle; background:#cfcfcf url(/project/design/template/bg_check.png) no-repeat center; background-size:100%; color:#fff;} /* 선택전 */
.checks input[type="checkbox"]:checked + label:before { color:#fff; background:#fd33a7 url(/project/design/template/bg_check.png) no-repeat center; background-size:100%;}/* 선택후 */
.checks input[type="checkbox"]:focus + label:before { outline:1px dotted #000;}


/* file */
.filebox .file_name {display:inline-block; height:58px; padding-left:10px; line-height:58px; border:1px solid #ccc; border-right:none; background:#fff;  width:80%;box-sizing:border-box;}
.filebox .btn_file {display:inline-block; background:#1b1b1b; height:58px;line-height:58px; text-align:center; font-weight:600; width:20%;box-sizing:border-box;color:#fff; cursor:pointer; vertical-align:top;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.filebox .a_down { color:#666; display:inline-block;  border-bottom:1px dashed #666; background:url("/project/design/template/bg_down2_c1.png") no-repeat; background-position:calc(100% - 7px); margin-top: 16px;}

/* placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#b1b1b1; opacity:1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#b1b1b1;}
::-ms-input-placeholder { /* Microsoft Edge */ color:#b1b1b1;}

/* 그외 */
.ul_birth > li { width:32%; float:left;}
.ul_birth > li:nth-child(2) { margin:0 2%;}
.btn_type1 {display:inline-block; background:#1b1b1b; width:180px; height:58px; line-height:58px;text-align:center; font-weight:600; color:#fff; vertical-align:middle;}

@media all and (max-width:1000px) {
.form_type1 { padding:30px 20px;}
.form_type1 dt { width:25%;}
.form_type1 dd { width:75%;}
.form_type1 dt.dt2{ width:25%;}
.form_type1 dd.dd2 { width:75%;}

.selectbox:before { right:15px; width:14px; height:10px; margin-top:-4px;}
.selectbox label { height:46px; line-height:46px;}
.selectbox select { height:46px; line-height:46px;}
.inputbox { height:48px; line-height:46px; }
.filebox .file_name {width:70%; height:48px;line-height:48px; }
.filebox .btn_file {width:30%;height:48px;line-height:48px;}
}

@media all and (max-width:500px) {
.form_type1 dt { width:100%; padding:0 0 10px 0; min-height:auto;}
.form_type1 dd { width:100%;  padding:0 0 10px 0;}
.form_type1 dt.dt2{ width:100%;}
.form_type1 dd.dd2 { width:100%;}
.form_type1 .pc_block { display:inline;}
}

/* list_type1 */
.list_type1 > ul > li {float:left; width:25%; box-sizing:border-box;}
.list_type1 > ul > li > div { margin:0 auto;}

/* over_img */
.over_img { position: relative; width:150px; height:150px; border-radius:100%; transition: .5s ease; }
.over_img img { position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); transition: .5s ease;}
.over_img .over img { opacity: 0;}
.over_img .out img{opacity: 1; }

.over_img:hover .over img { opacity: 1;}
.over_img:hover .out img { opacity: 0;}

.over_img.bg1 { background:#f49ac0;}
.over_img.bg1:hover { background:#887da5;}
.over_img.bg2 { background:#fecd67; }
.over_img.bg2:hover { background:#f58476;}
.over_img.bg3 { background:#7cc576; }
.over_img.bg3:hover { background:#12b1aa;}
.over_img.bg4 { background:#7accc8; }
.over_img.bg4:hover { background:#8c80ea;}

@media all and (max-width:1000px) {
.list_type1 > ul > li {width:50%; padding:10px;}
}

/* box_btn_line */
.box_btn_line > ul > li { float:left; width:25%; box-sizing:border-box; padding:10px;}

.btn-1 { color: #4f5a76 !important; }
.btn-2 { color: #959e76 !important; }
.btn-3 { color: #78b152 !important; }
.btn-4 { color: #6d5a79 !important; }
.btn-5 { color: #775784 !important; }
.btn-6 { color: #a28a5c !important; }
.btn-7 { color: #4f7b81 !important; }
.btn-8 { color: #6b4c86 !important; }
.btn_line { display: block; position: relative; overflow: hidden; padding: 10px; text-align: center; }
.btn_line:before, .btn_line:after, .btn_line .btn_inner:before, .btn_line .btn_inner:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; background-color: currentColor; transition: 0.3s ease-in-out; }
/* btn_cw */
.btn_cw:after { top: auto; right: 0; bottom: 0; left: auto; }
.btn_cw .btn_inner:before { right: 0; left: auto; }
.btn_cw .btn_inner:after { top: auto; bottom: 0; }
.btn_cw:before, .btn_cw:after { width: 0; height: 2px; }
.btn_cw .btn_inner:before, .btn_cw .btn_inner:after { width: 2px; height: 0; }
.btn_cw:hover:before, .btn_cw:hover:after { width: 100%; }
.btn_cw:hover .btn_inner:before, .btn_cw:hover .btn_inner:after { height: 100%; }
/* btn_ccw */
.btn_ccw:after { top: auto; right: 0; bottom: 0; left: auto; }
.btn_ccw .btn_inner:before { right: 0; left: auto; }
.btn_ccw .btn_inner:after { top: auto; bottom: 0; }
.btn_ccw:before, .btn_ccw:after { width: 2px; height: 0; }
.btn_ccw .btn_inner:before, .btn_ccw .btn_inner:after { width: 0; height: 2px; }
.btn_ccw:hover:before, .btn_ccw:hover:after { height: 100%; }
.btn_ccw:hover .btn_inner:before, .btn_ccw:hover .btn_inner:after { width: 100%; }
/* btn_tlbr */
.btn_tlbr:before, .btn_tlbr:after { width: 0; height: 2px; }
.btn_tlbr:after, .btn_tlbr .btn_inner:after { top: auto; right: 0; bottom: 0; left: auto; }
.btn_tlbr .btn_inner:before, .btn_tlbr .btn_inner:after { width: 2px; height: 0; }
.btn_tlbr:hover:before, .btn_tlbr:hover:after { width: 100%; }
.btn_tlbr:hover .btn_inner:before, .btn_tlbr:hover .btn_inner:after { height: 100%; }
/* btn_trbl */
.btn_trbl:before, .btn_trbl:after { width: 0; height: 2px; }
.btn_trbl:before, .btn_trbl .btn_inner:before { right: 0; left: auto; }
.btn_trbl:after, .btn_trbl .btn_inner:after { top: auto; bottom: 0; }
.btn_trbl .btn_inner:before, .btn_trbl .btn_inner:after { width: 2px; height: 0; }
.btn_trbl:hover:before, .btn_trbl:hover:after { width: 100%; }
.btn_trbl:hover .btn_inner:before, .btn_trbl:hover .btn_inner:after { height: 100%; }
/* btn_cw_tlbr */
.btn_cw_tlbr:after { top: auto; right: 0; bottom: 0; left: auto; }
.btn_cw_tlbr .btn_inner:before { right: 0; left: auto; }
.btn_cw_tlbr .btn_inner:after { top: auto; bottom: 0; }
.btn_cw_tlbr:before, .btn_cw_tlbr:after, .btn_cw_tlbr .btn_inner:before, .btn_cw_tlbr .btn_inner:after { transition: 0.15s ease-in-out; }
.btn_cw_tlbr:before, .btn_cw_tlbr:after { width: 0; height: 2px; transition-delay: 0.15s; }
.btn_cw_tlbr .btn_inner:before, .btn_cw_tlbr .btn_inner:after { width: 2px; height: 0; transition-delay: 0s; }
.btn_cw_tlbr:hover:before, .btn_cw_tlbr:hover:after { width: 100%; transition-delay: 0s; }
.btn_cw_tlbr:hover .btn_inner:before, .btn_cw_tlbr:hover .btn_inner:after { height: 100%; transition-delay: 0.15s; }
/* btn_ccw_tlbr */
.btn_ccw_tlbr:after { top: auto; right: 0; bottom: 0; left: auto; }
.btn_ccw_tlbr .btn_inner:before { right: 0; left: auto; }
.btn_ccw_tlbr .btn_inner:after { top: auto; bottom: 0; }
.btn_ccw_tlbr:before, .btn_ccw_tlbr:after, .btn_ccw_tlbr .btn_inner:before, .btn_ccw_tlbr .btn_inner:after { transition: 0.15s ease-in-out; }
.btn_ccw_tlbr:before, .btn_ccw_tlbr:after { width: 2px; height: 0; transition-delay: 0.15s; }
.btn_ccw_tlbr .btn_inner:before, .btn_ccw_tlbr .btn_inner:after { width: 0; height: 2px; transition-delay: 0s; }
.btn_ccw_tlbr:hover:before, .btn_ccw_tlbr:hover:after { height: 100%; transition-delay: 0s; }
.btn_ccw_tlbr:hover .btn_inner:before, .btn_ccw_tlbr:hover .btn_inner:after { width: 100%; transition-delay: 0.15s; }
/* btn_cw_trbl */
.btn_cw_trbl:after { top: auto; right: 0; bottom: 0; left: auto; }
.btn_cw_trbl .btn_inner:before { right: 0; left: auto; }
.btn_cw_trbl .btn_inner:after { top: auto; bottom: 0; }
.btn_cw_trbl:before, .btn_cw_trbl:after, .btn_cw_trbl .btn_inner:before, .btn_cw_trbl .btn_inner:after { transition: 0.15s ease-in-out; }
.btn_cw_trbl:before, .btn_cw_trbl:after { width: 0; height: 2px; transition-delay: 0s; }
.btn_cw_trbl .btn_inner:before, .btn_cw_trbl .btn_inner:after { width: 2px; height: 0; transition-delay: 0.15s; }
.btn_cw_trbl:hover:before, .btn_cw_trbl:hover:after { width: 100%; transition-delay: 0.15s; }
.btn_cw_trbl:hover .btn_inner:before, .btn_cw_trbl:hover .btn_inner:after { height: 100%; transition-delay: 0s; }
/* btn_ccw_trbl */
.btn_ccw_trbl:after { top: auto; right: 0; bottom: 0; left: auto; }
.btn_ccw_trbl .btn_inner:before { right: 0; left: auto; }
.btn_ccw_trbl .btn_inner:after { top: auto; bottom: 0; }
.btn_ccw_trbl:before, .btn_ccw_trbl:after, .btn_ccw_trbl .btn_inner:before, .btn_ccw_trbl .btn_inner:after { transition: 0.15s ease-in-out; }
.btn_ccw_trbl:before, .btn_ccw_trbl:after { width: 2px; height: 0; transition-delay: 0s; }
.btn_ccw_trbl .btn_inner:before, .btn_ccw_trbl .btn_inner:after { width: 0; height: 2px; transition-delay: 0.15s; }
.btn_ccw_trbl:hover:before, .btn_ccw_trbl:hover:after { height: 100%; transition-delay: 0.15s; }
.btn_ccw_trbl:hover .btn_inner:before, .btn_ccw_trbl:hover .btn_inner:after { width: 100%; transition-delay: 0s; }


/* 개인정보처리방침 */
.poly_box_type1 { position:relative; border:1px solid #ddd; padding:30px; font-weight:500; border-radius:0 20px; position:relative;}
.poly_box_type1:before {content:""; width:100px; height:2px;background:#fd33a7; display:block; position:absolute; top:-1px; left:-1px;}
.poly_box_type2 { border:1px dashed #ddd; padding:30px; border-radius:8px; position:relative;}
.poly_ul_type1 { display: flex; flex-direction: column; gap: 10px;}
.poly_ul_type1 > li { position: relative; padding-left: 20px;}
.poly_ul_type1 > li > span { position: absolute; left: 0; top: 0; color: #000; font-weight: 600;}
.poly_ul_type1 > li > ul { margin-top: 10px;display: flex; flex-direction: column; gap: 5px;}
.poly_ul_type1 > li > ul > li { position: relative; padding-left: 20px;}
.poly_ul_type1 > li > ul > li > span { position: absolute; left: 0; top: 0; color: #000;}

@media all and (max-width:800px) {
.poly_box_type1 { padding:20px; border-radius:0 12px;}
.poly_box_type2 { padding:20px; border-radius:4px;}
}