/*reset*/
@charset "utf-8";

/* 본고딕 웹폰트 가져오기 180124 morenvy.com */ 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 300; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 400; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 600; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 700; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 800; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 900; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, code, del, 
dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td{ position: relative; padding: 0; border:0; font-size: 100%;  word-break:break-all; margin:0;padding:0;font-size:100%;box-sizing: border-box; font-family: 'Noto Sans KR'!important; font-weight: 300;}
th{font-weight: 500;}
body{letter-spacing: -0.072em; overflow:auto; width:100%; height: 100vh;min-height:100%;font-family: 'Noto Sans KR'!important;font-size:15px;line-height:1.5; margin: 0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family: 'Noto Sans KR';}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse;border-spacing:0;}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;}

i, em, address{font-style:normal}
address{ margin-top: -13px; }
label, button{cursor:pointer; text-align: center !important;}
blockquote, q {quotes:none}
caption, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;text-indent:-100%;white-space:nowrap;z-index:-1}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;box-sizing: border-box;}
header, input, textarea, select, button {font-family:'Noto Sans KR';font-size:16px;color:#3e3a39;line-height:1.5;letter-spacing:0;vertical-align:middle; border:none;}
input, textarea {margin:0;padding:0;  background:none; box-sizing:border-box;}
textarea {resize:none}
a {color:#d22f8c;text-decoration:none}
a:visited {color:#000000;text-decoration:none}
a:hover {color:#d22f8c;text-decoration:none}
.blind{display: none;overflow: hidden;position: absolute;width: 0;height: 0;padding: 0;margin: 0; font-size: 0;line-height: 0; text-indent: -9999em;visibility: hidden;outline: none;z-index: -1;}

*:focus { outline:none; }​ 

table{ border-collapse:collapse; border-spacing:0; }
/*   a{display:inline-block;cursor:pointer;text-decoration:none;color:inherit;}    */
a{display:inline-block;cursor:pointer;text-decoration:none;color:inherit;}
/*reset*/
a.line:hover{ text-decoration:underline; }
/*reset*/

body .body_outer{ position: relative; }

@media screen and (max-width: 640px) {
	body .body_outer section{ margin: 0 auto!important; width: 1410px; }
	.autoplay img{ width: 100%!important; }
}

@media screen and (min-width: 641px) {
	body .body_outer section{ margin: 0 auto!important; max-width: 1920px; }
 }

section.main{width: 1410px!important;}
footer.main{width: 1410px!important;}
section.main_pc{width: auto;}



/*탑 로그인 시작*/
.logo{ width: 250px; /*height: 75px; */}
.top_logo_w{ width: 1200px; margin: 0 auto; right: 30px; }
#contentLeft{ z-index: 0!important; }
.top_logo{ position: relative; padding: 20px 0; margin-right: -9px; }
.top_logo_w .top_logo ul{ overflow: hidden; text-align: center; position: absolute; right: 0; cursor: pointer; color: #555; font-size: 13px; font-weight: normal; }

.top_logo_w .top_logo ul li{ display: inline-block; float: left; width: 70px; right: 0; z-index: 2; }
.top_logo_w .top_logo ul li:before{ content: ""; position: absolute; display: block; background: #E7E7E7; width: 2px; height: 20px; margin-top: 3px; }
.top_logo_w .top_logo ul li:nth-of-type(1):before, .top_logo_w .top_logo ul li:nth-of-type(2):before{ display: none; background-color: #ffffff !important; }
li.myclass{ position: relative; padding: 0 2px!important; !important; background-color: #595757; }
.myclass a{ padding: 1px !important;  color:#ffffff !important; }
.myclass:hover{ background-color: #d22f8c !important; }

.mypage a{ position: absolute; left: 666px; background-color: #595757; color: #ffffff; padding: 0 6px; font-size: 14px; z-index: 10001; }
.mypage a:hover{ background-color: #d22f8c!important; }

/*탑 로그인 시작*/

.message1, .message2, .message3, .message4, .message5{
position: absolute;
top: 90px;
left: 330px;
width: 400px;
height: 330px;    
padding: 20px;
background-color: #354252;
opacity: 0.8;
line-height: 0;
font-size: 0
z-index:1000; 

font-size: 25px;
line-height: 1.4em;
text-align: center;
}
.message1 a, .message2 a, .message3 a, .message4 a, .message5 a{ color: #ffffff!important; }

.message_1, .message_4, .message_7, .message_10, .message_13{ font-size: 18px; padding-top: 12px; }
.message_2, .message_5, .message_8, .message_11, .message_14{ padding-top: 40px; }
.message_3, .message_6, .message_9, .message_12, .message_15{ position: absolute; font-size: 18px; right: 22px; bottom: 12px; }

.message_g, .message_c{ font-size: 14px; text-align: center; }

.bullet{ width: 1200px; margin: 0 auto; }
.bullet .nav-scroller{ padding-top: 20px; border-top: 1px solid #eee;}

/*메인 상단 슬라이드 이미지 시작*/
/* 아래 autoplay overflow:hidden으로 주면 설정값을 줘도 이미지 아래 dot 점 선택하는게 비활성화 된다*/
.autoplay img{ width:100%; height:500px; }
.autoplay{ overflow: hidden; }
ul.slick-dots{ position: relative !important; top: 1px!important; }
/*메인 상단 슬라이드 이미지 끝*/
















/*layout*/
section > h1 { font-size: 0; }
.section > .article_wrap{ width:1200px; }
.section{ position:relative; display: block; }
.section > .article_wrap{ position:relative; margin:0 auto; }
/*layout*/


/**/
#header{ height:112px; background:white; position:relative; z-index:1; margin-top: -35px; }
#header .tool_bar{ height:10px; /*z-index:5;*/ position:absolute; top:8px; right:52px; }
#header .tool_bar{ transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#header .tool_bar.on{ right:160px; }
#header .gnb_sec{ }
#header .gnb_sec .article_wrap{ height:110px; }
#header .gnb_sec .logo > img{ /*z-index:9999;*/ position:absolute; width: 250px;}

#header .gnb_sec .sub_title{ z-index:101; position:absolute; top:44px; left:180px; }
#header .dday_sec{display:inline-block; z-index:101; position:absolute; top:46px; left:268px; color:#07a8c2; font-size:18px; font-weight:500;letter-spacing:-0.08em;  }





/*1depth*/
#gnb{ font-size:0; display:inline-block; }
#gnb{ z-index:100; position:absolute; top:53px; width: 900px; }
#gnb > li{ display:inline-block; text-align:center; width: 128px!important; padding:0 0px; left: -14px; text-align:center; width: 128px!important; z-index:1001;  }
#gnb > li:nth-of-type(2){ left: -16px; }
#gnb > li:nth-of-type(3){ left: -16px; }
#gnb > li:nth-of-type(4){ left: -16px; }
#gnb > li:nth-of-type(5){ left: -16px; }
#gnb > li:nth-of-type(6){ left: -16px; }
#gnb > li:nth-of-type(7){ left: -16px; }
#gnb > li > a{ height:58px;  color:#595757; font-size:16px; font-weight: 700; }
#gnb > li:hover > a{ color:#007fff; font-weight:500; }
.tLayer {/*z-index: 1000;*/ width: 100%; height: 58px; position: absolute;}


/**/
#gnbSubWrap{ display:none; z-index: 10002; background: #ffffff; margin-top: -24px; border-top:1px solid #EEE; border-bottom:1px solid #E5E5E5; }

.owl-carousel img{height: 420px!important;}
/**/
#gnbSub{ table-layout:fixed; margin:0 auto; }
/*#gnbSub.ul{  left: 146px; float: right; }*/
#gnbSub{ display:table; /*margin-top: -25px;*/ }
#gnbSub li{ display: inline-block; width: 128px!important; }

#gnbSub > li{ display:table-cell; border-right:1px solid #EEE; color: #B60005 !important; width: 128px!important; }
#gnbSub > li:first-of-type{ border-left:1px solid #EEE; }
#gnbSub > li{ padding-left:20px; padding-top:27px; }
#gnbSub > li:hover{ background:#595757;}

#gnbSub > li > a{ letter-spacing:-0.1em; font-weight:500; font-size:14px; color:#d22f8c; }
#gnbSub > li:hover > a{ letter-spacing:-0.1em; font-weight:500; font-size:14px; color:#ffffff !important; }
#gnbSub > li:hover > ul > li > a{ letter-spacing:-0.1em; font-weight:normal; font-size:14px; color:#ffffff !important; }
#gnbSub > li > ul{ padding-top:17px; padding-bottom:55px; height:100%; }
#gnbSub > li > ul > li + li{ margin-top:9px; }
#gnbSub > li > ul > li > a{ padding-left:7px; font-size:13px; letter-spacing:-0.1em; color:#7D7D7D; }
#gnbSub > li > ul > li > a:hover{ color:#333; font-weight:500; }
#gnbSub > li > ul > li > a:before{ background:#BFBFBF; width:2px; height:2px; position:absolute; top:8px; left:0px; content:''; display:inline-block; }


#gnbSub > li:nth-of-type(1){ left: 147px; }
#gnbSub > li:nth-of-type(2){ left: 147px; }
#gnbSub > li:nth-of-type(3){ left: 147px; }
#gnbSub > li:nth-of-type(4){ left: 147px; }
#gnbSub > li:nth-of-type(5){ left: 147px; }
#gnbSub > li:nth-of-type(6){ left: 147px; }
#gnbSub > li:nth-of-type(7){ left: 147px; }



/**/
#gnbSub .hide_at_gnb,
#gnb .hide_at_gnb{ display:none !important; }
/**/

/* roll_banner */
/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

.numbertext img {
height: auto !important;
}

/* Container for image text */
.caption-container {
text-align: center;
background-color: #222;
padding: 2px 16px;
color: white;
}

.row:after {
content: "";
display: table;
clear: both;
}

/* Six columns side by side */
.column {
float: left;
width: 16.66%;
}

/* Add a transparency effect for thumnbail images 
.img {
opacity: 0.6;
}

.active,
.img:hover {
opacity: 1;
}
*/
/* 상단 빨간 박스 */
.box_layer {position: relative;}
.box_left { position: absolute;
top: -426px;
left: 300px;
width: 380px;
height: 318px;
background: #0090da;
opacity: 0.9; }

.box_left header {
margin-top: 50px;
text-align: center;
color: white;
font-size: 17px;
letter-spacing: -0.1em; }

.box_left content {	
display: inline-block;
line-height: 38px;
width: 326px;    
margin: 27px;
text-align: center;   
color: white ;
font-size: 27px;
letter-spacing: -0.1em; }  

footer.box_author {
display: block;   
text-align: center;
color: white;
font-size: 17px;   
width: 100%;
letter-spacing: -0.1em; }    
/* 상단 빨간 박스 */

/* 뉴스 섹션 */
.news_section{ position:relative; width: 100%; }
.news_section .article_wrap{ position: relative; width: 1200px; margin: 0 auto;  }
.news_section .article_wrap .section_title{ color: #000000; font-size: 20px; font-weight: bold; letter-spacing: -0.1em; }
.news_photo_w{ margin-top: 12px; }
.news_section .article_wrap .news_link_w{ float: left; margin-left: 40px; margin-top: -30px; }
.news_section .article_wrap .news_link_w:first-child{ float: left; margin-left: 0px; margin-top: -30px; }
.news_section .article_wrap .news_link_w:after{ content: ""; display: block; float: left; clear: both; }
.news_section .article_wrap .news_link_w.first_img { margin-left: 0; }
#nimg1{ max-width: 270px; max-height: 170px; min-width: 270px; min-height: 170px; }
.news_section .article_wrap .more{ position: absolute; top: 0px; right: 0px;  }

/* 뉴스 섹션 */

/* PEOPLE 섹션 좌측 */
.people_section{ width: 100%; top: 20px; height: 420px; }
.news_section:after{ content: ""; display: block; clear: both; }
.people_section .article_wrap{ position: relative; width: 1200px; margin: 0 auto; }

.people_section .article_wrap .section_title{ color: #000000; font-size: 20px; font-weight: bold; margin-top: 30px; }
.people_section .article_wrap .article_sub_w{ margin-top: 12px; }
.people_section .article_wrap .article_sub_w:after{ content: ""; display: block; float: left; clear: both; }


.article_left iframe{ margin: 0 0 0 -8px; }

.people_section .article_wrap .article_sub_w .article_left{ float: left; position: absolute; display: inline-block; width: 588px; height: 330px; margin-bottom: 60px; top: -13px; left: 0px; background-repeat: no-repeat;
}
.people_section .section_title span{ color: #AD1616; }
.people_section .article_wrap .article_sub_w .article_left .article_img img{ position: absolute; width: 270px; padding: 20px; left: 10px; top: 50px; }
.people_section .article_wrap .article_sub_w .article_left .article_title{ left: 370px; top: 45px; font-size: 18px; color: #FFFFFF; }
.people_section .article_wrap .article_sub_w .article_left .article_text{  left: 300px; width: 260px; top: 50px; font-size: 23px; color: #FFFFFF; }
/* PEOPLE 섹션 좌측 */

/* PEOPLE 섹션 우측 */
.people_section .article_right{ float: right; position: absolute; display: inline-block; width: 588px; height: 330px; margin-top: -7px; margin-bottom: 60px; top: 0px; right: 0px; background-repeat: no-repeat; }
.people_section .article_wrap .article_sub_w .article_right .article_img img{ position: absolute; width: 270px; padding: 20px; left: 10px; top: 50px; }
.people_section .section_rTitle{ position: absolute; top: 0; left: 612px; color: #000000; font-size: 20px; font-weight: bold; margin-top: 0px; }
.people_section .article_wrap .article_sub_w .article_right .article_text{ left: 300px; width: 260px; top: 50px; font-size: 23px; color: #FFFFFF; }
/* PEOPLE 섹션 우측 */

/* 탭 섹션 */
.tab_section { position: relative; width: 100%; height: 400px; }
.tab_section .article_wrap{ position: relative; width: 1200px; margin: 0 auto; }
.tab_section .article_wrap .article_sub_w:after{ content: ""; display: block; float: left; clear: both; width: 100%; }
.tab_section .article_wrap .article_sub_w .article_left{ float: left; width: 588px; margin-left: -5px;}

.tab_section .article_wrap .tab { border:1px solid #ddd; border-left:none; background:#; overflow:hidden; }
.tab_section .article_wrap .tab div { float:left; width:20%; border-left:1px solid #ddd; text-align:center; box-sizing:border-box;  color: #000000; }
.tab_section .article_wrap .tab div { display:inline-block; padding:5px; cursor:pointer; font-weight: normal; }
.tab_section .article_wrap .tab div.on { background-color:#0090DA; color:#FFFFFF; }
.tab_section .article_wrap .tab_con { margin-top:5px; border:1px solid #ddd; }
.tab_section .article_wrap .tab_con li { display:none; height:275px; background:#fff; line-height:100px; text-align:center; }

.tab_section .article_wrap .article_sub_w .article_right{ float: right; position: relative; width: 588px; margin-top: -18px; }

.table{}
.article_right > .table tr{ }
.article_right > .table tr + tr td{  }
.article_right > .table td{ text-align: center; width: 147px; height: 147px;}
.article_right > .table td + td{ }
.article_right > .table td .link{ size: 30px;  }
.article_right > .table td .link .label{ position:absolute; bottom:18px; left:0px; }
.article_right > .table td .link .label{ color:#000000; font-size:13px; letter-spacing:-0.1em; text-align:center; width:100%; }

.material-icons img{ cursor: pointer; width: 100px; height: 100px; margin: 0 auto; margin-top: 5px;}
.material-icons:hover{ cursor: pointer;}

#tabs-1 li, #tabs-2 li, #tabs-3 li, #tabs-4 li, #tabs-5 li{ padding-bottom: 11px; }

.bullet_b a{ margin-left: -7px; }
.bullet_b ii{ position: absolute; right: 38px; }
.tabs_list ul li{padding-left:8px;}
.tabs_list ul li:last-child{ margin-bottom: -10px; }
.tabs_list ul li a:hover{ text-decoration: underline; }
.ui-widget.ui-widget-content{ border: 0 !important; }

.ui-widget{ font-family: 'Noto Sans KR' !important; }

.ui-tabs .ui-tabs-nav{ width: 100% !important; left:0!important; }

.ui-widget.ui-widget-content { width: 100% !important; top: -25px; }
/* 탭 섹션 */

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.table.index{ top: -22px; }

/*하단 푸터 고정*/
#container{ min-height:100vh; }

/* 푸터 */
.footer{ z-index:1000; letter-spacing: -0.030em; overflow-x: hidden; width: 100%; position: relative; background:#3e3a39; color: #FFFFFF; margin-top: 100px; padding: 6px 0 50px 0; margin-bottom: 0; }

.footer .footer_w{ width: 1200px; margin: 0 auto; }
.footer .footer_w .foot_info{ position: relative; padding-top: 30px; font-size: 13px; margin-top: 12px; border-top: 0.06px solid; }

.footer .foot_info div img{ position: absolute; left: 0; top: 5px; width: 180px; }
.footer .foot_info div.address { position: relative; left: 210px; width: 800px; font-size: 12px; line-height:19px; color: #f6f6f6; }




.foot_btn_top #Powered span{ left: 295px; top: -45px; }
.foot_btn_top #Powered > span{ color: #007fff;  }
.foot_btn_top #Powered a span{ color: #d22f8c; }
.foot_btn_top #Powered a span:hover{ color: #ffffff; }

.footer .footer_w .list_w ul{ text-align: center; margin-right: 0; margin-top: 15px; }
.footer .footer_w .list_w li{ display: inline-block; border-right: 0.06px solid #ffffff; height: 22px; }
.footer .footer_w .list_w li:last-child{ border: 0; }
.footer .footer_w .list_w li a{ color: #FFFFFF; font-weight: 100; font-size: 14px; padding-left: 20px;  padding-right: 20px;  }


.footer .footer_w .foot_btn_top{ position: absolute; right: 0px; font-size: 12px; top: 83px; }
.footer .footer_w .foot_btn_top li{ display: inline; }
.footer .footer_w .foot_btn_top li a{  border:1px solid #FFFFFF; color: #FFFFFF; padding: 7px 9.3px; top:-10px; }

.footer .footer_w .foot_btn{ position: absolute; bottom: 0px;  right: 0px; font-size: 12px; }
.footer .footer_w .foot_btn li{ display: inline; }
.footer .footer_w .foot_btn li a{  border:1px solid #FFFFFF; color: #FFFFFF; padding: 7px; }

.sub_law h1{ font-size: 30px; padding-left: 10px; color: #000000; margin-top: 20px;}
.sub_law #tabs{ width: 1200px !important; margin: 0 auto; top: 30px;}
.sub_law img{ max-width: 100%!important; }
/* .sub_law #tabs img{ width: 100%; } */
.sub_law .ui-tabs .ui-tabs-nav{ width: 100% !important; }



.sub_law .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 10px 48px; }
.sub_law.alliance .ui-tabs .ui-tabs-nav li{ width: 237px !important; text-align: center; }




.sub_law.alliance .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 236px; text-align: center; }
.sub_law .ui-widget.ui-widget-content{ border: 0; }

/* 푸터 */

/* 서브 LEFT 시작 */
#sub_body{ width: 1200px; margin: 0 auto; position: relative; display: table;  table-layout: fixed; }
.sub_top_img{ margin:0 auto; background:#eee; text-align:center; }
.sub_top_img img{ overflow-x: hidden; width: 100%;  background-size: 100%; height: auto; position: relative; border-bottom: 1px solid #E9E9E9; background-repeat: no-repeat;  }
.sub_left { width: 250px;  font-size: 0; display: table-cell; }

.nav_left h1 a{ font-size: 30px; padding: 20px 20px 13px 14px; font-weight:600; }
#nav ul{ width:100%; margin:0; }
#nav ul.menu li{ position:relative; float:left; width:100%; list-style-type:none; font-size:15px; }
#nav ul.menu li a{ display:block; width:100%; height:100%; line-height:40px; text-indent:30px; color:#000; font-weight:500; text-decoration:none; }
#nav ul.menu li a:hover{ background:#eee; }
#nav ul.menu > li:hover{ background: #eee; color: #FFFFFF;  border-bottom: 1px solid #010101;}
#nav ul.menu li .sub a{ position:relative; float:left; padding-left: 20px; display:block; width:100%; z-index:999; background:#FFFFFF; font-size: 14px; }
#nav ul.menu li .sub a:before{ content: ""; display: block; position: absolute; left: 40px; top: 18px; width: 5px; height: 5px; border-radius: 50%; background: #d22f8c;;}
#nav ul.menu li .sub a:hover{ background:#FFFFFF; color:#d22f8c; }

.sub_right{ display: table-cell; padding-left: 28px; }
.sub_right h1{ font-size: 28px;  color: #000000;  }
.sub_right .ui-tabs .ui-tabs-nav{ width: 100% !important; height: 100% !important; }
.sub_right .ui-widget.ui-widget-content { width: 100% !important;  height: 100% !important; margin-bottom: 270px; top: -7px;}
.sub_right #tabs img{ max-width: 100% !important; }



.sub_right .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 453px; text-align: center; }
.sub_right .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{ font-weight: 500 !important; }


.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ cursor: pointer !important; }
.ui-tabs .ui-tabs-nav li:last-child{ border-right: none!important; }
.sub_right .establish .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 297px; text-align: center; }
.sub_right .plan .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 220px; text-align: center; }
.sub_right .ci .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 225px; text-align: center; }


.sub_right #tabs{ border:0; }
.ui-widget-header{ border:0 !important; background: #ffffff !important; }
.ui-tabs .ui-tabs-nav li{ border-bottom: 1 solid #000000 !important; }
.ui-tabs .ui-tabs-nav li{ border-bottom-width: 1px !important; }

#organ img{ width: 1200px !important; }
/* 서브 LEFT 끝 */

/*서치 테이블 레이아웃 시작*/
.sub_right .bbs_search_wrap{ position: relative; width: 100%; float: left; }
.sub_right .bbs_search_left{ float: left; display: inline-block; width: 50%; padding: 7px 0; }
.sub_right .bbs_search_right{ float: right; margin-right: 0; display: inline-block; width: 50%; left: 36px;
padding-bottom: 5px;}
.sub_right .bbs_search_wrap:after{ content: ""; clear: both; }

.green_window {
display: inline-block;
width: 366px; height: 40px;
border: 3px solid #007fff;
background: white;
}
.input_text {
width: 348px; height: 21px;
margin: 6px 0 0 9px;
border: 0;
line-height: 21px;
font-weight: bold;
font-size: 16px;
outline: none;
}
.sch_smit {
width: 54px; height: 40px;
margin: 0; border: 0;
vertical-align: top;
background: #595757;
color: white;
font-weight: bold;
border-radius: 1px;
cursor: pointer;
}
.sch_smit:hover {
background: #d22f8c;
}

.write_date_width{ width: 120px; }
.manage_width{ width: 500px !important; }

.news_tr th:nth-of-type(2){ width: 560px; }
.news_tr th:nth-of-type(4){ width: 180px; }
.news_tr th:nth-of-type(6){ width: 5px; }
.news_tr.commu th:nth-of-type(5){ width: 120px; }
.news_tr.commu th:nth-of-type(6){ width: 120px; }

.news_tr th:nth-of-type(7){ width: 140px; }
.news_tr th:nth-of-type(8){ width: 135px; }




#search_go{ margin-right: 10px!important; }
.sub_right .news_tr tr{ height: 40px; border: 1px solid #EDEDED; font-size: 14px !important;}
.sub_right tr.news_tr th{ text-align: center !important; }
#news_list{ height: 40px; border: 1px solid #EDEDED; font-size: 14px !important; height: 45px;}

#news_list td:nth-of-type(1){ width: 80px !important; }
#news_list td:nth-of-type(2){ padding-left: 20px; text-align: left; /*width: 400px;*/ padding-right: 0; }
#news_list td:nth-of-type(2) a{ width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top: 2px; }
#news_list td:nth-of-type(2) a.sub_media{ width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top: 2px; }


#fcn_new_b{ width: 10px; position: absolute; margin-top: 7px; margin-left: 5px; }
#news_list td:nth-of-type(3){ width: 130px; }
#news_list td:nth-of-type(4){ width: 10px; }
#news_list td:nth-of-type(5){ width: 10px; }
#news_list td:nth-of-type(6){ width: 110px; }
/*#news_list td:nth-of-type(7){ width: 10px; }
#news_list td:nth-of-type(8){ width: 10px; }*/
/*#news_list td{ padding-left: 20px;  padding-right: 20px;}*/
#news_list td{ text-align: center; }

.news_tr th{ color: #555; background-color: #dcdddd; height: 40px!important; }

.news_tr.bb th:nth-of-type(1){ width: 10px;  }
.news_tr.bb th:nth-of-type(3){ width: 10px;  }
.news_tr.bb th:nth-of-type(4){ width: 200px;  }
.news_tr.bb th:nth-of-type(5){ width: 200px;  }
.news_tr.bb th:nth-of-type(6){ width: 10px;  }
.news_tr.bb th:nth-of-type(7){ width: 10px;  }

#news_list.notice{ background-color: #f6f6f6; }
.sub_right .news, #container{ margin-bottom: 100px; }



/*#paging{ position: absolute; right: 0; margin-bottom: 50px; }*/
/*#paging b{ font-size: 30px; margin: 0 5px; }*/
/*#paging a{ font-size: 27px; }*/

#paging a { color:#aaa; text-decoration:none }
#paging a:visited {color:#aaa; text-decoration:none;}
#paging a:hover {color:#aaa;text-decoration:none}


#paging{ text-align: center; margin: 0 auto; margin-top: 10px; }
#paging i{ color: #000000!important; border: none!important; padding: 0px 10px; font-size: 17px; }
#paging a{ border: 1px solid #aaa; padding: 5px 10px; font-size: 24px; }
#paging b{ border: 1px solid #aaa; padding: 5px 10px; font-size: 24px; background-color: #595656; }
#paging > a:nth-child(1){ border: none!important; }
#paging a:nth-last-child(1){ border: none!important; padding: 0px 10px; }


/*서치 테이블 레이아웃 끝*/


.community .b_button_w{ position: absolute; right: 0; top: 0; }
.b_button{ color: #fff; background-color: #d22f8c; border-color: #d22f8c;  top: 3px; padding: 10px; bottom: 5px; font-size: 12px;  }
.b_button:hover{ font-weight: 500; }
.nav-tlink{ margin-bottom: 5px; margin-top: -4px; }
.nav-tlink.text-dark{ color: #fff; top: 7px; background-color: #007fff; border-color: #007fff; padding: 10px; font-size: 12px; margin-bottom: 10px; }
.nav-tlink.text-dark:hover{ font-weight: 500; }

/*콘텐츠 레이아웃 시작*/
.con_wrap{ width: 950px; margin: 0 auto; }
.dhp_photo_w{ position: relative; width: 210px; height: 153px; display: inline-block; border: 1px solid #DDDEE0; margin: 10px; padding: 10px; margin-bottom: 60px; }
img.dhp_photo_w .dhp_photo{ position: absolute; display: inline-block; }
.dhp_photo_w p{ margin-top: 10px; }
/*콘텐츠 레이아웃 끝*/


/* 이미지를 자동으로 화면에 맞게 리사이즈 되도록 */

#img2 {
max-width: ; /* 이미지의 최대사이즈 */
width: 100%; /***/: auto; /* IE8 */
height: 133px;
vertical-align: bottom;
}	
#img3 {
max-width: ; /* 이미지의 최대사이즈 */
width: 300px; /***/: auto; /* IE8 */
height: 210px;
vertical-align: bottom;
}	

#img4 {
max-width: ; /* 이미지의 최대사이즈 */
width: 100px; /***/: auto; /* IE8 */
height: 210px;
vertical-align: bottom;
}			
/* 이미지를 배경으로 지정하여 화면에 맞게 리사이즈 되도록 */
.bg {
height: 0;
padding-top: 66.666%; /* 500px÷750px×100=66.666…% */
background: url() no-repeat center;
background-size: contain;
}
/* 작은 화면용으로 이미지를 체인지（CSS） */
@media screen and (max-width: 640px) {
.img01 {
height: 0;
padding-top: 69.531%; /* 445px÷640px×100=69.531…% */
background: url() no-repeat center;
background-size: contain;
}
.img01 img {
display: none; /* PC용 이미지를 보이지 않게 처리 */
}
}
/* 이미지를 자동으로 화면에 맞게 리사이즈 되도록  끝*/

.bbs_result.search_all{ text-align: center; margin: 20px;}
.bbs_result.search_all img{ width: 225px; height: 231px; } 
.search_all2 img{ width: 225px; max-height: 231px; } 
.bbs_result.search_all2{ text-align: center;  border-bottom: 1px solid; padding-bottom: 30px; }
.search_form_wrap.search_all{ text-align: center;  margin: 20px; }
.search_form_wrap.search_all2{ text-align: center;  margin-bottom: 30px; }
.search_form_wrap.search_all2:after{ content: ""; display: block; border-bottom: 1px solid; padding-top: 30px;  }


#top{ position: absolute; right: 0; display: block; padding: 10px 40px; border: 1px solid #eee; background-color: #595757; color: #ffffff; margin-top: 30px; }
#top:hover{ background-color: #d22f8c; color: #ffffff; }
.container h1{ border-bottom: 5px solid #555; }


div.con_wrap_out{ position: relative; display: inline-block; clear: both; border-bottom: 1px solid #DDDEE0; width: 100%; }
div.con_tit{ position: relative; padding-left: 19px; padding-top: 25px; padding-bottom: 10px; font-size: 40px; font-weight: bold; }
div.con_stit{ position: relative; padding-left: 19px; font-size: 20px; font-weight: bold; color: #555; float: left; padding-bottom: 25px; }

div.con_sns{ padding-right: 17px; position: absolute; right: 0;top: -45px; }

div.con_wrap_inner{ margin-bottom: 25px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #DDDEE0; padding-left: 17px; padding-right: 17px; float: left; width: 100%; }
div.con_float_left{ float: left; }
div.con_writ{ letter-spacing: -0.05em; color: #777; display: inline-block; position: relative; line-height: 1.5; padding-top: 8px; font-size: 18px; float: left; }
div.con_date{ float: left; padding-top: 8px; font-size: 18px; }
div.con_read_c{ float: right; padding-top: 8px; font-size: 18px; }

.label { font-weight: bold;	font-size: 12pt; margin: 20px 0; }
.btn_size {	position: absolute;	top: 30px; right: 0; width: 80px; border: 1px solid #CCCCCC; padding-left: 10px; margin: 10px 0; }
.btn_size:hover{ cursor: pointer; }
.btn_size.pl{ background-color: #007fff; color: #ffffff; right: 82px; z-index: 10; }
.btn_size.mi{ background-color: #d22f8c; color: #ffffff; z-index: 10; }

.con_tit_c{ clear: both; text-align: center; margin-top: 80px; margin-bottom: 30px; }

.con_tit_c .tit{ color: rgb(0, 0, 0); font-size: 14pt; font-weight: bold; }
.con_tit_c .stit{ color: rgb(0, 0, 0); font-size: 12pt; }
.mcontent{ color: rgb(0, 0, 0) !important; font-size: 14px; font-weight: normal; }
.mcontent p{ line-height: 1.5 !important; }
.mcontent span{  font-weight: 400; }
.mcontent img{ max-width: 100%; }


.attach_file_out00{ margin-top: 100px; padding: 14px 14px 5px 14px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: auto; }

.writer_edit{ width: 100%; position: relative; display: inline-block; clear: both; }
.list{ float: right; top: 7px; width: 110px; background-color: #595757; color: #ffffff; }
.list a{  display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list:hover{ background-color: #d22f8c; color: #ffffff; }

.list_logout{ float: left; top: 7px; width: 110px; left: 810px; background-color: #595757; color: #ffffff; }
.list_logout a{  display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list_logout:hover{ background-color: #d22f8c; color: #ffffff; }

.list_edit{ float: left; top: 7px; width: 110px; left: 480px; background-color: #595757; color: #ffffff; }
.list_edit a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list_edit:hover{ background-color: #d22f8c; color: #ffffff; }

.list_del{ float: left; top: 7px; width: 110px; left: 480px; background-color: #595757; color: #ffffff; }
.list_del a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list_del:hover{ background-color: #d22f8c; color: #ffffff; }

.list_repl{ float: left; top: 7px; width: 110px; left: 480px;  background-color: #595757; color: #ffffff;  }
.list_repl a{ display: block; padding: 10px 40px; border: 1px solid #eee; }

.board_edit{ width: 100%; position: relative; display: inline-block; clear: both; }

.board_edit .list_save input{ float: right; margin-top: 7px; width: 110px; color: #000000; }
.board_edit .list_save input{ display: block; padding: 9px 40px; border: 1px solid #eee;  background-color: #595757; color: #ffffff;  }
.board_edit .list_save.pd input{ padding: 10px 40px; }
.board_edit .list_save input:hover{ background-color: #d22f8c; color: white; }

.list_cancel{ float: left; top: 7px; width: 110px; left: 842px; background-color: #595757; color: #ffffff; }
.list_cancel a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }

.board_edit .list{ float: left; top: 7px; width: 110px; left: 842px;  background-color: #595757; color: #ffffff;  }
.board_edit .list a{ display: block; padding: 10px 40px; border: 1px solid #eee; }

.custom-control-label:before, .custom-control-label:after{ display: none!important; }


.menu_repl_w{ position: relative; width: 100%; display: inline-block;  }
.menu_w_out{ position: relative; display: inline-block; width: 100%; }
.repl_w_out{ position: relative; margin-top: 7px; }


.attach_file_out0{ margin-top: 100px; padding: 14px 14px 0 14px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out{ padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out2{ margin-top: 0; padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out3{ margin-top: 0; padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_w{ display: inline-block; clear: both; }
.attach_file_name{ float: left; padding-left: 30px; padding-right: 100px; }
.attach_file{ float: left; }
.attach_file a, .attach_file3 a{ color: #555555 !important; }
.attach_file a:hover, .attach_file3 a:hover{ color: #d22f8c !important; }

.attach_file_a{ margin-left: 185px; }
.attach_file a, .attach_file_a a{ padding: 0 5px; }


.attach_file3{ float: left; margin-left: -5px; }



.attach_file_name i.material-icons{ position: absolute; left: 0px; }



/*PC댓글 시작*/
.repl{ background-color: #f9f9f9; padding: 5px; }
.repl_write{ margin-top: 40px; }
.repl_in{ border-bottom: 1px solid #eee; width: 98%; }
.repl_ref{  position: relative;  width: 100%; overflow: hidden; margin: 15px 0; padding-bottom: 15px; }

.repl_id_w{ float: left; position: relative;  width: 70%; overflow: hidden; margin-left: 25px; height: 25px; }
.repl_id{ float: left; padding: 0 5px; color: #000000; font-weight: bold; }
.repl_time{ float: left;  padding: 0 5px; font-size: 13px; padding-top: 3px; }
.repl_repl_btn{ float: left; left: 13px;  padding: 0 5px;  font-size: 13px; padding-top: 3px }
.repl_id_w span img{ left: -74px; top: -27px; width:100px; }

.repl_edit_w{ float: right; margin-right: 25px; }
.repl_edit{ float: left; padding-right: 5px; }
.repl_del{ float: right; padding-left: 5px; }

.repl_input{ position: relative; width: 100%; overflow: hidden; }
textarea{ float: left; position: relative; width:88%; height:75px !important; border:1px solid #eee; overflow:visible; text-overflow:ellipsis; padding: 10px; border-color: #cccccc; }
input.btn{ float: right; position: relative; border: 1px solid #eee; padding: 25px 35px; color: #ffffff; background-color: #595757; }
input.btn:hover{ background-color: #d22f8c; color: #ffffff; }

.counter_edit{ top: 0px; padding-top: 25px; padding-left: 5px!important; }


.repl_con{ padding: 0 30px; color: #666666; margin-top: -25px; margin-bottom: 10px; word-break: break-all; line-height: 1.8; }
.repl_con img{ position: absolute; left: 13px; top: -55px; width:100px; }

#repl_img{ position: absolute; left: -25px; top: -60px; width:100px; }
#fcn_new{ width: 10px; position: absolute; margin-top:6px; margin-left: 5px; }

.repl_edit_form, .repl_add_form{ display: none; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.repl_font{ font-size: 13px; }

.repl_left{ left: 40px; }
.repl_left i{ background-color: #d22f8c; color: #ffffff; padding: 3px 3px 5px 3px; border: 1px solid #d22f8c;  border-radius: 3px;}

.repl_repl_left{ margin-left: 55px; }
.repl_repl_id_w{ float: left; position: relative;  width: 70%; overflow: hidden; margin-left: 65px; height: 25px; }



/*PC댓글 끝*/


/*좋요싫어요*/
.repl_ref .lb_w{ position: absolute; left:670px; clear: both; }
.repl_ref .lb_w2{ position: absolute; right:0; clear: both; }
.like{ float: left; width: 45px; }
.bad{ float: left; width: 45px; margin-left: 20px; }

.like ii{ color: #007fff; }
.bad ii{ color: #d22f8c; }
/*좋요싫어요*/





/*Bulletin_board edit*/
.form{ color: #000000; }

.board_tit_w{ position: relative; display: inline-block; width: 100%; clear: both;  }
.board_field_tit{  width: 100px; float: left; padding-left: 10px; vertical-align: middle; padding-top: 10px; }
#board_id{  width: 100px; float: left; padding-left: 30px; margin-right: -10px; vertical-align: middle; padding-top: 10px; }
#board_sec{  width: 100px; float: left; padding-left: 30px; vertical-align: middle; padding-top: 10px; }
.board_input_tit{ float: left; }

.form input[type=text]#title {
width: 790px;
padding: 2px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
height: 30px;
color: #000000;
}


.form input[type=text], select {
width: 200px;
padding: 2px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
height: 30px;
color: #000000;
}

.form_del input[type=submit] {
width: 15%;
border: 1px solid #eee !important;
color: #000000;
padding: 12px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

.board_edit a:hover, .form_del input[type=submit]:hover, .form_del input[type=button]:hover, .form_del + a:hover { background-color: #d22f8c; color: white; }

.editor_info{ background-color: #eee; padding: 3px; text-align: center; }

.board_chk{ position: relative; display: inline-block; width: 100%; clear: both;  padding-left: 10px; }
.board_chk_sec{ position: relative; float: left; display: inline-block; }
.board_chk_noti{ position: relative; float: left; display: inline-block; padding-left: 15px; }


#del_fi{ margin-top: 10px; }
.del_field{   width: 15%;
border: 1px solid #eee !important;
color: #000000;
padding: 12px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer; }

#del_file{ width: 69%; height: 50px; margin-top: 10px;}
.upload_form{ padding: 5px 0; }
.form_file{ padding: 5px; }
.save_priv input{ position: absolute; right: 0!important;  margin-top: 7px; width: 200px; color: #000000; background-color: #595757; color: #ffffff;  }
.save_priv input{ display: block; padding: 10px 40px; border: 1px solid #eee; }
.save_priv input:hover{ background-color: #d22f8c; color: white; }

.btn_list_w{ position: relative; width: 100%; }

.btn_list_edit a button, .btn_list_edit2 a button{ padding: 8px 12px;  font-size: 12px !important;}

.btn_list_edit button{ float: left; margin: 5px -0.5px; background-color: #595757; color: #ffffff; }
.btn_list_edit button:hover, .btn_list_edit a button:hover{ background-color: #d22f8c; color: #ffffff; font-weight: 500; }
/*Bulletin_board edit*/

/*디한평PEOPLE*/
.bbs_result em{ color: #000000; font-size: 20px; font-weight: bolder; }
.bbs_search_wrap.photo{ border-bottom: 2px solid #444444; }
.people_pho_out_w{ margin-top: 20px; position: relative; display: inline-block; width: 100%; clear: both; border-bottom: 1px solid #DDDEE0; padding-bottom: 27px;  }
.people_right{ float: right; height: 115px; background-color: #F9FAFB; padding-top: 10px; }

.people_pho{ float: left; width: 190px; height: 115px; padding: 0 3px; }

.people_pho_in_w{ float: right; width: 730px;  padding: 0 10px 0px 20px;}
.people_pho_write{ position: absolute; left:5px; top: 85px; font-size: 12px; }
.people_pho_count{ position: absolute; left: 95px; top: 85px; font-size: 12px; }
#notice_tit{ color: #000000; font-size: 16px; font-weight: bold; }
#pho_con{ font-size: 14px; }
/*디한평PEOPLE*/

/*form.asp*/
.form_w{ letter-spacing: 1px; margin: 0; overflow: hidden; color: #000000; width: 100%; height: 100vh;  position:relative; display: inline-block; clear: both; background: #3e3a3a; }
.form_content{ width: 1200px; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.form_detail{    }
.form_left{ color: #ffffff; border-top-left-radius: 10px; border-bottom-left-radius: 10px;  float: left; display: inline-block; width: 600px; height: 730px; padding: 70px; background-color: #007fff; }
.form_right{ color: #ffffff; border-top-right-radius: 10px; border-bottom-right-radius: 10px;  float: right; display: inline-block; width: 600px;  height: 730px; padding: 70px;  background-color: #dcdddd; }

.form-group{ position: relative; display: inline-block; clear: both; }
.form-row-1{float: left;}
.form-row-2{float: left;}
.form-row-3{float: left;}
.form_w input{ color: #ffffff; padding: 7px; width: 100%; border:1px solid transparent; border-bottom: 1px solid #ccc; }
.form_w .form_right  input{ color: #3e3a39; }
.form_w .form-row{ padding: 2px; margin-bottom:5px; }
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #ffffff;  font-size: 16px; }
.form_detail h2{ font-size: 22px; font-weight: 500; }
.form_right h2{ color: #d22f8c; }
.form_w .form_right input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #3e3a3a;  font-size: 16px;}


.form_right input[type=submit] { background-color: #007fff; width: 80px; color: #ffffff!important; font-size: 14px; font-weight: 300; padding: 12px 25px; position: absolute; top: 50px; left:270px; border: none; cursor: pointer; }
.form_right textarea{ z-index: 1; width: 100%; height: 150px !important; }
.btn.send:hover{ background-color: #595757; }
.form_right .btn.cancel, .form_right a:hover{ background-color: #d22f8c; color: white; }

.form_right .btn.cancel{ width: 80px;  position: absolute; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.form_right .btn.cancel a{color: #ffffff!important;  padding: 12px 26px; text-align: center;}
.form_right .btn.cancel a:hover{ background-color: #595757; }
.private_chk{ border: 1px solid #3e3a3a; padding: 10px; font-size: 13px; margin-top: 63px; height: 154px; }
.private_chk input{ margin-top: 26px; margin-left: 179px; }
.private_chk label{ margin-top: -17px; margin-left: 407px; position: absolute; }
.private_chk i{ position: absolute; top: 13px; }
.private_chk span p{ line-height: 1.8; }

.news_chk{ color: #3e3a3a;  border: 1px solid #3e3a3a; padding: 10px; font-size: 13px; margin-top: 46px; height: 90px; }
.news_chk input{ margin-top: 23px; margin-left: 179px; }
.news_chk label{ margin-top: -17px; margin-left: 407px; position: absolute; color: #3e3a3a; }
.news_chk .news_con{ color: #3e3a3a; padding-top: 115px; line-height: 1.8;}
.news_chk + strong{ color: #3e3a3a!important; }
.news_chk i strong{ position: absolute; top: 99px; color: #3e3a3a; }

.btn-group{ left: 108px; }
/*form.asp*/

/*subscribe*/

#modal-open{ position: absolute;
    z-index: 10001;
    right: 310px;
    top: 20px;
    font-size: 14px;
    color: #ffffff;
    padding: 0 10px;
    background-color: #595757; }
#modal-open-w{ position: absolute; }
#modal-open-w form{ background-color: #3e3a3a; height: 30px; padding-bottom: 60px; padding-left: 120px; }
#modal-open-w input.email{ background-color: #ffffff !important;
    position: absolute;
    left: -107px;
    top: -7px;
    height: 40px;
    width: 436px; }



#modal-open:hover{ background-color: #007fff; cursor: pointer;}
#modal-open-w input#email-sub { position: absolute; right: -399px !important; top: 0px!important; color: #ffffff; }/* The Modal (background) */
#modal-open-w input#email-sub:hover{ cursor: pointer;}

.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 10002; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 30%; /* Could be more or less, depending on screen size */                          
}

/*sitemap*/
/*하단 푸터 고정*/
#container-sitemap{ min-height:160vh; }
.sitemap{ width: 1200px; position: relative; margin: 0 auto; clear: both; border-top: 1px solid #eaeaea; }
.sitemap h1{ font-size: 46px; font-weight: 600; margin: 42px; text-align: center;  }
.sitemap > h2{ position:absolute; left:50%; transform:translateX(-50%); top: 127px; }
.sitemap-w{ margin-top: 70px; border-top: 1px solid #eaeaea; }
.sitemap-inner{ line-height: 2.5; margin-top:20px;}
.sitemap-inner ul h2 a{ font-size: 22px!important; }
.sitemap-inner ul li a{ font-size: 14px!important; font-weight:400; }

.sitemap-inner ul li:nth-of-type(1) a{ margin-top: 14px; }
.sitemap-inner ul li:last-child a{ margin-bottom: 30px; }

.sitemap .sitemap-left{ float: left; }
.sitemap .sitemap-right{ float: left; left:301px;}
.sitemap h2 a{  font-weight: 800; padding: 10px 0; border-bottom: 1px solid #007fff; padding-bottom: 0px; margin-bottom: 10px; line-height: 2; font-size: 25px; }
.sitemap .sitemap-right2{ float: left; left:520px;}
/*sitemap*/




/*강좌 시작*/
.college_ul{ position: relative; width: 100%; }
.college_ul li{  border: 1px solid #dcdddd; }
.college_left .left{  }
.college_left table{ }
.college_left .left th{  }
.college_left .left img.thumb{ width:230px; padding: 20px; }
.college_left .left img.thumb_view{ width:230px; padding: 20px; }
.college_left .left .lecture_title{ position: absolute; left: 230px; width: 100%; padding: 20px; }
.college_left .left .lecture_title .content{ position: absolute;  }
.content td{ padding: 12px 100px 12px 0; font-weight: 400; }
.college_bottom { position: relative; padding: 20px 0 80px 20px; background-color: #f9f9f9; }
.bottom_left{ float: left; }
.college_bottom .bottom_left .lecture_type{ padding-bottom: 10px; }
.lecture_type span{ padding-right: 20px; }
.lecture_type .free{ padding-right: 10px;}
.lecture_type .recomm{ padding-right: 10px;}
.lecture_type .notice{ padding-right: 10px; }

span.tuition{ padding-right: 20px; letter-spacing: 0.2px; }
.lecture_title .title a{ font-weight: 500; font-size: 20px; }

.bottom_right{ position: relative; float: right; padding: 10px 30px 10px 0; }
.bottom_right .cart a{ color: #fff; background-color: #595757; border-color: #d22f8c; right:103px; top: 3px; padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .cart a:hover{ background-color: #d22f8c; }
.bottom_right .enroll a{ float: right; color: #fff; background-color: #595757; border-color: #d22f8c;  top: -39px; padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .enroll a:hover{ background-color: #d22f8c; }

.lecture_list a{ font-weight: 400!important; }

.brief{ width: 1150px;  padding: 20px 20px 40px 20px; word-break: break-all; line-height: 1.8; font-weight: 400; }
.sub_right .lecture_view_tab .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 385px; text-align: center; }

.lecture_view_w{ position: relative; }
.lecture_view_w tr, .lecture_view_w td{ border-top: 1px solid #d6d6d6; font-weight: 500; }
.lecture_view_w tr:last-child{ border-bottom: 1px solid #d6d6d6; }
.lecture_view_w .lecture_count{ background-color: #f9f9f9; border-right: 1px solid  #d6d6d6; width: 130px; padding: 20px; text-align: center; border-top: 1px solid #d6d6d6;  }
.lecture_view_w .lecture_name{ padding-left: 20px; }
.lecture_view_w .lecture_duration{ width: 130px; padding:20px; text-align: center; }

.title_icon{ position: absolute; position: absolute;  top: 26px;  right: 260px; }
#college_icon{ padding-right: 1px; max-width: 60px; height: 20px; }
.view_list{ padding: 1em 5px 1em 2px!important; }

#con_review{ position: relative; }
#con_review input.btn:hover{ cursor: pointer; }
#counter_review{ position: absolute; top: 105px; left: 0px; }
#rev_length{ width: 91%; }

table.rev_write{ margin-bottom: 100px!important; }
table.rev_write thead{ background-color: #ddd; height: 30px!important; }
table.rev_write thead th{ height: 30px; }
table.rev_write tr{ border-bottom: 1px solid #d6d6d6; }

.sub_right_review{}
.sub_right_review .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 385px; text-align: center; }
.sub_right_review .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{ font-weight: 500 !important; }

.rev_write td{ text-align: center; padding: 10px 0; }
.rev_write td:nth-of-type(2){ width: 120px; }
.rev_write td:nth-of-type(3){ width: 130px; }
.rev_write td:nth-of-type(4){ width: 130px; }
.rev_write td:nth-of-type(5){ width: 130px; }

.rev_write img{ width: 100px; }

.sub_right_review{ display: table-cell; padding-left: 28px; }
.sub_right_review h1{ font-size: 28px; padding: 20px 20px 13px 0; color: #000000;  }
.sub_right_review .ui-tabs .ui-tabs-nav{ width: 100% !important; height: 100% !important; }
.sub_right_review .ui-widget.ui-widget-content { width: 100% !important;  height: 100% !important; margin-bottom: 270px; top: -7px;}
.con_review .star{   margin-right: 7px;  margin-left: 20px;  margin-bottom: 10px; }
.con_review img{ width: 100px!important; }
/*강좌 끝*/

table.cart_w{ margin-bottom: 100px!important; }
table.cart_w thead{ background-color: #ddd; height: 30px!important; }
table.cart_w thead th{ height: 50px; }
table.cart_w tr{ border-bottom: 1px solid #d6d6d6; height: 50px; }

table.cart_w{ vertical-align: middle; text-align:center; }
.cTuition_chk{ margin-right: 15px; }
.cart_del{ margin: 5px -0.5px;
    background-color: #595757;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 12px !important;
}
.cart_del:hover{
background-color: #d22f8c;
    color: #ffffff;
    font-weight: 500;
}
.cart_del.all{  left:600px; top: -90px; }

.total_sum_w{ position: relative; left: -140px; }

p.total_sum_inner{ position: absolute; right: -140px; }
input#total_sum{ margin-top: -5px; font-size: 20px; font-weight: 600; width: 93px; color: red; }
.total_sum_inner{ font-size: 20px; font-weight: 600; border-bottom: 1px solid #000000; top: -90px; }
.bottom_right .watch a{ color: #fff; background-color: #595757; border-color: #d22f8c;  padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .watch a:hover{ background-color: #d22f8c; }

.lecture_duration .watch_view a{ color: #ffffff; background-color: #595757; border-color: #d22f8c;  padding: 10px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.lecture_duration .watch_view a:hover{ background-color: #d22f8c; }


/*결제 페이지*/
.pay{ position: relative; top: -22px;}
.pay .bt_card{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_card{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_card:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_bank{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_bank{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_bank:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_vbank{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_vbank{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_vbank:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_cash{ width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_cash{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_cash:hover{ background-color: #d22f8c; cursor: pointer; }



#btn_cash{ margin-top: -22px; width: 100%; background-color: #595757; float: left; top: 50px; left:185px; text-align: center; font-size: 14px; font-weight: 300; }
#btn_cash{color: #ffffff;  padding: 12px 26px; text-align: center;}
#btn_cash:hover{ background-color: #d22f8c; cursor: pointer; }



.cash_out{ position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
.cash_w{ position: absolute;
    top: 50%;
    left: 50%;
    width: 730px;
    height: 525px;
    margin-left: -360px;
    margin-top: -315px;
    background: #fff;
    border: 1px solid #cccccc;
    box-shadow: 0 0 20px #333;
    -webkit-box-shadow: 0 0 20px #333;
    -moz-box-shadow: 0 0 20px #333;
    z-index: 10; 
padding:5px;}
.cash_tit{ font-weight: 800; }
.cash_w .cash_top{ font-size: 22px; text-align: center; background-color: #5b5f69; color: #ffffff; width: 100%; height: 35px; }
.chk_inner{ position: relative; clear: both; }
.cash_left{ float: left; width: 500px; height: 400px;  margin:10px; border: 2px solid #000000;}


.Confirm_Layer{ position: relative; height: 300px; }
.confirm_layer iframe{ height: 30px; }
.Confirm_Layer h2{ padding: 1px 20px; }
.CashChkInAll{ height: 40px; padding-top: 9px!important; border-bottom: 1px solid #a3a3a3; background-color: #E8F5E9 ; position: relative; }
#selAll{ padding-top: 9px; right: 45px;}

.selected{ top: 0px; z-index: 1; position: absolute; right: 70px;}
.detail{  top: 0px; z-index: 1; position: absolute; right: 10px; }
#confrim_ok{ text-align: center; color: red; margin-bottom: 20px; }

.cash_right{ float: right; width: 200px;
    height: 100%;
    

    }
.cash_right .inner{ padding:10px; position: relative; text-align: right; color: #ffffff;  position: relative;
    width: 100%;
    height: 477px;
    padding: 2px 15px;
    background: #4CAF50;
    box-sizing: border-box;
    margin-top: -420px;
   }

 .CashChkIn1{ margin-top: 20px; }
.cash_right .lec{ position: relative; border-bottom: 1px solid #66BB6A; padding: 10px 0; }
.cash_right .pay{ position: relative; margin-top: 30px; border-bottom: 1px solid #66BB6A;  padding: 10px 0; }
.lec_tit{ font-weight: 400; font-size: 18px; }
.pay_sum{ font-weight: 700; font-size: 25px; color: yellow; }
.detail{ background-color: #858585; margin-top: 2px;  }
.detail a{ color: #ffffff; font-size: 13px; padding: 1px 10px;}

.confirm_Layer2{ visibility: hidden !important; }
.confirm_Layer2_vis{ visibility: visible !important; }

.radio_w{ position: relative; }
.radio_w h2{ color: #000000; height: 40px; padding-top: 9px!important;
    border-bottom: 1px solid #a3a3a3;
   background-color: #E8F5E9 ; }

.radio_inner .content{ padding-top: 20px; }

.radio_inner .content{ padding: 20px;}
.radio_inner .content .bankpad{ margin-bottom: 5px;}
.radio_inner .content .bankpad input{ margin-right: 5px!important; }
.radio_inner .email i{ padding: 20px; }
.radio_inner .email .email_inner{ margin-top: 20px; }
.radio_inner .email input{ border: 1px solid #000000; padding: 5px;}


.bank_deposit_w{}

.bank_cancel{ position: absolute;  top: 430px; left:0px; float: left;  width: 245px; height: 35px; background-color: #595757; color: #ffffff; margin-right: 5px; }
.bank_cancel:hover{ background-color: #d22f8c; color: #ffffff; }

.bank_deposit{ position: absolute;  top: 430px; right: 0px;  float: right;  width: 245px; height: 35px; background-color: #595757; color: #ffffff; }
.bank_deposit a{  display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.bank_deposit:hover{ background-color: #d22f8c; color: #ffffff; }

.settleResult1{ color: blue; font-weight: bolder; }
.settleResult2{ color: red; font-weight: bolder; }

#float_banner { float: right; padding: 10px; width: 290px; z-index: 1; cursor: pointer;}
.banner_foot{ padding-top: 20px; }
.banner_foot img{ width: 100%; }

.rList{ vertical-align: middle; padding-bottom: 15px; margin-top: -5px;}
.rList img{ margin-bottom: -2px; width: 15px; }

.sns_main { width: 1200px; margin: 0 auto; position: relative; margin-bottom: -60px; }
.sns_main ul{ text-align: center; }
.sns_main li{ display: inline-block; padding-right: 40px; }
.sns_main li img{ width: 70px; }

.fcn_value img, .fcn_born1 img, .ImaxWidth img{ max-width: 100%; }