@charset "utf-8";
.a {transition : all 0.5s ease; -webkit-transition : all 0.5s ease; } 


/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 접수 시 수집항목 팝업
연관단어 : content_pop

////////////////////////////////////////////////////////////////////////////// */
.content_pop {opacity:0; display:none; position:fixed; left:-200%; top:50%; z-index:0; width:812px; height:742px; padding:75px 30px 30px 30px; margin:-371px 0 0 -406px; background:url(../../images/kor/content/content_pop_bg.gif) repeat; box-sizing:border-box;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease; } 
.content_pop .head { position:absolute; left:30px; top:30px; height:45px; line-height:25px; font-size:24px; color:#0e0e0e; } 
.content_pop .btn_close { overflow:hidden; display:block; position:absolute; right:30px; top:30px; width:25px; height:25px; text-indent:-1000px; } 
.content_pop .btn_close:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/kor/content/content_pop_close.png) no-repeat center center; background-size:100% auto;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
.content_pop .btn_close:hover:before {transform:rotate(180deg);-webkit-transform:rotate(180deg); } 
.content_pop .midd { overflow-y:auto; width:100%; height:100%; padding:20px 30px; background-color:#fff; box-sizing:border-box; } 
.content_pop .midd .table { width:100%; } 
.content_pop .midd .table tr th,
.content_pop .midd .table tr td { padding:10px 20px; } 
.content_pop .midd .table tr td select,
.content_pop .midd .table tr td input[type="file"] { height:36px; } 
.content_pop .tis { display:block; position:relative; padding-left:17px; margin-top:25px; font-weight:500; font-size:18px; color:#222; } 
.content_pop .tis:before { content:""; position:absolute; left:0; top:7px; width:12px; height:12px; background:url(../../images/kor/content/content_pop_bul.png) no-repeat center center; } 
.content_pop .btn_group { margin:30px 0px 10px 0px; text-align:center; } 
.content_pop .btn_group .btn { width:134px; } 

#sub.user[class*="popup_"] .content_pop { display:block; } 
#sub.user.popup_online #wrap:before { opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000; } 
#sub.user.popup_online .content_pop#popup_online { opacity:1; left:50%; z-index:4000; } 
@media screen and (max-width: 700px) {.content_pop .tis:before { top:3px; } 
 }
@media screen and (max-width: 810px) {.content_pop { top:5% !important; width:90% !important; max-width:100% !important; height:90% !important; margin:0 !important; padding-top:75px; } 
.content_pop .head { position:absolute; left:30px; top:30px; } 
.content_pop .midd { height:100%; } 
.content_pop .midd .table tr th,
.content_pop .midd .table tr td { padding:5px 10px; } 
.content_pop .midd .table tr td select { max-width:100% !important; } 
.content_pop .midd .table tr td input[type="file"] { width:100% !important; } 
.content_pop .btn_group .btn { width:25%; } 
#sub.user[class*="popup_"] .content_pop { left:5% !important; } 
.content_pop#popup_name .memobox { height:auto !important; } 
.content_pop#popup_name .midd { overflow-y:auto !important; } 
 }
@media screen and (max-width: 500px) {.content_pop .head { font-size:20px; } 
.content_pop .midd { padding:15px; } 
.content_pop .midd .table,
.content_pop .midd .table tbody,
.content_pop .midd .table tr,
.content_pop .midd .table tr th,
.content_pop .midd .table tr td { display:block; } 
.content_pop .midd .table tr th,
.content_pop .midd .table tr td { border-left:none !important; border-right:none !important; } 
.content_pop .midd .table tr td { padding:10px 0px; } 
 }


/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 채용정보
연관단어 : dosic

////////////////////////////////////////////////////////////////////////////// */
#dosic { margin-bottom:30px; } 
#dosic ul { padding-top:34px; } 
#dosic ul li { position:relative; min-height:74px; padding-left:115px; } 
#dosic ul li:not(:nth-child(1)) { margin-top:5px; } 
#dosic ul li .head {display:table; position:absolute; left:0; top:0; width:115px; height:74px; border:1px solid #eaeaea; box-sizing:border-box;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#dosic ul li .head span {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:500; font-size:15px; color:#0e0e0e;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#dosic ul li .midd { } 
#dosic ul li .midd ul { padding-top:0; } 
#dosic ul li .midd ul:after { content:""; display:block; clear:both; } 
#dosic ul li .midd ul li {float:left; width:50%; min-height:1px; padding-left:0; margin:0 !important;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#dosic ul li .midd ul li strong {position:absolute; left:0; top:-34px; width:100%; height:34px; line-height:34px; text-align:center; font-size:17px; color:#0e0e0e;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#dosic ul li:not(:nth-child(1)) .midd ul li strong { display:none; } 

#dosic ul li .midd ul li ol {width:327px; margin:17px auto 0 auto;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#dosic ul li .midd ul li ol li { float:none; display:inline-block; width:auto; vertical-align:top; } 
#dosic ul li .midd ul li ol li span {display:block; width:84px; height:39px; line-height:39px; text-align:center; font-size:15px; color:#fff;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#dosic ul li .midd ul li ol li span.color_01 { background-color:#2c68c0; } 
#dosic ul li .midd ul li ol li span.color_02 { background-color:#3f434e; } 
#dosic ul li .midd ul li ol li span.color_03 { background-color:#754c24; } 
#dosic ul li .midd ul li ol li span.color_04 { background-color:#835e22; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)) { padding-left:34px; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)):before {content:""; display:black; position:absolute; left:10px; top:50%; width:14px; height:9px; margin-top:-4px; background-image:url(../../images/kor/content/dosic_bul.png); background-position:center center; background-repeat:no-repeat; background-size:100% auto;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
@media screen and (min-width: 1024px) and (max-width: 1200px), screen and (min-width: 650px) and (max-width: 850px) {#dosic ul { padding-top:30px; } 
#dosic ul li { padding-left:90px; } 
#dosic ul li .head { width:90px; height:65px; } 
#dosic ul li .midd ul li strong { top:-30px; height:30px; line-height:30px; font-size:15px; } 
#dosic ul li .midd ul li ol { width:235px; } 
#dosic ul li .midd ul li ol li span { width:60px; height:30px; line-height:30px; font-size:12px; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)) { padding-left:24px; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)):before { left:5px; width:10px; } 
 }
@media screen and (max-width: 650px) {#dosic ul { padding-top:0; } 
#dosic ul li { padding-left:0; } 
#dosic ul li .head { display:block; position:relative; width:100%; height:auto; padding:15px 20px; background-color:#f3f4f6; } 
#dosic ul li .midd { padding:0px 0px 50px 0px; } 
#dosic ul li .midd ul li { float:none; width:100%; padding:10px 0px 10px 90px; box-sizing:border-box; } 
#dosic ul li .midd ul li { border:1px solid #eaeaea; border-top:none; } 
#dosic ul li .midd ul li strong { left:0; top:0; width:80px; height:60px; line-height:60px; padding-left:20px; text-align:left; font-size:14px; box-sizing:border-box; } 
#dosic ul li .midd ul li ol { width:100%; margin:0; } 
#dosic ul li .midd ul li ol li { padding:0; border:none !important; } 
#dosic ul li .midd ul li ol li:nth-child(1) { padding-left:0; } 

#dosic ul li:not(:nth-child(1)) .midd ul li strong { display:block; } 
 }
@media screen and (max-width: 500px) {#dosic ul li .midd ul li strong { height:50px; line-height:50px; } 
#dosic ul li .midd ul li ol li span { width:60px; height:30px; line-height:30px; font-size:12px; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)) { padding-left:24px; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)):before { left:5px; width:10px; } 
 }
@media screen and (max-width: 400px) {#dosic ul li .midd ul li { padding-left:70px; } 
#dosic ul li .midd ul li strong { width:60px; height:44px; line-height:44px; font-size:12px; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)) { padding-left:16px; } 
#dosic ul li .midd ul li ol li:not(:nth-child(1)):before { left:4px; width:8px; } 
#dosic ul li .midd ul li ol li span { width:55px; height:24px; line-height:24px; font-size:10px; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 개인정보 수집 및 이용에 대한 안내
연관단어 : anne

////////////////////////////////////////////////////////////////////////////// */
#anne,
#anne_02 { padding:30px; border:1px solid #eaeaea; background-color:#f9f9f9; } 
#anne .head,
#anne_02 .head { margin-bottom:20px; } 
#anne .head strong,
#anne_02 .head strong { display:block; line-height:21px; font-weight:500; font-size:20px; color:#0e0e0e; } 
#anne .head strong:before,
#anne_02 .head strong:before { content:""; display:inline-block; width:11px; height:11px; margin:5px 5px 0 0; vertical-align:top; background-color:#2c68c0; } 
#anne .midd,
#anne_02 .midd { overflow-y:auto; height:220px; padding:25px; border:1px solid #ededed; background-color:#fff; box-sizing:border-box; } 
#anne .foot,
#anne_02 .foot { margin-top:10px; } 
#anne .foot input[type="checkbox"],
#anne .foot label,
#anne_02 .foot input[type="checkbox"],
#anne_02 .foot label { vertical-align:middle; } 
@media screen and (max-width: 600px) {#anne,
#anne_02 { padding:20px; } 
#anne .head,
#anne_02 .head { margin-bottom:10px; } 
#anne .head strong,
#anne_02 .head strong { font-size:16px; } 
#anne .midd,
#anne_02 .midd { padding:15px; } 
 }


.lisbox { margin-bottom:15px; } 
.lisbox ol { text-align:center; } 
.lisbox ol li { display:inline-block; position:relative; } 
.lisbox ol li:not(:nth-child(1)) { padding-left:54px; } 
.lisbox ol li:not(:nth-child(1)):before { content:""; position:absolute; left:20px; top:50%; width:14px; height:8px; margin-top:-4px; background:url(../../images/kor/content/lisbox_bul.png) no-repeat center center; } 
.lisbox ol li span { display:block; width:134px; height:38px; line-height:36px; text-align:center; font-size:15px; box-sizing:border-box; } 
.lisbox ol li:nth-child(1) span { border:1px solid #2c68c0; color:#fff; background-color:#2c68c0; } 
.lisbox ol li:nth-child(2) span { border:1px solid #ddd; color:#0e0e0e; background-color:#fff; } 
.lisbox ol li:nth-child(3) span { border:1px solid #3f434e; color:#fff; background-color:#3f434e; } 
@media screen and (max-width: 600px) {.lisbox ol li span { width:90px; height:30px; line-height:28px; font-size:12px; } 
.lisbox ol li:not(:nth-child(1)) { padding-left:34px; } 
.lisbox ol li:not(:nth-child(1)):before { left:10px; } 
 }
@media screen and (max-width: 400px) {.lisbox ol li span { width:70px; height:28px; line-height:26px; font-size:11px; } 
.lisbox ol li:not(:nth-child(1)) { padding-left:24px; } 
.lisbox ol li:not(:nth-child(1)):before { left:5px; } 
 }


/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 설문조사
연관단어 : survey

////////////////////////////////////////////////////////////////////////////// */
#survey { margin:40px 0px; } 
#survey>ol { counter-reset:section; } 
#survey>ol>li:not(:nth-child(1)) { padding-top:30px; border-top:1px dashed #dedede; } 
#survey>ol>li>.head { position:relative; display:block; padding-left:25px; font-weight:500; font-size:15px; } 
#survey>ol>li>.head:before {counter-increment:section; color:#af894e;content:"[ 설문"counter(section)" ] "; } 
#survey>ol>li>.head:after { content:"Q"; display:block; position:absolute; left:0; top:0; font-weight:600; font-size:20px; color:#2c68c0; } 
#survey>ol>li .midd { margin-top:5px; } 
#survey>ol>li ul { padding-left:25px; } 
#survey>ol>li:not(:last-child) ul { margin-bottom:30px; } 

.survey_databox { padding:10px 10px 0 0; } 
.survey_databox .con { position:relative; } 
.survey_databox .con:before,
.survey_databox .con:after { content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff; } 
.survey_databox .con:before { right:-5px; top:-5px; z-index:1; } 
.survey_databox .con:after { right:-10px; top:-10px; z-index:0; } 
.survey_databox .con .bx { position:relative; z-index:10; padding:50px; border:1px solid #eaeaea; background-color:#fff; } 
.survey_databox .con .bx .head { margin-bottom:40px; font-size:18px; color:#0e0e0e; } 
.survey_databox .con .bx .head strong { display:block; line-height:24px; text-align:center; } 
.survey_databox .con .bx ul { max-width:505px; margin:0 auto; } 
.survey_databox .con .bx ul li { position:relative; padding-left:107px; } 
.survey_databox .con .bx ul li:not(:nth-child(1)) { margin-top:18px; } 
.survey_databox .con .bx ul li strong { display:block; position:absolute; left:0; top:0; width:107px; line-height:40px; font-weight:500; font-size:14px; color:#545454; } 
.survey_databox .con .bx ul li input[type="text"] { height:40px; line-height:38px; } 
.survey_btn { margin-top:40px; text-align:center; } 
.survey_btn .btn { width:134px; height:42px; line-height:40px; } 
@media screen and (max-width: 650px) {.survey_databox .con .bx { padding:30px; } 
.survey_databox .con .bx .head { font-size:14px; } 
.survey_databox .con .bx .head strong { line-height:18px; text-align:left; } 
.survey_databox .con .bx ul { max-width:100%; } 
.survey_databox .con .bx ul li { padding-left:90px; } 
.survey_databox .con .bx ul li strong { width:90px; line-height:32px; font-size:12px; } 
.survey_databox .con .bx ul li input[type="text"] { height:34px; line-height:32px; } 
.survey_databox .con .bx ul li:nth-child(1) input[type="text"] { width:80% !important; } 
.survey_databox .con .bx ul li:nth-child(2) input[type="text"] { width:30% !important; } 
.survey_btn { margin-top:25px; } 
 }
@media screen and (max-width: 500px) {#survey>ol>li:not(:nth-child(1)) { padding-top:15px; } 
#survey>ol>li:not(:last-child) ul { margin-bottom:15px; } 
#survey>ol>li>.head { line-height:20px; font-size:14px; } 
#survey>ol>li>.head:after { font-size:16px; } 
#survey>ol>li>.head,
#survey>ol>li ul { padding-left:20px; } 
 }
@media screen and (max-width: 400px) {.survey_databox .con .bx .head { margin-bottom:15px; } 
.survey_databox .con .bx ul li { padding-left:0; } 
.survey_databox .con .bx ul li strong { position:relative; left:auto; top:auto; } 
.survey_btn .btn { width:115px; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 조직구성
연관단어 : group

////////////////////////////////////////////////////////////////////////////// */
.group_img { overflow:hidden; position:relative; margin-bottom:20px; text-align:center; } 
.group_img:before { content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#fff; } 
.group_img img { position:relative; z-index:10; max-width:100%; } 
.group_img .hidden_text { overflow:auto; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; text-align:left; } 
.group_img .hidden_text>strong { font-size:20px; } 
.group_img .hidden_text ul { margin:0px 0px 0px 15px; } 
.group_img .hidden_text ul li { line-height:26px; font-size:16px; } 
.group_img .hidden_text ul li:before { content:"┗"; } 
.group_img .hidden_text ul li ul li { line-height:20px; font-size:14px; } 
.group_img .hidden_text ul li ul li ul li { line-height:18px; font-size:12px; } 

.group_search { position:relative; min-height:40px; padding:20px 111px 20px 390px; margin-bottom:30px; border:1px solid #ddd; background-color:#f3f4f6; } 
.group_search .tis { display:block; position:absolute; left:20px; top:20px; width:72px; line-height:40px; font-weight:normal; font-size:14px; color:#545454; } 
.group_search .select form .selectbox:nth-child(1) { position:absolute; left:92px; top:20px; width:157px; } 
.group_search .select form .selectbox:nth-child(2) { position:absolute; left:255px; top:20px; width:130px; } 
.group_search .select form input[type="text"] { width:100%; height:40px; line-height:38px; } 
.group_search .select form input[type="submit"],
.group_search .select form a.submit {position:absolute; right:20px; top:20px; width:85px; height:40px; line-height:38px; text-align:center; text-decoration:none; font-size:15px; color:#fff; background-color:#5d6373;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
.group_search .select form input[type="submit"]:hover,
.group_search .select form a.submit:hover { background-color:#323641; } 


.board.notice.list.grouplist ul li.thead strong:nth-child(1) { width:100px; } 
.board.notice.list.grouplist ul li.thead strong:nth-child(2) { width:180px; } 
.board.notice.list.grouplist ul li.thead strong:nth-child(3) { width:100px; } 
.board.notice.list.grouplist ul li.thead strong:nth-child(4) { width:auto; } 
.board.notice.list.grouplist ul li.thead strong:nth-child(5) { width:50px; } 
.board.notice.list.grouplist ul li.thead strong:nth-child(6) { width:120px; } 
.board.notice.list.grouplist ul li a { display:inline-block; } 
.board.notice.list.grouplist ul li a.namebox { } 
.board.notice.list.grouplist ul li a.namebox:after { content:""; display:inline-block; width:14px; height:12px; margin-left:5px; background:url(../../images/kor/content/group_icon_01.png) no-repeat center center; } 
.board.notice.list.grouplist ul li a.mailbox { overflow:hidden; width:23px; height:23px; text-indent:-1000px; vertical-align:middle; border:1px solid #d0d0d0; background:#fff url(../../images/kor/content/group_icon_02.png) no-repeat center center; box-sizing:border-box; } 
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(4) { text-align:left; } 

.content_pop#popup_name { height:600px; margin-top:-300px; } 
.content_pop#popup_name .midd { overflow-y:visible; position:relative; min-height:231px; padding:30px; overflow-y:auto } 
.content_pop#popup_name .namebox { position:relative; width:100%; padding:0px 25px 20px 160px; border-bottom:1px solid #ccc; box-sizing:border-box; } 
.content_pop#popup_name .namebox:before { content:""; display:block; position:absolute; left:0; top:5px; width:107px; height:107px; background:url(../../images/kor/content/popup_name_icon.png) no-repeat center center; } 
.content_pop#popup_name .namebox ul li { line-height:24px; font-size:14px; color:#545454; } 
.content_pop#popup_name .namebox ul li:nth-child(1) { line-height:29px; margin-bottom:15px; font-weight:600; font-size:28px; color:#0e0e0e; } 
.content_pop#popup_name .namebox ul li:nth-child(1) span { font-weight:normal; font-size:18px; } 
.content_pop#popup_name .namebox ul li:not(:nth-child(1)) { position:relative; line-height:25px; padding-left:85px; font-size:15px; color:#2d2d2d; } 
.content_pop#popup_name .namebox ul li:not(:nth-child(1)) em { position:absolute; left:0; top:0; color:#2e69c0; } 
.content_pop#popup_name .memobox { height:270px; margin-top:20px; } 
.content_pop#popup_name .memobox h5:first-child { margin-top:0; } 
.content_pop#popup_name .memobox h6 { margin-top:15px; } 
.content_pop#popup_name .mCSB_scrollTools { opacity:1 !important; } 
.content_pop#popup_name .mCSB_draggerRail { width:4px !important; background-color:#dedede; } 
.content_pop#popup_name .mCSB_dragger_bar { background-color:#757575; } 
.content_pop#popup_name .memobox .bx { position:relative; min-height:48px; line-height:24px; padding-left:135px; font-size:15px; color:#545454; } 
.content_pop#popup_name .memobox .bx h5 { position:absolute; left:0; top:0; line-height:16px; font-size:15px; color:#0e0e0e; } 
@media screen and (max-width: 550px) {.content_pop#popup_name .namebox { padding:0px 0px 20px 0px; } 
.content_pop#popup_name .namebox:before { display:none; } 
.content_pop#popup_name .memobox .bx { padding-left:0; } 
.content_pop#popup_name .memobox .bx h5 { position:relative; } 
.content_pop#popup_name .memobox .bx:not(:nth-child(1)) { margin-top:20px; } 
 }

#sub.user.popup_name #wrap:before { opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000; } 
#sub.user.popup_name .content_pop#popup_name { opacity:1; left:50%; z-index:4000; } 


.content_pop#popup_email { width:500px; height:355px; margin:-177px 0 0 -250px; } 
.content_pop#popup_email .midd { position:relative; padding:30px; } 
.content_pop#popup_email .email_checkbox { position:relative; z-index:10; background-color:#fff; } 
.content_pop#popup_email .email_checkbox p { line-height:16px; margin:0 0 15px 0; font-size:15px; color:#545454; } 
.content_pop#popup_email .email_checkbox .num_input { position:relative; height:85px; padding-right:160px; margin-bottom:30px; } 
.content_pop#popup_email .email_checkbox .num_input .in { width:100%; height:100%; line-height:85px; text-align:center; font-weight:500; font-size:24px; background-color:#e1e1e1; } 
.content_pop#popup_email .email_checkbox .num_input a {display:block; position:absolute; right:0; top:0; width:140px; height:85px; line-height:83px; text-decoration:none; text-align:center; font-size:15px; border:1px solid #2c68c0; color:#fff; background-color:#2c68c0; box-sizing:border-box;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
.content_pop#popup_email .email_checkbox .num_input a:hover { color:#2c68c0; background-color:#fff; } 
.content_pop#popup_email .email_checkbox .submits { position:relative; padding-right:94px; } 
.content_pop#popup_email .email_checkbox .submits input[type="text"] { width:100%; height:42px; line-height:40px; padding:0 15px; border:1px solid #d1d1d1; box-sizing:border-box; } 
.content_pop#popup_email .email_checkbox .submits a {display:block; position:absolute; right:0; top:0; width:84px; height:42px; line-height:40px; text-decoration:none; text-align:center; font-size:14px; border:1px solid #394047; color:#fff; background-color:#394047; box-sizing:border-box;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
.content_pop#popup_email .email_checkbox .submits a:hover { color:#394047; background-color:#fff; } 

.content_pop#popup_email .email_view { opacity:0; display:table; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#fff; } 
.content_pop#popup_email .email_view .bx { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; } 
.content_pop#popup_email .email_view .bx strong { display:block; margin-top:22px; text-align:center; font-weight:300; font-size:22px; color:#2c68c0; } 

#sub.user.popup_email #wrap:before { opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000; } 
#sub.user.popup_email .content_pop#popup_email { opacity:1; left:50%; z-index:4000; } 
.content_pop#popup_email .email_view.on { opacity:1; z-index:100; } 


.content_pop#popup_group .midd { position:relative; min-height:231px; padding:30px; } 

#sub.user.popup_group #wrap:before { opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000; } 
#sub.user.popup_group .content_pop#popup_group { opacity:1; left:50%; z-index:4000; } 


@media screen and (max-width: 800px) {.board.notice.list.grouplist ul li:not(.thead) { padding:15px 80px 15px 0px; } 
.board.notice.list.grouplist ul li:not(.thead) p { } 
.board.notice.list.grouplist ul li:not(.thead) p { display:block; padding:5px 10px; text-align:left; } 
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(1) { font-weight:500; font-size:18px; color:#0e0e0e; } 
/*.board.notice.list.grouplist ul li:not(.thead) p:nth-child(1):before { content:""; display:inline-block; width:11px; height:11px; margin:6px 5px 0 0; vertical-align:top; background-color:#2c68c0; } */
/*
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(2),
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(3) { display:inline-block; padding-right:0; } 
*/
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(5) { position:absolute; right:10px; top:50%; margin-top:-22px; } 
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(2),
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(3),
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(6) { padding:2px 10px; } 
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(2):before,
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(3):before,
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(6):before { content:"- "; } 
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(4) { display:none; } 
.board.notice.list.grouplist ul li a.mailbox { width:50px; height:45px; background-size:45% auto; } 
 }
@media screen and (max-width: 700px) {.group_search { padding-left:333px; } 
.group_search .select form .selectbox:nth-child(1) { left:92px; width:130px; } 
.group_search .select form .selectbox:nth-child(2) { left:228px; width:100px; } 

.content_pop#popup_name .midd { padding:20px; } 
.content_pop#popup_name .namebox { position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:30px; } 
 }
@media screen and (max-width: 600px) {.group_search { padding:20px; } 
.group_search .tis { display:block; position:relative; left:auto; top:auto; font-weight:500; line-height:40px; margin-bottom:10px; } 
.group_search .select form .selectbox:nth-child(1),
.group_search .select form .selectbox:nth-child(2) { display:block; position:relative; left:auto; top:auto; width:100%; margin-bottom:4px; } 
.group_search .select form input[type="submit"] { display:block; position:relative; right:auto; top:auto; width:100%; margin-top:4px; } 

#sub.user.popup_email .content_pop#popup_email { left:5%; width:90%; margin:0; } 
 }
@media screen and (max-width: 500px) {.content_pop#popup_email { height:320px; } 
.content_pop#popup_email .email_checkbox .num_input { height:70px; padding-right:120px; margin-bottom:20px; } 
.content_pop#popup_email .email_checkbox .num_input .in { line-height:70px; } 
.content_pop#popup_email .email_checkbox .num_input a { width:110px; height:70px; line-height:68px; } 
.content_pop#popup_email .email_checkbox .submits { padding-right:80px; } 
.content_pop#popup_email .email_checkbox .submits a { width:70px; } 
.content_pop#popup_email .email_view .bx strong { margin-top:10px; font-size:16px; } 

.content_pop#popup_group .midd .table thead { display:none; } 
.content_pop#popup_group .midd .table tbody tr { padding:10px; } 
.content_pop#popup_group .midd .table tbody tr:not(:nth-child(1)) { border-top:1px solid #ddd; } 
.content_pop#popup_group .midd .table tbody tr td { padding:0; border:none; text-align:left !important; } 
.content_pop#popup_group .midd .table tbody tr td:nth-child(1):before { content:"ㆍ이름 : "; } 
.content_pop#popup_group .midd .table tbody tr td:nth-child(2):before { content:"ㆍ부서/팀 : "; } 
.content_pop#popup_group .midd .table tbody tr td:nth-child(3):before { content:"ㆍ직급 : "; } 
 }
@media screen and (max-width: 400px) {.content_pop#popup_email { height:310px; } 
.content_pop#popup_email .midd { padding:20px; } 
.content_pop#popup_email .email_checkbox .num_input { padding-right:100px; } 
.content_pop#popup_email .email_checkbox .num_input a { width:90px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 로그인
연관단어 : logins

////////////////////////////////////////////////////////////////////////////// */
.logins_box { padding:10px 10px 30px 0; } 
.logins_box .con { position:relative; } 
.logins_box .con:before,
.logins_box .con:after { content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff; } 
.logins_box .con:before { right:-5px; top:-5px; z-index:1; } 
.logins_box .con:after { right:-10px; top:-10px; z-index:0; } 
.logins_box .con .bx { position:relative; z-index:10; padding:50px; border:1px solid #eaeaea; background-color:#fff; } 
.logins_box .con .bx .head { margin-bottom:45px; } 
.logins_box .con .bx .head span,
.logins_box .con .bx .head strong { display:block; line-height:28px; text-align:center; font-size:22px; color:#0e0e0e; } 
.logins_box .con .bx .head span { } 
.logins_box .con .bx .head strong { font-weight:500; } 
.logins_box .con .bx .midd { } 
.logins_box .con .bx .midd .form { position:relative; max-width:555px; margin:0 auto; padding-right:155px; box-sizing:border-box; } 
.logins_box .con .bx .midd .form input[type="text"],
.logins_box .con .bx .midd .form input[type="password"] { width:100%; height:45px; line-height:43px; text-indent:15px; box-sizing:border-box; } 
.logins_box .con .bx .midd .form input[type="text"] { margin-bottom:15px; } 
.logins_box .con .bx .midd .form input[type="submit"] { position:absolute; right:0; top:0; width:140px; height:105px; text-align:center; font-size:18px; border:1px solid #2b66c2; color:#fff; background-color:#2b66c2; box-sizing:border-box; } 
.logins_box .con .bx .midd .form input[type="submit"]:hover { color:#2b66c2; background-color:#fff; } 
.logins_box .con .bx .midd .etcs { overflow:hidden; max-width:555px; margin:30px auto 0 auto; } 
.logins_box .con .bx .midd .etcs a { float:right; width:49%; } 
.logins_box .con .bx .midd .etcs a:first-child { float:left; } 

.content_pop#popup_idpw { max-width:600px; height:270px; margin:-135px 0 0 -300px; } 
.content_pop#popup_idpw .midd { padding:30px; } 
.content_pop#popup_idpw .midd p { line-height:24px; margin:0 0 15px 0; font-size:15px; color:#545454; } 
.content_pop#popup_idpw .midd .submits { position:relative; padding-right:94px; } 
.content_pop#popup_idpw .midd .submits input[type="text"] { width:100%; height:42px; line-height:40px; padding:0 15px; border:1px solid #d1d1d1; box-sizing:border-box; } 
.content_pop#popup_idpw .midd .submits a {display:block; position:absolute; right:0; top:0; width:84px; height:42px; line-height:40px; text-decoration:none; text-align:center; font-size:14px; border:1px solid #394047; color:#fff; background-color:#394047; box-sizing:border-box;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
.content_pop#popup_idpw .midd .submits a:hover { color:#394047; background-color:#fff; } 


#sub.user.popup_idpw #wrap:before { opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000; } 
#sub.user.popup_idpw .content_pop#popup_idpw { opacity:1; left:50%; z-index:4000; } 

@media screen and (max-width: 810px) {.content_pop#popup_idpw { top:50% !important; height:260px !important; margin-top:-130px !important; } 
.content_pop#popup_idpw .midd p { line-height:18px; font-size:12px; } 
 }
@media screen and (max-width: 600px) {.logins_box .con .bx .head { margin-bottom:20px; } 
.logins_box .con .bx .head span,
.logins_box .con .bx .head strong { line-height:24px; font-size:18px; } 
.logins_box .con .bx .midd .etcs { margin-top:20px; } 
 }
@media screen and (max-width: 500px) {.logins_box .con .bx { padding:30px; } 
.logins_box .con .bx .midd .form { padding-right:125px; } 
.logins_box .con .bx .midd .form input[type="text"],
.logins_box .con .bx .midd .form input[type="password"] { margin-bottom:4px !important; } 
.logins_box .con .bx .midd .form input[type="submit"] { width:110px; } 

.content_pop#popup_idpw .midd { padding:20px; } 
 }
@media screen and (max-width: 400px) {.logins_box .con .bx { padding:20px; } 
.logins_box .con .bx .head span,
.logins_box .con .bx .head strong { line-height:20px; font-size:14px; } 
.logins_box .con .bx .midd .form { padding-right:0; } 
.logins_box .con .bx .midd .form input[type="text"],
.logins_box .con .bx .midd .form input[type="password"] { height:38px; line-height:36px; font-size:12px; } 
.logins_box .con .bx .midd .form input[type="submit"] { position:relative; width:100%; height:40px; font-size:14px; } 
.logins_box .con .bx .midd .etcs { margin-top:15px; } 
.logins_box .con .bx .midd .etcs a { float:none !important; width:100%; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 회원가입
연관단어 : join

////////////////////////////////////////////////////////////////////////////// */
#con_join { } 
#con_join .steplist { text-align:center; } 
#con_join .steplist ol { counter-reset:section; overflow:hidden; display:inline-block; } 
#con_join .steplist li {float:left; display:table; position:relative; padding:5px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#con_join .steplist li strong {display:table-cell; width:91px; height:91px; line-height:22px; text-align:center; vertical-align:middle; font-weight:normal; font-size:18px; color:#0e0e0e; background-color:#fff;border-radius:50%;-webkit-border-radius:50%;box-shadow:2px 2px 3px 2px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,0.2);transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#con_join .steplist li strong:before {counter-increment: section; display:block; font-weight:600;content:"STEP"counter(section);transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#con_join .steplist li strong em { position:absolute; left:0; top:0; opacity:0; } 
#con_join .steplist li:not(:last-child) { padding-right:104px; } 
#con_join .steplist li:not(:last-child) strong:after { content:""; display:inline-block; position:absolute; right:45px; top:50%; width:14px; height:8px; margin-top:-4px; background:url(../../images/kor/content/join_bul.png) no-repeat center center; } 
#con_join .steplist li.on strong { color:#fff; background-color:#2b66c2; } 

.content_pop#popup_idcheck { max-width:600px; height:270px; margin:-135px 0 0 -300px; } 
.content_pop#popup_idcheck .midd { padding:30px; } 
.content_pop#popup_idcheck .midd p { line-height:24px; margin:0 0 15px 0; text-align:center; font-size:15px; color:#545454; } 
.content_pop#popup_idcheck .midd .submits { position:relative; text-align:center; } 


#sub.user.popup_idcheck #wrap:before { opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000; } 
#sub.user.popup_idcheck .content_pop#popup_idcheck { opacity:1; left:50%; z-index:4000; } 

@media screen and (max-width: 810px) {.content_pop#popup_idcheck { top:50% !important; height:260px !important; margin-top:-130px !important; } 
.content_pop#popup_idcheck .midd p { line-height:18px; font-size:12px; } 
 }
@media screen and (max-width: 600px) {#con_join .steplist { margin-top:20px; } 
#con_join .steplist li strong { line-height:18px; font-size:14px; } 
#con_join .steplist li:not(:last-child) { padding-right:54px; } 
#con_join .steplist li:not(:last-child) strong:after { right:20px; } 
 }
@media screen and (max-width: 500px) {.content_pop#popup_idcheck .midd { padding:20px; } 
 }
@media screen and (max-width: 450px) {#con_join .steplist li strong { width:80px; height:80px; } 
#con_join .steplist li:not(:last-child) { padding-right:34px; } 
#con_join .steplist li:not(:last-child) strong:after { right:8px; } 
 }
@media screen and (max-width: 400px) {#con_join .steplist li strong { width:65px; height:65px; font-size:12px; } 
#con_join .steplist li:not(:last-child) { padding-right:28px; } 
#con_join .steplist li:not(:last-child) strong:after { right:4px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 가입완료
연관단어 : success

////////////////////////////////////////////////////////////////////////////// */
.logins_success { padding:10px 10px 0 0; } 
.logins_success .con { position:relative; } 
.logins_success .con:before,
.logins_success .con:after { content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff; } 
.logins_success .con:before { right:-5px; top:-5px; z-index:1; } 
.logins_success .con:after { right:-10px; top:-10px; z-index:0; } 
.logins_success .con .bx {position:relative; z-index:10; padding:75px 50px; border:1px solid #eaeaea; background-color:#fff;background-image:url(../../images/kor/content/logins_success_bg_l.gif),
 url(../../images/kor/content/logins_success_bg_r.gif);background-position:left top,
right top;background-repeat:no-repeat,
 no-repeat;background-size:auto 100%,
auto 100%; } 
.logins_success .con .bx .head { margin-bottom:40px; text-align:center; } 
.logins_success .con .bx .head strong { display:block; line-height:26px; margin-bottom:20px; font-weight:normal; font-size:25px; color:#0e0e0e; } 
.logins_success .con .bx .head strong em { font-weight:600; } 
.logins_success .con .bx .head span { display:block; line-height:24px; font-size:15px; color:#545454; } 
.logins_success .con .bx .midd { } 
.logins_success .con .bx .midd .etcs { text-align:center; } 
.logins_success .con .bx .midd .etcs .btn { width:250px; height:50px; line-height:48px; } 
.logins_success .con .bx .midd .etcs .btn:nth-child(1) { margin-right:5px; } 
.logins_success .con .bx .midd .etcs .btn:nth-child(2) { margin-left:5px; } 
@media screen and (max-width: 700px) {.logins_success .con .bx .midd .etcs .btn { width:200px; height:40px; line-height:38px; } 
 }
@media screen and (max-width: 600px) {.logins_success .con .bx { padding:50px 30px; } 
.logins_success .con .bx .head { margin-bottom:20px; } 
.logins_success .con .bx .head strong { line-height:21px; margin-top:10px; font-size:20px; } 
.logins_success .con .bx .head span { line-height:20px; font-size:12px; } 
.logins_success .con .bx .midd .etcs .btn { width:160px; } 
 }
@media screen and (max-width: 500px) {.logins_success .con .bx { padding:30px; } 
.logins_success .con .bx .midd .etcs .btn { width:100%; margin:4px 0 !important; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 마일리지
연관단어 : search_day

////////////////////////////////////////////////////////////////////////////// */
.search_mon { } 
.search_mon strong,
.search_mon a {display:inline-block; width:70px; height:36px; line-height:34px; text-decoration:none; text-align:center; color:#545454; border:1px solid #ccc; background-color:#eff0f0;border-radius:3px;-webkit-border-radius:3px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
.search_mon a:hover,
.search_mon a.on { color:#fff; background-color:#394047; } 
.search_mon strong { width:90px; color:#545454; background-color:#fff; } 
.search_mon .inblock { margin-left:20px; } 
.search_mon .inblock:nth-child(1) { margin-left:0; } 

.search_day { margin-top:15px; } 
.search_day select { width:70px; height:36px; } 
@media screen and (max-width: 800px) {.board.list.notice.mile ul li { padding:10px 80px 10px 10px; } 
.board.list.notice.mile ul li p:nth-child(1) { } 
.board.list.notice.mile ul li p:nth-child(1):before { content:"["; } 
.board.list.notice.mile ul li p:nth-child(1):after { content:"]"; } 
.board.list.notice.mile ul li p:nth-child(2) { display:block; margin:0; padding-bottom:0; } 
.board.list.notice.mile ul li p:nth-child(3) { position:absolute; right:10px; top:50%; line-height:21px; padding:0; margin-top:-10px; font-weight:600; font-size:20px; } 
.board.list.notice.mile ul li.point { padding:20px 10px; } 
.board.list.notice.mile ul li.point p:nth-child(1):before,
.board.list.notice.mile ul li.point p:nth-child(1):after { display:none; } 
.board.list.notice.mile ul li.point p:nth-child(2) { display:inline; position:absolute; left:10px; top:10px; width:auto; padding:0; } 
.search_mon strong,
.search_mon a { width:45px; height:28px; line-height:26px; font-size:12px; } 
.search_mon strong { display:block; width:auto; padding:0; text-align:left; border:none; } 
.search_mon .inblock:nth-child(2) strong { margin-top:10px; } 
.search_day select { width:auto; height:28px; font-size:12px; } 
 }
@media screen and (max-width: 550px) {.search_mon .inblock { display:block; margin:4px 0 0 0; } 
.search_day { padding-top:15px; border-top:1px dashed #ccc; } 
/*.search_day .inblock { display:block; margin:4px 0 0 0; } */}




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 교류협력체결기관
연관단어 : exchange

////////////////////////////////////////////////////////////////////////////// */
#exchange_tab { } 
#exchange_tab>ul { overflow:hidden; border-top:1px solid #d1d1d3; } 
#exchange_tab>ul>li { float:left; width:33.3%; box-sizing:border-box; } 
#exchange_tab>ul>li>a {display:block; width:100%; height:42px; line-height:40px; text-decoration:none; text-align:center; font-size:15px; border:1px solid #d1d1d3; border-top:none; border-left:none; color:#545454; box-sizing:border-box;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#exchange_tab>ul:not(:nth-child(1)) { margin-top:-1px; } 
#exchange_tab>ul>li:nth-child(3n+1) a { border-left:1px solid #d1d1d3; } 
#exchange_tab>ul>li.on a { color:#fff; background-color:#394047; } 
#exchange_tab [id*="exchange_view_"] { display:none; position:relative; min-height:113px; padding:40px 50px 40px 325px; margin:-1px 0 30px 0; border:1px solid #d1d1d3; background-color:#efeff3; } 
#exchange_tab [id*="exchange_view_"] .photos { display:block; position:absolute; left:50px; top:40px; width:242px; height:113px; border:1px solid #dedede; } 
#exchange_tab [id*="exchange_view_"] .photos img { max-width:100%; } 
#exchange_tab [id*="exchange_view_"] ul li { position:relative; line-height:28px; padding-left:90px; color:#545454; } 
#exchange_tab [id*="exchange_view_"] ul li strong { display:block; position:absolute; left:0; top:0; width:90px; font-weight:500; } 
#exchange_tab [id*="exchange_view_"] ul li strong:before { content:""; display:inline-block; width:12px; height:12px; margin-right:4px; font-size:15px; color:#0e0e0e; background:url(../../images/kor/content/exchange_bul.png) no-repeat center center; } 
#exchange_tab [id*="exchange_view_"] .btn_close { display:block; position:absolute; right:20px; top:20px; width:86px; height:36px; line-height:34px; text-decoration:none; text-align:center; font-size:14px; border:1px solid #d6d6d9; color:#545454; background-color:#fff; box-sizing:border-box; } 
#exchange_tab [id*="exchange_view_"] .btn_close:after {content:""; display:inline-block; width:10px; height:10px; margin-left:5px; background:url(../../images/kor/content/exchange_close.png) no-repeat center center;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#exchange_tab [id*="exchange_view_"] .btn_close:hover:after {transform:rotate(180deg);-webkit-transform:rotate(180deg); } 
@media screen and (max-width: 700px) {#exchange_tab [id*="exchange_view_"] { overflow:hidden; padding:30px; } 
#exchange_tab [id*="exchange_view_"] .photos { position:relative; left:auto; top:auto; margin:0 auto 20px auto; } 
#exchange_tab [id*="exchange_view_"] .btn_close { float:right; position:relative; right:auto; top:auto; margin-top:10px; } 
 }
@media screen and (max-width: 500px) {#exchange_tab [id*="exchange_view_"] ul li { padding-left:70px; } 
#exchange_tab [id*="exchange_view_"] ul li strong { width:70px; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 카드뉴스
연관단어 : con_card

////////////////////////////////////////////////////////////////////////////// */
#con_card { } 
#con_card .photos { position:relative; padding:50px; background-color:#f9f9f9; } 
#con_card .photos .head { position:relative; z-index:10; max-width:700px; padding:0px; margin:0 auto; } 
#con_card .photos .head img { width:100%; } 
#con_card .photos .head .btn_left,
#con_card .photos .head .btn_right { overflow:hidden; display:block; position:absolute; top:0; width:50px; height:100%; text-indent:-1000px; background-repeat:no-repeat; } 
#con_card .photos .head .btn_left { left:-70px; background-image:url(../../images/kor/content/con_card_arrow_l.png); background-position:left center; } 
#con_card .photos .head .btn_right { right:-70px; background-image:url(../../images/kor/content/con_card_arrow_r.png); background-position:right center; } 
#con_card .photos .midd { overflow:hidden; position:relative; z-index:5; margin:0 auto; } 
#con_card .photos .midd .count { max-width:700px; line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; } 
#con_card .photos .midd ul { overflow:hidden; left:0 !important; width:100%; } 
#con_card .photos .midd ul li { float:left; padding:0 4px 4px 0; } 
#con_card .photos .midd ul li a { overflow:hidden; display:block; position:relative; width:88px; height:88px; } 
#con_card .photos .midd ul li a img { width:100%; } 
#con_card .photos .midd ul li a:before {opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#con_card .photos .midd ul li.on a:before { opacity:0; } 
#con_card .cons { padding:50px; margin-bottom:50px; background-color:#f9f9f9; } 
#con_card .cons .head { display:block; line-height:24px; font-size:20px; color:#0e0e0e; } 
#con_card .cons .midd { display:block; line-height:24px; padding:20px 0px; font-size:14px; color:#0e0e0e; } 
#con_card .cons .foot { display:block; line-height:15px; font-size:14px; color:#6b6b6b; } 

#con_card .lists { padding:10px 0px; border-top:2px solid #424242; border-bottom:1px solid #bbb; } 
#con_card .lists ul { overflow:hidden; } 
#con_card .lists ul li { float:left; width:25%; padding:10px; box-sizing:border-box; } 
#con_card .lists ul li:nth-child(4n+1) { padding:14px 20px 14px 0px; } 
#con_card .lists ul li:nth-child(4n+2) { padding:14px 14px 14px 6px; } 
#con_card .lists ul li:nth-child(4n+3) { padding:14px 6px 14px 14px; } 
#con_card .lists ul li:nth-child(4n+4) { padding:14px 0px 14px 20px; } 
#con_card .lists ul li a { overflow:hidden; display:block; position:relative; border:1px solid #d1d1d3; background-color:#fafafa; } 
#con_card .lists ul li a img {width:100%; display:block; } 
#con_card .lists ul li a span { display:block; position:absolute; right:0; bottom:0; z-index:10; height:25px; line-height:25px; padding:0px 10px; font-size:14px; color:#fff; background-color:#323232; } 
#con_card .lists ul li a span:before { content:""; display:inline-block; width:10px; height:12px; margin:7px 3px 0 0; vertical-align:top; background:url(../../images/kor/content/con_card_icon.png) no-repeat center center; } 

@media screen and (max-width: 1150px) {#con_card .photos .head .btn_left { left:-50px; } 
#con_card .photos .head .btn_right { right:-50px; } 
 }
@media screen and (max-width: 800px) {#con_card .photos .head,
#con_card .photos .midd { max-width:100%; } 
#con_card .photos .head .btn_left,
#con_card .photos .head .btn_right { background-position:center center; background-size:50% auto; } 
 }
@media screen and (max-width: 600px) {#con_card .lists ul li:nth-child(4n+1) { padding:8px 10px 8px 0px; } 
#con_card .lists ul li:nth-child(4n+2) { padding:8px 6px 8px 4px; } 
#con_card .lists ul li:nth-child(4n+3) { padding:8px 4px 8px 6px; } 
#con_card .lists ul li:nth-child(4n+4) { padding:8px 0px 8px 10px; } 


#con_card .photos .midd ul li { width:20%; box-sizing:border-box; } 
#con_card .photos .midd ul li a { width:100%; height:auto; } 
 }
@media screen and (max-width: 400px) {#con_card .photos .head .btn_left,
#con_card .photos .head .btn_right { background-position:center center; background-size:30% auto; } 
#con_card .cons { padding:30px; } 

#con_card .photos .midd ul li { width:25%; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 홍보동영상
연관단어 : video

////////////////////////////////////////////////////////////////////////////// */
#con_video { padding:10px 0px; border-top:2px solid #424242; border-bottom:1px solid #bbb; } 
#con_video ul { overflow:hidden; display:flex; flex-wrap:wrap } 
#con_video ul li { float:left; width:33.3%; box-sizing:border-box;margin:10px 0 10px 0 } 
#con_video ul li:nth-child(3n+1) { padding:5px 10px 5px 0px; } 
#con_video ul li:nth-child(3n+2) { padding:5px 5px 5px 5px; } 
#con_video ul li:nth-child(3n+3) { padding:5px 0px 5px 10px; } 
#con_video ul li a { display:block; text-decoration:none; } 
#con_video ul li a .photos { overflow:hidden; display:block; position:relative; border:1px solid #d1d1d3; background-color:#fafafa; box-sizing:border-box; } 
#con_video ul li a .photos .grid { width:100%; } 
#con_video ul li a .photos span { display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center; } 
#con_video ul li a .photos span img {width:auto; height:100%;transform:scale(1);-webkit-transform:scale(1);transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#con_video ul li a:hover .photos span img {transform:scale(1.1);-webkit-transform:scale(1.1); } 
#con_video ul li a strong {  display:block; line-height:1.6; font-weight:500; font-size:15px; color:#2d2d2d;margin:10px 0 0 0 } 
.youtubebox { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.youtubebox iframe { position:absolute; top:0; left:0; width:100%; height:100%; } 
@media screen and (max-width: 600px) {#con_video ul li { width:50%; } 
#con_video ul li:nth-child(2n+1) { padding:5px 5px 5px 0px; } 
#con_video ul li:nth-child(2n+2) { padding:5px 0px 5px 5px; } 
 }
@media screen and (max-width: 400px) {#con_video ul li { width:100%; } 
#con_video ul li { padding:5px 0px !important; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 홍보동영상
연관단어 : sitemap

////////////////////////////////////////////////////////////////////////////// */
#con_sitemap { } 
#con_sitemap .codein>ul { overflow:hidden; } 
#con_sitemap .codein>ul>li { float:left; width:33.3%; margin-bottom:50px; box-sizing:border-box; } 
#con_sitemap .codein>ul>li:nth-child(3n+1) { padding:0 34px 0 0; } 
#con_sitemap .codein>ul>li:nth-child(3n+2) { padding:0 17px 0 17px; } 
#con_sitemap .codein>ul>li:nth-child(3n+3) { padding:0 0 0 34px; } 
#con_sitemap .codein>ul>li:nth-child(3n+1) { clear:both; } 
#con_sitemap .codein>ul>li>span,
#con_sitemap .codein>ul>li>strong { display:none !important; } 
#con_sitemap .codein>ul>li>a { display:table; width:100%; height:98px; text-decoration:none; font-size:25px; cursor:default; color:#fff; background-color:#3f434e; } 
#con_sitemap .codein>ul>li>a>span { display:table-cell; width:100%; height:100%; line-height:30px; vertical-align:middle; text-align:center; } 
#con_sitemap .codein>ul>li>ul>li { border:1px solid #d1d1d3; border-top:none; } 
#con_sitemap .codein>ul>li>ul>li>a { display:block; line-height:26px; padding:10px 28px; font-size:18px; color:#1d1d1d; } 
#con_sitemap .codein>ul>li>ul>li>ul { padding:0px 28px 15px 28px; } 
#con_sitemap .codein>ul>li>ul>li>ul>li { position:relative; padding:4px 0px 4px 10px; } 
#con_sitemap .codein>ul>li>ul>li>ul>li:before { content:"-"; display:inline-block; position:absolute; left:0; top:4px; } 
#con_sitemap .codein>ul>li>ul>li>ul>li>a { line-height:19px; font-size:15px; color:#1d1d1d; } 
@media screen and (max-width: 800px) {#con_sitemap .codein>ul>li:nth-child(3n+1) { padding:0 17px 0 0; } 
#con_sitemap .codein>ul>li:nth-child(3n+2) { padding:0 9px 0 9px; } 
#con_sitemap .codein>ul>li:nth-child(3n+3) { padding:0 0 0 17px; } 
 }
@media screen and (max-width: 700px) {#con_sitemap .codein>ul>li:nth-child(3n+1) { padding:0 8px 0 0; } 
#con_sitemap .codein>ul>li:nth-child(3n+2) { padding:0 5px 0 5px; } 
#con_sitemap .codein>ul>li:nth-child(3n+3) { padding:0 0 0 8px; } 
#con_sitemap .codein>ul>li>a { height:70px; line-height:24px; font-size:20px; } 
#con_sitemap .codein>ul>li>ul>li>a { line-height:20px; padding:10px 18px; font-size:14px; } 
#con_sitemap .codein>ul>li>ul>li>ul { padding:0px 18px 15px 18px; } 
#con_sitemap .codein>ul>li>ul>li>ul>li { padding:2px 0px 2px 10px; } 
#con_sitemap .codein>ul>li>ul>li>ul>li>a { line-height:16px; font-size:12px; } 
 }
@media screen and (max-width: 500px) {#con_sitemap .codein>ul>li { width:50%; } 
#con_sitemap .codein>ul>li:nth-child(2n+1) { padding:0 5px 0 0; } 
#con_sitemap .codein>ul>li:nth-child(2n+2) { padding:0 0 0 5px; } 
#con_sitemap .codein>ul>li:nth-child(3n+1) { clear:none; } 
#con_sitemap .codein>ul>li:nth-child(2n+1) { clear:both; } 
 }
@media screen and (max-width: 340px) {#con_sitemap .codein>ul>li { width:100%; } 
#con_sitemap .codein>ul>li { clear:both !important; padding:0 !important; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 도서회원안내
연관단어 : book_info

////////////////////////////////////////////////////////////////////////////// */
#con_book_info { } 
#con_book_info .bx1 { overflow:hidden; border:1px solid #dcdcdc; } 
#con_book_info .bx1 li { overflow:hidden; display:table; float:left; width:50%; box-sizing:border-box; } 
#con_book_info .bx1 li:nth-child(2) { border-left:1px solid #dcdcdc; } 
#con_book_info .bx1 li .tis { display:table-cell; width:50%; height:115px; vertical-align:middle; text-align:center; font-weight:500; font-size:18px; color:#0e0e0e; background-color:#eaf5ff; } 
#con_book_info .bx1 li:nth-child(1) .tis:after { content:""; display:inline-block; width:79px; height:61px; margin-left:20px; vertical-align:middle; background:url(../../images/kor/content/book_info_icon_01.png) no-repeat center center; } 
#con_book_info .bx1 li:nth-child(2) .tis:after { content:""; display:inline-block; width:75px; height:57px; margin-left:20px; vertical-align:middle; background:url(../../images/kor/content/book_info_icon_02.png) no-repeat center center; } 
#con_book_info .bx1 li .tes { display:table-cell; text-align:center; vertical-align:middle; font-size:30px; color:#2b66c2; } 
#con_book_info .kb { overflow:hidden; padding:25px; border:1px solid #dcdcdc; } 
#con_book_info .kb .tis { float:left; } 
#con_book_info .kb .tes { overflow:hidden; float:left; } 
#con_book_info .kb .tes li { float:left; line-height:26px; margin-left:20px; padding-left:20px; font-size:16px; border-left:1px solid #dcdcdc; color:#222; } 
#con_book_info .kb .tes li:nth-child(1) { line-height:26px; font-size:25px; color:#1e1e1e; } 
@media screen and (min-width: 1024px) and (max-width: 1200px) {#con_book_info .bx1 li .tis:after { display:none !important; } 
 }
@media screen and (max-width: 800px) {#con_book_info .bx1 li { width:100%; } 
#con_book_info .bx1 li:not(:nth-child(1)) { border-top:1px solid #dcdcdc; } 
 }
@media screen and (max-width: 700px) {#con_book_info .bx1 li .tes { font-size:24px; } 
#con_book_info .kb .tes { margin-left:20px; padding-left:20px; border-left:1px solid #dcdcdc; } 
#con_book_info .kb .tes li { float:none; margin:0; padding:0; font-size:14px; border-left:none; } 
#con_book_info .kb .tes li:nth-child(1) { line-height:24px; font-size:22px; } 
 }
@media screen and (max-width: 500px) {#con_book_info .bx1 li .tes { width:60%; } 
#con_book_info .bx1 li .tis { width:40%; height:90px; } 
#con_book_info .bx1 li .tis:after { display:none !important; } 

#con_book_info .kb .tis { display:block; float:none; margin-bottom:10px; text-align:center; } 
#con_book_info .kb .tes { width:100%; margin:0; padding:0; border-left:none; text-align:center; } 
 }


/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 기본연구사업:개요
연관단어 : summary

////////////////////////////////////////////////////////////////////////////// */
#con_summary { } 
#con_summary ul { display:table; overflow:hidden; position:relative; border:1px solid #eaeaea; } 
#con_summary ul li { display:table-cell; position:relative; z-index:10; width:50%; padding:30px 30px 40px 30px; background-color:#fff; box-sizing:border-box; } 
#con_summary ul li:nth-child(2) { border-left:1px solid #eaeaea; } 
#con_summary ul.item_01 li:nth-child(2),
#con_summary ul.item_02 li:nth-child(1) { background-color:#f9f9f9; } 
#con_summary ul li h6 { margin:0 0 20px 0; } 
#con_summary ul li div { line-height:24px; font-size:15px; color:#545454; } 
#con_summary ul.item_03:after { content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; width:50%; height:100%; background:url(../../images/kor/content/summary_bg.jpg) no-repeat center center; background-size:cover; } 
@media screen and (max-width: 600px) {#con_summary ul,
#con_summary ul li { display:block; width:100%; } 
#con_summary ul li { padding:20px; } 
#con_summary ul li:nth-child(2) { border-top:none; border-top:1px solid #eaeaea; } 
#con_summary ul.item_03:after { display:none; } 
#con_summary ul li h6 { margin-bottom:10px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 기본연구사업:목표
연관단어 : goal

////////////////////////////////////////////////////////////////////////////// */
#con_goal { position:relative; min-height:509px; } 
#con_goal:after {content:""; display:block; position:absolute; left:50%; top:50%; z-index:0; width:402px; height:402px; margin:-201px 0 0 -201px; background-color:#fafafa;border-radius:50%;-webkit-border-radius:50%; } 
#con_goal .tis { content:""; display:block; position:absolute; left:50%; top:50%; z-index:10; width:169px; height:169px; line-height:169px; margin:-84px 0 0 -84px; text-align:center; font-size:24px; color:#2b66c2; background:url(../../images/kor/content/goal_bg.png) no-repeat center center; } 
#con_goal>ul { width:100%; height:100%; } 
#con_goal>ul>li { position:absolute; z-index:20; min-height:107px; } 
#con_goal>ul>li:nth-child(1) { position:relative; width: 43%; padding:10px 0 0 140px; } 
#con_goal>ul>li:nth-child(2) { width: 355px; } 
#con_goal>ul>li:nth-child(3) { width: 319px; } 
#con_goal>ul>li:nth-child(1) { left:50%; top:0px; margin: 0px 0 0 -60px; } 
#con_goal>ul>li:nth-child(2) { right:50%; top:50%; margin: -20px -404px 0 0; } 
#con_goal>ul>li:nth-child(3) { left:50%; top:50%; margin: -20px 0 0 -380px; } 
#con_goal>ul>li:before { content:""; display:block; width:107px; height:107px; background-position:center center; background-repeat:no-repeat; } 
#con_goal>ul>li:nth-child(1):before { background-image:url(../../images/kor/content/goal_simbol_01.png); } 
#con_goal>ul>li:nth-child(2):before { background-image:url(../../images/kor/content/goal_simbol_02.png); } 
#con_goal>ul>li:nth-child(3):before { background-image:url(../../images/kor/content/goal_simbol_03.png); } 
#con_goal>ul>li:nth-child(1):before { position:absolute; left:0; top:0; } 
#con_goal>ul>li:nth-child(2):before,
#con_goal>ul>li:nth-child(3):before { margin:0 auto; } 
#con_goal>ul>li strong { display:block; line-height:24px; margin-bottom:10px; font-weight:500; font-size:20px; color:#0e0e0e; } 
#con_goal>ul>li ul { margin-bottom:0; } 
#con_goal>ul>li:nth-child(2) strong,
#con_goal>ul>li:nth-child(3) strong { margin-top:20px; } 
@media screen and (min-width: 1024px) and (max-width: 1200px) {#con_goal>ul>li:nth-child(2) { margin-right:-351px; } 
#con_goal>ul>li:nth-child(3) { margin-left:-351px; } 
 }
@media screen and (max-width: 800px) {#con_goal:after { display:none; } 
#con_goal .tis { position:relative; left:auto; top:auto; margin:0 auto 30px auto; } 
#con_goal>ul>li { position:relative !important; left:auto !important; right:auto !important; top:auto !important; width:100% !important; min-height:147px; margin:0 !important; padding:20px 0 20px 140px !important; box-sizing:border-box; } 
#con_goal>ul>li:not(:nth-child(1)) { border-top:1px dashed #ccc; } 
#con_goal>ul>li:before { position:absolute !important; left:0; top:20px !important; margin:0 !important; } 
#con_goal>ul>li strong { margin-top:10px !important; } 
 }
@media screen and (max-width: 400px) {#con_goal>ul>li { min-height:10px; padding:15px 0 !important; } 
#con_goal>ul>li:before { display:none; } 
#con_goal>ul>li strong { line-height:20px; margin-top:0px !important; font-size:16px; } 
 }


/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 일반연구사업:진행중인 사업보기
연관단어 : ing

////////////////////////////////////////////////////////////////////////////// */
#con_ing { } 



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 연구관련사업
연관단어 : saup

////////////////////////////////////////////////////////////////////////////// */
#con_saup { position:relative; } 
#con_saup:after {content:""; display:block; position:absolute; left:50%; top:50%; z-index:0; width:402px; height:402px; margin:-201px 0 0 -201px; background-color:#fafafa;border-radius:50%;-webkit-border-radius:50%; } 
#con_saup .tis { content:""; display:block; position:absolute; left:50%; top:50%; z-index:10; width:231px; height:231px; line-height:231px; margin:-115px 0 0 -115px; text-align:center; font-size:24px; color:#2b66c2; background:url(../../images/kor/content/saup_bg_02.png) no-repeat center center; } 
#con_saup>ul { position:relative; width:100%; height:100%; min-height:509px; } 
#con_saup>ul>li { position:absolute; z-index:10; width:320px; } 
/*#con_saup>ul>li:nth-child(1) { left:50%; top:0; width:350px; margin-left:-175px; } */
#con_saup>ul>li:nth-child(1) {right:50%;top: 25%;padding-right:150px;} 
#con_saup>ul>li:nth-child(2) {left:50%;top: 25%;padding-left:180px;} 
#con_saup>ul>li:nth-child(3) { left:38%; top:70%; padding-top:50px;} 
/* 
#con_saup>ul>li:nth-child(1) { right:50%; top:45%; padding-right:150px; } 
#con_saup>ul>li:nth-child(2) { left:50%; top:45%; padding-left:180px; }  */

#con_saup>ul>li strong { display:block; line-height:24px; margin-bottom:10px; font-size:20px; color:#0e0e0e; } 
#con_saup>ul>li div { line-height:20px; font-size:15px; color:#545454; } 
#con_saup>ul>li div span { display:block; } 

@media screen and (min-width: 1024px) and (max-width: 1200px) {#con_saup>ul>li { width:200px; } 
 }
@media screen and (max-width: 1024px) {#con_saup>ul>li:nth-child(2) { padding-left:140px; } 
 }
@media screen and (max-width: 800px) {#con_saup:after { display:none; } 
#con_saup .tis { position:relative; left:auto; top:auto; margin:0 auto 30px auto; } 
#con_saup>ul>li { position:relative !important; left:auto !important; right:auto !important; top:auto !important; width:100% !important; min-height:147px; margin:0 !important; padding:20px 0 20px 0px !important; box-sizing:border-box; } 
#con_saup>ul>li:not(:nth-child(1)) { border-top:1px dashed #ccc; } 
#con_saup>ul>li:before { position:absolute !important; left:0; top:20px !important; margin:0 !important; } 
#con_saup>ul>li strong { margin-top:10px !important; } 
 }
@media screen and (max-width: 400px) {#con_saup>ul>li { min-height:10px; padding:15px 0 !important; } 
#con_saup>ul>li:before { display:none; } 
#con_saup>ul>li strong { line-height:20px; margin-top:0px !important; font-size:16px; } 
 }






/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 법제정보서비스
연관단어 : service

////////////////////////////////////////////////////////////////////////////// */
#con_service { } 
#con_service ul { border-top:1px solid #ddd; } 
#con_service ul li { position:relative; padding:25px 0px 25px 280px; border-bottom:1px solid #ddd; } 
#con_service ul li .head { position:absolute; left:0; top:25px; width:244px; padding:6px; background:url(../../images/kor/content/service_box_patten.png) repeat; box-sizing:border-box; } 
#con_service ul li .head .photos { display:block; min-width:232px; min-height:84px; background-color:#fff; } 
#con_service ul li .midd .tis { display:block; line-height:22px; margin-bottom:15px; font-weight:500; font-size:20px; color:#323232; } 
#con_service ul li .midd .tes { line-height:22px; margin-bottom:15px; font-size:14px; color:#545454; } 
#con_service ul li .midd .btn_group { display:block; } 
@media screen and (max-width: 600px) {#con_service ul li { padding-left:0; } 
#con_service ul li .head { position:relative; left:auto; top:auto; margin:0 auto 20px auto; } 
 }





/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 검색서비스
연관단어 : service_search

////////////////////////////////////////////////////////////////////////////// */
#con_service_search { } 
#con_service_search ul { } 
#con_service_search ul li { position:relative; min-height:96px; padding:60px 0px 25px 280px; border-bottom:1px solid #ddd; } 
#con_service_search ul li h6 { position:absolute; left:0; top:25px; margin:0; } 
#con_service_search ul li .head { display:table; position:absolute; left:0; top:60px; width:244px; padding:6px; background:url(../../images/kor/content/service_box_patten.png) repeat; box-sizing:border-box; } 
#con_service_search ul li .head .photos { display:table-cell; min-width:232px; height:84px; line-height:19px; text-align:center; font-weight:500; font-size:18px; vertical-align:middle; color:#545454; background-color:#fff; } 
#con_service_search ul li:nth-child(1) .head .photos:before { content:""; display:inline-block; width:60px; height:40px; margin-right:10px; vertical-align:middle; background:url(../../images/kor/content/service_search_icon_01.png) no-repeat center center; } 
/*#con_service_search ul li:nth-child(2) .head .photos:before { content:""; display:inline-block; width:52px; height:48px; margin-right:10px; vertical-align:middle; background:url(../../images/kor/content/service_search_icon_02.png) no-repeat center center; } */
#con_service_search ul li .midd .tis { display:block; line-height:22px; margin-bottom:15px; font-weight:500; font-size:20px; color:#323232; } 
#con_service_search ul li .midd .tes { line-height:22px; margin-bottom:15px; font-size:14px; color:#545454; } 
#con_service_search ul li .midd .btn_group { display:block; } 
#con_service_search ul li .midd .btn_group .btn { width:200px; text-align:left; } 
#con_service_search ul li .midd .btn_group .btn.btn.icon_04.bg_04:after { position:absolute; right:15px; top:13px; } 
@media screen and (max-width: 600px) {#con_service_search ul li { padding-left:0; } 
#con_service_search ul li .head { position:relative; left:auto; top:auto; margin:0 auto 20px auto; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 외국법제조사원
연관단어 : inves

////////////////////////////////////////////////////////////////////////////// */
#con_inves { } 
#con_inves .photos { position:relative; border:1px solid #eaeaea; } 
#con_inves .photos:before,
#con_inves .photos:after {opacity:0; content:""; display:block; position:absolute; left:0; top:10px; z-index:10; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto;animation-name:inves_map;animation-duration: 0.6s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: linear;
-webkit-animation-name:inves_map;-webkit-animation-duration: 0.6s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: linear; } 
@keyframes inves_map {0% { opacity:0; top:10px; } 
100% { opacity:1; top:0; } 
 }
@-webkit-keyframes inves_map {0% { opacity:0; top:10px; } 
100% { opacity:1; top:0; } 
 }
#con_inves .photos:before { background-image:url(../../images/kor/content/inves_bg_02.png); } 
#con_inves .photos:after {background-image:url(../../images/kor/content/inves_bg_03.png);animation-delay: 0.5s;-webkit-animation-delay: 0.5s; } 
#con_inves .photos img { position:relative; z-index:0; max-width:100%; vertical-align:top; } 

@media screen and (max-width: 500px) {#con_inves .table,
#con_inves .table tbody,
#con_inves .table tbody tr,
#con_inves .table tbody th,
#con_inves .table tbody td { display:block; } 
#con_inves .table thead { display:none; } 
#con_inves .table tbody td { border:none !important; } 
#con_inves .table tbody td:nth-child(1) { background-color:#efeff3; } 
#con_inves .table tbody td:nth-child(2),
#con_inves .table tbody td:nth-child(3) { padding:0 5px; } 
#con_inves .table tbody td:nth-child(2) { padding-top:5px; text-align:left !important; } 
#con_inves .table tbody td:nth-child(3) { padding-bottom:5px; } 
#con_inves .table tbody td:nth-child(2):before { content:"조사원수 : "; } 
#con_inves .table tbody td:nth-child(3):before { content:"해당국가 : "; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 유관기관
연관단어 : related

////////////////////////////////////////////////////////////////////////////// */
#con_related { } 
#con_related .js_tab:not(.select) ul li { width:20%; box-sizing:border-box; } 
#con_related .type_01 { overflow:hidden; } 
#con_related .type_01 li { float:left; width:33.3%; box-sizing:border-box; } 
#con_related .type_01 li:nth-child(3n+1) { padding:6px 6px 6px 0; } 
#con_related .type_01 li:nth-child(3n+2) { padding:6px 6px 6px 6px; } 
#con_related .type_01 li:nth-child(3n+3) { padding:6px 0 6px 6px; } 
#con_related .type_01 li a {display:block; border:1px solid #e3e3e3;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 
#con_related .type_01 li a:hover { border-color:#2d66c2; } 
#con_related .type_01 li a img { width:100%; } 

#con_related .type_02 { overflow:hidden; border-top:2px solid #000; } 
#con_related .type_02 li { float:left; position:relative; width:33.3%; padding:12px 33px; border-bottom:1px solid #e1e1e1; box-sizing:border-box; } 
#con_related .type_02 li:before { content:""; display:block; position:absolute; left:23px; top:21px; width:3px; height:3px; background-color:#b5b5b5; } 
#con_related .type_02 li a { display:block; line-height:18px; font-size:14px; color:#444; } 

#con_related .type_03 { overflow:hidden; border-top:2px solid #000; } 
#con_related .type_03 li { float:left; position:relative; width:50%; padding:12px 33px; border-bottom:1px solid #e1e1e1; box-sizing:border-box; } 
#con_related .type_03 li:before { content:""; display:block; position:absolute; left:23px; top:21px; width:3px; height:3px; background-color:#b5b5b5; } 
#con_related .type_03 li a { display:block; line-height:18px; font-size:14px; color:#444; } 

@media screen and (max-width: 1300px) {#con_related .js_tab:not(.select) ul li { width:25%; } 
 }
@media screen and (min-width: 1024px) and (max-width: 1100px) {#con_related .js_tab:not(.select) ul li { width:33.3%; } 
 }
@media screen and (max-width: 600px) {#con_related .type_01 li { width:50%; } 
#con_related .type_01 li:nth-child(2n+1) { padding:6px 6px 6px 0; } 
#con_related .type_01 li:nth-child(2n+2) { padding:6px 0px 6px 6px; } 

#con_related .type_02 li,
#con_related .type_03 li { width:100%; } 



#con_related .type_02 li,
#con_related .type_03 li a { height:auto !important; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 정보공개제도안내
연관단어 : datainfo

////////////////////////////////////////////////////////////////////////////// */
#con_datainfo { } 
#con_datainfo img { max-width:100%; } 
#con_datainfo .bx { padding:25px 30px; border:1px solid #ebebeb; background-color:#f9f9f9; } 
@media screen and (max-width: 600px) {#con_datainfo .bx { padding:15px 20px; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 정보공개청구
연관단어 : claim

////////////////////////////////////////////////////////////////////////////// */
#con_claim { } 
#con_claim .bx { position:relative; min-height:309px; padding:50px 50px 50px 390px; border:1px solid #eaeaea; box-sizing:border-box; } 
#con_claim .bx:before { content:""; display:block; position:absolute; left:50px; top:50px; width:300px; height:209px; background:url(../../images/kor/content/claim_img_01.jpg) no-repeat center center; } 
#con_claim .bx .head { line-height:25px; margin-bottom:20px; font-weight:500; font-size:20px; color:#0e0e0e; } 
#con_claim .bx .midd { min-height:72px; line-height:24px; margin-bottom:20px; font-size:15px; color:#545454; } 
@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 700px) {#con_claim .bx { padding:50px; } 
#con_claim .bx:before { position:relative; left:auto; top:auto; width:100%; margin-bottom:20px; background-size:cover; } 
#con_claim .bx .midd { min-height:24px; } 
 }
@media screen and (max-width: 500px) {#con_claim .bx { padding:30px; } 
 }
@media screen and (max-width: 500px) {#con_claim .bx { padding:20px; } 
#con_claim .bx:before { height:150px; } 
#con_claim .bx .head { line-height:20px; margin-bottom:10px; font-size:16px; } 
#con_claim .bx .midd { line-height:18px; font-size:12px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 공공데이터 개방:개요
연관단어 : con_data_summary

////////////////////////////////////////////////////////////////////////////// */
#con_data_summary { } 
#con_data_summary .imgbox { text-align:center; } 
#con_data_summary .imgbox img { max-width:100%; } 
#con_data_summary .boxlist { display:table; width:100%; border:1px solid #eaeaea; } 
#con_data_summary .boxlist>li { display:table-cell; width:33.3%; padding:30px; box-sizing:border-box; } 
#con_data_summary .boxlist>li:not(:nth-child(1)) { border-left:1px solid #eaeaea; } 
#con_data_summary .boxlist>li strong { display:block; line-height:24px; font-weight:500; font-size:20px; color:#2b66c2; } 
#con_data_summary .boxlist>li .list_01 { margin-bottom:0; } 
#con_data_summary .bx { padding:25px 30px; border:1px solid #ebebeb; background-color:#f9f9f9; } 
@media screen and (max-width: 700px) {#con_data_summary .boxlist>li { padding:20px; } 
#con_data_summary .boxlist>li strong { line-height:20px; font-size:16px; } 
 }
@media screen and (max-width: 600px) {#con_data_summary .bx { padding:15px 20px; } 
 }
@media screen and (max-width: 500px) {#con_data_summary .boxlist,
#con_data_summary .boxlist>li { display:block; } 
#con_data_summary .boxlist>li { width:100%; } 
#con_data_summary .boxlist>li:not(:nth-child(1)) { border-left:none; border-top:1px solid #eaeaea; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 인사말
연관단어 : hello

////////////////////////////////////////////////////////////////////////////// */
#con_hello { position:relative; min-height:600px; padding-left:415px; } 
#con_hello .head { position:absolute; left:0; top:0; text-align:center; } 
#con_hello .head span { display:inline-block; position:relative; max-width:350px; } 
#con_hello .head span img { position:relative; z-index:10; max-width:100%; } 
#con_hello .head span:before { content:""; position:absolute; left:30px; top:30px; z-index:0; width:100%; height:100%; background-color:#f3f4f6; } 
#con_hello .midd .tis { line-height:30px; font-weight:500; font-size:24px; color:#0e0e0e; } 
#con_hello .midd .tis span { display:block; } 
#con_hello .midd .tis em { font-style:normal; color:#2b66c2; } 
#con_hello .midd .tes { line-height:24px; font-size:15px; color:#545454; } 
#con_hello .midd .names img { vertical-align:middle; } 
@media screen and (max-width: 700px) {#con_hello { min-height:10px; padding-left:0; } 
#con_hello .head { position:relative; left:auto; top:auto; } 
#con_hello .midd { margin-top:50px; } 
 }


/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 약력
연관단어 : yaks

////////////////////////////////////////////////////////////////////////////// */
#con_yaks { position:relative; min-height:600px; padding-left:355px; } 
#con_yaks .head { position:absolute; left:0; top:0; text-align:center; } 
#con_yaks .head span { display:inline-block; position:relative; max-width:350px; margin-bottom:30px; } 
#con_yaks .head span img { position:relative; z-index:10; max-width:100%; } 
#con_yaks .head span:before { content:""; position:absolute; left:30px; top:30px; z-index:0; width:100%; height:100%; background-color:#f3f4f6; } 
#con_yaks .head .names { padding-bottom:20px; } 
#con_yaks .head .names img { vertical-align:middle; } 
#con_yaks .midd ul li { position:relative; line-height:30px; padding-left:10px; font-weight:normal; font-size:16px; color:#0e0e0e; } 
#con_yaks .midd ul li:before { content:""; display:block; position:absolute; left:0; top:15px; width:5px; height:2px; margin-top:-1px; background-color:#0e0e0e; } 
@media screen and (max-width: 700px) {#con_yaks { min-height:10px; padding-left:0; } 
#con_yaks .head { position:relative; left:auto; top:auto; } 
#con_yaks .head .names { max-width:350px; text-align:right; margin:0 auto; } 
#con_yaks .midd { margin-top:20px; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 역대원장
연관단어 : years

////////////////////////////////////////////////////////////////////////////// */
#con_years { } 
#con_years>ol { overflow:hidden; } 
#con_years>ol>li { float:left; width:50%; padding:45px 0; box-sizing:border-box; } 
#con_years>ol>li:before { content:""; display:none; position:absolute; left:0; top:0; width:200%; height:1px; background-color:#eaeaea; } 
#con_years>ol>li .lay { position:relative; padding-left:157px; } 
#con_years .head { position:absolute; left:0; top:0; width:136px; height:152px; padding:5px; border:1px solid #eaeaea; background-color:#f3f4f6; box-sizing:border-box; } 
#con_years .head .photos { overflow:hidden; display:block; width:100%; height:100%; } 
#con_years .head .photos img { width:100%; } 
#con_years .midd h6 { margin-top:0; } 
#con_years .midd ul li { position:relative; } 
#con_years .midd ul li:nth-child(1) { padding-left:48px; } 
#con_years .midd ul li:nth-child(2) { padding-left:75px; } 
#con_years .midd ul li:nth-child(3) { padding-left:48px; } 
#con_years .midd ul li em { position:absolute; left:10px; top:0; } 


#con_years>ol>li:nth-child(2n+1) { clear:both; position:relative; padding-right:15px; } 
#con_years>ol>li:nth-child(2n+1):before { display:block; } 
#con_years>ol>li:nth-child(1):before { display:none; } 
#con_years>ol>li:nth-child(2n+2) { padding-left:15px; } 
#con_years>ol>li:nth-child(1),
#con_years>ol>li:nth-child(2) { padding-top:0; } 

@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 800px) {#con_years>ol>li { clear:both; float:none; position:relative; width:100%; } 
#con_years>ol>li:nth-child(2) { padding-top:45px; } 
#con_years>ol>li:not(:nth-child(1)):before { display:block !important; } 
 }
@media screen and (max-width: 400px) {#con_years>ol>li .lay { padding-left:0 !important; } 
#con_years .head { position:relative; margin:0 auto 20px auto; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 설립목적 및 기능
연관단어 : purpose

////////////////////////////////////////////////////////////////////////////// */
#con_purpose { } 
#con_purpose .box1 { overflow:hidden; position:relative; text-align:center; border:1px solid #eaeaea; box-sizing:border-box; } 
#con_purpose .box1:before { content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#fff; } 
#con_purpose .box1 img { position:relative; z-index:10; max-width:100%; } 
#con_purpose .box1 .blind_text { overflow:auto; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; } 

#con_purpose .box2 { padding:10px 10px 0 0; margin-top:35px; } 
#con_purpose .box2 .con { position:relative; } 
#con_purpose .box2 .con:before,
#con_purpose .box2 .con:after { content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff; } 
#con_purpose .box2 .con:before { right:-5px; top:-5px; z-index:1; } 
#con_purpose .box2 .con:after { right:-10px; top:-10px; z-index:0; } 
#con_purpose .box2 .con .bx {position:relative; z-index:10; line-height:27px; padding:55px 55px; border:1px solid #eaeaea; background-color:#fff;background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;background-image:url(../../images/kor/content/purpose_box_bg.jpg); } 
#con_purpose .box2 .con .bx p { margin-bottom:0; } 
#con_purpose .box2 .con .bx .head { display:block; position:relative; padding-top:24px; margin-bottom:45px; text-align:center; font-weight:500; font-size:28px; color:#0e0e0e; } 
#con_purpose .box2 .con .bx .head span { color:#af894e; } 
#con_purpose .box2 .con .bx .head:before { content:""; display:block; position:absolute; left:50%; top:0; width:76px; height:9px; margin-left:-38px; background:url(../../images/kor/content/purpose_title_bg.gif) no-repeat center center; } 
@media screen and (max-width: 500px) {#con_purpose .box2 .con .bx { line-height:22px; padding:30px; } 
#con_purpose .box2 .con .bx .head { line-height:28px; margin-bottom:20px; font-size:24px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 비전/미션
연관단어 : mission

////////////////////////////////////////////////////////////////////////////// */
#con_mission { } 
#con_mission .item_01:after { content:""; display:block; height:164px; background:url(../../images/kor/content/mission_bg.gif) no-repeat center bottom; background-size:100% auto; } 
#con_mission .item_01 li { display:table; width:100%; } 
#con_mission .item_01 li .lay { display:table-cell; position:relative; width:100%; height:112px; line-height:24px; padding-left:142px; vertical-align:middle; font-size:20px; color:#0e0e0e; box-sizing:border-box; } 
#con_mission .item_01 li .lay em {display:block; position:absolute; left:0; top:0; width:112px; height:112px; line-height:112px; text-align:center; font-size:22px; color:#fff; background-color:#2c68c0;border-radius:50%;-webkit-border-radius:50%; } 
#con_mission .item_01 li:nth-child(2) .lay em { background-color:#2b9aef; } 
#con_mission .item_01 li:not(:nth-child(1)) { margin-top:30px; } 
#con_mission .item_02 { padding:50px; border:1px solid #eaeaea; } 
#con_mission .item_02>strong { display:block; line-height:28px; margin-bottom:30px; text-align:center; font-weight:500; font-size:25px; color:#2c68c0; } 
#con_mission .item_02>ul { overflow:hidden; } 
#con_mission .item_02>ul>li { float:left; width:33.3%; padding:0px 10px; box-sizing:border-box; } 
#con_mission .item_02>ul>li strong { line-height:24px; font-weight:500; font-size:20px; color:#222; } 
#con_mission .item_02>ul>li .list_02 { margin-bottom:0; } 

@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 800px) {#con_mission .item_01 li .lay { line-height:24px; font-size:16px; } 
#con_mission .item_02 { padding:35px; } 
#con_mission .item_02>ul>li strong { line-height:18px; font-size:16px; } 
 }
@media screen and (max-width: 650px) {#con_mission .item_01:after { height:100px; } 
#con_mission .item_02>ul>li { float:none; width:100%; padding:0; } 
#con_mission .item_02>ul>li:not(:nth-child(1)) { padding-top:20px; } 
 }
@media screen and (max-width: 500px) {#con_mission .item_01:after { height:70px; } 
#con_mission .item_01 li .lay { height:80px; line-height:18px; padding-left:95px; font-size:12px; } 
#con_mission .item_01 li .lay em { width:80px; height:80px; line-height:80px; font-size:14px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 연혁
연관단어 : history

////////////////////////////////////////////////////////////////////////////// */
#con_history { } 
#con_history .history_tab { } 
#con_history .history_tab ul { overflow:hidden; border:1px solid #d1d1d3; } 
#con_history .history_tab ul li { float:left; width:50%; box-sizing:border-box; } 
#con_history .history_tab ul li:not(:nth-child(1)) { border-left:1px solid #d1d1d3; } 
#con_history .history_tab ul li a {display:block; line-height:40px; text-decoration:none; text-align:center; font-size:15px; color:#545454; background-color:#fff;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; } 

#con_history .titlehead { display:none; width:110px; height:42px; line-height:40px; margin:50px auto 0 auto; text-align:center; font-size:14px; border:1px solid #2c68c0; color:#2c68c0; background-color:#fff; box-sizing:border-box; } 

#con_history .history_box { overflow:hidden; position:relative; } 
#con_history .history_box:before { content:""; display:block; position:absolute; right:50%; top:50px; z-index:10; width:50%; height:330px; margin-right:40px; background:url(../../images/kor/content/history_bg.jpg) no-repeat right bottom; background-size:cover; } 
#con_history .history_box>ul { position:relative; z-index:0; } 
#con_history .history_box>ul>li { /*display:none; */ position:relative; padding:0px 10px 0px 50%; } 
#con_history .history_box>ul>li:before { content:""; display:block; position:absolute; left:50%; top:0; z-index:10; width:1px; height:100%; background-color:#2c68c0; } 
#con_history .history_box>ul>li>.midd { position:relative; height:700px; } 
#con_history .history_box>ul>li>.midd .mCustomScrollBox { overflow:visible !important; } 
#con_history .history_box>ul>li>.midd .mCSB_container { overflow:visible !important; } 
#con_history .history_box>ul>li>.midd .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color:#ddd !important; } 
#con_history .history_box>ul>li>.midd .lis { padding:42px 0px 42px 0px; } 
#con_history .history_box>ul>li>.midd .lis>li { position:relative; margin-top:59px; padding-left:40px; } 
#con_history .history_box>ul>li>.midd .lis>li:first-child { margin-top:0; } 
#con_history .history_box>ul>li>.midd .lis>li:before {content:""; display:block; position:absolute; left:-6px; top:6px; z-index:20; width:5px; height:5px; border:4px solid #fff; background-color:#2c68c0;box-shadow:0 0 0 1px #2c68c0;-webkit-box-shadow:0 0 0 1px #2c68c0;border-radius:50%;-webkit-border-radius:50%; } 
#con_history .history_box>ul>li>.midd .lis>li>em { display:block; margin-bottom:15px; font-weight:600; font-size:22px; color:#0e0e0e; } 
#con_history .history_box>ul>li>.midd .lis>li>ol>li { position:relative; line-height:27px; padding-left:50px; font-size:15px; color:#545454; } 
#con_history .history_box>ul>li>.midd .lis>li>ol>li.noday { padding-left:0; } 
#con_history .history_box>ul>li>.midd .lis>li>ol>li span { display:block; position:absolute; left:0; top:0; width:40px; } 



#con_history .history_box>ul>li>.midd .lis:nth-child(2) { background-color:#f3f4f6; } 


#con_history.step_01 .titlehead.item_01,
#con_history.step_02 .titlehead.item_02 { display:block; } 
#con_history.step_01 .history_tab ul li:nth-child(1) a,
#con_history.step_02 .history_tab ul li:nth-child(2) a { color:#fff; background-color:#2c68c0; } 
#con_history.step_01 .history_box>ul>li:nth-child(1),
#con_history.step_02 .history_box>ul>li:nth-child(2) { display:block; } 
@media screen and (max-width: 700px) {#con_history .history_box:before { display:none; } 
#con_history .titlehead { margin-left:0; } 
#con_history .history_box>ul>li { padding-left:20px; } 
#con_history .history_box>ul>li:before { left:20px; } 
#con_history .history_box>ul>li>.midd { height:auto !important; } 
#con_history .history_box>ul>li>.midd .lis>li { margin-top:20px; } 
#con_history .history_box>ul>li>.midd .lis>li:before { top:3px; } 
#con_history .history_box>ul>li>.midd .lis>li>em { margin-bottom:10px; } 
#con_history .history_box>ul>li>.midd .lis>li>ol>li { line-height:20px; padding:3px 0px 3px 50px; } 
#con_history .history_box>ul>li>.midd .lis>li>ol>li span { top:3px; } 
 }





/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 경영공시
연관단어 : gongsi

////////////////////////////////////////////////////////////////////////////// */
#con_gongsi { } 
#con_gongsi .bx { position:relative; min-height:309px; padding:50px 50px 50px 390px; border:1px solid #eaeaea; box-sizing:border-box; } 
#con_gongsi .bx:before { content:""; display:block; position:absolute; left:50px; top:50px; width:300px; height:209px; background:url(../../images/kor/content/gongsi_img_01.jpg) no-repeat center center; } 
#con_gongsi .bx .head { line-height:25px; margin-bottom:20px; font-weight:500; font-size:20px; color:#0e0e0e; } 
#con_gongsi .bx .midd { min-height:72px; line-height:24px; margin-bottom:20px; font-size:15px; color:#545454; } 
@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 700px) {#con_gongsi .bx { padding:50px; } 
#con_gongsi .bx:before { position:relative; left:auto; top:auto; width:100%; margin-bottom:20px; background-size:cover; } 
#con_gongsi .bx .midd { min-height:24px; } 
 }
@media screen and (max-width: 500px) {#con_gongsi .bx { padding:30px; } 
 }
@media screen and (max-width: 500px) {#con_gongsi .bx { padding:20px; } 
#con_gongsi .bx:before { height:150px; } 
#con_gongsi .bx .head { line-height:20px; margin-bottom:10px; font-size:16px; } 
#con_gongsi .bx .midd { line-height:18px; font-size:12px; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : CI소개
연관단어 : ci

////////////////////////////////////////////////////////////////////////////// */
#con_ci { } 
#con_ci .bx { padding:35px; border:1px solid #eaeaea; } 
#con_ci .bx ul { } 
#con_ci .bx ul li { display:table; position:relative; min-height:133px; padding-left:315px; } 
#con_ci .bx ul li:not(:nth-child(1)) { margin-top:30px; } 
#con_ci .bx ul li .photos { display:block; position:absolute; left:0; top:0; width:288px; height:133px; padding:6px; background:url(../../images/kor/content/service_box_patten.png) repeat; box-sizing:border-box; } 
#con_ci .bx ul li .photos span { display:block; width:100%; height:100%; text-align:center; background-color:#fff; } 
#con_ci .bx ul li .midd { display:table-cell; height:133px; line-height:24px; vertical-align:middle; font-size:15px; color:#545454; } 
#con_ci .bx ul li .midd em { font-style:normal; color:#2c68c0; } 

#con_ci .bx.type_02 { text-align:center; background:url(../../images/kor/content/ci_box_patten.gif) repeat; } 
#con_ci .bx.type_02 img { max-width:100%; } 
#con_ci .btn_group { margin-top:50px; text-align:center; } 
@media screen and (max-width: 650px) {#con_ci .bx ul li,
#con_ci .bx ul li .midd { display:block; } 
#con_ci .bx { padding:25px; } 
#con_ci .bx ul li { padding-left:0; } 
#con_ci .bx ul li .photos { position:relative; width:100%; height:auto; margin-bottom:20px; } 
#con_ci .bx ul li .photos span img { max-width:100%; } 
#con_ci .bx ul li .midd { height:auto; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 브로슈어
연관단어 : bro

////////////////////////////////////////////////////////////////////////////// */
#con_bro { position:relative; min-height:498px; padding-left:424px; } 
#con_bro .photos { position:absolute; left:0; top:0; width:391px; height:498px; padding:6px; background:url(../../images/kor/content/box_patten.png) repeat; box-sizing:border-box; } 
#con_bro .photos img { width:100%; } 
#con_bro .tes { min-height:498px; padding:35px 40px; border:1px solid #eaeaea; background-color:#f9f9f9; box-sizing:border-box; } 
#con_bro .tes ul li { position:relative; line-height:22px; padding:5px 0px 5px 36px; font-size:15px; color:#545454; } 
#con_bro .tes ul li em { position:absolute; left:0; top:0; line-height:22px; padding:5px 0px; font-weight:500; font-size:16px; color:#2b66c2; } 
#con_bro .tes .btn_group { margin-top:20px; text-align:center; } 
#con_bro .tes .btn_group .btn { width:150px; margin:2px 4px; } 
@media screen and (min-width: 1024px) and (max-width: 1150px), screen and (max-width: 750px) {#con_bro { padding-left:0; } 
#con_bro .photos { position:relative; margin:0 auto 30px auto; } 
#con_bro .tes { min-height:10px; } 
 }
@media screen and (max-width: 450px) {#con_bro .photos { max-width:391px; width:100%; height:auto; } 
#con_bro .tes { min-height:10px; padding:15px 20px; } 
#con_bro .tes .btn_group .btn { width:100%; margin:2px 0px; } 
#con_bro .tes ul li { line-height:16px; padding:3px 0px 3px 30px; font-size:13px; } 
#con_bro .tes ul li em { line-height:16px; padding:3px 0px; font-size:13px; } 
 }



/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 윤리경영
연관단어 : yunri

////////////////////////////////////////////////////////////////////////////// */
#con_yunri { } 
#con_yunri .bx { padding:25px; border:1px solid #eaeaea; background-color:#f9f9f9; } 
#con_yunri .table .hidden_title { display:none; } 
@media screen and (max-width: 700px) {#con_yunri .table thead { display:none; } 
#con_yunri .table,
#con_yunri .table tbody,
#con_yunri .table tr,
#con_yunri .table th,
#con_yunri .table td { display:block; } 
#con_yunri .table tbody td:nth-child(2) { padding-top:10px; } 
#con_yunri .table tbody td:nth-child(3) { padding-bottom:10px; } 
#con_yunri .table tbody tr:not(:nth-child(1)) th { border-top:1px solid #bbb; } 
#con_yunri .table tbody tr th { border-right:none; } 
#con_yunri .table td { border:none; } 
#con_yunri .table .hidden_title { display:block; } 
 }


/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 오시는길
연관단어 : maps

////////////////////////////////////////////////////////////////////////////// */
#con_maps { } 
#con_maps .root_daum_roughmap .wrap_map { height:500px; } 
#con_maps .daum_map_info { margin:25px 0px; } 
#con_maps .daum_map_info ul { display:table; width:100%; } 
#con_maps .daum_map_info ul li { display:table-cell; width:auto; line-height:26px; font-size:18px; color:#545454; } 
#con_maps .daum_map_info ul li:nth-child(2) { width:160px; } 
#con_maps .daum_map_info ul li:nth-child(3) { width:160px; } 
#con_maps .daum_map_info ul li em { display:block; font-weight:normal; font-style:normal; color:#2c68c0; } 

#con_maps .map_list { } 
#con_maps .map_list>li { position:relative; padding:40px 0px 40px 190px; border-bottom:1px solid #ddd; } 
#con_maps .map_list>li:before { content:""; display:block; position:absolute; left:35px; top:40px; width:114px; height:114px; background-position:center center; background-repeat:no-repeat; } 
#con_maps .map_list>li:nth-child(1):before { background-image:url(../../images/kor/content/maps_icon_03.png); } 
#con_maps .map_list>li:nth-child(2):before { background-image:url(../../images/kor/content/maps_icon_01.png); } 
#con_maps .map_list>li:nth-child(3):before { background-image:url(../../images/kor/content/maps_icon_02.png); } 
#con_maps .map_list>li strong { display:block; line-height:28px; margin-bottom:15px; font-size:22px; color:#0e0e0e; } 
#con_maps .map_list>li div { line-height:24px; margin-bottom:10px; font-size:15px; color:#545454; } 
#con_maps .map_list>li em { font-weight:600; } 
#con_maps .map_list>li .list_02 { margin-top:0; } 
@media screen and (max-width: 700px) {#con_maps .root_daum_roughmap .wrap_map { height:400px; } 
 }
@media screen and (max-width: 650px) {#con_maps .root_daum_roughmap .wrap_map { height:300px; } 
#con_maps .daum_map_info ul,
#con_maps .daum_map_info ul li { display:block; width:100%; line-height:20px; font-size:12px; } 
#con_maps .daum_map_info ul li:not(:nth-child(1)) { margin-top:20px; } 
#con_maps .daum_map_info ul li em { margin-bottom:5px; font-size:16px; } 
#con_maps .map_list>li { padding:20px 0px 20px 110px; } 
#con_maps .map_list>li:before { left:20px; top:20px; width:70px; height:70px; background-size:100% auto; } 
#con_maps .map_list>li strong { line-height:24px; margin-bottom:5px; font-size:18px; } 
#con_maps .map_list>li div { line-height:20px; font-size:12px; } 
 }
@media screen and (max-width: 400px) {#con_maps .daum_map_info { margin:20px 0 0 0; } 
#con_maps .daum_map_info ul li:not(:nth-child(1)) { margin-top:20px; } 
#con_maps .map_list>li { padding-left:0; } 
#con_maps .map_list>li:before { display:none; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 개인정보보호정책
연관단어 : udata

////////////////////////////////////////////////////////////////////////////// */
#con_udata { } 
#con_udata .udata { margin-top:20px; } 
#con_udata .udata>ul>li { border-bottom:1px solid #eaeaea; } 
#con_udata .udata .head { line-height:24px; font-size:18px; color:#222; } 
#con_udata .udata .head a { display:block; position:relative; padding:20px 80px 6px 50px; text-decoration:none; } 
#con_udata .udata .head a:link,
#con_udata .udata .head a:visited,
#con_udata .udata .head a:active { color:#222; } 
#con_udata .udata .head a:hover { color:#2b66c2; } 
#con_udata .udata .head a:after {content:""; display:block; position:absolute; right:30px; top:50%; width:19px; height:11px; margin-top:-5px; background:url(../../images/kor/content/udata_icon_down.png) no-repeat center center;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#con_udata .udata .midd { display:none; line-height:27px; padding:30px; font-size:15px; color:#545454; background-color:#f9f9f9; } 
#con_udata .udata .table .hidden_title { display:none; line-height:15px; margin-top:7px; font-weight:600; } 

#con_udata .udata>ul>li.on .midd { display:block; } 
#con_udata .udata>ul>li.on .head a { color:#2b66c2; } 
#con_udata .udata>ul>li.on .head a:after {transform:rotate(180deg);-webkit-transform:rotate(180deg); } 
@media screen and (max-width: 700px) {#con_udata .udata .table thead { display:none; } 
#con_udata .udata .table,
#con_udata .udata .table tbody,
#con_udata .udata .table td,
#con_udata .udata .table tr,
#con_udata .udata .table .hidden_title { display:block; } 
#con_udata .udata .table tr td { text-align:left !important; } 
#con_udata .udata .table:not(.small) tr td:first-child { border-left:1px solid #bbb !important; } 
#con_udata .udata .table:not(.small) tr td:last-child { border-right:1px solid #bbb !important; } 

#con_udata .udata .table.small .hidden_title { display:inline-block; } 
#con_udata .udata .table.small .hidden_title:before { content:"ㆍ"; } 
#con_udata .udata .table.small tr { padding:10px 15px; } 
#con_udata .udata .table.small tbody tr { border-bottom:1px solid #bbb; background-color:#fff; } 
#con_udata .udata .table.small tr td { padding:0; border:none; } 


#con_udata .udata .head { line-height:20px; font-size:14px; } 
#con_udata .udata .head a { padding:14px 80px 8px 40px; } 
#con_udata .udata .midd { line-height:18px; padding:20px; font-size:12px; } 
 }






/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 이메일무단수집거부
연관단어 : email

////////////////////////////////////////////////////////////////////////////// */
#con_email { padding:10px 10px 0 0; } 
#con_email .con { position:relative; } 
#con_email .con:before,
#con_email .con:after { content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff; } 
#con_email .con:before { right:-5px; top:-5px; z-index:1; } 
#con_email .con:after { right:-10px; top:-10px; z-index:0; } 
#con_email .con .bx { position:relative; z-index:10; padding:75px 50px; border:1px solid #eaeaea; background-color:#fff; } 
#con_email .con .bx .head { margin-bottom:40px; text-align:center; } 
#con_email .con .bx .head strong { display:block; line-height:26px; margin-bottom:20px; font-weight:normal; font-size:25px; color:#0e0e0e; } 
#con_email .con .bx .head strong em { font-weight:600; } 
#con_email .con .bx .head span { display:block; line-height:24px; font-size:15px; color:#545454; } 
#con_email .con .bx .midd { } 
#con_email .con .bx .midd .etcs { text-align:center; } 
#con_email .con .bx .midd .etcs .btn { width:250px; height:50px; line-height:48px; } 
#con_email .con .bx .midd .etcs .btn:nth-child(1) { margin-right:5px; } 
#con_email .con .bx .midd .etcs .btn:nth-child(2) { margin-left:5px; } 
@media screen and (max-width: 700px) {#con_email .con .bx .midd .etcs .btn { width:200px; height:40px; line-height:38px; } 
 }
@media screen and (max-width: 600px) {#con_email .con .bx { padding:50px 30px; } 
#con_email .con .bx .head { margin-bottom:20px; } 
#con_email .con .bx .head strong { line-height:21px; margin-top:10px; font-size:20px; } 
#con_email .con .bx .head span { line-height:20px; font-size:12px; } 
#con_email .con .bx .midd .etcs .btn { width:160px; } 
 }
@media screen and (max-width: 500px) {#con_email .con .bx { padding:30px; } 
#con_email .con .bx .midd .etcs .btn { width:100%; margin:4px 0 !important; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 저작권보호정책
연관단어 : protect

////////////////////////////////////////////////////////////////////////////// */
#con_protect { } 
#con_protect .nuri_box { } 
#con_protect .nuri_box ul { overflow:hidden; } 
#con_protect .nuri_box ul li { float:left; width:50%; box-sizing:border-box; } 
#con_protect .nuri_box ul li:nth-child(1) { padding-right:10px; } 
#con_protect .nuri_box ul li:nth-child(2) { padding-left:10px; } 
#con_protect .nuri_box ul li .lay { text-align:center; border:1px solid #eaeaea; } 
#con_protect .nuri_box ul li .lay img { max-width:100%; } 
#con_protect .bx { padding:25px 30px; border:1px solid #eaeaea; background-color:#f9f9f9; } 
#con_protect .table .hidden_title { display:none; line-height:15px; margin-top:7px; font-weight:600; } 
@media screen and (max-width: 700px) {#con_protect .table thead { display:none; } 
#con_protect .table,
#con_protect .table tbody,
#con_protect .table td,
#con_protect .table tr,
#con_protect .table .hidden_title { display:block; } 
#con_protect .table tr td { text-align:left !important; } 
#con_protect .table .hidden_title { display:inline-block; } 
#con_protect .table .hidden_title:before { content:"ㆍ"; } 
#con_protect .table tr { padding:10px 15px; } 
#con_protect .table tbody tr { border-bottom:1px solid #bbb; background-color:#fff; } 
#con_protect .table tr td { padding:0; border:none; } 
#con_protect .table tr td:nth-child(4) .hidden_title { display:block; } 
 }
@media screen and (max-width: 500px) {#con_protect .nuri_box ul li { float:none; width:100%; padding:5px 0 !important; } 
#con_protect .bx { padding:15px 20px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 주요연락처 안내
연관단어 : call

////////////////////////////////////////////////////////////////////////////// */
#con_call { } 
#con_call .call_lists { } 
#con_call .call_lists ul { overflow:hidden; } 
#con_call .call_lists ul li { float:left; position:relative; width:50%; height:120px; margin:50px 0 0 0; padding-left:180px; box-sizing:border-box; } 
#con_call .call_lists ul li:nth-child(1),
#con_call .call_lists ul li:nth-child(2) { margin-top:20px; } 
#con_call .call_lists ul li [class*="icon_"] {position:absolute; left:40px; top:0; width:120px; height:120px;border-radius:50%;-webkit-border-radius:50%; } 
#con_call .call_lists ul li [class*="icon_"]:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto; } 
#con_call .call_lists ul li .icon_01 { background-color:#44a8f4; } 
#con_call .call_lists ul li .icon_02 { background-color:#018fe5; } 
#con_call .call_lists ul li .icon_03 { background-color:#448ff5; } 
#con_call .call_lists ul li .icon_04 { background-color:#2b66c2; } 
#con_call .call_lists ul li .icon_05 { background-color:#1856b7; } 
#con_call .call_lists ul li .icon_01:before { background-image:url(../../images/kor/content/call_icon_04.png); } 
#con_call .call_lists ul li .icon_02:before { background-image:url(../../images/kor/content/call_icon_01.png); } 
#con_call .call_lists ul li .icon_03:before { background-image:url(../../images/kor/content/call_icon_02.png); } 
#con_call .call_lists ul li .icon_04:before { background-image:url(../../images/kor/content/call_icon_03.png); } 
#con_call .call_lists ul li .icon_05:before { background-image:url(../../images/kor/content/call_icon_05.png); } 
#con_call .call_lists ul li .tes { display:table-cell; width:100%; height:120px; text-align:left; vertical-align:middle; font-weight:500; font-size:25px; color:#545454; } 
#con_call .call_lists ul li .tes em { display:block; line-height:19px; margin-bottom:13px; font-size:18px; color:#2b9aef; } 
@media screen and (max-width: 1100px) {#con_call .call_lists ul li { padding-left:140px; } 
#con_call .call_lists ul li [class*="icon_"] { left:0; } 
 }
@media screen and (max-width: 800px) {#con_call .call_lists ul li { float:none; width:100%; } 
#con_call .call_lists ul li:nth-child(1) { margin-top:0px; } 
#con_call .call_lists ul li:nth-child(2),
#con_call .call_lists ul li:nth-child(3),
#con_call .call_lists ul li:nth-child(4) { margin-top:30px; } 
 }
@media screen and (max-width: 500px) {#con_call .call_lists ul li { height:90px; padding-left:110px; } 
#con_call .call_lists ul li [class*="icon_"] { width:90px; height:90px; } 
#con_call .call_lists ul li .tes { height:90px; font-size:18px; } 
#con_call .call_lists ul li .tes em { margin-bottom:8px; font-size:14px; } 
#con_call .call_lists ul li:nth-child(2),
#con_call .call_lists ul li:nth-child(3),
#con_call .call_lists ul li:nth-child(4) { margin-top:20px; } 
 }




/* //////////////////////////////////////////////////////////////////////////////

페이지정보 : 사이트도움말
연관단어 : help

////////////////////////////////////////////////////////////////////////////// */
#con_help { } 
#con_help .bx { padding:35px; border:1px solid #eaeaea; } 
#con_help .bx .head { line-height:28px; font-size:20px; } 
@media screen and (max-width: 700px) {#con_help .bx { padding:20px; } 
#con_help .bx .head { line-height:22px; font-size:16px; } 
 }



.con_summary_type2 { } 
.con_summary_type2 > ul { border:1px solid #eaeaea } 
.con_summary_type2 > ul > li { padding:0 20px 20px 20px; } 
.con_summary_type2 > ul > li:not(:first-child) { border-top:1px solid #eaeaea } 
.con_summary_type2 > ul > li:nth-child(even) { background: #f9f9f9 } 



/* 추가된 내용 220906*/

.databox *,
.databox *::before,
.databox *::after { box-sizing:border-box; } 
.databox { margin-bottom:2em; font-size:16px; } 
.databox a { text-decoration:none; } 

/* 개인정보처리방침 */
.databox>.head { text-align:center; } 
.databox>.head>strong { font-weight:500; font-size:1.4117em; color:#333; padding-top: 30px; display: block; } 
.databox>.midd { letter-spacing:-0.06em; } 
.databox>.midd>.head>ul { display:flex; } 
.databox>.midd>.head>ul>li { width:100%; } 
.databox>.midd>.head>ul>li:not(:last-child) { margin-right:0.588em; } 
.databox>.midd>.head>ul>li>span,
.databox>.midd>.head>ul>li>strong { display:flex; flex-direction:column; align-items:center; height:100%; padding: 1em; color:#555; background-color:#F5F5F5; border-radius:0.4em; -webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear; } 
.databox>.midd>.head>ul>li>strong>p {font-weight:500; } 
/* .databox>.midd>.head>ul>li>strong { color:#fff; background-color: #2c68c0; } */
.databox>.midd>.head>ul>li a { display:flex; flex-direction:column; align-items:center; height:100%; color:inherit; } 
.databox>.midd>.head>ul>li a::before { content:""; width:8.4em; height:8.4em; margin-bottom: 1.2em; font-size:0.8em; background-color:#fff; background-image:url(/images/kor/content/user-data.svg); background-repeat:no-repeat; background-size:63em auto; border-radius:50%; } 
.databox>.midd>.head>ul>li:nth-child(1) a::before { background-position:0 0; } 
.databox>.midd>.head>ul>li:nth-child(2) a::before { background-position:calc(-8.4em * 1) 0; } 
.databox>.midd>.head>ul>li:nth-child(3) a::before { background-position:calc(-8.4em * 2) 0; } 
.databox>.midd>.head>ul>li:nth-child(4) a::before { background-position:calc(-8.4em * 3) 0; } 
.databox>.midd>.head>ul>li:nth-child(5) a::before { background-position:calc(-8.4em * 4) 0; } 
.databox>.midd>.head>ul>li:nth-child(6) a::before { background-position:calc(-8.4em * 5) 0; } 
.databox>.midd>.head>ul>li a>span { line-height: 1.3; text-align:center; font-weight:500; font-size: 1.2em; color:#333333; margin-bottom:0.2em; } 
.databox>.midd>.head>ul>li a>span:nth-child(n+2) { line-height: 1.5; text-align:center; font-weight:400; font-size: 1em; color:inherit; margin-top: 0.2em; /* margin-bottom:0.1em; */ } 
.databox>.midd>.midd>ul>li { display:none; position:relative; padding: 2.5em 0 4.5em; border:1px solid #E0E0E0; border-radius:1em; } 
.databox>.midd>.midd>ul>li>ul { /* display:flex; *//* flex-wrap: nowrap; */ position:relative; } 
/* .databox>.midd>.midd>ul>li>ul::before { content:""; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; border-right:1px dashed #ddd; } */
.databox>.midd>.midd>ul>li>ul>li { /* width:50%; */ padding:0 2.5em; } 
.databox>.midd>.midd>ul>li>ul>li:nth-child(n+3) { margin-top:2.5em; } 
.databox>.midd>.midd>ul>li>ul>li>.head { padding-bottom:0.3em; margin-bottom:0.5em; border-bottom:1px solid #1768C7; } 
.databox>.midd>.midd>ul>li>ul>li>.head>strong { position:relative; padding-left:14px; font-weight:500; font-size:1.058em; color:#1768C7; } 
.databox>.midd>.midd>ul>li>ul>li>.head>strong::before { content:""; display:block; position:absolute; left:0; top:0.4em; width:5px; height:5px; background-color:#1768C7; border-radius:50%; } 
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li { /* display:flex; */float: left; margin-right: 20px; /* padding-right: 10px; *//* width: 30%; */padding:0.1em 0; color:#333; } 
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>strong,
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>span { font-size:0.9117em; } 
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>strong { width:9em; font-weight:500; } 
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>span>em { display:block; font-style:normal; font-size:0.9em; color:#C24F4F; } 
.databox>.midd>.midd>ul>li>ul>li>.midd table { width:100%; margin-top:0.9em; } 
.databox>.midd>.midd>ul>li>ul>li>.midd table caption { opacity:0; position:absolute; font-size:0; color:transparent; } 
.databox>.midd>.midd>ul>li>ul>li>.midd table th,
.databox>.midd>.midd>ul>li>ul>li>.midd table td { font-size:0.9em; } 
.databox>.midd>.midd>ul>li>.foot { padding:0.5em 2.5em 0; } 
.databox>.midd>.midd>ul>li>.foot .tip { padding-left:0; font-size:0.9em; color:#C24F4F; } 
.databox>.midd>.midd>ul>li>.foot .tip::after { display:none; } 
.databox>.midd>.midd>ul>li>p { font-size:0.9em; } 
.databox>.midd>.midd>ul>li>p.left { text-align:left; } 
.databox>.midd>.midd>ul>li>p.center { text-align:center; } 
.databox>.midd>.midd>ul>li>p.right { text-align:right; } 
.databox>.midd>.midd>ul>li .close { position:absolute; right:1em; top:1em; width:1.5em; height:1.5em; font-size:1em; cursor:pointer; border:none; background:none; } 
.databox>.midd>.midd>ul>li .close::before,
.databox>.midd>.midd>ul>li .close::after { content:""; display:block; position:absolute; left:0; top:calc(50% - 1px); width:100%; height:2px; background-color:#333; border-radius:2px; -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear; } 
.databox>.midd>.midd>ul>li .close::before { -webkit-transform:rotate(45deg); transform:rotate(45deg); } 
.databox>.midd>.midd>ul>li .close::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 
.databox>.midd>.midd>ul>li .close:hover::before { -webkit-transform:rotate(225deg); transform:rotate(225deg); } 
.databox>.midd>.midd>ul>li .close:hover::after { -webkit-transform:rotate(-225deg); transform:rotate(-225deg); } 
.databox>.midd>.midd>ul>li .close>span { opacity:0; position:absolute; } 

.databox>.head+.midd,
.databox>.midd>.head+.midd { margin-top:1.5em; } 

.databox[data-page="1"]>.midd>.midd>ul>li:nth-child(1),
.databox[data-page="2"]>.midd>.midd>ul>li:nth-child(2),
.databox[data-page="3"]>.midd>.midd>ul>li:nth-child(3),
.databox[data-page="4"]>.midd>.midd>ul>li:nth-child(4),
.databox[data-page="5"]>.midd>.midd>ul>li:nth-child(5),
.databox[data-page="6"]>.midd>.midd>ul>li:nth-child(6) { display:block; } 


.datalist *,
.datalist *::before,
.datalist *::after { box-sizing:border-box; } 
.datalist { margin-top:3em; margin-bottom:2em; letter-spacing:-0.06em; font-size:16px; } 
.datalist>.head { text-align:center; } 
.datalist>.head>strong { font-weight:500; font-size:1.4117em; color:#333; } 
.datalist>.midd { display:flex; padding: 2.5em 1.5em; border:1px solid #E0E0E0; border-radius:0.4em; } 
.datalist>.midd>ul { display:flex; flex-wrap:wrap; } 
.datalist>.midd>ul>li { width:50%; padding:0 1em; } 
.datalist>.midd>ul>li:nth-child(n+3) { margin-top:1.1em; } 
.datalist>.midd>ul>li>a { font-weight:400; font-size:1.0588em; color:#222; line-height: 1.6; } 
.datalist>.midd>ul>li>a:hover { text-decoration:underline; } 

.datalist>.head+.midd { margin-top:1.5em; } 

[data-icon*="userData-"] { display:block; position:relative; min-height:2.1em; padding:0.35em 0 0 3em; font-size:inherit; color:inherit; } 
h5>[data-icon*="userData-"] { padding-left:2.5em; } 
[data-icon*="userData-"]::before { content:""; display:block; position:absolute; left:0; top:calc(50% - 1.8em); width:3.6em; height:3.6em; font-size:0.5882em; background-image:url(/images/kor/content/user-data.svg); background-repeat:no-repeat; background-size:63em auto; } 
[data-icon="userData-1"]::before { background-position:calc(-3.6em * 0) -10em; } 
[data-icon="userData-2"]::before { background-position:calc(-3.6em * 1) -10em; } 
[data-icon="userData-3"]::before { background-position:calc(-3.6em * 2) -10em; } 
[data-icon="userData-4"]::before { background-position:calc(-3.6em * 3) -10em; } 
[data-icon="userData-5"]::before { background-position:calc(-3.6em * 4) -10em; } 
[data-icon="userData-6"]::before { background-position:calc(-3.6em * 5) -10em; } 
[data-icon="userData-7"]::before { background-position:calc(-3.6em * 6) -10em; } 
[data-icon="userData-8"]::before { background-position:calc(-3.6em * 7) -10em; } 
[data-icon="userData-9"]::before { background-position:calc(-3.6em * 8) -10em; } 
[data-icon="userData-10"]::before { background-position:calc(-3.6em * 9) -10em; } 
[data-icon="userData-11"]::before { background-position:calc(-3.6em * 10) -10em; } 
[data-icon="userData-12"]::before { background-position:calc(-3.6em * 11) -10em; } 
[data-icon="userData-13"]::before { background-position:calc(-3.6em * 12) -10em; } 
[data-icon="userData-14"]::before { background-position:calc(-3.6em * 13) -10em; } 
[data-icon="userData-15"]::before { background-position:calc(-3.6em * 14) -10em; } 
[data-icon="userData-16"]::before { background-position:calc(-3.6em * 15) -10em; } 
[data-icon="userData-17"]::before { background-position:calc(-3.6em * 16) -10em; } 
[data-icon="userData-18"]::before { background-position:calc(-3.6em * 17) -10em; } 


/* 개인정보처리방침 추가 231106 */
[data-list] { counter-reset:count; } 
[data-list]>li { position:relative; padding-left:1em; counter-increment:count; color:#333; margin-bottom: 0.4em; } 
[data-list]>li:nth-child(n+2) { margin-top:0.25em; } 
[data-list=""]>li { padding-left:0; } 
[data-list="3"]>li::before {content:counter(count);display:block;position:absolute;right: calc(100% - 0.8em);top: 0.15em;width: 1.6em;height: 1.6em;line-height: 1.6em;text-align:center;font-size: 0.85em;color:#1768C7;background-color: #ffffff;-webkit-border-radius:50%;border-radius:50%;border: 1px solid #bebebe;} 



@media screen and (max-width: 900px){
 .databox[data-page]>.midd>.midd { display: block; /* padding: 10px; */align-items:center; justify-content:center; position:fixed; left:0; top:0; z-index:1000; width:100%; height:calc(100% - 4.1176em); padding:1.5em; margin-top:4.1176em; background-color:rgba(0,0,0,0.7); } 
 .databox[data-page]>.midd>.midd>ul { max-height:100%; background-color:#fff; border-radius:1em; } 
 .databox[data-page]>.midd>.midd>ul>li { border:none; padding-left: 10px; } 
 .databox[data-page]>.midd>.midd>ul>li>ul::before { display:none; } 
 .databox[data-page]>.midd>.midd>ul>li>ul>li { width:100%; padding:0; } 
 .databox[data-page]>.midd>.midd>ul>li>ul>li:nth-child(n+2) { margin-top:2em; } 
 .databox>.midd>.midd>ul>li>.foot { padding:0.5em 0 0 0; } 
 .databox>.midd>.head>ul { overflow:auto; } 

 .datalist>.midd { padding:2em; } 
 .datalist>.midd>ul>li { width:calc((100% - 1em) / 2); padding:0; } 
 .datalist>.midd>ul>li:nth-child(2n+1) { margin-right:1em; } 
 }
@media screen and (max-width: 600px){
 .datalist>.midd>ul>li { width:100%; margin-right:0 !important; } 
 .datalist>.midd>ul>li:nth-child(n+2) { margin-top:0.6em; } 
 }

/* 20230209 연구사업-목표 */
.obj_txt>* { text-align:center; } 
.ob_txt1 { display: block; font-weight: 500; font-size: 1.4rem; width: 200px; height:50px; line-height: 50px; margin: 0 auto; color: #ffffff; background-color: #2B9AEF; box-sizing: border-box; border-radius: 50px; } 

.obj_txt { content:""; display:block; height: 320px; background:url(../../images/kor/content/mission_bg.gif) no-repeat center bottom; background-size:100% auto; z-index: -1; } 
.ob_txt2 { font-size: 1.8rem; font-weight:700; color:#2c68c0; line-height:1.4; } 


.dep_01 { box-sizing: border-box; width: 100%; border:5px solid #f1f1f1; padding: 5px; padding: 40px 60px; margin-top: -50px; } 

.dep_02 { display:flex; } 
.dep_03 { /* border:1px solid red; */
margin-right:10px; width: calc((100% / 4) - 8px); text-align: center; } 
.dep_03:nth-child(4) { margin:0px; } 

.obj_info { margin-top:20px; font-weight:500; line-height: 1.4; font-size: 1.1rem; } 

@media screen and (max-width: 1200px){
 .obj_txt { height:280px; } 
 .dep_01 { margin-top:-20px; } 
 }
 
@media screen and (max-width: 900px) {.dep_02 { flex-flow: row wrap; justify-content: space-between; } 
.dep_03 { margin-right:0px; width: calc((100% / 2) - 2px); } 
.dep_03:nth-child(n+3) { margin-top:20px } 
.dep_01 { padding: 20px; } 
.obj_info { font-size:0.9rem; } 
.ob_txt2 { font-size: 1.4rem; } 
.ob_txt2 span { display:none; } 
.ob_txt1 { font-size: 1.2rem; width: 180px; height: 40px; line-height: 40px; } 
.obj_txt { height:240px; } 
 }

@media screen and (max-width: 600px)
 {
 .obj_txt { height:200px; } 
 .dep_01 { padding: 10px; } 
 .dep_01 { margin-top:-10px; } 
 .obj_info br { display:none !important; } 
 }