@charset "utf-8";

.p_m_bttom{margin:0 0 10px 0;}
.p_m_bttom02{margin:10px 0 0px 0;}

.h5Bl_mg{margin:0em !important; padding-left:0px !important; background:none; color:#333; padding-bottom:5px;}
.h5Bl_mg:before{display:none;}
.boxStyle_mg{padding:20px 20px 20px 25px !important; border:solid 1px #333 !important; background:#f5f5f5 !important;}

/* 영문 자치법규 게시물 스타일 */
.board_tit{font-size:17pt; text-align:center; line-height:130%;}
.h4board_tit{font-size:15pt; text-align:center; background:none;}
/* .h4Section p{text-align:right;} */
.board_ul_tit{font-size:13pt; text-align:left; font-weight:bold; padding:10px 0 10px 0;}
.board_ul_tit .article_title{display:inline-block; font-size:13pt; text-align:left; font-weight:bold;}
.board_ul_tit .number_inline01{display:inline-block; padding:0 0 0 10px; font-weight:500;}
.board_ul_tit span{font-weight:500; padding:0 0 0 10px;}
.board_ul_tit li{padding:7px 0 0 0px; font-weight:500;}
.board_ul_tit li ul li{padding-left:10px;}
.board_ul_tit li ul li ul li{padding-left:10px;}
.board_li_contit{font-size:13pt;}
.h4Section_date{padding:20px 0 20px 0; text-align:right;}
.c_blue{color:#5390ff;}
.c_blue:hover{text-decoration:underline;}
.bottom_con_title{margin:0 0 0 25px; font-size:13pt;font-weight:bold;}
/* 영문 자치법규 게시물 스타일 */

/* point color */
.colorRed { color:#d53636; font-weight:bold}
.colorBlue { color:#0058a8; font-weight:bold}
.colorBlack { font-weight:bold}
.blue_box { display:block;position:relative;overflow:hidden;border:2px solid #063675; padding:1.5em; margin-bottom:4em; }
.gray_box { border:2px solid #b2b2b2; padding:1.5em; margin-bottom:4em; }
.Lightgray_box { border:2px solid #ccc; padding:1.5em; margin-bottom:2em; }
.gray_fullbox { background:#E8E8E8; padding:5px 10px; text-align:center; font-weight:bold;  }
.float_center { text-align:center; margin:1.3em 0; }
.text_center { text-align:center; }
.text_right { text-align:right; }

.magT0 { margin-top:0px !important; }
.magT10 { margin-top:10px !important; }
.magT15 { margin-top:15px !important; }
.magT20 { margin-top:20px !important; }
.magT30 { margin-top:30px !important; }
.magB0 { margin-bottom:0px !important; }
.magB10 { margin-bottom:10px !important; }
.magB15 { margin-bottom:15px !important; }
.magB20 { margin-bottom:20px !important; }
.magB30 { margin-bottom:30px !important; }
.magB50 { margin-bottom:50px !important; }
.magB60 { margin-bottom:60px !important; }
.magB70 { margin-bottom:70px !important; }
.magB80 { margin-bottom:80px !important; }
.magB100 { margin-bottom:100px !important; }
.magL10 { margin-left:10px !important; }
.magL15 { margin-left:15px !important; }
.magL30 { margin-left:30px !important; }
.magL45 { margin-left:45px !important; }
.magL60 { margin-left:60px !important; }
.magR20 { margin-right:20px !important; }

.padR20 { padding-right:20px !important; }
.padR250 { padding-right:250px !important; }
.padB0 { padding-bottom:0px !important; }
.padB10	{ padding-bottom:10px !important; }
.padL15 { padding-left:15px !important; }

.img_middle	{ vertical-align:middle !important; }
.img_maxWidth { max-width: 100%; }

/* 상단 검색창 */
#searchWarp { width:100%; background:url('../resource/img/english/common/search_bg.jpg') no-repeat top center; position:relative; }
#bg_wrap {width:100%; background-color:#ddd; background-image:url(../img/sub/bg_subBanner01.jpg); background-repeat: no-repeat; background-position:center top; position:relative; height:231px; background-size:cover; clear:both; margin-top:162px;}
#bg_wrap > p{display:block; text-shadow:1.5px 1px #03276b; color: #fff; font-size:1.1em; font-weight: 600; position: absolute; bottom:0; right: 20px;}
#bg_wrap.sub1 {background-image:url(../img/sub/bg_subBanner01.jpg);}
#bg_wrap.sub2 {background-image:url(../img/sub/bg_subBanner02.jpg?v=202106290926);}
#bg_wrap.sub3 {background-image:url(../img/sub/bg_subBanner03.jpg);}
#bg_wrap.sub4 {background-image:url(../img/sub/bg_subBanner04.jpg);}
#bg_wrap.sub5 {background-image:url(../img/sub/bg_subBanner05.jpg);}
#bg_wrap.sub6 {background-image:url(../img/sub/bg_subBanner06.jpg);}
#bg_wrap.sub2 > p {color:inherit; text-shadow:1.5px 1.5px 1.5px #fff, -1.5px -1.5px 1.5px #fff;}

/* layout */
.containerWrap { position:relative; width:100%; height:100%; }
.container { overflow:hidden; height:100%; margin:0 auto; position:relative; }
.container:after {content:""; clear:both; display:block;}
#leftMenuWrap { float:left; width:220px; height:100%; margin-left:-220px; border:1px solid #d8d8d8; border-width:0 1px 0 1px; background:#fff;}
#contentWrap { float:right; width:100%; padding:0 20px 0 60px;}
#scrollup { display:none; position:fixed; bottom:250px; right:210px; width:50px; height:50px; background: url(/resource/img/busan/sub/btn_top.png) no-repeat 0 0; text-indent:-9999px; z-index:999; }

/* left menu */
#lnb_site_menu { width:202px; position: absolute; z-index:1;}
#lnb_site_menu h2 { font-size:2.2rem; width:202px; color:#303030; padding:42px 10px 25px; background:url('/resource/img/english/sub/common/h2_bg.gif') no-repeat; border-bottom:3px solid #0058a8; line-height:23px; box-sizing: border-box;}
#lnb_site_menu > ul { display: block; position: relative; padding-top:10px; border-width:0 1px 1px 1px; }
#lnb_site_menu > ul > li { padding:8px 0; }
#lnb_site_menu > ul >li > a	{ padding:8px 0 8px 8px; }
#lnb_site_menu > ul > li.on	> a	{ color:#0058a8; font-weight:bold; }
#lnb_site_menu > ul > li.on	> a.btn-sub-menu { border:none; }

/* 하위메뉴 공통 */
#lnb_site_menu ul { display: block; }
#lnb_site_menu ul, #lnb_site_menu li{ display: block; position:relative; }
#lnb_site_menu li > ul { display: none; }
#lnb_site_menu li.on > ul { display: block; }
#lnb_site_menu > ul > li li { padding:5px 0 5px 20px; background:url('../img/common/left_menu_depth_bullet.gif') no-repeat 15px center; }
#lnb_site_menu > ul > li li.on { background:url('../img/common/left_menu_depth_bullet_on.gif') no-repeat 15px 13px; }
#lnb_site_menu > ul > li li.on > a { color:#0058a8; font-weight:bold; }

/*
#lnb_site_menu a { display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; }
#lnb_site_menu li.has-sub-menu > a { padding-right: 30px; }
#lnb_site_menu li > a.btn-sub-menu { display: block; overflow:hidden;position: absolute; top: 8px; bottom: 0; right: 0; width: 30px; height: 32px; padding: 0; overflow: hidden; text-indent: -999px; }
#lnb_site_menu li > a.btn-sub-menu:before { content: ""; display: block; position: relative; width: 100%; height: 100%; line-height: 32px; text-indent: 0; text-align: center; color: #808080; background:url(../img/icon/accd_plus.png) no-repeat center; }
#lnb_site_menu li.on > a.btn-sub-menu:before { content: ""; background:url(../img/icon/accd_minus.png) no-repeat center; }
*/

/* s: lnb 7depth 추가*/
#lnb_site_menu a { display: block; position: relative; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ padding-left: 10px; }
#lnb_site_menu .has-sub-menu > a { padding-right: 30px; }
#lnb_site_menu li > .btn-sub-menu { display: block; overflow:hidden;position: absolute; top: 0; right: 0; width: 18px; height: 24px; padding: 0; overflow: hidden; text-indent: -999px; }
#lnb_site_menu li > .btn-sub-menu:before { content: ""; display: block; position: relative; width: 100%; height: 100%;text-align:center;vertical-align:middle; background:url(../img/icon/accd_plus.png) no-repeat center;}
#lnb_site_menu li.on > .btn-sub-menu:before { content: "";background:url(../img/icon/accd_minus.png) no-repeat center;}
#lnb_site_menu > ul > li > .btn-sub-menu { display: block; overflow:hidden;position: absolute; top: 8px; bottom: 0; right: 0; width: 30px; height: 32px; padding: 0; overflow: hidden; text-indent: -999px; }
#lnb_site_menu > ul > li > .btn-sub-menu:before { content: ""; display: block; position: relative; width: 100%; height: 100%; line-height: 32px; text-indent: 0; text-align: center; color: #808080; background:url(../img/icon/accd_plus.png) no-repeat center; }
#lnb_site_menu > ul > li.on > .btn-sub-menu:before { content: ""; background:url(../img/icon/accd_minus.png) no-repeat center; }
/* e : lnb 7depth 추가*/

/* title */
.contents { padding:30px 0 0 0; }
.contentHeader:after {content:""; clear: both; display:block;}
.contentHeader h3 { font-size:2.6rem; line-height:100%; color:#333; }
.contentHeader .pageLocation {  float:right; font-size:0.95em; }
.contentHeader .pageLocation:after {content:""; clear:both; display:block;}
.contentHeader .pageLocation span { padding:0 5px 0 15px; vertical-align:middle; background:url(/resource/img/busan/sub/icon_location.png) no-repeat 0 -27px; white-space:nowrap; }
.contentHeader .pageLocation span:first-child { padding-left:17px; background-position:0 2px; }
.contentHeader .pageLocation span.last { color:#063675; font-weight:bold; }
.contentHeader .pageLocation span.last a { color:#063675; }
.contentHeader .pageLocation .lineMap .home {display:inline-block; vertical-align:middle; font-size:0; line-height:0;}
.contentHeader .pageLocation .lineMap .home:before {content:''; display:inline-block; width:16px; height:17px; background:url(/humanframe/global/assets/img/common/sp_ico_layout.png) no-repeat 0 0;}
.contentHeader .pageLocation .snsIcon { float:right; }
.contentHeader .pageLocation .snsIcon li { float:left; height:30px; margin:3px; }
.contentHeader .pageLocation .snsIcon li a { display:inline-block; width:30px; height:30px; background:url(../img/icon/icon_sns.png) no-repeat; background-size:350%; text-indent:-9999px; font-size:0; overflow:hidden;}
.contentHeader .pageLocation .snsIcon li.SMfb a { background-position: 0 2px;}
.contentHeader .pageLocation .snsIcon li.SMtw a { background-position: 0 -56px; }
.contentHeader .pageLocation .snsIcon li.SMkk a { background-position: 0 -114px; }
.contentHeader .pageLocation .snsIcon li.bookmark a{ background-position: 0 -173px; }
.contentHeader .pageLocation .snsIcon li.print a { background-position: 0 -232px; }

/* side link menu */
.sideLink *	{ font-family:'Montserrat', 'Nanum Gothic'; }
.sideLink { position:fixed; top:182px; right:0; width:200px; height:100%; padding-bottom:80px; background:#ededef; border:1px solid #dadbdc; border-width:0 1px 0 1px; z-index:1; }
.sideLink h2 { height:110px; padding:37px 0; text-align:center; font-size:1.4em; font-weight:normal; background:#4e535f; color:#fff; }
.sideLink h2 span{ display:block; margin-top:3px; font-size:0.7em; color:rgba(255, 255, 255, 0.5); }
.sideLink ul li	{ border-bottom:1px solid #dfe0e2; background:#fff; }
.sideLink ul li a { display:block; height:80px; padding:22px 0 15px 0; }
.sideLink ul li:first-child a { padding-top:15px; }
.sideLink ul li:first-child a:before { margin-top:0; }
.sideLink ul li a:before { float:left; content:""; display:block; width:50px; height:50px; margin:-7px 10px 0 0; background:url(../img/busan/sub/icon_side.png) no-repeat #5c5f66; background-size:50%; }
.sideLink ul li.civil a:before { background-position:center 13px; }
.sideLink ul li.resv a:before { background-position:center -52px; }
.sideLink ul li.edu a:before { background-position:center -117px; }
.sideLink ul li.ren a:before { background-position:center -181px; }
.sideLink ul li a:hover	{ background:#f2f4f7; }
.sideLink ul li a span { display:block; margin-top:3px; line-height:1.2em; font-size:0.9em; }
.sideLink form { padding:20px 5px; }
.sideLink fieldset { position:relative; margin:3px 0; }
.sideLink select { width:188px; height:28px; padding-left:5px; border:1px solid #ddd; border-radius:0; background:url(../img/busan/common/search_select_arrow.gif) no-repeat 125px 6px #fff; }
.sideLink .btnJump { position:absolute; top:0; right:0; display:block; width:34px; height:28px; background:url(../img/busan/common/btn_search.png) no-repeat center #4663a2; background-size:50%; border:none; }

.fixedSide { position:fixed; top:60px; right:0; z-index:1; }
.sideLink .sideInner { position: relative; width:200px;  height: 100%; }

/* keyvisual */
#key_visual img { width:100%; }
#key_visual_mobile img { width:100%; }

/* 페이지 만족도 조사 */
#pageSatisfy * { /* box-sizing:border-box;*/}
#pageSatisfy header { overflow:hidden; padding:17px 25px 15px; color:#fff; }
#pageSatisfy header p { float:left; font-weight:bold; font-size:1.2em; }
#pageSatisfy header .point { float:right; }
#pageSatisfy header .point span { padding-right:10px; font-size:0.9em;}
#pageSatisfy .satisfyInner { display:block;position:relative;overflow:hidden;padding:20px; border:1px solid #b5b7bf; border-width:0 1px 1px 1px; min-height:30px; margin-bottom:20px; }
#pageSatisfy .satisfyInner span { white-space:nowrap; display: inline-block; position:relative;float:left;line-height:24px;vertical-align:middle; }
#pageSatisfy .satisfyInner input[type="radio"] { margin-right:3px; }
#pageSatisfy .satisfyInner .comment { position:relative;padding-right:13%; }
#pageSatisfy .satisfyInner .comment textarea {float:left; width:65%; height:67px; font-size:1em; }
#pageSatisfy .satisfyInner .comment .button { width:20%; height:30px; margin-right:-13%; float:right; }
#pageSatisfy .manager { overflow:hidden; height:50px; background:#f6f6f6; border:1px solid #b5b7bf; border-width:1px 1px 0px 0px; }
#pageSatisfy .manager.single { border-width:1px 1px 1px 0px; }
#pageSatisfy .manager h3 { float:left; width:130px; padding:16px 0 15px 15px; background:url(../img/sub/bg_order.png) no-repeat right center; color:#fff; }
#pageSatisfy .manager dl { overflow:hidden; padding:15px 0 0 15px; font-size:0.9em; }
#pageSatisfy .manager dt, #pageSatisfy .manager dd { float:left; }
#pageSatisfy .manager dt { font-weight:bold; padding-right:10px; margin-right:10px; }
#pageSatisfy .manager dt a:after { content:""; display:inline-block; width:20px; height:20px; margin-left:10px; background:url(../img/icon_link_dpt.png) no-repeat center; vertical-align:middle; }
#pageSatisfy .manager dd + dt { margin-left:10%; }
#pageSatisfy header p:before { top: 0px !important; }
#pageSatisfy #satisfactionVO header p { min-height: 0px; }
#pageSatisfy header { background-color:#2d5785; }
#pageSatisfaction header { background-color:#fff; color:#666; }

/* 구독신청 */
.right {float:right; }
.textR{text-align:right;}
.texL{text-align:left;}
.tableRow tbody td.texL{text-align:left; }

.tab_on { display:inline-block; border:1px solid #b2b2b2; padding:5px 20px; background-color:#2162a2; margin:0; }
.tab_on a { color:#ffffff !important; font-weight:bold; }
.tab_on a:Hover { text-decoration:underline; }
.tab_off { display:inline-block; border:1px solid #b2b2b2; padding:5px 20px; margin:0;}
.tab_off a:Hover { text-decoration:underline; }
.list { overflow: hidden; }
.list ul { display: block; margin-left: 3px; margin-top:20px; cursor:pointer; }
.list ul:after {content:""; display:block; clear:both;}
.list ul>li { float: left; width: 20%; }
table.basicA_eng td { padding:.5em; height:1.3em }
.inp_height { height:2.3em !important;}
.txt_center { text-align:center; }
.bg_colorG { background-color:#fbfbfb;}
.sel_height { height:2.5em !important; }
.dis_b { display:block; width:100%;}

/* Board Search */
.boardHead {margin-bottom:2.5em;}
.boardHead .nbTxtTbInfo {margin:1.071em 0 0.714em; color:#999; font-weight:normal;}
.boardSearchForm {width:100%; border-top:2px solid #333; border-bottom:1px solid #333;}
.boardSearchForm:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.boardSearchForm .rowTable .group.only {width:100%;}
.boardSearchForm .rowTable .cell, .boardSearchForm .cellHeader {-webkit-box-sizing:border-box; box-sizing:border-box;}
.boardSearchForm .rowTable .cellHeader {background:#f5f5f5; font-weight:bold; text-align:center;}
.boardSearchForm .rowTable .cellHeader:before {content:''; display:inline-block; vertical-align:middle; height:100%;}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt {display:inline-block; vertical-align:middle;}
.boardSearchForm .rowTable .cell .hyphen {color:#b5b5b5;}
.boardSearchForm .rowTable .cell input.date {width:13%; min-width:69px;}
.boardSearchForm .rowTable .cell .btnTypeM.btnIcoSearch {padding-left:1.143em; padding-right:1.143em;}
.boardSearchForm .rowTable .cell .srchKeyword .btnTypeM.btnIcoSearch {margin-left:-4px;}
.boardSearchForm .rowTable .cell input, .boardSearchForm .rowTable .cell select {border-radius:0;}
.boardSearchForm .rowTable .cell select {height:38px;}

/* Board : List */
.boardTop { overflow:hidden}
.boardTop:after { content:""; display:block; clear:both;}
.boardTop .boardInfo { float:left; padding-top:15px;}
.boardTop .boardInfo i { font-weight:bold; color:#e33333}
.boardTop .boardSearch { float:right; margin-bottom:10px;}
.boardTop .boardSearch input[type="text"] { border-radius:5px 0 0 5px; border-right:none; }
.boardTop .boardSearch input[type="text"] + input[type="submit"],
.boardTop .boardSearch input[type="text"] + input[type="button"] { border-radius:0 5px 5px 0 ; border-right:none; margin-left:-5px;}

.boardList { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:3px solid #61646c;}
.boardList caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
.boardList th, .boardList td { padding:15px 5px 13px; border-bottom:1px solid #d7d7d7;}
.boardList thead th { background:url(../../img/common/board/line_th.gif) no-repeat 0 50% #f6f6f7; border-bottom:1px solid #61646c; }
.boardList thead th:first-child { background-image:none;}
.boardList tbody td { text-align:center}
.boardList tbody td:nth-child(2) { text-align:left}
.boardList tbody td.title { text-align:left}
.boardList tr:hover td, .boardList tr:focus td { background:#fafafb;}
.boardList tbody td.title a:hover {text-decoration:underline;}

*[class^='btn'].btnTypeWide {display:inline-block !important;}

/* Board List */
.boardListTxt { color:#999; }
.boardListTxt b {/*color:#333; float:right;*/}
.boardListTxtR {margin:0 0 0.714em; text-align:right;}
.boardList {width:100%; border:0; border-spacing:0; border-collapse:separate; border-top:2px solid #333; table-layout:fixed;}
.boardList caption {position:absolute; z-index:-10; top:0; left:0; width:1px; height:1px; overflow:hidden;}
.boardList th, .boardList td {padding:14px 5px; border-bottom:1px solid #d7d7d7;}
.boardList thead th {background:#f5f5f5; border-bottom:1px solid #333;}
.boardList tbody {background:#fff;}
.boardList tbody td {text-align:center; font-size:100%;}
.boardList td {color:#666; border-bottom:1px solid #ddd;}
.boardList td.title {text-align:left ;color:#333; font-size:115%;}
.boardList td.grade {color:#26569f; font-size:125%; font-weight:bold;}
.boardList td img {vertical-align:middle;}
.boardList td .tagNew {display:inline-block; border-radius:5px; background:#3374d7; color:#fff; font-size:85%; padding:3px 6px; margin-right:5px; font-weight:bold;}
.boardList td .tagNotice {display:inline-block; border-radius:5px; background:#df2424; color:#fff; font-size:85%; padding:3px 6px; margin-right:5px; font-weight:bold;}
.boardList tr:hover td, .boardList tr:focus td {background:#fafafb;}

/* Board View */
.attfilesPhotoWrap {font-size:90%;}
.attfilesPhotoWrap .attfilesPhotoTxt {border-top:1px solid #ddd; padding-top:0.571em;}
.attfilesPhoto {overflow:hidden;}
.attfilesPhoto li {position:relative; float:left; width:160px; margin:0 16px 0.500em 0;}
.attfilesPhoto li .thumb {position:relative; display:block; height:110px;}
.attfilesPhoto li .thumb img {width:100%; height:100%; vertical-align:top;}
.attfilesPhoto li .thumbCaption {display:block; overflow:hidden; padding:4px 0;}
.attfilesPhoto li .thumbCaption .fileName {float:left; font-weight:bold; color:#999;}
.attfilesPhoto li .thumbCaption .byte {float:right; margin-top:2px; font-size:85%; color:#1e4da4;}
.attfilesPhoto li .btnDelFile {position:absolute; z-index:2; left:-9999px; top:37px; margin-left:-18.5px; width:37px; height:37px; overflow:hidden; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat 0 0; text-indent:-9999px;}
.attfilesPhoto li .btnTypeM.btnFileAddPhoto {display:block; height:110px; overflow:hidden; border-radius:0; text-align:center; line-height:1;}
.attfilesPhoto li .btnTypeM.btnFileAddPhoto:before {content:''; display:block; width:55px; height:45px; margin:20px auto 8px; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat -80px 0;}
.attfilesPhoto li.insertFilePhoto:hover .thumb:after {content:''; position:absolute; z-index:1; top:0; right:0; left:0; bottom:0; background:#000; background:rgba(30,77,164,0.6);}

/* Board : View */
.boardView { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.boardView .titleArea { position:relative; padding:20px; background:#f6f6f7; border-bottom:1px solid #61646c;}
.boardView .titleArea .title { font-size:1.3em; font-weight:bold; color:#333}
.boardView .titleArea .boardDate { margin-top:15px; color:#666;}
.boardView .titleArea .boardDate .view {  padding-left:30px; background:url(/resource/img/common/board/icon_view.png) no-repeat 8px 1px;}
.boardView .infoArea { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardView .infoArea li { float:left; width:50%; padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}
.boardView .infoArea li.last { width:100%;}
.boardView .form-data-subject dt { text-indent:-99999px; position:absolute; top:0; right:0; }
.boardView .form-data-subject dd { font-size:0.5em; }
.boardView .form-data-subject .tit {  }
.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li { padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea2 li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}
.boardView .articleArea { padding:20px; }
.boardView .listArea li { border-top:1px solid #cccfd5; }
.boardView .listArea li a { display:table-cell; padding:15px 15px 13px;}
.boardView .listArea li span { display:table-cell; width:100px; padding:15px 15px 13px 20px; text-align:center; font-weight:bold; background:url(/resource/img/common/board/icon_link_list.png) no-repeat 5px -85px #f5f5f5;}
.boardView .listArea li:first-child span { background-position: 5px 14px;}

/* Board View */
.attfilesPhotoWrap {font-size:90%;}
.attfilesPhotoWrap .attfilesPhotoTxt {border-top:1px solid #ddd; padding-top:0.571em;}
.attfilesPhoto {overflow:hidden;}
.attfilesPhoto li {position:relative; float:left; width:160px; margin:0 16px 0.500em 0;}
.attfilesPhoto li .thumb {position:relative; display:block; height:110px;}
.attfilesPhoto li .thumb img {width:100%; height:100%; vertical-align:top;}
.attfilesPhoto li .thumbCaption {display:block; overflow:hidden; padding:4px 0;}
.attfilesPhoto li .thumbCaption .fileName {float:left; font-weight:bold; color:#999;}
.attfilesPhoto li .thumbCaption .byte {float:right; margin-top:2px; font-size:85%; color:#1e4da4;}
.attfilesPhoto li .btnDelFile {position:absolute; z-index:2; left:-9999px; top:37px; margin-left:-18.5px; width:37px; height:37px; overflow:hidden; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat 0 0; text-indent:-9999px;}
.attfilesPhoto li .btnTypeM.btnFileAddPhoto {display:block; height:110px; overflow:hidden; border-radius:0; text-align:center; line-height:1;}
.attfilesPhoto li .btnTypeM.btnFileAddPhoto:before {content:''; display:block; width:55px; height:45px; margin:20px auto 8px; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat -80px 0;}
.attfilesPhoto li.insertFilePhoto:hover .thumb:after {content:''; position:absolute; z-index:1; top:0; right:0; left:0; bottom:0; background:#000; background:rgba(30,77,164,0.6);}
.attfilesPhoto li.insertFilePhoto:hover .btnDelFile, .attfilesPhoto li .btnDelFile:focus {left:50%;}

.boardView {border-top:2px solid #333; border-bottom:1px solid #333;}
.boardView .form-group {overflow:hidden;border-top:1px solid #ddd;}
.form-group .form-data-info >span {display:inline-block;position:relative;line-height:60px;vertical-align:middle;padding:0 20px;font-size:1.4rem;color:#666;}
.boardView .form-data-info dt {color:#999;}
.boardView .form-data-info dt > span, .field-etc dt > span {display:inline-block; position:relative;min-width:98px;padding:0 20px 0 0;white-space:nowrap;}
.boardView .form-data-info dt > span:after,
.field-etc dt > span:after,
.form-group .form-data-info .writtenDay:after {content:''; position:absolute; top:50%; right:0; margin-top:-5.5px; width:1px; height:11px; background:#bbbdbf;}

/* 기타필드별 아이콘 */
.boardView .field-etc .form-data-info dt,
.field-etc dt {padding: 8px 0 8px 40px;background-position:10px 50%;background-repeat:no-repeat;}
.boardTextGallery3 .egCont .field-etc dt {width:62px;}
.boardTextGallery3 .egCont .field-etc dd {padding:8px 0 8px 15px}
.field-etc dt:before,
.boardTextGallery3 .egCont .field-etc dt:before {display:none;}
.field-etc .info-location dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_location.png);}
.field-etc .info-phone dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_phone.png);}
.field-etc .info-directions dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_directions.png);}
.field-etc .info-admission dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_admission.png);}
.field-etc .info-hours dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_hours.png);}
.field-etc .info-web-site dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_web-site.png);}
.field-etc .info-website dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_web-site.png);}
.field-etc .info-establishment-date dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_establishment-date.png);}
.field-etc .info-amenities dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_store.png);}
.field-etc .info-inquiry dt {background-image:url(/humanframe/theme/global/assets/img/icon/bbs_icon_phone.png);}

.boardView .form-data-info dd {color:#666; font-size:115%;}
.boardView .form-data-info .attfiles li {font-size:90%; word-wrap:break-word;}
.boardView .form-data-info .attfiles li + li {margin-top:4px;}
.boardView .form-data-info .attfiles li img {vertical-align:middle;}
.boardView .form-data-info .attfiles li a {color:#2653a1; text-decoration:underline;}
.boardView .form-data-info .attfiles li .byte {font-size:90%; color:#989898;}
.boardView .form-data-info .copyright {padding:1.429em 1.000em; color:#666;}
.boardView .form-data-info.form-data-info-news dd.author .bul:before {content:'|'; margin:0 4px; color:#bebebe;}
.boardView .form-data-info.info-name,
.boardView .form-data-info.info-email {width:50%;float:left;}
.boardView .form-data-info.info-name input,
.boardView .form-data-info.info-name input,
.boardView .form-data-info.info-email input,
.boardView .form-data-info.info-tel input,
.boardView .form-data-info.info-address dd select,
.boardView .form-data-info.info-nationality dd select{width:240px;box-sizing:border-box;}
.boardView .form-data-info.info-address dd select + input[type="text"],
.boardView .form-data-info.info-nationality dd select + input[type="text"]{ width:62%;width:calc(100% - 250px);box-sizing:border-box;}
.boardView .form-data-tag {position:relative; margin-bottom:-1px; padding:10px 10px 24px; background:#fff;}
.boardView .form-data-tag dt, .boardView .form-data-tag dd {display:inline; line-height:1.6;}
.boardView .form-data-tag dt {margin-right:6px;}
.boardView .form-data-tag dd a {text-decoration:underline;}
.boardView .form-data-subject {background:none;padding:18px 0; font-size:170%; line-height:1.2;text-align:left;}
.boardView .form-data-subject-wrap {padding:18px 0;}
.boardView .form-data-subject-wrap .form-data-subject {padding:0;}
.boardView .form-data-subject-wrap p {margin-top:8px; font-size:115%; color:#666;}
.boardView .form-data-content {display:block;position:relative;background:#f4f4f4;}
.boardView .form-data-content dt {position:absolute;left:-9999px; height:0;text-indent:-9999999999999px;}
.boardView .form-data-content dd {position:relative;margin:0;padding:1.250em 1.500em; font-size:115%; color:#666;}

.boardView .form-data-content dd p {margin:0px;/*  !important; */ padding:0px;/*  !important; */}

.boardView .form-data-content dd img {max-width:100%;}
.boardView .form-data-row {display:table; width:100%; height:60px; table-layout:fixed;}
.boardView .form-data-row dt, .boardView .form-data-row dd {display:table-cell;}
.boardView .form-data-row dt {vertical-align:middle; background:#f5f5f5; padding:6px 0; text-align:center; font-weight:bold;}
.boardView .form-data-row dd {vertical-align:top; padding:1.0em 1.250em;}
.boardView .attfilesPhoto {padding:8px 5px;}
.boardView .attfilesPhoto li {margin:8px;}
.boardView.boardViewType2 .form-data-info {background:#f5f5f5;}
.boardView.boardViewType2 .form-data-info dt, .boardView.boardViewType2 .form-data-info dd {color:#666; font-size:100%;}
.boardView.boardViewType2 .form-data-info dt > span:after {content:none;}
.boardView.boardViewType2 .form-data-info .attfiles li {font-size:inherit;}
.boardView.boardViewType2 .form-data-content {background:#fff;}
.boardView.boardViewType2 .form-data-content dd {padding-left:10px; padding-right:10px;}

.MsoNormal{-webkit-margin-after:0em; -webkit-margin-before:0em; margin:0px !important; padding:0px !important;}

.boardViewReply {margin-top:2.857em;}
.boardViewReply .tit {margin:0 0.222em 0.389em; font-size:130%;}
.boardViewReply .tit:before {content:''; display:inline-block; vertical-align:0; width:15px; height:13px; margin-right:6px; background:url('../../assets/img/ico_reply.png') no-repeat 0 0;}
.boardViewPager {margin-top:-1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.boardViewPager li {position:relative; border-top:1px solid #ddd;}
.boardViewPager li:first-child {border-top:0;}
.boardViewPager li em {position:absolute; left:0; top:0; color:#999;}
.boardViewPager li em:after {content:''; position:absolute; top:50%; right:0; margin-top:-5.5px; width:2px; height:11px; background:#bbbdbf;}
.boardViewPager li .subject {display:block; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardViewPager li .subject a {color:#333;}

/* Button */
.btnArea {margin:2.143em 0 0; text-align:center;}
.btnArea:after {content:''; display:block; font-size:0; line-height:0;}
.btnArea *[class^='btnType'] {margin:2px 0;}
.btnArea.btnRt {text-align:right;}
.btnArea.btnLt {text-align:left;}

.btnMoreType1 {clear:both; margin-top:35px; text-align:center; line-height:1;}
.btnMoreType1:before {content:''; display:inline-block; vertical-align:middle; width:22px; height:1px; margin-right:20px; background:rgba(0,0,0,0.4);}
.btnMoreType1:after {content:''; display:inline-block; vertical-align:middle; width:22px; height:1px; margin-left:20px; background:rgba(0,0,0,0.4);}

.btnType1 {display:inline-block; vertical-align:middle; position:relative; border-radius:3px; background:#949494; border:1px solid #949494; padding:10px 12px; color:#fff; font-size:110%; line-height:1; font-weight:bold; white-space:nowrap; text-decoration:none !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnType1:hover, .btnType1:focus {background-color:#a0a0a0; border-color:#a0a0a0;}
.btnTypeS {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:1.923em; padding:0 0.615em; color:#fff; font-size:13px; line-height:1.923em; font-weight:normal; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeS[class*='btnLineType'] {line-height:1.615em;}
.btnTypeSM {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:2.143em; padding:0 0.857em; color:#fff; font-size:14px; line-height:2.143em; font-weight:bold; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeSM[class*='btnLineType'] {line-height:1.857em;}
.btnTypeM {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:2.857em; padding:0 1.143em; color:#fff; font-size:14px; line-height:2.857em; font-weight:bold; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeM[class*='btnLineType'] {line-height:2.571em;}
.btnTypeL {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:2.778em; padding:0 1.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:bold; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeL[class*='btnLineType'] {line-height:2.556em;}
.btnTypeXL {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:3.222em; padding:0 1.444em; color:#fff; font-size:18px; line-height:3.222em; font-weight:bold; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}

.btnColorType1 {background-color:#999 !important; color:#fff !important;}
.btnColorType2 {background-color:#1e4da4 !important; color:#fff !important;}
.btnColorType3 {background-color:#e45a5e !important; color:#fff !important;}
.btnColorType4 {background-color:#57a534 !important; color:#fff !important;}
.btnColorType5 {background-color:#fff !important; color:#999 !important; border:1px solid #ccc !important;}
.btnColorType6 {background-color:#aaa !important; color:#fff !important;}
.btnColorType7 {background-color:#f2803c !important; color:#fff !important;}
.btnColorType8 {background-color:#ecc613 !important; color:#fff !important;}
.btnColorType9 {background-color:#5c89e4 !important; color:#fff !important;}
.btnColorType10 {background-color:#41c2b4 !important; color:#fff !important;}
.btnColorType11 {background-color:#7f71e6 !important; color:#fff !important;}
.btnColorType12 {background-color:#32aff0 !important; color:#fff !important;}
.btnColorType13 {background-color:#fa4747 !important; color:#fff !important;}
.btnColorType14 {background-color:#164578 !important; color:#fff !important;}
.btnColorType15 {background-color:#df4556 !important; color:#fff !important;}
.btnColorType16 {background-color:#f56f34 !important; color:#fff !important;}
.btnColorType17 {background-color:#eb4d59 !important; color:#fff !important;}
.btnColorType18 {background-color:#3080e8 !important; color:#fff !important;}
.btnColorType19 {background-color:#6056bc !important; color:#fff !important;}
.btnLineType1 {border:2px solid #999 !important; color:#999 !important; background-color:#fff !important;}
.btnLineType2 {border:2px solid #1e4da4 !important; color:#1e4da4 !important; background-color:#fff !important;}
.btnLineType3 {border:2px solid #e45a5e !important; color:#e45a5e !important; background-color:#fff !important;}
.btnLineType4 {border:2px solid #57a534 !important; color:#57a534 !important; background-color:#fff !important;}
.btnLineType5 {border:2px solid #ccc !important; color:#999 !important; background-color:#fff !important;}
.btnLineType6 {border:2px solid #aaa !important; color:#aaa !important; background-color:#fff !important;}
.btnLineType7 {border:2px solid #f2803c !important; color:#f2803c !important; background-color:#fff !important;}
.btnLineType8 {border:2px solid #ecc613 !important; color:#ecc613 !important; background-color:#fff !important;}
.btnLineType9 {border:2px solid #5c89e4 !important; color:#5c89e4 !important; background-color:#fff !important;}
.btnLineType10 {border:2px solid #41c2b4 !important; color:#41c2b4 !important; background-color:#fff !important;}
.btnLineType11 {border:2px solid #7f71e6 !important; color:#7f71e6 !important; background-color:#fff !important;}
.btnLineType12 {border:2px solid #32aff0 !important; color:#32aff0 !important; background-color:#fff !important;}
.btnLineType13 {border:2px solid #fa4747 !important; color:#fa4747 !important; background-color:#fff !important;}
.btnLineType14 {border:2px solid #164578 !important; color:#164578 !important; background-color:#fff !important;}
.btnLineType15 {border:2px solid #df4556 !important; color:#df4556 !important; background-color:#fff !important;}
.btnLineType16 {border:2px solid #f56f34 !important; color:#f56f34 !important; background-color:#fff !important;}
.btnLineType17 {border:2px solid #eb4d59 !important; color:#eb4d59 !important; background-color:#fff !important;}
.btnLineType18 {border:2px solid #3080e8 !important; color:#3080e8 !important; background-color:#fff !important;}
.btnLineType19 {border:2px solid #6056bc !important; color:#6056bc !important; background-color:#fff !important;}

/* Common */
.bs-board { position: relative; margin: 0 auto; overflow: hidden; }
.bs-board h4 { font-size: 1.2em; margin-bottom: 20px; }
.bs-form-box { position: relative; margin: 0 auto; overflow: hidden; margin-bottom: 50px; border-top: 3px solid #61646c; }
.bs-form-box dl { display: block; position: static; height: 100%; border-bottom-style: solid; border-bottom-width: 0px;}
.bs-form-box dt { padding: 10px 20px; box-sizing: border-box; }
.bs-form-box dd { padding: 10px; box-sizing: border-box; min-height: 40px; }
.bs-form-box dt { position: absolute; top: 0; bottom: 0; width: 150px; color: #000; }
.bs-form-box dd { margin-left: 150px; overflow: hidden; }
.bs-form-box dd input,
.bs-form-box dd textarea,
.bs-form-box dd select { max-width: 100%; box-sizing: border-box; }
.bs-form-box dd input[type="text"],
.bs-form-box dd input[type="number"],
.bs-form-box dd input[type="email"],
.bs-form-box dd input[type="password"],
.bs-form-box dd select,
.bs-form-box dd textarea{ width: 100%; }
.bs-form-box dd label { cursor: pointer; }
.bs-form-box dd div { display: block; float: left; margin-right:1.5em; }
.bs-form-box dd legend { display: block; position: absolute; top: -5px; left: -5px; width: 1px; height: 1px; overflow: hidden; }
.bs-form-box fieldset { display: inline; position: static; }
.bs-form-box .form-group { position: relative; clear: both; border-bottom-style: solid; border-bottom-width: 1px; }
.bs-form-box .form-group:after { content: ""; display: block; position: relative; clear: both; }

/* Type Layout */
.bs-form-box dl { width: 50%; float: left; }
.bs-form-box dl.form-data-subject,
.bs-form-box dl.form-type-B,
.bs-form-box dl.form-str-addss { width: 100%; clear: both; }
.bs-form-box dl.form-str-integer input { text-align: right; }
.bs-form-box dl.form-str-addss dd { padding-right: 100px; }
.bs-form-box dl.form-str-addss dd button { position: absolute; right: 10px; top: 10px; height: 38px; }
.bs-form-box dl.form-data-content textarea { height: 400px; }

/* Paging */
.paginate {margin:2.143em 0 0; text-align:center; font-size:80%;}
.paginate .number {display:inline-block; margin:0 22px;}
.paginate .number a, .paginate .number strong {display:inline-block; vertical-align:middle; width:25px; height:22px; margin:2px 0; line-height:22px; color:#999; border:1px solid #ccc; border-radius:3px;}
.paginate .number strong {border-color:#1e4da4; background-color:#1e4da4; color:#fff; font-weight:normal;}
.paginate > a {display:inline-block; vertical-align:middle; width:37px; height:24px; overflow:hidden; border:1px solid #ccc; border-radius:3px; background:url('../img/common/sp_ico_paginate.png') no-repeat; text-indent:-9999px;}
.paginate > a.pgFirst {background-position:center 6px;}
.paginate > a.pgPrev {background-position:center -14px;}
.paginate > a.pgNext {background-position:center -34px;}
.paginate > a.pgEnd {background-position:center -54px;}
.paginate a:hover, .paginate a:focus {background-color:#f5f6f8; text-decoration:none;}

h4 { font-size:1.8rem; color:#0058a8; background:url('../img/sub/bg_h4.gif') no-repeat left 16px; padding:10px 0 10px 8px !important; }
h5 { font-size:1.6rem; color:#0058a8; background:url('../img/sub/bg_h5.gif') no-repeat left center; margin:.5em 0 .5em .8em; padding-left:10px; display:block; }
.boardView + h4 {margin-top:30px;}
.boardView + h4 + .boardView {margin-top:0;}
ul.ul_step1	{ display:block; }
ul.ul_step1 > li { margin-bottom:.4em; padding-left:1em; background:url('../img/sub/bg_ul_step1.gif') no-repeat left 8px; display:block; }
ul.ul_step1 > li > ul { margin-top:.4em;}
ul.ul_step1 > li > ul > li { margin-bottom:.4em; padding-left:1em; background:url('../img/sub/bg_li_step1.gif') no-repeat left 8px; display:block; }

.boardTextGallery3 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c; overflow:hidden; }
.boardTextGallery3 li { display:block;position:relative;min-height:140px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardTextGallery3 li:first-child { border-top:none;}
.boardTextGallery3 li:hover { background:#f9f9f9;}
.boardTextGallery3 .egImg { float:left; width:160px; height:140px; overflow:hidden;}
.boardTextGallery3 .egImg img { width:100%; height:100%; border:1px solid #ddd}
.boardTextGallery3 .egCont { margin-left:180px;}
.boardTextGallery3 .egCont:after {content:""; clear:both; display:block;}
.boardTextGallery3 .egCont p.title { margin:5px 0 10px; font-size:1.6rem; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery3 .egCont dl { overflow:hidden;}
/* .boardTextGallery3 .egCont dt { float:left; padding: 3px 15px 3px 0; width:20%;  font-weight:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:bold; color:#000; box-sizing:border-box;} */
.boardTextGallery3 .egCont dd { padding:3px 0 3px 0; box-sizing:border-box;}
.boardTextGallery3 .egCont dt { font-weight:bold;}
/*.boardTextGallery3 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}*/
.boardTextGallery3 .egCont dd:after { content:""; display:block; clear:both;}
.boardTextGallery3 li .btn_more { display:inline-block; width:90px;height:30px;font-size:1.2rem; text-align:center; color:#fff; background:#bbb; border-radius:2px;box-sizing:border-box;line-height:30px;vertical-align:middle; float:right;}

/* Collections */
.pavilion { padding:30px 0 0 0;}
.pavilion li { padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.pavilion li:first-child { border-top:none;}
.pavilion li:hover { background:#f9f9f9;}
.pavilion .egImg { float:left; width:160px;}
.pavilion .egImg img { max-width:100%; border:1px solid #ddd}
.pavilion .egCont { margin-left:180px;}
.pavilion .egCont p.title { margin:0 0 10px 0; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.pavilion .egCont dl { overflow:hidden;}
.pavilion .egCont dt { float:left; padding: 3px 15px 3px 0; width:20%;  font-weight:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:bold; color:#000; box-sizing:border-box;}
.pavilion .egCont dd { padding:3px 0 3px 22%; box-sizing:border-box;}
.pavilion .egCont dd p {margin:0;padding:0;}
.pavilion .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.pavilion .egCont dd:after { content:""; display:block; clear:both;}

.pavContWrap { overflow:hidden;}
.pavContWrap > span { display:block; float:left; width:30%; text-align:center;}
.pavContWrap > span img { max-width:100%;}
.pavContWrap .exhCont { overflow:hidden; margin-left:30%; padding-left:20px; }
.pavContWrap .exhCont > dt { float:left; padding: 7px 15px 3px 15px; width:20%; font-weight:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 13px; border-top:1px solid #ddd; box-sizing:border-box; }
.pavContWrap .exhCont > dd { padding:7px 0 7px 22%; border-top:1px solid #ddd; box-sizing:border-box; }
/*.pavContWrap .exhCont > dt:first-child,
.pavContWrap .exhCont > dt:first-child + dd { border-top:2px solid #d0d0d0;}
.pavContWrap .exhCont > dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}*/
.pavContWrap .exhCont > dd:after { content:""; display:block; clear:both;}

.w100p { width:100% }
.tobox01{position:relative; overflow:hidden;}
.tobox01 .area01{text-align:left; margin:0em 0.3em 0em 0em; }
.tobox02{width:100%; position:relative; overflow:hidden; border:1px solid #eee; border-width:0 0 1px 0; padding:0.5em 0em 0.5em 0em;}
.tobox02:last-child {border-bottom:none;}
.tobox03{width:100%; position:relative; overflow:hidden; padding:0.5em 0em 0.5em 0em;}
.tobox_button1 { position:relative; display:block; overflow:hidden; padding:0.3em 2.2em 0.4em 2.2em; margin-bottom:5px; border-radius:8px; background:#fff; border:1px solid #bdc3d9; font-size: 1.6rem; font-weight: bold; color:#0058a8; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.tobox_button2 { overflow:hidden; padding:0.4em 1em 0.4em 1em;  border-radius:5px; background:#828fb7; font-size: 17px; color:#fff; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.tobox_button3 { overflow:hidden; padding:0.4em 1em 0.4em 1em; margin-bottom:2px; border-radius:5px; background:#77a1bd; font-size: 17px; color:#fff; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.tobox_button4 { overflow:hidden; padding:0.4em 1em 0.4em 1em; margin-bottom:2px; border-radius:5px; background:#81aeb6; font-size: 17px; color:#fff; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.toFac{border:2px solid #eee; background:url('/resource/img/tour/sub/sub16043_img07.gif') repeat-x; margin:0em 0em 1em 0em; }
.toFac_bg{border:3px solid #fff; padding:0em 1em 0em 2em; }
.area01{text-align:left; float:left; margin:0.3em 0em 0em 0em;}
.area02{text-align:left; float:left;  width:90%; }
.text02{text-align:left; float:left; padding:0.5em 0em 0.2em 2em; width:120px;}

/* 20180705 */
.contents > ul.listStyle {border: 1px solid #dfdfdf; padding: 20px; margin-top: 20px; background: #eaebeb;}

.lheight0 {line-height:inherit !important;}

/*설문조사*/
.boxGuide {width:100%; height:100%; line-height:2.0em !important; margin-bottom:25px; padding:1.0em; word-break:break-all !important; word-wrap:break-word !important; }
.input_mail { width:41%; }

.ui-widget{ font: 12px/18px Arial, Verdana, Tahoma, Dotum, Gulim, "Lucida Grande",AppleGothic, UnDotum, sans-serif !important; }
img[usemap] { border:none; height:auto; max-width:100%; width:auto; }
.img01 { max-width: 770px; }
.popList { overflow: hidden; }
.popList a { float: left; display:block; color:#fff; margin:0.5px; width:30%; text-align:center; padding:13px 0;background:url(/resource/img/busan/sub/sub0410_icon01.png) no-repeat 93% 18px #5b79b9; }
.popList a:hover{ background-color: #4969ab; }

.boardSearchForm .rowTable .cell input.date { width:13%; }

/* Survey */
.survey-question {display:block;}
.survey-question > li { display:block;padding:20px 0;}
.survey-question .title {display:block;padding:20px 0;}
.survey-question > li >ol {margin:0 0 0 20px;}
.survey-question > li >ol >li {display:block;padding:0 0 10px 0;}

/* 이미지 뷰어 */
.imgViewWrap {position:relative; max-width:700px; margin:0 auto;}
.imgViewWrap .form-data-info dd {padding:10px !important; background:#999;}
.imgViewWrap .form-data-info .attfiles li {box-sizing:border-box; transition:border 0.3s; float:left; width:20%; max-height:120px; overflow:hidden;}
.imgViewWrap .form-data-info .attfiles li:hover {border:10px solid #0058a8;}
.imgViewWrap .form-data-info .attfiles li.active {border: 10px solid #0058a8;}
.imgViewWrap .form-data-info .attfiles li + li {margin-top:0;}
.imgViewWrap .form-data-info .attfiles li img {cursor:pointer;width:100%;}
.imgViewWrap .form-data-info .attfiles:after {content:""; clear:both; display:block;}
.imgViewWrap .arrow button {position: absolute; text-indent:-9999px; transform:translateY(-50%);width:40px; height:40px; background:rgba(255,255,255,.6) url(../../assets/img/icon/controls.png) no-repeat;}
.imgViewWrap .arrow .changePrev {background-position:0 0; top:40%; left:0;}
.imgViewWrap .arrow .changeNext {background-position:-71px 0; top:40%; right:0;}

/*photogallery*/
.thumbListType1Wrap { overflow:hidden; }
.thumbListType1Wrap .thumbListType1 { box-sizing:border-box; }
.thumbListType1Wrap .thumbListType1 > li { float:left; width:20.5%; margin:1%; padding:10px 10px 15px; border:1px solid #b7b8be;}
.thumbListType1Wrap .thumbListType1 > li .thumb { position: relative; overflow:hidden; width:100%; display:inline-block; }
.thumbListType1Wrap .thumbListType1 > li .thumb img { width:99%; height:auto; height:150px; border:1px solid #ddd; background-size:cover; background-position:center center; margin-bottom:0.5em; display:inline-block; }
.thumbListType1Wrap .thumbListType1 > li .thumb .titBar { overflow:hidden;}
.thumbListType1Wrap .thumbListType1 > li .thumb .titBar .bTitle { margin:8px 0; font-size:14px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.thumbListType1Wrap .thumbListType1 > li .thumb .titBar .bDate { float:right; font-size:12px;}
.thumbListType1Wrap .thumbListType1 > li .titBar .titTag { float:left; width:40px; }
.thumbListType1Wrap .thumbListType1 > li .titBar .tit { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; width:120px; }
.thumbListType1Wrap .thumbListType1 > li .titBar .date { clear:both; }
.thumbListType1Wrap .thumbListType1 > li .titBar .txtR { float:right; }

/* Events */
#eventForm > fieldset { overflow:hidden; margin:20px 0; padding:0 0 20px; border-bottom:1px dashed #c9c9c9; }
#eventForm legend_evt {/* float:left; width:80px; min-height:50px; */display:inline-block; margin: 0 0 4px 0;padding:5px 9px;border-radius:5px;background:#5c5f66;font-weight:normal;font-size:13px;color: #fff;box-sizing:border-box;}
/*#eventForm legend_evt:before { content:""; display:block; width:20px; height:2px; margin-bottom:1px; background:#fff; }*/
#eventForm fieldset > legend_evt + p { margin-bottom:5px; font-size:14px; margin-top:0;}
/* #eventForm fieldset > legend_evt + p:before { content:""; display:inline-block; width: 0; height:0; margin:0 5px 1px 0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #de5050; } */
#eventForm input[type="text"] { width:96%; box-sizing:border-box; }
#eventForm .formTb input[type="text"] { width:inherit; }
#eventForm input[type="radio"] { margin:5px 5px; }
#eventForm input[type="checkbox"] { vertical-align:inherit; }
#eventForm input[type="checkbox"] + label { vertical-align:inherit; margin-right:3px; }

.askCancel {max-width:120px; margin:0 auto; margin-top:20px; }
.askCancel input {width:150px;}
.agreeBox_evt { padding:10px 15px 10px 20px; margin-bottom:15px; border:1px solid #c9c9c9; }
.agreeBox_evt input[type="radio"]{ margin-right:8px; }

.popList li { font-weight:bold; padding-bottom:5px; }
.popList li > p { margin-left:15px; font-weight:normal }

.formTb label:first-child { display:inline-block; min-width:115px; margin-right:10px; font-weight:bold; }
.formTb label:first-child:before { content:""; display:inline-block; margin:0 5px 3px 0; width:2px; height:2px; background:#666; }
.formTb li { padding:3px; }

.linkView { padding-left:35px !important; font-weight:normal !important; }

@media only screen and (min-width:0px) and (max-width:359px) {			/* width 360이하 모바일(갤럭시S2 대상) */
    /* 구독신청 */
    .tab_on { display:block; text-align:center; }
    .tab_off { display:block; text-align:center; }
    .sel_height { width:100%;}
    #scrollup { bottom:20px; right:20px; }
    .contentHeader h3 { margin-top:0; }
    .contentHeader .pageLocation .snsIcon { display:none; }

    .thumbListType1Wrap .thumbListType1 > li { width:90.5%; }
}

@media only screen and (min-width:0px) and (max-width:768px) {			/* 모바일(갤럭시노트급 대상) */
	/* common */
	.flot_right { margin:1.3em 0; }
	.flot_left { margin:1.3em 0; }
	#scrollup { bottom:20px; right:20px; }

	/* 상단 검색창 */
	#searchWarp	{ height:380px; }
	.container { padding:0 10px 50px 10px; }
	.contentHeader .pageLocation .snsIcon { display:none; }
	#lnb_site_menu { display:none; }

	/* 본문내용 */
	.contents { padding-top:0 !important; }
	#key_visual_mobile { margin-bottom:30px; }
	#key_visual { display:none; }
	.image_fit { width:100%; }

	.contentHeader h3 { margin-top:0; }
	.popList a { padding:13px 35px 13px 10px !important; text-align:left !important; width:43.5% !important; }

	.thumbListType1Wrap .thumbListType1 > li { width:27.5%; }
	/* #bg_wrap{background:#ddd url('../img/sub/bg_sub02_m.jpg') no-repeat top center;} */ 
}

@media only screen and (min-width:769px) and (max-width:1023px) {		/* 테블릿() iPad Portrait */
	/* common */
	.flot_right { float:right; margin-top:1.3em; margin-left:20px; }
	.flot_left { float:left; margin-top:1.3em; margin-right:20px; }
	#scrollup { bottom:20px; right:20px; }

	/* 상단 검색창 */
	#searchWarp { height:360px; }
	.container { padding:0 10px 50px 10px; }
	#leftMenuWrap { display:none;}
	#lnb_site_menu { display:none; }
	#contentWrap { padding:0 ;}
	.sideLink { max-width:768px;}
	.sideLink select { background-position:87px 6px;}

	/* 본문내용 */
	#key_visual { margin-bottom:40px; }
	#key_visual_mobile { display:none; }
	.image_fit { width:100%;}

	.contentHeader .pageLocation .snsIcon { display:none; }
}

@media only screen and (min-width:1024px) {             /* PC */
	/* common */
	.sideLinkx { position:relative; max-width:1260px; width:100%; margin:0 auto 20px; padding-bottom:0; background:#fff; border:1px solid #dadbdc; border-width:0 1px 1px 1px; }
	.sideLink h2 { height:40px; padding:10px 0; text-align:center; font-size:1.2em; font-weight:normal; background:#4e535f; color:#fff; }
	.sideLink h2 span { display:inline-block; padding-left:20px; }
	.sideLink ul { float:left; width:80%; }
	.sideLink ul li { float:left;  width:25%; border:1px solid #dfe0e2; border-width:0 1px 0 0; background:#fff; }
	.sideLink ul li a { display:block; height:96px; padding:32px 0 15px 0; }
	.sideLink ul li:first-child a { padding-top:23px; }
	.sideLink form { float:right; width:20%; padding:0 5px; }
	.sideLink fieldset { position:relative; margin:3px 0; }
	.sideLink select { width:100%; height:28px; padding-left:5px; border:1px solid #ddd; background:url(../img/busan/common/search_select_arrow.gif) no-repeat 180px 6px #fff; }
	.sideLink .btnJump { position:absolute; top:0; right:0; display:block; width:34px; height:28px; background:url(../img/busan/common/btn_search.png) no-repeat center #4663a2; background-size:50%; border:none; }
	.fixedSide	{ position:relative; top:0; }
	.sideLink .sideInner { overflow:hidden; position: relative; max-width:1260px; width:100%;  height: 100%; }
	.flot_right	{ float:right; margin-top:1.3em; margin-left:20px; }
	.flot_left { float:left; margin-top:1.3em; margin-right:20px; }

	/* 상단 검색창 */
	#searchWarp { height:480px; }
	.containerWrap { position:relative; width:100%; height:100%; padding-right:0px; }
	.container { max-width:1280px; padding:0 10px 50px 10px; }
	#contentWrap { float:right; width:100%; padding:0 20px 0 40px; }
	.sideLink, .sideLink .sideInner { max-width:1000px; }
	.sideLink select { background-position:130px 6px; }

	/* 본문내용 */
	#key_visual	{ margin-bottom:60px; }
	#key_visual_mobile { display:none; }

	/* 하단만족도 외 */
	#pageSatisfy, #pageSatisfaction	{ max-width:960px; margin-top:100px; }

	/* .contentHeader { padding:38px 0 50px 320px; }
	.contents { padding:38px 0 50px 320px; } */
	
	#contents {padding:38px 0 50px 320px;}
}

@media only screen and (min-width:769px) {
	/* Board Search */
	.boardSearchForm .rowTable { display:table; width:100%; }
	.boardSearchForm .rowTable .row { position:relative; display:table-cell; vertical-align:middle; height:48px; border-top:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box; }
	.boardSearchForm .rowTable .row .group { display:table-cell; vertical-align:middle; width:40%; }
	.boardSearchForm .rowTable .row .group.only { width:1%; }
	.boardSearchForm .rowTable .cellHeader { position:absolute;top:0;bottom:0;width:114px;padding:0 4px 0 14px; }
	.boardSearchForm .rowTable .cellHeader.txtCenter { padding-left:4px; }
	.boardSearchForm .rowTable .cell { padding:4px 4px 4px 120px; }
	.boardSearchForm .rowTable:first-child .row:first-child { border-top:0; }
	.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv { margin-left:10px; }

	/* Board View */
	.boardView .form-group:first-child { border-top:0; }
	.boardView .form-data-info {display:table; width:100%; min-height:60px; }
	.boardView .form-data-info dt, .boardView .form-group .form-data-info dd,
	.field-etc dt, .field-etc dd { display:table-cell; vertical-align:middle; }
	.boardView .form-data-info dt { width:82px; padding:8px 0 8px 10px; }
	.boardView .field-etc .form-data-info dt {width:169px; }
	.boardView .field-etc .form-data-info dt > span { width:149px; }
	.boardView .form-data-info dd, .field-etc dd { padding:8px 0 8px 20px; }
	.boardView .form-data-info dd + dt { padding-left:20px; }
	.boardView .form-data-info.form-data-info-news { height:auto; }
	.boardView .form-data-info.form-data-info-news:after { content:''; display:block; clear:both; font-size:0; line-height:0; }
	.boardView .form-data-info.form-data-info-news dt, .boardView .form-data-info.form-data-info-news dd { float:left; display:inline-block; padding:20px 0 20px 10px; }
	.boardView .form-data-info.form-data-info-news dt { width:auto !important; }
	.boardView .form-data-info.form-data-info-news dd.source { float:right; padding-right:10px; }
	.boardView .form-data-row dt, .boardView .form-data-row dd { font-size:115%; }
	.boardView .form-data-row dt { width:180px; }
	.boardView.boardViewType2 .form-data-info {height:auto;}
	.boardView.boardViewType2 .form-data-info dt, .boardView.boardViewType2 .form-data-info dd { padding:10px 0 10px 10px; vertical-align:top; }
	.boardView.boardViewType2 .form-data-info dt { width:65px;}
	.boardViewPager li { line-height:60px; }
	.boardViewPager li em { width:82px; padding-left:10px; }
	.boardViewPager li .subject { padding:0 10px 0 112px; }
	.boardViewPager li .subject a { font-size:115%; }
}

@media all and (max-width:768px) { 
	
	.boardViewPager li em {width:68px; padding:12px 0;}
	.boardViewPager li .subject {padding:12px 0 12px 78px;}
	.srcoll-table > div.big_img > img {max-width:190% !important;}
	
	/*테이블 스크롤 없애기*/
	.no-scroll .srcoll-table {margin-top:0;}
	 .no-scroll .srcoll-table table{overflow-x: hidden !important;}
	 .no-scroll .srcoll-table table {width:100% !important;}
	 .no-scroll .srcoll-table:after {display:none !important;}
	 .no-scroll .srcoll-table:before {display:none !important;}
	
}

@media only screen and (max-width:1290px) {
}

@media only screen and (max-width:1200px) {
	/* .contentHeader, .contents { padding:38px 0 50px 242px; } */
}

@media all and (max-width:1024px){
	#bg_wrap {margin-top:114px;}
}

@media only screen and (max-width:768px) {
	.scrollX { overflow-x:auto; }
	.boardSearchForm .rowTable .cell {margin:2px 0; display:table; width:100%; padding:4px;}
	.boardSearchForm .rowTable .cellHeader{ display:none;}
	/* .boardSearchForm .rowTable .cell > .selectForm {display:table-cell;} */
	/* .boardSearchForm .rowTable .cell > .cellInDv {display:table-cell;} */
	.boardListTxt, .boardListTxtR { float:none; text-align:left; }
	.boardListTxtR span { margin-bottom:0.3em; }
	.boardView .form-group {padding:20px 0; }
	.boardView .field-etc .form-data-info dd {padding:0 0 0 40px; }
	.boardView .form-data-info dt > span:after { display:none; }
	.boardView .form-data-info.info,
	.boardView .form-data-info.info-name,
	.boardView .form-data-info.info-email,
	.boardView .form-data-info input[type="text"] {width:100%;box-sizing:border-box; }
	.boardView .form-data-info.info-email {margin-top:10px; }
	.boardView .form-data-info.info-address dd select,
	.boardView .form-data-info.info-nationality dd select{ width:100%; }
	.boardView .form-data-info.info-address dd select + input[type="text"],
	.boardView .form-data-info.info-nationality dd select + input[type="text"]{ display:block;margin-top:10px;width:100%; }
	
	.boardTextGallery3 .egImg {float:none; width:100%; height:auto;}
	.boardTextGallery3 .egImg img {height: auto;}
	.boardTextGallery3 .egCont {margin-left:0; width:100%;}
	.boardTextGallery3 .egCont .field-etc dd {padding:8px 0;}
	.boardTextGallery3 .egCont .field-etc dd {padding-left:0;}
}
/* @media only screen and (max-width:479px) {
#bg_wrap{background:#ddd url('../img/sub/eng_320.jpg') no-repeat top center;}	
	
} */

@media only screen and (max-width:414px) {
	.mo_N { display:none !important; }
}

@media only screen and (max-width:320px) {
	/* .boardSearchForm .rowTable .cell select { width:100% !important;} */
	.boardSearchForm .rowTable .cell input[type="search"] { width:73% !important;}
}