@charset "UTF-8";
@import url("reset.css");
/* user.css에서 복사 */
@import url("user_common.css");

label{vertical-align:middle} /* 해당 부분만 추가 */

.disNone10{position:absolute;top:0;left:-9999px;}

/* person info - layer = 2017.05.24 추가 */
/*
.per_info{display:none;z-index:999;position:absolute;top:30px;left:-30px;box-sizing:border-box;padding-top:21px;width:230px;background:url('../img/main/login_top.png') no-repeat center 0}
.per_info .close{position:absolute;top:31px;right:10px}
.per_info > div{border:1px solid #aaa;border-top:none;background-color:#fff}
.per_info > div p{padding:10px 10px 5px 10px}
.per_info > div p strong{color:#00529f;font-weight:600}
.per_info > div p a{margin-left:10px}

.per_info > div ul{padding:5px 10px 10px 10px}
.per_info > div ul, #header_top #util .per_info > div ul li{float:none}
.per_info > div ul li{padding-left:12px;line-height:1.5em}
.per_info > div ul li:before{display:inline-block;content:'';width:4px;height:18px;vertical-align:top;background:url('../img/main/bul.png') no-repeat 0 7px}
*/
/*소속 단체 iframe child 관련 css*/
.per_group_wrap{font-size:12px}
.per_group_wrap label{vertical-align:middle}
.per_group_wrap select{width:110px;height:25px}

