@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);/*font-family: 'Nanum Gothic', sans-serif;*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);/*font-family: 'Nanum Gothic Coding', monospace;*/

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700);
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   요소(element) 여백 초기화
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dd, dt, ol, ul, li, form, legend, fieldset, table, caption, tbody, thead, tfoot, tr, th, td{margin:0;padding:0;border:0;font:inherit;font-weight:normal;vertical-align:middle;}
input,textarea,select,button, option{margin:0;padding:0;font:inherit;font-weight:normal;vertical-align:middle;}
button{background:none; border: none; margin: 0; padding: 0;width: auto; overflow: visible;}
textarea{resize:none;font-size: 12px; }
table{width:100%;border-collapse:collapse;border-spacing:0;}
table caption{display:none;}
ul{list-style:none;}
img,fieldset,iframe{border:none;}
address,cite,code,dfn,em,var,th{font-style:normal;font-weight:normal;}
a{text-decoration:none;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block;}


.clearFix:after{content:"";display:block;clear:both;}
* html .clearFix{ zoom: 1; } /* IE6 */
*:first-child+html .clearFix { zoom: 1; } /* IE7 */

.hide{position:absolute;top:-5000px;left:-5000px;padding:0!important;line-height:0;font-size:0 !important;overflow:hidden;text-indent:-9999em;}

