@charset "utf-8";

body {	line-height:1;  position:relative;  right:0;  -webkit-transition: right .3s;  transition: right .3s;}
body.open {right:240px;}


.dv_wrap {width:1200px; margin:0 auto; position:relative; clear:both;}
#skipNavi {position:absolute;left:0;top:-10em;width:100%; z-index:99999;}
#skipNavi a:active, #skipNavi a:focus {position:absolute;left:0;top:10em;width:100%; background:#009dc8 ;color:#fff;text-align:center;text-decoration:none;line-height:35px;outline:0}

.header {position:relative; width:1200px; min-height:82px; margin:0 auto; z-index:999; background-color: #ff0000; }
.logo {float: left;}
.header h1 { padding:14px 0px; text-align:center;}
.header .wather {position:absolute; top:30px; left:10px; }
.header .wather img {width:50px; float:left; margin-right:10px; margin-top:-7px;}
.header .wather p {float:left; line-height:18px; color:#666; font-size:13px;}

#dv_contents {z-index:100; border-top:1px solid #ccc; position:relative; padding-top:0;}

#GNB {position:absolute; top:0px; right:0; display:none;}
#GNB ul{margin-top:5px;}
#GNB ul li {float:left;}
#GNB ul li:nth-child(1) a{background:url(/images/cmm/gnb_01.png)no-repeat 0 center; padding-left:16px; margin-right:13px;}
#GNB ul li:nth-child(2) a{background:url(/images/cmm/gnb_02.png)no-repeat 0 center; padding-left:14px;}
#GNB ul li a{color:#000; display:block; font-size:12px;}
#GNB ul li a:hover{text-decoration:underline;}

/* gnb menu */
div.global_menu {background:#fff; height:82px;}
#menu { width: 84%; margin:0 auto; float: right;}
#menu .PC_navigation {position:relative; }
#menu .PC_navigation a.allmenu {position:absolute; top:0; right:0; width:55px; line-height:82px; background:#d85543; text-align:center;}
#menu .PC_navigation ul.side-menu { box-sizing:border-box; padding-right:55px;}
#menu .PC_navigation ul.side-menu > li {position:relative; float:left; display: block; text-align:center;  line-height:82px;width:17%;/* padding: 0 4%; */ color:#000;  }
#menu .PC_navigation ul.side-menu > li:last-child {background:none;}

 
#menu .PC_navigation ul.header_user {overflow:hidden; float: right; }
#menu .PC_navigation ul.header_user li {float: left; font-size: 14px; line-height: 82px;}
#menu .PC_navigation ul.header_user li a {font-size: 14px; padding: 7px 9px; border-radius: 5px; }
#menu .PC_navigation ul.header_user li:first-child a {background-color: #ffdc52; border: 1px solid #ffdc52; margin-right: 10px;}
#menu .PC_navigation ul.header_user li:nth-child(2) a {border: 1px solid #bebebe;}
#menu .PC_navigation ul.header_user li.logout a {background-color: #333; border: 1px solid #333; color: #fff;}


/* gnb menu1 */
#menu .PC_navigation1 {position:relative; }
#menu .PC_navigation1 a.allmenu1 {position:absolute; top:0; right:0; width:55px; line-height:55px; background:#d85543; text-align:center;}


#menu .PC_navigation ul.side-menu > li > a {display: block; font-size:18px; font-weight:500; color:#000;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out, width .2s;
}
#menu .PC_navigation ul.side-menu > li > a:hover{color:#2860b6;}
#menu .PC_navigation ul.side-menu > li.over > a { color: #fff;}

#menu .PC_navigation ul.side-menu > li > ul {background-color: rgba(0, 0, 0, .8); z-index:160; position:absolute;  width:100%; /*border:3px solid #031767;*/ border-top:none; }
#menu .PC_navigation ul.side-menu > li.depth1 > ul > li { line-height:42px; display:none;}
#menu .PC_navigation ul.side-menu > li > ul > li > a { display:block; color:#999; font-size:14px;}
#menu .PC_navigation ul.side-menu > li > ul > li > a:hover { color:#6699ff; font-weight:500;}

#menu .PC_navigation ul.side-menu > li.over > ul { opacity: 1;}
#menu .PC_navigation ul.side-menu > li.over > ul > li{display:block;}

#menu .PC_navigation li.depth3 {display:none;}
#menu a.menu-icon {display:none;}
#menu .Mob_navigation {display:none;}

.gnb_bg {transition-timing-function: ease-in-out; background:rgba(0,0,0,0.85); position: absolute; top:  ; left: 0; width: 100%; display: none; border-bottom:4px solid #222222; z-index:150; height:315px; box-sizing:border-box;}
/* #dv_contents > div.dv_wrap {padding-bottom:60px; } 20180509 */

#left_nav {display:none;}

/**/
div.subtopimg {background:url('/images/sub/contop_subbg01.jpg') no-repeat 50% bottom; height:260px; width:100%; margin-top:-1px;}
div.subtopimg .subtopimg_txt{margin:0 auto; width:1200px; text-align:center;}
div.subtopimg .subtopimg_txt img {margin:50px 0px 0px;}
 
div.subtopimg .subtopimg_txt.mobile {display:none} 



aside {overflow:hidden; width:100%; margin-top:-103px;}/*20180425*/
aside h2 {background:url(/images/cmm/submenu_bg.png) no-repeat 0 0; height:135px;  font-weight:600; float: left; }/*20180425*/
aside h2 span {padding:60px 0 0 20px; display:block; font-family:'SeoulNamsanM';  color:#fff;  font-size:36px; } 

aside ul.side-menuL { border:1px solid #dedede; float: left;/*20180425*/ }
aside ul.side-menuL li.depth1 {border-bottom:1px solid #dedede;  }
aside ul.side-menuL li.depth1 > a{color:#333; display:block; text-align:left; font-size:16px;  line-height:50px; padding:0px 15px;}
aside ul.side-menuL li.depth1 > a.off{background:#f2f2f2 url(/images/cmm/sub_menu01bg.png) no-repeat; background-position:210px 15px;
-webkit-transition: background-position .2s ease-in-out;  transition: background-position .2s ease-in-out;}
aside ul.side-menuL li.depth1 > a.on {color:rgba(51,0,153,1); font-weight:600; background:#fff url(/images/cmm/sub_menu01bg.png) no-repeat; background-position:210px -35px;}
aside ul.side-menuL li.depth1 > a.nounder {background:none;}

aside ul.side-menuL li.depth1 > ul {background:#f4f3f3; margin:0px 1px; padding:15px 0px;}
aside ul.side-menuL li.depth2 { display:block;  padding-left:15px;}
aside ul.side-menuL li.depth2:last-child {border-bottom:none;}
aside ul.side-menuL li.depth2 > a {display:block; color:#666; line-height:30px; text-align:left; padding-left:12px; background:url(/images/cmm/sub_menubul01.png) no-repeat 2px 15px;}
aside ul.side-menuL li.depth2 > a.on { color:#333; font-weight:bold;}

div.dv_subcon {width:1200px; position:relative; float:right; padding-top:45px; margin-bottom: 50px;}

#page_nav {position:relative; color: #888888;  font-size:13px; margin-bottom:30px;}
#page_nav span { display: block; position: relative;  margin: 0 auto;  background:url(/images/cmm/loca_bg.png) no-repeat 0 0; padding-left:18px;}
#page_nav strong		{ font-weight:600; color:#333; }

div.dv_subcon h2 {font-size: 40px;  margin-bottom: 40px;  color: #000; font-family:'SeoulNamsanL'; text-align: center;}
h2.id_check{font-size: 20px; margin-top: 20px;  color: #000; font-family:'SeoulNamsanL'; text-align: center;}

section article		{ position: relative; overflow: hidden; clear: both; float: none; }

.footer_wrap1 {background-color: #505256; height:50px; line-height: 50px;  }
.footer_wrap1 div {overflow:hidden; width: 1200px; margin: 0 auto;}
 
.footer_wrap1 div > ul.footer_wraptext li {float: left; color: #fcff00;}
.footer_wrap1 div > ul.footer_wraptext li a {color: #fcff00;}

.footer_wrap1 .footer_sns {float: right;   }
.footer_wrap1 .footer_sns li {display:inline-block; margin-left: 10px;} 
.footer_wrap1 .footer_line {margin: 0 35px;}




footer { background-color: #63656a;}
.footer_wrap2{width:1200px; overflow:hidden; margin:0 auto;  line-height:23px; font-size:13px; padding:20px 0; position:relative; color: #cccccd;}
.footer_wrap2 img { float:left; margin-right:100px; margin-top:10px;}
.footer_wrap2 div {float:left;} 
.footer_wrap2 p.tel a{color:#cccccd; font-weight:700;}
.footer_wrap2 p.copy {font-size:12px; color:#cccccd; display:block; margin-top: 15px; display:block;}


.footer_wrap2 div.footer_img {float: right; }
.footer_wrap2 div.footer_img img {margin-right: 10px;}
.footer_wrap2 div.footer_img img:last-child {margin-right:0;}
div.black {background:rgba(0,0,0,0.9); height:100%; position:fixed; width:100%; top:0; left:0; z-index:9999; display:none;}

@media all and (max-width:1200px){ 
	.footer_wrap1 {padding: 0 20px;}
}



.ui-height15 {display:none;}






.search {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:15px; background:#f6f6f6;}
.search p {text-align:center;}
.search input[type="text"] {height:30px; border:1px solid #b5b5b5; width:220px;}
.search select {height:32px; border:1px solid #b5b5b5; margin-right:10px; width:90px;}
.search p label {padding-top:8px; padding-bottom:10px; width:70px; background:#515151; color:#fff; display:inline-block; line-height:14px; margin-right:-4px;}



.board_read {border-top:2px solid #333; width:100%; border-collapse:collapse;  line-height:1.5em;}
.board_read thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.board_read thead th.title {  text-align:center;}
.board_read td {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px; text-align:left;}
.board_read thead td.rc {font-size:12px;}
.board_read thead td.rc span {background:url(board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.board_read thead td.attach_list {font-size:12px;}
.board_read thead td.attach_list img {margin-top:2px;}
.board_read tbody th {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left; background:#fbfbfb;}
.board_read th span.txtc_inreq {color:#ff6600;}
.board_read tbody td input{ border:1px solid #d4d4d4; padding:2px 3px; }
.board_read tbody td textarea{ border:1px solid #d4d4d4; padding:2px 3px; }
.board_read tbody td select {border:1px solid #d4d4d4; padding:5px 3px; }
.board_read tbody td select option {padding:3px 5px; }



/* Ä«Ä«¿À */
div.kakao {position: absolute; z-index: 99999; width:100%;}
div.kakao div {position: relative; margin: 0 auto; width: 1200px; top: 350px;}
div.kakao div a {width: 140px; height: 140px; background: #ffdc52; display: inline-block; border-radius: 150px; text-align: center; float: right;}
div.kakao div a:first-child {margin-left: 10px; background: #735bde;}
div.kakao div a:first-child span {color: #fff; background: url('/images/main/plustalk.png') center 21px no-repeat; background-size: 65%;}
div.kakao div a span {padding-top: 95px; display: inline-block; font-size: 15px; letter-spacing: -2px; font-weight: 700; background: url('/images/main/talk.png') center 21px no-repeat; background-size: 82%;}


@media (max-width: 1023px) {
div.kakao div {width: 100%; top: 110px; right: 12px;}
div.kakao div a {width: 100px; height: 100px; }
div.kakao div a span {padding-top: 105px; color: #fff; text-shadow: 1px 1px 1px #444; background-size: 76%;}
div.kakao div a:first-child span {background-size: 59%;}
}

@media (max-width: 767px){
div.kakao div {top: 180px;}
}

@media (max-width: 500px){
div.kakao div {top: 100px; right: 1px;}
div.kakao div a {width: 55px; height: 55px; float: right;}
div.kakao div a:first-child {margin-right: 8px;}
div.kakao div a span {padding-top: 67px; background-size: 61%; background-position: center 12px; font-size: 14px;}
div.kakao div a:first-child span {background-position: center 12px;}
div.kakao div a:first-child span {background-size: 53%;}
}
/* °Ô½Ã±Û °Ë»ö */

/* °Ô½Ã±Û °Ë»ö */



.ui-fr{text-align:right; border-top:1px dotted #ccc; padding-top:25px; background:#f1f1f1; padding-bottom:25px; border-bottom:1px dotted #ccc;}


.board_select_box {position: relative; display: inline-block; width: 15%; height: 30px; background: #fff url(/images/main/sear_arrow.png) right 50% no-repeat; border: 1px solid #4a75bb;}
.board_select_box select { width:100%; height:30px; line-height:30px; padding: 0 10px; opacity: 0;}
.board_select_box select option{padding:5px 10px; }




.required{height:30px; border:1px solid #b5b5b5; width:300px;}

.ui-fl{margin-top:0; margin-bottom:10px;}


.ui-gallery{text-align:center; margin-bottom:25px;}
.ui-gallery:after {clear:both; display:block; content:"";}
.ui-gallery li{ position:relative; margin-bottom:30px; width:30%; float:left; margin-right:5%;}
.ui-gallery li:nth-child(3), .ui-gallery li:nth-child(6), .ui-gallery li:nth-child(9), .ui-gallery li:nth-child(12){margin-right:0;}
.ui-gallery li img{height:200px; width:100%; border:1px solid #ccc; display:block;}
.ui-gallery li p{margin-top:10px; font-size:17px; font-weight:bold; margin-bottom:3px; color:#333;}
.ui-gallery li a:hover{color:#333;}


.addr{background:#1f5d97; color:#fff !important; padding:3px 5px; display:inline-block; font-size:12px; border-radius:3px;}

#btn-add-row{background:#eb6f4d; padding:5px 10px; border-radius: 3px;}
#btn-delete-row{background:#666; padding:5px 10px; border-radius: 3px;}

.pm_btn{ display:inline-block;  font-size: 13px; text-align: center; color: #fff; cursor:pointer; margin-top:10px; }
#btn-add-row1{background:#eb6f4d;  padding:5px 10px; border-radius: 3px;}
#btn-delete-row1{background:#666;  padding:5px 10px; border-radius: 3px;}


/*È޾ȸ¶ÅäÇÇ¾Æ Å×ÀÌºí °Ë»ö*/

div.board_search {margin-top: 30px; text-align:center; background:#f6f6f6; margin-bottom:10px; padding:15px; border:1px solid #dedede;}
div.board_search select {height:40px;  width: 12%; padding-left:10px;  font-family:'Nanum Gothic'; /*margin-top:-13px;*/ border:1px solid #ccc;}
div.board_search input {height:35px;  border:1px solid #ccc; width:40%;}
div.board_search .board_search_btn {display:inline-block; background:#0052bd; color:#fff; font-weight:bold; border:1px solid #0052bd; padding:0px 20px; height:38px; line-height:35px; width:80px;}

@media all and (max-width:766px){ 
	div.board_search select {width: 20%;}
	div.board_search input {height:35px;  border:1px solid #ccc; width:30%;}
}
@media all and (max-width:500px){ 
	div.board_search select {width: 100%;}
	div.board_search input {width: 98%; margin-top:5px;}
	div.board_search .board_search_btn {width: 100%; padding: 0; margin-top:10px;}

}
 

/*È޾ȸ¶ÅäÇÇ¾Æ Å×À̺í*/
table.type01{width:100%; margin-bottom:20px;margin-top: 10px; }
table.type01 th{height: 35px;padding:13px 0 13px; border-top:2px solid #2371c9; border-bottom:1px solid #b3b3b3; border-right:1px solid #dddddd; border-left:1px solid #dddddd; font-weight:bold; background:#f7f7f7; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
table.type01 td{height: 30px; padding:13px 10px 13px; border:1px solid #ddd; text-align:center;  font-size:14px; line-height: 22px;}
table.type01 td:first-child, table.type01 th:first-child {border-left:0;}
table.type01 td:last-child, table.type01 th:last-child {border-right:0;}
table.type01 td img{vertical-align:middle;}
table.type01 tbody tr:hover {background:#f9f9f9;}
table.type01 tr.on{background:#fbfbfb;}
table.type01 tr.on td,table.board_list tr.on td a{color:#03c;}
table.type01 tr.on td a.detail_link{border-bottom:1px solid #03c;}
table.type01 td input{border:1px solid #dddddd; padding:3px 5px;}

table.type02{width:100%;  border-top: 2px solid #333; margin-top: 20px;  }
table.type02 th{padding:13px 0 13px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; font-weight:bold; background:#f7f7f7; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
table.type02 th.fir {position: absolute; top:0; left: -99999999px; display:none;}
table.type02 td{padding:13px 10px 13px; border:1px solid #ddd; text-align:left;  font-size:13px;}
table.type02 td.list {font-size: 15px; height: 40px; background-color: #f9f9f9;}
table.type02 td img{vertical-align:middle;}
table.type02 tbody tr:hover {background:#f9f9f9;}
table.type02 tr.on{background:#fbfbfb;}
table.type02 tr.on td,table.board_list tr.on td a{color:#03c;}
table.type02 tr.on td a.detail_link{border-bottom:1px solid #03c;}
table.type02 td input{border:1px solid #dddddd; padding:3px 5px;}

table.type03{width:100%;  border-top: 2px solid #333; margin-top: 20px; margin-bottom: 30px; }
table.type03 th{height: 30px;   padding:13px 0 13px; width: 15%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; font-weight:bold; background:#f7f7f7; font-size:14px;  font-family: 'Nanum Gothic', sans-serif;}
table.type03 th.fir {position: absolute; top:0; left: -99999999px; display:none;}
table.type03 td{line-height: 26px; padding:13px 10px 13px; border:1px solid #ddd; text-align:left;  font-size:14px; margin-left: 10px; }
table.type03 td.list {font-size: 15px; height: 40px; background-color: #f9f9f9;}
table.type03 td img{vertical-align:middle; width: 200px;}
 
table.type03 td input{border:1px solid #dddddd; padding:3px 5px; width: 50%;}
table.type03 td input.full {width: 90%;}
.view-contents {text-align:center; border: 1px solid #dddddd; border-top:0; padding: 20px; font-size: 14px; line-height: 26px; margin-bottom: 20px;}
.view-contents img {margin: 0 auto;}
@media all and (max-width:700px){ 
	 .num {display:none;}
	 .etc{display:none;}
	 table.type03 td input {width: 95%;}
	 table.type03 .tbl_box{display:block;}
	
} 
@media all and (max-width:420px){ 
	 .date {display:none;} 
	 table.type03 th {width: 20%;}

}

 

.board_pager {text-align:center; font-size:15px; position:relative; margin-bottom:30px; clear:both;  line-height:1.5em;}
.board_pager span a {display:inline-block; border:1px solid #dedede; padding:5px 10px; color:#666; font-size: 15px;}
.board_pager span.on {display:inline-block; background-color:#f36523;  }
.board_pager span.on a {color:#fff; font-weight:bold; font-size: 15px;}
.board_pager span.bt_gray{display:inline-block; background-color:#f5f5f5;}
.board_pager span.bt_gray a {color: #333;}
 




/* °Ô½Ã±Û ¸ñ·Ï */
.tb_board {width:100%; border:0; border-collapse:collapse; margin-bottom:40px; line-height:1.5em;}
.tb_board th {padding:10px 5px 8px; border-bottom:1px solid #bcbcbc; border-top:2px solid #333; background:#fafafa;}
.tb_board td {padding:12px 5px 10px; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px;}
.tb_board tr:first-child td {border-top:0}
.tb_board tr:hover,.tb_board tr:active, .tb_board tr:focus {background:#f5f5f5}

.tb_board td.tit {width:auto;}
.tb_board td.r {text-align:right;}


#lec_desc {width:95%; height:300px;}

/* °Ô½Ã±Û Àбâ */
.tb_board_read {border-top:2px solid #333; width:100%; border-collapse:collapse;  line-height:1.5em;}
.tb_board_read thead th {border:1px solid #e5e5e5; background:#fafafa; padding:10px 5px 8px; }
.tb_board_read thead th.title {  text-align:center;}
.tb_board_read td {padding:12px 5px 10px; border:0; border:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left;}
.tb_board_read thead td.rc {font-size:12px;}
.tb_board_read thead td.rc span {background:url(board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.tb_board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.tb_board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.tb_board_read thead td.attach_list {font-size:12px;}
.tb_board_read thead td.attach_list img {margin-top:2px;}
.tb_board_read tbody th {padding:12px 5px 10px; border:0; border:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left; background:#fbfbfb;}
.tb_board_read th span.txtc_inreq {color:#ff6600;}
.tb_board_read tbody td input{ border:1px solid #d4d4d4; padding:2px 3px; height:23px;}
.tb_board_read tbody td .nop{ border:1px solid #d4d4d4 !important; padding:5px 3px; margin-bottom:5px;}
.tb_board_read tbody td textarea{ border:1px solid #d4d4d4; padding:2px 3px; }
.tb_board_read select {padding: 5px 3px;}



div.board_read_foot {background:#f6f6f6; margin-bottom:40px;}
div.board_read_foot ul li {border-bottom:1px solid #dedede; padding:12px 5px 10px; font-size:12px; color:#666; }
div.board_read_foot ul li span {margin:0 10px;}
div.board_read_foot ul li span strong {font-size:8px; margin-top:-5px;}

/* °Ô½Ã±Û ¾²±â */
.tb_board_write {width:100%; border:0; border-collapse:collapse;  margin-bottom:40px;  line-height:1.5em;}
.tb_board_write thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.tb_board_write thead th.title {border-top:2px solid #333;  text-align:center;}
.tb_board_write tbody th {width:25%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 5px 6px;}
.tb_board_write tbody td {padding:8px 5px 6px; border-bottom:1px solid #dedede; font-size:13px;}
.tb_board_write tbody td input {height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px;}
.tb_board_write tbody td input.file_input {border:0; padding:0}
.tb_board_write tbody td p.copy {color:#ff3300; font-size:12px;}
.tb_board_write tbody td.attach div {margin-bottom:5px;}
.tb_board_write tbody td.attach input {margin-bottom:5px; width:100%;}
.tb_board_write tbody td textarea {width:100%; border:1px solid #ccc;}

/* °Ô½Ã±Û ÆäÀÌ¡ */
.pageing {text-align:center; font-size:13px; position:relative; margin-bottom:30px; clear:both;  line-height:1.5em;}
.pageing a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666; margin:3px;}
.pageing a span.on {color:#ff0000; font-weight:bold;}

/* °¶·¯¸® ¸ñ·Ï : È޾ȸ¶ÅäÇǾÆ*/
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:2%; margin-bottom:30px; width:32%;  line-height:1.5em;}
.media_list ul li:nth-child(3n)  { margin-right:0; }
.media_list ul li a {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li a img {width:100%; height:200px;}
.media_list ul li p { font-size:15px; color:#333; font-weight:bold; margin-top:8px; }
.media_list ul li span { font-size:14px; padding: 10px; color:#333;   text-align:center; display:block;}

.mo {display:none;}
.pad{display:none;}
.mob {display:none;}
.dis {position:absolute; left: -9999px; width: 1px;height: 0px;margin: 0;padding: 0;border: 0;text-indent: -9999em;background: none;font-size: 1px;line-height: 1px;}

 



/******************************************************************************************
	Pad Style
*******************************************************************************************/
@media all and (max-width:1023px){

.dv_wrap {width:100%;}


.dv_wrap_pad{padding:20px 20px 0 20px;}
.header {position: relative;  background:#fff; min-height:92px; width: 100%; }
div.global_menu {background:none; height:0px;}

div.subtopimg {background:url('/images/sub/contop_subbg01.jpg') no-repeat 70% 70%; height:130px; position:relative;}

div.subtopimg .subtopimg_txt{width:100%; text-align:center;}
div.subtopimg .subtopimg_txt img {margin:0px 10px 0px; width:300px;}

div.subtopimg .subtopimg_txt.mobile {display:block; line-height: 130px;}
div.subtopimg .subtopimg_txt.pc {display:none;}

.footer_wrap1 div {width: 100%;}

/*GNB*/
#GNB{display:none;}
div.black.open {display:block;}
#menu .PC_navigation {display:none;}
#menu .PC_navigation1 {display:none;}
#menu a.menu-icon {position: absolute; top:30px;  right:15px; display:block; background:url(/images/cmm/mob_btnmenu.png) no-repeat 0 0; text-indent:-9999px; width:40px; height:40px;}
#menu a.menu-icon.open {background:url(/images/cmm/mob_btnmenu_close.png) no-repeat 0 0; z-index: 99999;}
#menu .Mob_navigation {display:none; position:absolute;  top:0px;  right:-240px;  width:240px; height:1500px; background:#303030; z-index:99999;}
#menu .Mob_navigation.open {display:block; }
#menu .Mob_navigation p.mobmenutit { height:144px; color:#fff; background:url(/images/cmm/submenu_bg.png) no-repeat right 0; text-align:center; font-size:30px; font-weight:600; padding-top:35px;}
#menu .Mob_navigation .header_user {position: absolute; top:80px; width: 100%;}
#menu .Mob_navigation .header_user li {display:block; line-height: 43px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .5);  }
#menu .Mob_navigation .header_user li a {color: #fff; display:block;  padding: 0 15px; font-size: 15px;  } 

#menu .Mob_navigation ul.side-menu {background:#303030;  z-index:-1;  -webkit-transition: right .3s;  transition: right .3s; }

#menu .Mob_navigation ul.side-menu li.depth1 {border-bottom:1px solid #4b4b4b;  }
#menu .Mob_navigation ul.side-menu li.depth1 > a{color:#fff; display:block; text-align:left; font-size:16px;  line-height:50px; padding:0px 15px; background:url(/images/cmm/mob_menu01bg.png) no-repeat; background-position:210px 20px; -webkit-transition: background-position .3s;  transition: background-position .3s;}
#menu .Mob_navigation ul.side-menu li.depth1 > a.off{}

#menu .Mob_navigation ul.side-menu li.depth1 > a.on {color:rgba(255,255,0,0.8); font-weight:600; background:url(/images/cmm/mob_menu01bg.png) no-repeat; background-position:210px -30px;}

#menu .Mob_navigation ul.side-menu li.depth1 > ul {background:#3a3a3a; }
#menu .Mob_navigation ul.side-menu li.depth2 { display:block; border-bottom:1px solid #555; padding-left:15px;}
#menu .Mob_navigation ul.side-menu li.depth2:last-child {border-bottom:none;}
#menu .Mob_navigation ul.side-menu li.depth2 > a {display:block; color:#b8a672; line-height:40px; text-align:left; padding-left:10px; font-size:15px; background:url(/images/cmm/mob_menubul01.png) no-repeat 0 19px;}

#menu .Mob_navigation ul.side-menu li.depth2 > ul {padding:0px 0px 10px 0px; }
#menu .Mob_navigation ul.side-menu li.depth3 { display:block;  }
#menu .Mob_navigation ul.side-menu li.depth3 > a {display:block; color:#ccc; line-height:30px; text-align:left; padding-left:20px; background:url(/images/cmm/mob_menubul02.png) no-repeat 12px 15px;}

#dv_contents {position:relative; padding-top:0px;}
aside {display:none;}
div.dv_subcon {width:100%; float:none; padding-top:0px;}

#page_nav { border-bottom:1px solid #dedede; padding:10px; margin-bottom:10px;}

#contents {padding:10px;}
div.dv_subcon h2 {font-size: 40px;  margin-bottom: 40px;  color: #000; font-family:'SeoulNamsanM';}

.footer_wrap2{width:100%; text-align:center;}
.footer_wrap2 img {display:none;}
.footer_wrap2 div {float:none;}



.gnb_bg{display:none;}
}

/******************************************************************************************
	Mobile Style
*******************************************************************************************/
@media all and (max-width:767px){

#menu a.menu-icon {top: 12px;}

.header {min-height: 62px;}
.header h1 {text-align:left; padding: 5px 0; padding-left:15px;}
.header h1 img{ width:100%;  }
.header .wather {display:none;}

 


/*footer*/
.footer_wrap2 div{padding:0 10px;}


 



div.tabmenu02 {display:none;}
div.tabmenu02mo {display:block; text-align:center; background:#fff; border:1px solid #dedede; border-radius:0px 0px 3px 3px; border-top:0; padding:10px; margin-bottom:30px;}
div.tabmenu02mo select {height:30px; line-height:30px; width:100%;}

.mo  {display:inline-block;}
.mob {display:none;}




.board_read colgroup{display:none;}
.tb_board colgroup{display:none;}

.ui-fr input[type="submit"] {margin-right:0;}

.search {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:15px; background:#f6f6f6;}
.search p {text-align:center;}
.search input[type="text"] {height:30px; border:1px solid #b5b5b5; width:220px;}

.search select {height:32px; border:1px solid #b5b5b5; margin-right:10px; width:90px;}
.search p label {padding-top:8px; padding-bottom:10px; width:70px; background:#515151; color:#fff; display:inline-block; line-height:14px; margin-right:-4px;}





.ui-fr{text-align:center; margin-bottom:15px;}
.required{width:100px;}
.ui-fl{ display:none;}



.academy > li{float:none; width:100%; margin-right:0; }
.academy > li:nth-child(even){float:none;}



 




/* °Ô½Ã±Û ¸ñ·Ï */
.tb_board .mdn {display:none; *width:0;}
.type01 .mdn {display:none; *width:0;}
.ui-list .mdn {display:none; *width:0;}
.board_read .mdn {display:none;}
.tb_board_read colgroup{display:none;}

.wps_10 {width:20%;}
.wps_15 {width:30%;}
.wps_20 {width:30%;}


/* °Ô½Ã±Û ÆäÀÌ¡ */
.pageing {text-align:center; font-size:13px; position:relative;}
.pageing a.pre_btn {position:absolute; top:-5px; left:0;}
.pageing a.next_btn {position:absolute; top:-5px; right:0;}
.pageing strong {color:#ff0000; font-weight:bold;}



.pageing{display:none;}
.pageing a {border:0; padding:0;}


.pageing_btn {
    border: 1px solid #dedede !important;
    padding: 7px 10px 7px 10px !important;
    color: #666 !important;
    margin: 3px !important;
	display:block;
}




.mob_n{display:none;}




/* °¶·¯¸® ¸ñ·Ï */
 
div.tabmenu02 {display:none;}
div.tabmenu02mo {display:block; text-align:center; background:#fff; border:1px solid #dedede; border-radius:0px 0px 3px 3px; border-top:0; padding:10px; margin-bottom:30px;}
div.tabmenu02mo select {height:30px; line-height:30px; width:100%;}

.mo  {display:inline-block;}
.mob {display:none;}



.nor{display:none;}
.mob{display:block;}



.ui-gallery li{ position:relative; margin-bottom:30px; width:90%; float:none; margin:0 auto 30px;}
.ui-gallery li:nth-child(3), .ui-gallery li:nth-child(6), .ui-gallery li:nth-child(9), .ui-gallery li:nth-child(12){margin:0 auto;}


}



@media all and (max-width:500px){ 
	
	/* °¶·¯¸® ¸ñ·Ï : È޾ȸ¶ÅäÇǾÆ*/
	.media_list ul li {width:100%; margin-right:0;}
}

/*¹öÆ°*/ 
.btnC_wrap {margin-top: 30px; text-align:center;}
.btnC_wrap ul {text-align:center;}
.btnC_wrap ul li {display: inline-block; background-color: #333; margin-right: 15px; }
.btnC_wrap ul li:last-child {margin-right:0;}
.btnC_wrap ul li a {color: #fff; font-size: 15px; display: block; padding: 15px 40px; }

.btnC_wrap ul li.btn_list {background-color: #2c81ae;}
.btnC_wrap ul li.btn_01 {background-color: #5b5b5b;}
p.btn_list { display: inline-block; background-color: #2c81ae;}
p.btn_list a  {color: #fff; font-size: 15px; display: block; padding: 15px 40px; }

.btn_01.hvr-bounce-to-right::before {background: #fff; border: 2px solid #5b5b5b; box-sizing: border-box; }
.btnC_wrap ul li.btn_01:hover a {color: #5b5b5b;}

.btn_list.hvr-bounce-to-right::before {background: #fff; border: 2px solid #2c81ae; box-sizing: border-box; }
.btnC_wrap ul li.btn_list:hover a {color: #2c81ae;}
p.btn_list:hover a {color: #2c81ae;}

.btn_list {background-color: #2c81ae;display:inline-block;}
.btn_list a {color: #fff; font-size: 15px; display: inline-block; padding: 15px 40px;}
.btn_list.hvr-bounce-to-right::before {background: #fff; border: 2px solid #2c81ae; box-sizing: border-box; }
.btn_list:hover a {color: #2c81ae;}

.btn_listS {background-color: #2c81ae;display:inline-block;}
.btn_listS a {color: #fff; font-size: 15px; display: inline-block; padding: 10px 30px;} 
.btn_listS:hover {background-color: #333;}
.btn_listS:hover a {color: #fff;}

/*ȸ»ö : Ãë¼Ò,»èÁ¦*/
.btn_01 {background-color: #5b5b5b;display:inline-block;}
.btn_01 a {color: #fff; font-size: 15px; display: inline-block; padding: 15px 40px;}
.btn_01.hvr-bounce-to-right::before {background: #fff; border: 2px solid #5b5b5b; box-sizing: border-box; }
.btn_01:hover a {color: #5b5b5b;}

/*ȸ»ö+³×À̺ñ : ±Û¾²±â*/
.btn_02 {background-color: #5A6E80;display:inline-block;}
.btn_02 a {color: #fff; font-size: 15px; display: inline-block; padding: 15px 40px;}
.btn_02.hvr-bounce-to-right::before {background: #fff; border: 2px solid #5A6E80; box-sizing: border-box; }
.btn_02:hover a {color: #5A6E80;}

/*¿¶Àº ¿À·»Áö : µî·Ï*/
.btn_03 {background-color: #FA806A;display:inline-block;}
.btn_03 a {color: #fff; font-size: 15px; display: inline-block; padding: 15px 40px;}
.btn_03.hvr-bounce-to-right::before {background: #fff; border: 2px solid #FA806A; box-sizing: border-box; }
.btn_03:hover a {color: #FA806A;}
 
/*¿¶Àº ¿À·»Áö : ¼öÁ¤*/
.btn_04 {background-color: #F57888;display:inline-block;}
.btn_04 a {color: #fff; font-size: 15px; display: inline-block; padding: 15px 40px;}
.btn_04.hvr-bounce-to-right::before {background: #fff; border: 2px solid #F57888; box-sizing: border-box; }
.btn_04:hover a {color: #F57888;}

.btn_view {display:inline-block;background-color: #333; border-radius: 20px; padding: 1px 15px;}
.btn_view a {color: #fff;}

.btn_box {color: #fff; display:inline-block;background-color: #333;   padding:6px 15px; margin-left: 15px; font-size: 14px; cursor: pointer;}
.btn_box a {color: #fff;}
@media all and (max-width:420px){ 
	.btn_list a, .btn_01 a, .btn_02 a, .btn_03 a, .btn_04 a {display:block; width: 100%; padding:15px 0;}
	.btn_list {width: 100%; text-align:center; margin-bottom:5px; display:block;}
	.btn_01 {width: 100%; text-align:center; margin-bottom:5px; display:block;}
	.btn_02 {width: 100%; text-align:center; margin-bottom:5px; display:block;}
	.btn_03 {width: 100%; text-align:center; margin-bottom:5px; display:block;}
	.btn_04 {width: 100%; text-align:center; margin-bottom:5px; display:block;}
}




/*·ÎÄÉÀ̼Ç*/
 #locator li {display: inline-block;}
 #locator li::after {content: ">"; font-size: 11px; margin: 0 5px; width: 5px; color: #999;}
 #locator li:last-child::after {content:" "; font-size:0; width:0; height:0;}
 #locator li:last-child {font-weight:bold; font-size: 14px;}

@media all and (max-width:1000px){ 
	#locator {margin-top: 20px; margin-bottom: 10px; text-align:center;}
}

ul.bul_square li {background:url('/images/cmm/bul_s.png') 0 50% no-repeat; padding-left: 10px;}

ul.bul_s li {background:url('/images/cmm/bul_s.png') 0 12px no-repeat; padding-left: 10px; margin-left: 13px;}

.agreement td.content2 {font-family:'NanumGothic'; line-height: 26px; padding-left: 20px; padding-top: 20px;}