/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/


/*@import url("reset.css");*/
body#main{background: url(../image/bg_main.png) no-repeat center 0}
.wrap{width: 1100px;position: relative;margin:0 auto}
.cboth:after{content: '';display: block;clear: both}
.row:after{content: '';display: block;clear: both}

.userMenu{padding-top: 80px}
.userMenu ul{float:right}
.userMenu ul li{float:left;position: relative}
.userMenu ul li:before{content:'';display: block;width: 1px ;height:11px;background:#666;position: absolute;left:0;top:5px}
.userMenu ul li a{font-size:12px;color:#666666;padding:0 8px}
.userMenu ul li:first-child{padding-left:0}
.userMenu ul li:first-child:before{display: none}
.top{position: relative;height: 90px;overflow: hidden}
.top:after{content:'';display: block;clear:both}
.top h1{float: left;width:272px;position: absolute;left:0;text-align: center;z-index: 100}
#header{position: relative}
#header .left_bg{height: 67px;position: absolute;left:50%;width: 50%;z-index:100;top:111px;background: #4b686e;margin-left: -1100px;border-top-right-radius: 20px !important}
#header .right_bg{height: 67px;position: absolute;left:50%;width: 50%;z-index:100;top:111px;background: #4b686e url(../image/bg_nav.png) repeat-x;}
#sub #header .right_bg,
#sub #header .left_bg{top:111px}
nav{width:100%;height:90px;padding-left:272px;box-sizing: border-box;padding-top:10px}
nav ul.depth01{background:#4b686e url(../image/bg_nav.png) repeat-x;box-sizing: border-box;padding-left:38px;border-bottom-left-radius: 30px !important;position: relative;z-index: 200}
nav ul.depth01 > li{float: left;height: 67px;position: relative}
nav ul.depth01 > li:after{content:'/';display: block;clear: both;position: absolute;right:0;top:10px;color:#fff}
nav ul.depth01 > li:last-child:after{display: none}
nav ul.depth01 > li > a{height: 43px;line-height: 43px;color:#fff;font-size: 18px;padding:0 17px;position: relative;font-weight: bold}

nav ul.depth01 > li:first-child > a{padding-left:0}
nav > ul.depth02{display:none;height:23px;width:100%;bottom:0;background:transparent;position: relative;top:-23px;border-bottom-left-radius: 40px;padding-left:38px;box-sizing: border-box;z-index:220}
nav ul.depth01 > li:hover a:before{content:'';display:block;position: absolute;left:50%;margin-left:-10px;
    width: 0px;height: 0px;
    border-top:6px solid transparent;
    border-bottom:6px solid #0e4f60;
    border-right: 6px solid transparent;
    border-left: 6px solid  transparent;
    z-index: 220;
    bottom:0px
}
nav > ul.depth02 li{float:left;position: relative;z-index: 250}
nav > ul.depth02 li:before{position: absolute;content: '';display: block;width: 1px;height: 12px;background:#5a818b;top:5px}
nav > ul.depth02 li a{color:#fff;padding:0 10px}
nav > ul.depth02 li:first-child{padding-left:0}
nav > ul.depth02 li:first-child:before{display: none}
nav > ul.depth02#menu03{padding-left: 100px}
nav > ul.depth02#menu04{padding-left: 220px}
nav > ul.depth02#menu05{padding-left: 300px}
section.visual{height:380px;margin-top:42px;overflow: hidden;background:url(../image/main_visual.png) no-repeat}
section.visualMobile {display:none}
section.mainServiceMobile {display:none}

section.recent{height:201px;border:1px solid #e5e5e5;margin-bottom:30px;background: url(../image/bg_box.png) repeat-x left bottom;box-sizing: border-box;position: relative;border-bottom: 0}
section.recent article{float:left;height: 195px;box-sizing: border-box;padding:40px 27px 0 40px;position: relative}
section.recent article a.mo_view{position: absolute;right:27px;top:43px}
section.recent article a.mo_view i.more{display: inline-block;background: url(../image/icon_more.png) no-repeat 0 0;width: 8px;height: 11px;margin-right:5px}
article.notice{width: 342px}
article.noticeMobile{display:none}
article.news{width: 335px}
article.newsMobile{display:none}
article.serviceMobile {display:none}

article.service{width: 413px;padding-right:0 !important}
article.service,article.news{background: url(../image/bg_gradient.png) repeat-y 0 0}
section.recent article a{color:#696666;font-size:12px;/*font-family: 'dotum','Apple Gothic'*/}
section.recent article .list{margin-top: 20px}
section.recent article .list a:hover{text-decoration: underline}
section.recent article .list .cboth li{float:left;margin-left:20px}
section.recent article .list .cboth li:first-child{margin-left: 5px}
section.recent article .list .cboth02 {margin-top:25px}
section.recent article .list .cboth02 li {float:left}
section.recent article .list .cboth02 li:last-child {float:right;padding-right:10px}
.specialPc{margin:15px 0 15px;padding-left:8px}
.specialPc > ul.cboth { display:flex; justify-content: center }
.specialPc > ul.cboth li{float:left;margin-left:6px}
.specialPc > ul.cboth li:first-child{margin-left:0}
.specialMobile {display:none}

.banner{display:block;margin-bottom: 28px}
#footer{height: 117px;border-top:1px solid #d1d1d1;background: #f5f5f5}
#footer .wrap{padding-top:20px}
#footer .wrap address.addressPc{margin-top:10px}
#footer .wrap address.addressMobile{display:none}
#footer .wrap p{margin-left:20px;line-height:20px;font-weight:bold;color:#666}
.foo_logo{float:left;position:relative;top:15px}
address{float:left;color:#9b978c;font-family: 'dotum', 'Apple Gothic';margin:7px 0 0 18px;font-size:11px}

#sub #container{min-height:580px;padding-top:189px;position: relative;top:-20px;}
#sub{background: url(../image/bg_sub.png) no-repeat center top;
    background-image: url(../image/bg_sub.png),linear-gradient(to bottom,#fff 0px,#fff 178px, #c9dae4 178px,#f0f5f8 368px,#fff 368px);
    background-image: url(../image/bg_sub.png),-webkit-linear-gradient(to bottom,#fff 0px,#fff 178px, #c9dae4 178px,#f0f5f8 368px,#fff 368px);
    background-image: url(../image/bg_sub.png),-moz-linear-gradient(to bottom,#fff 0px,#fff 178px, #c9dae4 178px,#f0f5f8 368px,#fff 368px);
}
#content{margin:20px 0 40px}
.hide{display: block;visibility: hidden;font-size:0;margin:0;height: 0;padding:0;width: 0}
aside.snb{float:left;position:absolute;left:0;top:0;width: 270px;height:100%;border:1px solid #dcd1db;border-radius: 8px !important;background: #fff !important;box-sizing: border-box;padding:0 23px;box-shadow: 0px -2px 4px 0px #989a94}
.snb ul li a{color:#848484;font-size: 13px;font-weight: bold}
.snb ul li.on a{color:#6bb838 !important;font-weight: bold !important}
.snb .qa{width: 219px;height: 116px;position: absolute;bottom:15px;background: url(../image/img_qa.png) no-repeat}
.contWrap{float:right;width: 100%;padding-left:270px;background: #fff;box-sizing: border-box}
.cont{width: 100%;border:1px solid #dcd1db;border-radius: 8px;background: #fff;box-sizing: border-box;min-height: 800px;padding:42px 28px;border-left:0;background: url(../image/bg_gradient.png) repeat-y 0 0;position: relative;box-shadow: 0px -2px 4px 0px #989a94}
h2.subTit.snb01{background: url(../image/img_title01.png) no-repeat center 35px;height: 23px;padding-top: 59px;}
h2.subTit.snb02{background: url(../image/img_title02.png) no-repeat center 35px;height: 23px;padding-top: 59px;}
h2.subTit.snb03{background: url(../image/img_title03.png) no-repeat center 35px;height: 23px;padding-top: 59px;}
h2.subTit.snb04{background: url(../image/img_title04.png) no-repeat 26px 35px;height: 23px;padding-top: 59px;}
h2.subTit.snb05{background: url(../image/img_title05.png) no-repeat center 35px;height: 23px;padding-top: 59px;}
h2.subTit.snb06{background: url(../image/img_title06.png) no-repeat center 35px;height: 23px;padding-top: 59px;}
h2.subTit{border-bottom:2px solid #b2c993;padding-bottom: 7px}
.cont h3{border-bottom:2px solid #b2c993;font-size:15px;font-weight:bold;color:#414141;padding-bottom:8px}
.cont .location{position: absolute;right:28px;top:43px;}
.location{font-size:12px;color:#666666}
.location a{padding:0 8px 0 9px;position: relative;color:#666666}
.location a:before{content:'';display: block;width:1px;height: 12px;background: #666;position: absolute;left:0;top:3px}
.location a:first-child:before{display: none}
.map{margin:28px auto 0}
.map .p_text{width:580px;margin:0 auto;color:#1c2d04;font-weight:bold;margin-top:38px}
.map .p_text .co_red{color:#699821}
.org .hide{background: url(../image/bg_org.png) no-repeat center bottom;width: 751px;height: 555px;padding-top:30px;visibility: visible}
.table_type01{table-layout: fixed;width:100%;border-top:2px solid #888888}
.table_type01 thead th{background: #f5f5f5;height: 39px;border-bottom:1px solid #c7c7c7;font-size:12px;font-family: 'Dotum'}
.table_type01 tbody td{text-align: center;height: 30px;border-bottom:1px solid #e1e1e1;color:#888888;font-size:12px;font-family: 'Dotum'}
.table_type01 tbody td.title{text-align: left}
.tar{text-align: right}
.mt15{margin-top: 15px}
.paging{text-align: center;margin-top:48px}
.paging a{width: 30px;height: 30px;line-height: 30px;font-family: 'Dotum';box-sizing: border-box;border:1px solid #a3a3a3;text-align: center}
.paging a.on{background: #a3a3a3;color:#fff}
.search{text-align: center;margin-top:20px}
.search select{width: 98px;height:24px;border:1px solid #e5e5e5;border-radius: 0}
.search input{width: 298px;height: 22px;}
input{border:1px solid #e5e5e5}
.pds li{float:left;margin-right: 12px;margin-bottom: 10px}
.txt_10{color: #7c598e;font-size:13px;margin-top: 50px}
.txt_11{color: #717575;font-size:13px}
.txt_11.lineheight{margin-bottom:20px}
dl.lst dt{font-size: 14px;margin-top:25px;font-weight: bold}
dl.lst dt:first-child{margin-top:0}
dl.lst dd{font-size: 14px;color:#717575}
.pdst{margin-top:55px}
.pdst li{float:left;margin-right:30px}
.pdst li a{height: 44px;line-height: 44px}
.pdst li a img{vertical-align: bottom}
.ti li{text-indent: -20px;padding-left: 20px}
.org2{text-align: center;margin-top:40px;margin-bottom:20px}


/*---------- SubPage Layout & SubPage Style ----------*/

#snb01Menu,#snb02Menu,#snb03Menu,#snb04Menu,#snb05Menu,#snb06Menu {display:none}
.my-home {width: 1100px;margin: 200px auto 0}
.tab-scroll-category {display:none}
.cooperate {height:970px;display:block;padding:20px 20px 20px 35px;background: url('/img/rinstitutionsBackground.png') no-repeat}
.cooperate ul li {width:158px;height:56px;float:left;margin:5px 5px;text-align:center;font-size:10.5px;background: url('/img/button_tab.png') no-repeat}
.cooperate ul li a {margin-top:10px;color:#0e4f60}
.history ul li {width:90%;padding:10px 0;border-bottom:1px solid #d3d3d3;background: url(../image/img_hvline.png) repeat-y 65px 0}
.history ul li:last-child {border:none}
.history ul li .historyYear {display:inline-block;padding:10px 20px 10px 10px;font-size:18px;font-weight:bold;color:#444;background: url(../image/img_hcircle.png) no-repeat 60px 18px}
.history ul li .historyContent {display:inline-block;padding:10px 10px;vertical-align:top;font-weight:bold;color:#717171}
.edu3Wrap ul li {width:90%;padding:10px 0;background: url(../image/img_edu3_hLine.png) no-repeat 0 50px}
.edu3Wrap ul li:last-child {border:none}
.edu3Wrap ul li:nth-child(2),.edu3Wrap ul li:nth-child(4){padding-bottom:40px;background: url(../image/img_edu3_hLine.png) no-repeat 0 95px}
.edu3Wrap ul li .edu3Number {display:inline-block;padding:10px 10px;vertical-align:top;font-size:30px;font-weight:bold;color:#ae3c53}
.edu3Wrap ul li .edu3Content {display:inline-block;padding:17px 10px 0;vertical-align:top;font-weight:bold;color:#4e4e4e}
.edu3Wrap ul li .edu3Content p strong {color:#ae3c53}
.edu3Wrap .edu3Info {margin-top:50px;padding:10px 10px;border:2px solid #ddd;border-radius:8px;font-size:13px;font-weight:bold;color:#4e4e4e}
.edu3Wrap .edu3Info p {padding:3px 0 3px 10px;background: url(../image/ico_edu3_circle.png) no-repeat -1px 8px}
.edu3Wrap .edu3Info p a {color:#f26969}

.edu11Wrap ul li {width:90%;padding:10px 0 26px;background: url(../image/img_edu3_hLine.png) no-repeat 0 70px}
.edu11Wrap ul li:last-child {border:none}
.edu11Wrap ul li:nth-child(4),.edu11Wrap ul li:nth-child(5){padding-bottom:40px;background: url(../image/img_edu3_hLine.png) no-repeat 0 95px}
.edu11Wrap ul li .edu11Number {display:inline-block;padding:10px 10px;vertical-align:top;font-size:30px;font-weight:bold;color:#ae3c53}
.edu11Wrap ul li .edu11Content {display:inline-block;padding:17px 10px 0;vertical-align:top;font-weight:bold;color:#4e4e4e}
.edu11Wrap ul li .edu11Content p strong {color:#ae3c53}

.edu11WrapNo1 ul li {width:90%;padding:10px 0 26px;background: url(../image/img_edu3_hLine.png) no-repeat 0 70px}
.edu11WrapNo1 ul li:last-child {border:none}
.edu11WrapNo1 ul li .edu11NumberNo1 {display:inline-block;padding:10px 10px;vertical-align:top;font-size:30px;font-weight:bold;color:#ae3c53}
.edu11WrapNo1 ul li .edu11ContentNo1 {display:inline-block;padding:17px 10px 0;vertical-align:top;font-weight:bold;color:#4e4e4e}
.edu11WrapNo1 ul li .edu11ContentNo1 p strong {color:#ae3c53}

.co_box{width:600px;margin:0 0 50px;padding:10px 20px;font-family:sans-serif}
.co_box h4{width:300px;margin-bottom:120px;padding:7px;border:1px solid #1c96a5;border-radius:18px;font-size:15px;font-weight:bold;letter-spacing:-1px;color:#fff;margin-bottom:50px;text-align:center;background:#1c96a5}

.mobile_menu {display:none}

.sidebar {display:none;position:absolute;top:0}
.boTitStyle {display:none}
.mobile {display:none}

@media (max-width: 767px) {
	
	#header .right_bg {display:none}
	#header .left_bg {display:none}
	#header	.wrap {width:100%;margin:0;}
	#header .wrap .top {width:100%;height:60px;line-height:60px;float:left;position:fixed;top:0;border-bottom:1px solid #eee;background:#fff;z-index:100}
	#header .wrap .top nav {display:none}
	#header .wrap .top h1 {width:130px;top:5px}
	#header .wrap .top h1 img {width:70%}
	#header .wrap .top .mobile_menu {display:block;float:right;margin-right:20px;font-size:2em}
	#header .wrap .userMenu  {width:100%;display:none;padding:10px 0}
	#header .wrap .menuPc {display:none}
	
	#container .wrap {width:100%;margin:60px 0 0}
	#container .wrap #content > .snb {display:none}
	#container .wrap #content > .contWrap {float:left;padding:0 10px;margin:0;}
	#container .wrap #content > .contWrap > .cont {padding:0;border-radius:0;box-shadow:none;border:0;background:none}
	#container .wrap #content > .contWrap > .cont > h3 {width:100%;text-align:center;border:0}
	#container .wrap #content > .contWrap > .cont > .location {display:none}
	
	.cont {min-height:500px}
	.tbl_head01 table tbody th {
		width: 30%;
		padding: 10px 0;
		border-bottom: 1px solid #4a4a4a;
		border-right: 1px solid #4a4a4a;
		background: #5a5c5e;
		color: #fff;
		font-size: 0.95em;
		text-align: center;
		letter-spacing: -0.1em;
	}
	.tbl_head01 table tbody td {width:70%;}
	.edu_table_list {border-top:1px solid #4a4a4a !important}
	
	.edu_table_list tbody tr th {
		border: 1px solid #c4c4c4 !important;
		text-align: center;
		background: #5a5c5e !important;
		font-size: 12px;
	}	
	
	.edu_list table tbody tr td {padding-left:20px;text-align:left}
	.edu_list table tbody tr td a.edu_cancel {width:50%;padding:10px 0;border:0;border-radius:0.2em;text-align:center;color:#fff;background:#2E3340}
	
	#container .wrap .visual {display:none}
	#container .wrap .visualMobile {display:block;margin:0}
	#container .wrap .visualMobile .list {display:none} /* 켈린더 */
	.eb-slider-basic-in .eb-slider-basic .eb-slider-basic-item .eb-slider-basic-cont {height:368px !important;background:rgba(0, 0, 0, 0.1) !important}
	#container .wrap .mainServiceMobile {padding:0;display:block}
	#container .wrap .mainServiceMobile > .title {width:100%;height:80px;text-align:center}
	#container .wrap .mainServiceMobile > .title > h3 {line-height:20px;font-size:1.2em;font-weight:bold}
	#container .wrap .mainServiceMobile > .title > p {line-height:40px;font-size:0.8em;color:#777}	
	
	#container .wrap .specialPc {display:none}
	#container .wrap .specialMobile {width:100%;float:left;display:block;margin:0;padding:0}
	#container .wrap .specialMobile > ul.cboth {width:90%;display:block;margin:0 auto}
	#container .wrap .specialMobile > ul.cboth li {width:48%;height:100px;float:left;padding:20px 0;border-radius:10px;text-align:center;background:#333}
	#container .wrap .specialMobile > ul.cboth li:nth-of-type(even) {margin:0 0 10px 10px}
	#container .wrap .specialMobile > ul.cboth li i {padding-bottom:10px;font-size:2em;color:#fff}	
	#container .wrap .specialMobile > ul.cboth li a {color:#fff;font-size:0.8em}
	#container .wrap .specialMobile > ul.cboth li img {width:100%}
	#container .wrap .recent {width:100%;height:100%;float:left;border:0;background:none}
	#container .wrap .recent .notice {display:none}
	#container .wrap .recent .noticeMobile {width:100%;height:100%;display:block;margin-top:30px;padding:20px 20px;background:rgba(0,0,0,.02)}
	#container .wrap .recent .noticeMobile > .title {width:150px;height:50px;line-height:50px;font-size:1.2em;font-weight:bold}
	#container .wrap .recent .noticeMobile a.mo_view {top:35px}		
	#container .wrap .recent .noticeMobile a.mo_view i {font-size:1.3em}		
	#container .wrap .recent .noticeMobile ul li {border-bottom:1px solid #eee}
	#container .wrap .recent .noticeMobile .list {margin-top:0;border-top:1px solid #eee}
	#container .wrap .recent .noticeMobile ul li a {line-height:35px;font-size:1em}
	
	#container .wrap .recent .news {display:none}
	#container .wrap .recent .newsMobile {width:100%;height:100%;display:block;padding:20px 20px}
	#container .wrap .recent .newsMobile > .title {width:150px;height:50px;line-height:50px;font-size:1.2em;font-weight:bold}
	#container .wrap .recent .newsMobile a.mo_view {top:35px}	
	#container .wrap .recent .newsMobile a.mo_view i {font-size:1.3em}	
	#container .wrap .recent .newsMobile ul li {border-bottom:1px solid #eee}
	#container .wrap .recent .newsMobile .list {margin-top:0;border-top:1px solid #eee}
	#container .wrap .recent .newsMobile ul li a {line-height:35px;font-size:1em}
	
	#container .wrap .recent .service {display:none}	
	#container .wrap .recent .serviceMobile {width:100%;height:100%;display:block;padding:0 20px}
	#container .wrap .recent .serviceMobile .list .cboth02 {margin:0}
	#container .wrap .recent .serviceMobile ul li {width:50%;height:100px;line-height:100px;margin:0;padding-left:20px;background:#eee}
	#container .wrap .recent .serviceMobile ul li:nth-of-type(even) {border-left:1px solid #ddd}
	#container .wrap .recent .serviceMobile ul.cboth li:first-child {border-bottom:1px solid #ddd}	
	#container .wrap .recent .serviceMobile ul.cboth li:nth-child(2) {border-bottom:1px solid #ddd}		
	#container .wrap .recent .serviceMobile ul li a {font-size:13px;font-weight:bold}
	#container .wrap .recent .serviceMobile ul li a img {width:45px;margin-right:15px}
	
	#container .wrap .banner {display:none}
	
	#footer {width:100%;height:150px;line-height:150px;float:left;margin-top:50px;border:0;background:#222}
	#footer .wrap {width:100%}
	#footer .wrap .foo_logo {display:none}
	#footer .wrap address.addressPc {display:none}
	#footer .wrap address.addressMobile {width:100%;display:block;margin:7px 0;text-align:center}
	#footer .wrap p {margin:0;color:#aaa;font-weight:normal}	
	
	#chkModal {width:100% !important}
	.cal-wrap {float:none !important;margin:0 auto}

	.subBoardMobile {width:100%;float:left;margin:100px 0 0;padding:0 10px}
	.subBoardMobile > h2 {width:180px;display:block !important;font-size:1.1em !important;margin:0 auto;padding:10px;border:1px solid #1c96a5;border-radius:18px;font-weight:bold;text-align:center;color:#fff;background:#1c96a5}
	.subBoardMobile > h2.w300 {width:300px;padding:10px;margin:0 auto !important;letter-spacing:-1px}
	h2.boTitStyle {width:180px;display:block !important;font-size:1.1em !important;margin:100px auto 0;padding:10px;border:1px solid #1c96a5;border-radius:18px;font-weight:bold;text-align:center;color:#fff;background:#1c96a5}
	
	#bo_list {margin:50px 0 0}
	.board-view > h4 {font-size:0.9em}
	
	#ctt_con {margin-top:130px;min-height:500px} 
	#ctt_con > .cooperate {background:none}
	#ctt_con .cctMobileImg > img {width:100%} /* cct 이미지 크기 */
	
	.history {float:left;}
	.history ul li {float:left}
	.history ul li .historyYear {}
	.history ul li .historyContent {width:276px;float:right;font-size:0.8em}

	.ctt_LawLibrary h1 {width:200px !important;margin-left:-50px;border-radius:30px !important}
	.ctt_LawLibrary > #ctt_con {float:left;min-height:480px;margin-top:150px;}
	.ctt_LawLibrary > #ctt_con img {width:100%}
	.ctt_LawLibrary > #ctt_con .co_box {width:100%;margin:0;text-align:center}
	.ctt_LawLibrary > #ctt_con .co_box > .pds li {width:100%}

	.ctt_edu01 {width:100%;min-height:480px;float:left;}
	.ctt_edu01 h1 {width:200px !important;margin-left:-50px;padding:10px !important;border-radius:30px !important}

	.ctt_edu08 > #ctt_con {float:left;min-height:480px;margin-top:80px}
	.ctt_edu08 > #ctt_con img {width:100%}
	.ctt_edu08 h1 {width:200px !important;margin-left:-50px;border-radius:30px !important}
	
	.co_box {width:100%;float:left;margin:50px 0 0}
	.co_box .text {font-size:0.9em}
	.co_box .text_list {font-size:0.9em}
	
	.ctt_GlobalCompetitivene h1 {letter-spacing:-1px}
	
	.ctt_Organization img {width:100%}
	.boTitStylePc {display:none}
	.subTit {display:none}
	
	.aboutMobile > h2 {line-height:25px;font-size:1em;font-weight:bold;color:#393939}
	.aboutMobile > p.subTitle {margin-bottom:20px;font-size:0.9em;font-weight:bold;color:#5b8b19}
	.aboutMobile > table tr td {padding:0 10px;font-size:0.9em;color:#7e7e7e}
	.aboutMobile > table tr td .aboutOri {padding-top:20px;text-align:right}
	.aboutMobile > table tr td .aboutOri > strong {padding-left:10px;font-size:1.5em;letter-spacing:2px}
	
	#ctt > header {height:50px;float:left;position:relative;top:70px;left:50%;margin-left:-50px}
	#ctt > header > h1 {width:100px;font-size:1.1em !important;padding:18px;border:1px solid #1c96a5;border-radius:18px;font-weight:bold;text-align:center;color:#fff;background:#1c96a5}
	#ctt > header > h1.w200 {width:200px;padding:10px;margin-left:-50px;letter-spacing:-1px}
	#ctt > header > h1.w220 {width:220px;padding:10px;margin-left:-70px;letter-spacing:-1px}
	#ctt > header > h1.w300 {width:300px;padding:10px;margin-left:-100px;letter-spacing:-1px}
	
	.sidebar.left {z-index:999;display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff}
	.sidebar-left-mask {display:none}
	.sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
	.sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.25);overflow-y:auto;-webkit-overflow-scrolling:touch}
	.mobile-nav-title {padding:20px 10px;margin:0;text-align:center;color:#fff;background:#1D4252}
	.navbar-nav {position:relative;margin:0;float:none}
	.navbar-nav > .nav-li-space {height:44px;border-bottom:none;border-top:1px solid #e5e5e5;background:#f2f2f2}
	.navbar-nav > li {float:none;border-bottom:1px solid #DADADA}
	.navbar-nav > li a {}
	.navbar-nav > li > .cate-dropdown-open {position:relative;left:0;height:40px;line-height:40px;margin:0;padding:0 0 0 20px;text-align:left;border:0 none;border-left:1px solid #DADADA;z-index:9}
	.navbar-nav > li > .cate-dropdown-open:before {padding-right:5px;content:"\f067";font-family:FontAwesome;color:#656565}
	.navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
	.navbar-nav > li.open > .cate-dropdown-open:before {content:"\f068";font-family:FontAwesome;color:#000}
	.navbar-nav .open .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
	.navbar-nav .open .dropdown-menu > li {border-bottom:1px solid #ddd;background:#fff}	
	.navbar-nav .open .dropdown-menu > li:last-child {border:0}	
	.navbar-nav .open .dropdown-menu > li > a {color:#555;line-height:26px;font-size:0.8em}
	.navbar-nav .open .dropdown-menu > li:first-child > a {border-top:0 none}
	.navbar-nav .open .dropdown-menu > li > a, .header-nav .navbar-nav .open .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px}
	.navbar-nav .open .dropdown-menu > li > a:hover, .header-nav .navbar-nav .open .dropdown-menu > li > a:focus {color:#000}
	.navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#000;background:inherit}
	.navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#000;background:inherit}
	.navbar-nav .dropdown .dropdown-submenu > a {font-size:12px}
	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {color:#555;line-height:22px;border-top:0 none;padding:5px 15px 5px 30px}
	.navbar-nav .dropdown-submenu > .dropdown-menu {display:block}
	.navbar-nav .dropdown-menu .dropdown-submenu.active > a, .header-nav .navbar-nav .dropdown-menu .dropdown-submenu.active > a:hover {color:#fff}
	.nav>li>a:hover, .nav>li>a:focus {background:none}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color:#dadada}
	#hd_pop {display:none}
	.pc {display:none}
	.mobile {display:block}
	.nodate {padding:20px 0 !important; text-align:center !important}
	
}