/*버튼*/
a.btn_grey{display:inline-block;padding:3px 8px 3px 5px;text-align:center;border:1px solid #aaa;background-color:#f2f2f2}
a.btn_grey2{display:inline-block;padding:4px 10px 6px 8px;text-align:center;color:#fff;background-color:#555}
/* //person info - layer  = 2017.05.24 추가 */

/* search_wrap */
.tbl_dev .search_section{display:table}
.tbl_dev .search_section .search_label{white-space:nowrap}
.tbl_dev .search_section .search_txt{display:table-cell;padding-left:10px}
.tbl_dev .search_section .btn_search{position:relative;margin-left:5px;text-indent:-9999px}

/* search_wrapper1 - new */
.search_wrap .search_wrapper1{position:relative}
.search_wrap .search_wrapper1:after{display:block;content:"";visibility:hidden;clear:both}

.search_wrapper1 .search_section{display:table;position:relative;float:right}
.search_wrapper1 .search_section label{margin:0 15px 0 3px}
.search_wrapper1 .search_section .search_label{white-space:nowrap}
.search_wrapper1 .search_section .search_txt{display:table-cell;padding-left:10px}
.search_wrapper1 .search_section .btn_search{position:relative;margin-left:5px}

/* search_wrapper1 - new */
.search_wrap .search_multi_wrapper{position:relative;background:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:100%;padding:12px 15px;margin-bottom:15px;text-align:center}
.search_wrap .select_multi{width:100px}
.search_wrap .select_multi.sel_company{width:450px}
.search_wrap .search_multi_wrapper .btn_search{position:relative;white-space:nowrap}

/* tbl_form - from user.css*/
.tbl_form:before{position:absolute;top:0;content:"";background:#000;width:100%;height:1px}
.tbl_form{position:relative;width:100%;letter-spacing:-1px}
.tbl_form caption{position:relative;height:0;font-size:0;line-height:0;overflow:hidden}
.tbl_form th,.tbl_form td{padding:13px 10px;border-bottom:1px solid #dcdcdc;color:#333;text-align:left;vertical-align:middle}
.tbl_form th{background:#f4f4f4;border-right:1px solid #dcdcdc;padding-left:15px}
/*.tbl_form td{padding:7px 6px 7px 25px}*/

/* tbl_form - user.css에서 수정할 부분 */
/*.tbl_form:before{height:0;border-top:1px solid #000}*/
.tbl_form td{padding:7px 6px 7px 10px}

/* paginate에서 선택된 페이지 수에는 a tag가 없음 따라서 아래와 같이 on 이하 a 를 삭제해야함 */
.paginate li.on{margin:0 2px;padding:5px 10px;color:#005bab;font-weight:bold}
.paginate1 li.on{margin:0 2px;padding:5px 10px;color:#005bab;font-weight:bold}

/* tbl_form - user.css에 추가할 부분 */
/*.search_total{margin-top:10px}*/

/* tbl_form - user.css에 추가할 부분 */
.tbl_form th:not(:first-child), .tbl_form td:not(:first-child){border-left:1px solid #dcdcdc}
/*  user.css에 아래 search_wrap css에 position 속성 하나만 추가*/
.content .search_wrap .search_txt .placeholder{position:absolute}
.content .search_wrap{display:block;clear:both}

/* btn */
.btn_check{padding:0 9px;height:26px;line-height:26px;font-size:13px;font-weight:bold}
.btn_black{background:#444;color:#fff !important}

/****** 새로 추가되는 코드 by kameo ******/
/* error wraps */
.error_container{display:table;width:100%;height:100%;padding:0 30px}
.error_wrap{display:table-cell;vertical-align:middle}
.logo_etc{width:200px;height:48px;background:url('../../images/new_okf/common/img_logo_etc.png') no-repeat;font-size:0;line-height:0}
.page_error_box{padding:60px 30px;background:#edf2f5}
.page_error_box:after{display:block;content:"";visibility:hidden;clear:both}
.page_error_box .error_box_wrap{width:625px;margin:0 auto}
/* page_common_icon  spr_common01?? 출처 불분명 삭제 예정*/
.page_error_box .page_common_icon{display:block;float:left;margin:0 20px;background:url('../../images/new_okf/common/spr_common.png') no-repeat}
.icon_error{display:block;float:left;width:197px;height:145px;background:url('../../images/new_okf/common/img_error.png') no-repeat}
.page_error_box .page_info_txt{margin-left:220px}
.page_error_box .page_info_txt h2{margin-bottom:10px;font-size:26px}
.msg_admin{height:200px;margin-top:20px}
.page_error_box+.txt_copy{padding-top:20px;text-align:center}

/* 공통 */
caption{position:relative;height:0;font-size:0;line-height:0;overflow:hidden}

.inline{display:inline;vertical-align:middle}
.center{text-align:center !important}
.right{text-align:right}
.line_b{margin-bottom:15px}
.block{display:block !important}
.txt_block{margin-bottom:15px}
.txt_left{float:left;padding-top:3px}
.txt_right{float:right;padding-top:5px}
.txt_cnt{float:right;padding-top:6px}
.txt_need{float:right;padding-top:3px}
.txt_desc{padding-top:5px}
.txt_blue{color:#1858b2 !important}
.txt_blue01{color:#0000ff !important;}
.txt_sky{color:#307dc5}
.txt_red{color:#b33100}
.txt_red01{color:#ff0000;}
.txt_black{color:#000000;}
.txt_bold{font-weight:bold}
.tit_desc{padding:15px 0 10px;line-height:1.6;letter-spacing:-1.5px}
.tit_cmt{display:block;padding-bottom:10px}
.tit_type01{}
.tit_type01 h5{float:left;padding-bottom:5px;font-size:17px}
.tit_type02{border-bottom:1px solid #000}
.tit_type02 h5{float:left;padding-bottom:5px;font-size:17px}
.tit_type03{height:40px;line-height:40px;border-top:1px solid #dcdcdc;background:#f4f4f4}
.tit_type03 h5{float:left;font-size:14px;font-weight:bold}
.tit_type04{height:46px;line-height:46px;padding:0 30px;border-top:1px solid #333;background:#f4f4f4}
.tit_type04 h5{float:left;font-size:16px;font-weight:bold}
.tit_type05{padding: 15PX 15px 0 15PX; line-height: 22px; }
.tit_type06{padding: 0px 0px 15px 0px;}
.tit_info{font-size:16px;text-align:center;font-weight:bold}
.tit_sub{margin-bottom:10px;font-size:15px;font-weight:bold}

.input_type01 { width:45%; }

/*  말줄임 */
.txt_line1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.google_map{border-bottom:1px solid #dcdcdc}

.tit_type01:after,.tit_type02:after,.tit_type03:after,.tit_type04:after{display:block;content:"";visibility:hidden;clear:both}
.tbl_dev .tbl_view:after{display:block;content:"";visibility:hidden;clear:both}

.box_type00{position:relative;padding:15px 10px;vertical-align:top}
.box_type10,.box_type11,.box_type20,.box_type21{position:relative;display:table;width:100%;margin-bottom:20px;padding:15px 30px;border:1px solid #e0e0e0;vertical-align:top}
.box_type10_m,.box_type11_m,.box_type20_m,.box_type21_m{position:relative;display:table;width:100%;padding:15px 30px;border:1px solid #e0e0e0;vertical-align:top}
.box_type11,.box_type11_m,.box_type21,.box_type21_m{background:#fcfcfc}
.box_type20,.box_type21,.box_type20_m,.box_type21_m{border-top:1px solid #656565}
.box_type30{position:relative;display:table;width:100%;margin-bottom:20px;padding:15px 30px;background:#f2f2f2;vertical-align:top}
.box_type31{position:relative;display:table;width:100%;margin-bottom:20px;padding:15px 30px;border:1px solid #d3d3d3;background:#f2f2f2;vertical-align:top}
.box_desc{padding:15px 30px;border:1px solid #e0e0e0;border-top:0 none}
.box_popup{position:relative;padding:10px 15px;border:1px solid #d3d3d3;background:#f4f4f4;vertical-align:top}
.box_type10{margin-top:-1px}
.box_caution{position:relative;margin-bottom:20px;padding:15px 30px;background:#f2f2f2;vertical-align:top}
.box_type00:after,.box_type10:after,.box_type10_m:after,.box_type11:after,.box_type11_m:after,
.box_type20:after,.box_type21:after,.box_type30:after,.box_type31:after,
.box_caution:after,.box_popup:after{display:block;content:"";clear:both}

.tit_step{font-size:17px;line-height:24px;font-weight:bold}
/* 0618 수정 삭제 예정.img_caution{display:block;float:left;width:42px;height:39px;vertical-align:middle;background:url(../../images/new_okf/common/icon_business_info_mark.png) no-repeat}
.txt_caution{display:block;padding-left:60px;vertical-align:middle}*/
.img_caution{display:table-cell;width:42px;height:39px;vertical-align:middle;background:url('../../images/new_okf/common/icon_business_info_mark.png') no-repeat}
.txt_caution{display:table-cell;padding-left:20px;vertical-align:middle}
.txt_caution span{display:block;line-height:1.5}  
.txt_caution1{padding: 0px 45px 10px 15px; vertical-align: middle;}
.txt_caution1 span{display:block;line-height:1.5}  
    
/*.txt_caution .cameo:before{display:inline-block;content:"*"}*/

.icon_dot{display:inline-block;float:left;width:3px;height:3px;margin:10px 7px 0 7px;border-radius:50%;background:#333}
.icon_gray{display:inline-block;float:left;width:3px;height:3px;margin:5px;background:#9a9a9a}

/* no image 공통 css */
.img_none{display:inline-block;border:1px solid #dcdcdc;background:#ededed url('../../images/new_okf/common/img_none.png') no-repeat center}

/* session popup */
.box_session{position:relative;padding:30px 15px;background:#f2f2f2;text-align:center}
.box_txt_session{padding:10px;border:1px solid #4e90ce;background:#fff}
.txt_session1{padding:0 10px;font-size:16px;font-weight:bold;line-height:40px}
.txt_session2{margin:10px;color:#0059aa;font-size:16px;font-weight:bold;line-height:1.5}

/* 회원관리 - member_wrap 이하 */
.member_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:720px}
.member_wrap .member_top{padding-bottom:7px}
.member_wrap .member_top:after{display:block;content:"";visibility:hidden;clear:both}
.member_wrap .member_top h1{float:left;font-size:24px;font-weight:bold}
.member_wrap .member_top .logo_section{display:inline-block;float:right}
.member_wrap .member_signin,.member_wrap .member_signup{display:table-cell;width:360px;height:100%;padding:40px 10px 20px 16px}
.member_wrap .member_signin,.member_wrap .member_signup{border:1px solid #dedede}
.member_wrap .member_signin,.member_wrap .member_signup{border-top:1px solid #000}
.member_wrap .member_signup{border-left:0 none}
.member_signin .title,.member_signup .title{margin:15px 0}
.member_signin .title .tit_icon,.member_signup .title .tit_icon{display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:bottom;background:url('../../images/new_okf/common/spr_icon_type.png') no-repeat 0 -30px}
.member_signin .signin_info,.member_signup .signup_info{text-align:center}
.member_signin .signin_info h3,.member_signup .signup_info h3{padding-bottom:20px;font-size:24px;font-weight:bold;color:#0055a0}
.member_signin .signin_info .txt,.member_signup .signup_info .txt{display:block;font-size:16px}
.member_signin .signin_info .icon,.member_signup .signup_info .icon{display:block;background:url('../../images/new_okf/member/spr_member.png') no-repeat}
.member_signin .signin_info .icon.icon_signin{width:125px;height:125px;margin:15px auto;background-position:0 0}
.member_signup .signup_info .icon.icon_signup{width:125px;height:125px;margin:15px auto;background-position:-130px 0}
.member_signin .signin_on,.member_signup .signup_on{height:100px;border-bottom:1px solid #dedede}
.member_signin .signin_on{position:relative}
.member_signin .signin_on div{display:block;margin-right:80px;text-align:right}
.member_signin .signin_on label{margin-right:10px}
.member_signin .signin_on .form_id{margin-bottom:12px}
.member_signin .signin_on .form_save{margin:8px 0 8px 105px;text-align:left}
.member_signin .signin_on .btn_login{position:absolute;top:0;right:0;width:75px;height:65px;background:#337cc6;color:#fff}
.member_signup .signup_on .btn_item{width:100px}

.member_wrap .btn_member{display:inline-block;width:154px;height:60px;border:1px solid #aaa;background:#f2f2f2;color:#333 !important;text-align:center}
.member_wrap .member_signin .btn_member span{margin-top:10px}
.member_wrap .member_signup .btn_member span{line-height:58px}
.help_pw li{margin-bottom:20px}


.signup_box{position:relative;margin-bottom:20px;padding:30px;border:1px solid #e0e0e0;vertical-align:top}
.signup_box p{padding-top:10px}
.signup_box .logo_section{margin-bottom:20px;text-align:center}
.signup_select:after{display:block;content:"";visibility:hidden;clear:both}
.signup_select li{position:relative}
/*.signup_select li:hover{border:3px solid #e0e0e0}*/
.signup_select li{display:inline-block;float:left;width:32%;padding:10px;border:1px solid #e0e0e0}
.signup_select li:not(:last-child){margin-right:2%}
.signup_select li .box_null{display:table-cell;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #79abd0;background:transparent}
.signup_select li .tit_select{margin-bottom:5px;color:#005aa9;font-size:17px;font-weight:bold}
.signup_select.lang li{text-align:center}/*다국어용*/
.signup_select.lang li .tit_select{margin-top:70px}/*다국어용*/
.signup_select.lang li .tit_select + p{height:40px}/*다국어용*/
.signup_select .btn_tbl_select{display:table-cell;height:100px;vertical-align:bottom}
.signup_select.lang .btn_tbl_select{display:block;padding-top:15px;vertical-align:top}/*다국어용*/
.signup_select .btn_tbl_select a{margin-top:5px}
.signup_select.lang .btn_tbl_select a{width:100%}/*다국어용*/
.signup_select .img_select{position:absolute;right:15px;bottom:10px;width:70px;height:60px;background:url('../../images/new_okf/member/spr_signup.png') no-repeat}
.signup_select.lang .img_select{top:8px;right:0;left:0;margin:0 auto}/*다국어용*/
.img_select.img_type10{background-position:0 -140px}
.img_select.img_type20{background-position:-80px -140px}
.img_select.img_type30{background-position:-160px -140px}
.img_select.img_type11{background-position:0 -210px}
.img_select.img_type21{background-position:-80px -210px }
.img_select.img_type31{background-position:-160px -210px}

.signup_step{display:table;width:100%;border:1px solid #e0e0e0;border-collapse:collapse}
.signup_step:after{display:block;content:"";visibility:hidden;clear:both}
.signup_step.en li{font-size:15px;line-height:1}
.signup_step li{display:table-cell;width:25%;height:49px;padding-left:15px;vertical-align:middle;font-size:17px;text-align:center}
.signup_step li:not(:first-child){background:url('../../images/new_okf/member/img_bar_off.png') no-repeat left}
.signup_step li:first-child.on{padding-left:0;background-color:#828282;color:#fff;font-weight:bold}
.signup_step li.on{padding-left:30px;background-color:#828282 !important;color:#fff;font-weight:bold}
.signup_step li.on+li{background:url('../../images/new_okf/member/img_bar_on.png') no-repeat}
.signup_step li .step_num:after{content:"."}

/* tab_wrap */
/* tab_wrap{position:relative}*/
.tab_wrap{width:100%;margin-bottom:30px}
.tab_wrap .tab_box{width:100%;margin-bottom:-1px;border:1px solid #c6c6c6;background:#f7f7f7}
.tab_wrap .tab_box:after{display:block;content:"";visibility:hidden;clear:both}
.tab_wrap .tab_box li{float:left;border-right:1px solid #c6c6c6}
.tab_wrap .tab_box li a{display:inline-block;padding:17px 20px 13px;text-decoration:none}
.tab_wrap .tab_box li.on{background:#fff;border:1px solid #909090;border-bottom-color:#fff;margin:-1px}
.tab_wrap .tab_box li.on a{font-weight:bold}

.cert_title_box{display:inline-block; padding:12px 20px 13px 0px; text-decoration:none; font-size:17px; font-weight:bold;}

/* 회원가입인증 */
.auth_wrap:after,.auth_ipin:after{display:block;content:"";visibility:hidden;clear:both}
.auth_wrap{padding:30px 25px 25px;border:1px solid #909090;border-top-color:#909090}
.auth_ipin{border:1px solid #909090}
.auth_icon{float:left;background:url('../../images/new_okf/member/spr_signup.png') no-repeat}
.auth_icon.icon_email{width:75px;height:75px;background-position:0 -280px}
.auth_icon.icon_ipin1{width:110px;height:100px;background-position:-170px -360px}
.auth_icon.icon_ipin2{display:none;width:165px;height:55px;background-position:0 -400px}
.auth_ipin.child .auth_icon.icon_ipin2{display:block}
.auth_icon.icon_fb1{width:75px;height:75px;background-position:-80px -280px}
.auth_icon.icon_fb2{display:none;width:145px;height:35px;background-position:0 -360px}
.auth_icon.icon_naver{width:75px;height:75px;background-position:-160px -280px}
.auth_box_txt{margin-left:120px}
.auth_box_txt p:not(:nth-child(1)){padding-top:15px}
.auth_box_txt p:not(:nth-child(3)){padding-bottom:15px;border-bottom:1px solid #dadada}
.auth_ipin{padding:30px;border:1px solid #d6d6d6;background:#fcfcfc}
.auth_ipin .auth_box_txt{margin-left:140px}
.auth_ipin.child .auth_box_txt{margin-left:200px}
.auth_ipin .auth_box_txt p{padding:0 0 10px 0;border-bottom:0 none}
.auth_desc{padding:15px 20px;background-color:#737373;color:#fff;text-align:center}
.tit_auth_ipin{display:block;margin-bottom:5px;color:#1858b2;font-size:16px;font-weight:bold}
.auth_ipin_desc{float:left;margin-bottom:10px}
.btn_tbl_auth{margin:15px 0 0}
.btn_tbl_email{margin:8px 0 0 -2px}
.btn_type5_focus:focus-visible {outline: 1px solid #fff; box-shadow: #000 0px 0px 0px 1px, #000 0px 0px 0px 3px;}
.btn_type7_focus:focus-visible {outline: 1px solid #fff; box-shadow: #000 0px 0px 0px 1px, #000 0px 0px 0px 3px;}

.signup_desc{margin-top:20px}

.signup_done:after{display:block;content:"";visibility:hidden;clear:both}
.signup_done > li{display:inline-block;position:relative;float:left;width:49%;height:250px;padding:25px;border:1px solid #e0e0e0}
.signup_done > li:not(:last-child){margin-right:2%}
.signup_done.group > li:first-child{border:1px solid #3980c8}
.signup_done.group > li:last-child{border:1px solid #ec7f20}
.signup_done .tit_done{margin-bottom:20px;font-size:17px;font-weight:bold}
.signup_done span{display:inline-block;vertical-align:top}
.signup_done .txt_done{display:inline-block;width:65%;padding-right:10px;line-height:1.5}
.signup_done .txt_done.group{width:100%;padding-right:10px}
/*.signup_done .txt_done > li{background:url('../../images/new_okf/common/dot_black.png') no-repeat 0 8px;padding-left:10px}*/
.signup_done .txt_done > li{background:url('../../images/new_okf/common/blt_dot1.png') no-repeat 0 8px;padding-left:10px}
.signup_done .btn_tbl_done{float:right}
.signup_done .btn_icon{display:block;margin:0 auto 10px}
.btn_link{padding:15px 20px;color:#fff !important;font-weight:bold;text-align:center}
.btn_blue_bg{border:1px solid #337cc6;background:#337cc6}
.btn_orange_bg{border:1px solid #ec7f20;background:#ec7f20}

/* 단체회원 가입안내 */
/*.signup_info_desc p{line-height:2;padding-left:13px;background:url('../../images/new_okf/common/dot_black.png') no-repeat left center}*/
.signup_info_desc p{line-height:2;padding-left:13px;background:url('../../images/new_okf/common/blt_dot1.png') no-repeat left center}

/* 관리자 등록 */
.master_srch{padding:20px 0;text-align:center}
.master_srch dl,.master_srch dt,.master_srch dd{display:inline-block}
.master_srch dl{margin-right:10px}
.master_srch dt{margin-right:5px}
.master_srch .name_master{width:70px !important}

/* 약관 */
.iframe_agree{width:100%;border:1px solid #aaa}
.box_agree .iframe_agree{height:200px}
.box_agree_signup{margin:30px 0}
.box_agree_signup.service{margin-bottom:50px}
.box_agree_signup .iframe_agree{height:300px}

/* 검색영역 template */
.search_wrap.wrap_type1{padding:13px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f2f2f2}
.search_wrap.wrap_type2{margin-bottom:0;margin:13px 0;background:#fff}
.search_wrap.wrap_type3{margin-bottom:0;padding:13px 0;background:#fff}

/* mypage - box margin-bottom 조정 */
.info_box{margin-bottom:20px !important}

/* tab */
.tbl_dev .tab_wrap{margin-bottom:0}

/* info_box 안의 이미지 아이콘들 - 마이페이지 */
/* .page_info_box1 아래의 공통 */
.page_info_box1{position:relative;display:table;width:100%;min-width:320px;padding:18px 10px;background:#f2f2f2}
.page_info_box1:after{display:block;content:"";visibility:hidden;clear:both}
.page_info_box1 .page_info_txt{display:table-cell;width:100%;vertical-align:middle}
.page_info_box1 > span{display:table-cell;vertical-align:middle}
.page_info_box1 em{color:#b23200;font-weight:bold;font-style:normal}
.page_sub_txt{margin-bottom:15px;line-height:1.5}
.page_sub_txt span{display:block}
/* //.page_info_box1 아래의 공통 */
.page_info_box1 .page_info_icon{display:block;float:left;margin:0 18px;background:url('../../images/new_okf/mypage/spr_mypage.png') no-repeat}
.page_info_box1 .page_info_icon.icon_mail{width:140px;height:130px;background-position:0 0}
.page_info_box1 .page_info_icon.icon_study{width:140px;height:130px;background-position:-150px 0}
.page_info_box1 .page_info_icon.icon_minwon{width:140px;height:130px;background-position:-300px 0}
.page_info_box1 .page_info_icon.icon_privacy_agree{width:110px;height:110px;background-position:0 -300px}
.page_info_box1 .page_info_icon.icon_chg_info{width:140px;height:130px;background-position:0 -160px}
.page_info_box1 .page_info_icon.icon_chg_pw{width:140px;height:130px;background-position:-150px -160px}
.page_info_box1 .page_info_icon.icon_lv_id{width:140px;height:130px;background-position:-300px -160px}
.page_info_box1 .page_info_icon.icon_attend_check{width:140px;height:130px;background-position:-450px -160px}
/*.page_info_box1 .page_info_txt{margin-left:225px} 삭제 예정*/
/*.page_info_box1 .page_info_txt.chg_info,.page_info_box1 .page_info_txt.lv_id{display:table-cell;width:100%;vertical-align:middle} 동일한 코드 삭제 예정*/
.page_info_box1 .page_info_txt.lv_id .page_sub_txt span.txt{margin-left:13px}
.page_info_box1 .page_info_txt.lv_id .icon_gray{margin:8px 5px}

/* 회원가입 */
.page_info_box1 .page_member_icon{display:block;float:left;margin:0 18px;background:url('../../images/new_okf/member/spr_signup.png') no-repeat}
.page_info_box1 .page_member_icon.icon_signup{width:140px;height:130px;background-position:0 0}
.page_info_box1 .page_member_txt{display:table-cell;width:100%;vertical-align:middle}

/* info_box 안의 이미지 아이콘들 - 재외동포 지원 */
.page_info_box1 .page_support_icon{display:block;float:left;width:140px;height:130px;margin:0 18px;background:url('../../images/new_okf/support/spr_support1.png') no-repeat}
.page_info_box1 .page_support_icon.icon_search{background-position:0 0}
.page_info_box1 .page_support_icon.icon_current{background-position:-300px -140px}

/* info_box 안의 이미지 아이콘들 - 글로벌 코리안 */
.page_info_box1 .page_global_icon{display:block;float:left;width:140px;height:130px;margin:0 18px;background:url('../../images/new_okf/global/spr_global.png') no-repeat}
.page_info_box1 .page_global_icon.icon_search{background-position:0 0}

/* info_box 안의 이미지 아이콘들 - 참여마당 */
.page_info_box1 .page_madang_icon{display:block;float:left;width:140px;height:130px;margin:0 18px;background:url('../../images/new_okf/madang/spr_madang.png') no-repeat}
.page_info_box1 .page_madang_icon.icon_madang{background-position:0 -200px}

/* info_box 안의 이미지 아이콘들 - 고객센터 */
.page_info_box1 .page_center_icon{display:block;float:left;width:140px;height:130px;margin:0 18px;background:url('../../images/new_okf/customer/spr_customer.png') no-repeat}
.page_info_box1 .page_center_icon.icon_counsel{background-position:0 0}
.page_info_box1 .page_center_icon.icon_opinion{background-position:-150px 0}
.page_info_box1 .page_center_txt{display:table-cell;width:100%;vertical-align:middle}

/* tbl_basic */
.tbl_basic{position:relative;width:100%;letter-spacing:-1px}
.tbl_basic th,.tbl_basic td{padding:7px 10px;border:1px solid #dcdcdc;color:#333;text-align:left;vertical-align:middle}
.tbl_basic thead th{padding:13px 10px;text-align:center}
.tbl_basic th{background:#f4f4f4}
.tbl_basic td{height:26px}
.tbl_basic.tbl_basic_view td{padding:7px 10px 7px 20px}
/* width를 지정하는 경우 사용할 것 */
.tbl_basic.tbl_th_w th{width:20%}

/* 회원가입 - 담당자 등록 팝업 tbl_basic 사용 */
.tbl_master_view th:first-child{width:35%}

/* tbl_attend - 출석체크 */
.date_box{display:block;float:right;margin:5px 0;font-size:16px}
.month_box{display:block;margin-bottom:5px}
.month_box a{font-size:0;line-height:0}
/*.month_box:after{display:block;content:"";visibility:hidden;clear:both}*/
.month_box .txt_month{vertical-align:bottom;font-size:20px;font-weight:bold}
.tbl_attend{position:relative;width:100%;letter-spacing:-1px}
.tbl_attend thead th{width:14.286%;height:26px;padding:7px;background:#505050;font-size:16px;font-weight:bold;text-align:center;color:white}
.tbl_attend thead th:first-child{background-color:#d75353}
.tbl_attend thead th:last-child{background-color:#336ca0}
.tbl_attend th,.tbl_attend td{border:1px solid white;color:white;vertical-align:top}
.tbl_attend td{position:relative;text-align:center;background-color:lightgray}
.tbl_attend td .date{display:block;position:absolute;top:5px;left:5px;z-index:99}
.btn_attend_check{display:inline-block;width:64px;height:64px;vertical-align:top;font-size:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);z-index:9999;background-image:url('../../images/new_okf/common/img_check.png');background-repeat:no-repeat;background-position:center}
.btn_attend_check_m{display:inline-block;font-size:0;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.checked{background-image:url('../../images/new_okf/common/img_checked.png');background-repeat:no-repeat;background-position:center}
.checked>img{opacity:1!important}
.txt_checked{display:none}
.backImg{opacity:0.3}
.today>img{opacity:0.3}
.buttonBox{text-align:right;padding-top:30px}
.buttonBox>button{width:207px;height:38px;background-image:url('../../images/new_okf/common/month_btn.png');background-repeat:no-repeat;background-size:contain;background-position:center}

/* == table list == */
/* tbl_list - table list basic */
.tbl_list:before{position:absolute;top:0;width:100%;height:0;content:"";border-top:1px solid #000}
.tbl_list{position:relative;width:100%;letter-spacing:-1px}
.tbl_list th,.tbl_list td{border-bottom:1px solid #dcdcdc;vertical-align:middle}
.tbl_list th{padding:15px 10px;background:#f4f4f4}
.tbl_list td{padding:13px 10px;word-break:break-all}

/* 재외동포 인물수정 - tbl_list basic 사용 */
.tbl_person_list th:not(:last-child),.tbl_person_list td:not(:last-child){border-right:1px solid #dcdcdc}

/* 재외동포 지원 3단 - tbl_list basic 사용 */
.tbl_biz_list th:first-child{width:200px}
.tbl_biz_list th:last-child{width:90px}
.tbl_biz_list td:last-child{text-align:center}
.tbl_biz_list th:not(:last-child),.tbl_biz_list td:not(:last-child){border-right:1px solid #dcdcdc}

.txt_biz_view{margin-top:15px}
.txt_biz_view > p{line-height:1.3}

/* request 재외동포 홈페이지 제작 지원 6단 - tbl_list basic 사용 */
.tbl_domain thead th{width:15%}
.tbl_domain th:nth-child(5){width:25%}
.tbl_domain td{padding:13px 10px;word-break:break-all}
.tbl_domain td{text-align:center}
.tbl_domain td:nth-child(5){font-size:13px;text-align:left}
.tbl_domain .file_add span{display:inline-block;background:url('../../images/new_okf/common/tbl_icon.png') no-repeat 0 0;width:13px;height:15px;font-size:0;vertical-align:middle}

/* 재외동포 지원 사업문의 문의 진행조회 4단 - tbl_list basic 사용 */
.tbl_biz_search thead th:not(:nth-child(2)){width:110px}
.tbl_biz_search td{padding:13px 10px;word-break:break-all}
.tbl_biz_search td:not(:nth-child(2)){text-align:center}

.biz_search_auth:after{display:block;content:"";visibility:hidden;clear:both}
.biz_search_auth dl{float:left}
.biz_search_auth input[type="text"],.biz_search_auth input[type="password"],.biz_search_auth select{width:110px;height:34px}
.biz_search_auth dt,.biz_search_auth dd{display:table-cell;padding:0 7px;vertical-align:middle}

/* contents 박스오피슨 목록 5단 - tbl_list basic 사용 */
.tbl_box_office th:not(:first-child),.tbl_box_office th:not(:nth-child(2)){width:120px}
.tbl_box_office th:first-child{width:90px}
.tbl_box_office th:nth-child(2){width:auto}
.tbl_box_office td:not(:nth-child(2)){text-align:center}
.tbl_box_office td:nth-child(4),.tbl_box_office td:nth-child(5){text-align:right}

/* madang 개설강좌 목록 5단 - tbl_list basic 사용 */
.tbl_class th{width:20%}
.tbl_class th:nth-child(3),.tbl_class th:nth-child(4){width:10%}
.tbl_class th:nth-child(2){width:40%}
.tbl_class td:nth-child(3),.tbl_class td:nth-child(4){text-align:center}
.tbl_class .btn_type1_xs{margin-right:0}
.tbl_class_m{display:none}

/* madang 개설강좌 상세 커리큘럼 3단 - tbl_list basic 사용*/
.tbl_class_view th{background:#fdfdfd}
.tbl_class_view th:nth-child(1){width:70px}
.tbl_class_view th:nth-child(2){width:auto}
.tbl_class_view th:nth-child(3){width:110px}
.tbl_class_view td:nth-child(1),.tbl_class_view td:nth-child(3){text-align:center}

/* mypage 사업신청관리-재단사업 목록 5단 - tbl_list basic 사용 */
.tbl_biz_okf th{width:95px}
.tbl_biz_okf th:nth-child(4){width:auto}
.tbl_biz_okf th:last-child{width:110px}
.tbl_biz_okf td:not(:nth-child(4)){text-align:center}

/* mypage 사업신청관리-홈페이지제작지원 목록 6단 - tbl_list basic 사용 */
.tbl_biz_hp th{width:95px}
.tbl_biz_hp th:nth-child(2),.tbl_biz_hp th:last-child{width:110px}
.tbl_biz_hp th:nth-child(3),.tbl_biz_hp th:nth-child(4){width:auto}
.tbl_biz_hp td:nth-child(1),.tbl_biz_hp td:nth-child(5),.tbl_biz_hp td:nth-child(6){text-align:center}

/* mypage 공관 사업접수관리 목록 8단 - tbl_list basic 사용 */
.tbl_biz_mng th{width:84px}
.tbl_biz_mng th:nth-child(1),.tbl_biz_mng th:nth-child(3){width:60px}
.tbl_biz_mng th:nth-child(4), .tbl_biz_mng th:nth-child(5){width:auto}
.tbl_biz_mng td:not(:nth-child(4)){text-align:center}
/* mypage 보조금 공시 20260106 s */
.tbl_biz_mng2 th{ background-color: #f8f9fa;}
.tbl_biz_mng2 td{background-color: #fff; text-align: center;}
.tbl_biz_mng2 th, .tbl_biz_mng2 td{padding: 15px 10px;}
.tbl_biz_mng2::before{display: none;}
/* mypage 보조금 공시 20260106 e */

.tit_biz{float:left;font-size:18px;line-height:30px;font-weight:bold}
.txt_manager{margin-right:20px;line-height:30px}
.select_mng{width:100px !important}

/* mypage 민원신청관리-홈페이지 개선의견(opinion) 목록 5단 - tbl_list basic 사용 */
.tbl_hp_opn th{width:110px}
.tbl_hp_opn th:first-child{width:95px}
.tbl_hp_opn th:nth-child(2){width:auto}

/* mypage 나의 강의실 목록 6단 - tbl_list basic 사용 */
.tbl_my_list th{width:110px}
.tbl_my_list th:first-child{width:120px}
.tbl_my_list th:nth-child(2){width:auto}
.tbl_my_list td a{margin:5px}
.tbl_my_list td{text-align:center}
.tbl_my_list td:nth-child(1),.tbl_my_list td:nth-child(2){text-align:left}
.tbl_my_list_m{display:none}

.my_list_mb{display:none}

/* mypage 나의 강의실 진도관리 4단 - tbl_list basic 사용 */
.tbl_my_progress th:first-child{width:120px}
.tbl_my_progress th:nth-child(3){width:80px;text-align:center}
.tbl_my_progress th:nth-child(4){width:250px}
.tbl_my_progress td:nth-child(3),.tbl_my_progress td:nth-child(4){text-align:center}
.tbl_my_progress_m{display:none}

.txt_progress{float:right}
.progress_on{display:inline-block;width:40px;height:8px;margin:0 5px 0 10px;background:#dedede}
.progress_off{display:inline-block;width:40px;height:8px;margin:0 5px 0 10px;background:#ea7f1f}
.my_progress_mb{display:none}

.progress{height:24px;line-height:24px;margin:5px 0;border:1px solid #d4d4d4;background:#e9e9e9;text-align:center;overflow:hidden}
.progress_bar{float:left;height:100%;line-height:24px;color:#fff;text-align:center;background:#ea7f1f}

/* mypage 나의 강의실 학습하기 4단 - tbl_list basic 사용 */
.tbl_my_class th{width:200px}
.tbl_my_class th:first-child{width:17%}
.tbl_my_class th:nth-child(2){width:auto}
.tbl_my_class td:nth-child(3){text-align:center}
.tbl_my_class th:nth-child(4),.tbl_my_class td:nth-child(4){text-align:right}
.tbl_my_class th span{margin:0 15px}
.tbl_my_class td span,.tbl_my_class td a{margin:5px}

/* mypage 변경요청 관리 목록 5단 - tbl_list basic 사용 */
.tbl_info_chg th{width:100px}
.tbl_info_chg th:nth-child(2){width:auto}
.tbl_info_chg td:not(:nth-child(2)){text-align:center}

/* mypage popup 단체명 검색 3단 - tbl_list basic 사용 */
.tbl_srch_group th:first-child{width:70px}
.tbl_srch_group th:nth-child(2){width:230px}
.tbl_srch_group td:first-child{text-align:center}

/* mypage popup 학교명 검색 3단 - tbl_list basic 사용 */
.tbl_srch_schl th{width:130px}
.tbl_srch_schl th:last-child{width:auto}


.hp_info{font-size:16px;font-weight:bold;text-align:center}
/* //== table list == */

/* paginate1 */
.paginate1{margin:30px 0;text-align:center}
.paginate1 li{display:inline-block;list-style:none;vertical-align:middle}
.paginate1 li a{display:block;padding:5px 10px;margin:0 2px;font-size:14px;color:#444}
.paginate1 li.on a{color:#005bab}
.paginate1 li.dir a{background:url('../../images/new_okf/common/icon_page.png') no-repeat 0 0;width:29px;height:28px;padding:0;/*margin:0;*/font-size:0;line-height:0;vertical-align:middle}
.paginate1 li.dir.first a{background-position:0 0}
.paginate1 li.dir.prev a{background-position:-40px 0}
.paginate1 li.dir.next a{background-position:-80px 0}
.paginate1 li.dir.last a{background-position:-120px 0 }

/* tbl_view */
.tbl_dev .tbl_view{display:table;position:relative;width:100%;height:100%;border-top:1px solid #000}
.tbl_dev .tbl_view .info{display:table-row}
/*
.tbl_dev .tbl_view .info dl{display:table-cell;width:50%;height:100%;border-bottom:1px solid #dcdcdc}
.tbl_dev .tbl_view .info dl:nth-child(even){border-left:1px solid #dcdcdc}
.tbl_dev .tbl_view .info dt{display:table-cell;float:left;width:130px;height:100%;padding:13px 10px}
.tbl_dev .tbl_view .info dd{display:table-cell;float:left;width:auto;height:100%;padding:13px 10px 13px 20px;border-left:1px solid #dcdcdc;word-break:break-all}
*/
/* cross browsing 을 위한 대체 코드*/
.tbl_dev .tbl_view .info dl{display:table-cell;width:50%;height:100%;border-bottom:1px solid #dcdcdc;background:url('../../images/new_okf/common/bg_tbl.png') repeat-y 0 0}
.tbl_dev .tbl_view .info dl:nth-child(even){border-left:1px solid #dcdcdc}
.tbl_dev .tbl_view .info dt{display:table-cell;width:130px;padding:13px 10px}/* width 를 조정할 경우 위의 bg_tbl.png를 수정할 것 for cross browsinge */
.tbl_dev .tbl_view .info dd{display:table-cell;width:auto;padding:13px 10px 13px 20px;word-break:break-all}
.tbl_dev .tbl_view dl:after, .tbl_view .info:after{display:block;content:"";visibility:hidden;clear:both}

/* 0618 from user.css 게시판 내용보기, 첨부파일 관련*/
.tbl_view_file{display:table;width:100%;background:#f4f4f4;border-bottom:1px solid #dcdcdc}
.tbl_view_file dt{display:table-cell;width:16.6%;padding:13px 10px;font-weight:bold;text-align:center;vertical-align:middle}
.tbl_view_file dd{display:table-cell;width:83.4%;background:#fff;border-left:1px solid #dcdcdc;padding:13px 10px}
.tbl_view_file dd a{display:block;line-height:1.8;text-decoration:underline}
.tbl_view_file dd a:before/*,.tbl_view_url dd a:after*/{display:inline-block;content:"";background:url('../../images/new_okf/common/tbl_icon.png') no-repeat 0 0;vertical-align:middle}
.tbl_view_file dd a:before{width:13px;height:15px;margin-right:10px}
/* 0618 from user.css 게시판 내용보기, 타이틀 및 내용 */
.tbl_view_title .title{display:block;width:100%;border-bottom:1px solid #dcdcdc;font-size:16px;font-weight:700;text-align:center}
.tbl_view_title .title span{display:block;padding:22px 10px}
.tbl_view_cnt{padding:30px 15px;border-bottom:1px solid #dcdcdc;line-height:1.5}


.tbl_view1{display:table;position:relative;width:100%;border-top:1px solid #000}
.tbl_view1 .info{display:table-row}
/*
.tbl_view1 .info dl{display:table-cell;background:#f4f4f4;width:50%;height:100%;border-bottom:1px solid #dcdcdc}
.tbl_view1 .info dl:nth-child(even){border-left:1px solid #dcdcdc}
.tbl_view1 .info dt{display:table-cell;float:left;width:33.2%;height:100%;padding:13px 10px}
.tbl_view1 .info dd{display:table-cell;float:left;background:#fff;width:66.8%;height:100%;padding:13px 10px 13px 20px;border-left:1px solid #dcdcdc;word-break:break-all}
*/
/* cross browsing 을 위한 대체 코드*/
.tbl_view1 .info dl{display:table-cell;width:50%;height:100%;border-bottom:1px solid #dcdcdc;background:url('../../images/new_okf/common/bg_tbl.png') repeat-y 0 0}
.tbl_view1 .info dl:nth-child(even){border-left:1px solid #dcdcdc}
.tbl_view1 .info dt{display:table-cell;width:130px;padding:13px 10px}/* width 를 조정할 경우 위의 bg_tbl.png를 수정할 것 for cross browsinge */
.tbl_view1 .info dd{display:table-cell;width:auto;padding:13px 10px 13px 20px;word-break:break-all}


.info1{display:table;position:relative;width:100%;height:100%;border-bottom:1px solid #dcdcdc}
.info1 dl{display:table-row;background:#f4f4f4;width:100%;height:100%}
.info1 dl:nth-child(even){border-left:1px solid #dcdcdc}
.info1 dt{display:table-cell;float:none;width:129px;height:100%;padding:13px 10px;vertical-align:middle}
.info1 dd{display:table-cell;float:none;background:#fff;width:auto;height:100%;padding:13px 10px 13px 20px;border-left:1px solid #dcdcdc;word-break:break-all}
.tbl_view1 dl:after, .tbl_view .info:after, .info1:after{display:block;content:"";visibility:hidden;clear:both}

/* tbl_view - 개설강좌 상세 */
.tit_openclass{border-top:2px solid #6493c8;border-bottom:1px solid #b3c9e0;font-size:16px;text-align:center;font-weight:bold}
.box_class{position:relative;margin-bottom:20px;padding:15px 30px;border-bottom:2px solid #6493c8;vertical-align:top}
.tbl_view.class_view{border-top:1px solid #dcdcdc}
.tbl_view.class_view dt{background:#fdfdfd}
.class_info{display:table-cell;position:relative;width:100%}
.class_info dl{display:table}
.class_info dt,.class_info dd{display:table-cell;vertical-align:middle}
.class_info dd ul li{padding:5px 0 5px 20px}
.class_intro_txt{margin-bottom:30px;line-height:1.6}
.class_info_txt{display:block;padding-left:15px}
.img_class{width:140px;height:93px;border:1px solid #e4e4e4}
.box_info_video{margin:10px 0;padding:10px 15px;border:1px solid #aaa}

/*.banner_wrap{height:145px}*/
.banner_wrap:after{display:block;content:"";visibility:hidden;clear:both}

.btn_tbl_class{display:table-cell;position:relative;vertical-align:middle}
.btn_tbl_class a{display:block;margin-bottom:10px}

/* == tbl_biz, table view basic == */
.tbl_biz{position:relative;width:100%;letter-spacing:-1px}
.tbl_biz:before{position:absolute;top:0;content:"";width:100%;height:0;border-top:1px solid #656565}
.tbl_biz th{padding:13px 10px;border-right:1px solid #dcdcdc;background:#f4f4f4}
.tbl_biz th,.tbl_biz td{border-bottom:1px solid #dcdcdc;font-size:14px;color:#333;text-align:left;vertical-align:middle}
.tbl_biz td{padding:7px 6px 7px 10px}
.tbl_biz th:not(:first-child),.tbl_biz td:not(:first-child){border-left:1px solid #dcdcdc}
.tbl_biz .brd_right{border-right:0 none}
/*.tbl_biz.tbl_biz_view td{padding:13px 10px 13px 20px;line-height:1.5}*/ /* table td 여백 원본 */
.tbl_biz.tbl_biz_view td{padding:7px 6px 7px 10px;line-height:1.5}

/* tbl_person - tbl_biz 사용 */
.tbl_person{}
.tbl_person th{width:110px}
.tbl_person .name_person{margin-right:10px}
.tbl_person .name_person label{display:inline-block;padding-right:20px}

/* tbl_auth_email 가입인증 테이블 - tbl_biz 사용 */
.tbl_auth_email th{width:100px}
.tbl_auth_email:before{border-top-color:#dcdcdc}
.tbl_auth_email .name_person{margin-right:10px}
.tbl_auth_email .name_person label{display:inline-block;padding-right:20px}
.tbl_auth_email .birth select{width:75px}
.tbl_auth_email .birth label{margin:0 5px 0 3px}
/*.tbl_auth_email .month, .tbl_auth_email .day{width:50px}*/
.tbl_auth_email .num_auth{width:100px}

/* 회원정보 관리 테이블 - tbl_biz, table view basic */
.tbl_chg_info th,.tbl_lv_id th{width:110px}
.tbl_chg_info .not_chg{padding-left:30px}
.tbl_chg_info .txt_pw_desc{padding-top:7px}
.tbl_chg_info .txt_level{padding-right:10px}
.tbl_lv_id textarea{margin-bottom:10px}
.tbl_lv_id .num_byte{width:70px;margin:0 5px}

.privacy_agree{margin:15px 0;text-align:center}
.privacy_agree label{display:inline-block;padding-right:10px;vertical-align:middle}

/* 재외동포 지원 사업문의 문의하기 - tbl_biz, table view basic */
.tbl_biz_rqst{}
.tbl_biz_rqst .txt_desc{margin-left:10px}
.tbl_biz_rqst .phone_num{width:80px}
.tbl_biz_rqst .period{width:50px}
.tbl_biz_rqst .full{width:100%}
.tbl_biz_rqst .rqst_sel{width:150px}
.tbl_biz_rqst textarea{height:200px}


/* //== tbl_biz, table view style == */

/* tbl_form - table 입력폼 */
/*.tbl_dev{width:100%;margin-bottom:40px}*/
.tbl_form.group_tbl_view th{width:20%;padding:3px 10px}
.tbl_form.group_tbl_view td{width:auto}
.tbl_form.group_tbl_view td{letter-spacing:-0.5px}
.tbl_form.group_tbl_view .txt_blue{padding:5px 0;color:#1858b2}
.tbl_form.group_tbl_view .btn_item{width:185px}

/* 홈페이지 제작 신청 정보 입력폼 - tbl_form basic */
.hp_input th{width:120px}
.hp_input td{width:auto}


/*.tbl_dev .txt_blue{padding:5px 0;color:#1858b2}*/
.tbl_dev .tbl_desc{display:block;padding:8px 0}
.tbl_dev .brd_left{border-left:1px solid #dcdcdc}
.tbl_dev select{background-color:#f9f9f9}
.tbl_dev textarea{height:200px}

/* tbl_form1 - new table 입력폼 */
.tbl_form1:before{position:absolute;top:0;content:"";background:#000;width:100%;height:1px}
.tbl_form1{position:relative;width:100%;letter-spacing:-1px}
.tbl_form1 th,.tbl_form1 td{border-bottom:1px solid #dcdcdc;font-size:14px;font-weight:400;color:#333;text-align:left;vertical-align:middle}
.tbl_form1 th:not(:first-child),.tbl_form1 td:not(:first-child){border-left:1px solid #dcdcdc}
.tbl_form1 th{background:#f4f4f4;border-right:1px solid #dcdcdc;padding-left:15px}
.tbl_form1 td{padding:7px 6px 7px 10px}
.tbl_form1 th{padding:3px 10px}
.tbl_form1 td{width:auto}
.tbl_form1 td{letter-spacing:-0.5px}
.tbl_form1 select{background-color:#f9f9f9}
.tbl_form1 textarea{height:200px}
.tbl_form1 .txt_blue{padding:5px 0;color:#1858b2}
.tbl_form1 .brd_right{border-right:0 none}
.tbl_form1 .brd_left{border-left:1px solid #dcdcdc}
.tbl_form1+.tbl_desc{display:block;padding:8px 0}

/* mypage popup 2단 입력폼 - tbl_form1 사용 */
.tbl_mng th{width:100px}
.tbl_biz_dn th{width:160px}
/* global popup 2단 입력폼 - tbl_form1 사용 */
.tbl_privacy th{width:20%}

/* member - tbl_form1 사용 */
.tbl_member th{width:160px}

/* 공관 사업접수 관리 */
.txt_mmg_ex{margin-left:10px;vertical-align:middle}
.txt_status{}
.txt_dn_name{font-weight:bold}
.tbl_biz_dn .btn_item{width:120px;text-align:left}
/* //공관 사업접수 관리*/


/* form - radio, checkbox */
/* basic */
.list_form li{display:inline-block;margin-right:5px}
.list_form li label{vertical-align:bottom}
/* //basic */
/*.list_form .form_mmbr{}*/
.list_form.list_mmbr li{margin-right:20px}

.list_form1 li{float:left;width:25%;padding:3px 5px}
.list_form1 li input[type="checkbox"], .list_form1 li input[type="radio"]{float:left}
.list_form1 li label{padding-left:0px;display:table-cell;clear:both}
/*.list_form1 li:nth-child(6n){clear:both}*/


/* == button == */
.btn_tbl_section1{position:relative;margin:10px 0;text-align:right}
.btn_type1_xs,.btn_type1_sm,.btn_type1_md,.btn_type5_sm,.btn_type5_md,
.btn_type6_lg,.btn_type6_xl,.btn_type7_xs,.btn_type7_sm,.btn_type7_md{padding:0 19px;text-align:center;cursor:pointer}
/*
.btn_type1_xs,.btn_type1_sm,.btn_type1_md,.btn_type5_sm,.btn_type5_md,
.btn_type6_lg,.btn_type6_xl,.btn_type7_xs,.btn_type7_sm,.btn_type7_md{cursor:pointer}
*/
.btn_type1_xs{height:26px;line-height:23px;margin:0 3px;border:1px solid #aaa;background:#f2f2f2;font-size:13px}
.btn_type1_sm{height:34px;line-height:30px;margin:0 3px;border:1px solid #aaa;background:#f2f2f2;color:#333 !important}
/* bnt from user.css 통합을 위해서 이름 수정*/
.btn_type1_md{height:40px;line-height:36px;margin:0 3px;border:1px solid #aaa;background:#f2f2f2;color:#333 !important}
/* bnt from user.css 통합을 위해서 이름 수정 끝*/
.btn_type5_sm{height:34px;line-height:32px;margin:0 3px;border:1px solid #1857b2;background:#1857b2;color:#fff !important}
.btn_type5_md{height:40px;line-height:38px;margin:0 3px;border:1px solid #1857b2;background:#1857b2;color:#fff !important}
.btn_type6_lg{height:44px;line-height:42px;border:1px solid #337cc6;background:#337cc6;color:#fff !important;font-size:16px}
.btn_type6_xl{height:68px;line-height:65px;border:1px solid #337cc6;background:#337cc6;color:#fff !important;font-size:16px}
.btn_type7_xs{height:26px;line-height:24px;margin:0 3px;border:1px solid #555555;background:#555555;color:#fff !important}
.btn_type7_sm{height:34px;line-height:32px;margin:0 3px;border:1px solid #555555;background:#555555;color:#fff !important}
.btn_type7_md{height:40px;line-height:38px;margin:0 3px;border:1px solid #555555;background:#555555;color:#fff !important}
.btn_type8_xl{height:50px;line-height:48px;border:1px solid #aaa;background:#f2f2f2;color:#333 !important}
.btn_type8_xl img{margin-top:8px}

.btn_type5_smx{height:34px;line-height:32px;margin:0 3px;border:1px solid #1857b2;background:#1857b2;color:#fff !important;padding:0 7px!important}

.btn_blue{border:1px solid #1858b2}
.btn_red{border:1px solid #d80100}
.btn_orange{border:1px solid #ff9600}

/* icon button */
.btn_search{display:inline-block;width:14px;height:14px;background:url('../../images/new_okf/common/btn_search.png') no-repeat}
.btn_search.btn_sm{margin-top:9px;margin-left:5px}
.btn_date{background:#555 url('../../images/new_okf/common/btn_date.png') no-repeat 50% 50%;width:26px;height:26px;font-size:0;line-height:0;vertical-align:middle}
.btn_date span{display:none}
.btn_spr{display:inline-block;background:url('../../images/new_okf/common/spr_common.png') no-repeat}
.btn_home{width:16px;height:16px;margin:10px 10px 0 0;background-position:-20px -160px}
/* icon button 공통 */
.btn_icon{display:inline-block;content:"";background:url('../../images/new_okf/common/spr_btn_type.png') no-repeat}
/* //icon button 공통 */
.btn_circle{width:26px;height:26px;margin:8px 0 0 10px;background-position:-10px -30px}
.btn_speaker{width:16px;height:16px;margin:10px 10px 0 0;background-position:-60px -10px}
.btn_down{width:16px;height:16px;margin:10px 10px 0 0;background-position:-80px -10px}
.btn_down_w{width:16px;height:16px;margin:10px 10px 0 0;background-position:-100px -10px}
.btn_more_r{float:right;width:26px;height:26px;margin-top:10px;background-position:-80px -30px}
.btn_prev_bn,.btn_next_bn{position:absolute;top:50%;width:38px;height:38px;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.btn_prev_bn{left:10px;background-position:-10px -60px}
.btn_next_bn{right:10px;background-position:-60px -60px}
.btn_excel{width:20px;height:20px;margin:9px 3px 0 0;background-position:-10px -110px}
/* 출석체크 버튼 */
.btn_month_prev{width:28px;height:26px;margin-right:20px;background-position:-110px -30px}
.btn_month_next{width:28px;height:26px;margin-left:20px;background-position:-140px -30px}
/* //출석체크 버튼 */

/* button 나의 강의실 */
.btn_class_not,.btn_class_study,.btn_class_start,.btn_class_on,.btn_class_off,.btn_class_ing,.btn_class_done,.btn_class_again
{width:66px;height:26px;line-height:23px;background:#f2f2f2;font-size:13px;text-align:center}
.btn_class_not{border:1px solid #d90000;color:#d90000 !important}
.btn_class_study{border:1px solid #1857b2;background:#1857b2;color:#fff !important}
.btn_class_start{border:1px solid #545454;background:#545454;color:#fff !important}
.btn_class_on{border:1px solid #1858b2;color:#003f98 !important}
.btn_class_off{border:1px solid #008088;color:#008088 !important}
.btn_class_ing{border:1px solid #1857b2;background:#1857b2;color:#fff !important}
.btn_class_done{border:1px solid #d90000;color:#d90000 !important}
.btn_class_again{border:1px solid #1857b2;background:#1857b2;color:#fff !important}

/* btn mouse over effect */
.btn_type1_sm:hover,.btn_type1_md:hover{color:#fff !important;background:#555}
.btn_type7_sm:hover,.btn_type7_md:hover{color:#fff !important;background:#003b90}
.btn_type1_md:hover > i.btn_down{background-position:-100px -10px}

/* == //button == */

/* icon */
.icon_item{display:inline-block;vertical-align:bottom;content:"";background:url('../../images/new_okf/common/spr_icon_type.png') no-repeat}
.icon_file_add{width:16px;height:16px;margin-right:7px;background-position:-20px -30px}

/* 보안문자 */
.captcha{display:inline-block;vertical-align:middle}
.captcha img{margin-right:10px;width:100px;height:auto}

/* == popup == */
.popup_wrap select,.popup_wrap input[type="text"]{width:auto;height:26px;padding:0 5px;border:1px solid #aaa}
.popup_wrap .header{position:relative;display:block;height:60px;padding:0 15px;background:#0059aa}
.popup_wrap .header h1{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);right:70px;width:140px;height:33px;background:url('../../images/new_okf/common/header_s_logo.png');font-size:0}
.popup_wrap .header h2{float:left;color:#fff;font-size:22px;font-weight:bold;line-height:60px}
.popup_wrap .header .close{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);right:30px;width:20px;height:20px;background:url('../../images/new_okf/common/icon_close_pop.png');font-size:0}
.popup_wrap .container{padding:30px 30px 22px 30px}
.popup_wrap .content{padding:20px 15px}
.popup_wrap .section{width:100%;margin-bottom:30px}
.popup_wrap .section:after{display:block;content:"";visibility:hidden;clear:both}
.popup_wrap .box_type01{text-align:center}
.popup_wrap .box_type02{margin-bottom:0;text-align:center}
.popup_wrap input.num_id{width:50px}
.popup_wrap .txt_id{color:#1858b2;font-weight:bold;text-decoration:underline}
.popup_wrap .txt_id_check{display:block;text-align:center;color:#1858b2;font-weight:bold}
.popup_wrap .tbl_basic{margin-top:-1px}
.popup_wrap .txt_desc_pop{margin-left:10px}
.group_tbl_view th{background:#fafafa;line-height:30px}

.ing_header{position:relative;display:block;padding:10px 15px;border-top:4px solid #0059aa}
.ing_header .close{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);right:30px;width:20px;height:20px;background:url('../../images/new_okf/common/icon_close_pop.png');font-size:0}
.ing_box{margin:10px 15px;padding:40px 30px;background:#efefef}
.ing_txt{padding-top:20px;text-align:center}

/* 재검토~~~~
.search_popup{float:none !important;margin:0 auto}
.search_popup input[type="text"]{width:300px !important}
*/

/* popup - 동영상 */
.video_class{text-align:center}
.video_class video{width:100%;margin-bottom:10px}
.video_smi{width:100%;height:160px;overflow-y:scroll;resize:none}
.mypage_pop{}
.mypage_pop .video_class{margin-bottom:20px}
.mypage_pop .tit_type02{margin-bottom:20px}
.mypage_pop .txt_review{display:block;padding:15px 0;text-align:center}
/* === //popup === */

/* homepage template */
.tbl_dev .template{display:table;width:100%;margin:-7px 0}
.tbl_dev .temp_num{display:table-cell;width:50%}
.tbl_dev .temp_num:after{display:block;content:"";visibility:hidden;clear:both}
.tbl_dev .temp_num li{float:left;margin:6px 15px 6px}
.tbl_dev .temp_num li a{display:block;width:34px;height:34px;background:#eaeaea;border:1px solid #d1d1d1;border-radius:100%;line-height:2.4;text-align:center}
.tbl_dev .temp_num li a.on,
.tbl_dev .temp_num li a:hover,
.tbl_dev .temp_num li a:focus,
.tbl_dev .temp_num li a:active{background:#337cc6;color:#fff}
.tbl_dev .temp_view{display:table-cell;width:50%;vertical-align:top;border-left:1px solid #dcdcdc}
.tbl_dev .txt_temp{display:block;padding:10px 0;border-bottom:1px solid #dcdcdc;text-align:center}
.tbl_dev .temp_img{display:block;margin:17px 0px 17px 17px;vertical-align:middle;text-align:center}
.tbl_dev .temp_img_left{float:left}
.tbl_dev .temp_img_right{float:right}
.tbl_dev .temp_img img{height:140px;cursor:pointer; border: 1px solid lightblue;}
.tbl_dev .temp_img h3{color:#0054a9}

/* 홈페이지 현황*/
.hp_list_wrap:after{display:block;content:"";visibility:hidden;clear:both}
.hp_list_wrap > li{float:left;position:relative;width:50%;margin-bottom:20px}
.hp_list_wrap > li:first-child{padding-right:10px}
.hp_list_wrap > li:last-child{padding-left:10px}
.hp_list_wrap .hp_best,.hp_list_wrap .hp_good{position:relative;border:1px solid #e0e0e0;clear:both}
.hp_list_wrap dt{padding:10px;border-bottom:1px solid #e0e0e0}
.hp_list_wrap dd{display:inline-block;padding:10px}
.hp_list_wrap .txt_best,.hp_list_wrap .txt_good{display:inline-block;width:65px;line-height:25px;text-align:center;color:#fff}
.hp_list_wrap .txt_best{margin-right:10px;background:#337cc6}
.hp_list_wrap .txt_good{background:#e59613}
.hp_list_wrap .best_info{margin-left:155px;vertical-align:middle}
.hp_list_wrap .best_info li{line-height:25px}
.hp_list_wrap .best_info li span{display:block;padding-left:20px}
/*.hp_list_wrap .best_info li:before,.hp_list_wrap .good_link:before{display:inline-block;padding:0 8px;font-weight:bold;content:"·"}*/
.hp_list_wrap .best_link{color:#1d63aa;font-size:16px;font-weight:bold}
.hp_list_wrap .good_link{display:block;line-height:25px}
.hp_list_wrap .img_best{float:left;width:145px;height:100px}

/* 글로벌코리안 - 재외동포단체 및 인물 찾기 */
.global_form{width:100%}
.global_form1{width:61%; margin-top:3px; margin-right: 10px;}
.search_list_wrap:after, .search_list_wrap .group_wrap:after{display:block;content:"";visibility:hidden;clear:both}
.group_map{height:330px;line-height:330px;margin:35px 40px 0 40px;border:1px solid #dcdcdc;background:#ededed;text-align:center}
.map_google{padding:0 35px}

/*.search_list_wrap:not(:nth-child(2n)){clear:both}*/
/*.search_list_wrap .group_wrap{padding:15px;border:1px solid #e0e0e0}*/
.search_list_wrap .group_wrap{display:table-cell;padding:15px;border:1px solid #e0e0e0}
.search_list_wrap > li{float:left;position:relative;width:50%;margin-bottom:10px}
.search_list_wrap > li:nth-child(odd){padding-right:10px}
.search_list_wrap > li:nth-child(even){padding-left:10px}
.on_list .btn_item{display:none}
.search_list_wrap .group_wrap > a{display:block;}

.search_list_wrap .group_name{padding-bottom:10px;font-size:16px;font-weight:bold}
.search_list_wrap .persion_name{padding-bottom:10px;font-size:16px;font-weight:bold}
.search_list_wrap .group_info{/*margin-left:130px;*/vertical-align:middle}
.search_list_wrap .group_info li{line-height:25px}
.search_list_wrap .group_info li span{display:block;/*padding-left:20px; white-space:nowrap;*/ overflow:hidden;text-overflow:ellipsis}
.search_agree{margin:10px 0}
.img_group{float:left;width:120px;height:105px;margin-right:15px}/*margin-right 추가*/
.img_group_photo{width:190px;height:230px;border:1px solid #e4e4e4;}
.group_tbl_view .prsn_photo {width:190px; border:1px solid #e4e4e4;}
.prsn_photo .img_group_photo{width:160px;height:185px;border:1px solid #e4e4e4;}

/* 글로벌코리안 - 세계한인회총람 */
.search_haninList_wrap:after, .search_haninList_wrap .group_wrap:after{display:block;content:"";visibility:hidden;clear:both}
.search_haninList_wrap > li{float:left;position:relative;width:100%;margin-bottom:10px;padding-right:10px}
.search_haninList_wrap .group_wrap{/*display:table-cell;*/padding:15px;border:1px solid #e0e0e0}
.search_haninList_wrap .group_wrap > a{display:block;}
.search_haninList_wrap .prsn_photo{float: left; margin-right: 30px;}
.search_haninList_wrap .group_info_block{float: inherit; }
.search_haninList_wrap .group_name{padding-bottom:10px;font-size:16px;font-weight:bold}
.search_haninList_wrap .group_info{/*margin-left:130px;*/vertical-align:middle}
.search_haninList_wrap .group_info li{line-height:25px}
.search_haninList_wrap .group_info li span{display:block;/*padding-left:20px; white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis; word-break: break-all;}
.search_haninList_wrap .img_group_photo{width:130px;height:140px;border:1px solid #e4e4e4;}

/* 글로벌코리안 - 단체총람 - 사진제외 */
.search_excludPhoto_wrap:after, .search_excludPhoto_wrap .group_wrap:after{display:block;content:"";visibility:hidden;clear:both}
.search_excludPhoto_wrap > li{float:left;position:relative;width:100%;margin-bottom:10px;padding-right:10px}
.search_excludPhoto_wrap .group_wrap{display:table-cell;padding:15px;border:1px solid #e0e0e0}
.search_excludPhoto_wrap .group_wrap > a{display:block;}
.search_excludPhoto_wrap .group_info_block{float: left; margin-left: 15px;}
.search_excludPhoto_wrap .group_name{padding-bottom:10px;font-size:16px;font-weight:bold}
.search_excludPhoto_wrap .group_info{/*margin-left:130px;*/vertical-align:middle}
.search_excludPhoto_wrap .group_info li{line-height:25px}
.search_excludPhoto_wrap .group_info li span{display:block;/*padding-left:20px;*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* map_area from user.css */
.map_box{margin:20px 0}
.map_box h5{padding-bottom:5px;border-bottom:1px solid #000;font-size:17px}
.map_area{position:relative;width:740px}
/*.map_area.map_area_all{border-top:1px solid #000} from user.css */
/*.map_area.map_area_all{margin:0 auto}*/

.map_name_wrap{}
.map_name_wrap a{position:absolute;font-size:13px;font-weight:700;letter-spacing:-1px}
.map_name_wrap.map_name_all{background:url('../../images/new_okf/global/img_map_all.jpg') no-repeat 0 0;width:740px;height:454px}
.map_name_wrap.map_name_all a{border-radius:3px;padding:10px 15px;font-size:14px;color:#fff}
.map_name_wrap.map_name_cis{background:url('../../images/new_okf/global/img_map_cis.jpg') no-repeat 0 0;width:740px;height:635px}
.map_name_wrap.map_name_cis a{color:#684624}
.map_name_wrap.map_name_sa{background:url('../../images/new_okf/global/img_map_sa.jpg') no-repeat 0 0;width:740px;height:665px}
.map_name_wrap.map_name_sa  a{color:#3d5e31}
.map_name_wrap.map_name_na{background:url('../../images/new_okf/global/img_map_na.jpg') no-repeat 0 0;width:740px;height:666px}
.map_name_wrap.map_name_na a{color:#3c4556}
.map_name_wrap.map_name_eu{background:url('../../images/new_okf/global/img_map_eu.jpg') no-repeat 0 0;width:740px;height:640px}
.map_name_wrap.map_name_eu a{color:#000}
.map_name_wrap.map_name_ana{background:url('../../images/new_okf/global/img_map_ana.jpg') no-repeat 0 0;width:740px;height:650px}
.map_name_wrap.map_name_ana a{color:#54486e}
.map_name_wrap.map_name_cdo{background:url('../../images/new_okf/global/img_map_cdo.jpg') no-repeat 0 0;width:740px;height:630px}
.map_name_wrap.map_name_cdo a{color:#4c2e0a}
.map_name_wrap a:hover,.map_name_wrap a:focus,.map_name_wrap a:active{background:#da5700;color:#fff}
/* 대륙전체 */
.map_name_wrap .map_all_cis{background:#b9341f;top:144px;left:190px}
.map_name_wrap .map_all_eu{background:#1f5788;top:187px;left:54px}
.map_name_wrap .map_all_cdo{background:#9a5b0c;top:299px;left:43px}
.map_name_wrap .map_all_ana{background:#84517c;top:239px;left:182px}
.map_name_wrap .map_all_na{background:#348eb1;top:157px;right:173px}
.map_name_wrap .map_all_sa{background:#3b7b53;top:353px;right:82px}
/* 독립국가연합(CIS) */
.map_name_wrap .map_cis_russia{top:151px;left:344px}
.map_name_wrap .map_cis_belarus{top:223px;left:47px}
.map_name_wrap .map_cis_ukraine{top:280px;left:93px}
.map_name_wrap .map_cis_moldova{top:329px;left:78px}
.map_name_wrap .map_cis_gruziya{top:400px;left:223px}
.map_name_wrap .map_cis_armenia{top:427px;left:210px}
.map_name_wrap .map_cis_azerbaijan{top:421px;left:280px}
.map_name_wrap .map_cis_kazakhstan{top:300px;left:479px}
.map_name_wrap .map_cis_uzbekistan{top:394px;left:410px}
.map_name_wrap .map_cis_turkmenistan{top:436px;left:371px}
.map_name_wrap .map_cis_kirgystan{top:408px;left:560px}
.map_name_wrap .map_cis_tadzhikistan{top:453px;left:515px}
/* 독립국가연합 추가 DB 관련 */
.map_name_wrap .map_cdo_georgia{text-indent:-999px}

/* 남아메리카 */
.map_name_wrap .map_sa_martinique{top:68px;left:121px}
.map_name_wrap .map_sa_guadeloupe{top:86px;left:121px}
.map_name_wrap .map_sa_guatemala{top:57px;left:188px}
.map_name_wrap .map_sa_belize{top:46px;left:238px}
.map_name_wrap .map_sa_honduras{top:69px;left:245px}
.map_name_wrap .map_sa_es{top:88px;left:192px}
.map_name_wrap .map_sa_nicaragua{top:86px;left:258px}
.map_name_wrap .map_sa_cr{top:109px;left:220px}
.map_name_wrap .map_sa_panama{top:121px;left:284px}
.map_name_wrap .map_sa_bahamas{top:0;left:285px}
.map_name_wrap .map_sa_cuba{top:11px;left:262px}
.map_name_wrap .map_sa_haiti{top:30px;left:270px}
.map_name_wrap .map_sa_turks{top:25px;left:309px}
.map_name_wrap .map_sa_jamaica{top:53px;left:299px}
.map_name_wrap .map_sa_vi{top:58px;left:353px}
.map_name_wrap .map_sa_dr{top:73px;left:313px}
.map_name_wrap .map_sa_pr{top:0;left:395px}
.map_name_wrap .map_sa_sb{top:15px;left:404px}
.map_name_wrap .map_sa_ms{top:29px;left:411px}
.map_name_wrap .map_sa_ai{top:46px;left:418px}
.map_name_wrap .map_sa_aruba{top:0;left:531px}
.map_name_wrap .map_sa_antilles{top:14px;left:531px}
.map_name_wrap .map_sa_svg{top:60px;left:552px}
.map_name_wrap .map_sa_sm{top:75px;left:552px}
.map_name_wrap .map_sa_sl{top:90px;left:552px}
.map_name_wrap .map_sa_skn{top:105px;left:552px}
.map_name_wrap .map_sa_tt{top:120px;left:552px}
.map_name_wrap .map_sa_barbados{top:166px;left:148px}
.map_name_wrap .map_sa_grenada{top:181px;left:148px}
.map_name_wrap .map_sa_ab{top:202px;left:185px}
.map_name_wrap .map_sa_brv{top:131px;left:385px}
.map_name_wrap .map_sa_guyana{top:144px;left:439px}
.map_name_wrap .map_sa_guiana{top:154px;left:492px}
.map_name_wrap .map_sa_colombia{top:152px;left:330px}
.map_name_wrap .map_sa_ecuador{top:188px;left:274px}
.map_name_wrap .map_sa_peru{top:250px;left:322px}
.map_name_wrap .map_sa_bolivia{top:297px;left:396px}
.map_name_wrap .map_sa_brazil{top:260px;left:510px}
.map_name_wrap .map_sa_paraguay{top:353px;left:435px}
.map_name_wrap .map_sa_uruguay{top:426px;left:450px}
.map_name_wrap .map_sa_chile{top:414px;left:336px}
.map_name_wrap .map_sa_argentina{top:467px;left:379px}
.map_name_wrap .map_sa_fi{top:584px;left:447px}
.map_name_wrap .map_sa_ss{top:611px;left:478px}
.map_name_wrap .map_sa_bbd{top:611px;left:670px}
/* 남아메리카 추가 DB 관련 */
.map_name_wrap .map_sa_suriname{text-indent:-999px}
.map_name_wrap .map_sa_de_dr{text-indent:-999px}

/* 유럽 */
.map_name_wrap .map_eu_iceland{top:162px;left:42px}
.map_name_wrap .map_eu_fi{top:226px;left:114px}
.map_name_wrap .map_eu_ireland{top:376px;left:133px}
.map_name_wrap .map_eu_uk{top:387px;left:218px}
.map_name_wrap .map_eu_iom{top:379px;left:185px}
.map_name_wrap .map_eu_gi{top:432px;left:189px}
.map_name_wrap .map_eu_sweden{top:167px;left:378px}
.map_name_wrap .map_eu_norway{top:213px;left:303px}
.map_name_wrap .map_eu_si{top:232px;left:452px}
.map_name_wrap .map_eu_jm{top:232px;left:503px}
.map_name_wrap .map_eu_rom{top:230px;left:298px}
.map_name_wrap .map_eu_ai{top:211px;left:401px}
.map_name_wrap .map_eu_fl{top:173px;left:477px}
.map_name_wrap .map_eu_estonia{top:283px;left:431px}
.map_name_wrap .map_eu_latvia{top:312px;left:440px}
.map_name_wrap .map_eu_lithuania{top:336px;left:416px}
.map_name_wrap .map_eu_nl{top:399px;left:254px}
.map_name_wrap .map_eu_belgium{top:423px;left:252px}
.map_name_wrap .map_eu_france{top:469px;left:227px}
.map_name_wrap .map_eu_geneva{top:490px;left:263px}
.map_name_wrap .map_eu_lb{top:443px;left:272px}
.map_name_wrap .map_eu_pol{top:451px;left:147px}
.map_name_wrap .map_eu_denmark{top:322px;left:319px}
.map_name_wrap .map_eu_germany{top:406px;left:319px}
.map_name_wrap .map_eu_austria{top:456px;left:341px}
.map_name_wrap .map_eu_sl{top:470px;left:305px}
.map_name_wrap .map_eu_czech{top:423px;left:367px}
.map_name_wrap .map_eu_pl{top:384px;left:399px}
.map_name_wrap .map_eu_slovakia{top:437px;left:392px}
.map_name_wrap .map_eu_hungary{top:463px;left:406px}
.map_name_wrap .map_eu_slovenia{top:476px;left:128px}
.map_name_wrap .map_eu_bah{top:501px;left:83px}
.map_name_wrap .map_eu_croatia{top:479px;left:379px}
.map_name_wrap .map_eu_serbia{top:479px;left:453px}
.map_name_wrap .map_eu_romania{top:435px;left:506px}
.map_name_wrap .map_eu_macedonia{top:522px;left:456px}
.map_name_wrap .map_eu_bulgaria{top:516px;left:570px}
.map_name_wrap .map_eu_montenegro{top:526px;left:370px}
.map_name_wrap .map_eu_albania{top:548px;left:413px}
.map_name_wrap .map_eu_greece{top:576px;left:431px}
.map_name_wrap .map_eu_roc{top:563px;left:488px}
.map_name_wrap .map_eu_turkey{top:565px;left:565px}
.map_name_wrap .map_eu_andorra{top:523px;left:199px}
.map_name_wrap .map_eu_monaco{top:518px;left:256px}
.map_name_wrap .map_eu_spain{top:559px;left:193px}
.map_name_wrap .map_eu_portugal{top:554px;left:138px}
.map_name_wrap .map_eu_gibraltar{top:593px;left:150px}
.map_name_wrap .map_eu_italy{top:494px;left:307px}
.map_name_wrap .map_eu_sm{top:524px;left:306px}
.map_name_wrap .map_eu_sdcdv{top:545px;left:337px}
.map_name_wrap .map_eu_malta{bottom:20px;left:334px}
/* 유럽 추가 DB 관련 */
.map_name_wrap .map_eu_monte{text-indent:-999px}
.map_name_wrap .map_eu_sg{text-indent:-999px}
.map_name_wrap .map_eu_cm{text-indent:-999px}
.map_name_wrap .map_eu_tdc{text-indent:-999px}

/* 북아메리카 */
.map_name_wrap .map_na_canada{top:252px;left:348px}
.map_name_wrap .map_na_usa{top:397px;left:403px}
.map_name_wrap .map_na_mexico{bottom:158px;left:398px}
.map_name_wrap .map_na_ci{bottom:169px;left:456px}
.map_name_wrap .map_na_bermuda{bottom:213px;right:161px}
.map_name_wrap .map_na_spm{top:295px;right:34px}
.map_name_wrap .map_na_gi{top:158px;right:25px}
/* 북아메리카 추가 DB 관련 */
.map_name_wrap .map_na_martin{text-indent:-999px}
.map_name_wrap .map_na_clipper{text-indent:-999px}
.map_name_wrap .map_na_curacao{text-indent:-999px}
.map_name_wrap .map_na_{text-indent:-999px}

/* 아시아대양주 */
.map_name_wrap .map_ana_mongolia{top:45px;left:215px}
.map_name_wrap .map_ana_china{top:131px;left:199px}
.map_name_wrap .map_ana_afghanistan{top:132px;left:12px}
.map_name_wrap .map_ana_pakistan{top:164px;left:12px}
.map_name_wrap .map_ana_india{top:218px;left:69px}
.map_name_wrap .map_ana_nepal{top:164px;left:109px}
.map_name_wrap .map_ana_bhutan{top:169px;left:150px}
.map_name_wrap .map_ana_bangladesh{top:201px;left:125px}
.map_name_wrap .map_ana_rum{top:188px;left:183px}
.map_name_wrap .map_ana_sl{top:292px;left:106px}
.map_name_wrap .map_ana_maldives{top:314px;left:15px}
.map_name_wrap .map_ana_laos{top:225px;left:212px}
.map_name_wrap .map_ana_tl{top:247px;left:199px}
.map_name_wrap .map_ana_cambodia{top:268px;left:202px}
.map_name_wrap .map_ana_vietnam{top:257px;left:247px}
.map_name_wrap .map_ana_malaysia{top:310px;left:212px}
.map_name_wrap .map_ana_singapore{top:330px;left:214px}
.map_name_wrap .map_ana_macau{top:202px;left:255px}
.map_name_wrap .map_ana_hk{top:221px;left:279px}
.map_name_wrap .map_ana_taiwan{top:196px;left:336px}
.map_name_wrap .map_ana_philippines{top:248px;left:337px}
.map_name_wrap .map_ana_dprk{top:95px;left:350px}
.map_name_wrap .map_ana_rk{top:125px;left:355px}
.map_name_wrap .map_ana_japan{top:130px;left:412px}
.map_name_wrap .map_ana_cl{top:378px;left:163px}
.map_name_wrap .map_ana_cocos{bottom:214px;left:128px}
.map_name_wrap .map_ana_hlml{bottom:105px;left:53px}
.map_name_wrap .map_ana_indonesia{top:358px;left:320px}
.map_name_wrap .map_ana_palau{top:325px;left:360px}
.map_name_wrap .map_ana_et{top:393px;left:348px}
.map_name_wrap .map_ana_australia{bottom:145px;left:380px}
.map_name_wrap .map_ana_png{top:376px;left:450px}
.map_name_wrap .map_ana_micronesia{top:341px;left:394px}
.map_name_wrap .map_ana_nm{top:224px;left:492px}
.map_name_wrap .map_ana_guam{top:255px;left:440px}
.map_name_wrap .map_ana_saipan{top:271px;right:228px}
.map_name_wrap .map_ana_nauru{bottom:255px;right:152px}
.map_name_wrap .map_ana_vanuatu{bottom:208px;right:168px}
.map_name_wrap .map_ana_fiji{bottom:203px;right:121px}
.map_name_wrap .map_ana_nc{bottom:165px;right:129px}
.map_name_wrap .map_ana_norfolk{bottom:142px;right:137px}
.map_name_wrap .map_ana_nz{bottom:61px;right:107px}
.map_name_wrap .map_ana_mi{bottom:281px;right:92px}
.map_name_wrap .map_ana_wf{bottom:297px;right:5px}
.map_name_wrap .map_ana_polynesia{bottom:277px;right:5px}
.map_name_wrap .map_ana_karabash{bottom:260px;right:45px}
.map_name_wrap .map_ana_tokelau{bottom:243px;right:15px}
.map_name_wrap .map_ana_tuvalu{bottom:235px;right:73px}
.map_name_wrap .map_ana_ws{bottom:216px;right:47px}
.map_name_wrap .map_ana_samoa{bottom:191px;right:50px}
.map_name_wrap .map_ana_tonga{bottom:163px;right:63px}
.map_name_wrap .map_ana_ni{bottom:205px;right:5px}
.map_name_wrap .map_ana_gn{bottom:180px;right:0}
.map_name_wrap .map_ana_pi{bottom:155px;right:0}
.map_name_wrap .map_ana_cook{bottom:130px;right:25px}
/* 아시아대양주 추가 DB 관련 */
.map_name_wrap .map_ana_diego{text-indent:-999px}
.map_name_wrap .map_ana_marshall{text-indent:-999px}
.map_name_wrap .map_ana_us{text-indent:-999px}
.map_name_wrap .map_ana_brunei{text-indent:-999px}
.map_name_wrap .map_ana_solomon{text-indent:-999px}
.map_name_wrap .map_ana_am_samoa{text-indent:-999px}
.map_name_wrap .map_ana_kiribati{text-indent:-999px}

/* 중동아프리카 */
.map_name_wrap .map_cdo_lebanon{top:20px;right:228px}
.map_name_wrap .map_cdo_israel{top:35px;right:228px}
.map_name_wrap .map_cdo_palestine{top:50px;right:228px}
.map_name_wrap .map_cdo_jordan{top:63px;right:206px}
.map_name_wrap .map_cdo_syria{top:15px;right:184px}
.map_name_wrap .map_cdo_sa{top:124px;right:113px}
.map_name_wrap .map_cdo_yemen{top:193px;right:123px}
.map_name_wrap .map_cdo_iraq{top:27px;right:143px}
.map_name_wrap .map_cdo_iran{top:50px;right:60px}
.map_name_wrap .map_cdo_kuwait{top:71px;right:123px}
.map_name_wrap .map_cdo_bahrain{top:90px;right:92px}
.map_name_wrap .map_cdo_qatar{top:105px;right:75px}
.map_name_wrap .map_cdo_uae{top:120px;right:20px}
.map_name_wrap .map_cdo_oman{top:150px;right:50px}
.map_name_wrap .map_cdo_morocco{top:38px;left:150px}
.map_name_wrap .map_cdo_algeria{top:76px;left:224px}
.map_name_wrap .map_cdo_tunisia{top:24px;left:288px}
.map_name_wrap .map_cdo_libya{top:85px;left:345px}
.map_name_wrap .map_cdo_egypt{top:96px;left:443px}
.map_name_wrap .map_cdo_ws{top:110px;left:74px}
.map_name_wrap .map_cdo_mauritania{top:152px;left:112px}
.map_name_wrap .map_cdo_senegal{top:206px;left:90px}
.map_name_wrap .map_cdo_rtg{top:207px;left:43px}
.map_name_wrap .map_cdo_gb{top:224px;left:36px}
.map_name_wrap .map_cdo_cv{top:179px;left:0}
.map_name_wrap .map_cdo_mali{top:165px;left:186px}
.map_name_wrap .map_cdo_guinea{top:235px;left:108px}
.map_name_wrap .map_cdo_sl{top:255px;left:68px}
.map_name_wrap .map_cdo_liberia{top:272px;left:110px}
.map_name_wrap .map_cdo_rcd{top:250px;left:140px}
.map_name_wrap .map_cdo_ghana{top:266px;left:196px}
.map_name_wrap .map_cdo_bf{top:210px;left:175px}
.map_name_wrap .map_cdo_benin{top:252px;left:217px}
.map_name_wrap .map_cdo_togo{top:237px;left:230px}
.map_name_wrap .map_cdo_nigeria{top:249px;left:252px}
.map_name_wrap .map_cdo_niger{top:171px;left:286px}
.map_name_wrap .map_cdo_chad{top:189px;left:354px}
.map_name_wrap .map_cdo_sudan{top:198px;left:447px}
.map_name_wrap .map_cdo_eritrea{top:185px;right:157px}
.map_name_wrap .map_cdo_cameroon{top:281px;left:293px}
.map_name_wrap .map_cdo_car{top:271px;left:334px}
.map_name_wrap .map_cdo_ethiopia{top:259px;right:159px}
.map_name_wrap .map_cdo_somalia{top:286px;right:116px}
.map_name_wrap .map_cdo_djibouti{top:230px;right:137px}
.map_name_wrap .map_cdo_stp{top:300px;left:184px}
.map_name_wrap .map_cdo_eg{top:316px;left:265px}
.map_name_wrap .map_cdo_gabon{top:330px;left:297px}
.map_name_wrap .map_cdo_zaire{top:350px;left:319px}
.map_name_wrap .map_cdo_rtc{top:325px;left:397px}
.map_name_wrap .map_cdo_rwanda{top:322px;left:440px}
.map_name_wrap .map_cdo_uganda{top:304px;left:466px}
.map_name_wrap .map_cdo_burundi{top:342px;left:439px}
.map_name_wrap .map_cdo_kenya{top:312px;right:208px}
.map_name_wrap .map_cdo_angola{bottom:187px;left:342px}
.map_name_wrap .map_cdo_zambia{bottom:178px;left:406px}
.map_name_wrap .map_cdo_tanzania{bottom:248px;right:215px}
.map_name_wrap .map_cdo_malawi{bottom:205px;right:213px}
.map_name_wrap .map_cdo_namibia{bottom:126px;left:337px}
.map_name_wrap .map_cdo_botswana{bottom:117px;left:390px}
.map_name_wrap .map_cdo_zimbabwe{bottom:144px;left:433px}
.map_name_wrap .map_cdo_mozambique{bottom:164px;right:204px}
.map_name_wrap .map_cdo_rsa{bottom:36px;left:373px}
.map_name_wrap .map_cdo_lesotho{bottom:64px;right:264px}
.map_name_wrap .map_cdo_swaziland{bottom:97px;right:202px}
.map_name_wrap .map_cdo_seychelles{bottom:246px;right:102px}
.map_name_wrap .map_cdo_comoros{bottom:223px;right:150px}
.map_name_wrap .map_cdo_myt{bottom:200px;right:140px}
.map_name_wrap .map_cdo_madagascar{bottom:147px;right:86px}
.map_name_wrap .map_cdo_mauritius{bottom:147px;right:29px}
.map_name_wrap .map_cdo_reunion{bottom:115px;right:45px}
.map_name_wrap .map_cdo_iot{bottom:194px;right:0}
.map_name_wrap .map_cdo_sh{bottom:175px;left:45px}
/* 중동아프리카 추가 DB 관련 */
.map_name_wrap .map_cdo_ascension{text-indent:-999px}
.map_name_wrap .map_cdo_de_congo{text-indent:-999px}
.map_name_wrap .map_cdo_congo{text-indent:-999px}
.map_name_wrap .map_cdo_rss{text-indent:-999px}
.map_name_wrap .map_cdo_canarias{text-indent:-999px}

/* gallery_type from user.css*/
.gallery_box{margin:20px 0}
.gallery_box ul{margin-top:15px}
.gallery_box ul:after{display:block;content:"";visibility:hidden;clear:both}
.gallery_box li{float:left;width:160px;margin-right:36px}
.gallery_box li:last-child{margin-right:0}
.gallery_box a,.gallery_box span,.gallery_box img,.gallery_box em{display:block}
.gallery_box a{width:160px}
.gallery_box span{height:140px;margin-bottom:13px}
.gallery_box em{width:100%;height:38px;line-height:1.4;letter-spacing:-1px;white-space:normal;overflow:hidden}
.gallery_box .img img{width:100%;height:100%}

/* gallery_type1 from user.css */
/*
.gallery_type1{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.gallery_type1 ul{text-align:center}
.gallery_type1 ul:after{display:block;content:"";visibility:hidden;clear:both}
.gallery_type1 li{float:left;width:24%;padding:3% 3% !important;text-align:left}
.gallery_type1 a,.gallery_type1 span,.gallery_type1 img,.gallery_type1 strong,.gallery_type1 em{display:block}
.gallery_type1 a{width:160px;margin:0 auto}
*/
/*.gallery_type1 span{width:100%;height:140px;margin-bottom:13px} img로 통합 06.09. kameo */
/*
.gallery_type1 strong{width:100%;height:38px;line-height:1.4;letter-spacing:-1px;white-space:normal;overflow:hidden}
.gallery_type1 em{margin-top:5px}
.gallery_type1 em.blt:before{display:inline-block;content:"";background:#666;width:5px;height:1px;margin-right:3px;vertical-align:middle}
.gallery_type1 .img{width:100%;height:140px;margin-bottom:13px;overflow:hidden}
.gallery_type1 .img img{width:100%;height:100%}
*/
/* 06.09. kameo 수정 */

/* gallery_type1 from user.css - 0809 KHJ */
.gallery_type1{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.gallery_type1 ul{text-align:center}
.gallery_type1 ul:after{display:block;content:"";visibility:hidden;clear:both}
/*0809*/.gallery_type1 li{display:inline-block;width:180px;padding:20px 10px;text-align:center;}
.gallery_type1 a,.gallery_type1 span,.gallery_type1 img,.gallery_type1 strong,.gallery_type1 em{display:block}
.gallery_type1 a{width:160px;margin:0 auto}
.gallery_type1 strong{width:100%;height:38px;line-height:1.4;letter-spacing:-1px;white-space:normal;overflow:hidden}
.gallery_type1 em{margin-top:5px}
.gallery_type1 em.blt:before{display:inline-block;content:"";background:#666;width:5px;height:1px;margin-right:3px;vertical-align:middle}
/*0809*/.gallery_type1 .img{width: 100%;height:97px;margin-bottom:13px;overflow:hidden;text-align:center;border:1px solid #eee;background-color:#f7f7f7;}
/*0809*/.gallery_type1 .img img{max-width:100%;min-height:100%;width:100%;height:auto;}
/*0809*/.gallery_type1 .img img{
position:relative;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-web-kit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
/* 0809 KHJ 수정 */

/* 코리안 웨이브 게시판 from user.css */
/* gallery_type2 */
.gallery_type2{margin-top:20px;border-bottom:1px solid #dcdcdc}
.gallery_type2 li{/*margin:0 15px 20px 15px*/height:130px;margin-bottom:20px}
.gallery_type2 li:after{display:block;content:"";visibility:hidden;clear:both}
.gallery_type2 a,.gallery_type2 span{display:block}
.gallery_type2 a{padding:0 15px}
.gallery_type2 span{float:left;border:1px solid #ddd;width:130px;height:130px;margin-right:20px}
.gallery_type2 span img{width:100%;height:100%}
.gallery_type2 dl{padding-top:9px}
.gallery_type2 dt{margin-bottom:11px;font-size:15px;font-weight:700;color:#333}
.gallery_type2 .con{letter-spacing:-1px;height:4.2em;line-height:1.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.gallery_type2 .date{margin-top:10px}

/* 코리안 웨이브 게시판 from user.css */
/* gallery_type4 */
.gallery_type4{border-bottom:1px solid #dcdcdc}
.gallery_type4 ul:after, .gallery_type4 li:after{display:block;content:"";visibility:hidden;clear:both}
.gallery_type4 li{float:left;width:50%;margin-bottom:20px}
.gallery_type4 a,.gallery_type4 span{display:block}
.gallery_type4 a{padding:0 15px}
.gallery_type4 span{float:left;border:1px solid #ddd;width:130px;height:130px;margin-right:20px}
.gallery_type4 span img{width:100%;height:100%}
.gallery_type4 dl{padding-top:20px}
.gallery_type4 dt{margin-bottom:8px;font-size:15px;font-weight:700;color:#333}
.gallery_type4 .con{height:4.2em;line-height:1.4;letter-spacing:-1px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.gal_type1{position:relative;padding-top:20px;border-top:1px solid #dcdcdc}

/* 코리안 웨이브 대한민국 구석구석 추가 */
.travel_select{width:200px}
.tit_travel{margin:15px 0 10px;padding:10px 15px 10px;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;background:#ededed;font-size:16px;font-weight:bold}
.tit_course{margin:0 0 10px 15px;font-weight:bold}
.travel_cnt{margin-left:15px}
.travel_cnt dt,.travel_cnt dd{display:inline-block;vertical-align:top}
.img_travel{position:relative;margin:10px 0;left:50%;transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0)}

/* 영상역사관 추가 2017.06.26 kameo */
.page_info_box1 .page_box{display:block;position:relative;width:140px;height:130px;margin:0 25px 0 20px;border:1px solid #ddd;background:#fff;text-align:center}
.page_info_box1 .page_box img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}


/* 분류 영역 from user.css */
.category_list{border:1px solid transparent;border-top-color:#ddd;border-bottom-color:#ddd;margin-bottom:15px}
.category_list ul{width:100%;padding:16px;line-height:1.7}
.category_list ul:after{display:block;content:"";visibility:hidden;clear:both}
.category_list li{display:inline-block;width:19%;padding:0 5px 0 10px;vertical-align:top;background:url(../../images/new_okf/common/bul.gif) no-repeat 0 10px}
.category_list li:nth-child(5n){width:20%}
/*.category_list li a:before{display:inline-block;content:""}*/
.category_list li a.on{font-weight:bold}

.category_list2{border:1px solid transparent;border-top-color:#ddd;border-bottom-color:#ddd;margin-bottom:15px}
.category_list2 ul{width:100%;padding:14px;line-height:1.7}
.category_list2 ul:after{display:block;content:"";visibility:hidden;clear:both}
.category_list2 li{display:inline-block;width:20.6%;padding:0 4px 0 10px;vertical-align:top;background:url(../../images/new_okf/common/bul.gif) no-repeat 0 10px}
.category_list2 li:nth-child(5n+1){width:14.5%}
.category_list2 li a.on{font-weight:bold}

/* tbl_view from user.css 원본 */
.travel .tbl_view{position:relative;width:100%;border-top:1px solid #000}
.travel .tbl_view dl:after{display:block;content:"";visibility:hidden;clear:both}
.travel .tbl_view .tbl_view_title .title{display:block;width:100%;border-bottom:1px solid #dcdcdc;font-size:16px;font-weight:700;text-align:center}
.travel .tbl_view .tbl_view_title .title span{display:block;padding:22px 0}
/*
.travel .tbl_view .tbl_view_title .info1{border-bottom:1px solid #dcdcdc}
.travel .tbl_view .tbl_view_title .info1:after{display:block;content:"";visibility:hidden;clear:both}
.travel .tbl_view .tbl_view_title .info1 dl{float:left;width:33.3%}
.travel .tbl_view .tbl_view_title .info1 dt{float:left;background:#f4f4f4;width:50%;border-right:1px solid #dcdcdc;padding:13px 0;font-weight:700;text-align:center}
.travel .tbl_view .tbl_view_title .info1 dl:nth-child(1) dd,.tbl_view .tbl_view_title .info1 dl:nth-child(2) dd{border-right:1px solid #dcdcdc}
.travel .tbl_view .tbl_view_title .info1 dd{float:left;width:50%;padding:13px 0 13px 20px}
*/
.travel .tbl_view .tbl_view_title .info2{border-bottom:1px solid #dcdcdc}
.travel .tbl_view .tbl_view_title .info2:after{display:block;content:"";visibility:hidden;clear:both}
.travel .tbl_view .tbl_view_title .info2 dl{float:left;width:50%}
.travel .tbl_view .tbl_view_title .info2 dt{float:left;background:#f4f4f4;width:40%;border-right:1px solid #dcdcdc;padding:13px 0;font-weight:700;text-align:center}
.travel .tbl_view .tbl_view_title .info2 dl:nth-child(1) dd{border-right:1px solid #dcdcdc}
.travel .tbl_view .tbl_view_title .info2 dd{float:left;width:60%;padding:13px 0 13px 20px}
.travel .tbl_view .tbl_view_cnt{padding:30px 15px;border-bottom:1px solid #dcdcdc}
.travel .tbl_view .tbl_view_cnt .img{margin-bottom:50px}
.travel .tbl_view .tbl_view_cnt .img img{max-width:100%}
.travel .tbl_view .video_class{padding:40px 20px;border-bottom:1px solid #dcdcdc;text-align:center}
.travel .tbl_view .video_class video{width:100%;margin-bottom:20px}
.travel .tbl_view .video_class .video_smi_title{background:#f4f4f4;height:40px;border:1px solid #dcdcdc;border-bottom-color:transparent;padding:12px 0 10px 25px;margin-top:60px;font-size:15px;text-align:left}
.travel .tbl_view .video_class .video_smi{width:100%;height:160px;border:1px solid #a3a3a3;padding:20px 25px;overflow-y:scroll;text-align:left;line-height:1.7}
/*
.travel .tbl_view .tbl_view_file{background:#f4f4f4;border-bottom:1px solid #dcdcdc}
.travel .tbl_view .tbl_view_file dt{float:left;width:16.6%;padding:17px 0;font-weight:700;text-align:center}
.travel .tbl_view .tbl_view_file dd{float:left;width:83.4%;background:#fff;border-left:1px solid #dcdcdc;padding:13px 0}
.travel .tbl_view .tbl_view_file dd a{display:block;margin-left:20px;line-height:1.8;text-decoration:underline}
.travel .tbl_view .tbl_view_file dd a:before,.tbl_view .tbl_view_url dd a:after{display:inline-block;content:"";background:url('../img/common/tbl_icon.png') no-repeat 0 0;vertical-align:middle}
.travel .tbl_view .tbl_view_file dd a:before{width:13px;height:15px;margin-right:10px}
*/
/*
.travel .tbl_view .tbl_view_url{border-bottom:1px solid #dcdcdc}
.travel .tbl_view .tbl_view_url dt{float:left;background:#f4f4f4;width:16.6%;border-right:1px solid #dcdcdc;padding:13px 0;font-weight:700;text-align:center}
.travel .tbl_view .tbl_view_url dd{float:left;padding:13px 0 13px 20px}
.travel .tbl_view .tbl_view_url dd a:after{background-position:-95px 0;width:15px;height:13px;margin-left:8px}
*/
.travel .tbl_view_nav{border-top:1px solid #dcdcdc}
.travel .tbl_view_nav dl{border-bottom:1px solid #dcdcdc}
.travel .tbl_view_nav dl:after{display:block;content:"";visibility:hidden;clear:both}
.travel .tbl_view_nav dt{float:left;background:#f4f4f4;width:16.6%;border-right:1px solid #dcdcdc;padding:13px 0;text-align:center}
.travel .tbl_view_nav dt span{display:block}
.travel .tbl_view_nav dt span:before{display:inline-block;content:"";background:url('../../images/new_okf/common/tbl_icon.png') no-repeat;width:15px;height:9px;margin-right:15px;vertical-align:middle}
.travel .tbl_view_nav .tbl_nav_prev dt span:before{background-position:-30px 0}
.travel .tbl_view_nav .tbl_nav_next dt span:before{background-position:-60px 0}
.travel .tbl_view_nav dd{float:left;padding:13px 0 13px 20px}

/* 온라인 학습 */
.tit_class{border-top:2px solid #6493c8;border-bottom:1px solid #b3c9e0;background:#fff}
/*.banner_rolling{margin:0 30px;overflow-x:hidden}*/
.banner_rolling{margin:0 30px;overflow:hidden}
.banner_rolling ul{display:inline-block;width:1000px;white-space:nowrap}
.banner_rolling ul li{display:inline;float:left;padding:0 10px}
.banner_rolling ul li img{display:inline;float:left}
.img_banner{width:140px;height:93px}

.class_list_wrap{position:relative;display:table;width:100%;height:100%;border-collapse:separate;border-spacing:0 30px}
.class_list_wrap:after,.class_step_info:after{display:block;content:"";visibility:hidden;clear:both}
.list_wrapper{display:table-cell;width:50%;height:100%;border:1px solid #dcdcdc}
.list_wrapper.icon_class{background:url('../../images/new_okf/madang/icon_class.png') no-repeat 97% center}
.list_wrapper.icon_new{background:url('../../images/new_okf/madang/icon_new.png') no-repeat 97% center}
.list_wrapper.icon_my{background:url('../../images/new_okf/madang/icon_my.png') no-repeat 97% center}
.list_wrapper.icon_info{background:url('../../images/new_okf/madang/icon_info.png') no-repeat 97% center}
.list_wrapper_space{width:40px}
.class_list{position:relative;padding:15px}
.class_list h5{position:absolute;top:-25px;left:0;font-size:15px}
.class_list li{padding:5px 0}
.class_list .class_list_my{display:block;width:200px;line-height:1.6;padding-top:30px}
.class_list .class_list_info{padding-top:30px}
.class_list .class_list_icon{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);right:25px;width:90px;height:90px;background:url('../../images/new_okf/madang/spr_madang.png') no-repeat}
.class_list .icon_class{background-position:0 0}
.class_list .icon_new{background-position:-100px 0}
.class_list .icon_my{background-position:-200px 0}
.class_list .icon_info{background-position:-300px 0}
.class_list_txt{display:block;width:200px;padding-left:10px;background:url(../../images/new_okf/common/blt_dot1.png) no-repeat left center}
/* 참여공간-온라인학습 단계별 안내 step */
.class_step_info h5{font-size:15px}
.class_step_info .class_step{float:left;width:22%;height:230px;padding:20px 0;border:2px solid #afc6d5;text-align:center}
.class_step_info .class_step span{display:block;font-weight:bold}
.class_step_info .class_step .step_num{line-height:30px;font-size:16px}

/* 삭제 예정 .class_step_info .class_step .step_center{width:84px;height:84px;margin:25px auto;padding-top:13px;border-radius:50%;background:#f0f0f0}*/
.class_step_info .class_step .step_icon{display:inline-block;width:84px;height:84px;margin:25px auto;background:url('../../images/new_okf/madang/spr_madang.png') no-repeat}
.class_step_info .class_step .step1{background-position:0 -100px}
.class_step_info .class_step .step2{background-position:-90px -100px}
.class_step_info .class_step .step3{background-position:-180px -100px}
.class_step_info .class_step .step4{background-position:-270px -100px}
.class_step_info .next{float:left;width:4%;line-height:220px;text-align:center}
.class_step_info .step_next{display:inline-block;width:26px;height:26px;background:url('../../images/new_okf/common/spr_icon_type.png') no-repeat 0 0}


/* 고객센터-원격지원 단계별 안내, 홈페이지 개선의견 step */
.center_step_info:after{display:block;content:"";visibility:hidden;clear:both}
.center_step_info .center_step{float:left;width:22%;height:250px;padding:20px 0;border:2px solid #afc6d5;text-align:center}
.center_step_info .center_step span{display:block;font-weight:bold}
.center_step_info .center_step span:nth-child(4){margin-top:5px}
.center_step_info .center_step .step_num{line-height:30px;font-size:16px}
/*.center_step_info .center_step .step_center{width:84px;height:84px;padding-top:15px;border-radius:50%;background:#f0f0f0}*/
.center_step_info .center_step .step_center_icon{display:inline-block;width:84px;height:84px;margin:25px auto;vertical-align:middle;background:url('../../images/new_okf/customer/spr_customer.png') no-repeat}
.center_step_info .center_step .step1{background-position:0 -150px}
.center_step_info .center_step .step2{background-position:-90px -150px}
.center_step_info .center_step .step3{background-position:-180px -150px}
.center_step_info .center_step .step4{background-position:-270px -150px}
.center_step_info .center_step .step_hp1{background-position:0 -240px}
.center_step_info .center_step .step_hp2{background-position:-90px -240px}
.center_step_info .center_step .step_hp3{background-position:-180px -240px}
.center_step_info .center_step .step_hp4{background-position:-270px -240px}
.center_step_info .next{float:left;width:4%;line-height:220px;text-align:center}
.center_step_info .step_next{display:inline-block;width:26px;height:26px;background:url('../../images/new_okf/common/spr_icon_type.png') no-repeat 0 0}

.txt_cntr_tel{display:inline-block;padding:3px 6px;border:1px solid #d9d9d9;background:#e2e2e2;color:#0054a0;font-weight:bold}

/* mypage - 변경요청관리 입력폼 - ol, ul list */
.tbl_info_chg_view th{width:110px}
.tbl_info_chg_view .txt_request{}
.tbl_info_chg_view .txt_answer{}
.tbl_info_chg_view .full{width:100%}
.tbl_info_chg_view .file_info{display:none}
.tbl_info_chg_view .img_id{margin-right:20px}
.tbl_info_chg_view .txt_chg_ex{display:inline-block;vertical-align:top}
.tbl_info_chg_view .txt_chg_ex span{display:block;line-height:26px}
.tbl_file{display:table;position:relative;width:100%;border:1px solid #dcdcdc}
.tbl_file > li:not(:last-child){border-bottom:1px solid #dcdcdc}
.tbl_file > li:first-child{background:#f4f4f4;text-align:center}
.tbl_cell_file{display:table;width:100%}
.tbl_cell_file > li{display:table-cell;width:auto;padding:7px 6px 7px 10px}
.tbl_cell_file > li:not(:last-child){border-right:1px solid #dcdcdc}
.tbl_cell_file > li:first-child{width:50px;text-align:center}
.tbl_cell_file > li:last-child{width:150px}

/* 모바일 안내 페이지 */
.info_mb_wrap{padding:10px;background:#e3ecf2;text-align:center}
.info_mb_img{display:inline-block;width:240px;height:200px;background:url('../../images/new_okf/common/img_info_mb.png') no-repeat 0 0}
.info_mb_desc{width:100%;line-height:2;margin:20px 0;padding:20px 30px;border:1px solid #528bca;background:#fff;text-align:center}
.info_mb_desc strong{font-size:17px}

/* === 웹스퀘어 재설정 === */
.w2textbox{word-break:break-all}
.w2textbox1{word-break:keep-all}
.w2group{background-color:transparent}
.wrap_type1 .w2group{background:#f2f2f2 !important}
/* checkbox reset */
.w2checkbox_main td{padding:0;vertical-align:top}
.w2checkbox_main .w2checkbox_label {padding:0 10px 0 5px}
.w2checkbox td{border:0 none !important}
/* radio reset */
.w2radio_main td{padding:0;vertical-align:top}
/*.w2radio_main .w2radio_td_label{padding-right:20px}*/
.w2radio_main .w2radio_label {padding:0 10px 0 5px}
.w2radio td{border:0 none !important}
/* multiupload customizing */
.multiupload > .w2multiupload_uploader, .multiupload > div > object{position:absolute;width:65px;height:30px;right:70px;bottom:0;z-index:9998}
/* gride selectbox customizing */
.w2grid .w2selectbox{width:100% !important;height:100% !important}
/*.w2table_sb.w2table{margin-top:20px}*//* 어긋나는 현상으로 비활성 */

.w2inputCalendar_div_img > button{top:0 !important}/* input & calendar 어긋나는 항목 */
.w2calendar_footer td{vertical-align:middle !important}/* calendar 어긋나는 항목 */

/*
.tbl_biz select,.tbl_biz input[type="text"]{height:26px;border:1px solid #aaa}
.tbl_biz textarea{background:#fff;border:1px solid #aaa;width:100%;height:75px}
*/

/* 웹스퀘어 form */
.w2upload .w2upload_input{height:26px}
/*.w2input,.w2textarea{font-size:14px !important}*/
/*.w2inputCalendar_divInput{font-size:14px !important}*/

/* 웹스퀘어 gride */
/*.w2grid td{padding:8px 10px;font-size:14px;background:#fff;text-align:center}*/
.w2grid nobr{padding:0}
.gridHeaderTableDefault > tbody > tr > td{height:30px;padding:8px 10px;font-size:14px;background:#fff;text-align:center}/* w2grid td 대체 코드*/
.w2grid th.gridHeaderTDDefault{padding:10px 3px;background:#f4f4f4;font-size:14px;font-weight:normal}
.w2grid th.gridHeaderTDDefault,.w2grid td{border:1px solid #dcdcdc}
.w2inputCalendar_div .w2inputCalendar_div_input{height:26px !important}/* 부분적으로 유동적으로 height 가 다르게 지정으로 필요함 */
.w2inputCalendar_divInput{height:26px !important} /* 재작업 필요 */
.w2table_sb_main{width:100% !important}
.w2table_sb_col{padding:5px;border-top:1px solid #dcdcdc;font-size:13px}
.gridHeaderTableDefault{border-right:1px solid #b3b3b3;top:1px !important}/* 장학정보관리-상담관리-공지사항 border */
#dgriCode{width:120px}/* 학위 옵션의 select box size 조정 */
/*  일반지원서 신청 total */
.w2grid .gridFooterTDDefault{height:32px;padding:7px 6px 7px 10px;background:#f4f4f4;font-size:14px}
/* attach files */
#grd_itemAttachFileList{height:180px !important}
#grd_itemAttachFileList2{height:180px !important}
#grd_itemAttachFileList3{height:180px !important}


.w2grid_rowStatus_C{background:url('../../images/new_okf/common/icon_C.gif') no-repeat center center !important}
.w2grid_rowStatus_D{background:url('../../images/new_okf/common/icon_D.gif') no-repeat center center !important}
.w2grid_rowStatus_R{background:url('../../images/new_okf/common/icon_R.gif') no-repeat center center !important}
.w2grid_rowStatus_U{background:url('../../images/new_okf/common/icon_U.gif') no-repeat center center !important}
.w2grid_rowStatus_V{background:url('../../images/new_okf/common/icon_V.gif') no-repeat center center !important}

/* 웹스퀘어 page navigation */
.w2pageList img{display:none}
.paginate .w2pageList_ul li{margin:0 10px;vertical-align:baseline}
.paginate .w2pageList_col_prevPage a{width:29px;height:28px;padding:0;font-size:0;line-height:0;vertical-align:middle;background:url('../../images/new_okf/common/icon_page.png') no-repeat 0 0}
.paginate .w2pageList_col_prev a{width:29px;height:28px;padding:0;font-size:0;line-height:0;vertical-align:middle;background:url('../../images/new_okf/common/icon_page.png') no-repeat -40px 0}
.paginate .w2pageList_col_next a{width:29px;height:28px;padding:0;font-size:0;line-height:0;vertical-align:middle;background:url('../../images/new_okf/common/icon_page.png') no-repeat -80px 0}
.paginate .w2pageList_col_nextPage a{width:29px;height:28px;padding:0;font-size:0;line-height:0;vertical-align:middle;background:url('../../images/new_okf/common/icon_page.png') no-repeat -120px 0}
.paginate .w2pageList_li_label{margin:0 !important}
/*.paginate .w2pageList_li_label a{padding:0}*/
/* === //웹스퀘어 재설정 === */

/* === jQuery 재설정 === */
.ui-datepicker-trigger{vertical-align:middle;margin:0 5px}


/* === //jQuery 재설정 === */

/* 홈페이지 개선의견 - 스펙트라 개발용 */
.area_select{width:80px}
.okf_go{position:absolute;top:0;bottom:0;right:20px;margin:auto;background:#fff}
.logo_okf_go{width:128px;height:33px;margin-right:10px;vertical-align:bottom;background:url('../../images/new_okf/common/logo_okf.png')}

/* 홈페이지 개선의견 조회 - 마이페이지스펙트라 개발용 */
/* 0616 만족도 조사 */
.page_satisfy_wrap:after{display:block;content:"";visibility:hidden;clear:both}
.page_satisfy_wrap{position:relative;margin:20px 0;padding:22px 25px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f4f4f4}
.page_satisfy_wrap dt{display:block;padding-right:10px;font-size:16px;font-weight:bold}
.page_satisfy_wrap dd{display:inline-block;vertical-align:top}
.page_satisfy_wrap dd label{padding:0 10px 0 5px}
.page_satisfy_wrap a{position:absolute;top:0;bottom:0;right:20px;margin:auto}

/* 재외동포 지원 사업문의 move to cms html */
.biz_tab_wrap:after{display:block;content:"";visibility:hidden;clear:both}
.biz_tab_wrap{margin-bottom:22px;border:1px solid #dcdcdc;border-top-color:#000;background:#f4f4f4}
.biz_tab_wrap li{float:left;text-align:center}
.biz_tab_wrap li:not(:first-child){width:26.6666%;border-left:1px solid #dcdcdc;background:#fff}
.biz_tab_wrap li.biz_tab_step{width:20%;font-size:17px;font-weight:bold;line-height:120px}
.biz_tab_wrap li a.on{border:5px solid #a8a8a8;color:#004e9e;font-weight:bold}
.biz_tab_wrap li a{display:inline-block;width:100%;height:120px;padding:15px 0}
.biz_tab_wrap li span{display:block}

.biz_tab_icon{width:55px;height:45px;margin:10px auto;vertical-align:middle;background:url('../../images/new_okf/support/spr_support1.png') no-repeat}
.biz_tab_icon.step1{background-position:0 -280px}
.biz_tab_icon.step2{background-position:-60px -280px}
.biz_tab_icon.step3{background-position:-120px -280px}


/* progress bar */
@-webkit-keyframes progress-bar-stripes {
from {background-position: 40px 0}
  to {background-position: 0 0}
}
@-o-keyframes progress-bar-stripes11 {
  from {background-position: 40px 0}
  to {background-position: 0 0}
}
@keyframes progress-bar-stripes {
  from {background-position: 40px 0}
  to {background-position: 0 0}
}
.ing_progress {
	height: 27px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
			box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
			box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
		 -o-transition: width .6s ease;
			transition: width .6s ease;
}
.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
			background-size: 40px 40px;
}
.progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
		 -o-animation: progress-bar-stripes 2s linear infinite;
			animation: progress-bar-stripes 2s linear infinite;
}
/* //progress bar */

@media screen and (max-width:749px) {
	
	.tbl_dev .search_section{width:100%}
	.tbl_dev .search_wrap .search_txt{width:100%}
	.tbl_dev .search_wrap .search_select{float:none}

	.search_wrapper1 .search_section{position:relative;float:none !important;width:100%}
	.search_wrapper1 .search_txt{width:100% !important}
	.search_wrapper1 .search_select{float:none !important}
/*	.tbl_dev .search_wrap{margin-top:50px}*/
	.search_info .search_total{margin-top:0}
/*	.tbl_dev .search_info .search_total{display:inline-block;position:absolute;top:-50px}*/

	select, input[type="text"], input[type="password"]{width:100%;margin:3px 0}
   .tbl_person.join_input input[type="text"], .tbl_person.join_input input[type="password"]{width:90%}

	.input_type01 { width:100%; }
	
	.btn_item{margin:3px 0}
	.tit_type01 h5{float:none}
	.tit_type02 h5{float:none}
	.txt_right{display:block;float:none;padding:0 0 3px 0}
	.txt_need{display:none}
	.btn_hide_mb{display:none}
	.hide_m{display:none}
	
	.box_caution{text-align:center}
	.img_caution{display:none}
	.txt_caution{padding-left:0;text-align:center}
	.txt_caution span{display:inline}

	/* 검색영역 template */
	.search_wrap.wrap_type3{margin-bottom:20px;padding:13px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f2f2f2}

	.hp_list_wrap li{width:100%}
	.hp_list_wrap li:first-child,.hp_list_wrap li:last-child{padding:0}
/*	.hp_list_wrap li:last-child{margin-bottom:40px}*/

	/* 글로벌코리안 - 재외동포단체 찾기 */
	.list_form1.global_list li{width:50%}
	.list_form1.global_list li:not(:nth-child(2n)){clear:both}
	.search_list_wrap li{width:100%}
	.search_list_wrap > li:nth-child(odd){padding-right:0}
	.search_list_wrap > li:nth-child(even){padding-left:0}
	.on_list .btn_item{display:block}
	.on_list .btn_item span:before{content:"전체 단체구분 접기"}
	.map_area{display:none}

	/* 글로벌코리안 - 세계한인회총람 */
	.search_haninList_wrap li{width:100%}

	/* info_box 안의 이미지 아이콘들 - 마이페이지, 참여마당 */
	/* .page_info_box1 아래 공통 */
	.page_info_box1{display:block;text-align:center}
	.page_info_box1 .page_info_txt{display:block}
	.page_info_box1 span{display:block}
	.page_sub_txt span{display:inline}
	/* //.page_info_box1 아래 공통 */
	.page_info_box1 .page_info_icon{float:none;margin:0 auto 20px}
	.page_info_box1 .page_info_txt.lv_id .page_sub_txt span.txt{margin-left:0}
	.page_info_box1 .page_info_txt.lv_id .icon_gray{display :none}
/*	.page_info_box1 .page_info_txt.chg_info,.page_info_box1 .page_info_txt.lv_id{display:block} 삭제 예정*/
	/* info_box 안의 이미지 아이콘들 - 재외동포지원 */
	.page_info_box1 .page_support_icon{float:none;margin:0 auto 20px}
	/* info_box 안의 이미지 아이콘들 - 글로벌코리안 */
	.page_info_box1.global_group{display:none}
	.page_info_box1 .icon_search{float:none;margin:0 auto 20px}
	/* info_box 안의 이미지 아이콘들 - 참여마당 */
	.page_info_box1 .page_madang_icon{float:none;margin:0 auto 20px}
	/* info_box 안의 이미지 아이콘들 - 고객센터 */
	.page_info_box1 .page_center_icon{float:none;margin:0 auto 20px}
	.page_info_box1 .page_center_txt{display:block}

	.error_container{padding:0}
	.error_wrap{vertical-align:top}
	.error_wrap .logo_etc{display:none}
	.page_error_box{width:100%}
	.page_error_box .error_box_wrap{width:auto}
	.page_error_box .icon_error{float:none;margin:0 auto 20px}
	.page_error_box .page_info_txt h2{text-align:center}
	.page_error_box .btn_item{display:block;margin-top:10px}
	.page_error_box .page_info_txt{margin-left:0}

	/* 재외동포 지원 3단 - tbl_list basic 사용 */
	.tbl_biz_list th:first-child{width:95px}

	/* request 재외동포 홈페이지 제작 지원 6단 - tbl_list basic 사용 */
	.tbl_domain th, .tbl_domain td{display:none}
	.tbl_domain th:nth-child(4),.tbl_domain th:nth-child(5),.tbl_domain td:nth-child(4),.tbl_domain td:nth-child(5){display:table-cell}
	.tbl_dev .tbl_view .info{display:block}
	.tbl_dev .tbl_view .info dl{display:table;width:100%;height:100%}
	.tbl_dev .tbl_view .info dl:nth-child(even){border-left:none}
	.tbl_dev .tbl_view .info dt{float:none;width:130px;background:#f4f4f4}
	.tbl_dev .tbl_view .info dd{float:none;width:auto;border-left:1px solid #dcdcdc}
/* 삭제 예정	.tbl_dev .tbl_view .info dd:after{display:block;content:"";visibility:hidden;clear:both}*/
	.tbl_dev .temp_num, .tbl_dev .temp_view{display:table-row}
	.tbl_dev .temp_view{border-left:0 none}
	.tbl_dev .txt_temp{margin-left:-10px;border-top:1px solid #dcdcdc}
	.captcha{display:block}

	.tbl_view1 .info{display:block}
	.tbl_view1 .info dl{display:table;width:100%;height:100%}
	.tbl_view1 .info dl:nth-child(even){border-left:none}
	.tbl_view1 .info dt{float:none;width:130px}	
	.tbl_view1 .info dd{float:none;width:auto}
	.info1 dt{float:none;}
	.info1 dd{float:none;}

	.btn_tbl_section{text-align:center}
	.btn_tbl_auth{text-align:center}

	/* gallery_type from user.css*/
	.gallery_box li{width:49%;margin:0 0.5% 6% 0.5%}
	.gallery_box a{width:90%;margin:0 auto}
	.gallery_box .img img{width:100%;height:100%}

	/* gallery mobile */
	.gallery_type1{border-bottom:0}
	.gallery_type1 li{width:49%}
	.gallery_type1 a{width:90%}
	.gallery_type1 span{width:100%}
	/*.gallery_type1 .img img{width:100%;height:100%}*/
/*
	.gallery_type1 .name{width:30%}
	.gallery_type1.gallery_nuri ul{border-bottom:0}
*/

	/* gallery_type2 from user.css*/
	.gallery_type2{border-top:1px solid #000;border-bottom:0}
	.gallery_type2 li{height:auto;border:1px solid #dcdcdc}
	.gallery_type2 a{padding:11px}
	.gallery_type2 span{width:115px;height:115px;margin-right:11px}
	.gallery_type2 dt em{display:block}
	.gallery_type2 .date{display:none}
	.gallery_type2 dl{padding-top:0}
	.gallery_type2 dt{margin-bottom:23px;font-size:14px;line-height:1.3}
	.gallery_type2 .con{line-height:1.45}

	/* gallery_type4 mobile 2017.06.12. kameo 추가*/
	.gallery_type4{border-top:1px solid #000;border-bottom:0}
	.gallery_type4 li{float:none;width:100%;height:auto;padding-bottom:10px;border:1px solid #dcdcdc}
	.gallery_type4 a{padding:11px}
	.gallery_type4 span{width:115px;height:115px;margin-right:11px}
	.gallery_type4 dt{font-size:14px;line-height:1.3}

	/* 회원관리 */
	.member_wrap{position:relative;top:0;left:0;width:auto;transform:translate(0,0)}
	.member_wrap .member_top h1{font-size:17px;font-weight:normal}
	.member_wrap .member_top .logo_section{float:none;margin-top:7px;right:0}
	.member_wrap .member_top .logo_section img{width:auto;height:25px}
	.member_wrap input[type="text"],.member_wrap input[type="password"]{width:100px}
	.member_wrap .member_signin,.member_wrap .member_signup{display:block;width:100%}
	.member_wrap .member_signup{margin-top:20px}
	.member_wrap .signup_on{border-top:1px solid #dedede}
	.signin_check,.signup_on,.signup_check{text-align:center}
	.member_wrap .btn_member{width:140px}
	.member_signup .signup_on .btn_item{width:85px}
	.signin_on{width:300px;margin:0 auto}
	
	.page_info_box1 .page_member_icon{float:none;margin:0 auto 20px}
	.page_info_box1 .page_member_txt{display:block}
	.signup_select li{display:block;float:none;width:100%;margin-bottom:15px}
	.signup_select.lang .btn_tbl_select{height:auto}/* 다국어용 */
	.signup_box .logo_section img{width:auto;height:25px}

	.tbl_person .name_1st{display:block;margin-right:0}
	.tbl_auth_email .name_person{display:block;margin-right:0}
/*	.tbl_auth_email .name_person input[type="text"]{width:80%} */ 
	.btn_tbl_email{margin:0}
/*	.tbl_auth_email .name_person input[type="text"]{width:80%}*/

	.signup_step li{padding:8px;line-height:18px;background:#fff !important;font-size:14px}
	.signup_step li:not(:first-child){border-left:1px solid #e0e0e0}
	.signup_step li.on{padding-left:0;background-color:#828282}
	.signup_step li .step_num:after{display:block;content:""}

	.tab_wrap .tab_box{border-bottom:0 none;border-right:0 none;text-align:center}
	.tab_wrap .tab_box li{width:50%;border-bottom:1px solid #c6c6c6;text-align:center}
	.tab_wrap .tab_box li.on{border-bottom-color:#909090;margin:-1px 0 0 -1px}

	.auth_wrap{padding:20px 0;border:0 none}
	.auth_wrap .auth_icon{float:none;margin:0 auto 15px;text-align:center}
	.auth_icon.icon_email{display:none}
	.auth_icon.icon_ipin1{display:none}
	.auth_icon.icon_ipin2{display:block}
	.auth_icon.icon_fb1{display:none}
	.auth_icon.icon_fb2{display:block}
	.auth_box_txt{margin-left:0}
	.auth_box_txt a{text-align:center}
	.auth_ipin.child .auth_box_txt{margin-left:0;text-align:center}
	.auth_ipin.child .auth_box_txt a{text-align:center}
	.auth_ipin_desc{display:block}
	.auth_ipin .auth_box_txt{margin-left:0}
	/*	.signup_desc{text-align:center}*/

	.signup_done li{display:block;float:none;width:100%;height:auto;margin-bottom:15px}
	.signup_done .tit_done{text-align:center}
	.signup_done .txt_done{display:block;width:100%;margin-bottom:10px}
	.signup_done .btn_tbl_done{display:block;float:none;text-align:center}
	.signup_done .btn_icon{display:inline-block;float:right;margin:-7px 0 0 10px}
	.btn_link{height:44px}

	/* popup - 공통 */
	.popup_wrap .header{height:45px}
	.popup_wrap .header h1{display:none}
	.popup_wrap .header h2{line-height:45px;font-size:18px}
	.popup_wrap .txt_right{text-align:center}
	.popup_wrap .btn_item{margin:3px 0}

	/* popup - 재외동포지원 */
	.group_tbl_view tr:first-child th:first-child{display:none}
	.group_tbl_view tr:first-child th:nth-child(2){border-left:0 none}

	/* contents 박스오피슨 목록 5단 - tbl_list basic 사용 */
	.tbl_box_office th:nth-child(3),.tbl_box_office th:nth-child(4),.tbl_box_office th:nth-child(5){display:none}
	.tbl_box_office td:nth-child(3),.tbl_box_office td:nth-child(4),.tbl_box_office td:nth-child(5){display:none}

	/* 코리안웨이브-영상역사관 추가 2017.06.26 kameo */
	.page_info_box1 .page_box{width:100%;margin:0 0 20px 0}

	/* mypage */
	.tbl_my_class th:nth-child(3),.tbl_my_class td:nth-child(3),.tbl_my_class .my_study{display:none}
	.tbl_my_class td span,.tbl_my_class td a{display:block}
	.tbl_my_class th:nth-child(4){width:100px}

	/* mypage 장학정보 관리-공지사항 목록 4단 */
	.tbl_my_notice table{width:100% !important}
	.tbl_my_notice col:nth-child(4),.tbl_my_notice th:nth-child(4),.tbl_my_notice td:nth-child(4){display:none}
	/* mypage 장학정보 관리-상담예약 목록 6단 */
	.tbl_my_cnslt table{width:100% !important}
	.tbl_my_cnslt col{width:auto !important}
	.tbl_my_cnslt col:nth-child(2),.tbl_my_cnslt col:nth-child(5),.tbl_my_cnslt th:nth-child(2),.tbl_my_cnslt th:nth-child(5){display:none}
	.tbl_my_cnslt td:nth-child(2),.tbl_my_cnslt td:nth-child(5){display:none}
	/* mypage 장학정보 관리-1:2 질문 목록 단 */
	.tbl_my_qna table{width:100% !important}
	.tbl_my_qna col{width:auto !important}
	.tbl_my_qna col:nth-child(2),.tbl_my_qna th:nth-child(2),.tbl_my_qna td:nth-child(2){display:none}


	/* mypage 나의 강의실 목록 6단 */
	.tbl_my_list{display:none}
	.tbl_my_list_m{display:table;width:100%;margin-bottom:30px;word-break:break-all}
	.tbl_my_list_m tr:nth-child(9n) th, .tbl_my_list_m tr:nth-child(9n) td{border-top:2px solid #1857b2}
	.tbl_my_progress{display:none}
	.tbl_my_progress_m{display:table;width:100%;margin-bottom:30px;word-break:break-all}

	.my_list_mb{display:table-cell;text-align:right !important}

	.my_progress h5{display:block;float:none}
	.my_progress .txt_progress{display:block;padding:5px 0}
	.my_progress_mb{display:table-cell}

	/* mypage 사업신청관리-재단사업 목록 5단 */
	.tbl_biz_okf th:nth-child(1),.tbl_biz_okf th:nth-child(3),.tbl_biz_okf th:nth-child(5){display:none}
	.tbl_biz_okf td:nth-child(1),.tbl_biz_okf td:nth-child(3),.tbl_biz_okf td:nth-child(5){display:none}

	/* mypage 사업신청관리-홈페이지제작지원 목록 6단 */
	.tbl_biz_hp th:nth-child(2){width:auto}
	.tbl_biz_hp.hp_mb01 th:not(:nth-child(4n-2)),.tbl_biz_hp.hp_mb01 td:not(:nth-child(4n-2)){display:none}
	.tbl_biz_hp.hp_mb02 th:not(:nth-child(3n)),.tbl_biz_hp.hp_mb02 td:not(:nth-child(3n)){display:none}

	/* mypage 민원신청관리-홈페이지 개선의견 목록 5단 */
	.tbl_hp_opn th:nth-child(1),.tbl_hp_opn th:nth-child(3),.tbl_hp_opn th:nth-child(4){display:none}
	.tbl_hp_opn td:nth-child(1),.tbl_hp_opn td:nth-child(3),.tbl_hp_opn td:nth-child(4){display:none}

	/* mypage 변경요청 관리 목록 5단  */
	.tbl_info_chg th:nth-child(1),.tbl_info_chg th:nth-child(5){display:none}
	.tbl_info_chg td:nth-child(1),.tbl_info_chg td:nth-child(5){display:none}

	/* mypage - 변경요청관리 입력폼 */
	.tbl_info_chg_view .file_info{display:block;width:100%}
	.tbl_info_chg_view .tbl_file{display:none}
	.tbl_info_chg_view .txt_chg_ex{display:block;margin-top:10px}
	.tbl_info_chg_view .txt_chg_ex span{display:inline;line-height:18px}

	/* 개설강좌 모바일 */
	.tbl_class{display:none}
	.tbl_class_m{display:table;width:100%;margin-bottom:30px;word-break:break-all}
	.tbl_class_m th{width:100px}
	.tbl_view.class_view{border-top:1px solid #000}
	.tbl_view.class_view dt{background:#f4f4f4}
	.tbl_class_view th{background:#f4f4f4}
	.tbl_class_view th:not(:first-child),.tbl_class_view td:not(:first-child){border-left:1px solid #dcdcdc}
	.class_info{display:table}
	.class_info dt{text-align:right}
	.btn_tbl_class{display:block;text-align:center;margin-top:10px}
	.btn_tbl_class a{display:inline-block}
	.banner_rolling{margin:0 -15px}
	.banner_rolling ul{width:100% !important;}
	
	.banner_rolling ul li{padding:0 5px}
	.btn_prev_bn{width:30px;height:30px;background-position:-110px -60px}
	.btn_next_bn{width:30px;height:30px;background-position:-150px -60px}
	.class_list_wrap{display:block;border-spacing:0}
	.list_wrapper{display:block;width:100%;margin-bottom:50px;background-color:#fcfcfc;background:none !important}
	.list_wrapper_space{width:0}
	.class_list .class_list_my{width:auto;padding-top:0;text-align:center}
	.class_list .class_list_info{padding-top:0}
	.class_list .class_list_icon{display:none}
	.class_list_txt{width:100%}
	/* 참여공간-온라인학습 단계별 안내 step */
	.class_step_info .tit_type01{padding:10px 0 5px 0;border:1px solid #dcdcdc;background:#fcfcfc;text-align:center}
	.class_step_info .tit_type01 h5{float:none}
	.class_step_info .class_step{width:50%;border-top:0 none;border-left:0 none}
	.class_step_info ul li:nth-child(1),.class_step_info ul li:nth-child(3){border-top:2px solid #afc6d5}
	.class_step_info ul li:nth-child(1),.class_step_info ul li:nth-child(5){border-left:2px solid #afc6d5}
	.class_step_info .next{display:none}
/*	.class_step_info .class_step .step_icon{margin:10px auto}*/
/* 0625 	.class_step_info .class_step .step_num{color:#00529f}*/

	/* 출석체크 */
	.date_box, .month_box{text-align:center}
	.date_box{float:none;background-color:#337cc6;padding:10px 0;color:#fff}
	.date_box strong{color:#fff !important}
	.month_box{padding-bottom:15px}
	.btn_attend_check{display:none!important}
	.btn_attend_check span{display:inline-block}
	.btn_attend_check_m{font-size:inherit;color:white!important}
	.today{background-color:#eeb679!important}
	.checked{background:none;}
	.txt_checked{display:inline-block;}

	/* 고객센터-원격지원 단계별 안내 step */
	.center_step_info .center_step{width:50%;border-top:0 none;border-left:0 none}
	.center_step_info ul li:nth-child(1),.center_step_info ul li:nth-child(5){border-left:2px solid #afc6d5}
	.center_step_info ul li:nth-child(1),.center_step_info ul li:nth-child(3){border-top:2px solid #afc6d5}
	.center_step_info .next{display:none}
	.center_step_info .center_step .step_icon{margin:10px auto}
	.center_step_info .center_step .step_num{color:#00529f}


	/* 홈페이지 개선의견 - 스펙트라 개발용 */
	.okf_go{position:relative;right:0}

	/* 재외동포 지원 사업문의 */
	.biz_tab_wrap li:not(:first-child){width:33.333%;border-left:1px solid #dcdcdc;background:#fff}
	.biz_tab_wrap li.biz_tab_step{width:100%;line-height:50px;border-bottom:1px solid #dcdcdc}
	.biz_tab_wrap li a.on{border:3px solid #a8a8a8}
	.biz_tab_wrap li a{height:50px}
	.biz_tab_icon{display:none !important}

	/* 재외동포 지원 사업문의 문의하기 - tbl_biz, table view basic */
	.tbl_biz_rqst .txt_desc{display:block;margin-left:0}
	.tbl_biz_rqst .rqst_sel_phone{display:block}

	.area_select{display:block}

	/* 재외동포 지원 사업문의 진행조회하기 4단 - tbl_list basic 사용 */
	.tbl_biz_search thead th{width:auto !important}
	.tbl_biz_search thead th:nth-child(odd),.tbl_biz_search td:nth-child(odd){display:none}

	.biz_search_auth{padding:0;border:none;background:#fff}
	.biz_search_auth dl{display:table;float:none;width:100%;border:1px solid #dedede}
	.biz_search_auth dl:not(:first-child){margin-top:-1px}
	.biz_search_auth dt{width:90px;background:#f4f4f4}
	.biz_search_auth dd{width:70%}
	.biz_search_auth dt,.biz_search_auth dd{padding:5px 7px}
	.biz_search_auth input.btn_item{display:block;margin:10px auto}
	.biz_search_auth input[type="text"],.biz_search_auth input[type="password"],.biz_search_auth select{width:100%}

	/* 0816 만족도 조사 */
	.page_satisfy_wrap{padding:22px 5px;text-align:center}
	.satisfy_wrap dd{display:block}
	.page_satisfy_wrap dd{margin:15px 0}
	.page_satisfy_wrap dd label{padding:0 5px}
	.page_satisfy_wrap a{position:relative;right:0}

	/* 분류 영역 */
	.category_list{display:none}
	.category_list2{display:none}

	.tbl_view .tbl_view_title .title span{padding:16px 10px;line-height:1.5}
	.tbl_view .tbl_view_title .info1{border:0}
	.tbl_view .tbl_view_title .info1 dl{float:none;width:100%;border-bottom:1px solid #dcdcdc}
	.tbl_view .tbl_view_title .info1 dt{width:25%}
	.tbl_view .tbl_view_title .info1 dl:nth-child(1) dd,.tbl_view .tbl_view_title .info1 dl:nth-child(2) dd{border-right:0}
	.tbl_view .tbl_view_title .info1 dd{width:75%}

	/* tbl_view from user.css 원본 */
	.tbl_view .tbl_view_title .info2{border:0}
	.travel	.tbl_view .tbl_view_title .info2 dl{float:none;width:100%;border-bottom:1px solid #dcdcdc}
	.tbl_view .tbl_view_title .info2 dt{width:25%}
	.travel .tbl_view .tbl_view_title .info2 dl:nth-child(1) dd,.tbl_view .tbl_view_title .info2 dl:nth-child(2) dd{border-right:0}
	.tbl_view .tbl_view_title .info2 dd{width:75%}
	.tbl_view .tbl_view_cnt{padding:15px 10px}
	.tbl_view .tbl_view_cnt img{max-width:100%;width:auto;}
	
	.tbl_view .tbl_view_cnt .img{margin-bottom:15px}
/*
	.tbl_view .tbl_view_file dt,.tbl_view .tbl_view_file dd{float:none}
	.tbl_view .tbl_view_file dt{display:none}
	.tbl_view .tbl_view_file dd{width:100%;border-left:0}
	.tbl_view .tbl_view_file dd a{display:block;margin-left:15px}
	.tbl_view .tbl_view_url dt{width:25%}
*/
	.tbl_view_nav{display:none}

}


@media screen and (max-width:460px) {
	.search_haninList_wrap .group_info_block{float: left; margin-top: 10px;}
}

@media screen and (max-width:350px){
	.class_info dt{text-align:center}
	.class_info dt, .class_info dd{display:block}
	.class_info dd ul li{padding:5px 0 5px 10px}
}

.kameo{width:190px;height:230px;border:1px solid black;overflow:hidden}
.kameo img{width:190px;height:230px}
.kameo img:hover{
	cursor:pointer;
	transform:scale(1.1); /* 마우스 오버시 이미지 크기를 1.1 배만큼 확대 */
	-o-transform:scale(1.1); 
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition: transform .35s; /* 마우스 오버시 이미지 애니메이션 효과 30.5 second */  
	-o-transition: transform .35s;
	-moz-transition: transform .35s;
	-webkit-transition: transform .35s}

/* 공통으로 관리해야 하는 리스트 user_form.css 로 분리해서 만들기 */
/* 1. input text - 텍스트 들여쓰기 */
/* 2. select box 가려지는 현상 */
/* 3. 버튼 간격 및 대중소 구분해서 만들기 */
/* 4.  */

/* 5. calendar가 상단으로 생성되는 문제 해결를 위해 portal_layout_common.css 에서 하단 클래스를 비활성화 시킴  */
/*body{background-color:rgb(255, 255, 255);overflow-y:scroll}*/

/* modal popup 2017.06.07 by kameo */
/* The Modal (background) */
/*mypage_form_modal_backup_0616.css file 하단 참조*/


.iframe_wrap{box-sizing:border-box;width:100%;height:300px;overflow: auto;box-sizing:border-box;-webkit-overflow-scrolling: touch;}
.iframe_box{border:1px solid #aaa;padding:2px;}