
/* common */
.navbar-brand {color:#fff;}
.navbar-brand:hover {color:#fff;opacity:0.8;}
.navbar-brand .logo{display:block;}
.navbar-brand .mainlogo{display:none;}
.navbar-nav > li > a{color:#fff;}
.navbar-nav > li.signin a{border-left:1px solid #fff;}
.navbar-nav > li hr{border-top: 2px solid #eee;}
.navbar-active .navbar-nav>li:hover hr{border-top: 2px solid #0059cf;}
.navbar-active .navbar-nav>li.active hr{border-top: 2px solid #0059cf;}


.topimg{height:475px;color:#fff;}
.topimg h3{max-width:1200px;margin:0 auto;padding:220px 50px 25px;letter-spacing:10px;font-weight: 300;}
.topimg p{max-width:1200px;margin:0 auto;padding:0 50px;font-size:16px;opacity:0.8;font-weight: 300;}

.snb{background:#444;height:42px; text-align:center;z-index:17;}
.snb li{display:inline-block;padding:0 17px;line-height:42px;}
.snb li a{color:#999;}
.snb li:hover a{color:#fff;}
.snb li.active a{color:#fff;}
.snb li.active:hover a{color:#999;}
.snb-active{position:fixed;top:80px;width:100%;}

section{border-bottom:1px solid #e7e6e6;}
section .wrap{max-width:1200px;margin:0 auto;padding:65px 50px 75px;}
section .wrap:after{display:block;content:'';clear:both;}
section aside{float:left;width:25%;}
section aside hr{width:30px; margin:0 0 13px 0; border: 0;border-top: 2px solid #0059cf;text-align:left;}
section aside h4{font-size:17px;font-family: 'Open Sans', sans-serif;font-weight:800;}
section .content{float:left;width:75%;}
section h2{font-weight:300;padding-bottom:30px;font-family:'Jeju Gothic';}
section h3{font-size:20px;padding:9px 0 30px;line-height:32px;font-family:'Jeju Gothic';color:#444;}
section h4{font-size:16px;font-weight:300;padding-bottom:30px;line-height:23px;}
section p{color:#555;font-weight:300;line-height:20px;}
.business section ul{padding-top:25px;color:#555;font-size:13px;}

.features .topimg{background:url('/uchef/img/fe_topimg.jpg')top center;}
.service .topimg{background:url('/uchef/img/se_topimg.jpg')top right;}
.membership .topimg{background:url('/uchef/img/me_topimg.jpg')top right;}
.aboutus .topimg{background:url('/uchef/img/ab_topimg.jpg')top center;}
.membershiplog .topimg{background:url('/uchef/img/log_topimg.jpg')top right;}
.priceplan .topimg{background:url('/uchef/img/pr_topimg.jpg')top center;}
.reference .topimg{background:url('/uchef/img/re_topimg.jpg')top center;}
.news .topimg{background:url('/uchef/img/re_topimg.jpg')top center;}
.howto .topimg{background:url('/uchef/img/ho_topimg.jpg')top center;}/* 1025 추가 */
/* common end */

/* essentail */
.essentail section .content div{float:left;width:50%;padding:13px 22px 22px 22px;}
.essentail section .content div:nth-child(3){clear:both;}
.essentail section .content h5{position:relative;font-size:16px;padding:5px 0 20px 40px;font-family:'Jeju Gothic';}
.essentail section .content p{font-size:13px;color:#888;line-height:21px;}
.essentail section .content span{position:absolute;font-size:25px;color:#0059cf;top:0;left:0;}
.essentail section span.ti-cloud{font-size:28px;}
.essentail section .ti-cloud small{position:absolute; font-size:9px; color:#0059cf;top:9px;left:7px;letter-spacing:0;}
.essentail section span.iconimg img{width:31px;}
section.management, section.whatyou{background-color:#f5f5f5;}
/* essentail end */


/* business */
.business .title{background-color:#f5f5f5; text-align:center;padding:100px 0;}
.business .title h1{font-weight:300;padding-bottom:23px;}
.business .title p{font-size:16px; color:#888;}

.businesstype{height:520px;margin-top:116px}
.businesstype #myCarousel{height:100%;}
.businesstype .main_title{max-width:1200px;margin:0 auto; padding:142px 60px 0px;font-size:31px;font-weight:300;min-height:370px;}
.businesstype .who_mobile{position:relative;max-width:1200px;margin:0 auto;padding:0 60px;z-index:2;clear:both;}
.businesstype .who_mobile img{position:absolute;bottom:-520px;width:23%;}
.businesstype .carousel-indicators{left: auto; margin:0 auto; top:-63px;width:100%;height: 81px;}
.businesstype .carousel-indicators li{width:auto;height:auto;text-indent:0;vertical-align:top;font-size:13px;border:0;padding:0 2.9%;font-weight:600;}
.businesstype .carousel-indicators li i{padding-top:35px;font-size:25px;color:transparent;}
.businesstype .carousel-indicators .active{width:auto;height:auto;background:none;color:#0059cf;}
.businesstype .carousel-indicators .active i{color:#fff;}
.businesstype .carousel-inner{ height:520px;}
.businesstype .carousel-inner .who_wrap{position:relative;height:520px;max-width:1200px;margin:0 auto;padding:0 60px 0 460px;}
.businesstype .carousel-inner .item .menuimg{position:absolute;left:77px;bottom:0px;width:20%; opacity:0;transform: translate3d(0,20px,0);
-webkit-transition: -webkit-transform 0.5s ease-in-out;   -o-transition: -o-transform 0.5s ease-in-out;  transition: transform 0.5s ease-in-out;}
.businesstype .carousel-inner .item.active .menuimg{-webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,0,0); display: block;opacity:1;}
.businesstype .sub_title{font-size:34px;color:#fff;padding:100px 0 0;}
.businesstype .sub_txt{font-size:16px;color:#fff;margin:50px 0;}
.businesstype .xs_btn{display:none;}

.businesstype .btn_getstarted{border-radius:0;background-color:transparent; border:1px solid #fff;color:#fff;font-size:12px;font-weight:400;padding:14px 37px;}
.businesstype .btn_getstarted:hover{background-color:#fff;border:1px solid #ce0018;color:#333;}

.business aside{width:18%;}
.business .content{width:82%;}
.business .txt_group{float:left;width:67%;padding-right:30px;}
.business .img_group{float:right;width:33%;}
.business .img_group img{width:100%;border-radius:5px;}

.explore .img_group .video1{padding-top: 45px;}
.explore .img_group .video1 iframe{width:88%;height:400px;}
.explore .img_group a{display:inline-block;width:30%; padding: 25px 3% 0 0;text-align:center;font-size:13px;}
.explore .img_group img{ width:100%;padding-bottom:10px;}
.explore .modal-dialog {margin: 200px auto;}
.explore .modal-footer{text-align:center;}
.explore .ifram {max-width:570px;width:100%;height:315px;}
/* business end */


/* expore */
.template #myCarousel{margin-top:35px;height:275px;}
.template .carousel-indicators{left:0;top:15%;bottom:auto;margin:0;text-align:left;width:100%;}
.template .carousel-indicators li{width:16%;height:auto;text-indent:0;padding:3px;border:1px solid #cbcbcb;background-color:#fff;}
.template .carousel-indicators .active{width:16%;height:auto;padding:3px;border:3px solid #0059cf;}
.template .carousel-indicators li img{width:100%;}
.template .who_mobile{position:absolute;right:0;width:181px;z-index:15;}
.template .who_mobile img{width:100%;}
.template .carousel-inner{position:absolute;right:29px;top:45px;height:205px;width:128px;z-index:16;}
.template .carousel-inner .item{height:200px;}

.download{border:0;}
.downloads:after{display:block; content:'';clear:both;}
.downloads li{float:left;width:25%;height:320px;}
.downloads li.kr{background:url('/uchef/img/features/exp_down_kr.jpg');}
.downloads li.eng{background:url('/uchef/img/features/exp_down_eng.jpg');}
.downloads li.ch{background:url('/uchef/img/features/exp_down_ch.jpg');}
.downloads li.jp{background:url('/uchef/img/features/exp_down_jp.jpg');}
.downloads li h2{padding:70px 0 30px; text-align:center;font-weight:600;color:#fff;text-shadow:0px 0px 5px #333;}
.downloads li p{width:74%;text-align:center;margin:10px 13%;padding:14px 0;background:url('/uchef/img/features/exp_down.png') top right no-repeat;font-weight:600;}


/* sos */
.editor #myCarousel{max-width:1200px;margin:0 auto;height:444px;}
.editor h5{padding-left:32px;}
.editor .carousel-indicators{left:0;top:10%;bottom:auto;padding-left:20px;margin:0;text-align:left;width:100%;}
.editor .carousel-indicators li{position:relative;display:block;background-color:#c9cfd2;max-width:140px;width:100%;height:50px;text-indent:0;color:#fff;padding:10px;font-size:12px;}
.editor .carousel-indicators li i{font-size:27px;padding:0 10px;}
.editor .carousel-indicators li i.fa-caret-right{position:absolute; right:-17px;color:#c9cfd2;}
.editor .carousel-indicators .active{background-color:#0059cf;max-width:140px;width:100%;height:50px;}
.editor .carousel-indicators .active i.fa-caret-right{color:#0059cf;}
.editor .who_mobile{position:absolute;right:0;width:181px;z-index:15;}
.editor .who_mobile img{width:100%;}
.editor .carousel-inner{position:absolute;right:0;top:0px;width:75%;height:100%;z-index:16;}
.editor .carousel-inner .item{height:200px;}
.editor .carousel-inner .active img {width:765px;position:absolute;}
.editor .carousel-inner .nextimg{animation-name: fadeOut;opacity:0;}

.agent .txt_group, .call .txt_group{border-bottom:1px solid #e7e6e6;padding-bottom:60px;margin-bottom:40px;}
.agent .img_group > ul{padding:50px 0;}
.agent .img_group > ul:after{display:block;content:'';clear:both;}
.agent .img_group > ul > li{position:relative;float:left;background-color:#f3f3f3;border-radius:30px;width:36%;padding:25px 1%;}
.agent .img_group .agent{background-color:transparent;width:28%;text-align:center;}
.agent .img_group li > div{float:left;width:50%;text-align:center;padding:15px 0;font-size:12px;color:#333;font-weight:600;}
.agent .img_group li > div span{display:inline-block;padding-bottom:5px;font-size:43px;color:#929292;}
.agent .img_group li > p {position:absolute;right:-15px;top:45%;color:#f3f3f3;font-size:43px;}
.agent .img_group li .right_g {color:#f3f3f3;}
.agent .img_group li .right_w {color:#fff;left:-2px;right:auto;}

.callh3{padding-top:50px;}

.add ul{padding:10px 0;}
.add ul:after{display:block;content:'';clear:both;}
.add li{float:left;padding:0px 1%;}
.add li.agent{padding:25px 1%;}
.add li.agentin{background-color:#f3f3f3;border-radius:15px;margin:15px 15px 15px 0;padding:5px 1%}
.add li.agentin > div{padding:20px 20px;margin:0 15px;border-bottom:1px solid #ddd;border-radius:0px;text-align:center;overflow:hidden;}
.add li.agentin > div:last-child{border:0;}
.add li > div{position:relative;background-color:#f3f3f3;border-radius:15px;padding:15px 20px;margin:15px;font-size:12px;color:#333;font-weight:600;}
.add li > div .fa-caret-left{position:absolute;left:-6px;top:12px;color:#f3f3f3;font-size:20px;}
.add li > div .fa-caret-right{position:absolute;right:-31px;top:100px;color:#f3f3f3;font-size:20px;}

.comment{position: relative;border-radius: 10px;border: 5px solid #eee;    padding: 25px;}
.comment h4 {font-weight: bold;padding-bottom: 10px;}
.comment h4 span {font-size: 13px;font-weight: normal;padding-left: 50px;}
.comment h5 {margin:10px 0;font-size: 13px;font-weight: bold;}
.comment p {font-size: 12px;}
.comment ul {position: absolute; bottom: 25px;right: 25px;}
.comment a {line-height:18px;text-decoration: underline;color: #337ab7;}
.comment img {padding: 15px 0;}
/* sos end */


/* membership */
.membershiph3{padding-top:50px;}
.membership h2 span{color:#c80219;}
.membership p strong{font-weight:500;}

.signup .txt_group{float:left;width:50%;  padding: 20px 30px 30px 30px;text-align:center;}
.signupbox{float:right;width:50%;}
.signup h3{text-align:center;}
.signup form{max-width:450px;width:90%;border:1px solid #dedede;margin:0 auto;box-shadow:4px 4px #f7f7f7;}
.signup input{padding:35px; font-size:12px;border:0;box-shadow: inset 0 0px 0px rgba(0,0,0,.0);width:100%; }
.signup input[type=radio], .signup input[type=checkbox] {width:13px;height:13px;padding:0;}
.signup input[type=text], input[type=password]:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px white;}
.signup input[type=text], input[type=password]:focus,
.signup input[type=text], input[type=password]:-webkit-autofill:focus {border-color: #66afe9;  -webkit-box-shadow: inset 0 0 0px 9999px white, 0 0 8px rgba(102, 175, 233, 0.6);}

.signup hr{padding:0;width:95%;margin:0 auto;border-top:1px solid #efefef;}
.signup p{color:#888;font-size:13px;text-align:center;padding-top:20px;font-weight:400;}
.signup p a{background-color:#c6c6c6; color:#fff; border-radius:5px;padding:0 5px 2px;}
.signup p.signin a{background-color:transparent;color:#888;font-size:13px;text-align:center;padding-top:20px;text-decoration: underline;}

.terms .txt_group{width:100%;height:400px;overflow:auto;margin:0 auto;border:1px solid #ccc;padding:30px;font-size:13px;font-weight:300;}
.terms .txt_group h4{font-weight:600;padding:40px 0 10px;}
.terms .txt_group h4:first-child{padding-top:10px;}
.terms .txt_group strong{}
.terms .txt_group span{font-weight:600;text-decoration:underline;}
.terms .txt_group ol, .terms .txt_group ul{ padding-left: 20px;}
.terms .txt_group ol li{ list-style-type: decimal;}
.terms .txt_group ul li{ list-style-type: circle;}


/* support */
.support .office .wrap ul{float:left;width:33.3%;}
.support .office li {float:left;width:70%;font-size:13px;font-weight:300;}
.support .office li.name {width:72px;clear:both;}
.support .office strong{font-weight:500;color:#888;}
.support .office h4{font-weight:600;color:#333;font-family: 'Open Sans', sans-serif;}
.support .map{font-size:0; line-height:0;}


/* story */
.ourstory .content{padding-top:15px;}
.ourstory .carousel{}
.ourstory h5{font-weight:600;line-height:26px;padding-bottom:14px;}
.ourstory h5 span{color:#0059cf;}

.ourstory .carousel .bg_img{width:100%;}
.ourstory .carousel-indicators{bottom:auto;top:0px;margin:0;text-align:left;width:50%;}
.ourstory .carousel-indicators li{background-color:#000;width:31.8%;height:auto;margin:0 2px 6px 0;text-indent:0;}
.ourstory .carousel-indicators li img{width:100%;opacity:0.5;border-radius:10px;}
.ourstory .carousel-indicators .active img{opacity:1;}

.ourstory .carousel-inner{width:50%; z-index:14;position:absolute;top:0px;}
.ourstory .carousel-inner .item{height:200px;padding-right:8px;}
.ourstory .carousel-inner .item img{border-radius:10px;}

#press.carousel{}
#press h3{padding-left:55%;}
#press .press_bg{width: 39%;}
#press .carousel-indicators{bottom:auto;left:55%;margin:0;text-align:left;width:45%;top: 67px;}
#press .carousel-indicators li{width:100%;height:auto;text-indent:0;color:#888;font-size:13px;border-bottom:1px solid #ddd;border-radius:0;padding:11px 0 11px;}
#press .carousel-indicators li img{width:100%;opacity:0.5;border-radius:10px;}
#press .carousel-indicators .active {color:#333;}
#press .carousel-inner{width:55%; height:100%;z-index:16;position:absolute;top:0px}
#press .carousel-inner .item{height:200px;padding-right:30px;}
#press .carousel-inner .item img{border:4px solid #eee;}

.carousel-fade .carousel-inner .item {  opacity: 0;  -webkit-transition-property: opacity;  transition-property: opacity;  background-repeat: no-repeat;  background-size: cover; }
.carousel-fade .carousel-inner .active {  opacity: 1;}


/* overview */
.corevalue .img_group, .corevalue .txt_group{width:50%;float:left;}
.corevalue .txt_group h4{padding-bottom:7px;color:#333;font-weight:400;}
.corevalue .txt_group p{padding-bottom:35px;}
.corevalue .img_group img {width:90%;max-width:370px;}


/* Priceplan */
.priceplan:after{display:block;content:'';clear:both;}
.priceplan .view_mobile{display:none;}
.priceplan > ul{float:left;text-align:center;width: 24.6%;margin:1% 1% 40px 1%; border: 1px solid #dedede; box-shadow: 4px 4px #f5f5f5;font-size:14px;font-weight:bold;}
.priceplan > ul > li{position:relative;height:40px;color:#787878;padding-top: 10px;}
.priceplan > ul > li:nth-child(odd){background-color:#f5f5f5;}
.priceplan > ul > li:first-child{background-color:#4e4e4e;height:135px;font-size:18px;color:#fff;padding-top:47px;font-weight:bold;}
.priceplan > ul > li:first-child p{font-size:12px;color:#aaa;}
.priceplan > ul > li:last-child{height:70px;}		
.priceplan > ul > li .btn_plan{width: 94%; margin:0 auto; height:50px;border-radius: 0;  background-color: #4e4e4e;  color: #fff;  padding: 14px;}
.priceplan > ul > li .btn_plan:hover{ background-color: #0070d1;}

.priceplan > ul.choose{font-size:12px;font-weight:normal;width:18%;}
.priceplan > ul.choose > li:first-child{background-color:#f5f5f5;padding-top: 38px;font-size:25px;color:#0070d1;font-weight:bold;line-height: 21px;}
.priceplan > ul.choose > li:first-child span{font-size:19px;display:inline-block;}
.priceplan > ul.choose > li:last-child{padding-top: 12px;font-size:24px;color: #e2e2e2;font-weight:bold;line-height: 21px;}
.priceplan > ul.choose > li:last-child span{font-size:19px;display:inline-block;}

.priceplan > ul.samsung > li:first-child{padding-top:16px;background-color:#0070d1;color:#fff;font-size: 13px;}
.priceplan > ul.samsung > li:first-child img{padding-bottom:5px;max-width:100%;}
.priceplan > ul.samsung > li:first-child p{font-size:18px;color:#fff;font-weight:700;}
.priceplan > ul.samsung > li:first-child p span{font-size:12px;}
.priceplan > ul.samsung > li .btn_plan{background-color:  #0070d1;}
.priceplan > ul.samsung > li .btn_plan:hover{ background-color: #4e4e4e;}

.priceplan > ul > li.memo{font-size:11px;height:68px;padding:15px 0;letter-spacing: 0;}
.priceplan > ul > li.memo p{font-size: 16px;font-weight: 700;padding: 5px 0;}
.priceplan > ul > li.memo p span{color:#0070d1;}

.priceplan .fa-question-circle{color:#0070d1;font-weight:normal;font-size:16px;}
.priceplan .fa-caret-up{position:absolute;color:#fff;font-size:35px;left:45%;top:-21px;}
.priceplan .dropdown{display:inline-block;}
.priceplan .dropdown-menu{background-color:#4e4e4e;border-radius:10px;width: 295px;padding:10px;top:-12px;left:5px;}
.priceplan .dropdown-menu .boxleft{position: absolute;top: 0px;left: -10px;color: #4e4e4e;font-size: 35px;}
.priceplan .helphead{border-bottom:1px solid #646464;color:#ffa7a7;font-size:15px;padding:10px;}
.priceplan .helpcontents p{padding:10px;color:#fff;font-size:13px;margin:0;}
.priceplan .helpcontents .main{font-size:14px;}
.priceplan .helpcontents .sub{color:#b1b1b1;font-size:12px; border-top:1px dashed #666;}
.priceplan .biz i{color: #fff;font-size: 13px;font-weight: normal;}
.priceplan .biz .dropdown-menu{top:14px;left:-197px;}
.priceplan .biz .boxleft{display:none;}
.priceplan .dotline{border: 1px solid #aaa;width: 40px;padding: 0 20px;margin-left: 5px;border-style: dashed;}

.priceplan .help_text_wrap{padding: 30px 20px 0 20px;border-top:1px solid #eee;clear:both; }
.priceplan .help_text_wrap:after{display:block;content:'';clear:both;}
.priceplan .help_text_wrap ul{position:relative;width:48%;margin:10px 1%;text-align:left;float:left;}
.priceplan .help_text_wrap ul:last-child{width:98%;}
.priceplan .help_text_wrap ul h5{position:absolute;color:#ed6b75;font-weight:bold;margin:0;}
.priceplan .help_text_wrap ul li{margin-left: 170px; list-style-type: none;}

.prices {}
.prices span, .prices p{font-size:11px;color:#464646;margin-bottom:0px;}
.prices table{font-family:NanumGothic;box-shadow:3px 3px 0px rgba(0, 0, 0, .05);border:1px solid #ddd;}
.prices ul{font-family:NanumGothic;font-size:12px;text-align:left;}
.prices ul li{font-family:NanumGothic;font-size:12px;list-style-type: disc;margin-left: 20px;}
.prices h4{font-size:18px;color:#005acf;text-align:left;border-left:3px solid #005acf;padding-left:15px;padding-bottom:0;font-weight:700;margin:60px 0 20px 0;}
.prices .table>thead>tr>th, .table>tbody>tr>th, .prices .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding:20px;text-align:center;line-height:1.5em;}
.prices .text-left {text-align: left;}
.prices .price table th{position: relative;width:20%;}
.prices .price table th:first-child{width:15%;}

.serviceinfo{border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 26px 0;padding: 26px;}
.serviceinfo h4{font-size: 15px; font-weight: 600; padding: 5px; margin: 10px 0; background: #005acf; line-height: 23px; width: 180px; border-radius: 5px; text-align: center; color: #fff;}
.serviceinfo p{padding-bottom:10px;font-weight:400;}


/* 레퍼런스 디테일 */
.reference .main_photo .wrap img{width:100%;}
.reference .related img{float: left;width: 260px;height: 181px;padding:0 30px 20px 0;}
.reference .related p{float: left; width: 500px; }
.reference .related span{display: inline-block;width:500px;padding: 1px 0 2px;}
.reference .related a{text-decoration: underline; color: #666;}
.reference .detail li{position: relative;padding: 10px 10px 10px 100px;display: inline-block;width: 49%;}
.reference .detail li span{position: absolute;left: 0px;font-weight: 800;}
.reference .detail li span i{color: #0059cf;}
.reference .detail li a i {padding-right:10px;}
.reference .photo .wrap{margin:70px auto;}


/* 레퍼런스 리스트 */
.reference .referencelist .wrap{border-bottom:1px solid #e7e6e6;} 
.reference .referencelist .img_group{float:left;width:45%;overflow:hidden;border-radius:7px;}
.reference .referencelist .img_group img {max-width: 500px; max-height: 272px; width: 100%;}
.reference .referencelist .txt_group{position:relative;float:left;width:50%;margin-left: 5%;}
.reference .referencelist .txt_group h3{position:relative;width: 100%;padding-right: 145px;text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal;}
.reference .referencelist .txt_group h3 p{position: absolute;right: 0;top: 14px;font-size: 13px;}
.reference .referencelist .txt_group h3 i{padding:0 20px;}
.reference .referencelist .txt_group h3 a{color:#777;}
.reference .referencelist .txt_group button.btn_learnmore{position:absolute;right:0;bottom:-20px;margin:20px 0;}
.reference .referencelist ul{margin-top:25px;}
.reference .referencelist li{position: relative;padding: 5px 10px 5px 100px;display: block;width: auto;}
.reference .referencelist li span{position: absolute;left: 0px;font-weight: 800;}
.reference .referencelist li span i{color: #0059cf;}
.reference .referencelist li a i {padding-right:10px;}


/* 레퍼런스 관리자 목록, 쓰기 */
.reference .referencelist .adminis button{background-color:#fff;color:#0059cf;border:1px solid #0059cf;padding:12px 20px;border-radius:0;}
.reference .referencelist .wrap.adminis{padding:10px 50px;text-align:right;} 
.reference .referencelist .txt_group .adminis{position:absolute;right:0;bottom:51px;}
.reference .description .newsimg{position: relative;margin: 0 0 10px 0;padding: 10px 10px 10px 188px;background-color: #f5f5f5;font-size: 12px;height: 37px;}
.reference .description .newsimg a {position: absolute;top: 5px;padding: 5px 8px;background: #bbb;color: #fff;cursor: pointer;text-decoration: none;}
.reference .description .newsimg a.add {right: 5px;background: #ed6b75;}
.reference .description .newsimg a.del {right: 64px}
.reference .description .newsimg span{position: absolute;top: 0;left: 0;width: 166px;padding: 10px 15px;color: #fff;font-weight: bold;background: #aaa;}
.reference .related .form-group{display:inline-block;width:25%;margin-bottom:5px;}
.reference .related .form-group.newssubject{width:48%;}
.reference .related .newsimg{position: relative;margin: 0 0 10px 0;padding: 10px 10px 10px 188px;background-color: #f5f5f5;font-size: 12px;height: 37px;}
.reference .related .newsimg a {position: absolute;top: 5px;padding: 5px 8px;background: #bbb;color: #fff;cursor: pointer;text-decoration: none;}
.reference .related .newsimg a.add {right: 5px;background: #ed6b75;}
.reference .related .newsimg a.del {right: 64px}
.reference .related .newsimg span{position: absolute;top: 0;left: 0;width: 166px;padding: 10px 15px;color: #fff;font-weight: bold;background: #aaa;}
.reference .detail .form-group{display:inline-block;width:32%;margin-bottom:5px;}
.reference .photoadmin .newsimg{position: relative;margin: 0 0 10px 0;padding: 10px 10px 10px 15px;background-color: #f5f5f5;font-size: 12px;text-align:left;height: 37px;}
.reference .photoadmin .newsimg a {position: absolute;top: 5px;padding: 5px 8px;background: #bbb;color: #fff;cursor: pointer;text-decoration: none;}
.reference .photoadmin .newsimg a.add {right: 5px;background: #ed6b75;}
.reference .photoadmin .newsimg a.del {right: 64px}
.reference .btns {text-align: center;padding: 20px;}


/* 뉴스 관리자 목록, 쓰기 */
.news .title {background-color: #f5f5f5;text-align: center;padding: 70px 0;}
.news .title h1 {font-weight: 300;padding-bottom: 23px;}
.news .title p {font-size: 16px;color: #888;}
.newslist .wrap{padding-top:0;}
.newslist .btns{padding:10px 0;border-bottom:1px solid #e8e8e8;height:69px;}
.newslist .btns .btn_learnmore{float:right;}
.newslist .openbtn .btn_getstarted{margin: 0 5px 0 0; padding: 8px 10px;}
.newslist table{width:100%;}
.newslist tr{border-bottom:1px solid #e8e8e8;}
.newslist td{padding:24px 0;}
.newslist td:first-child{padding-left:15px;}
.newslist td:last-child{padding-right:15px;}
.newslist tr.newsview{display:none;border:0;border-bottom:1px solid #e8e8e8;}
.newslist .newsview td{padding:25px;}
.newslist .fa-caret-up{display:none;}
.newslist .opennews > tr{border-top: 4px solid #0059cf;border-bottom: 4px solid #0059cf;}
.newslist .opennews tr.newsview{display:table-row;border:0;border-bottom:1px solid #e8e8e8;}
.newslist .opennews .fa-caret-down{display:none;}
.newslist .opennews .fa-caret-up{display:block;}
.newslist .opennews .openbtn{color:#0059cf;}
.newslist .opennews > tr > td:first-child{border-left: 4px solid #0059cf;}
.newslist .opennews > tr > td:last-child{border-right: 4px solid #0059cf;}
.newslist .opennews > tr.newsview > td{border:0;}

.newslist .newsview .newfile{background:#f5f5f5;}
.newslist .newsview .newfile:after{display:block;content:'';clear:both;}
.newslist .newsview .newfile li{float:right;border-left:1px solid #d3d3d3;padding:0 20px;margin:15px 0;}
.newslist .newsview .newfile .clip{background:#ebebeb;margin:0;padding:15px 19px;border:0;}
.newslist .newsview p img {max-width: 100%;}

.newslist .newsimg{position: relative;margin: 20px 0 10px 0;padding: 10px 10px 10px 120px;background-color: #f5f5f5;font-size: 12px;height: 37px;}
.newslist .newsimg a {position: absolute;top: 5px;padding: 5px 8px;background: #bbb;color: #fff;cursor: pointer;text-decoration: none;}
.newslist .newsimg a.add {right: 5px;background: #ed6b75;}
.newslist .newsimg a.del {right: 64px}
.newslist .newsimg span{position: absolute;top: 0;left: 0;width: 100px;padding: 10px 15px;color: #fff;font-weight: bold;background: #aaa;text-align:center;}


/* howto 1025 */
.howto section aside h4 p{font-size: 16px;font-family: 'Jeju Gothic';font-weight: normal;color:#333;padding-top:4px;}
.howto section h3 {color: #0059cf;}
.howto .sub_title{font-size:13px;font-weight:bold;}
.howto .sub_txt{position:relative;font-size:13px;margin:20px 0 50px;color:#8a8a8a;}
.howto .sub_txt a{color:#337ab7;text-decoration: underline;padding:0 10px;}
.howto .sub_txt span{position:absolute;left:268px;}
.howto .step02 .sub_txt {margin:20px 0 40px;}
.howto .step02 .sub_txt span{left:200px;}
.howto .step03 .sub_title{padding-bottom: 29px;}
.howto .step03 h5{font-weight: 800;color: #454545;font-size: 13px;}
.howto .step03 .sub_txt{margin: 6px 0 35px;}
.howto section .sub_txt ul, .howto section .sub_txt li {list-style-type: disc;margin-left: 17px;}
.howto .img_group{float: right;}
.howto .step04 .sub_title, .howto .step05 .sub_title, .howto .step06 .sub_title{padding-bottom: 45px;}

@media (max-width: 992px) {
.howto .content{width:100%;max-width:800px; margin:0 auto;}
.howto .txt_group{text-align:left;}
.howto .step02 .sub_txt span {left: 162px;}
}
@media (max-width: 876px) {
.howto .img_group {float:none;}
.howto .txt_group{text-align:center;}
.howto .step02 .sub_txt {width: 316px;margin: 20px auto 40px;text-align: left;}
.howto .step04 .sub_txt {width: 363px;margin: 20px auto 40px;text-align: left;}
.howto .step05 .sub_txt {width: 430px;margin: 20px auto 40px;text-align: left;}
.howto .sub_txt a {display:inline-block;}
.howto section aside h4{padding:0 0 40px;}
}
@media (max-width: 479px) {
.howto .img_group img{width:100%;}
.howto .sub_txt, .howto .step02 .sub_txt, .howto .step04 .sub_txt, .howto .step05 .sub_txt {width:100%;}
.howto .sub_txt span {position:static;}
.howto .sub_txt a {padding: 0;}
}
/* howto end 1025 */
