@charset "utf-8";

/***** Common *****/
body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea {font-size:15px; line-height:1.55; font-family:"Nanum Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;}
p {margin:0 0 10px 0;}
a:hover, a:focus {color:#111;}


/***** Heading *****/
h1{font-size:35px;}
h2{font-size:30px;}
h3{font-size:25px;}
h4, h5, .h4, .h5{font-weight:700; font-family:"Nanum Square";}
h4, .h4 {font-size:22px; line-height:28px; background:url(../../images/kor/layout/h4_bul.gif) no-repeat left top; padding:8px 0 0 0; margin:40px 0 12px 0;}
h5, .h5 {color:#1d49a3; font-size:20px; line-height:24px; padding:0; margin:30px 0 10px 0;}
h6, .h6 {font-size:16px; line-height:22px; position:relative; background:none; color:#2c2c2c; padding:0 0 0 21px; margin:20px 0 5px 0; font-weight:700;}
h6:after, .h6:after {content:""; display:block; position:absolute; left:2px; top:4px; width:13px; height:13px; border:3px solid #00957e; box-sizing:border-box; background:#fff; border-radius:50%; -webkit-border-radius:50%;}
@media screen and (max-width: 1023px){
h4, .h4 {font-size:21px; line-height:27px;}
h5, .h5{font-size:19px; line-height:23px;}	
}
@media screen and (max-width: 840px){
h4, .h4 {font-size:20px; line-height:25px; margin:35px 0 8px 0;}	
h5, .h5{font-size:19px; line-height:23px; margin:30px 0 8px 0;}
}
@media screen and (max-width: 640px){
h4, .h4 {font-size:19px; line-height:23px; margin:30px 0 6px 0;}
h5, .h5{font-size:18px; line-height:21px; margin:20px 0 5px 0;}	
}
@media screen and (max-width: 480px){
h4, .h4 {font-size:18px; line-height:21px;}
h5, .h5{font-size:17px; line-height:20px;}
}


/***** Form *****/
input[type="text"],
input[type="password"]{height:36px; line-height:36px; vertical-align:middle; border:1px solid #ccc;}
input[disabled="disabled"]{background-color:#ddd;}
.table .input_ex{display:block; padding-top:3px; font-size:13px; color:#727272;}
#aaaa input[type="submit"]{min-width:80px; height:44px; line-height:42px; padding:0 25px; background-color:#0059a4; color:#fff;}
.dsi_radio {display:inline-block; vertical-align:top; position:relative;}
.dsi_radio input {position:absolute; left:1px; top:2px; width:14px; height:14px;}
.dsi_radio label {position:relative; padding:0 0 0 22px; display:inline-block; vertical-align:top; cursor:pointer;}
.dsi_radio label:before {content:""; display:block; width:0; height:0; opacity:0; -webkit-opacity:0; background:#464040; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:8px; top:10px; z-index:5;
transition : all 0.2s ease; -webkit-transition : all 0.2s ease;}
.dsi_radio label:after {content:""; display:block; width:14px; height:14px; border:1px solid #c5c5c5; background:#fff; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:1px; z-index:1;}
.dsi_radio input:checked+label:before {width:8px; height:8px; left:4px; top:5px; opacity:1; -webkit-opacity:1;}
select {height:42px; line-height:36px !important; box-sizing:border-box; background:#fff; min-width:100px; padding:3px; margin:0; border:1px solid #ccc; cursor:pointer; border-radius:0; -webkit-border-radius:0; vertical-align:top;}
.board_search .count {margin-top:11px;}
.board_search .count strong,
.board_search .count span.price {vertical-align:inherit;} 
.search_form {text-align:right; margin:0 0 20px 0;}
.search_form:after {content:""; display:block; clear:both;}
.search_form .btn {float:left; vertical-align:top; margin:0;}
.search_form select, .search_form input {margin:0 1px; background:#fff; font-size:15px; height:44px; line-height:44px; border:1px solid #e1e1e1; vertical-align:top;}
.search_form select {line-height:38px;}
.search_form input[type="text"] {width:25%; min-width:180px;}
.search_form input[type="submit"] {background:#5b6e9a; padding:0 30px; color:#fff; height:44px; line-height:44px; border:0; margin-right:0;}





@media screen and (max-width:1080px) and (min-width:1024px){
	.board_search .count,
	.board_search .select {float:none; margin:0 0 10px 0;}	
}	

@media screen and (max-width:800px){
	.board_search .count,
	.board_search .select {float:none; margin:0 0 10px 0;}	
	.search_form select, .search_form input {height:40px; line-height:40px;}
	.search_form select {line-height:34px;}
	.search_form input[type="submit"] {height:40px; line-height:40px;}	
}
@media screen and (max-width:640px){
	.board_search .count,
	.board_search .select{float:none; margin:0 0 10px 0; padding:0 60px 0 0; position:relative;}
	.board_search .select input[type="text"]{height:36px; line-height:36px; font-size:14px; min-width:10px;}	
	.board_search .select input[type="text"],
	.board_search .select input[type="submit"]{width:100% !important; margin:5px 0 0 !important;}
	.board_search .select select.ty2.first{margin-left:0;}
	.board_search .select select{display:inline-block; width:49.5% !important; height:36px !important; line-height:32px; margin:0; font-size:14px;}	
	.board_search .select a.submit,
	.board_search .select input[type="submit"]{width:60px !important; height:36px !important; line-height:36px; margin:0; position:absolute; top:auto !important; right:0; bottom:0;}
}
@media screen and (max-width:500px){
	.board_search .select select{width:49.1% !important;}
}

/*인풋박스 small*/
input[type="text"].middle{width:30% !important;}
input[type="text"].small{width:70px !important;}
@media screen and (max-width:640px){
	input[type="text"].middle{width:40% !important;}
}
@media screen and (max-width:480px){
	input[type="text"].small{width:60px !important;}
	.table .search{padding-left:63px;}
}
.table.ty2 td.files input[type="file"] {display:block; margin-bottom:5px;} 
/* 본인인증서비스 */
#con_gpin .pin_box {margin:30px 0;}
#con_gpin .pin_box li.hp .boxs {height:auto !important;}
#con_gpin .pin_box li .boxs {text-align:left; padding:40px 4%;}
#con_gpin .pin_box li .boxs p {font-size:15px;}
@media screen and (max-width:1023px){
#con_gpin .pin_box li .boxs {padding:30px 4%;}	
}	
@media screen and (max-width:640px){
#con_gpin .pin_box {margin:25px 0;}	
#con_gpin .pin_box li .boxs {padding:25px 5%;}	
}


/***** List *****/
.list_01 {margin:10px 0 0 0;}
.list_01 li {padding-left:12px !important; background:none; margin-top:4px; position:relative;}
.list_01 li:after {content:""; display:block; width:3px; height:3px; background:#2165b9; position:absolute; left:2px; top:9px;}
.list_01 li:first-child {margin-top:0;}
.list_02 {margin:5px 0 0 0;}
.list_02 li {padding-left:10px !important; background:none; margin-top:4px !important; position:relative; min-height:10px !important;}
.list_02 li:after {content:""; display:block; width:4px; height:2px; background:#b3b3b3; position:absolute; left:1px; top:9px;}
.list_02 li:first-child {margin-top:0 !important;}
.list_03 {margin:5px 0 0 0;}
.list_03 li {padding-left:10px; background:none; margin-top:3px; position:relative;}
.list_03 li:after {content:""; display:block; width:4px; height:5px; background:url(../../images/kor/layout/list03_bul.png) no-repeat; position:absolute; left:1px; top:7px;}
.list_03 li:first-child {margin-top:0;}
.ol_01 {margin:10px 0 0 0;}
.ol_01 li:first-child {margin-top:0;}
.ol_01 li {margin-top:10px; position:relative; padding:0 0 0 25px; min-height:24px;}
.ol_01 li em {display:block; width:20px; height:20px; background:#26796a; color:#fff; text-align:center; line-height:20px; position:absolute; left:0; top:2px; font-style:normal; font-size:13px;}
.ol_02 {margin:10px 0 0 0;}
.ol_02 li:first-child {margin-top:0;}
.ol_02 li {margin-top:10px; position:relative; padding:0 0 0 28px; min-height:24px;}
.ol_02 li em {display:block; width:22px; height:22px; background:#dee3e6; color:#575757; text-align:center; border-radius:50%; -webkit-border-radius:50%; line-height:22px; position:absolute; left:0; top:1px; font-style:normal; font-size:13px;}
.ol_03 {margin:10px 0 0 0;}
.ol_03 li:first-child {margin-top:0;}
.ol_03 li {margin-top:7px; position:relative; padding:0 0 0 26px;}
.ol_03 li em {display:block; width:21px; height:21px; color:#07469b; text-align:center; font-weight:700; line-height:21px; position:absolute; left:0; top:0; font-style:normal;}
@media screen and (max-width: 640px){
.list_01{margin:6px 0 0 0;}
.list_01 li{line-height:18px;}
.list_01 li:after {top:7px;}
.list_02 li{line-height:18px;}
.list_02 li:after {top:8px;}
.list_03 li{line-height:20px;}
.ol_01 li {padding:0 0 0 22px; min-height:18px; margin-top:6px;}
.ol_01 li em {width:18px; height:18px; line-height:18px; font-size:12px;}	
.ol_02 li {padding:0 0 0 24px; min-height:20px;}
.ol_02 li em {top:0; width:19px; height:19px; line-height:19px; font-size:12px;}
}


/***** Table *****/
.table {border-top:2px solid #0552a9; border-bottom:1px solid #d6d6d6;}
.table th,
.table td {padding:12px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; text-align:center; border-bottom:1px solid #d6d6d6; font-size:14px;}
.table td ul {margin-top:0;}
.table td ul li {font-size:14px;}
.table thead th {background:#eff5f9; font-weight:700; color:#2c2c2c; font-size:15px; border-bottom:1px solid #6d727d;}
.table tr th:first-child,
.table tr td:first-child {border-left:none; border-right:1px solid #d6d6d6;}
.table.ty2 th {border-bottom:1px solid #d6d6d6; padding:12px 15px; font-weight:600;}
.table.ty2 td {text-align:left; padding:12px 15px;}
/*table안에 input 글씨크기*/
.table tr td input[type=text],
.table tr td input[type=password],
.table tr td textarea{font-size:14px;}
.table tr td textarea{height:200px;}

/*th강조*/
.caption.tb_cap{margin-top:-21px;}
.star{display:inline-block; margin-top:-5px; padding-left:2px; vertical-align:top; color:#f00;}


@media screen and (max-width: 1023px){
.table th, .table td {padding:10px;}	
.table th {font-size:14px;}	
}
@media screen and (max-width:740px){
	.table tr td textarea{height:130px;}
}
@media screen and (max-width: 640px){
.table td ul li:after {top:6px;}	
.table_scroll {position:relative;}
.table_scroll:before {content:"좌우로 터치해서 보세요."; font-size:13px; width:168px; margin:0 auto; box-sizing:border-box; padding:0 0 0 25px; line-height:25px; color:#00589b; display:block; background:url(../../images/kor/layout/scroll_ico.png) no-repeat left top; height:22px; background-size:auto 100%;}
.table_scroll .move {overflow:auto; margin-top:10px;}
.table_scroll .move .table {width:600px;}	
}

/***** Color *****/
.blue {color:#07469b !important;}
.black {color:#282828 !important;}
.red {color:#d10000 !important;}
.green {color:#00734b !important;}
.orange {color:#e64202 !important;}
.yellow{color:#f9ff4e;}


/***** Tip *****/
.tip{position:relative; background:none; padding:0 0 0 24px; display:block; font-size:13px;}
.tip:after{content:"!"; display:block; width:20px; height:20px; line-height:20px; font-size:12px; background:#cfd7e2; color:#7388a8; position:absolute; left:0; top:0; text-align:center; font-weight:700; border-radius:50%; -webkit-border-radius:50%;}
.tip.ty2:after {background:#00957e; color:#fff;}
.tip.ty3 {padding:0 0 0 32px; font-size:15px;}
.tip.ty3:after {content:""; background:#f53d5c url(../../images/kor/layout/tip_ico.png) no-repeat center 50%; color:#fff; width:26px; height:26px; top:-3px;}
/*신고센터*/
.tip.ty4{padding:0 0 0 33px; font-size:15px;}
.tip.ty4:after{top:-2px; width:24px; height:24px; line-height:24px; background:#cfd7e2; font-size:17px; color:#bd2347;}

@media screen and (max-width: 640px){	
	.tip.ty3{padding:0 0 0 26px; font-size:14px;}
	.tip.ty3:after {width:22px; height:22px; top:-1px;}
	.tip.ty4{padding:0 0 0 29px; font-size:14px;}
	.tip.ty4:after{top:0px; width:22px; height:22px; line-height:22px;font-size:15px;}
}


/***** Tab *****/
.js_tab {padding:0; margin-bottom:40px;}
.js_tab.select .title a:active,
.js_tab.select .title a:link,
.js_tab.select .title a:visited{text-decoration:none;}

.js_tab .title {display:none;}
.js_tab ul {margin:0px; padding-left:1px; padding-top:1px;}
.js_tab ul li {width:25%; margin-left:-1px;}
.js_tab ul li a {background:#fff; display:block; width:100%; height:48px; line-height:19px; padding:0 5%; margin:0px; font-size:15px; border:1px solid #d6d6d6; color:#393939; box-sizing:border-box; margin-top:-1px;
	border-radius:0; -webkit-border-radius:0;
	transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.js_tab ul li a p {margin:0; font-size:15px; text-align:center; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%;}
.js_tab ul li a span {display:table-cell; vertical-align:middle; line-height:19px;}		
.js_tab ul li.no a {cursor:default;}
.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active {color:#505050; background-color:#fff;}
.js_tab ul li a:hover {color:#2962aa; border:1px solid #2962aa; z-index:5; position:relative;}
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover {color:#fff; background-color:#2962aa; border:1px solid #2962aa; z-index:10; position:relative;}
.js_tab.select ul {position:absolute; z-index:21;}
.js_tab.select ul li a{border:0;}

.js_tab.ty2 {position:relative;}
.js_tab.ty2:after {content:""; display:block; width:100%; border-bottom:1px solid #d6d6d6; position:absolute; left:0; bottom:0;}
.js_tab.ty2 ul li a p {text-align:left; position:relative;}
.js_tab.ty2 ul li a p:after {content:""; display:block; width:11px; height:6px; background:url(../../images/kor/layout/tab_bul.png) no-repeat center 50%; position:absolute; right:0; top:50%; margin-top:-3px;}
.js_tab.ty2 ul li a:link,
.js_tab.ty2 ul li a:visited,
.js_tab.ty2 ul li a:active {color:#505050; background-color:#fff;}
.js_tab.ty2 ul li a:hover {color:#2e4455; border:1px solid #2e4455;}
.js_tab.ty2 ul li.on a:link,
.js_tab.ty2 ul li.on a:visited,
.js_tab.ty2 ul li.on a:active,
.js_tab.ty2 ul li.on a:hover {color:#fff; background-color:#2e4455; border:1px solid #2e4455;}
.js_tab.ty2 ul li.on a p:after {background:url(../../images/kor/layout/tab_bul_on.png) no-repeat center 50%;}

.tab_onepage {display:none;}
.tab_onepage.on {display:block;}

@media screen and (max-width:840px){
.js_tab{margin-bottom:30px;}
.js_tab.select{background:#2962aa; border-radius:0; -webkit-border-radius:0;}
.js_tab.select .title a {position:relative; padding:0 3%;}
.js_tab.select .title a:after {content:""; display:block; position:absolute; right:3%; top:50%; margin-top:-3px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.js_tab.select .title a.on:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.js_tab.select .title a p {margin:0;}

.js_tab ul li{width:100% !important; border-right:0px; margin-left:0;}
.js_tab ul li a{height:40px; line-height:40px; padding:0 3%;}
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover{border:0;}
.js_tab ul li a p {font-size:14px; text-align:left; line-height:40px;}
.js_tab.select ul li{border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box;}
.js_tab.select ul li a {font-size:15px;}
}
@media screen and (max-width:640px){
.js_tab{margin-bottom:25px;}
.js_tab.select .title a {height:40px; line-height:40px; font-size:15px;}
.js_tab.select ul li a{font-size:14px;}
.js_tab ul li a {height:38px; line-height:38px;}
.js_tab ul li a p {font-size:14px;line-height:38px;}
}


/***** Cont_box *****/
.cont_box {background:#f3f4f6; padding:25px 3%; position:relative; min-height:10px; margin-bottom:25px; box-sizing:border-box;}
.cont_box.col2{background:#eef4f8;}
.cont_box h5 {margin-top:0; color:#222;}
.cont_box .big_txt{line-height:20px; margin-bottom:8px; font-weight:700; font-size:17px;}
.cont_box .blue2{color:#0079bf;}
.cont_box.ty2 {background:#fff; border:1px solid #e0e1e3;}
.cont_box.ty3 {background:#fdfdfd; border:1px dotted #e0e1e3; border-left:0; border-right:0;}
.cont_box.ty4 {padding-right:200px;}
.cont_box.ty4 .btn {position:absolute; right:3%; top:50%; margin-top:-22px;}
.cont_box.ico {padding:30px 4%; position:relative; min-height:170px; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.cont_box.ico:after{
	content:""; display:block; position:absolute; left:4%; top:30px; width:110px; height:110px; background-color:#cfd7e2; background-repeat:no-repeat; background-position:center center;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
.cont_box.ico h5,
.cont_box.ico p,
.cont_box.ico ul,
.cont_box.ico .btns{margin-left:110px; padding-left:3%; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.cont_box.ico.deico1:after{background-image:url(../../images/kor/content/declare_icon01.png);}
.cont_box.ico.deico2:after{background-image:url(../../images/kor/content/declare_icon02.png);}
.cont_box.ico.deico3:after{background-image:url(../../images/kor/content/declare_icon03.png);}
.cont_box.ico.deico4:after{background-image:url(../../images/kor/content/declare_icon04.png);}
.cont_box.ico.deico5:after{background-image:url(../../images/kor/content/declare_icon05.png);}
.cont_box.ico.deico6:after{background-image:url(../../images/kor/content/declare_icon06.png);}
.cont_box.ico.deico7:after{background-image:url(../../images/kor/content/declare_icon07.png);}
.cont_box.ico.deico8:after{background-image:url(../../images/kor/content/declare_icon08.png);}
.cont_box.ico.deico9:after{background-image:url(../../images/kor/content/declare_icon09.png);}
.cont_box.ico.deico10:after{background-image:url(../../images/kor/content/declare_icon10.png);}
.cont_box.ico.deico11:after{background-image:url(../../images/kor/content/declare_icon11.png);}
.cont_box.ico.deico12:after{background-image:url(../../images/kor/content/declare_icon12.png);}
.cont_box.ico.deico13:after{background-image:url(../../images/kor/content/declare_icon13.png);}
.cont_box.ico.deico14:after{background-image:url(../../images/kor/content/declare_icon14.png);}

/*cont_box.ty2.ico*/
.box_ty2_ptrn{position:relative; width:100%; height:auto; margin-bottom:30px; padding:6px 0; background:url(../../images/kor/content/box_ico2_pattern.jpg); box-sizing:border-box;}
.box_ty2_ptrn:before,
.box_ty2_ptrn:after{content:""; display: block; position:absolute; z-index:10; width:51px; height:51px; background:url(../../images/kor/content/box_ico2_line.png);}
.box_ty2_ptrn:before{top:0; left:0;}
.box_ty2_ptrn:after{bottom:0; right:0; transform:rotate(180deg); -wekbit-transform:rotate(180deg);}
.cont_box.ty2.ico{margin-bottom:0; padding:30px 7%;}
.cont_box.ty2.ico:after{left:7%; background-color:#0079bf;}
.cont_box.ico.thico1:after{background-image:url(../../images/kor/content/box_ico2_icon01.png);}
.cont_box.ico.thico2:after{background-image:url(../../images/kor/content/box_ico2_icon02.png);}
.cont_box.ico.thico3:after{background-image:url(../../images/kor/content/box_ico2_icon03.png);}
.cont_box.ico.thico4:after{background-image:url(../../images/kor/content/box_ico2_icon04.png);}

@media screen and (max-width:1023px){
.cont_box {padding:25px 4%;}	
.cont_box.ty4 {padding-right:4%; text-align:center;}
.cont_box.ty4 .btn {position:relative; right:auto; top:auto; margin-top:15px;}		
.cont_box.ico {min-height:140px; padding:25px 4%;}
.cont_box.ico:after {width:90px; height:90px; top:25px;}
.cont_box.ico h5,
.cont_box.ico p,
.cont_box.ico ul,
.cont_box.ico .btns {margin-left:90px;}	
.cont_box.ty2.ico{padding:25px 7%;}
}
@media screen and (max-width:840px){	
.cont_box.ico {min-height:120px;}
.cont_box.ico:after {width:70px; height:70px; background-size:50%;}
.cont_box.ico h5,
.cont_box.ico p,
.cont_box.ico ul,
.cont_box.ico .btns {margin-left:70px;}	
}
@media screen and (max-width:640px){	
.cont_box {padding:20px 4%;}
.cont_box.ico {min-height:95px; padding:20px 4%;}
.cont_box.ico:after {width:55px; height:55px; top:20px;}
.cont_box .big_txt{line-height:19px; font-size:16px;}
.cont_box.ico h5,
.cont_box.ico p,
.cont_box.ico ul,
.cont_box.ico .btns {margin-left:55px; padding-left:15px;}	
.cont_box.ty2.ico{padding:20px 5%;}
.cont_box.ty2.ico:after{left:5%;}
}


/***** Ptbx_lst *****/
/*가로박스*/
.ptbx_lst li{
	position:relative; width:100%; height:auto; min-height:220px; margin-top:20px; padding:25px; background-color:#eef4f8; box-sizing:border-box;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
.ptbx_lst li .photos{
	position:absolute; top:25px; left:25px; width:270px;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
.ptbx_lst li .photos img{width:100%;}
.ptbx_lst li .txts{width:100%; padding-left:295px; box-sizing:border-box;}
.ptbx_lst li .txts strong{display: block; font-size:17px;}

/*세로박스*/
.ptbx_lst2{overflow: hidden;}
.ptbx_lst2 li{float:left; width:33.33%; height:auto; box-sizing:border-box;}
.ptbx_lst2 li:first-child{padding:0 15px 0 0;}
.ptbx_lst2 li:nth-child(2){padding:0 15px;}
.ptbx_lst2 li:last-child{padding:0 0 0 15px;}
.ptbx_lst2 li .li_wr{
	width:100%; height:100%; min-height:480px; padding:25px; background-color:#eef4f8; box-sizing:border-box;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
.ptbx_lst2 li .photos{
	width:100%;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
.ptbx_lst2 li .photos img{width:100%;}
.ptbx_lst2 li .txts strong{display: block; padding:13px 0 6px; font-size:17px;}

/*초록색 예외처리*/
.ptbx_lst.ty2 li,
.ptbx_lst2.ty2 li .li_wr{background-color:#e6f1f0;}

@media screen and (max-width:1480px) and (min-width:1241px){
	.ptbx_lst2 li .li_wr{min-height:520px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	.ptbx_lst2 li{float: none; position:relative; width:100%; margin-top:20px; padding:0 !important;}
	.ptbx_lst2 li:first-child{margin-top:0;}
	.ptbx_lst2 li .li_wr{min-height:220px;}
	.ptbx_lst2 li .photos{position:absolute; top:25px; left:25px; width:270px;}
	.ptbx_lst2 li .txts{width:100%; padding-left:295px; box-sizing:border-box;}
	.ptbx_lst2 li .txts strong{padding:0;}
}
@media screen and (max-width:1023px){
	.ptbx_lst li{min-height:195px;}
	.ptbx_lst li .photos{width:230px;}
	.ptbx_lst li .txts{padding-left:255px;}
	
	.ptbx_lst2 li:first-child{padding:0 10px 0 0;}
	.ptbx_lst2 li:nth-child(2){padding:0 10px;}
	.ptbx_lst2 li:last-child{padding:0 0 0 10px;}
	.ptbx_lst2 li .li_wr{min-height:520px;}
}
@media screen and (max-width:840px){
	.ptbx_lst2 li{float: none; position:relative; width:100%; margin-top:20px; padding:0 !important;}
	.ptbx_lst2 li:first-child{margin-top:0;}
	.ptbx_lst2 li .li_wr{min-height:220px;}
	.ptbx_lst2 li .photos{position:absolute; top:25px; left:25px; width:270px;}
	.ptbx_lst2 li .txts{width:100%; padding-left:295px; box-sizing:border-box;}
	.ptbx_lst2 li .txts strong{padding:0;}
}
@media screen and (max-width:740px){
	.ptbx_lst li,
	.ptbx_lst2 li .li_wr{min-height:160px; padding:20px;}
	.ptbx_lst li,
	.ptbx_lst2 li{margin-top:10px;}
	.ptbx_lst li .photos,
	.ptbx_lst2 li .photos{top:20px; left:20px; width:180px;}
	.ptbx_lst li .txts,
	.ptbx_lst2 li .txts{padding-left:200px;}
}
@media screen and (max-width:640px){
	.ptbx_lst li .txts strong,
	.ptbx_lst2 li .txts strong{font-size:16px;}
}
@media screen and (max-width:540px){
	.ptbx_lst li,
	.ptbx_lst2 li .li_wr{min-height:160px; padding:20px;}
	.ptbx_lst li .photos,
	.ptbx_lst2 li .photos{top:20px; left:50%; margin-left:-90px;}
	.ptbx_lst li .txts,
	.ptbx_lst2 li .txts{padding-left:0; padding-top:125px;}
}

/***** Link_box *****/
.link_box{overflow: hidden;}
.link_box li{
	float:left; display:table; table-layout:fixed; word-wrap:break-word; width:50%; height:150px; margin-top:20px; box-sizing:
	border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.link_box li:first-child,
.link_box li:nth-child(2){margin-top:0;}
.link_box li:nth-child(odd){padding-right:10px;}
.link_box li:nth-child(even){padding-left:10px;}
.link_box li .li_wr{
	position:relative; display:table-cell; width:100%; height:100%; padding:20px 20px 20px 250px; background-color:#fdfdfd; border:1px solid #e0e1e3; vertical-align:middle; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.link_box li .photos{
	overflow: hidden; display:table; position:absolute; top:20px; left:20px; width:210px; height:110px; background-color:#fff; border:1px solid #e0e1e3; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.link_box li .photos .ptwr{display:table-cell; width:100%; height:100%; padding:10px; vertical-align:middle; text-align:center; box-sizing:border-box;}
.link_box li .photos .ptwr img{max-width:100%;}
.link_box li strong{display: block; padding-bottom:15px; font-size:18px;}

@media screen and (max-width:1340px){
	.link_box li .li_wr{padding:20px 20px 20px 210px;}
	.link_box li .photos{width:170px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	.link_box li{height:155px;}
	.link_box li .li_wr{padding:20px 20px 20px 165px;}
	.link_box li .photos{width:125px;}
	.link_box li strong{line-height:19px; padding-bottom:10px; font-size:17px;}
}
@media screen and (max-width:740px){
	.link_box li{height:155px;}
	.link_box li .li_wr{padding:20px 20px 20px 165px;}
	.link_box li .photos{width:125px;}
	.link_box li strong{line-height:19px; padding-bottom:10px; font-size:17px;}
}
@media screen and (max-width:640px){
	.link_box li{margin-top:10px;}
	.link_box li:nth-child(odd){padding-right:5px;}
	.link_box li:nth-child(even){padding-left:5px;}
	.link_box li .li_wr{padding:20px; text-align:center;}
	.link_box li .photos{position:static; width:150px; height:100px; margin:0 auto;}
	.link_box li strong{line-height:18px; padding-top:10px; font-size:16px;}
}
@media screen and (max-width:480px){
	.link_box li .photos{width:100%;}
	.link_box li strong{min-height:45px; padding-bottom:0;}
}

/***** Button *****/
a.btn {display:inline-block; vertical-align:middle; min-width:80px; margin:0; height:44px; line-height:42px; padding:0 25px; font-size:15px; text-align:center;
transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
a.btn:after {transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
a.btn.bg_01:link,
a.btn.bg_01:visited,
a.btn.bg_01:active{background-color:#0059a4; border:1px solid #0059a4;}
a.btn.bg_01:link:hover,
a.btn.bg_01:visited:hover,
a.btn.bg_01:active:hover{background-color:#fff; border:1px solid #0059a4; color:#0059a4;}
a.btn.bg_02:link,
a.btn.bg_02:visited,
a.btn.bg_02:active{background-color:#4f5f79 !important; border:1px solid #4f5f79 !important;}
a.btn.bg_02:link:hover,
a.btn.bg_02:visited:hover,
a.btn.bg_02:active:hover{background-color:#fff !important; border:1px solid #4f5f79 !important; color:#4f5f79 !important;}
a.btn.bg_03:link,
a.btn.bg_03:visited,
a.btn.bg_03:active{background-color:#32383e; border:1px solid #32383e;}
a.btn.bg_03:link:hover,
a.btn.bg_03:visited:hover,
a.btn.bg_03:active:hover{background-color:#fff; border:1px solid #32383e; color:#32383e;}
a.btn.bg_04:link,
a.btn.bg_04:visited,
a.btn.bg_04:active{background-color:#818791; border:1px solid #818791;}
a.btn.bg_04:link:hover,
a.btn.bg_04:visited:hover,
a.btn.bg_04:active:hover{background-color:#fff; border:1px solid #818791; color:#818791;}

a.btn.board_mod:link,
a.btn.board_mod:visited,
a.btn.board_mod:active{background-color:#0059a4; border:1px solid #0059a4; border-radius:0; -webkit-border-radius:0;}
a.btn.board_mod:link:hover,
a.btn.board_mod:visited:hover,
a.btn.board_mod:active:hover{background-color:#fff; border:1px solid #0059a4; color:#0059a4;}
a.btn.board_del:link,
a.btn.board_del:visited,
a.btn.board_del:active{background-color:#4f5f79; border:1px solid #4f5f79; border-radius:0; -webkit-border-radius:0;}
a.btn.board_del:link:hover,
a.btn.board_del:visited:hover,
a.btn.board_del:active:hover{background-color:#fff; border:1px solid #4f5f79; color:#4f5f79;}
a.btn.board_lst:link,
a.btn.board_lst:visited,
a.btn.board_lst:active{background-color:#32383e; border:1px solid #32383e; border-radius:0; -webkit-border-radius:0;}
a.btn.board_lst:link:hover,
a.btn.board_lst:visited:hover,
a.btn.board_lst:active:hover{background-color:#fff; border:1px solid #32383e; color:#32383e;}
a.btn.board_add:link,
a.btn.board_add:visited,
a.btn.board_add:active{background-color:#0059a4; border:1px solid #0059a4; border-radius:0; -webkit-border-radius:0;}
a.btn.board_add:link:hover,
a.btn.board_add:visited:hover,
a.btn.board_add:active:hover{background-color:#fff; border:1px solid #0059a4; color:#0059a4;}

a.btn.down {padding:0 25px;}
a.btn.down:link,
a.btn.down:visited,
a.btn.down:active {border:1px solid #0059a4 !important; color:#fff !important; background-color:#0059a4 !important; background-image:none !important; text-decoration:none !important;}
a.btn.down:hover {border:1px solid #0059a4 !important; color:#0059a4 !important; background-color:#fff !important;}
a.btn.down:after {content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:9px; height:13px; margin-left:8px; background:url(../../images/kor/layout/down_ico.png) no-repeat center 50%; background-size:100% auto;}
a.btn.down:hover:after {background:url(../../images/kor/layout/down_ico_on.png) no-repeat center 50%;}
a.btn.link {padding:0 25px;}
a.btn.link:link,
a.btn.link:visited,
a.btn.link:active {border:1px solid #007f68; color:#fff; background-color:#007f68; background-image:none; text-decoration:none;}
a.btn.link:hover {border:1px solid #00957e; color:#00957e; background-color:#fff;}
a.btn.link:after {content:""; display:inline-block; vertical-align:middle; margin-top:-2px; width:6px; height:11px; margin-left:8px; background:url(../../images/kor/layout/link_ico.png) no-repeat center 50%; background-size:100% auto;}
a.btn.link.small:after{margin-top:0px;}
a.btn.link:hover:after {background:url(../../images/kor/layout/link_ico_on.png) no-repeat center 50%;}
a.btn.view {padding:0 25px;}
a.btn.view:link,
a.btn.view:visited,
a.btn.view:active {border:1px solid #4f5f79; color:#fff; background-color:#4f5f79; background-image:none; text-decoration:none;}
a.btn.view:hover{border:1px solid #4f5f79; color:#4f5f79; background-color:#fff;}
a.btn.view:after{content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:12px; height:12px; margin-left:6px; background:url(../../images/kor/layout/view_ico.png) no-repeat center 50%; background-size:100% auto;}
a.btn.view:hover:after{background:url(../../images/kor/layout/view_ico_on.png) no-repeat center 50%;}
a.btn.view.small:after{margin-top:-2px; background:url(../../images/kor/layout/view_ico_s.png) no-repeat center 50%;}
a.btn.view.small:hover:after{background:url(../../images/kor/layout/view_ico_s_ov.png) no-repeat center 50%;}

a.btn.newop:after{content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:11px; height:11px; margin-left:6px; background: url(../../images/kor/layout/newop_icon.png) no-repeat center 50%; background-size:100% auto;}
a.btn.newop:hover:after{background: url(../../images/kor/layout/newop_icon_ov.png) no-repeat center 50%; background-size:100% auto;}
a.btn.newop.small:after{content:""; display:inline-block; vertical-align:middle; margin-top:-1px; width:8px; height:8px; margin-left:6px; background: url(../../images/kor/layout/newop_icon_s.png) no-repeat center 50%; background-size:100% auto;}
a.btn.newop.small:hover:after{background: url(../../images/kor/layout/newop_icon_s_ov.png) no-repeat center 50%; background-size:100% auto;}
a.btn.middle {height:37px; line-height:35px; padding:0 15px; font-size:14px;}
a.btn.small {height:30px !important; line-height:28px !important; padding:0 12px !important; font-size:13px;}

.btn.preview{}
.btn.preview:after{content:""; margin-left:4px; display:inline-block; width:8px; height:8px; background:url(../../images/kor/layout/preview_bul.png) no-repeat;}
.btn.preview:hover:after{background:url(../../images/kor/layout/preview_bul_ov.png) no-repeat;}

@media screen and (max-width:1023px){
a.btn {height:40px; line-height:39px; font-size:14px; padding:0 20px;}
a.btn.middle {height:34px; line-height:32px;}
a.btn.down {padding:0 20px;}
a.btn.link {padding:0 20px;}
}
@media screen and (max-width:840px){
a.btn {padding:0 15px;}
a.btn.down {padding:0 15px;}http://localhost:8080/kor/subMain/contest.do
a.btn.link {padding:0 15px;}
}
@media screen and (max-width:640px){
a.btn {height:38px; line-height:37px; padding:0 10px;}
a.btn.down {padding:0 10px;}
a.btn.link {padding:0 10px;}
}


/***** 게시판 *****/
/*비밀번호 팝업*/
.js_password_box{box-shadow:1px 1px 25px rgba(0,0,0,0.3);}
.js_password_box strong{background-color:#00957e;}
.js_password_box a.btn_close{transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease;}
.js_password_box a.btn_close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.js_password_box input{height:35px; line-height:35px; border:1px solid #ccc; vertical-align:middle;}
.js_password_box a.btn{width:auto;}
.js_blind{display:none; opacity:0.7; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgb(0,0,0);}

/* 게시판 커스텀 스킨 */
.board_custom.list {border-top:2px solid #333; margin-top:20px;}
.board_custom.list .no{
	display:block !important; padding:80px 0px; text-align:center;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
.board_custom.list ul {width:100%;}
.board_custom.list ul li {display:table; width:100%; table-layout:fixed; word-wrap:break-word; border-bottom:1px solid #d7d7d7;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.board_custom.list ul li:hover,
.board_custom.list ul li:active {background:#f8f9fa;}
.board_custom.list ul li strong,
.board_custom.list ul li p {display:table-cell; vertical-align:middle; text-align:center; margin:0; padding:12px 10px; box-sizing:border-box;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.board_custom.list ul li p span {display:inline-block; text-indent:-999999px}
.board_custom.list ul li strong {font-size:16px; background:#fafafa !important;}
.board_custom.list ul li.point p.num {color:#00957e; font-weight:600;} 
.board_custom.list ul li.point p.num:before {content:""; display:inline-block; vertical-align:top; margin-right:4px; margin-top:4px; width:15px; height:13px; background:url(../../images/kor/content/notice_ico.png) no-repeat left top;}
.board_custom.list p.subject {text-align:left;}
.board_custom.list p.subject a {display:inline-block; color:#333;}
.board_custom.list p.subject span {display:inline-block; vertical-align:top; overflow:hidden;}
.board_custom.list p.subject span.new {width:20px; height:20px; background:url(../../images/kor/content/new_ico.png) no-repeat center 50%; text-indent:-9999px; margin-top:2px;}
.board_custom.list p.subject span.secret {width:20px; height:20px; background:url(../../images/kor/content/secret_ico.png) no-repeat center 50%; text-indent:-9999px; margin-top:2px;}
.board_custom.list p.subject span.reply {color:#07469b;}
.board_custom.list .files a {display:inline-block; vertical-align:middle; width:20px; height:20px; overflow:hidden; text-indent:-9999px; background-size:cover; background-position:center 50%; background-repeat:no-repeat;}

/* add */
.board_custom.list .num {width:8%;}
.board_custom.list .subject {width:auto;}
.board_custom.list .depart {width:14%;}
.board_custom.list .files {width:10%;}
.board_custom.list .cycle {width:10%;}
.board_custom.list .date {width:12%;}
.board_custom.list .field {width:14%;}
.board_custom.list .function {width:9%;}
.board_custom.list .engineer {width:10%;}
.board_custom.list .price,
.board_custom.list .distribution,
.board_custom.list .remainder {width:18%;}
.board_custom.list .year {width:10%;}
.board_custom.list .presenter {width:12%;}
.board_custom.list .discussion {width:20%;}
.board_custom.list .agency {width:20%;}
.board_custom.list .attendant {width:12%;}
.board_custom.list .rate {width:10%;}
.board_custom.list .validity {width:22%;}
.board_custom.list .certification {width:32%;}
.board_custom.list .employee_1 {width:20%;}
.board_custom.list .employee_2 {width:auto;}
.board_custom.list .employee_3 {width:20%;}
.board_custom.list .employee_4 {width:20%;}
.board_custom.list .branch_office {width:14%;}
.board_custom.list .state {width:10%;}
.board_custom.list .writer {width:10%;}
.board_custom.list .classification {width:18%;}
.board_custom.list .counter {width:8%;}
.board_custom.list .shortcuts{width:15%;}

/*정보공개 : 바로가기로 인한 예외처리*/
@media screen and (max-width:840px){
	.board_custom.list .shortcuts a{height:25px !important;line-height:23px !important; font-size:12px;}
	.board_custom.list .shortcuts a.btn.link:after{width:5px; margin-top: -1px;}
}
@media screen and (max-width:640px){
	.board_custom.list .shortcuts a{height:22px !important;line-height:20px !important;padding:0 8px !important;font-size:12px;}
	.board_custom.list .shortcuts a.btn.link:after{width:4px; margin-top: -1px;}
}


.board_custom .download {background:url(../../images/kor/content/file_ico1.png);}
.board_custom .link {background:url(../../images/kor/content/file_ico2.png);}
.board_custom .preview {background:url(../../images/kor/content/file_ico3.png);}
.board_custom .pdf {background:url(../../images/kor/content/file_ico4.png);}
.board_custom .jpg {background:url(../../images/kor/content/file_ico5.png);}
.board_custom .hwp {background:url(../../images/kor/content/file_ico6.png);}
.board_custom .xls {background:url(../../images/kor/content/file_ico7.png);}
.board_custom .zip {background:url(../../images/kor/content/file_ico8.png);}
.board_custom .folder {background:url(../../images/kor/content/file_ico9.png);}

/* common */
.board.list ul li p a span,
.board.list ul li div a span {display:inline-block; vertical-align:top; overflow:hidden;}
.board.list ul li p a .new,
.board.list ul li div a .new {width:20px; height:20px; padding:0; background:url(../../images/kor/content/new_ico.png) no-repeat center 50%; text-indent:-9999px;}
.board.list ul li p a .js_secret,
.board.list ul li div a .js_secret {width:20px; height:20px; padding:0; background:url(../../images/kor/content/secret_ico.png) no-repeat center 50%; vertical-align:middle !important; text-indent:-9999px;}
.board.list ul li.no{width:100% !important; padding:80px 0 !important; text-align:center;}
.board.list .atch_file_id a {display:inline-block !important; vertical-align:middle; width:20px; height:20px; overflow:hidden; text-indent:-9999px; background-size:cover; background-position:center 50%; background-repeat:no-repeat;}
.board.list .download {background:url(../../images/kor/content/file_ico1.png);}
.board.list .link {background:url(../../images/kor/content/file_ico2.png);}
.board.list .preview {background:url(../../images/kor/content/file_ico3.png);}
.board.list .pdf {background:url(../../images/kor/content/file_ico4.png);}
.board.list .jpg {background:url(../../images/kor/content/file_ico5.png);}
.board.list .hwp {background:url(../../images/kor/content/file_ico6.png);}
.board.list .xls {background:url(../../images/kor/content/file_ico7.png);}
.board.list .zip {background:url(../../images/kor/content/file_ico8.png);}
.board.list .folder {background:url(../../images/kor/content/file_ico9.png);}


/* notice */
.board.list.notice {border-bottom:0;}
.board.list.notice ul li.thead {border-bottom:1px solid #d7d7d7;}
.board.list.notice ul li .atch_file_id{display:table-cell;}
.board.list.notice ul li.thead strong {font-weight:600;}
.board.list.notice ul li p,
.board.list.notice ul li .ntt_sj,
.board.list.notice ul li strong {padding:12px 10px;}
.board.list.notice ul li .state span,
.board.list.notice ul li .ntcr_nm span,
.board.list.notice ul li .frst_register_nm span,
.board.list.notice ul li .atch_file_id span,
.board.list.notice ul li .division span,
.board.list.notice ul li .distribution span,
.board.list.notice ul li .price span,
.board.list.notice ul li .writer span{/* display:none; */display: inline-block;text-indent: -99999px;}
.board.list ul li .arrow{display:none;}
.board.list.notice ul li:hover,
.board.list.notice ul li:active {background:#f8f9fa;}
.board.list.notice .ntt_no {width:8%;}
.board.list.notice .ntt_sj {width:auto;}
.board.list.notice ul li.point p.ntt_no {color:#00957e; font-weight:600; text-indent:0; background:none;} 
.board.list.notice ul li.point p.ntt_no:before {content:""; display:inline-block; vertical-align:top; margin-right:4px; margin-top:4px; width:15px; height:13px; background:url(../../images/kor/content/notice_ico.png) no-repeat left top;}
.board.list.notice ul li .price{width:100px;}
.board.list.notice ul li .writer{width:120px;}
/*공지형 게시판에 분류 항목 넓이값*/
.board.list.qna ul li .division,
.board.list.notice ul li .division{width:120px;}

/* download */
.board.list.download {border-bottom:0;}
.board.list.download ul li.thead {border-bottom:1px solid #d7d7d7;}
.board.list.download ul li.thead strong {font-weight:600;}
.board.list.download ul li p,
.board.list.download ul li .ntt_sj,
.board.list.download ul li strong {padding:12px 10px;}
.board.list.download ul li .ntt_sj p {margin:0;}
.board.list.download ul li .ntt_sj p:after {display:none;}
.board.list.download ul li p span {display:none;}
.board.list.download ul li .ntt_sj p.new span.new {display:inline-block; vertical-align:bottom; width:20px; height:20px; background:url(../../images/kor/content/new_ico.png) no-repeat center 50%; text-indent:-9999px;}
.board.list.download ul li .ntt_sj p.js_secret span.js_secret {display:inline-block; vertical-align:bottom; width:20px; height:20px; background:url(../../images/kor/content/secret_ico.png) no-repeat center 50%; text-indent:-9999px;}
.board.list.download ul li:hover,
.board.list.download ul li:active {background:#f8f9fa;}
.board.list.download ul li .ntt_no {width:8%;}
.board.list.download ul li .ntt_sj {width:auto;}
.board.list.download ul li .ntcr_nm {width:12%;}
.board.list.download ul li .frst_register_nm {width:12%;}
.board.list.download ul li .rdcnt {width:8%;}
.board.list.download ul li .atch_file_id {width:10%;}
.board.list.download ul li .board_btn {width:13%;}
.board.list.download ul li .board_btn .btn {display:inline-block; height:30px; line-height:28px; padding:0 12px; font-size:13px; min-width:10px;}
.board.list.download ul li .division {width:22%;}

/* photo */
.board.list.photo ul {border-bottom:1px solid #dcdcdc;}
.board.list.photo ul:first-child {padding:15px 1%; border-top:2px solid #333;}
.board.list.photo ul li {width:30.333%; padding:0; margin:15px 1.5%;}
.board.list.photo ul li .ntt_sj {border:0; padding-bottom:0; position:relative; z-index:10;}
.board.list.photo ul li .ntt_sj strong {font-size:16px; line-height:21px; height:42px; font-weight:600; white-space:inherit; text-overflow:inherit; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:20px 7% 0 7%; margin:0;}
.board.list.photo ul li .division {display:none;}
.board.list.photo ul li .frst_register_nm {bottom:0; left:auto; width:100%; box-sizing:border-box; border:1px solid #e6e6e6; border-top:0; background:none; padding:15px 7% 22px 7%; font-size:14px; line-height:18px; color:#7E7E7E;}
.board.list.photo ul li .frst_register_nm span {display:none;}
.board.list.photo ul li .rdcnt {display:block; position:absolute; width:100%; box-sizing:border-box; padding:0 7%; text-align:right; left:0; bottom:22px; font-size:14px; line-height:18px; color:#7E7E7E;}
.board.list.photo ul li .rdcnt:before {content:""; display:inline-block; width:15px; height:9px; background:url(../../images/kor/content/board_counter_ico.png) no-repeat center 50%; margin-right:5px;}
.board.list.photo ul li a {padding-bottom:55px; position:relative;}
.board.list.photo ul li a:before,
.board.list.photo ul li a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; opacity:0; -webkit-opacity:0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.board.list.photo ul li a:before {z-index:5; content:"자세히 보기"; color:#fff; text-align:center; font-size:18px; line-height:24px; font-weight:600; padding-top:135px; background:url(../../images/kor/content/board_photo_activebg.png) no-repeat left bottom;}
.board.list.photo ul li a:after {background:#22498a url(../../images/kor/content/board_photo_activebg.png) no-repeat right top; z-index:1;}
.board.list.photo ul li a .photo {height:190px;}
.board.list.photo ul li a {text-overflow:inherit; white-space:inherit; text-decoration:none;}
.board.list.photo ul li a:hover:before,
.board.list.photo ul li a:hover:after {opacity:0.9; -webkit-opacity:0.9;}
.board.list.photo ul li a:hover .photo span img {transform:scale(1.1); -webkit-transform:scale(1.1);}

/*bodo*/
.board.list.bodo ul li a .photo{margin:0;}
.board.list.bodo ul li.no{min-height:auto;}

/*qna*/
.board.list.qna {border-bottom:0;}
.board.list.qna ul li.thead strong {font-size:16px; background:#fafafa !important; font-weight:700; padding:12px 10px;}
.board.list.qna ul li p span {display:none;}
.board.list.qna ul li .ntt_sj a span.red {vertical-align:middle;}

/*view*/
.board.view .filebox .link {background-image:url(../../images/kor/content/file_ico2.png);}
.board.view .filebox .pdf {background-image:url(../../images/kor/content/file_ico4.png);}
.board.view .filebox .jpg {background-image:url(../../images/kor/content/file_ico5.png);}
.board.view .filebox .hwp {background-image:url(../../images/kor/content/file_ico6.png);}
.board.view .filebox .xls {background-image:url(../../images/kor/content/file_ico7.png);}
.board.view .filebox .zip {background-image:url(../../images/kor/content/file_ico8.png);}
.board.view .filebox .folder {background-image:url(../../images/kor/content/file_ico9.png);}

/*사규정보 뷰*/
.board.view .link.sague{padding:10px 15px; overflow:hidden;}
.board.view .link.sague .selBox{margin:0; float:left;}
.board.view .link.sague input[type="submit"] {float: left; margin-left: 5px; display: inline-block; vertical-align: top; height: 42px; padding: 0 15px; font-size: 15px; background: #007f68; color: #fff;}

/*잠금아이콘인데 팝업창 안뜨는 게시물*/
.board.list ul li p a.js_pop_secret .js_secret,
.board.list ul li div a.js_pop_secret .js_secret{overflow:hidden; display:inline-block; width:20px; height:20px; background:url(../../images/kor/content/secret_ico.png) no-repeat center 50%; vertical-align:middle; text-indent:-2000px;}


@media screen and (max-width:1023px){
.board.list.photo ul li {margin:12px 1.5%;}
.board.list.photo ul li a:before,
.board.list.photo ul li a:after {display:none;}
}
@media screen and (max-width:840px){
.board_custom.list ul li {display:block; padding:12px 3%; padding-top:40px; width:auto; overflow:hidden; position:relative;}
.board_custom.list.ty2 ul li {padding-top:12px;}
.board_custom.list ul li.thead {display:none;}	
.board_custom.list ul li strong,
.board_custom.list ul li p {display:block; width:50% !important; text-align:left; padding:0; margin-top:4px; float:left; font-size:14px; position:relative; padding:0 0 0 10px; box-sizing:border-box;}
.board_custom.list ul li p:after {content:""; display:block; width:3px; height:3px; background:#2165b9; position:absolute; left:0; top:8px;}
.board_custom.list ul li p span {display:inline-block; text-indent:0}
.board_custom.list .num {display:none;}
.board_custom.list p.subject {overflow:hidden; position:absolute; left:0; top:14px; width:100% !important; line-height:21px; margin:0 0 10px 0; padding:0 3% !important; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:600;}
.board_custom.list p.subject:after {display:none;}
.board_custom.list p.subject a {overflow:hidden; position:relative; width:auto; max-width:100%; padding-right:24px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
.board_custom.list p.subject span.new{position:absolute; top:0; right:0;}

.board.list.notice ul li{display:block; padding:12px 3%; padding-top:40px; width:auto; overflow:hidden;}
.board.list.notice ul li.thead{display:none;}
.board.list.notice ul li p,
.board.list.notice ul li .ntt_sj{display:block; float:left; position:relative; width:50% !important; padding:0 0 0 10px !important; text-align:left; box-sizing:border-box;}
.board.list.notice ul li p{margin-top:4px; font-size:14px;}
.board.list.notice ul li p:after{content:""; display:block; width:3px; height:3px; background:#2165b9; position:absolute; left:0; top:8px;}
.board.list.notice ul li .ntt_sj{width:100% !important; padding:0 3% !important; position:absolute; left:0; top:17px;}
.board.list.notice ul li .ntt_sj a strong{font-weight:600; line-height:21px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board.list.notice ul li .state span,
.board.list.notice ul li .ntcr_nm span,
.board.list.notice ul li .frst_register_nm span,
.board.list.notice ul li .atch_file_id span,
.board.list.notice ul li .division span,
.board.list.notice ul li .distribution span,
.board.list.notice ul li .price span,
.board.list.notice ul li .writer span{display:inline-block;text-indent: 0;}
.board.list.notice ul li .ntt_no,
.board.list.notice ul li .rdcnt{display:none;}
.board.list.notice ul li p.atch_file_id{background:none;}

.board.list.qna ul li {display:block; padding:12px 3%; padding-top:40px; width:auto; overflow:hidden; position:relative;}
.board.list.qna ul li.thead,
.board.list.qna ul li p.ntt_no,
.board.list.qna ul li p.rdcnt {display:none;}
.board.list.qna ul li .ntt_sj{width:100% !important; padding:0 3% !important; position:absolute; left:0; top:17px;}
.board.list.qna ul li .ntt_sj a strong{font-weight:600; line-height:21px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board.list.qna ul li p {display:block; width:50% !important; text-align:left; padding:0; margin:0; margin-top:6px; float:left; font-size:14px; position:relative; padding:0 0 0 10px; box-sizing:border-box; background:none !important;}
.board.list.qna ul li p:after {content:""; display:block; width:3px; height:3px; background:#2165b9; position:absolute; left:0; top:8px;}
.board.list.qna ul li p span {display:inline-block;}

/*국민소통 국민제안 > 나의 제안확인*/
.board.list.notice ul li p.state .receipt,
.board.list.notice ul li p.state .nope,
.board.list.notice ul li p.state .ing,
.board.list.notice ul li p.state .ok{width:auto; height:auto; line-height:normal; background-color:transparent !important; color:#505050;}

.board.list.download ul li{display:block; padding:12px 3%; padding-top:40px; width:auto; overflow:hidden;}	
.board.list.download ul li.thead{display:none;}
.board.list.download ul li p,
.board.list.download ul li .ntt_sj{display:block; text-align:left; padding:0; float:left; position:relative; padding:0 0 0 10px; box-sizing:border-box;}
.board.list.download ul li p{width:50% !important; margin-top:4px; font-size:14px;}
.board.list.download ul li p:after{content:""; display:block; width:3px; height:3px; background:#2165b9; position:absolute; left:0; top:8px;}
.board.list.download ul li p span{display:inline-block;}
.board.list.download ul li .ntt_sj{width:100%; padding:0 3%; position:absolute; left:0; top:17px;}
.board.list.download ul li .ntt_sj p{width:100% !important;}
.board.list.download ul li .ntt_sj p strong{display:block; font-weight:600; line-height:21px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:15px;}
.board.list.download ul li .subject:after,
.board.list.download ul li .rdcnt,
.board.list.download ul li p .new,
.board.list.download ul li p .js_secret,
.board.list.download ul li .ntt_no {display:none;}
.board.list.download ul li .board_btn {padding:0; margin-top:10px;}
.board.list.download ul li .board_btn:after {display:none;}
.board.list.download ul li .board_btn .btn {height:28px; line-height:26px; padding:0 10px; font-size:12px;}

.board.list.photo ul:first-child {padding:10px 1%;}	
.board.list.photo ul li {margin:10px 1.5%;}
.board.list.photo ul li a .photo {height:170px;}
}
@media screen and (max-width:640px){
	.board_custom.list ul li{padding:10px 3%; padding-top:36px;}	
	.board_custom.list.ty2 ul li{padding-top:10px;}
	.board_custom.list ul li strong,
	.board_custom.list ul li p{margin-top:1px; font-size:12px;}
	.board_custom.list ul li p{width:auto !important; float:none;}
	.board_custom.list p.subject{font-size:14px;}
	.board.list ul li.no{padding:40px 0 !important;}
		
	.board.list.photo ul li{width:47%; margin:9px 1.5%;}	
	.board.list.photo ul li .ntt_sj strong{font-size:15px; line-height:19px; height:auto; white-space:nowrap; text-overflow:ellipsis;}
	.board.list.photo ul li a .photo{height:150px;}
	
	.board.list.notice ul li{padding:10px 3%; padding-top:36px;}
	.board.list.notice ul li p,	
	.board.list.notice ul li .ntt_sj{width:auto !important; float:none;}
	.board.list.notice ul li .ntt_sj{width:100% !important; top:13px;}
	.board.list.notice ul li .ntt_sj a strong{font-size:14px;}
	.board.list.notice ul li p{margin-top:1px; font-size:12px;}
	
	.board.list.download ul li{padding:10px 3%; padding-top:36px;}
	.board.list.download ul li p,	
	.board.list.download ul li .ntt_sj{float:none;}
	.board.list.download ul li .ntt_sj{top:13px;}
	.board.list.download ul li p{margin-top:1px; font-size:12px;}
	.board.list.download ul li .ntt_sj p strong{font-size:14px;}
}
@media screen and (max-width:480px){
.board.list.photo ul li {margin:7px 1.5%;}	
.board.list.photo ul li a {padding-bottom:50px;}
.board.list.photo ul li a .photo {height:130px;}
.board.list.photo ul li .frst_register_nm {padding-bottom:17px;}
.board.list.photo ul li .rdcnt {bottom:17px;}
}
@media screen and (max-width:400px){
.board.list.photo ul:first-child {padding:5px 1%;}	
.board.list.photo ul li {float:none; width:auto; margin:12px 1.5%;}	
}


/* faq */
.board.list.faq ul {border-bottom:1px solid #dcdcdc;}
.board.list.faq ul:first-child {border-top:2px solid #333;}
.board.list.faq ul li{border-bottom:1px solid #dcdcdc;}
.board.list.faq ul li:last-child{border-bottom:0;}
.board.list.faq ul li .division {display:none;}
.board.list.faq ul li .ntt_sj a {display:block;}
.board.list.faq ul li .ntt_sj a strong {background:none; font-weight:700; font-size:16px; line-height:22px; padding:18px 15px 18px 90px; position:relative;}
.board.list.faq ul li .ntt_sj a strong span.category {display:block; color:#00957e; font-weight:normal; font-size:15px; margin:0 0 3px 0;}
.board.list.faq ul li .ntt_sj a strong span.category span {display:none;}
.board.list.faq ul li .ntt_sj a strong:before {content:"Q"; position:absolute; left:22px; top:50%; margin-top:-22px; display:inline-block; font-size:20px; font-weight:normal; color:#00957e; width:44px; height:44px; line-height:40px; text-align:center; border-radius:50%; -webkit-border-radius:50%; box-sizing:border-box; border:1px solid #eee;}
.board.list.faq ul li .ntt_sj a .ntt_cn {transition:none; -webkit-transition:none; border-top:1px solid #dcdcdc; padding:25px 15px 25px 90px; background:#f7f7f7; position:relative;}
.board.list.faq ul li .ntt_sj a .ntt_cn:before {content:"A"; position:absolute; left:22px; top:50%; margin-top:-22px; display:inline-block; font-size:20px; width:44px; height:44px; line-height:40px; background:#00957e; color:#fff; text-align:center; border-radius:50%; -webkit-border-radius:50%; box-sizing:border-box; border:1px solid #00957e;}
@media screen and (max-width:1023px){
.board.list.faq ul li .ntt_sj a strong {padding:18px 15px 18px 60px;}	
.board.list.faq ul li .ntt_sj a strong:before {width:34px; height:34px; line-height:31px; font-size:17px; left:15px; margin-top:-17px;}
.board.list.faq ul li .ntt_sj a .ntt_cn {padding:20px 15px 20px 60px;}	
.board.list.faq ul li .ntt_sj a .ntt_cn:before {width:34px; height:34px; line-height:31px; font-size:17px; left:15px; margin-top:-17px;}
}
@media screen and (max-width:640px){
.board.list.faq ul li .ntt_sj a strong{padding:12px 15px 12px 60px; font-size:14px;}
.board.list.faq ul li .ntt_sj a strong span.category{line-height:16px; font-size:12px; margin:0;} 
}


/***** paging *****/
.page{margin-top:30px;}
.page a{margin:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; margin-left:-1px;}
.page a,
.page a.page_first, 
.page a.page_left, 
.page a.page_right, 
.page a.page_end{display:inline-block; position:relative; width:36px; height:36px; line-height:36px; text-decoration:none !important; font-size:15px;}
.page a:not([class*="page_"]){width:auto; min-width:30px; padding:0 3px;}

.page a:before,
.page a strong{content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; border:1px solid #dfdfdf; box-sizing:border-box; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.page a:link:before,
.page a:visited:before,
.page a:active:before{color:#545454;}
.page a strong{display:none; /* text-decoration:none; border:1px solid #111; color:#fff; background-color:#111; line-height:34px; */}

/*호버,on처리*/
.page a:not([class*="page_"]):hover {color:#545454; position:relative; z-index:5;}
.page a:not([class*="page_"]):hover:before {border:1px solid #8f8f8f;}
.page a.on{background-color:#111; text-decoration:none; color:#fff !important;}
.page a.on:hover:before{display:none;}

.page a.page_first{margin-right:1px; background:#767676 url(../../images/kor/layout/page_first.png) no-repeat center 50% !important;}
.page a.page_left{background:#767676 url(../../images/kor/layout/page_prev.png) no-repeat center 50% !important;}
.page a.page_right{background:#767676 url(../../images/kor/layout/page_next.png) no-repeat center 50% !important;}
.page a.page_end{margin-left:1px; background:#767676 url(../../images/kor/layout/page_last.png) no-repeat center 50% !important;}
.page a.page_first:hover:before,
.page a.page_left:hover:before,
.page a.page_right:hover:before,
.page a.page_end:hover:before {border:1px solid #8f8f8f;}
@media screen and (max-width: 840px){
.page a,
.page a.page_first, 
.page a.page_left, 
.page a.page_right, 
.page a.page_end{width:32px; height:32px; line-height:32px; font-size:14px;}
.page a:not([class*="page_"]){min-width:26px;}
.page a:not([class*="page_"]):hover:before,
.page a strong{line-height:30px;}
}
@media screen and (max-width: 640px){
.page a,
.page a.page_first, 
.page a.page_left, 
.page a.page_right, 
.page a.page_end{width:28px; height:28px; line-height:28px; font-size:13px;}
.page a:not([class*="page_"]){min-width:22px;}
.page a:not([class*="page_"]):hover:before,
.page a strong{line-height:26px;}
}


/***** etc *****/
.br{display: block; width:0; height:0;}
.clear{height:0;}

/*한자폰트*/
.lang_2{font-family:"Nanum Gothic";}

/*신청폼*/
.agree{background:#e0e1e3; text-align:center; padding:13px 0; font-size:14px;}
.agree p{margin:0 0 5px 0; font-size:15px; text-align:center;}
.agree ul{overflow: hidden; display: inline-block;}
.agree ul li{float:left;}
.agree ul li:first-child{margin-right:10px;}
.table .call_input{display: inline-block;}
.table .search{position:relative; margin:2px 0; padding-left:73px; box-sizing:border-box;}
.table .search .small{position:absolute; top:0; left:0;}
.table select{height:35px; margin-top:1px;}
.table .reply_infor {color:#666; overflow:hidden; margin-bottom:15px;}
.table .reply_infor span {float:left;}
.table .reply_infor span.date {float:right;}

/*time_delay : 신청할 때 시간연장*/
#time_delay{display:inline-block; height:30px; margin-top:20px; padding:5px 20px; background:#0f71cf;}
#time_delay .secbx{display:inline-block; min-width:30px; height:30px; line-height:28px; padding-right:5px; vertical-align:middle; color:#fff;}
#time_delay .secbtn{background:#fff; border:1px solid #0f71cf; color:#0f71cf;}