@charset "utf-8";

@font-face{ 
	font-family: 'ggBatang'; font-style:normal; font-weight:100;
	src: url('/css/font/gyeonggibatang_regular.woff') format('woff');
}

@font-face{ 
	font-family: 'ggBatang'; font-style:normal; font-weight:500;
	src: url('/css/font/gyeonggibatang_bold.woff') format('woff');
}

@font-face{ 
	font-family: 'ggTitle'; font-style:normal; font-weight:100;
	src: url('/css/font/gyeonggititle_light.woff') format('woff');
}

@font-face{ 
	font-family: 'ggTitle'; font-style:normal; font-weight:300;
	src: url('/css/font/gyeonggititle_medium.woff') format('woff');
}

@font-face{ 
	font-family: 'ggTitle'; font-style:normal; font-weight:500;
	src: url('/css/font/gyeonggititle_bold.woff') format('woff');
}

@font-face{ 
	font-family: 'ggTitleEvBold';
	src: url('/css/font/gyeonggititlev_bold.woff') format('woff');
}

html{-webkit-text-size-adjust:100%}
body {padding:0; margin:0; font-size:16px; line-height:1; font-family:'ggTitle', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; color:#333; width:100%; font-weight:100}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
img {border:none}

.blind {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    display: block;
    text-indent: -9999em;
    font-size: 0px;
    line-height: 0;
}

/* 링크 */
a, a:link {color:#333; text-decoration: none} 
a:visited {color: #333; text-decoration: none}
a:hover {color:#333; text-decoration:none}
a:focus {color:#333; text-decoration: none}
a:active {color:#333; text-decoration: none}
ul {list-style:none; margin:0; padding:0}
select {font-size:12px; height:22px}
table {width:100%; border-collapse:collapse}
caption {font-size:0px; text-indent:-10000px}

#wrap {width:100%; position:relative; overflow-y:hidden; margin:0 auto}
#wrap.popup {padding:10px; box-sizing:border-box}

#_header .m-skip { position:absolute; top:-9999em; z-index:200; overflow: hidden; border: 0; background-color: #2f7bca; color: #fff; font-size: 16px; padding: 3px 5px; display:block}
#_header .m-skip:hover ,
#_header .m-skip:active ,
#_header .m-skip:focus { position:absolute; top: 0}

#_header {width:100%; height:140px; background:#fff; z-index:200; box-sizing:border-box; font-size:0;  position:fixed; top:0; left:0}
#_header:before {position:absolute; top:70px; width:100%; height:1px; background:#e3e3e3; content:''}
#_header ._inner {width:100%; max-width:1300px; position:relative; margin:0 auto; padding-top:70px}

#_header .top_ {position:absolute; top:15px; right:0; display:flex; justify-content:flex-end}
#_header .top_ > div {vertical-align:middle}
#_header .top_ .search_ {width:180px; height:35px; box-sizing:border-box; border:1px solid #20549e; border-radius:17px; padding:0 15px; box-sizing:border-box; font-size:0; margin-right:10px}
#_header .top_ .search_ input[type="text"] {height:33px; width: calc(100% - 20px); border:none; box-sizing:border-box;; display:inline-block; font-size:20px; vertical-align:top}
#_header .top_ .search_ input[type="submit"] {width:20px; height:35px; border:none; background:url('/images/comm/ico_search.png') center center no-repeat; display:inline-block; font-size:0; vertical-align:top}
#_header .top_ > a {display:block; height:35px; min-width:80px; font-size:16px; text-align:center; border:1px solid #e3e3e3; border-radius:4px; font-weight:300; line-height:35px; margin-left:10px}


#_header .portal_menu {padding:0 2px 0 10px; background:#000; display:none; height:37px}
#_header .portal_menu ul {float: right}
#_header .portal_menu ul:after {content:""; clear:both; display:block}
#_header .portal_menu li {float: left;}
#_header .portal_menu li a {color: #fff; font-size: 13px; display:inline-block; padding: 19px 10px 18px;border-right: 1px solid rgba(255, 255, 255, 0.27);line-height: 0; font-weight:300}
#_header .portal_menu li:last-child a {border-right:0}


#_header h1 {font-size:0; margin-top:0; display:inline-block; position:absolute; left:0; top:10px}
#_header .combine {font-size:16px; position:absolute; left:180px; top:20px; padding:5px 10px; background:#009fab; color:#fff; border-radius:5px}
#_header.fixed  {position:fixed; top:0; transition:all 0.3s linear; background:#fff; box-shadow:0 5px 12px rgb(0 0 0 / 5%);}
#_header.nofixed {position:fixed; top:-160px; transition:all 0.3s linear;} 
#_header:after {content:''; width:100%; height:1px; background:#e3e4e8; position:absolute; top:126px; left:0; opacity:0; transition:all 0.3s;}



#_header .white-bg {position: absolute;right: 0; top:60px; z-index: 998; width: 1300px; height:370px; border: 2px solid #273594; border-radius: 27px; box-sizing: border-box; background: #fff url('/images/depth_bg.png') no-repeat right bottom; overflow: hidden; display:none}
#_header .gnb {position: relative; vertical-align:top}
#_header .gnb > ul {display:flex}
#_header .gnb > ul > li {width:33.333%; text-align:center; padding:0 55px; box-sizing:border-box; position:relative}
#_header .gnb > ul > li > a {font-size:22px; font-weight:300; display:block; width:100%; padding:22px 0; box-sizing:border-box}
#_header .gnb > ul > li.active > a,
#_header .gnb > ul > li > a:hover {position: relative; z-index: 999; line-height: 58px; padding: 0; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: #273594 #273594 #fff #273594; border-radius: 18px 18px 0 0; background-color: #fff; color: #273594}

/* 2뎁스 */
#_header .gnb > ul > li > ul {display:none;position:absolute;top:60px;left:0;width:100%;z-index:99999; padding:27px 40px 0 40px;box-sizing:border-box}
#_header .gnb > ul > li > ul > li > a {display: block; line-height: 44px; border: 2px solid #eee; border-radius: 22px; text-align: center; background-color: #fff; color: #0c0c0c; font-size: 20px;}
#_header .gnb > ul > li > ul > li.active > a,
#_header .gnb > ul > li > ul > li > a:hover {line-height: 48px; border: 0 none; background-color: #273594; color: #fff}
#_header .gnb > ul > li > ul > li > ul {margin-top:10px; margin-left:30px}
#_header .gnb > ul > li > ul > li > ul > li {text-align:left; word-break:break-all; position:relative; line-height: 20px; padding: 8px 0 8px 10px; font-size: 18px; letter-spacing: -1px; color: #666}
#_header .gnb > ul > li > ul > li > ul > li:before	{ position: absolute; left: 0; top: 16px; width: 3px; height: 3px; border-radius: 3px; background-color: #273594; content: ""; }
#_header .gnb > ul > li > ul > li > ul > li a:hover {color:#273594; font-weight:bold}

/* 추가 */
#_header .gnb > ul > li > ul > li > ul > li a.hasChild {position:relative; width:100%; display:block; background:none}
#_header .gnb > ul > li > ul > li > ul > li a.hasChild:after {content:"+";position: absolute; right: 10px; top: 50%; width: 22px; height: 22px; line-height: 22px; margin-top: -11px; border-radius: 22px; background-color: #ecf4f7; text-align: center; color: #273594; font-family: serif}
#_header .gnb > ul > li > ul > li > ul > li a.hasChild.open:after {content:"-"}
#_header .gnb > ul > li > ul > li > ul > li ul {display:none}
/* 추가 끝 */

#_header .gnb > ul > li > ul > li > ul > li > ul {padding: 15px 5px 15px 15px; border-radius: 8px; background-color: #f6f6f6; margin-top:10px}
#_header .gnb > ul > li > ul > li > ul > li > ul > li {line-height: 20px; padding: 3px 0 3px 10px; font-size: 16px; color: #666}



#_header .btn_mobile {position:absolute; right:10px; top:50%; z-index:4; color:#fff; display:block; background: url('/images/comm/menu.png') no-repeat center; text-indent: -999em; width:40px;height:40px; border:1px solid #eaeaea; box-sizing:border-box; display:none}

#_header .btn_all_menu {cursor:pointer; width:22px; height:23px; box-sizing:border-box; position:absolute; bottom:24px; right:0; background:#fff}
#_header .btn_all_menu span,
#_header .btn_all_menu span:before,
#_header .btn_all_menu span:after {height:3px; width:22px; background:#20549e; position:absolute; display:block; content:''; font-size:0; left:0}
#_header .btn_all_menu span {top:50%; margin-top:0}
#_header .btn_all_menu span:before {top:-10px; width:22px; left:0} 
#_header .btn_all_menu span:after{top:10px; width:22px; left:0; margin-top:0}
#_header .btn_all_menu span,
#_header .btn_all_menu span:before,
#_header .btn_all_menu span:after {transition: all 500ms ease-in-out}

#_nav {position:fixed;left:0;top:0;width:100%;height:0;z-index:500;font-family:nr,sans-serif;overflow:hidden;transition-delay:0.3s;display:none;}
#_nav ._bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; background:rgba(0,0,0,0.6); transition:0.5s; opacity:0;}
#_nav ._inner {position:absolute; left:-30px; top:0; width:100%; background:#093654; height:100%; overflow:auto; z-index:5; transition:0.5s; opacity:0;}
#_nav ._nav-close {position:absolute;right:10px;top:15px;z-index:10;width:40px;height:40px;border:none;background:#fff url('/images/comm/close.png') center no-repeat;transition:0.5s;opacity:0; text-indent: -999em; border:1px solid #eaeaea}
#_nav ._top {position:relative;box-sizing:border-box;padding:10px;background:#fff}
#_nav ._gnb a:hover {color:#8dfff4; text-decoration:underline}
#_nav ._gnb > li {position:relative}
#_nav ._gnb > li > a {display: block; border-bottom:1px solid rgba(255, 255, 255, 0.1); font-weight:300; font-size:16px; width:100%; color:#fff; height:auto; padding:10px; line-height:24px; box-sizing:border-box; font-weight:600; position:relative}
#_nav ._gnb > li.depth_add > a {background: url('/images/comm/up_down.png') no-repeat right 15px}
#_nav ._gnb > li.depth_add.active > a {background-color:#3483b9; background-position:right -23px}
#_nav ._gnb > li > ul {display:none}
#_nav ._gnb > li > ul > li > a {padding:10px 10px 10px 30px; border-bottom:1px solid rgba(255, 255, 255, 0.1); text-align:left; display:block; color:#fff; font-size:15px}
#_nav ._gnb > li > ul > li > ul {display:none; background:#2a4d84; padding:5px 0}
#_nav ._gnb > li > ul > li.depth_add > a {background: url('/images/comm/up_down.png') no-repeat right 13px}
#_nav ._gnb > li > ul > li.depth_add.active > a {background-color:#3483b9; background-position: right -23px}
#_nav ._gnb > li > ul > li > ul > li > a {padding:8px 0 8px 50px; text-align:left; display:block; color:rgba(255, 255, 255, 0.64); font-size:14px; position:relative}
#_nav ._gnb > li > ul > li > ul > li > a:before {content:''; position:absolute; width:2px; height:2px; background-color:#fff; top:50%; left:42px; transform:translateY(-50%)}

#_nav ._tnb_rig {margin-top:30px; width:100%; text-align:center; margin-left:-10px}
#_nav ._tnb_rig li {display:inline-block}
#_nav ._tnb_rig li a {display:block;margin-left:10px;font-size:12px;color:#757575;text-align:center;}
#_nav ._tnb_rig li a span {display:block;padding-top:8px;}
#_nav ._tnb_rig li:first-child {margin-left:0}
#_nav ._tnb_rig li:first-child a span {padding-top:7px}

#_nav .m_log {margin-top:20px; width:100%; text-align:center; margin-left:-10px}
#_nav .m_log li {display:inline-block}
#_nav .m_log li a {display:block;margin-left:10px;font-size:12px;color:#757575;text-align:center;}


._mnav-on #_nav {height:100%;transition-delay:0s;}
._mnav-on #_nav ._bg {opacity:1;}
._mnav-on #_nav ._inner {opacity:1;left:0;}
._mnav-on #_nav ._nav-close {opacity:1;}

/* all-menu */
#_header .all-menu {display:none; position:fixed; top:auto; left:0; z-index:1000; width:100%; height:100%; background:#f9f9f9; box-sizing:border-box; padding-top:50px}
#_header .all-menu h2 {text-align:center; color:#011e6a; font-size:24px}
#_header .all-menu .btn_close {position:absolute; top:0; right:200px; width:100px; height:100px; background:url('/images/comm/all-close.png') no-repeat center; font-size:0}
#_header .all-menu .inner {overflow:hidden; max-width:1200px; margin:0 auto}
#_header .all-menu .all-menu-box {float:left; margin-top:80px; width:33.333%; height:750px; border-left:dashed 1px #dedede; box-sizing:border-box; }
#_header .all-menu .all-menu-box:first-child {border-left:none; padding-left:10px;}
#_header .all-menu .all-menu-box h3 {position:inherit}
#_header .all-menu .all-menu-box h3 a {display:block; margin-bottom:22px; font-weight:400; font-size:19px; color:#2f9638; text-overflow:ellipsis; white-space:normal; text-align:center}
#_header .all-menu .all-menu-box ul {margin-bottom:20px;}
#_header .all-menu .all-menu-box > ul li a {display:block; font-size:17px; font-weight:700; line-height:30px; color:#222; word-break:keep-all; text-align:center}
#_header .all-menu .all-menu-box > ul li ul {margin-bottom:10px}
#_header .all-menu .all-menu-box > ul li ul li a {font-size:15px; font-weight:300; color:#888}
#_header .all-menu .all-menu-box h3 a:hover,
#_header .all-menu .all-menu-box ul a:hover {color:#219d00}


/*하단공통*/

	footer {background:#f2f2f2; position:relative; z-index:1}
	footer:before {content:''; width:100%; height:1px; background:#fff; position:absolute; top:70px; left:0; z-index:-1}
	footer .menu {width:1300px; margin:0 auto; z-index:1}
	footer .menu ul {line-height:70px; margin-left:-30px}
	footer .menu li {display:inline-block; position:relative; margin-left:30px}
	footer .menu li:last-child {margin-right:0}
	footer .menu li a {font-size:16px}
	footer .menu li:first-child a {color:#005399}

	footer .bottom {width:1300px; margin:0 auto; position:relative; box-sizing:border-box; padding:25px 0 50px 0}
	footer .bottom ul.addr {}
	footer .bottom ul.addr:after {content:""; clear:both; display:block}
	footer .bottom ul.addr li {font-size:16px; float:left; margin-right:30px; line-height:1.5}
	footer .bottom ul.addr li:nth-child(2),
	footer .bottom ul.addr li:nth-child(5) {clear:both}
	
	footer .bottom h1 {margin-bottom:20px}
	
	footer .bottom .logo {display:flex; flex-wrap:wrap; align-items:center; position:absolute; right:0; top:30px}
	footer .bottom .logo li {margin-left:20px}

	footer .bottom .site {position:absolute; top:30px; right:0; font-size:0; margin-left:-20px}		
	footer .family-site {max-width:100%; height:50px; border: 1px solid #cfcfcf; border-radius:5px; box-sizing:border-box; vertical-align:middle; min-width:220px; font-size:16px; font-weight:100; display:inline-block; margin-left:20px; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background:#fff}
	footer .family-site > a.active {background:#fff url("/images/comm/arrow.png") no-repeat 90% 50%}
	footer .family-site > a {display:block; box-sizing:border-box; padding-left:20px; line-height:50px; background:url("/images/comm/arrow_off.png") no-repeat 90% 50%;transition:all 0.3s; border-radius:5px}
	footer .family-site > ul {position:absolute; bottom:50px; min-width:220px; display:none; background-color:#fff; border:#cfcfcf solid 1px; box-sizing:border-box; height:300px; overflow-y:scroll}
	footer .family-site > ul > li > a{display:block;border:1px solid rgba(255,255,255,0.2); width:100%; height:50px; line-height:50px; padding-left:20px; font-size:15px;width:100%;border-bottom:0; box-sizing:border-box;}
	footer .family-site > ul > li > a:focus {border:#555 solid 2px}
	footer .family-site > ul > li:nth-child(2) > a {border-bottom:#dbdbdb dotted 2px}
	
	footer .bottom .wa {position:absolute; top:30px; right:250px}
	footer .bottom .wa img {width:150px}

.text_list1 > li {margin-bottom:10px; padding-left:15px; position:relative; line-height:150%}
.text_list1 > li:before {content:""; display:block; background:#20993b; width:6px; height:6px; position:absolute; left:0; top:9px; border-radius:50%}
.text_list1 > li label {font-weight:500}
.text_list1 li.no_bg {padding-left:0 !important}
.text_list1 li.no_bg:before {display:none}
.text_list1 > li:last-child {margin-bottom:0}
.text_list1 > li ul {margin-top:10px}
.text_list1 > li li {margin-bottom:5px; padding-left:12px; position:relative}
.text_list1 > li li:before {content:'-'; position:absolute; left:0}
.text_list1 > li li ul {margin-top:5px}


.text_list2 li {margin-bottom:10px; padding-left:15px; position:relative; line-height:1.2}
.text_list2 li:last-child {margin-bottom:0}
.text_list2 li:before {content:""; display:block; background:#555; width:3px; height:3px; position:absolute; left:0; top:9px; border-radius:50%}
.text_list2 li ul {margin-top:10px; margin-left:10px}
.text_list2 li ul li {margin-bottom:10px}

.table01 {position: relative}
.table01 p.info.top {margin-bottom:10px; text-align:right}
.table01 table {border-top:#005399 solid 2px; table-layout:fixed}
.table01 table th,
.table01 table td {padding:15px 12px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; word-break:break-all}
.table01 table th.left,
.table01 table td.left {text-align:left}
.table01 table th.right,
.table01 table td.right {text-align:right}
.table01 table thead th {background:#edf0f2; -webkit-print-color-adjust:exact; font-weight:500; border-bottom:#c6c6c6 solid 1px}
.table01 table tbody th {background:#f9f9f9; -webkit-print-color-adjust:exact; font-weight:500}
.table01 table thead th:first-child {border-left:none}
.table01 table thead th:last-child {border-right:none}
.table01 table tbody th:first-child,
.table01 table tbody td:first-child {border-left:none}
.table01 table tbody th:last-child,
.table01 table tbody td:last-child {border-right:none}


.table01 table td ul.text > li {position:relative; padding-left:10px}
.table01 table td ul.text > li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; background:#777; position:absolute; left:0; top:11px}
.table01 table td ul.text > li > ul {}
.table01 table td ul.text > li > ul li {padding-left:10px; position:relative}
.table01 table td ul.text > li > ul li:before {content:"-"; position:absolute; left:0; top:0}

.table01 table td dl.text dt {font-weight:400; margin-bottom:10px}
.table01 table td dl.text dd {position:relative; padding-left:10px}
.table01 table td dl.text dd:before {content:""; display:block; width:4px; height:4px; border-radius:50%; background:#005399; position:absolute; left:0; top:10px}

.table01 p.info_bottom {margin-top:10px}
.table01 p.info_bottom.tar {text-align:right}

.sub_page .list_table {position: relative; margin-bottom:50px}
.sub_page .list_table p.info.top {margin-bottom:10px; text-align:right}
.sub_page .list_table table {border-top:1px solid #454545; table-layout:fixed}
.sub_page .list_table table th,
.sub_page .list_table table td {padding:15px 12px; border-bottom:1px solid #ddd; text-align:center; font-size:16px}
.sub_page .list_table table th.left,
.sub_page .list_table table td.left {text-align:left}
.sub_page .list_table table th.right,
.sub_page .list_table table td.right {text-align:right}
.sub_page .list_table table thead th {background:#f7f7f7; -webkit-print-color-adjust:exact}
.sub_page .list_table table tbody th {background:#f2f2f2; -webkit-print-color-adjust: exact}
.sub_page .list_table table thead th:first-child {border-left:none}
.sub_page .list_table table thead th:last-child {border-right:none}
.sub_page .list_table table tbody th:first-child,
.sub_page .list_table table tbody td:first-child {border-left:none}
.sub_page .list_table table tbody th:last-child,
.sub_page .list_table table tbody td:last-child {border-right:none}
.sub_page .list_table p.info_bottom {margin-top:10px}
.sub_page .list_table p.info_bottom.tar {text-align:right}

.sub_page .write_table {border-top:1px solid #454545; width:100%; margin-bottom:50px}
.sub_page .write_table table {width:100%}
.sub_page .write_table table th {padding-left:10px; vertical-align:top; width:140px; line-height:30px; background:#f2f2f2; font-weight:normal; text-align:center}
.sub_page .write_table.view table th {text-align:center}
.sub_page .write_table table th, 
.sub_page .write_table table td {border-bottom:1px solid #dbdbdb; padding:12px 0 12px 10px; box-sizing:border-box; line-height:30px}
.sub_page .write_table table th .essential,
.sub_page .write_table p .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em}
.sub_page .write_table table td.wide {padding:20px 0}
.sub_page .write_table table td img {max-width:100%}
.sub_page .write_table .opt {margin-top:-10px}
.sub_page .write_table .opt:after {content:""; clear:both; display:block}
.sub_page .write_table .opt li {float:left; margin-right:15px; margin-top:10px}
.sub_page .write_table .opt li:last-child {margin-right:0}
.sub_page .write_table .lst li {margin-bottom:5px}
.sub_page .write_table .lst.w90 li label {width:90px; display:inline-block}
.sub_page .write_table .lst.w90 li ul li label {width:auto}
.sub_page .write_table .lst.w90 em {width:90px; display:inline-block; font-style:normal}
.sub_page .write_table .lst li:last-child {margin-bottom:0}
.sub_page .write_table p.info {margin-top:10px; font-size:16px}
.sub_page .write_table p.tip {color:#d2232a; margin-top:10px; font-size:16px}
.sub_page .write_table .guide_txt {margin-top:10px}
.sub_page .write_table .guide_txt em {font-size:14px}
.sub_page .write_table .guide_txt em.error {color:#d2232a}

.sub_page .write_info {margin-bottom:10px; text-align:right; font-size:16px}
.sub_page .write_info .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em; margin-right:5px}

.popModal .write_table {border-top:1px solid #454545; width:100%; margin-bottom:50px}
.popModal .write_table table {width:100%}
.popModal .write_table table th {padding-left:10px; vertical-align:top; width:140px; line-height:30px; background:#f2f2f2; font-weight:normal; text-align:center}
.popModal .write_table.view table th {text-align:center}
.popModal .write_table table th, 
.popModal .write_table table td {border-bottom:1px solid #dbdbdb; padding:12px 0 12px 10px; box-sizing:border-box; line-height:30px}
.popModal .write_table table th .essential,
.popModal .write_table p .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em}
.popModal .write_table table td.wide {padding:20px 0}
.popModal .write_table table td img {max-width:100%}
.popModal .write_table .opt:after {content:""; clear:both; display:block}
.popModal .write_table .opt li {float:left; margin-right:15px}
.popModal .write_table .opt li:last-child {margin-right:0}
.popModal .write_table .lst li {margin-bottom:5px}
.popModal .write_table .lst.w90 li label {width:90px; display:inline-block}
.popModal .write_table .lst.w90 li ul li label {width:auto}
.popModal .write_table .lst.w90 em {width:90px; display:inline-block; font-style:normal}
.popModal .write_table .lst li:last-child {margin-bottom:0}
.popModal .write_table p.info {margin-top:10px; font-size:16px}
.popModal .write_table p.tip {color:#d2232a; margin-top:10px; font-size:16px}
.popModal .write_table .guide_txt {margin-top:10px}
.popModal .write_table .guide_txt em {font-size:14px}
.popModal .write_table .guide_txt em.error {color:#d2232a}


.write_div {border-top:1px solid #454545; width:100%; margin-bottom:50px}
.write_div li {display:flex; align-items:center; padding:12px 0; border-bottom: 1px solid #dbdbdb; box-sizing:border-box}
.write_div li.header {background:#f2f2f2; font-weight:500; padding:15px 0}
.write_div li > div {display:inline-block; padding:0 5px; box-sizing:border-box; width:33.3333%; text-align:center}
.write_div li > div .inp_txt::placeholder {opacity:0}
.write_div li > div.title {font-weight:500}
.write_div li > div .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em}

@media all and (max-width:768px){

	.sub_page .write_table table th br {display:none}

	.write_div li > div .inp_txt::placeholder {opacity:1; color:#999}
	.write_div li.header {display:none}

}

@media all and (max-width:480px){

.write_div li {display:flex; align-items:center; padding:12px 0; border-bottom: 1px solid #dbdbdb; box-sizing:border-box; flex-wrap:wrap}
.write_div li > div {width:100%}
.write_div.view li > div {width:100%; text-align:left}
.write_div li > div:nth-child(n+2) {margin-top:5px}
.write_div li > div.title {text-align:left}

}


.sub_page .page_nav {display:block; margin-bottom:50px}
.sub_page .page_nav.mobile {display:none}
.sub_page .page_nav ul {display:flex; justify-content:center}
.sub_page .page_nav ul li {border:1px solid #e0e0e0; outline:none}
.sub_page .page_nav ul li a,
.sub_page .page_nav ul li strong {font-size:14px; line-height:36px; min-width:36px; min-height:36px; display:inline-block; box-sizing:border-box; text-align:center}
.sub_page .page_nav ul li strong {font-weight:normal}
.sub_page .page_nav ul li a i {margin-right:0}
.sub_page .page_nav ul li a span {text-indent: -9999em; font-size: 0px; line-height: 0;}
.sub_page .page_nav ul li.pg_page {border-left:none}
.sub_page .page_nav ul li.pg_page.num_first {border-left:1px solid #e0e0e0}
.sub_page .page_nav ul li.pg_first,
.sub_page .page_nav ul li.pg_prev {margin-right:10px}
.sub_page .page_nav ul li.pg_next,
.sub_page .page_nav ul li.pg_last {margin-left:10px}
.sub_page .page_nav ul li.pg_page.num_first.pg_current,
.sub_page .page_nav ul li.pg_current {border-color:#000; border-left:1px solid #000}

@media all and (max-width:1400px){

	footer {padding:0 10px; box-sizing:border-box}
	footer .menu {width:100%}
	footer .bottom {width:100%}

}


@media all and (max-width:1200px){

	#_header {height:100px; ; box-shadow:0 5px 12px rgb(0 0 0 / 5%)}
	#_header:before {display:none}
	#_header ._inner {max-width:inherit; padding:0 10px; box-sizing:border-box}
	#_header .top_,
	#_header .white-bg,
	#_header .gnb,
	#_header .btn_all_menu {display:none}
	#_header .portal_menu {display:block}
	#_header h1 {top:5px}
	#_header .btn_mobile {display:block; right:10px}
	
	#_nav {display: block}
	
	footer .bottom .wa {position:relative; margin-top:10px; text-align:right; right:0}



}

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

	footer .bottom ul.addr li {float:none; line-height:1.5}
	footer .bottom .site {position:relative}

}

@media all and (max-width:1024px){
/*
	footer ul.addr li {float:none; line-height:1.5; margin-top:0 !important}
	footer ul.addr li:after {display:none}
*/
}

@media all and (max-width:768px){
/*
	#_header {height:60px}
	#_header h1 {margin-top:8px}
	#_header h1 img {width:206px; height:46px}

	#_header .top_,
	#_header .gnb,
	#_header ._search {display:none}
	#_header .btn_mobile {display:block}
*/
	
	footer .bottom .logo {position:relative; right:auto; top:auto; margin-top:30px}
	footer .bottom .logo li {margin-left:0; margin-right:10px}

	.table01 > div > table {min-width:1024px}
	.table01 > div {overflow-x:auto; width:100%}
	.table01 .scroll:after {content:""; display:block; position:absolute; top:-20px; right:0; z-index:999; width:43px; height:12px; background: url('/images/comm/hint-table-scroll.png') no-repeat 0 0}

	.sub_page .list_table {border-bottom:none}
	.sub_page .list_table colgroup {display:none}
	.sub_page .list_table table th {display:none;}
	.sub_page .list_table table td a {vertical-align:baseline}

	.sub_page .list_table table tbody td {display:inline-block; border:none; padding:5px 0; width:auto !important; position:relative}
	.sub_page .list_table table tbody td:before {margin-right:5px; font-weight:700}
/*	.sub_page .list_table table tbody td:after {content:''; width:1px; height:12px; background:#999; position:absolute; top:calc(50% + 2px); transform:translateY(-50%); right:-2px}*/

	.sub_page .list_table table tbody td:first-child:after,
	.sub_page .list_table table tbody td:last-child:after,
	.sub_page .list_table table tbody td.title:after {display:none}

	.sub_page .list_table table tbody tr {display:block; border-bottom:1px solid #ddd; padding-bottom:10px; padding-top:10px}
	.sub_page .list_table table tbody td:not(.title) {display:inline-block; /*height:30px; line-height:30px;*/ padding:0 5px; color:#666}
	.sub_page .list_table table tbody td.num,
	.sub_page .list_table table tbody td:last-child {border-right:none}
	.sub_page .list_table table tbody td.no_data {padding:20px 0; text-align:center; display:block; border-right:none}
	
	.sub_page .list_table table tbody td br {display:none}
	.sub_page .list_table table tbody td.program:before {content:'프로그램명 :'}
	.sub_page .list_table table tbody td.edu_time:before {content:'교육기간 :'}
	.sub_page .list_table table tbody td.time:before {content:'접수기간 :'}
	.sub_page .list_table table tbody td.money:before {content:'수강료 및 재료비 :'}
	.sub_page .list_table table tbody td.people:before {content:'정원 :'}
	.sub_page .list_table table tbody td.condition:before {content:'접수현황 :'}

	.sub_page .write_table colgroup {display:none}
	.sub_page .write_table {margin-bottom:40px}
	.sub_page .write_table.view table th {text-align:left}

	.sub_page .write_table table th {display:block; border-bottom:none; width:100%; padding:5px 0; background:none; font-weight:bold; text-align:left}
	.sub_page .write_table table td {display:block; width:100%; padding:0; padding-bottom:15px}


	.popModal .write_table colgroup {display:none}
	.popModal .write_table {margin-bottom:40px}
	.popModal .write_table.view table th {text-align:left}

	.popModal .write_table table th {display:block; border-bottom:none; width:100%; padding:5px 0; background:none; font-weight:bold; text-align:left}
	.popModal .write_table table td {display:block; width:100%; padding:0; padding-bottom:15px}


}

@media all and (max-width:640px){

	footer .bottom .site {margin-left:0; margin-top:10px}
	footer .bottom .site div {display:block; margin-left:0; margin-top:10px}

}


@media all and (max-width:420px){
	
	#_header .combine {left:10px; top:-30px}
	
}