::-moz-selection {background: #04A4CC;color: #FFF;text-shadow: none;}
::selection {background: #04A4CC;color: #FFF;text-shadow: none;}


html, body { height:100%; color:#545861;-webkit-text-size-adjust:none;}
html {overflow-y:scroll;}
body {margin:0;color:#545861;background-position:fixed;background:#fff url("../images/01_bg.jpg") no-repeat right top fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-size:1em; font-family:'맑은고딕', 'Malgun Gothic', 'Nanum Gothic','돋움','Dotum','Gulim'; letter-spacing:-1px; line-height:26px;  
}

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
img {border:0;}
em {font-style:normal;}
table { border-collapse:collapse; }
a { outline:none;}
a:link, a:visited    {color:#4d4d4d;text-decoration: none;}
a:active             {color:#4d4d4d;text-decoration:none;}
a:hover, a:focus     {color:#f18101;text-decoration: none;}

ul { list-style: none; }
hr { clear: both;width:100%;margin:40px 0 40px;display:block;border:none;border-top:1px dotted #cdcdcd;}
legend, caption { width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }
.hidden { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; padding: 0; font-size: 0; line-height: 0; }
button {background:none; border:none; padding:0; margin:0; cursor:pointer;}
button.btn_img img, .btn.btn_img img {vertical-align:middle;}

.clear{clear:both;height:0;width:0;}
.redText {color:#b40331;font-size:1em;font-weight:bold;}
.redTextN {color:red;font-size:1em;font-weight:normal;}/*로그인필수요소에사용*/
.grayText {color:#989898;font-size:0.9em;}
.grayTextH {color:#989898;font-size:0.9em;letter-spacing:0;}
.col {float:left;width:auto;}
.row {margin-top:40px;}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   기본 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/* 헤더영역
--------------------------------------------------*/
	.blind{display:block;position:absolute;top:-5000px;left:0;overflow:hidden;}

	#header_wrap{position:relative;width:100%;height:125px;z-index:20;border-bottom:1px solid #e1e1e1;}
	#header_wrap .topMenu{background-color:#eee;border-bottom:1px solid #d6d6d6;width:100%;height:30px;}
	#header_wrap .topMenu .center{width:1100px;margin:0 auto;position:relative;}
	
	#header_wrap .topMenu .center ul.siteUL {width:auto;position:absolute;left:0;border-left:1px solid #efefef;}
	#header_wrap .topMenu .center ul.siteUL li{float:left;width:auto;padding:0 10px;line-height:30px;border-right:1px solid #efefef;font-size:12px;font-family:verdana;letter-spacing:0;background:url('/skin/site/skinNew/images/dctcMain/bg_gnb_line.gif') 0 10px no-repeat}
	#header_wrap .topMenu .center ul.siteUL li:first-child{background:none;}

	#header_wrap .topMenu .center ul.memberUL {width:auto;position:absolute;right:0;border-left:1px solid #d6d6d6;}
	#header_wrap .topMenu .center ul.memberUL li{float:left;width:auto;background-color:#f4f4f4;padding:0 10px;line-height:30px;border-right:1px solid #d6d6d6;font-size:12px;font-family:verdana;letter-spacing:0;}

	.header:after, .gnb:after, .top_util:after, .txt_box:after, .top_util .txt_box:after, .footer:after, .f_util:after, .mark_list:after{display:block;clear:both;content:" ";}
	
	.header{width:1100px;margin:0 auto;padding-top:8px;}
	.header h1{float:left;width:323px;height:66px;margin-top:8px;}
	.header .top_wrap{float:right;}
	.header .gnb .menu{position:relative;float:left;width:145px;height:43px;text-align:center;background:url('/skin/site/skinNew/images/dctcMain/bg_gnb_line.gif') 0 10px no-repeat;}
	.header .gnb .menu:first-child, .top_util .util li:first-child, .top_util .top_roll ul li:first-child, .f_util li:first-child{margin-left:0;padding-left:0;background:none;}
	.header .gnb{position:relative;clear:both;height:43px;z-index:30}
	.header .gnb_bg{display:none;position:absolute;left:0;right:0;top:124px;width:100%;height:210px;background:url('/skin/site/skinNew/images/dctcMain/mainMenu_bg.jpg') repeat-x 0 0;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;z-index:10;overflow:hidden}
	.header .gnb_bg .bg_wrap{position:absolute;left:50%;top:0;margin-left:-550px;width:1100px;height:210px;background:url('/skin/site/skinNew/images/dctcMain/bg_menu.png') no-repeat 0 bottom;}
	.header .gnb .sub_menu{display:none;position:absolute;left:0;top:50px;border-top:1px solid #d8d8d8;z-index:30}
	.header .gnb .sub_menu ul{padding-top:17px;width:144px;height:193px;text-align:left;border-left:1px solid #ededed;border-right:1px solid #ededed}
	.header .gnb .sub_menu li{padding:7px 0 7px 25px;line-height:14px;}
	.header .gnb .sub_menu.on{background-color:#ef8402;z-index:40}
	.header .gnb .sub_menu.on li{background:url("/skin/site/skinNew/images/dctcMain/bg_menu_info_bull_on.gif") no-repeat 15px 15px}
	.header .gnb .sub_menu.on a{color:#fff}
	.header .gnb .sub_menu a{font-size:12px;color:#000}
	.header .gnb .sub_menu a:hover{text-decoration:underline;font-weight:bold;letter-spacing:-1px}
	.header .gnb .sub_menu .line_space{width:61px;}
	.header .gnb .menu a.subject{font-size:18px !important;color:#000;}
	.header .gnb .menu.select a.subject{font-weight:bold;color:#33886f;}

/* 모바일 헤더
--------------------------------------------------*/

	.cd-img-replace {display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; }
	.overflow-hidden { overflow: hidden; }

	.cd-main-content {position: relative;padding-top: 0;z-index: 2;-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } 
	.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); } 
	@media only screen and (max-width: 1024px) { 
	.cd-main-content { padding-top: 70px; }
	}
	@media only screen and (max-width: 640px) {
	.cd-main-content { padding-top: 70px; }
	}
	@media only screen and (max-width: 375px) { 
	.cd-main-content { padding-top: 70px; }
	}

	header {display:none;position: absolute; top: 0; left: 0; height: 70px; width: 100%; background: #fff;border-bottom:1px solid #d8d8d8; z-index: 3; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } header.lateral-menu-is-open { /* translate to show the lateral menu */ -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); }
	header.is-fixed { position: fixed; }

	@media only screen and (max-width: 768px) { 
	header { height: 70px; } 
	}
	@media only screen and (max-width: 375px) { 
	header { height: 70px; } 
	}	
	
	#cd-logo { display: block; float: left; margin: 0 0 0 10px;color:#fff;}
	#cd-logo img { display: block; height:70px;}
	
	@media only screen and (max-width: 768px) { 
	#cd-logo { margin: 0 0 0 0; }
	#cd-logo img{  height: 70px;}
	}
	@media only screen and (max-width: 375px) { 
	#cd-logo { margin: 5px 0 0 0; }
	#cd-logo img{  height: 60px;}
	}

	#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%; display: none; }
	#cd-top-nav ul { height: 100%; padding-top: 18px; }
	#cd-top-nav li { display: inline-block; margin-right: 1em; }
	#cd-top-nav a { display: inline-block; padding: .5em; color: #FFF; text-transform: uppercase; font-weight: 600; }
	#cd-top-nav a.current { background-color: #242e30; }
	.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7); }

	@media only screen and (min-width: 768px) { 
	#cd-top-nav { display: block; } 
	}

	#cd-menu-trigger { position: absolute; right: 0; top: 0; height: 100%; width: 50px; background-color: #ee8300; }
	#cd-menu-trigger .cd-menu-text { height: 100%; text-transform: uppercase; color: #FFF; font-weight: 600; display: none; }
	#cd-menu-trigger .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 18px; height: 2px; background-color: #FFF; /* these are the upper and lower lines in the menu menu */ } 
	#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; } 
	#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; } 
	#cd-menu-trigger .cd-menu-icon::after { top: 5px; } 
	#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0); } 
	#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: white; } 
	#cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
	#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 
	@media only screen and (min-width: 768px) { 
	#cd-menu-trigger { width: 110px; padding-left: 1.25em; } 
	#cd-menu-trigger .cd-menu-text { display: inline-block; line-height: 70px; } 
	#cd-menu-trigger .cd-menu-icon { left: auto; right: 1.25em; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	}
	#cd-lateral-nav { position: fixed; height: 100%; right: 0; top: 0; visibility: hidden; z-index: 20; width: 240px; background-color: #1e2531; overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; /* this creates the subtle slide in animation of the navigation */ -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); } 
	#cd-lateral-nav .cd-navigation { margin: 0 0 16px; } 
	#cd-lateral-nav .cd-single-item-wrapper {font-size:0.9em;} 
	#cd-lateral-nav .sub-menu {background-color:#1e2531;padding: 15px 10px 15px 15px; display: none;} 
	#cd-lateral-nav a { display: block; line-height: 2em; padding: 0 16px 0 25px; color: #fcfdfc; } 
	#cd-lateral-nav .sub-menu a{color:#fff;} 

	#cd-lateral-nav a.select {color: #fff;font-weight:600;} 

		#cd-lateral-nav .cd-single-item-wrapper.memberBox {margin:0;height:40px;} 
		#cd-lateral-nav .cd-single-item-wrapper.memberBox a{background-color:#374665;color:#ffffff;float:left;width:120px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;line-height:40px;} 
		#cd-lateral-nav .cd-single-item-wrapper.memberBox a.first{} 


	@media only screen and (min-width: 768px) {
	#cd-lateral-nav .cd-navigation { margin: 20px 0; } 
	} 
	#cd-lateral-nav.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s; -moz-transition: -moz-transform .4s 0s, visibility 0s 0s; transition: transform .4s 0s, visibility 0s 0s; /* smooth the scrolling on touch devices - webkit browsers */ -webkit-overflow-scrolling: touch; }
	/* style menu items which have a submenu  */ 
	#cd-lateral-nav h2{color:#f4f5f5;background-color:#2a3b5e;font-size:0.95em;  line-height:1.3em;height:50px;padding:10px 0 0 20px;}
	#cd-lateral-nav .item-has-children > a {color: #f3f3f3;background:#29303c url(/skin/site/skinNew/images/menu_arrow.png) no-repeat 90% center;position: relative; line-height:2.5em;} 
	#cd-lateral-nav .item-has-children > a::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 1em; background: url("../img/cd-arrow.svg") no-repeat center center; background-size: 8px 11px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } 
	#cd-lateral-nav .item-has-children > a.submenu-open::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
	#cd-lateral-nav .socials { padding: 0 32px; } 
	#cd-lateral-nav .socials:after { content: ""; display: table; clear: both; } 
	#cd-lateral-nav .socials a { height: 32px; width: 32px; float: left; padding: 0; background-image: url("../img/cd-socials.svg"); background-repeat: no-repeat; background-size: 128px 64px; background-color: #FFF; margin-right: .5em; border-radius: 0.25em; } 
	#cd-lateral-nav .socials a.cd-twitter { background-position: 0 0; } 
	#cd-lateral-nav .socials a.cd-github { background-position: -32px 0; } 
	#cd-lateral-nav .socials a.cd-facebook { background-position: -64px 0; } 
	#cd-lateral-nav .socials a.cd-google { background-position: -96px 0; } 
	.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { background-position: 0 -32px; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-github { background-position: -32px -32px; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-facebook { background-position: -64px -32px; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-google { background-position: -96px -32px; }


/* footer
--------------------------------------------------*/

	.footer_wrap{width:100%;background-color:#303339;}
	.footer_wrap .footer{width:1100px;margin:0 auto;color:#dddddd;}

	.footer_wrap .listF{height:48px;display:block;border-bottom:1px solid #474d59;position:relative;}

	.footer_wrap .listF ul.terms {margin-left:15px;}
	.footer_wrap .listF ul.terms li{position:relative;display:inline-block;margin:10px 10px 0 0;padding:0 10px 0 0;font-weight:bold;font-size:13px;}
	.footer_wrap .listF ul.terms a li{color:#dddddd;}

	.footer_wrap .listF ul.siteLink {position:absolute; top:10px; right:15px;}
	.footer_wrap .listF ul.siteLink li {width:auto;height:23px;display:inline-block;color:#1d1e21;background-color:#979ca4;line-height:20px;padding:0 10px;font-size:0.8em;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;}
	.footer_wrap .listF ul.siteLink a {color:#1d1e21;}


	.footer_wrap .adress {position:relative;margin-top:5px;padding:15px 15px 60px;line-height:19px;font-style: normal;font-size:0.9em;z-index:0;}

	/* Default custom select styles */
	div.cs-select {display: inline-block;vertical-align: middle;position: relative;text-align: left;background: #fff;z-index: 100;width: 150px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	div.cs-select:focus {outline: none; /* For better accessibility add a style for this in your skin */}
	.cs-select select {display: none;}
	.cs-select span {display: block;position: relative;cursor: pointer;padding: 3px 10px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	/* Placeholder and selected option */
	.cs-select > span {padding-right: 3em;height:20px;}
	.cs-select > span::after,
	.cs-select .cs-selected span::after {speak: none;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
	.cs-select > span::after {right: 1em;}
	.cs-select .cs-selected span::after {margin-left: 1em;}
	.cs-select.cs-active > span::after {-webkit-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg);}
	div.cs-active {z-index: 200;}
	/* Options */
	.cs-select .cs-options {position: absolute;top: -70px;overflow: hidden;width: 150px;background: #474d59;display:none;}
	.cs-select.cs-active .cs-options {display: block;}
	.cs-select ul {list-style: none;margin: 0;padding: 0;width: 100%;}
	.cs-select ul span {padding:5px;}
	.cs-select ul li.cs-focus span {background-color: #ddd;}
	/* Optgroup and optgroup label */.cs-select li.cs-optgroup ul {padding-left: 1em;}
	.cs-select li.cs-optgroup > span {cursor: default;}

	div.cs-skin-border {float:right;margin:20px 20px 0 0;background: transparent;font-size: 0.8em;font-weight: 600;max-width: 150px;}
	.cs-skin-border > span {background:url(/skin/site/skinNew/images/footer_arrow.png) no-repeat 90% center;border: 1px solid #474d59;line-height:20px;border-color: inherit;-webkit-transition: background 0.2s, border-color 0.2s;transition: background 0.2s, border-color 0.2s;}
	.cs-skin-border ul span::after {opacity: 0;}
	.cs-skin-border .cs-selected span::after {color: #ddd9c9;font-size: 1.5em;opacity: 1;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}
	.cs-skin-border.cs-active > span {background: #474d59 url(/skin/site/skinNew/images/footer_arrow.png) no-repeat 90% center;border-color: #474d59;color: #fff;}
	.cs-skin-border .cs-options {color: #fff;font-size: 0.9em;opacity: 0;-webkit-transition: opacity 0.2s, visibility 0s 0.2s;transition: opacity 0.2s, visibility 0s 0.2s;}
	.cs-skin-border.cs-active .cs-options {opacity: 1;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}
	.cs-skin-border ul span {padding:5px 10px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
	.cs-skin-border .cs-options li span:hover,.cs-skin-border li.cs-focus span {background: #474d59;}

/*위로가기*/
#m7-go-top { position: fixed; overflow: hidden; text-align: center;z-index:100;
width: 50px; height: 50px; line-height: 50px; background: #707070; 	-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background-clip: padding-box;right: 50px; bottom: 50px; font-size: 1em; 	-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } #m7-go-top:hover {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;background: #a3a3a3;} #m7-go-top a { display: block; text-decoration: none; position: relative; height: 100%; color: #ffffff; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } #m7-go-top a:hover {color: #ffffff;} #m7-go-top a span {font-size: 14px;} #m7-go-top a img { display: block; position: absolute; top: 0px; left: 0px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } #m7-go-top a img + img { position: absolute; top: 0px; left: 0px; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } #m7-go-top:hover a img[data-hover-image='true'] {-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} #m7-go-top:hover a img[data-hover-image='true'] + img {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; z-index: 2;}
@media screen and (min-width:320px) and (max-width:960px) {
#m7-go-top {width: 40px; height: 40px; line-height: 40px;right: 18px; bottom: 50px; }}
@media only screen and (min-width: 320px) and (max-width: 480px) {
#m7-go-top {width: 40px; height: 40px; line-height: 40px;right: 18px; bottom: 50px;}}



/* 모바일 레이아웃
--------------------------------------------------*/


	@media only screen and (max-width: 1280px) {}
	@media only screen and (max-width: 1100px) {}
	@media only screen and (max-width: 1024px) {
	header {display:block;}
	#header_wrap {display:none;}
	.footer_wrap .footer{width:100%}
	}
	@media only screen and (max-width: 960px) {}
	@media only screen and (max-width: 768px) {}
	@media only screen and (max-width: 640px) {
	
	.footer_wrap .adress {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
	

	div.cs-select {width: 90%;margin-left:5%;}
	div.cs-skin-border {max-width:88%;}
	.cs-select .cs-options {top:20px;width: 100%;}
	div.cs-skin-border {float:none;}

	.cs-skin-border > span {background-position:95% center;}
	.cs-skin-border.cs-active > span {background-position: 95% center;}


	}
	@media only screen and (max-width: 480px) {}
	@media only screen and (max-width: 375px) {
	
	.footer_wrap .listF {height:80px;}
	.footer_wrap .listF ul.terms{width:190px;margin:0 auto;}
	.footer_wrap .listF ul.siteLink {position:static;margin:5px auto;width:180px;}

	.footer_wrap .adress {text-align:center;}
	
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
        메인 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


	/** RESET AND LAYOUT===================================*/
	.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;}
	.bx-wrapper img {max-width: 100%;display: block;}
	/** THEME===================================*/
	.bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;border:  5px solid #fff;left: -5px;background: #fff;
	/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
	.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
	/* LOADER */
	.bx-wrapper .bx-loading {min-height: 50px;background: url(../js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
	/* PAGER */
	.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
	.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
	.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
	/* DIRECTION CONTROLS (NEXT / PREV) */
	.bx-wrapper .bx-prev {left: 10px;background: url(../js/jquery.bxslider/images/controls.png) no-repeat 0 -32px;}
	.bx-wrapper .bx-next {right: 10px;background: url(../js/jquery.bxslider/images/controls.png) no-repeat -43px -32px;}
	.bx-wrapper .bx-prev:hover {background-position: 0 0;}
	.bx-wrapper .bx-next:hover {background-position: -43px 0;}
	.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
	.bx-wrapper .bx-controls-direction a.disabled {display: none;}
	/* AUTO CONTROLS (START / STOP) */
	.bx-wrapper .bx-controls-auto {text-align: center;}
	.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../js/jquery.bxslider/images/controls.png) -86px -11px no-repeat;margin: 0 3px;}
	.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
	.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../js/jquery.bxslider/images/controls.png) -86px -44px no-repeat;margin: 0 3px;}
	.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
	/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
	/* IMAGE CAPTIONS */
	.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
	.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}


	.bx-wrapper .bx-viewport {border:0; left:0; background:none; box-shadow:none;}
	.slide_wrap .m_banner {position:relative; width:100%; height:415px; overflow:hidden;}
	.slide_wrap .m_banner ul li {float:left;}
	.slide_wrap .m_banner ul li a {display:block;}
	.slide_wrap .m_banner ul li a div {width:100%; height:415px;}
	.slide_wrap .b_controle {position:absolute; left:50%; bottom:25px; width:1100px; margin-left:-550px; text-align:right;}
	.slide_wrap .b_controle .playControle {display:inline-block; vertical-align:middle;}
	.slide_wrap .b_controle .playControle .btn_play {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat -57px 0;}
	.slide_wrap .b_controle .playControle .btn_stop {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat -114px 0;}
	.slide_wrap .b_controle .playControle .btn_prev {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat 0 0;}
	.slide_wrap .b_controle .playControle .btn_next {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat 100% 0;}


	/*상단슬라이드*/
	#mobileBannerArea {display:none;}
	.slide_wrap {position:relative;width:100%;height:415px;}
	.slide_wrap .slide{position:absolute;top:0;left:50%;margin-left:-550px;width:1100px;}
	.slide_wrap .slide .boxSlide{width:229px;height:365px;padding:50px 33px 0;background-color:rgba(18,90,172,0.9);color:#fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5125aac, endColorstr=#E5125aac);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5125aac, endColorstr=#E5125aac)";}
	.slide_wrap .slide .boxSlide h2{text-align:right;}
	.slide_wrap .slide .boxSlide h2 img{width:219px;}

	.slide_wrap .slide .boxSlide h3{color:#fff;line-height:40px;font-size:16px;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-top:30px;}
	.slide_wrap .slide .boxSlide .aList {margin-top:10px;}
	.slide_wrap .slide .boxSlide .aList li {position:relative;line-height:1.9em;font-size:0.95em;color:#fff;}
	.slide_wrap .slide .boxSlide .aList li a{width:95%;display:inline-block;vertical-align:bottom;white-space:nowrap;text-overflow:ellipsis;     /* IE, Safari */-o-text-overflow:ellipsis;      /* Opera under 10.7 */overflow:hidden;   }
	.slide_wrap .slide .boxSlide .aList li a:link,
	.slide_wrap .slide .boxSlide .aList li a:visited,
	.slide_wrap .slide .boxSlide .aList li a:hover,
	.slide_wrap .slide .boxSlide .aList li a:active,
	.slide_wrap .slide .boxSlide .aList li a:focus{color:#fff;}


	/*컨텐츠박스*/
	.content_wrap {width:100%;height:500px;background-color:#ededed;}
	.content_wrap .content {width:1100px;height:455px;margin:0 auto;}

	#lineA {width:550px;float:left;border-right:1px solid #d7d7d7;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#lineB {width:550px;float:left;position:relative;}
	.content_wrap .top_01{width:100%;height:192px;background-color:#fff;border-bottom:1px solid #d7d7d7;}
	.content_wrap .btm_02{width:100%;height:192px;background-color:#deecf7;}

	.content_wrap .boardM {padding:20px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.content_wrap .boardM h3{color:#2468b2;font-weight:bold;font-size:18px;padding-bottom:10px;margin-bottom:10px;background:url(/skin/site/skinNew/images/dctcMain/mainT_bg_01.gif) no-repeat 0 bottom;}
	.content_wrap .boardM h3 a{color:#2468b2;}	
	.content_wrap .boardM h3 a:hover{color:#f18101;}
	.content_wrap .boardM.bg h3{background:url(/skin/site/skinNew/images/dctcMain/mainT_bg_02.gif) no-repeat 0 bottom;}
	#lineA .bList{}
	#lineA .bList li {position:relative;line-height:1.8em;font-size:0.9em;}
	#lineA .bList li a{width:80%;display:inline-block;vertical-align:bottom;white-space:nowrap;text-overflow:ellipsis;     /* IE, Safari */-o-text-overflow:ellipsis;      /* Opera under 10.7 */overflow:hidden;   }
	#lineA .bList li span{display:inline-block;position:absolute;top:0;right:15px;font-size:0.9em;}


	#lineB .Banner_01{width:270px;height:192px;padding:25px;background:#e9f1fc url(/skin/site/skinNew/images/dctcMain/mainbanner.jpg) no-repeat right top;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#lineB .Banner_01 h3{font-size:1.2em;line-height:1.4em;font-weight:bold;color:#005fa1;}
	#lineB .Banner_01 h3 span{color:#f06f1c;}
	#lineB .Banner_01 p{font-size:13px;line-height:18px;}

	#lineB .Icon{width:280px;position:absolute;top:0;right:0;}
	#lineB .Icon .box{float:left;width:50%;height:96px;padding:18px 0 0 18px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#lineB .Icon .box h3{color:#fff;font-size:15px;line-height:18px;}
	#lineB .Icon .box h3 span{color:#fff;display:block;font-size:11px;letter-spacing:0;}
	#lineB .Icon .box.S01 {background:#f27241;}
	#lineB .Icon .box.S02 {background:#c1beaf ;}
	#lineB .Icon .box.S03 {background:#829494 ;}
	#lineB .Icon .box.S04 {background:#56bcb1 ;}

	#lineB .Video{width:270px;height:192px;position:absolute;bottom:0;left:0;}
	#lineB .Video.vpc{display:block;}
	#lineB .Video.mpc{display:none;}
	#lineB .Video iframe{height:192px;}
	#lineB .Banner_02{width:280px;position:absolute;bottom:0;right:0;}	

	#lineF {width:100%;height:55px;background-color:#4d5762;}
	#lineF .quick{width:531px;position:relative;float:left;padding:0 0 0 20px;line-height:14px;}
	#lineF .quick h3{position:absolute;top:15px;left:20px;width:60px;height:55px;color:#fff;font-size:0.9em;text-align:center;}
	#lineF .quick h3 span{font-size:11px;color:#93a9b0;}
	#lineF .quick ul {margin:8px 0 0 90px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#lineF .quick ul li{float:left;width:33.3%;height:46px;line-height:40px;padding-left:45px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;}
	#lineF .quick ul li.one{background:url(/skin/site/skinNew/images/dctcMain/icon_5.png) no-repeat 0 0;}
	#lineF .quick ul li.two{background:url(/skin/site/skinNew/images/dctcMain/icon_6.png) no-repeat 0 0;}
	#lineF .quick ul li.thr{background:url(/skin/site/skinNew/images/dctcMain/icon_7.png) no-repeat 0 0;}
	#lineF .videoTitle{width:270px;float:left;background-color:#1b577a;color:#fff;height:55px;line-height:55px;text-align:center;font-size:1.1em;}
	#lineF .infoIcon{width:278px;float:left;padding:12px 0 0 0;text-align:center;}
	#lineF .infoIcon a {color:#fff;font-size:1.1em;}





/* 메인 모바일 레이아웃
--------------------------------------------------*/

	@media only screen and (max-width: 1280px) {}
	@media only screen and (max-width: 1100px) {}
	@media only screen and (max-width: 1024px) {
		/*슬라이드*/
		.slide_wrap .b_controle {left:0; bottom:25px; width:100%; margin-left:0; text-align:right;}
		.slide_wrap .b_controle .playControle {display:inline-block; vertical-align:middle;}
		.slide_wrap .b_controle .playControle .btn_play {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat -57px 0;}
		.slide_wrap .b_controle .playControle .btn_stop {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat -114px 0;}
		.slide_wrap .b_controle .playControle .btn_prev {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat 0 0;}
		.slide_wrap .b_controle .playControle .btn_next {display:inline-block; width:56px; height:56px; margin-left:4px; background:url(./img/btn_visual_control.png) no-repeat 100% 0;}
		/*상단슬라이드*/
		.slide_wrap .slide {left: 0;margin-left: 0;width: 100%; background:none;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}



		/*컨텐츠박스*/
		.content_wrap {height:auto;}
		.content_wrap .content {width:100%;height:auto;}

		#lineA {width:100%;float:none;border-right:none;}
		#lineB {width:100%;float:none;position:relative;}

			#lineB .Banner_01{width:60%;height:192px;background:#e9f1fc url(/skin/site/skinNew/images/dctcMain/mainbanner.jpg) no-repeat right top;}
			#lineB .Icon{width:40%;}

			#lineB .Video{width:60%;height:auto;}
			#lineB .Video.vpc{display:none;}
			#lineB .Video.mpc{display:block;}

			#lineB .Banner_02{width:40%;overflow:hidden;}	


		#lineF {width:100%;height:55px;background-color:#4d5d62;}
		#lineF .quick{width:60%;float:left;padding:0 0 0 20px;line-height:14px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
		
		#lineF .videoTitle{display:none;}
		#lineF .infoIcon{width:40%;height:55px;float:left;padding:10px 0 0;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;background-color: #1b577a;}

	}
	@media only screen and (max-width: 940px) {}
	@media only screen and (max-width: 768px) {
		
		
		.slide_wrap .m_banner {display:none;}
		.slide_wrap .b_controle {display:none;}
		/*상단슬라이드
		#mobileBannerArea {display:block;padding:0;width:100%;height:315px;margin-top:0;}
		#mobileBannerArea .swipe {overflow: hidden;position: relative;width: 100%;height: 315px;}
		#mobileBannerArea .swipe-wrap {overflow: hidden;position: relative;}
		#mobileBannerArea .swipe-wrap > div {float: left;width: 100%;position: relative;}
		#mobileBannerArea .swipe .nav {position: absolute;width: 40px;height: 35px;z-index: 10;text-align: center;line-height: 40px;display: inline-block;color: #fff;top: 40%;cursor: pointer;background-color: rgba(0,0,0,0.8)}
		#mobileBannerArea .swipe .nav.next {right: 0;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
		#mobileBannerArea .swipe .nav.prev {-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}*/

		.slide_wrap {height:250px;}/*{height:535px;*/
		.slide_wrap .slide {position:static;left: 0;margin-left: 0;width: 100%;height:250px;background:none;}
		.slide_wrap .slide .boxSlide{width:100%;height:250px;padding:20px 30px 0;background-color:rgba(18,90,172,0.9);color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
		
		.slide_wrap .slide .boxSlide h2{width:40%;height:200px;margin:10px 20px 0 0;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
		.slide_wrap .slide .boxSlide .mobileRight {width:54%;height:200px;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
		.slide_wrap .slide .boxSlide .mobileRight h3{margin-top:12px;}


		/*컨텐츠박스*/
		#lineF .quick h3{display:none;}
		#lineF .quick {padding:6px 0 0 3%;}
		#lineF .quick ul {margin:0;}
		#lineF .quick ul li{width:32%;}


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



.slide_wrap .slide .boxSlide h2 img{width:80%;padding-top:10px;}
		/*상단슬라이드*/
		.slide_wrap {height:350px;}/*{height:635px;*/
		.slide_wrap .slide,
		.slide_wrap .slide .boxSlide{height:350px;}
		
		.slide_wrap .slide .boxSlide h2{width:100%;height:100px;display:block;text-align:right;}
		.slide_wrap .slide .boxSlide h2 img{height:80px;width:auto;}
		.slide_wrap .slide .boxSlide .mobileRight {width:100%;display:block;}

		/*컨텐츠박스*/
		.content_wrap .top_01{height:auto;}
		.content_wrap .btm_02{height:auto;}

		#lineA .bList li a {width:100%;}
		#lineA .bList li span{display:none;}

		#lineB .Banner_01{width:100%;}
		#lineB .Icon{width:100%;position:static;}

		#lineB .Video{width:100%;position:static;}
		#lineB .Video iframe{height:250px;}
		#lineB .Banner_02{width:100%;position:static;text-align:center;}	

		#lineF {width:100%;height:102px;background-color:#4d5d62;}
		#lineF .quick{width:100%;float:none;padding:3px 0 0 6%;line-height:14px;}
		#lineF .infoIcon{width:100%;float:none;padding:10px 0 0 0;text-align:center;}
	
	}
	@media only screen and (max-width: 375px) {
	
	
		/*컨텐츠박스*/
		#lineF {width:100%;height:auto;background-color:#4d5d62;}
		#lineF .quick{width:100%;float:none;padding:3px 0 0 20px;line-height:14px;}
		#lineF .quick ul {margin:8px 0 0 0;}
		#lineF .quick ul li{width:90%;text-align:center;font-size:1em;}

		#lineF .infoIcon{width:100%;float:none;padding:10px 0 0 0;text-align:center;}
		
		#lineB .Video iframe{height:180px;}


	}



/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
        서브 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

	#subContent_wrap {position:relative;width:1100px;margin:0 auto;}
	.menuBox{position:absolute;top:0;left:0;width:180px;height:auto;overflow:visible;}
	.menuBox .blueArea{width:180px;height:95px;padding:25px;background-color:rgba(18,90,172,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5125aac, endColorstr=#E5125aac);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5125aac, endColorstr=#E5125aac)";}
	.menuBox .blueArea h2{color:#fff;font-size:27px;font-weight:600;margin:25px 0 5px 0;}
	.menuBox .blueArea p{color:#fff;font-size:14px;}

	.menuBox ul{margin:25px 0 0 25px;width:100%;}
	.menuBox ul li{line-height:30px;font-size:17px;}
	.menuBox ul li.select{width:209px;background:url(/skin/site/skinNew/images/dctcSub/subMenu_bg.png) no-repeat right center;}
	.menuBox ul li.select a{color:#f18101;}

	#contentBox{margin-left:230px;padding:0 0 100px 45px;border-left:1px solid #e1e1e1;min-height:700px;background:url('/skin/site/skinNew/images/dctcSub/subBg_repeat.gif') repeat-x 0 -128px;}
	#contentBox .titleBox {width:100%;height:145px;}
	#contentBox .titleBox h1{font-size: 30px;font-weight: 900;color: #444;letter-spacing: -1.5px;padding-top:45px;}
	#contentBox .titleBox h1 .location{position:absolute;top:80px;left:280px;font-size:12px;font-weight:normal; letter-spacing: 1px;color:#bbbbbb;}
	#contentBox .titleBox .sns {position:absolute;top:30px;right:0;}
	#kakao-link-btn{display:none;}

	/* 요약 영역 */
	.summerBox{position:relative;width:100%;height:205px;background-repeat:no-repeat;  background-position: right top;}
	.summerBox p{color:#616161;font-size:1.6em;font-weight:bold;padding-top:40px;font-family: "Roboto";font-weight: 300;}
	.summerBox h2{color:#303030;font-size:2.1em;font-weight:bold;line-height:1.5em;margin-bottom:5px;}
	.summerBox h2.eng{font-size:3.1em;line-height:1.5em;margin-bottom:0;}
	.summerBox h2 span{color:#33886f;}
	.summerBox h3{color:#3b3b3b;font-size:1em;font-weight:500;line-height:1.5em;}
	.summerBox h3.pcLine{width:51%;}
	.summerBox .pngOver_info{position:absolute;right:30px;bottom:10px;width:128px;height:128px;}/*대상자모집안내*/
	.summerBox .pngOver{position:absolute;right:25px;bottom:0;width:200px}/*센터소개*/
	.summerBox .pngOver img{width:100%;}


/* 서브 모바일 레이아웃
--------------------------------------------------*/

	@media only screen and (max-width: 1024px) {
	body {background:none;}
	#subContent_wrap {position:relative;width:100%;}
	.menuBox{display:none;}
	#contentBox{margin:20px 0 0 0;padding:0 20px 80px;border-left:none;min-height:700px;background:url('/skin/site/skinNew/images/dctcSub/subBg_repeat.gif') repeat-x 0 -170px;}
	#contentBox .titleBox {height: 103px;}
	#contentBox .titleBox h1 {padding-top:10px;}
	#contentBox .titleBox h1 .location{position:static;padding-top:10px;}
	#contentBox .titleBox .sns {top:10px;right:20px;}
	#kakao-link-btn{display:inline;}

	.summerBox p{padding-top:40px;}

	}
	@media only screen and (max-width: 768px) {
	.summerBox h3{width:60%;}
	}
	@media only screen and (max-width: 640px) {
	
	/* 요약 영역 */
	.summerBox{height:205px;background-size:auto 100%;}
	.summerBox p{font-size:1.5em;padding-top:30px;}
	.summerBox h2{font-size:2.1em;line-height:1.5em;}
	.summerBox h2.eng{font-size:2.8em;line-height:1.5em;}
	.summerBox h3{font-size:1.1em;font-weight:500;line-height:1.5em;width:100%;}
	.summerBox h3.pcLine{width:100%;}
	.summerBox .pngOver{height:273px;bottom:0;top:auto;right:0;}

	
	
	}
	@media only screen and (max-width: 480px) {
	#contentBox{background:url('/skin/site/skinNew/images/dctcSub/subBg_repeat.gif') repeat-x 0 -150px;}
	#contentBox .titleBox{height:auto;}
	#contentBox .titleBox {padding-top:40px;}
	#contentBox .titleBox .sns {top:10px;left:20px;}

	/* 요약 영역 */
	.summerBox{height:205px;background-size:0;overflow:hidden;}
	.summerBox p{font-size:1.5em;padding-top:40px;}
	.summerBox h2{font-size:1.9em;line-height:1.5em;margin-bottom:5px;}
	.summerBox h2.eng{font-size:2.3em;line-height:1.5em;}
	.summerBox h3{font-size:1em;font-weight:500;line-height:1.3em;width:100%;}
	.summerBox .pngOver{display:none;}
	.summerBox .pngOver_info{display:none;}
	
	
	
	}
	@media only screen and (max-width: 375px) {
	#contentBox{background:url('/skin/site/skinNew/images/dctcSub/subBg_repeat.gif') repeat-x 0 -142px;}


	#contentBox .titleBox h1 {line-height:1.2em;margin-bottom:30px;}
	#contentBox .titleBox h1 .location{line-height:1.2em;}

	/* 요약 영역 */
	.summerBox{height:205px;background-size:0;background-position:60px bottom;overflow:hidden;}
	.summerBox p{font-size:1.3em;padding:25px 0 5px;}
	.summerBox h2{font-size:1.5em;line-height:1.3em;}
	.summerBox h2.eng{font-size:2em;line-height:1.4em;}
	.summerBox h3{font-size:.9em;font-weight:500;line-height:1.5em;width:100%;}
	.summerBox .pngOver{display:none;}
	.summerBox .pngOver_info{display:none;}
	
	}




/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
        탭, 테이블, 게시판 기본양식
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/



/* tab style
-----------------------------------------------*/

	#nbm .bs1,#nbm .bs2,#nbm .bs3,#nbm .bs4,#nbm .bs5,#nbm .bs6,#nbm .bs7,#nbm .bs8,#nbm .bs9,#nbm .bs10{width:100%;height:auto;margin-top:40px;}
	#nbm .tb{width:100%;height:auto;margin-bottom:10px;border-top: 1px solid #545861;background: #fbfbfb;border-bottom: 1px solid #e9e9e9;}
	#nbm .tb span.off,#nbm .tb span.on{font-size:1em;width:70px;text-align:center;margin:8px 0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;z-index:100;font-weight: bold;}
	#nbm .tb span.off{color:#545861;font-weight:normal;}
	#nbm .tb span.on{color:#545861;font-weight:bold;}
	#nbm .tb span:hover{font-weight:bold;}
	#nbm .stc{width:100%;line-height:23px;margin-top:40px;}


/* table table style
-----------------------------------------------*/

	/* Tab Type */
	#subContent_wrap .tab01 { position:relative; width:680px; height:40px; overflow:hidden; margin:0 0 20px; background:#f9f9f9; }
	#subContent_wrap .tab01 li { float:left;  font-weight:bold; }
	#subContent_wrap .tab01 li a { display:inline-block; padding:7px 20px; color:#737373; }
	#subContent_wrap .tab01 li a:hover { color:#2f4e6d; }
	#subContent_wrap .tab01 li.on { background:#2f4e6d; }
	#subContent_wrap .tab01 li.on a { color:#fff; }

	/* 일반표 */
	#subContent_wrap .tbl02{margin-bottom:30px;}
	#subContent_wrap .tbl02 table { width:100%; border-top:1px solid #545861; border-bottom:1px solid #545861; color:#545861;font-size:1em;  }

	#subContent_wrap .tbl02 thead tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:9px 10px;border-top:1px solid #5d5d5d;font-weight:bold;background-color:#f1f1f1;}
	#subContent_wrap .tbl02 thead tr th.last{border-right:none;}

	#subContent_wrap .tbl02 tbody th {background:#fafafa;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:left;padding-left:10px;font-weight:bold;font-size:0.9em;}
	#subContent_wrap .tbl02 tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:9px 10px; }
	#subContent_wrap .tbl02 tbody tr td.last{border-right:none;}
	#subContent_wrap .tbl02 tbody tr td.ct{text-align:center;}


/* 게시판 table style
-----------------------------------------------*/

	/* 게시판 본문 */
	#subContent_wrap .tbl01 {margin:10px 0 0; letter-spacing:0 !important;}
	#subContent_wrap .tbl01 table { width:100%; color:#545861; }
	#subContent_wrap .tbl01 thead th { padding:15px 9px;  background:#fafafa;font-weight:bold;text-align:left;font-size:1.1em;border-top:1px solid #545861;border-bottom:1px solid #ddd;}
	#subContent_wrap .tbl01 tbody th { padding:5px;  text-align:left;font-size:0.9em;}
	#subContent_wrap .tbl01 td { padding:9px;text-align:left;}
	#subContent_wrap .tbl01 tbody td .Binfo {margin-bottom:30px;width:100%;color:#a5a5a5;}
	#subContent_wrap .tbl01 tbody td .Binfo .writer{float:left;width:30%;font-size:0.8em;}
	#subContent_wrap .tbl01 tbody td .Binfo .writeDate{float:right;width:70%;font-size:0.8em;text-align:right;}
	#subContent_wrap .tbl01 tbody tr.file { border-bottom:1px solid #ddd;font-size:.9rem;}
	#subContent_wrap .tbl01 tbody tr.pw { border-bottom:1px solid #ddd;  border-top:1px solid #ddd;font-size:.9rem;}
	#subContent_wrap .tbl01 tbody tr.pw label{font-weight:bold;}
	#subContent_wrap .tbl01 tbody tr.pA .prev{display:none;}
	#subContent_wrap .tbl01 tbody tr.pA .next{width:}
	@media screen and (max-width:560px) {
	#subContent_wrap .tbl01 tbody tr.file {font-size:.8rem;}
	#subContent_wrap .tbl01 tbody tr.pw strong{font-size:.8rem;}
	
	
	}

	#subContent_wrap .tbl01 tbody td.textarea {padding-bottom:50px;border-bottom:1px solid #ddd;}
	#subContent_wrap .tbl01 tbody td.textarea img{max-width:100%;height:auto;}
	#subContent_wrap .tbl01 td.right {text-align:right;}
	#subContent_wrap .tbl01 tr.strong th { background:#f6e7e7;font-weight:bold;color:#bb201c;}
	#subContent_wrap .tbl01 tr.strong td { background:#f6e7e7;font-weight:bold;color:#bb201c;}
	#subContent_wrap .tbl01 tr.black td {font-weight:bold;color:#000;font-size:1em;}

	/* 게시판 글쓰기 */
	#subContent_wrap .write02{margin-bottom:30px; width:100%;}
	#subContent_wrap .write02 table { width:100%; border-top:1px solid #545861; border-bottom:1px solid #545861; color:#545861;font-size:1em;  }

	#subContent_wrap .write02 tbody th {background:#fafafa;width:20%;min-width:80px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:left;padding-left:10px;font-weight:bold;font-size:0.9em;}
	#subContent_wrap .write02 tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:9px 10px; }
	#subContent_wrap .write02 tbody tr td.last{border-right:none;}
	#subContent_wrap .write02 tbody tr td:last-child{border-right:none;}


	#subContent_wrap .write02 table tr td textarea {width: 98%; margin:0;height:700px;
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border-top: 1px solid #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #333;
	font-size: 13px;
	line-height: 25px;
	padding: 1px 8px;
	background:#fff;
	}

	/* 게시판 검색 */
	#subContent_wrap .form_search {width:90%;border:1px solid #ddd;padding:13px 5%;background-color:#fafafa;}
	#subContent_wrap .form_search input[type=text]{width:200px;}

	/* 일반게시판 리스트 */
	#subContent_wrap ul.boardList {border-top: 1px solid #ddd;margin-top:30px;}
	#subContent_wrap ul.boardList li {position:relative;border-bottom: 1px solid #ddd;padding:10px;}      
	#subContent_wrap ul.boardList li h5{width:520px;white-space:nowrap;text-overflow:ellipsis;     /* IE, Safari */-o-text-overflow:ellipsis;      /* Opera under 10.7 */overflow:hidden;}      
	#subContent_wrap ul.boardList li h5 .number{display:inline-block;font-size:1em;width:30px;font-weight:bold;}      
	#subContent_wrap ul.boardList li h5 a{font-size:1em;font-weight:normal;}      
	#subContent_wrap ul.boardList li .name {position:absolute;top:10px;right:130px;color:#989898;font-size:.9em;}
	#subContent_wrap ul.boardList li .regdate_cal{position:absolute;top:10px;right:45px;color:#989898;font-size:.9em;}
	#subContent_wrap ul.boardList li .view{position:absolute;top:10px;right:0;color:#989898;font-size:.9em;text-align:center;width:30px;}



	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList {}
	#subContent_wrap ul.ImgboardList li {position:relative;float:left;width:27%;height:260px;margin:20px 2.5%;border:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}      
	#subContent_wrap ul.ImgboardList li .photo{width:100%;height:140px;text-align:center;overflow:hidden;}
	#subContent_wrap ul.ImgboardList li .photo img{width:100%;max-width:100%;height:auto;margin:0;padding:0;}
	#subContent_wrap ul.ImgboardList li .text {padding:10px;}
	#subContent_wrap ul.ImgboardList li .text h5{font-size:1em;font-weight:bold;height:50px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */	-webkit-box-orient: vertical; word-wrap:break-word;}      
	#subContent_wrap ul.ImgboardList li .text .name {position:absolute;bottom:0;left:0;width:50%;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;text-align:center;font-size:0.9em;padding:5px 0;border-top:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}      
	#subContent_wrap ul.ImgboardList li .text .regdate_cal{position:absolute;bottom:0;right:0;width:50%;text-align:center;font-size:0.9em;padding:5px 0;border-top:1px solid #ddd;}

	/* 확인창, 회원가입, 아디찾기, 게시글비번입력*/
	.noticeBox{width:79%;border:1px solid #e1e1e1;text-align:left;padding: 10% 10%;}
	
	.noticeBox h3{}
	.noticeBox .input{font-weight:bold;}
	.noticeBox .input input{margin-left:10px;}
	.noticeBox p{color:#989898;margin-top:10px;}
	/*게시판 page */

	.boardBtm {text-align:center;margin-top:30px;}
	.boardBtm .btn{text-align:right;margin-top:10px;}
	.boardBtm .page .table_title1 {display:inline-block;vertical-align:bottom;}
	.boardBtm .page a{vertical-align:bottom;}
	.boardBtm .page img{vertical-align:bottom;}

/* input
-----------------------------------------------*/


	.txt_box2{
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border-top: 1px solid #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #333;
	font-size: 13px;
	height: 22px;
	line-height: 25px;
	padding: 1px 8px;
	background:#fff;
	margin:3px;
	}
	@media screen and (min-width:320px) and (max-width:480px) {

.txt_box2{width:70%;}
.txt_box2.smallI{max-width:100px;}
	}
	/* 게시판버튼 */
	.buttonStyle {
	  background: #efefef;
	  background-image: -webkit-linear-gradient(top, #fff, #efefef);
	  background-image: -moz-linear-gradient(top, #fff, #efefef);
	  background-image: -ms-linear-gradient(top, #fff, #efefef);
	  background-image: -o-linear-gradient(top, #fff, #efefef);
	  background-image: linear-gradient(to bottom, #fff, #efefef);
	  border:1px solid #ddd;
	  color: #000;
	  font-size: 12px;
	  padding: 1px 15px;
	  text-decoration: none;
	}
	.buttonStyle:hover {
	  background: #e8e8e8;
	  background-image: -webkit-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: -moz-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: -ms-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: -o-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: linear-gradient(to bottom, #efefef, #e8e8e8);
	  text-decoration: none;
	}
	/* 로그인, 아이디찾기 버튼 */
	.buttonStyle_02 {
	  background: #efefef;
	  background-image: -webkit-linear-gradient(top, #fff, #efefef);
	  background-image: -moz-linear-gradient(top, #fff, #efefef);
	  background-image: -ms-linear-gradient(top, #fff, #efefef);
	  background-image: -o-linear-gradient(top, #fff, #efefef);
	  background-image: linear-gradient(to bottom, #fff, #efefef);
	  border:1px solid #ddd;
	  color: #000;
	  font-size: 12px;
	  width:110px;
	  max-width:400px;
	  padding: 1px 10px;
	  text-decoration: none;
	}

	/* 글쓰기 버튼 */
	.buttonWrite {
	  background: #3498db;
	  background-image: -webkit-linear-gradient(top, #fff, #efefef);
	  background-image: -moz-linear-gradient(top, #fff, #efefef);
	  background-image: -ms-linear-gradient(top, #fff, #efefef);
	  background-image: -o-linear-gradient(top, #fff, #efefef);
	  background-image: linear-gradient(to bottom, #fff, #efefef);
	  border:1px solid #ddd;
	  color: #e60c29;
	  font-weight:bold;
	  font-size: 12px;
	  padding: 1px 15px;
	  text-decoration: none;
	}

/* 게시판 모바일
--------------------------------------------------*/

	@media screen and (min-width:320px) and (max-width:960px) {
		


	/* 일반게시판 리스트 */
	#subContent_wrap ul.boardList li {padding:20px 10px;background:#fff url(../images/content/grayBg.gif) no-repeat right top;}      
	#subContent_wrap ul.boardList li h5{width:80%;}      
	#subContent_wrap ul.boardList li h5 .number{display:inline-block;font-size:1em;width:30px;font-weight:bold;}      
	#subContent_wrap ul.boardList li h5 a{font-size:1em;font-weight:normal;}      
	#subContent_wrap ul.boardList li .name {position:absolute;top:8px;right:10px;display:none;}
	#subContent_wrap ul.boardList li .regdate_cal{position:absolute;top:8px;right:10px;}
	#subContent_wrap ul.boardList li .view{position:absolute;top:30px;right:10px;}
	
	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList li{width:28%;height:250px;}
	#subContent_wrap ul.ImgboardList li .photo{height:130px;}


	}
	@media only screen and (max-width: 640px) {
	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList li{width:45%;height:260px;}
	#subContent_wrap ul.ImgboardList li .photo{height:140px;}

	}

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

	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList li{width:100%;margin:20px 0;height:auto;padding-bottom:40px;}
	#subContent_wrap ul.ImgboardList li .photo{height:auto;}

	
	#subContent_wrap .form_search input[type=text]{width:130px;}

	#subContent_wrap ul.boardList li {padding:10px;background:none;} 
	#subContent_wrap ul.boardList li h5{width:90%;} 
	#subContent_wrap ul.boardList li h5 .number{width:20px;}      
	#subContent_wrap ul.boardList li .name ,
	#subContent_wrap ul.boardList li .regdate_cal,
	#subContent_wrap ul.boardList li .view{display:none;}

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

	#subContent_wrap .form_search b{display:none;}
	#subContent_wrap .form_search select{width:90%;}
	

	}
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                 약관
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#rule h3{font-size:1.2em;margin-top:30px;color:#48adb5;margin-bottom:15px;}
#rule h4{font-size:1.1em;font-weight:bold;margin-bottom:7px;}
#rule p{margin-bottom:30px;}
#rule p.nextol{margin-bottom:15px;}
#rule p.grayTextH{margin-bottom:0;line-height:18px;}
#rule .ulBox {padding-left:20px;margin-bottom:30px;}
#rule .ulBox.mnone {margin-bottom:5px;}
#rule .ulBox ol li{list-style-type:decimal;}
#rule .ulBox ol li ol li{list-style-type:none;margin-left:0;font-size:0.9em;}
#rule .ulBox ol li p{}

#rule .grayBox {background-color:#efefef;border:1px solid #ddd;padding:20px 15px;margin:40px 0;}
#rule .grayBox ul{display:inline-block;width:46%;height:auto;padding-left:3%;}

@media screen and (min-width:320px) and (max-width:960px) {


#rule .grayBox {padding:20px;}
#rule .grayBox ul{display:block;;width:95%;padding-left:0;}

}