/*
* Author: willywize
* Template: Krui
* URL: http://themeforest.net/user/willywize/
*/


/* =================================================================== */
/* Import Section
====================================================================== */
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */
@import url("responsive.css");			/* Responsive Grid */
@import url("icons.css");				/* Font Awesome Icons */




/* =================================================================== */
/* Header
====================================================================== */
*, ::after, ::before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
cf:after{display:block; content:""; clear:both;}

#header {
	position: relative;
	height: 100px;	
	width: 100%;
	z-index:999999;
	background-color:#DB1919;
}

#header_short {
	position: relative;
	height: 50px;	
	width: 100%;
	z-index:999999;
	background-color:#DB1919;
}

.mtrigger {position:absolute; top:15px; left:15px;}
a.menu-trigger {color:#fff; display: block; width:25px; height:20px; position:relative; background:url(/images/menu.png) no-repeat; background-size:100%;}

.logo {margin:0px auto; width:80px; height:50px; padding:11px 0 9px;}
.logo a img{width:75px; margin-top:1px;}

.m_logo{margin:0 auto; width:138px; height:50px; padding:10px 0 9px;}
.m_logo a img{width:69px; margin-top:1px;}
.m_logo ul li{float:left;}

.search {padding:0 15px;}
.search img.btn {width:28px; position:absolute; top:54px; right:20px; z-index:999;}
.search .search-inner {display:block!important; background-color:#fff; border-radius:5px; position:relative;padding:0!important; height:35px;}
.search .search-inner input.search-input {width:100%; border:none!important; -webkit-box-shadow:none!important; color:#333!important; font-weight:bold; font-size:17px!important; padding:8px 9px!important;}
.search_short img.btn{width:30px; position:absolute; top:10px; right:13px; z-index:999;}



.m_2020calendar_layer{position:fixed; top:0; left:0; width:100%; height:100%; z-index:1099991;}
.m_20c_deam{position:fixed; top:0; left:0; width:100%; height:100%; z-index:1099993; background:url(../images/bg_opa.png) 0 0 repeat;}
.m_20c_inner{position:absolute; top:17%; left:0; right:0; width:75%; max-width:480px; z-index:1099995; margin:0 auto;}
.m_20c_inner img{width:100%; cursor:pointer;}
.m_20c_inner a{display:block;}
.m_20c_close{}
.m_20c_req{}
.m_20c_today{}



@media only screen and (min-width: 1024px) {
	.mtrigger {left:0px;}
	.search {padding:0 0px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.search .search-inner input.search-input {width:100%;}
}
@media only screen and (max-width: 479px) {
	.search .search-inner input.search-input {width:100%;}
}

#header.oneline {height:50px!important;}
.oneline-search { position:absolute; top:10px; right:15px; z-index:20000;}
@media only screen and (min-width: 1024px) {
	.oneline-search {right:0px}
}
#search {position: absolute; top:0px; height:50px; z-index:20001; background-color:#DB1919; width:100%;}
#search .back {float:left; width:54px;}
#search .search-box {float:left; padding:7px 15px 0 0;}
#search img.btn {position:absolute; top:51px; right:18px; z-index:20003;}
#search .search-inner {display:block!important; background-color:#fff; position:relative;padding:0!important; }
#search .search-inner input.search-input {width:93%; border:none!important;; color:#333!important; font-weight:bold; font-size:15px!important;}

/* =================================================================== */
/* Navigation
====================================================================== */
#category {
	position: relative;
	width: 100%;
	border-bottom:1px solid #e0e0e0;
	overflow:hidden;
}
#category ul {width:800px; height:42px; margin:0 auto; overflow:hidden;}
.category-banner{width:100%; max-width:1000px; margin:0 auto; }
.cb_bn{display:block; width:100%; margin:0 auto; /*height:115px; max-height:155px;*/ text-align:center; background-color:#1c9cc9;}
.cb_bn img{width:auto; height:100%; margin:0 auto;}

@media screen and (-webkit-min-device-pixel-ratio:0){#category ul {width:max-content;}}
html[xmlns*=""] body:last-child #category ul {width:max-content;}
body:first-of-type #category ul {width:max-content;}

#category ul:after{display:block; content:""; clear:both;}
#category ul li {float:left; text-align:center; padding:13px 17px 12px 17px;}
#category ul li.search {width:20%!important;}
#category ul li.on font {display:inline-block; padding-bottom:10px; border-bottom:2px solid #DB1919;}
#category ul li.on a{color:#DB1919;display:inline-block; height:30px;}
#category ul li a {font-size:115%; font-weight:bold;}
#category ul li:hover {cursor:pointer;}

@media only screen and (max-width: 479px) {
	#category ul li {letter-spacing:-1px;}
	#category ul li.search font.search-hidden {display:none;}
}

#category .back {margin:4px 0 3px 0; padding:9px 15px 9px 0px; position:absolute; top:0; left:0;}
#category .navi {text-align:center; padding:9px 0; color:#666; font-size:1.0em;}
#category .navi a {color:#0068c3}
@media only screen and (max-width: 1024px) {
	#category .navi{}
	#category .navi, #category .back {padding:9px 15px;}
}

.footer-category {position:relative; overflow:hidden; background-color:#ffffff; margin:10px 0; width:100%;}
.footer-category li.left {width:50%; float:left; border-right:2px solid #f2f2f2;}
.footer-category li.right {width:50%; float:right; margin-left:-2px;}
.footer-category li {border-top:2px solid #f2f2f2; text-align:left; padding:7px 0 5px 2%;}
.footer-category li a {line-height:160%; color:#666; font-size:0.95em; }
.footer-category li a:hover {color:#DB1919}
.footer-category li span {color:#DB1919; font-size:80%; font-weight:normal;}



/* =================================================================== */
/* Common Layout
====================================================================== */

.red-btn {background-color:#DB1919!important; color:#fff!important; font-weight:bold;}
.red-btn:hover{background-color:#444444!important; color:#fff!important;}
.blue-btn{background-color:#1967db!important; color:#fff!important; font-weight:bold;}
.blue-btn:hover{background-color:#444444!important; color:#fff!important;}
.white-btn {background-color:#fff!important; color:#000!important; font-weight:bold;}
.white-btn:hover {background-color:#444444!important; color:#fff!important;}
.black-btn {background-color:#444444!important; color:#fff!important; font-weight:bold;}
button.round {border-radius:5px; padding:5px 15px; border:1px solid #d1d1d1}
button.round2 {border-radius:5px; padding:8px 15px; border:1px solid #d1d1d1}

.container-box {position:relative; width:49.5%; float:left; margin-right:1%; overflow:hidden;}
.view-left {width:64.5%!important;}
.view-right {width:34.5%!important;}
.view-right .form-list li.text {width:62%!important; }
.cb-right {border-right:0px; margin-right:0;}
.container-box h3 {font-size:1.2em; color:#000; font-weight:bold; margin-bottom:2px;}
.bg-white {background-color:#ffffff;}
.bg-grey {background-color:#f2f2f2!important;}
.bg-grey2 {background-color:#ccc;}
.bg-grey3 {background-color:#fafafa!important;}

/*2뎁스*/
.tow_depts{width:100%; position:relative; }
.two_depts_all_btn{display:block; width:100%; padding:8px 3%; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:1.27em; letter-spacing:-1px; color:#333; border-bottom:1px solid #ddd;}
.two_depts_arrow{display:block; width:10px; height:6px; background:url(../images/two_depts_arrow.png) no-repeat center bottom; background-size:100%; position:absolute; top:15px; right:2%;}
.two_depts_arrow_up{display:block; width:10px; height:6px; background:url(../images/two_depts_arrow.png) no-repeat center top; background-size:100%; position:absolute; top:15px; right:2%;}
.tow_depts_red{font-size:12px; margin-left:5px; color:#DB1919;}
.two_depts_gray{ margin-left:5px; color:#aaa;}
.navi_arrow{display:inline-block; width:11px; height:11px; margin:0 3px; vertical-align:middle;}

.two_depts_list{width:100%; position:relative; visibility:visible; background:#fafafa;}
.two_depts_list ul li{border-bottom:1px solid #eee;}
.two_depts_list ul li:nth-child(2n+1).dropdown{border-right:1px solid #eee;}

.two_depts_list ul:after{display:block; content:""; clear:both;}
.two_depts_list ul li.dropdown{float:left; width:50%; min-height:0;}
.two_depts_list ul li:hover{background:#999;}
.two_depts_list ul li a{display:block; font-size:0.95em; padding:8px 6%; letter-spacing:-1px; cursor:pointer;}
.two_depts_list ul li:hover a{color:#fff;}
.two_depts_list ul li.drop_on{background:#555;}
.two_depts_list ul li.drop_on a{color:#fff;}

@media only screen and (max-width: 767px) {
	.container-box {width:100%; margin-right:0px; border-right:none;}
	.view-left, .view-right {width:100%!important;}
	.cb-right {margin-left:0px; margin-bottom:10px;}
	.cb-right .cb-right-first{margin:0px!important; }
	.tm-margin-none {margin-bottom:0px!important;}
	.cb-right-topnone {margin-top:-20px;}
}
@media only screen and (max-width: 479px) {
	.cb-right .cb-right-first{margin-top:0px; }
}
.inner-box {position:relative; margin:10px 0; background:#fff; overflow:hidden;}
.inner-box:after{display:block; content:""; clear:both;}
.inner-box.pt10 {padding:10px 15px 15px 15px;}
.inner-box.pb10 {padding:15px 15px 10px 15px;}
.inner-box.pb05{padding:10px 15px 5px 15px;}
.inner-box.p15 {padding:15px;}
.inner-box.mb{margin:0 0 0 0!important; padding:10px 10px 5px 10px;}
@media only screen and (max-width: 767px) {
	.inner-box.mb {margin:0px!important;}

}
.thum-more-btn {position:absolute; top:18px; right:5px; padding:0 5px;}
.thum-more-btn:hover {cursor:pointer}
.thum-box ul {overflow:hidden; margin:5px auto 0;} 
.thum-box ul li {width:48.5%; margin-right:3%; float:left;}
.thum-box ul li.no-right {margin-right:0px;}
.thum-box ul li.no-bottom img, .thum-box ul li span.no-bottom{margin-bottom:0px;}
.thum-box ul li img {width:100%; margin-bottom:15px; border:1px solid #eee;}

.thum-box ul li p {color:#288CCB; font-weight:bold; margin-bottom:10px;line-height:122%; height:34px; overflow:hidden;}
.thum-box ul li span {display:block; font-size:0.9em; margin-bottom:15px;line-height:122%; height:32px; overflow:hidden;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.thum-box ul li, .thum-box ul li.no-right  {width:23%; margin:0 1%;}
	.thum-box ul li img {margin-bottom:10px;}
}

.thum-row-box ul {overflow:hidden; margin:5px auto 0; position:relative;} 
.thum-row-box ul li {width:100%; margin-bottom:20px; overflow:hidden;}
.thum-row-box ul li .img {float:left; width:45%; margin-right:5%; }
.thum-row-box ul li .img img {width:100%;}
.thum-row-box ul li .text {float:left; width:50%; display:block;}
.thum-row-box ul li .text p {color:#0068c3;  margin:0 0px 5px 0;font-size:1.2em; line-height:1.4rem; letter-spacing:-.3px; overflow:hidden; height:2.9rem;}
.thum-row-box ul li .text span {display:block; font-size:1.125em; line-height:1.4rem; height:2.6rem; overflow:hidden;}
.thum-row-box ul li.no-bottom {margin-bottom:0px!important;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.thum-row-box ul li {width:50%; float:left;}
	.thum-row-box ul li .img {width:40%;}
	.thum-row-box ul li .text {width:55%; float:right;}
	.thum-row-box ul li .text p {margin:0 10px 10px 0;}
	.thum-row-box ul li .text span {margin-right:20px;}
}
@media only screen and (max-width: 480px){
	.thum-row-box ul{font-size:0;text-align:left;}
	.thum-row-box ul li {width:48% !important; float:none; display:inline-block; vertical-align:top; margin:0 1% 20px 0;font-size:13px;}
	.thum-row-box ul li:nth-child(2n){float:none; margin:0 0 20px 1%;}
	.thum-row-box ul li .img {width:98%; margin-bottom:10px;}
	.thum-row-box ul li .img img{width:100%; min-height:105px; max-height:115px;}
	.thum-row-box ul li .text {width:95%;}
	/*.thum-row-box ul li.mobile-r .img {float:right; margin-right:0px;}
	.thum-row-box ul li.mobile-r .text  {float:right}*/
	.thum-row-box ul li.mobile-bottom {margin-bottom:0px;}
}

.update {position:absolute; top:13px; right:14px; padding:0 10px;font-size:85%; font-weight:bold; color:#000; background-color:#FAFAFA; border-radius:20px; border:1px solid #d1d1d1; }
.update .update_red{color:#db1919;}
.form-box .form-box-block {margin-top:-10px;}
.form-box .form-box-block .form-first {border-top:none; margin-top:0px;}
@media only screen and (max-width: 767px) {
	.tm-form-first { border-top:1px solid #eaeaea!important; }
}
.form-navi {color:#666;overflow:hidden; padding-top:15px; margin-bottom:-5px;}
.form-navi p {float:left; font-size:1.05em;}
.form-navi p span {color:#DB1919; font-weight:bold;}
.form-navi ul {float:right; border-top:none!important; padding:0px!important; margin:0px!important;}
.form-navi ul li {float:left; margin-left:10px;}
.form-navi ul li img{width:17px; margin-top:3px; cursor:pointer;}
.form-navi ul li.on, .form-navi ul li.off {font-size:90%; padding:0 10px 0 0;  margin:4px 10px 0 0; line-height:1.25em; /*background:url('../images/form/form-navi-dot.gif') no-repeat center left;*/ border-right:1px solid #ddd; }
.form-navi ul li:nth-child(2){border-right:none;}
.form-navi ul li.on span {color:#DB1919; font-size:105%; cursor:pointer;}
.form-navi ul li.off span {color:#666; cursor:pointer;}
.form-navi ul li.img-pd {padding-left:0px;}

.form-box ul {position:relative; overflow:hidden; border-top:1px solid #eaeaea; padding-top:8px; margin-top:15px; }
.form-box ul li ul.icon li {float:left; width:35px; margin:0px;}
.form-box ul li ul.icon li img {width:88%; padding-top:5px;}

/*.recommend-open {position:absolute; right:0px; top:0px; z-index:999;}
.recommend-layer {
	display:none;
	position:fixed; _position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:10000;
}
.recommend-layer .bg {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background:#000;
	opacity:.5; filter:alpha(opacity=50);
}
.recommend-layer .layer { display:block; width:100%; height:auto; background-color:#fff; top:50px; margin-top:50px!important;}

.recommend-layer .layer .cbtn {right:0px;}
.recommend-layer .layer .recommend-title-top {position:relative; width:100%; max-width:1000px; margin:0 auto;  height:41px; border-bottom:1px solid #d1d1d1;}
.recommend-layer .layer .recommend-title-top p {font-weight:bold; float:left; font-size:1.2em; padding:8px 0 0 5px;}
.recommend-layer .layer .recommend-title-top span {float:right; width:20%; right:5px;}
.recommend-layer .layer .recommend-title-top span img {float:right;}
.recommend-tag {padding:13px; max-width: 1000px; margin: 0 auto;}}
.recommend-tag a {padding-right:5px}
.recommend-tag a:hover {color:#288CCB;}*/

.recommend{width:100%; position:relative; border-top:10px solid #f2f2f2; border-bottom:10px solid #f2f2f2;}
.recommend_all_btn{display:block; width:100%; padding:8px 2%; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:1.27em; letter-spacing:-1px; color:#333;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.recommend_all_keyword{width:100%; position:relative; visibility:visible; background:#fff;}
.recommend_all_keyword ul:after{display:block; content:""; clear:both;}
.recommend_all_keyword ul li{float:left; width:50%; min-height:0; padding-left:8px;}
.recommend_all_keyword ul li:nth-child(2n+1).dropdown{border-right:1px solid #eee;}
.recommend_all_keyword ul li a{display:block; font-size:12px; padding:8px 4%; letter-spacing:-1px; background:url(../images/form/form-navi-dot.gif) no-repeat center left;}


.sp_nkeyword{color:#424242;}

.sp_nkeyword h3.stit{float:left; margin-right:12px; font-size:15px; color:#000; line-height:20px; font-weight:bold;}
.sp_nkeyword h3.stit .etc{display:none;}
.sp_nkeyword .bx{overflow:hidden; position:relative; max-height:3rem; margin:11px 0 6px; padding:0 18px; font-size:12px; line-height:23px; letter-spacing:-0.3px;}
.sp_nkeyword .bx .keyword a{color:#555;}
.sp_nkeyword .bx .keyword a:after{content:",";}
.sp_nkeyword .api_subject_bx{position:relative;}
.api_subject_bx{ border-top:10px solid #f2f2f2; background-color:#fff;}
.sp_nkeyword .bt_more{width:54px; height:34px; border:0; line-height:2.5rem; position:absolute; right:6px; bottom:-6px; background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(25%,#fff)); background:linear-gradient(to right,rgba(255,255,255,0),#fff 25%); cursor:pointer;}
.sp_nkeyword .bt_more .ico_more_arr{display:inline-block; overflow:hidden; color:transparent; white-space:nowrap; width:17px; height:9px; margin:auto; position:absolute; top:15px; left:25px; background:url(../images/reco_arrow.png) no-repeat center bottom; background-size:100%;}
.sp_nkeyword .bt_more.bt_more_close{display:none;}


.sp_nkeyword.open h3.stit{float:none;}
.sp_nkeyword.open h3.stit .etc{display:inline;}
.sp_nkeyword.open .bx{max-height:none; margin:11px 0px 3px;}
.sp_nkeyword.open .bx .keyword{overflow:hidden; position:relative; z-index:1; margin:9px -18px 0; padding:6px 18px 3px 18px; border-top:1px solid #eee; line-height:2.5rem;}
.sp_nkeyword.open .bx .keyword a{display:block; float:left; overflow:hidden; width:50%; height:26px; line-height:26px; -webkit-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis;}
.sp_nkeyword.open .bx .keyword a:nth-child(odd){padding-right:18px;}
.sp_nkeyword.open .bx .keyword a:after{display:none;}
.sp_nkeyword.open .bx .keyword a:before{content:""; float:left; width:3px; height:3px; margin:11px 6px 0 0; -webkit-border-radius:4px; border-radius:4px; background-color:#cdcfd1;}
.sp_nkeyword.open .bt_more{display:none;}
.sp_nkeyword.open .bt_more.bt_more_close{display:block; top:0; bottom:auto; width:41px; height:42px;}
.sp_nkeyword.open .bt_more.bt_more_close .ico_more_arr{ -webkit-transform:scale(-1); transform:scale(-1); left:12px;}



/* 리스트 타입 */
.form-box ul.form-list li.text{float:left; width:74%;}
.form-box ul.form-list li.text p {font-weight:normal; color:#0068c3; font-size:1.2em; line-height:1.8rem; letter-spacing:-.3px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.form-box ul.form-list li.text span {display:block; font-size:1.125em; max-height:2.9rem; line-height:143%; overflow:hidden;}
.form-box ul.form-list li.text ul {border-top:none; margin:0px; padding-top:6px!important;}
.form-box ul.form-list li.img {float:right; width:85px; height:120px;display:table;}
.form-box ul.form-list li.img p {display:table-cell;vertical-align:middle;text-align:center}
.form-box ul.form-list li.img p span {position:absolute; right:0px; top:85px; }
.form-box ul.form-list li.img p span img {width:auto; border:none!important;}
.form-box ul.form-list li.img p img {width:100px; margin-top:5px; border:1px solid #d1d1d1;}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.view-right .form-list li.text, .form-box ul.form-list li.text {width:70%!important;}
}
@media only screen and (max-width: 479px) {
	.view-right .form-list li.text, .form-box ul.form-list li.text {width:60%!important;}
}

/* 썸네일 타입 */
.form-box ul.form-thum {width:100%;}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.form-box ul.form-thum {width:50%; float:left;}
	.tablet-top {margin-top:0px!important;}
}
.form-box ul.form-thum li{position:relative; float:left; width:46%; margin:10px 2%;}
.form-box ul.form-thum li div.img { width:85px; height:187px; display:table; margin:0 auto;}
.form-box ul.form-thum li div.img p {display:table-cell; vertical-align:middle; text-align:center}
.form-box ul.form-thum li div.img p span {position:absolute; top:140px; right:25px; }
.form-box ul.form-thum li div.img p span img {width:auto; border:none!important;}
.form-box ul.form-thum li div.img p img {width:130px; border:1px solid #d1d1d1;}
@media only screen and (max-width: 767px) {
	.form-box ul.form-thum li div.img { height:144px;}
	.form-box ul.form-thum li div.img p img {width:100px;}
	.form-box ul.form-thum li div.img p span {right:10px; top:97px;}
}
@media only screen and (max-width: 479px) {
	.form-box ul.form-thum li div.img p span {right:25px;}
}
.form-box ul.form-thum li p {font-size:1.2em; font-weight:normal; color:#0068c3; line-height:1.6rem; height:45px; overflow:hidden; margin:15px 0 5px; text-overflow: ellipsis;}
.form-box ul.form-thum li ul {border-top:none; margin:0px; padding:0px;}


/* 리스트 타입 하단 버튼 */
.form-btn-tablet {position:relative; width:100%;  overflow:hidden; text-align:center;}
.form-btn-tablet ul {width:50%; margin:15px auto; overflow:hidden;}
.form-btn-tablet ul li.prev {float:left; text-align:left; width:50%;}
.form-btn-tablet ul li.next {float:right; text-align:right!important; width:50%;}
.form-btn-tablet ul li img {display:inline}

.form-btn-mobile {position:relative; width:100%;  overflow:hidden; text-align:center;}
.form-btn-mobile ul {width:95%; margin:5px auto 15px ; overflow:hidden;}
.form-btn-mobile ul li {float:left; text-align:center;}
.form-btn-mobile ul li:first-child {width:100%;}
.form-btn-mobile ul li:last-child {width:20%; margin-right:none; display:none;}
.form-btn-mobile ul li button {width:100%; border-radius:5px; background-color:#f0f0f0; padding:8px 0px;  border:1px solid #d1d1d1;font-weight:bold;}
.form-btn-mobile ul li button:hover {cursor:pointer}
.form-btn-mobile ul li .more {background-color:#ffffff;}
.form-btn-mobile ul li .more:hover {background-color:#DB1919; color:#fff;}
.form-btn-mobile ul li .top:hover {background-color:#444444; color:#fff;}

@media only screen and (max-width: 767px) {
	.form-btn-tablet {display:none;}
}
@media only screen and (min-width: 768px) {
	.form-btn-mobile {display:none;}
}

#im_top{ 
	position: fixed; right: 20px; bottom: 20px; 
	background-color:#fff;
    z-index: 2200;
	border-radius:50px; padding:5px 7px;  border:1px solid #d1d1d1;
	text-align:center; 
	}

/* 뷰페이지 */
.form-title {position:relative; margin-top:10px; width:100%; height:260px; text-align:center; display:table; background-color:#fff;}
.form-title .title-txt { padding:30px;display:table-cell; vertical-align:middle; }
.form-title .title-txt h2 {font-weight:bold; font-size:2.0em; text-align:center;line-height:125%!important;  word-break: break-all;}
.form-title .title-txt > span > a{display:inline-block;}
.form-title .title-txt > span > a > img{width:50%; margin:0 auto;}

.form-title .view_function{position:absolute; top:10px; right:15px;}
.form-title .view_function .btn_function{height:30px; padding:0 13px; background:transparent; border:none; border-radius:0; cursor:pointer; font-size:0;}
.form-title .view_function .btn_function .sim{display:block; width:3px; height:15px; margin:7px 0; color:transparent; background:url('../images/form/view_menu_icon.png') no-repeat center top; background-size:100%;}

.form-title .view_function .lyr_function{display:block; width:162px; border:1px solid rgba(0,0,0,0.12); background:#fff; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.1); position:absolute; top:35px; right:10px; z-index:500;}
.form-title .view_function .lyr_function ul li{position:relative; border-bottom:1px solid #f1f1f1;}
.form-title .view_function .lyr_function ul li:last-child{border-bottom:none;}
.form-title .view_function .lyr_function ul li.font_size{position:relative; height:57px; border-bottom:1px solid #d8d8d8; text-align:center;}
.lyr_function .font_size button{width:26px; height:26px; border:none; background:transparent; position:absolute; top:15px; padding:0;}
.lyr_function .font_size button.bnt_font_s{left:16px;}
.lyr_function .font_size button.bnt_font_b{right:16px;}
.lyr_function .font_size button.bnt_font_s .sim{display:block; width:26px; height:26px; font-size:0; background:url('../images/form/minus_icon.png') no-repeat center bottom; background-size:26px; color:transparent;}
.lyr_function .font_size button.bnt_font_b .sim{display:block; width:26px; height:26px; font-size:0; background:url('../images/form/plus_icon.png') no-repeat center bottom; background-size:26px; color:transparent;}
.lyr_function .font_size button.smallbtn_off .sim{background-position:center top;}
.lyr_function .font_size .size{color:#444; font-family:'Opensans'; font-size:1.5em; line-height:58px; font-weight:bold;}
.lyr_function .lyr_btn{display:block; text-align:left; width:160px; height:45px; padding:0 36px 0 16px; font-size:1.07em; line-height:45px; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; cursor:pointer;}
.lyr_function .lyr_btn .txt{line-height:45px;}
.lyr_function .lyr_btn .icon{width:16px; height:16px; position:absolute; top:14px; right:17px;}

.lyr_function .btn_like .icon{background:url('../images/form/heart_icon.png') no-repeat center top; background-size:16px;}
/*.lyr_function .btn_like .icon_on{background:url('../images/form/heart_icon_on.png') no-repeat center top; background-size:16px;}*/

.lyr_function .btn_share .icon{background:url('../images/form/share_icon.png') no-repeat center top; background-size:16px;}
.lyr_function .btn_linkcopy .icon{background:url('../images/form/link_icon.png') no-repeat center top; background-size:16px;}



.form-view-info .money-type {padding:0px 10px; font-size:0.9em;  border-radius:5px; font-weight:bold; float:left; margin-right:10px;}

.form-view-info-right {float:right; margin-top:3px;}
.form-view-info-right ul {width:100%;}
.form-view-info-right ul li {float:left; width:35px; text-align:right}
.form-view-info-right ul li img { width:90%; padding-top:4px;}

.form-view-info-left {float:left; margin-top:4px;}
.form-view-info-left span {float:left; margin:5px 0 0 4px;}
.form-view-info-left span a img{width:auto; height:30px;}
@media only screen and (max-width: 1024px) {
	.form-title  {height:160px;}
}
@media only screen and (max-width: 479px) {
	.form-title  {height:100px;}
}


.form-view-contents span.contents_tit{display:block; font-weight:bold; color:#000;    font-size: 1.2em; margin-bottom:5px;}
#kakao_desc{font-size:1.125em;}
.form-view-contents div > img{width:auto; max-width:100%; text-align:center; margin:0 auto;}
.form-view-contents span > img{width:auto; max-width:100%; text-align:center; margin:0 auto;}
.form-view-contents span img{width:auto; max-width:100%; text-align:center; margin:0 auto;}
.form-view-contents p > img{width:auto; max-width:100%; text-align:center; margin:0 auto;}
.form-view-contents b > img{width:auto; max-width:100%; text-align:center; margin:0 auto;}
.form-view-contents o:p > img{width:auto; max-width:100%; text-align:center; margin:0 auto;}


.form-view-contents p{font-weight:normal;}
.form-view-contents .shodow {
	display:none;
	position:absolute;bottom:430px; width:100%; height:100px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
@media only screen and (max-width: 479px) {
	.form-view-contents .shodow {bottom:375px; }
}
.form-view-btn { position:fixed; bottom:0px; width:100%; height:50px; z-index:99997;}
.form-view-btn ul {	
	position:relative;
	z-index:999999;
	width:100%; margin:0 auto;
	max-width:1000px; padding:0 10px;
}
.form-view-btn ul li {float:left; margin:6px auto;}
.form-view-btn ul li button{width:100%; margin:0; height:38px; line-height:38px; border-radius:5px; background-color:#f0f0f0; font-weight:bold; letter-spacing:-0.5px; border:none;}
.form-view-btn ul li button:hover {cursor:pointer}
.form-view-btn ul li.back{width:10%;}
.form-view-btn ul li.back button img {margin:0 auto;}
.form-view-btn ul li.freedown {width:50%;}
.form-view-btn ul li.download {width:50%;}
.form-view-btn ul li.download_alone {width:100%;}
.form-view-btn ul li.download_alone2 {width:48%; float:left; margin:6px 1%;}
.form-view-btn ul li.download100 {width:75%;}
.form-view-btn ul li.download button {border:1px solid #DB1919;}
.form-view-btn ul li.download button:hover {border:1px solid #444444;}
.form-view-btn ul li.top {width:15%;}
.form-view-btn .bg { 
	z-index:99998;
	background:#000; opacity:0.5; 
	width:100%; height:50px; position:absolute; top:0; left:0;
}
.download {background-image:url('../images/form/form-btn-down.gif') no-repeat; z-index:999;}

/* 폼 슬라이딩 */
.form-slide {position:relative;}
.form-over-text {
	position: absolute;
    color: #000;
	text-align:center; margin:0 auto;
    width: 220px; /*height: 150px;*/
    z-index: 101;
    left: 50%;  top:50%;  
    margin-left: -110px;  margin-top: -75px;
	padding-top:15px;
	font-weight:bold;
	border-radius:20px;
}
/*.form-over-text.hwp { top:210px;}
.form-over-text.excel { top:100px;}
.form-over-text.ppt { top:63px;}*/
.form-over-text span {color:#DB1919;}
.form-over-text button {border:none; padding:5px 15px; background-color:#222222;color:#fff; margin-top:15px; border-radius:5px; font-weight:bold;}
.form-over-text button.login {background-color:#DB1919; color:#fff;}
.form-over {
	position: absolute;
    background-color: #fff;
    opacity: .95;
    filter: alpha(opacity=95);
	width: 220px; height: 150px;
    z-index: 100;
    left: 50%;  top:50%;  
    margin-left: -110px;  margin-top: -75px;    
	border:1px solid #d1d1d1;
}
/*.form-over.hwp { height:540px; }
.form-over.excel { height:290px;}
.form-over.ppt { height:240px;}*/

@media only screen and (max-width: 479px) {
/*	.form-over.hwp { height:370px; }
	.form-over.excel { height:200px; }
	.form-over.ppt { height:170px; }
	.form-over-text.hwp { top:135px;}
	.form-over-text.excel { top:47px;}
	.form-over-text.ppt { top:27px;}*/
}
/* 간편가입 */
h3.point {color:#DB1919; margin-bottom:5px;}
.form-view-memberjoin {position:relative; }
.form-view-memberjoin div {margin-bottom:10px; }
.member_info_edit div{margin-bottom:0;}
.form-view-memberjoin div.error_box{margin:7px 0 0 0;}
.form-view-memberjoin div.error_box > span{display:inline-block!important; padding-left:10px; font-size:0.9em; line-height:150%; }
.form-view-memberjoin div.error_box > img{margin-top:3px;}
.form-view-memberjoin div span {color:#db1919; font-size:0.9em; line-height:150%;}
.form-view-memberjoin div span img {padding-top:3px; padding-right:3px; float:left;}
.form-view-memberjoin input {position:relative; display:block!important; width:100%;}
.form-view-memberjoin .btn {padding-right:0px!important;}
.form-view-memberjoin button {width:100%; border-radius:5px; padding:10px; border:none; cursor:pointer;}
.form-view-memberjoin table td{vertical-align:sub;}
.member-join-info {text-align:center;}
.member-join-info button {border-radius:5px; padding:10px; border:none; cursor:pointer;}
.member-join-info span {display:block; text-align:left; margin:10px 0 20px; font-size:0.9em;}
.member-join-info a {color:#288CCB; text-decoration:underline; padding: 0 4px;}

/* =================================================================== */
/* Main
====================================================================== */
.banner-box .space {width:100%; height:100%;}
.m-ppt-view {display:none;}

@media only screen and (min-width: 767px) and (max-width: 950px) {
	.m-ppt-view {display:block;}
}

.flink-box {position:relative; overflow:hidden; margin:10px 0;}
.flink-box .btn {width:49.5%;  background-color:#ffffff; padding:12px 0px; text-align:center; color:#333; border:1px solid #d1d1d1; font-size:105%; line-height:24px;}

.flink-box .btn:hover {cursor:pointer;}
.flink-box .btn01 { float:left;}
.flink-box .btn02 { float:right;}
.flink-box .btn02:hover {background-color:#444444; color:#fff;}


/* Tags
====================================*/
.tags{padding:10px 10px 5px 10px;}
.tags:after{display:block; content:""; clear:both;}
.tags a {
	padding: 4px 11px 4px 11px;
	display: inline-block;
	color: #999;
	background-color: #fff;
	border:1px solid #ddd;
	margin: 0 2px 6px 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
}
.tags a:last-child {margin-right: 0;}
.tags a:hover {
	background: #888;
	color: #fff;
	border:1px solid #888;
	
}

@media only screen and (max-width: 479px) {
	.tags {	margin:10px 0; padding:10px 10px 5px 10px;}
	.tags a { padding:1px 11px; font-size:0.9em; }
}
.tag-more {position:absolute; bottom:0px; right:0px; z-index:100; background-color:#eff0f2; border:none; padding:0px;}


/* =================================================================== */
/* Footer
====================================================================== */
#footer {position:relative; background-color: #555; padding: 25px 0 20px 0; text-align:center;}
.footerlist { text-align:center; margin:0 auto; overflow:hidden; display:inline-block; *display:inline; zoom:1;}
.footerlist li {
	float:left;
	line-height: 15px;
	padding:0 15px;
	background:url('../images/post-divider.png') no-repeat center right;
	margin-left:-1px;
	z-index:1;
}
.footerlist li:last-child{background:none;}
#footer, a.flink { color:#aaa; line-height: 30px; font-size:0.95em;; }
a.flink:hover { color:#ffffff; }
.copyright {font-size:13px; color:#999; margin-top:5px;}


/* =================================================================== */
/* Layer Popup
====================================================================== */

.sns-layer, .free-layer, .layer {
	display:none;
	position:fixed; _position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:10000;
}
.sns-layer .bg, .lyr_function .bg, .free-layer .bg, .layer .bg {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background:#000;
	opacity:.5; filter:alpha(opacity=50);
}
.sns-layer .pop-layer, .free-layer .pop-layer, .layer .pop-layer { display:block; }

.pop-layer {
	display:none;
	position: absolute;
	top: 50%; left: 50%;
	width: 500px; height:auto; border-radius:15px;
	background-color:#fff; z-index: 10;
}

.pop-layer .cbtn {
	cursor:pointer;
	position:absolute;
	top:-25px;
	right:-25px;
}

.pop-layer .pop-container {
	padding:15px 0 0 0;
	text-align:center;
}
.pop-layer .pop-container .pop-con p {
	margin:0;
	line-height:34px;
	font-weight:bold;
	font-size:1.2em!important;
}
.pop-layer .pop-container .pop-con .pop-line {
	border-bottom:2px solid #db1919;
	margin:0 auto 10px;
	display:inline-block;
}
.pop-layer .pop-container .pop-con ul {width:171px; margin:0 auto; overflow:hidden;}
.pop-layer .pop-container .pop-con ul li {float:left; margin-right:10px; margin-top:10px;}
.pop-layer .pop-container .pop-con ul li:last-child {margin-right:0px;}
.pop-layer .pop-container .pop-con ul li a img{width:35px;}

.pop-btn-area{margin-top:20px; border-radius:0 0 20px 20px;}
.pop-btn-area:after{display:block; content:""; clear:both;}
.pop-btn-area > ul{width:100%!important;}
.pop-btn-area > ul > li{width:50%; float:left; border-top:1px solid #eee; margin:0!important;}
.pop-btn-area > ul > li:first-child{border-right:1px solid #eee;}
.pop-btn-area > ul > li.pop_one_btn{width:100%; border-right:none;}
.pop-btn-area > ul > li a{display:block; width:auto; margin:0; padding:13px 0; font-weight:bold; color:#555;}
.pop-btn-area > ul > li .pop_free_btn{color:#0040cc;}
.pop-btn-area > ul > li .pop_login_btn{color:#db1919;}



@media only screen and (max-width:767px) {
	.pop-layer { width:440px; }
	.pop-layer .cbtn { top:-20px; right:-18px; }
	.pop-layer .cbtn img { width:40px; }
	.pop-layer .pop-container { }
	.pop-layer .pop-container .pop-con p { font-size:inherit; }
}

@media only screen and (max-width:479px) {
	.pop-layer { width:260px; }
	.free-layer .send-mail-box input {width:180px!important;}
}
.pop-layer .pop-container .pop-con ul li.pd-none {margin-right:0px!important;}

.free-layer .send-mail-box span  {color:#DB1919;}
.free-layer .send-mail-box input {width:200px; margin:15px auto 0;}
.free-layer .send-mail-box button {border:none; padding:5px 15px; background-color:#222222;color:#fff; margin-top:20px; border-radius:5px; font-weight:bold;}



/* =================================================================== */
/* Accordion
====================================================================== */
.accordion {
  cursor: pointer;
  width:100%;
}
.accordion img{width:100%;}
.accordion .item{
	width:360px; margin:0px auto 5px;
}

.accordion .item button {
  text-align: center;
  border:1px solid #4c8f1e;
  background-color:#fff; 
  font-weight:bold;
  width:100%;
  border-radius:5px;
  padding:5px;
  color:#4c8f1e;
  font-size:1.1em; font-weight:bold;
  background:url('../images/form/xls-more.gif') no-repeat right center;
}
.accordion p.more {
  display: none;
  padding-top:10px;
  font-size:1.0em;
  font-weight:normal;
}
@media only screen and (max-width:479px) {
	.accordion .item{ width:300px; }
}


/* =================================================================== */
/* Form view Picture slides
====================================================================== */
.picture-slides-container {
	position: relative;
	overflow: hidden;
}
.picture-slides-fade-container {
	position: relative;
}
.picture-slides-fade-container a {
	display: block;
	width: 360px;
	text-align: center;
	margin-bottom: 10px;
	margin:20px auto;
}
.picture-slides-fade-container a img {width:100%; border:1px solid #f3f3f3;}
.picture-slides-image-counter {width:74px; padding:4px 0 0; }
.picture-slides-image-text {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 5px 0 10px;
	z-index: 1001;
}
.picture-slides-thumbnails li {
	float: left;
	width: 23%;
	margin: 0 1% 10px 1%;
}
.picture-slides-thumbnails li img {	width: 100%; border:1px solid #eee;}
.picture-slides-thumbnails a {	outline: none;}
.navigation-controls {width:140px; margin:0px auto 20px; text-align:center;}

@media only screen and (max-width: 480px) {
	.picture-slides-fade-container a {width:300px}
	.picture-slides-thumbnails li {width:48%;}
}


/* =================================================================== */
/* Search page
====================================================================== */
.search img.searchpage-back {position:absolute; top:7px; left:-5px; z-index:999;}
.search img.searchpage-btn {width:28px; position:absolute; top:54px; right:5px; z-index:999; cursor:pointer;}
.search input.searchpage-input {width:100%; margin:0px auto; padding:9px 9px!important; border:0px!important; -webkit-box-shadow:none; color:#333!important; font-weight:bold; font-size:16px!important;}

@media only screen and (max-width: 1023px) {
	.search img.searchpage-back {left:5px;}
	.search img.searchpage-btn {right:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	.search input.searchpage-input {width:100%;}
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
	.search input.searchpage-input {width:100%;}
}

@media only screen and (min-width: 480px) and (max-width: 579px) {
	.search input.searchpage-input {width:100%;}
}

@media only screen and (min-width: 400px) and (max-width: 479px) {
	.search input.searchpage-input {width:100%;}
}

@media only screen and (min-width: 301px) and (max-width: 399px) {
	.search input.searchpage-input {width:100%;}
}
@media only screen and (max-width: 300px) {
	.search input.searchpage-input {width:100%;}
}

/* Search tab 
====================================*/
.tabs input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs {
	width: 100%;
	float: none;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 10px auto;
}
.tabs li.title{
	float: left; width:50%; text-align:center;
}
.tabs label {
  display: block;
  padding: 10px 0px;
  border-radius: 2px 2px 0 0;
  font-size: 1.0em;
  font-weight:bold; 
  cursor: pointer;
  position: relative;
  background:#DB1919;
  color:white;
}

[id^=tab]:checked + label {
	background:#fff;
	border-top:1px solid #eaeaea; 
/*	background-color:#000;
	background-image:url('images/search-here.gif');
	background-repeat:no-repeat;
	background-position:center 50px;*/
	color: #000;
	top: 0;
}

[id^=tab]:checked ~ [id^=tab-content], [id^=tab]:checked ~ [id^=tab-content] > div {
	display: block;
}
.tab-content{
	z-index: 2;
	display: none;
	text-align: left;
	overflow: hidden;
	width: 94%;
	padding: 15px 2% 10px 4%;
	position: absolute;
	left: 0;
}
.tab-content > div{
display: none;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;
}

@media only screen and (max-width: 767px) {
	.tab-table {display:none;}
}
@media only screen and (min-width: 768px) {
	.tab-mobile {display:none!important;}
}
.tab-table {position:relative; width:100%; height:auto; min-height:700px;}
.tab-mobile {position:relative; height:auto; min-height:380px;}

.tab-table-box {width:100%; height:350px; margin:10px 0;}
.tab-table-title {width:50%; color:#fff; text-align:center;font-weight: bold; padding:4px 0 0 0!important; height:35px!important;}
.tab-table-title img.one {position:absolute; top:34px; left:50%; margin-left:-25%;}
.tab-table-title img.two {position:absolute; top:34px; left:50%; margin-left:25%;}
.tab-table-title.one {background:#DB1919;}
.tab-table-title.two {background:#000;}

.tab-table-box td {padding:20px; height:310px; vertical-align:middle;}
.tab-table-box td.left {background:url(images/search-none.png) no-repeat center center; text-align:center;}
.search-none {margin:70px auto 30px}

.search-history {width:100%;}
.search-history li {padding-bottom:10px;}
.search-history li:last-child {padding-bottom:0px;}
.search-history li.num {float:left; width:20px; color:#DB1919; font-size:85%; }
.search-history li.delete {text-align:right; border-top:1px dotted #d1d1d1; padding-top:10px; font-weight:bold; }


/* Search result
====================================*/

#recommend {
	position: relative;
	width: 100%;
	border-bottom:1px solid #e0e0e0; 
}
#recommend div {    width: 98%;
   height: 32px;
    padding: 5px 0 5px 0;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
#recommend span {color:#DB1919; font-weight:bold; margin-right:5px;}
#recommend a {padding:5px 3px 5px 3px;}
#recommend a:hover {cursor:pointer; }


/* Search none
====================================*/

.search-blank {padding:10px 0; }
.search-blank-box {background-color:#fff;  padding:30px;}
.search-blank-box p {font-size:120%; font-weight:bold; text-align:center; padding:10px 0 35px;}
.search-blank-box p span {color:#DB1919;}
.search-blank-box ul li {list-style-type:disc; margin-left:15px;padding-bottom:10px;}
.search-blank-box ul li:last-child {padding-bottom:0px;}

/* =================================================================== */
/* Category
====================================================================== */
.category-home {background-color:#8e0000; width:55px; padding:12px 0 12px; float:left; }
.category-home .btn-index {width:28px; margin:0 auto;}
.category-text {position:relative; font-size:1.2em; font-weight:bold;}
.category-text a {color:#fff; padding:0px 15px 0px; float:left;}
.category-text-arrow {padding:18px 0 0 20px;}
.category-title { background:#fff; padding:15px 15px 10px 15px; color:#DB1919; font-weight:bold; font-size:1.2em; border-bottom: 1px solid #DB1919;}
.category-title .other_payment{display:inline-block; background:#fff; color:#252525; padding:2px 7px; border:1px solid #ddd; float:right; font-size:80%;  border-radius:5px; margin-top:-5px;}
.category-title .other_payment:hover{padding:3px 8px; background:#444; color:#fff;}

.accordion { background:#fff; list-style-type: none; padding: 0;}
.accordion ul { padding: 0; margin: 0; float: left; display:block; width: 100%; }

.accordion li { background:#fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left;  display: block; width: 100%;}
.accordion li.active>a.onedepth { background: url('../images/category-close.png') no-repeat center right; }
.accordion li span {color:#DB1919; font-size:12px; font-weight:normal;letter-spacing:-1px;}
.accordion li div { background-color: #f7f7f7!;display: block; clear: both; float: left; width: 100%;}
.accordion a.onedepth { text-decoration: none; border-bottom: 1px solid #eaeaea; font-weight:normal; font-size:115%; color: #333; padding:13px 15px 10px 15px; display: block; cursor: pointer; background: url('../images/category-open.png') no-repeat center right; letter-spacing:-1px;}

/* Level 2 */
.accordion li .twodepth {display:block; width:100%;border-bottom:1px solid #eaeaea;background-color: #f7f7f7!important; }
.accordion li .twodepth li {float:left; width:49.5%; border-right:1px solid #eaeaea; padding:10px 0 9px; background-color: #f7f7f7!important; }
.accordion li .twodepth li:nth-child(2) {float:right; border-right:none}
.accordion li .twodepth li font {padding-left:15px;}
.accordion li .twodepth li font span {color:#777; font-size:80%; font-weight:normal;}

.category-bottom { width:100%; height:120px; z-index:99997; background:#f6f6f6}

.category-bottom ul {	
	padding-top:10px;
	z-index:999999;
	width:100%; margin:0 auto;
	max-width:1000px;
}
.category-bottom ul li {float:left; width:33%; border-right:1px solid #eee;}
.category-bottom ul li:nth-child(2) {border-right:none;}
.category-bottom ul li button {width:96%; margin:0 2%; border:none; background:#f6f6f6;}
.category-bottom ul li button img {width:70px; margin:0 auto; padding-top:10px}
.category-bottom ul li button span {display:block; font-size:1.125em; color:#555; padding:5px 0 10px;}


/* =================================================================== */
/* magazine
====================================================================== */

.top-magazine-bizform-logo {float:left; padding:12px 0 0 50px; font-weight:bold; font-size:130%;}
.top-magazine-bizform-logo a {color:#fff;}
.top-magazine-bizform-logo img {width:85%;}
.top-magazine {margin:0px auto; width:80px; text-align:center; padding-top:12px;}
.top-magazine a, .top-magazine { color:#fff; font-size:1.3em; font-weight:bold;}

.m-bn-box{width:100%; padding:10px 0 0 0;}
.m-bn{width:100%; padding:30px 3%; height:100px; background:#0fc2bc; color:#fff;}
.magazine_bn_tit{display:block; font-size:120%; font-weight:bold;}
.magazine_bn_subtit{}

#magazine-category {
	position: relative;
	width: 100%;
	border-bottom:1px solid #e0e0e0;
}
#magazine-category ul {width:800px; margin:0 auto;  height:43px; _height:43px; overflow:hidden;}
.category_navi{margin-top:5px;}
.category_navi > .cate_name{ display:inline-block; height:auto!important; margin:0!important; padding-bottom:0!important; font-size:13px!important; color:#aaa!important; font-weight:normal!important; line-height:1.5rem!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){#magazine-category ul {width:max-content;}}
html[xmlns*=""] body:last-child #magazine-category ul {width:max-content;}
body:first-of-type #magazine-category ul {width:max-content;}

#magazine-category ul li {float:left; text-align:center; padding:13px 17px 12px 17px;}
#magazine-category ul li.on font {display:inline-block; padding-bottom:10px; border-bottom:2px solid #DB1919;}
#magazine-category ul li.on a {color:#DB1919;}
#magazine-category ul li a {font-size:110%; font-weight:bold;}
#magazine-category ul li:hover {cursor:pointer; }

@media only screen and (max-width: 479px) {
	#magazine-category ul li {letter-spacing:-1px; padding:13px 10px 12px 10px;}
	#magazine-category ul li.search font.search-hidden {display:none;}
}

#magazine-category .back {float:left; margin:4px 0 3px 0; padding:9px 15px 9px 0px;}
#magazine-category .navi {float:right; padding:9px 0; color:#666; font-size:0.9em;}
@media only screen and (max-width: 1024px) {
	#magazine-category .navi, #magazine-category .back {padding:9px 15px;}
}

.category-layer {
	display:none;
	position:fixed; _position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:10000;
}
.category-layer .bg {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background:#000;
	opacity:.5; filter:alpha(opacity=50);
}
.category-layer .layer { display:block; width:100%; height:auto; background-color:#fff; top:0px; margin-top:50px!important; }

.category-layer .layer .cbtn {right:0px;}
.category-layer .layer .category-title-top {position:relative; width:100%; max-width:1000px; margin:0 auto;  height:41px; border-bottom:1px solid #d1d1d1;}
.category-layer .layer .category-title-top p {font-weight:bold; float:left; font-size:1.2em; padding:8px 0 0 5px;}
.category-layer .layer .category-title-top span {float:right; width:20%; right:5px;}
.category-layer .layer .category-title-top span img {float:right;}

.category-open {position:absolute; right:0px; top:0px; z-index:999;}
@media only screen and (min-width: 980px) {
	.category-open {display:none;}
}

.magazine-more-category {position:relative; width:100%; max-width:1000px; margin:0 auto; padding:5px 0; background-color:#fff; margin-top:0px;z-index:101;}
.magazine-more-category li {float:left; width:23.8%; margin:0px 0.5% 5px; border:1px solid #d1d1d1; padding:10px 0; text-align:center;}
.magazine-more-category li.on {border:1px solid #DB1919;}
.magazine-more-category li.on a {color:#DB1919!important;}
.magazine-more-category li:hover {cursor:pointer; }

@media only screen and (max-width: 1000px) {
	.magazine-more-category li {width:23.5%!important;}
}
@media only screen and (max-width: 479px) {
	#category-layer {margin-left:0px!important;}
	.magazine-more-category li {width:23%!important; min-width:58px; letter-spacing:-1px!important;}
}

#magazine-category-2depth {background:#f2f2f2; padding:10px 10px 0 10px;}
#magazine-category-2depth a {padding:0 10px; font-size:0.9em;}
#magazine-category-2depth a.on {border:1px solid #DB1919; color: #DB1919; border-radius:10px; margin:0 10px;}

.magazine-view-contents .title {text-align:center; color:#000; font-weight:bold; font-size:2.0em; line-height:130%; padding:20px 0 35px ; }
.magazine-view-contents img {width:100%; margin:15px 0;}
.magazine-view-contents p {color:#DB1919; font-weight:bold; margin-top:20px; font-size:1.1em;}
.magazine-view-contents span {margin-top:5px; line-height:110%;}
@media only screen and (max-width: 479px) {
	.magazine-view-contents .title {padding:0px 0 15px;font-size:1.2em;}
}


/* slide flickity
====================================*/
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  display:none;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #fff;
  border-radius: 50%;
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.30;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}




/* hero-gallery
------------------------- */

.hero-gallery {
  margin:10px 0 10px;
}

.hero-gallery__cell {
  position:relative;
  width: 100%; margin: 0 auto;
  height: 252px;
  display:table;
  background-size: cover;
}

.hero-gallery__cell__content {
  display:table-cell; 
  position: relative; padding:30px;
  text-align:center; vertical-align:middle;
}
.hero-gallery h1 {
  font-size:1.8em;
  line-height: 130%; margin-bottom:15px;
  font-weight:bold; color:#fff;
}

.hero-gallery .tagline {
  line-height: 130%;
  margin: 0;
  color: #fff;
}

/* magazine-box
------------------------- */

.magazine-box ul {overflow:hidden; margin:5px auto 0; position:relative;} 
.magazine-box ul li {width:48%!important; float:left; margin:0 1% 15px 1%;}
.magazine-box ul li .img {width:100%; margin-bottom:10px;}
.magazine-box ul li .img img {width:100%; max-height:140px; min-height:114px;}
.magazine-box ul li .text {width:100%;}
.magazine-box ul li .text p {color:#0068c3; font-weight:normal; margin:0 0px 5px 0; font-size:1.2em; line-height:1.4rem; letter-spacing:-.3px; overflow:hidden; height:2.9rem;}
.magazine-box ul li .text span {display:block; font-size:1.125em; line-height:1.4rem; height:2.6rem; overflow:hidden;}
.magazine-box ul li.no-bottom {margin-bottom:0px!important;}
.magazine-box ul li.only_text{}
.magazine-box ul li.only_text .img{display:none;}
.magazine-box ul li.only_text .text{}
.magazine-box ul li.only_text .text p{}
.magazine-box ul li.only_text .text span{height:11rem;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.magazine-box ul li {width:50%; float:left;}
	.magazine-box ul li .img {width:40%; float: left;}
	.magazine-box ul li .img img {width:100%; min-height:86px;}
	.magazine-box ul li .text {width:55%; float:right;}
	.magazine-box ul li .text p {margin:0 10px 2px 0;}
	.magazine-box ul li .text span {margin-right:20px;}
	.magazine-box ul li.only_text .img{display:block;}
	.magazine-box ul li.only_text .text span{height:2.6rem;}

}
@media only screen and (max-width: 480px){
	.magazine-box ul li .img {max-height:128px;}
	.magazine-box ul li .img img {width:100%; min-height:105px; max-height:115px;}
	.magazine-box ul li.mobile-bottom {margin-bottom:0px;}
}



/* =================================================================== */
/* Member
====================================================================== */
.top-member {width:160px!important;}
.mtrigger.login-back {left:5px!important;}
/* login
------------------------- */
.box300 {position:relative;width:100%; margin:0 auto;overflow:hidden;}
.box30000 {position:relative;width:100%; margin:0 auto;overflow:hidden;}
.box270 {position:relative;width:90%; margin:0 auto;}

.pd30 {padding:30px 0 30px;}
.box300 span {display:block; font-size:0.9em; padding-left:10px; color:#DB1919!important}
.box30000 span {}


.login-or{position:absolute; top:-17px; left:50%; margin-left:-17px; background-color:#fff; border:1px solid #d1d1d1; border-radius:50px; width:35px; height:35px; text-align:center; padding-top:4px;}
.snslogin {padding:50px 0 20px; border-bottom:1px solid #d1d1d1;}
.snslogin ul li button {width:100%; margin-bottom:10px; border-radius:5px; color:#fff; font-weight: bold; border:none; line-height: 39px; }
.snslogin ul li button img {float:left;}
.snslogin ul li button.naver {background-color:#00c73c;}
.snslogin ul li button.kakao {background-color:#FFEA00; color:#000;}
.snslogin ul li button.facebook {background-color:#3b5998;}
.member-join-info input.checkbox {width:15px; margin-top:5px;float:left;}
.red-text-btn {background-color: #fff!important; color:#DB1919!important; font-weight:bold;}
.red-text-btn:hover {background-color: #DB1919!important; color:#fff!important;}

/* sns login
------------------------- */
.underline {border-bottom:1px solid #eaeaea;}

.other_pay{}
.other_pay > li{display:table; width:100%;}
.other_pay > li:first-child{border-bottom:1px solid #eaeaea; padding-bottom:10px;}

.snslogin-info {padding:30px  9px 30px; line-height:120%;}
.snslogin-info span {color:#DB1919; display:inline; font-size:1.0em;}

.snslogin-form {width:280px; margin:0 auto; padding:10px 10px!important;}
.agree-check {width:15px; margin-top:13px; float:left;}
.agree-font, .agree-font a {color:#666;}
.agree-font.sfont {font-size:0.9em;}
.height39 {height:39px!important; line-height:39px!important}
.member_info_edit .height39{border-bottom:1px solid #ddd;}
.width50 {width:48%!important;}
.width49 {width:49%!important;}
.width100 {width:100%;}

/* join

------------------------- */
.box300 .mail-select {width:100%; height:39px; font-size:0.9em;}

/* search
------------------------- */
.box300 p.title {font-weight:bold; padding:10px 0 10px 15px; font-size:1.1em;}
.box300 span.search-info {padding:15px 0 15px; line-heigiht:110%; color:#666!important;}
.form-view-memberjoin .call {width:29.2%; float:left;}
.form-view-memberjoin .call-line {width:21px; float:left; padding-left:0px;}
.form-view-memberjoin .call-line img {padding:0px!important;}
.box300 .call-box {padding-right:0px!important; height: 39px;}
.box300 .search-title {font-size:1.5em; font-weight:bold;}
.box300 .send-info {text-align:left; margin:15px 0 10px; padding:7px 12px; background-color:#eaeaea; border-radius:5px; color:#000; font-family:'Opensans'}
.box300 .false-info {margin:10px 0 20px;}
.box300 .result-info {margin:10px 0 0px;}
.box300 .two_btn{}
.box300 .two_btn:after{display:block; content:""; clear:both;}
.box300 .two_btn li{float:left; width:50%; padding-right:5px;}
.box300 .two_btn li:last-chlid{padding-right:0;}
.box300 .two_btn li button{width:100%;}

/* mypage
------------------------- */
.mypage-info {padding:30px 0 17px; overflow:hidden;}
.mypage-info span {font-size:1.1em; padding-left:0px; color:#333!important;}
.mypage-info span.id {font-size:1.1em; float:left; font-weight:bold; color:#000;}
.mypage-info span.member {font-size:1.1em; float:left; font-weight:bold; color:#DB1919!important;}
.mypage-info span.date {float:left; font-size:1.0em; color:#777; padding-left:5px;}

.mypage-tab li {float:left; width:50%; text-align:center; height:34px; line-height:34px; padding-top:3px; font-weight:bold;}
.mypage-tab li.on { background-color:#fff; border-top:5px solid #ccc;}

.mypage-list {float:left; padding:10px 0; width:90%;line-height:140%;}
.mypage-list p {width:100%; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; }
.mypage-list a {color:#000;}
.mypage-list span.date {font-size:0.9em; padding-left:0px; color:#777!important;}


/*.info-text {width:100%; margin-bottom:20px; line-height:25px; padding-top:3px; font-weight:bold;}*/
.info-text {width:100%; line-height:25px; padding-top:7px; font-weight:bold;}
.info-data {line-height:25px;}

#timer_txt{text-align:left;}

.member_info_edit td{vertical-align:top;}



.spacing {letter-spacing:2px}
.font-weight-normal {font-weight:normal!important;}
.font-point-color {color:#DB1919!important}


.pay-member-type {height:39px; line-height:39px; float:left;}
.pay-member-type2 {width:50%; height:39px; line-height:39px; float:left;}
.bg-yellow {background-color:#fff4cd;}


/* pay
------------------------- */
.member-type {padding:15px 10px;}
.member-type p.title {font-size:1.2em; font-weight:bold; padding-bottom:6px;}
.member-type p.sub-title {font-size:1.0em; font-weight:bold;}
.member-type p.sub-title font { padding-right:10px;}
.member-type > p > img{display:inline-block; height:30px;}
.member-type .sub-title-num {font-size:1.3em; font-weight:bold;}
.member-type ul {border:1px solid #eaeaea; padding: 10px 0px 10px 10px; overflow:hidden; margin:10px 0 10px;}
.member-type ul li {float:left; width:21%; padding:2px 2% 2px 2%; background:url(../images/form/form-navi-dot.gif) no-repeat left center; }
@media only screen and (max-width: 480px){
	.member-type ul li {width:30%!important; padding:2px 1% 2px 2%;}
}

.pay-more {position:absolute; bottom:1px; left:50%;margin-left:-150px; z-index:101;}
.billing-pd {padding:3px 0 3px 10px!important;}
#read-more {text-align:center; overflow:hidden; height:45px; padding-top:10px;}
#read-more a {font-size:0.9em;}
#read-more a p.open {background:url('../images/pay-more.gif') no-repeat center center}
#read-more a p.close {background:url('../images/pay-close.gif') no-repeat center center}
.detail_txt{color:#aaa; font-size:0.95em; letter-spacing:-0.5px;}
.detail_txt li {padding-left:10px; background:url(../images/dot.png) no-repeat left;}


/* helpdesk
------------------------- */
p.notice {width:auto; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; padding-top:3px;}

p.notice-title {padding:10px 0 10px; line-height:140%; }
p.notice-title .notice-date {padding-left:0px!important;}
p.faq-title {padding:10px 0 10px; line-height:140%; padding:5px 0px 5px 10px; background:url(../images/form/form-navi-dot.gif) no-repeat left top 15px;}

ul.faq {border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; width:100%; margin:0 auto; overflow:hidden; margin:-1px;}
@media only screen and (max-width: 480px){
	ul.faq li {width:50%!important;}
}


ul.faq li {border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; width:25%; padding:10px 0; text-align:center; float:left; margin-left:-1px;}
ul.faq li.on {background-color:#FFE699; font-weight:bold;}

/* helpdesk faq
------------------------- */
.accordion2 {
  cursor: pointer;
  width:100%;
  margin:0 auto;
}
@media only screen and (max-width: 300px){
	.accordion2 {width:300px; margin:0 auto; }
}

.accordion2 li {padding:10px 0px 10px 0px; border-bottom:1px solid #eaeaea;}
.accordion2 li a.onedepth {line-height:140%; padding-left:15px; background:url(../images/form/form-navi-dot.gif) no-repeat left 7px center;}
.accordion2 li ul.twodepth {border-top:1px solid #eaeaea;    margin-top: 10px; margin-bottom: -11px;}
.accordion2 li ul.twodepth li {background-color:#f2f2f2; padding:12px 12px 12px 15px!important;line-height:140%; }

.selected-category {
	font-size : 16px;
	font-style : italic;
}


#load {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.8;
    background: white;
    z-index: 99;
    text-align: center;
    filter:alpha(opacity=80);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)

}

#load > img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin-left: -32px; 
    margin-top: -32px; 
}


#white_bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.1;
    background: white;
    z-index: 99;
    text-align: center;
    filter:alpha(opacity=10);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)

}


#dialog-confirm{display:none;}

.inner-box.mb.tags{padding:15px 15px 9px 15px;}
.renewal_2020_banner{padding:10px 0 0 0;}
.renewal_2020_banner .rew_inner{position:relative;}
.renewal_2020_banner .rew_link{display:block; background:#fff; padding-bottom:20px;}
.renewal_2020_banner .rew_title{}
.renewal_2020_banner .rew_title .rew_time{position:absolute; bottom:14%; left:4%; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif,  Dotum, '돋움', Gulim, '굴림'; padding:0px 8px 0px 0; font-size:0; line-height:20px; border:1px solid #eee; background:#fff; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; overflow:hidden; z-index:7;}
.renewal_2020_banner .rew_title .rew_time span{padding:3px 8px 5px 25px; margin:-1px 0 -1px -1px; background:#6147fe url(../images/main/ico_clock.png) 8px 50% no-repeat; color:#fff; -webkit-background-size:15px; background-size:15px; font-size:12px; font-weight:400; display:inline-block; zoom:1; *display:inline; vertical-align:top; line-height:20px; letter-spacing:-0.5px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px;}
.renewal_2020_banner .rew_title .rew_time em{font-style:normal; display:inline-block; zoom:1; *display:inline; vertical-align:top; line-height:20px; font-size:13px; padding:3px 0 3px 6px;}
.renewal_2020_banner .rew_title .rew_time strong{color:#252525; font-size:13px; font-weight:500; display:inline-block; zoom:1; *display:inline; vertical-align:top; line-height:20px; padding:0 1px; letter-spacing:-0.5px;}
.renewal_2020_banner .rew_banner{position:relative;}
.renewal_2020_banner .rew_banner img{display:block; width:100%;}
.renewal_2020_banner .rew_btn{}
.renewal_2020_banner .rew_btn img{display:block; width:100%;}
/* .renewal_2020_banner .rew_banner .rew_bg{position:relative; z-index:1; display:none;}
.renewal_2020_banner .rew_banner .rew_bg img{display:block; width:100%;}
.renewal_2020_banner .rew_banner .rew_default{position:absolute; z-index:2; top:0; left:0; width:100%; display:none;}
.renewal_2020_banner .rew_banner .rew_default a{display:block;}
.renewal_2020_banner .rew_banner .rew_default img{display:block; width:100%;}
.renewal_2020_banner .rew_banner .rew_banner_img{position:absolute; z-index:3; top:0; left:0; width:100%; position:relative;}
.renewal_2020_banner .rew_banner .rew_banner_img a{display:block;}
.renewal_2020_banner .rew_banner .rew_banner_img img{display:block; width:100%;}
.renewal_2020_banner .rew_bar{background:#faf8eb; width:100%; height:3px; position:relative; overflow:hidden; line-height:3px;}
.renewal_2020_banner .rew_bar_now{background:#0bc194; width:0; height:3px; top:0; left:0; position:absolute; line-height:3px; font-size:1px;}
 */
/* .inner-box.mb.tags{padding-top:0; padding-bottom:10px; padding-left:15px;} */


.nbptb1{border:none !important; margin-top:0 !important; padding:16px 16px 18px 16px !important;}
.nbptb1 > div{position:relative !important; padding-bottom:0px !important; background:url(../images/main/img_power.png) 0 50% no-repeat !important; width:100% !important; height:30px !important; -webkit-background-size:110px !important; background-size:110px !important;}
.nbptb1 > div > img{display:none !important;}
.nbptb1 .click{background-position:100% 4px !important; padding-right:0 !important; position:absolute !important; top:0 !important; right:0 !important; text-decoration:none !important; font-size:12px !important; line-height:14px !important; background:url(../images/main/img_ad.png) 100% 50% no-repeat !important; width:100px !important; height:30px !important; -webkit-background-size:60px !important; background-size:60px !important; text-indent:-9999px !important;}
.nbptb1 dl{position:relative !important; border:0 !important;}
.nbptb1 dd{float:none !important; width:auto !important; padding-right:0 !important; padding-top:15px !important; margin-top:15px !important; border-top:1px solid #ddd !important;}
.nbptb1 dd:first-child{border-top:none !important; margin-top:0 !important; padding-top:12px !important;}
.nbptb1 .tit_s{color:#0167c2 !important; text-decoration:none !important; padding:0 0 5px 0 !important; font-weight:normal !important; font-size:16px !important; font-weight:bold !important;}
.nbptb1 .linka{font-size:13px !important; color:#447956 !important;}
.nbptb1 .side{font-size:13px !important; color:#454545 !important; line-height:20px !important; padding:5px 0 1px 0 !important; display:block !important;}


@media only screen and (max-width: 350px){
	.renewal_2020_banner .rew_title_area > img{width:46%;}
}




.renew_pay_page{font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif, "맑은 고딕", Malgun Gothic, "돋움", dotum, sans-serif; position:relative; margin-bottom:-10px;}
.renew_pay_page input, .renew_pay_page textarea, .renew_pay_page button, .renew_pay_page a{font-family:"맑은 고딕", Malgun Gothic, "돋움", dotum, sans-serif; text-decoration:none; outline:none;}
.renew_pay_page_inner{margin:0 auto; position:relative; padding:20px 15px; text-align:left; max-width:960px;}

.renew_pay_page .rpp_title{text-align:center;}
.renew_pay_page .rpp_title strong{font-size:17px; font-weight:bold; color:#252525; letter-spacing:-0.075em; line-height:20px;}

.renew_pay_page .rpp_banner{}
.renew_pay_page .rpp_banner a{display:block;}
.renew_pay_page .rpp_banner img{display:block; width:100%; height:auto; margin-top:15px;}

.renew_pay_page .rpp_box{margin-top:25px;}

.renew_pay_page .rpp_tit{position:relative; margin-bottom:10px; font-size:0; text-align:left;}
.renew_pay_page .rpp_tit strong{font-size:15px; color:#252525; font-weight:bold; letter-spacing:-0.075em; line-height:24px; margin-right:3px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.renew_pay_page .rpp_tit span{font-size:14px; color:#858585; font-weight:normal; letter-spacing:-0.05em; line-height:24px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.renew_pay_page .rpp_tit a{font-size:13px; color:#353535; font-weight:normal; letter-spacing:-0.075em; line-height:22px; border:1px solid #ddd; padding:0 8px; border-radius:12px; position:absolute; top:0; right:0; display:inline-block; zoom:1; *display:inline; vertical-align:top; background:#fff; z-index:2;}

.renew_pay_page .rpp_list{}
.renew_pay_page .rpp_list ul{}
.renew_pay_page .rpp_list li{margin-top:10px; position:relative;}
.renew_pay_page .rpp_list li:first-child{margin-top:0;}

.renew_pay_page .rpp_list .coupon_check{}
.renew_pay_page .rpp_list .coupon_check label{cursor: pointer;}
.renew_pay_page .rpp_list .coupon_check label > input{opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;z-index: -99;}
.renew_pay_page .rpp_list .coupon_check label span{background-image: url(http://www.bizforms.co.kr/images/new/pay/ico_rdo_off.png);background-repeat: no-repeat;background-position: left center;padding-left: 20px;background-size: 14px}
.renew_pay_page .rpp_list .coupon_check label input:checked ~ span{background-image: url(http://www.bizforms.co.kr/images/new/pay/ico_rdo_on.png);}

.renew_pay_page .rpp_list .rdo_func{}
.renew_pay_page .rpp_list .rdo_func.line_02{position:relative;}
.renew_pay_page .rpp_list .rdo_func.line_02:after{content:""; position:absolute; top:50%; left:1px; width:calc(100% - 2px); height:1px; background:#ddd;}
.renew_pay_page .rpp_list .rdo_box{visibility:hidden; width:0; position:absolute; *visibility:visible; *width:18px; *position:relative;}
.renew_pay_page .rpp_list .label_box{display:block; cursor:pointer; background:#f7f7f7 url(http://www.bizforms.co.kr/images/new/pay/ico_rdo_off.png) 15px 17px no-repeat; padding-left:36px; font-size:14px; color:#333; font-weight:normal; letter-spacing:-0.05em; border:1px solid #f7f7f7; border-radius:5px; -webkit-background-size:14px; background-size:14px;}
.renew_pay_page .rpp_list .rdo_box:checked+.label_box{background:#f7f7f7 url(http://www.bizforms.co.kr/images/new/pay/ico_rdo_on.png) 15px 17px no-repeat; border-color:#e92725; -webkit-background-size:14px; background-size:14px;}

.renew_pay_page .rpp_list .label_left{display:block; font-size:0; text-align:left;}
.renew_pay_page .rpp_list .label_top{display:block; font-size:0; text-align:left; position:relative;}
.renew_pay_page .rpp_list .label_date{font-size:14px; color:#333; font-weight:normal; letter-spacing:-0.05em; line-height:48px; display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-right:5px;}
.renew_pay_page .rpp_list .label_red{font-size:13px; color:#e92725; font-weight:normal; letter-spacing:0; line-height:48px; display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-right:10px;}
.renew_pay_page .rpp_list .label_discount{font-size:13px; color:#fff; font-weight:normal; letter-spacing:-0.05em; line-height:22px; display:inline-block; zoom:1; *display:inline; vertical-align:middle; padding:0 8px; background:#e92725; border-radius:11px; text-align:center; position:absolute; top:50%; margin-top:-11px; right:15px;}
.renew_pay_page .rpp_list .label_gray{font-size:13px; color:#858585; font-weight:normal; letter-spacing:-0.05em; line-height:48px; display:inline-block; zoom:1; *display:inline; vertical-align:middle; position:relative;}
.renew_pay_page .rpp_list .label_question{font-size:12px; color:#858585; font-weight:bold; letter-spacing:-0.05em; line-height:15px; display:inline-block; zoom:1; *display:inline; vertical-align:-1px; margin-left:5px; width:14px; height:14px; border:1px solid #858585; border-radius:8px; text-align:center; font-family:"돋움", dotum, sans-serif;}

.renew_pay_page .rpp_list .label_right{position:absolute; top:0; right:15px; display:block; font-size:0; text-align:right;}
.renew_pay_page .rpp_list .label_bottom{display:block; font-size:0; text-align:right; padding-right:15px;}
.renew_pay_page .rpp_list .label_liner{font-size:13px; color:#a5a5a5; font-weight:normal; letter-spacing:0; line-height:48px; display:inline-block; zoom:1; *display:inline; vertical-align:-5px; text-decoration:line-through;}
.renew_pay_page .rpp_list .label_money{font-size:16px; color:#252525; font-weight:bold; letter-spacing:0; line-height:48px; display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-left:10px;}
.renew_pay_page .rpp_list .label_won{font-size:14px; color:#252525; font-weight:normal; letter-spacing:0; line-height:48px; display:inline-block; zoom:1; *display:inline; vertical-align:-6px;}

.renew_pay_page .rpp_list .pay_popup_layer{position:fixed; top:50%; margin-top:-91px; left:50%; margin-left:-160px; background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,0.1); z-index:5; display:none;}
.renew_pay_page .rpp_list .pay_popup_layer .pay_popup_close{position:relative;}
.renew_pay_page .rpp_list .pay_popup_layer .pay_popup_close button{position:absolute; top:14px; right:14px; border:none; text-align:left; text-indent:-9999px; background:url(../images/new/pay/ico_x.png) 50% 50% no-repeat; width:12px; height:12px; -webkit-background-size:12px; background-size:12px;}
.renew_pay_page .rpp_list .pay_popup_layer dl{padding:20px 15px 3px 15px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.renew_pay_page .rpp_list .pay_popup_layer dt{font-size:14px; color:#252525; font-weight:bold; letter-spacing:-0.075em; line-height:20px; margin-bottom:11px; white-space:nowrap;}
.renew_pay_page .rpp_list .pay_popup_layer dd{font-size:12px; color:#858585; font-weight:normal; letter-spacing:-0.075em; line-height:18px; margin-bottom:18px; white-space:nowrap;}
.renew_pay_page .rpp_list .pay_popup_layer dd strong{color:#e92725; font-weight:normal;}

.renew_pay_page .rpp_area_04{margin-top:37px; padding-bottom:100px;}
.renew_pay_page .rpp_area_06{margin-top:37px; padding-bottom:100px;}
.renew_pay_page .rpp_area_04 .rpp_tit{margin-bottom:0; padding-bottom:10px;}
.renew_pay_page .rpp_area_06 .rpp_tit{margin-bottom:0; padding-bottom:10px;}
.renew_pay_page .rpp_slc{}
.renew_pay_page .rpp_slc ul{position:relative; padding-top:190px;}
.renew_pay_page .rpp_area_04 .rpp_slc li.rpp_slc_05{display:none;}
.renew_pay_page .rpp_area_04 .rpp_slc li.rpp_slc_06{}
.renew_pay_page .rpp_area_04 .rpp_slc dt{position:absolute; top:0; width:49%;}
.renew_pay_page .rpp_area_04 .rpp_slc .rpp_slc_01 dt{left:0%;}
.renew_pay_page .rpp_area_04 .rpp_slc .rpp_slc_02 dt{left:51%;}
.renew_pay_page .rpp_area_04 .rpp_slc .rpp_slc_03 dt{left:0%; top:60px;}
.renew_pay_page .rpp_area_04 .rpp_slc .rpp_slc_04 dt{left:51%; top:60px;}
.renew_pay_page .rpp_area_04 .rpp_slc .rpp_slc_05 dt{left:51%; top:120px;}
.renew_pay_page .rpp_area_04 .rpp_slc .rpp_slc_06 dt{left:0%; top:120px;}

.renew_pay_page .rpp_area_06 .rpp_slc ul{position:relative; padding-top:190px;}
.renew_pay_page .rpp_area_06 .rpp_slc dt{position:absolute; top:0; width:49%;}
.renew_pay_page .rpp_area_06 .rpp_slc .rpp_slc_01 dt{left:0%;}
.renew_pay_page .rpp_area_06 .rpp_slc .rpp_slc_02 dt{left:51%;}
.renew_pay_page .rpp_area_06 .rpp_slc .rpp_slc_03 dt{left:0%; top:60px;}
.renew_pay_page .rpp_area_06 .rpp_slc .rpp_slc_04 dt{left:51%; top:60px;}
.renew_pay_page .rpp_area_06 .rpp_slc .rpp_slc_05 dt{left:0%; top:120px;}
.renew_pay_page .rpp_area_06 .rpp_slc .rpp_slc_06 dt{left:51%; top:120px;}

.renew_pay_page .rpp_slc .rdo_func{width:100%; height:70px;}
.renew_pay_page .rpp_slc .rdo_box{visibility:hidden; width:0; position:absolute; *visibility:visible; *width:22px; *position:relative;}
.renew_pay_page .rpp_slc .label_box{padding:14px 0; text-align:center; background:#f7f7f7; border-radius:5px; display:block; cursor:pointer;}
.renew_pay_page .rpp_slc .rdo_box:checked+.label_box{background:#e92725;}
.renew_pay_page .rpp_slc .label_box span{font-size:14px; color:#333; font-weight:normal; letter-spacing:-0.05em; line-height:22px; height:22px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.renew_pay_page .rpp_slc .rdo_box:checked+.label_box span{color:#fff;}
.renew_pay_page .rpp_slc .rpp_slc_01 .label_box span{padding-left:31px; background:url(http://www.bizforms.co.kr/images/new/pay/ico_01.png) 0 50% no-repeat;}
.renew_pay_page .rpp_slc .rpp_slc_01 .rdo_box:checked+.label_box span{background:url(http://www.bizforms.co.kr/images/new/pay/ico_01_on.png) 0 50% no-repeat;}
.renew_pay_page .rpp_slc .rpp_slc_02 .label_box span{padding-left:25px; background:url(http://www.bizforms.co.kr/images/new/pay/ico_02.png) 0 50% no-repeat;}
.renew_pay_page .rpp_slc .rpp_slc_02 .rdo_box:checked+.label_box span{background:url(http://www.bizforms.co.kr/images/new/pay/ico_02_on.png) 0 50% no-repeat;}
.renew_pay_page .rpp_slc .rpp_slc_05 .label_box{background:#f7f7f7 url(../images/new/pay/ico_05.png) 50% 50% no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;}
.renew_pay_page .rpp_slc .rpp_slc_05 .rdo_box:checked+.label_box{background:#e92725 url(../images/new/pay/ico_05_on.png) 50% 50% no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;}
.renew_pay_page .rpp_slc .rpp_slc_05 .label_box span{text-indent:-9999px;}
.renew_pay_page .rpp_slc .rpp_slc_06 .label_box{background:#f7f7f7 url(../images/new/pay/ico_06.png) 50% 50% no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;}
.renew_pay_page .rpp_slc .rpp_slc_06 .rdo_box:checked+.label_box{background:#e92725 url(../images/new/pay/ico_06_on.png) 50% 50% no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;}
.renew_pay_page .rpp_slc .rpp_slc_06 .label_box span{text-indent:-9999px;}
.renew_pay_page .rpp_slc .rpp_slc_07 .label_box span{padding-left:31px; background:url(http://www.bizforms.co.kr/images/new/pay/ico_01.png) 0 50% no-repeat;}
.renew_pay_page .rpp_slc .rpp_slc_07 .rdo_box:checked+.label_box span{background:url(http://www.bizforms.co.kr/images/new/pay/ico_01_on.png) 0 50% no-repeat;}
.renew_pay_page .rpp_slc dd{font-size:13px; color:#858585; margin-bottom:4px; font-weight:normal; line-height:22px; letter-spacing:-0.05em; text-align:left; padding-left:8px; background:url(http://www.bizforms.co.kr/images/new/pay/ico_dot.png) 0 11px no-repeat; display:none;}
.renew_pay_page .rpp_slc li.on dd{display:block;}
.renew_pay_page .rpp_slc dd strong{color:#151515; font-weight:normal;}
.renew_pay_page .rpp_slc dd span{color:#e92725; font-weight:normal;}
.renew_pay_page .rpp_slc dd > em{color:#e92725; font-weight:bold; font-style:normal;}
.renew_pay_page .rpp_slc dd.rpp_agree{padding-left:0; background:none; padding-top:19px;}
.renew_pay_page .rpp_slc dd.rpp_agree p{margin-bottom:10px;}
.renew_pay_page .rpp_slc dd.rpp_agree .chk_func{font-size:0;}
.renew_pay_page .rpp_slc dd.rpp_agree .chk_area{visibility:hidden; width:0; position:absolute; *visibility:visible; *width:18px; *position:relative;}
.renew_pay_page .rpp_slc dd.rpp_agree .label_area{padding-left:25px; background:url(http://www.bizforms.co.kr/images/new/pay/ico_chk.png) 0 50% no-repeat; font-size:15px; color:#252525; font-weight:bold; letter-spacing:-0.075em; line-height:24px; height:24px; display:inline-block; zoom:1; *display:inline; vertical-align:top; cursor:pointer; margin-right:10px;}
.renew_pay_page .rpp_slc dd.rpp_agree .chk_area:checked+.label_area{background:url(http://www.bizforms.co.kr/images/new/pay/ico_chk_on.png) 0 50% no-repeat;}
.renew_pay_page .rpp_slc dd.rpp_agree .label_area em{font-style:normal; font-weight:bold;}
.renew_pay_page .rpp_slc dd.rpp_agree button{font-size:13px; font-weight:normal; color:#353535; letter-spacing:-0.075em; height:24px; line-height:22px; text-align:center; padding:0 10px; background:#fff; border:1px solid #ddd; border-radius:12px; display:inline-block; zoom:1; *display:inline; vertical-align:top; cursor:pointer;}
.renew_pay_page .rpp_slc dd.rpp_agree button em{font-style:normal; font-weight:normal;}
.renew_pay_page .rpp_slc dd.rpp_agree a{font-size:13px; font-weight:normal; color:#353535; letter-spacing:-0.075em; height:24px; line-height:22px; text-align:center; padding:0 10px; background:#fff; border:1px solid #ddd; border-radius:12px; display:inline-block; zoom:1; *display:inline; vertical-align:top; cursor:pointer;}
.renew_pay_page .rpp_slc dd.rpp_agree a em{font-style:normal; font-weight:normal;}

.renew_pay_page .rpp_bar{background:#333; z-index:2000; position:fixed; bottom:0; left:0; width:100%; height:80px;}
.renew_pay_page .rpp_bar.on{position:absolute;}
.renew_pay_page .rpp_bar_inner{max-width:960px; margin:0 auto; position:relative; text-align:left; font-size:0;}
.renew_pay_page .rpp_bar_left{padding-left:15px; padding-top:14px;}
.renew_pay_page .rpp_bar_left strong{font-size:14px; color:#fff; font-weight:bold; letter-spacing:-0.05em; line-height:26px; display:block;}
.renew_pay_page .rpp_bar_left span{font-size:13px; color:#ccc; font-weight:normal; letter-spacing:-0.05em; line-height:26px; display:block;}
.renew_pay_page .rpp_bar_right{padding-left:15px;}
.renew_pay_page .rpp_bar_right strong{font-size:18px; color:#fff; font-weight:bold; letter-spacing:0; line-height:20px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.renew_pay_page .rpp_bar_right span{font-size:13px; color:#fff; font-weight:normal; letter-spacing:-0.05em; line-height:26px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-left:1px;}
.renew_pay_page .rpp_bar_right em{font-size:13px; color:#ccc; font-weight:normal; letter-spacing:-0.05em; line-height:26px; display:inline-block; zoom:1; *display:inline; vertical-align:top; font-style:normal; margin-left:3px;}
.renew_pay_page .rpp_bar_right button{padding:0 30px; font-size:15px; color:#fff; font-weight:bold; letter-spacing:-0.05em; line-height:40px; text-align:center; border:none; background:#e92725; border-radius:20px; display:inline-block; zoom:1; *display:inline; vertical-align:top; cursor:pointer; position:absolute; top:20px; right:15px;}
.renew_pay_page .rpp_bar_right a{padding:0 40px; font-size:20px; color:#fff; font-weight:bold; letter-spacing:-0.05em; line-height:50px; text-align:center; border:none; background:#e92725; border-radius:25px; display:inline-block; zoom:1; *display:inline; vertical-align:top; cursor:pointer; margin-left:20px;}

.depts3{overflow-x: scroll;max-width: 1000px;width: 100%;margin: 0 auto;}
.depts3::-webkit-scrollbar{display: none;}
.depts3 ul{display: flex;white-space: nowrap;gap: 3px;}
.depts3 ul li{font-size: 14px;font-weight: 400;color: #000;display: inline-block;background-color: #eee;margin: 5px 0;}
.depts3 ul li.on{background-color: #252525;color: #fff;}
.depts3 ul li a{padding:10px 15px;display: inline-block;color: inherit;cursor: pointer;}
.depts3 ul li.on a{font-weight: bold;}

@media only screen and (max-width:410px) {
.renew_pay_page .rpp_tit strong{font-size:14px;}
.renew_pay_page .rpp_tit span{font-size:12px;}
.renew_pay_page .rpp_tit a{font-size:12px;}
.renew_pay_page .rpp_list .label_date{font-size:13px;}
.renew_pay_page .rpp_list .label_red{font-size:12px;}
.renew_pay_page .rpp_list .label_gray{font-size:12px;}
.renew_pay_page .rpp_list .label_question{font-size:11px; line-height:14px; vertical-align:0;}
.renew_pay_page .rpp_list .pay_popup_layer{margin-top:-84px; margin-left:-150px;}
.renew_pay_page .rpp_list .pay_popup_layer dd{font-size:11px; line-height:16px; margin-bottom:16px;}
.renew_pay_page .rpp_list .label_liner{font-size:12px;}
.renew_pay_page .rpp_list .label_money{font-size:15px;}
.renew_pay_page .rpp_list .label_won{font-size:13px;}
.renew_pay_page .rpp_slc dd{font-size:12px; line-height:20px;}
.renew_pay_page .rpp_bar{height:77px;}
.renew_pay_page .rpp_bar_left{}
.renew_pay_page .rpp_bar_left strong{font-size:13px; line-height:24px;}
.renew_pay_page .rpp_bar_right span{font-size:12px; line-height:24px;}
.renew_pay_page .rpp_bar_right em{font-size:12px; line-height:24px;}
.renew_pay_page .rpp_bar_right button{font-size:14px; line-height:37px;}
}
@media only screen and (max-width:350px) {
.renew_pay_page .rpp_tit strong{font-size:13px;}
.renew_pay_page .rpp_tit span{font-size:11px;}
.renew_pay_page .rpp_tit a{font-size:11px; padding:0 6px;}
.renew_pay_page .rpp_list .label_box{background-position:10px 17px; padding-left:30px;}
.renew_pay_page .rpp_list .rdo_box:checked+.label_box{background-position:10px 17px;}
.renew_pay_page .rpp_list .label_date{font-size:12px; margin-right:3px;}
.renew_pay_page .rpp_list .label_red{font-size:11px;}
.renew_pay_page .rpp_list .label_gray{font-size:11px;}
.renew_pay_page .rpp_list .label_question{font-size:11px; line-height:14px; vertical-align:0;}
}