@charset "utf-8";
/*Common*/
* {font-family:'NanumSquare', sans-serif; font-size:18px; margin:0px; padding:0px; -webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#444; /*line-height:14px;*/}
/* font-family: "Nanum Gothic", sans-serif; */

/*SERIF AB*/
@font-face {
    font-family:'NanumSquare';
    font-weight: normal;
    font-style: normal;     
    src: url('/pf/zones/fonts/NanumSquareR.eot');
    src: url('/pf/zones/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
        url('/pf/zones/fonts/NanumSquareR.woff') format('woff'),
        url('/pf/zones/fonts/NanumSquareR.ttf') format('truetype');
}

@font-face {
    font-family:'NanumGothic';
    font-weight: normal;
    font-style: normal;     
    src: url('/pf/zones/fonts/NanumGothic.eot');
    src: url('/pf/zones/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
        url('/pf/zones/fonts/NanumGothic.woff') format('woff'),
        url('/pf/zones/fonts/NanumGothic.ttf') format('truetype');
}
a {text-decoration:none;}
a:hover {text-decoration:none;}
li {list-style-type:none;}
img {border:0px; vertical-align:middle}
input {vertical-align:middle;}
input:focus {outline:none}
input:focus::-webkit-input-placeholder { color: transparent; } 
input:focus::-moz-placeholder { color: transparent; } 
input:focus:-ms-input-placeholder { color: transparent; }
input:focus::-ms-input-placeholder { color: transparent; }


body {}
/** 헤더 **/
header {padding:15px 0;z-index:999;}
header > nav {width:1200px; margin:auto;}
header > nav > #logo {}
header > nav > ul {float:right; line-height:3em;}
header > nav > ul > a {margin-left:85px; cursor:pointer;}
header > nav > ul > a:hover {font-weight:800;}

header > nav > ul#m_gnb {display:none;}

header > nav > li {display:none;}
header > nav > li > img {}

.navpos {position:fixed; top:0; width:100%; background:rgba(255,255,255,0.9);}

/*메인슬라이드*/
#slide {position:relative;overflow: hidden;}

/* 로그인 */
#slide > section {position:absolute; z-index:60; width:290px; right:0; background:rgba(255,255,255,0.9); padding:30px; margin-right:200px; height:100%;}
#login_area {width:100%; margin-top:90px;}
#login_area > h2 {background:url('/pf/zones/images/pr/login_icon.png') no-repeat 90px 50%; font-weight:bold; font-size:30px; text-indent:30px; margin-bottom:40px; color:#1f5ab2;}
#login_area > ul {}
.pr_logInClose {display:none; 
	position:fixed;
	top:20px;
	right:2px;
	padding:20px;
	border-radius:25px;
	border:1px solid #1f5ab2;
	background:url('/pf/zones/images/pr/close_navbg.png') no-repeat 50% #fff;}

/* pr 탭 */
#login_area > ul.login_prtap {display:inline-block; width:100%; margin-bottom:10px;}
#login_area > ul.login_prtap > a {width:50%; text-align:center; float:left; display:block; overflow:hidden; padding:5px 0; font-size:17px; border:1px solid #1f5ab2; box-sizing:border-box;}
.prActive {background-color:#1f5ab2; color:#fff; padding: 10px 0 !important; margin-top:-10px; border-radius:5px 5px 0 0 !important;}
#login_area > ul.login_prtap > span {display:inline-block; width:40%;}



#login_area > ul > li {margin:20px 0;}
#login_area > ul > li > h4 {color:#666; font-weight:100; font-size:14px; margin-bottom:7px;}
#login_area > ul > li > select {width:100%; border:0; border-bottom:1px solid #ffce0c; background:rgba(255,255,255,0); font-size:17px;}
#login_area > ul > li > select > option {}

#login_area > ul > li > input {width:100%; height:24px; border:0; border-bottom:1px solid #ffce0c; background:rgba(202,202,202,0.3); font-size:17px; padding:5px;}

#login_area > .login_area_btn {background-color:#1f5ab2; 
	border:1px solid #4285f4;
	background-color:#4285f4;
	background:-webkit-linear-gradient(top,#4387fd,#4683ea);
	background:linear-gradient(top,#4387fd,#4683ea);
	color:#fff; width:100%; display:block; overflow:hidden; text-align:center; padding:14px 0; border-radius:5px; margin-top:35px;}
#login_area > .login_area_btn:hover {background-color:#f00;}
#login_area > .login_area_btn > i {color:#fff;}
/* 슬라이더 영역 */

.bx-controls {}
.bx-controls > .bx-controls-direction {position:absolute;top:50%;z-index:52;width:96%;margin:0 2%;}
.bx-controls > .bx-controls-direction > a {width:50px;height:91px;text-indent:-9999px;}
.bx-controls > .bx-controls-direction > .bx-prev {float:left;background:url('../images/pr/left.png') no-repeat 50%;}
.bx-controls > .bx-controls-direction > .bx-next {float:right;background:url('../images/pr/right.png') no-repeat 50%;}

.bxslider > li {text-align:center;}
.bxslider > li > img {width:100%;}

/* 슬라이더 페이저 영역 */
#bx-pager {position:absolute;left:50%;bottom:1px;z-index:999;width:1200px;margin-left:-550px;}
#bx-pager > ul {width:100%;text-align:center;}
#bx-pager > ul > li {float:left;}
#bx-pager > ul > li > a {width:200px;padding:0px 10px;display:inline-block;font-size:1.2em;background:rgba(153,153,153,0.6);color:#fff;text-align:center;height:45px;line-height: 2.8em;/*border-bottom: 3px solid #00aeef;*/}
#bx-pager > ul > li > a:hover,
#bx-pager > ul > li > a.active {/*border-bottom:3px solid #f00;*/color:#fff !important;background:rgba(0,0,0,0.9);font-weight:bold;}



.scon {display:block;}
.scon img {width:100%; max-width:1200px;}
.sconm {display:none;}
.sconm img {width:100%;}



/*플랫폼 설명*/
.platform {text-align:center;}

.platform > h4 {width:1200px; margin:auto; font-size:2em; font-weight:800; padding-top:18px;}
.platform > p {font-size:1.5em; color:#7f7f7f; margin-top:55px;}
.platform > h2 {margin-top:15px; font-size:2.2em; font-weight:800; letter-spacing:2px;}
.platform > ul {width:1200px; margin:90px auto; overflow:hidden;}
.platform > ul > li {float:left; width:400px; padding:350px 0 0 0;}
.platform > ul > li:first-child {background:url('/pf/zones/images/pr/pr_001.png') no-repeat 50% 0;}
.platform > ul > li:nth-of-type(2) {background:url('/pf/zones/images/pr/pr_002.png') no-repeat 50% 0;}
.platform > ul > li:last-child {background:url('/pf/zones/images/pr/pr_003.png') no-repeat 50% 0;}

.platform > ul > li > h4 {font-size:1.5em;font-weight:800; letter-spacing:2px; margin:15px 0 25px;}
.platform > ul > li > p {font-size:1.1em; line-height:1.5em; color:#7f7f7f;}
.golfttl_1 {background: url('/pf/zones/images/pr/dot01.png') no-repeat 50% 0, 
	url('/pf/zones/images/pr/dot01.png') no-repeat 47.2% 0, 
	url('/pf/zones/images/pr/dot01.png') no-repeat 44.3% 0,
	url('/pf/zones/images/pr/dot01.png') no-repeat 52.8% 0,
	url('/pf/zones/images/pr/dot01.png') no-repeat 55.5% 0}

/** 이용안내 **/
.useinfo {text-align:center; }
.useinfo > h4 {width:1200px; margin:auto; font-size:2em; font-weight:800; padding-top:18px;}
.useinfo > p {font-size:1.5em; color:#7f7f7f; margin-top:55px;}
.useinfo > h2 {margin-top:15px; font-size:2.2em; font-weight:800; letter-spacing:2px;}
.useinfo > ul {width:1200px; margin:1px auto; overflow:hidden;}
.useinfo > ul#coico {background: url('/pf/zones/images/pr/arrow_001.png') no-repeat 400px 120px, url('/pf/zones/images/pr/arrow_001.png') no-repeat 800px 120px;}
.useinfo > ul#coico > li {float:left; background-color:#078bff; border-radius:50%; margin:10px 150px 10px 0; box-shadow:2px 2px 10px 0px #333;}
.useinfo > ul#coico > li:first-child {margin-left:80px;}
.useinfo > ul#coico > li:last-child {margin-right:0;}
.useinfo > ul#coico > li > img {margin-top:45px;}
.useinfo > ul#coico > li > h4 {margin-top:20px; color:#fff;font-size:1.1em;}

.useinfo > ul#additional {background-color:#fff; margin-top:90px;}
.useinfo > ul#additional > h2 {margin:30px 0; font-size:2.2em; font-weight:800; letter-spacing:2px}
.useinfo > ul#additional > li {float:left; text-align:left; margin:35px 0 40px; padding:0 45px; line-height:2.1em;}
.useinfo > ul#additional > li:nth-child(2) {/*border-right:1px dashed #444;*/}
.useinfo > ul#additional > h4 {font-size:1em;}
.useinfo > ul#additional > h4 > a {color:#1f5ab2; font-weight:800; font-size:2em; letter-spacing:2px;}
.useinfo > ul#additional > p {margin:35px 0; line-height:2em;}
.useinfo > ul#additional > p > span {font-weight:800;}

.useinfo > ul#additional2 {background-color:#fff;}
.useinfo > ul#additional2 > h2 {margin:30px 0; font-size:2.2em; font-weight:800; letter-spacing:2px}
.useinfo > ul#additional2 > li {float:left; text-align:left; margin:35px 0 40px; padding:0 45px; line-height:2.1em;}
.useinfo > ul#additional2 > li:nth-child(2) {border-right:1px dashed #444;}
.useinfo > ul#additional2 > h4 {font-size:1em;}
.useinfo > ul#additional2 > h4 > a {color:#1f5ab2; font-weight:800; font-size:2em; letter-spacing:2px;}
.useinfo > ul#additional2 > p {margin:35px 0; line-height:2em;}
.useinfo > ul#additional2 > p > span {font-weight:800;}

.golfttl_2 {background:url('/pf/zones/images/pr/dot02.png') no-repeat 49.4% 0,
	url('/pf/zones/images/pr/dot02.png') no-repeat 45% 0,
	url('/pf/zones/images/pr/dot02.png') no-repeat 42.2% 0,
	url('/pf/zones/images/pr/dot02.png') no-repeat 52.3% 0,
	url('/pf/zones/images/pr/dot02.png') no-repeat 55% 0,
	url('/pf/zones/images/pr/dot02.png') no-repeat 57.8% 0}

/** faq **/
#faq_wrap {display:none; background:rgba(0,0,0,0.6); position:fixed; top:0; z-index:999; width:100%; height:100%; padding:2% 0;}
.faq {padding:20px 40px 0; width:720px; margin:auto; text-align:center; background-color:#FFF; overflow-y:scroll; height:85%; position:relative;}

.faq > h4 {width:100%; margin:auto; font-size:2em; font-weight:800; padding-top:18px;}
.faq > p {font-size:1.5em; color:#7f7f7f; margin-top:55px;}
.faq > li {margin:40px 0; font-size:1em; line-height:1.5em;}
.faq > h2 {margin-top:15px; font-size:2.2em; font-weight:800; letter-spacing:2px;}
.faq > ul {width:100%; margin:60px auto; overflow:hidden;}

.faq > ul > div#faq_list {text-align:left;}
.faq > ul > div#faq_list > h4 {border-bottom:1px solid #1f5ab2; overflow:hidden; display:block; padding:10px 0; margin-bottom:50px;}
.faq > ul > div#faq_list > h4 > span {background-color:#1f5ab2; color:#fff; font-weight:normal; padding:11px 80px;}
.faq > ul > div#faq_list > ul {margin:0 30px 50px; border-bottom:1px dashed #1f5ab2;}
.faq > ul > div#faq_list > ul > li {font-size:1.1em; line-height:2em; margin-bottom:10px;}
.faq > ul > div#faq_list > ul > li > p {font-size:0.9em; display:block; overflow:hidden;}
.faq > ul > div#faq_list > ul > li > span {width:38px; height:38px; margin-right:20px; display:block; float:left; line-height:2.3em; text-align:center;}
.faq > ul > div#faq_list > ul > li.que > span {background-color:#1f5ab2; color:#fff; border-radius:50%;}
.faq > ul > div#faq_list > ul > li.ans > span {background:url('/pf/zones/images/pr/arrow_002.png') no-repeat 5px 50%; text-indent:10px;height:100%;}
.faq > ul > div#faq_list > ul > li.ans > p {}
.faq > ul > div#faq_list > ul > li.que > p {}

.golfttl_3 {background: url('/pf/zones/images/pr/dot02.png') no-repeat 49.7% 0, 
	url('/pf/zones/images/pr/dot02.png') no-repeat 47.8% 0, 
	url('/pf/zones/images/pr/dot02.png') no-repeat 51.8% 0;}

/** 신규가입 **/
.Apply {padding:100px 0 50px;text-align:center; /*margin-top:100px; background:url(/pf/zones/images/pr/con_bg.png) #e5e5e5;*/}
.Apply > h4 {width:1200px; margin:auto; font-size:2em; font-weight:800; padding-top:18px;}
.Apply > p {font-size:1.5em; color:#7f7f7f; margin-top:55px; margin-bottom:95px;}
.Apply > a {display:block; width:800px; border-radius:35px; background-color:#8671da; margin:0 auto 100px; color:#fff; font-size:2.2em; font-weight:800; letter-spacing:3px; padding:10px 0;}

#join {display:block; width:800px; border-radius:3px; background-color:#000; margin:50px auto; color:#fff; font-size:2.2em; font-weight:800; letter-spacing:3px; padding:20px 0;}

.golfttl_4 {background: url('/pf/zones/images/pr/dot02.png') no-repeat 51.4% 0,
	url('/pf/zones/images/pr/dot02.png') no-repeat 48.6% 0,
	url('/pf/zones/images/pr/dot02.png') no-repeat 46% 0, 
	url('/pf/zones/images/pr/dot02.png') no-repeat 54.2% 0;}

/** 회원가입 양식 **/
#sign {position:fixed; top:0; z-index:999; background:rgba(0,0,0,0.8); width:100%; height:100%; display:none;}
#sign > #sign_up {width:500px; margin:auto; background-color:#FFF; padding:70px 35px; overflow-y:scroll; height:700px; margin-top:20px; display:none;}
#sign > #sign_up > ul {text-align:center;}
#sign > #sign_up > ul > a {display:inline-block;}
#sign > #sign_up > h2 {text-align:center; font-size:1.2em; padding-top:20px;}
.golfttl_5 {background: url('/pf/zones/images/pr/dot02.png') no-repeat 51.9% 0, 
	url('/pf/zones/images/pr/dot02.png') no-repeat 47% 0, 
	url('/pf/zones/images/pr/dot02.png') no-repeat 42.2% 0, 
	url('/pf/zones/images/pr/dot02.png') no-repeat 57% 0;}
#sign > #sign_up > .company {border-right:1px solid #ccc; border-left:1px solid #ccc; margin-top:15px;}
#sign > #sign_up > .company > h2 {text-align:left; padding:10px; border-bottom:1px dashed #ccc; border-top:1px solid #1f5ab2; background-color:#f9f9f9; font-size:14px;}
#sign > #sign_up > .company > h2 > span {font-size:12px; font-weight:normal; float:right;padding-left:10px;}

#sign > #sign_up > .company > ul {position:relative; display:block; overflow:hidden; border-bottom:1px solid #ccc; width:100%;}
#sign > #sign_up > .company > ul#bnumber {}
#sign > #sign_up > .company > ul#Tagency {display:none;}
#sign > #sign_up > .company > ul > h4 {font-size:1em; padding:0 0 0 10px; display:none;}
#sign > #sign_up > .company > ul > h4 > span {margin-left:20px;}
#sign > #sign_up > .company > ul > h4 > span > label {font-size:0.8em; font-weight:normal;}

#sign > #sign_up > .company > ul > li {float:left; margin-top:15px; margin-right:60px; margin-bottom:10px;}
#sign > #sign_up > .company > ul > div {position:relative; width:100%; margin:10px 0 0 0;}
#sign > #sign_up > .company > ul > div > label {width:95px; display:block; float:left; overflow:hidden; background-color:#f9f9f9; padding:15px 5px; font-size:13px; line-height:18px; color:#999; letter-spacing:-0.06em; font-family:'돋움'; margin-top:-10px;}
#sign > #sign_up > .company > ul > div > label > em {font-size:11px; color:#f00; font-style:normal;}
#sign > #sign_up > .company > ul > div > hr {height:1px; background:transparent; border:none; margin:5px 0;}

#sign_upN {width:500px; margin:auto; background-color:#FFF; padding:70px 35px; margin-top:100px; position:relative;}
#sign_upN h2 {font-size:30px;}
#sign_upN p {text-align:center; font-size:14px; font-weight:normal; margin:15px 0; padding:15px 0; display:block; overflow:hidden; font-family:'NanumGothic'; border-bottom:1px dashed #4285f4;}
#sign_upN ul {}
#sign_upN ul li {width:100%; margin:7px 0;}
#sign_upN ul li input[type="text"], #sign_upN ul li input[type="email"] {border:1px solid #ccc; padding:10px; width:95%; font-size:14px;}
#sign_upN ul li textarea {padding:10px; width:95%; border:1px solid #ccc; font-family:'Dotum' !important; font-size:14px !important;}
#sign_upN ul li input::placeholder, #sign_upN ul li textarea::placeholder {color:#a9a9a9;}
#sign_upN .Apply {
	position: relative;
	border: 1px solid #4285f4;
	background-color: #4285f4;
	background: -webkit-linear-gradient(top,#4387fd,#4683ea);
	background: linear-gradient(top,#4387fd,#4683ea);
	color: #fff;
	width: 50%;
	display: block;
	overflow: hidden;
	text-align: center;
	padding: 14px 0;
	border-radius: 5px;
	margin: 0 auto !important;
	font-size: 18px;
	font-weight: normal;
 }
#sign_upN .ApplyClase {position:absolute; top:10px; right:10px; padding:20px; display:block; background: url('/pf/zones/images/pr/close_navbg.png') no-repeat 50% #fff;}
input[type="radio"]:not(old) {width:24px; opacity:0;}
input[type="radio"]:not(old) + label {background:url('/pf/zones/images/pr/radio_off.png') no-repeat 26px 0; width:24px; height:24px; margin-left:-48px; padding-left:50px; cursor:pointer;}
input[type="radio"]:not(old):checked + label {background:url('/pf/zones/images/pr/radio_on.png') no-repeat 26px 0; width:29px; height:24px; margin-left:-48px; padding-left:48px; cursor:pointer;}

input[type="password"], input[type="text"], select {font-family:'Dotum' !important; font-size:14px !important; background:transparent; position:relative;}


.Rcheck {background:url('/pf/zones/images/pr/dot_red.png') no-repeat 0 50%;}

.email_a {width:80%;} 
/*인풋 사이즈*/
.small {width:30px;}
.medium {width:80px;}
.Ofont {font-family:'dotum' !important;}
.large {width:265px;}
.Xlarge {width:95%;}
.Checkbtn {position:absolute; border:1px solid #ccc; padding:5px; font-size:12px; font-family:'NanumGothic'; top:5px; right:5px;}
.Checkbtn_ok {position:absolute; border:1px solid #ccc; padding:5px; font-size:12px; font-family:'NanumGothic'; top:5px; right:5px;}
.ApplyBtn {display:inline-block; padding:8px 20px; font-weight:700; border-radius:25px;display:block; text-align:center; font-size:1.5em; background-color:#1f5ab2; color:#fff; width:150px; margin:50px auto;}
.CloseBtn {position:fixed; top:0; padding:20px; border-radius:25px; display:block; /*border:1px solid #1f5ab2;*/ margin:50px 0 0 12% !important; background: url('/pf/zones/images/pr/close_navbg.png') no-repeat 50% #fff;}
.FAQCloseBtn {position:fixed; top:60px; left:50%; margin-left:310px; padding:20px; border-radius:25px; display:block; /*border:1px solid #1f5ab2;*/ background: url('/pf/zones/images/pr/close_navbg.png') no-repeat 50% #fff;}
.black_out {position:fixed; overflow:hidden; width:100%; height:100%;}
#sign > #sign_up > .company > ul > li > input, #sign > #sign_up > .company > ul > div > input, #sign > #sign_up > .company > ul > div > textarea, .company > ul > div > select {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	border:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}

.company > ul > div > select {
	width:164px;
	-webkit-appearance: menulist-button;
	-moz-appearance: menulist-button;
	appearance: menulist-button;
}


#self_btn_on, #self_btn_off {
	position:absolute;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 0.8em;
	top:5px;
	right:5px;
	font-size:12px;
	background-color:#FFF;
}

.Bcheck_box {
    height: 200px;
    overflow-y: auto;
    width: 90%;
    margin: 0 0 0 17px
}
.custom_pre {}
.custom_pre > pre {padding:10px; line-height:1.1em;}
.custom_pre > pre > h2 {font-size:1em; margin-bottom:-25px;}
.custom_pre > pre > h3 {font-size:0.9em;}
#sign > #sign_up > .company > ul > span { position:absolute; z-index:1; right:5px; bottom:5px;}
#sign > #sign_up > .company > ul > span > label {font-size:14px; background-color:#FFF; border:1px solid #ccc; padding:5px;}

/******** footer ********/
footer {background-color:#dbdbdb; display:block; overflow:hidden; padding:50px 0;}
#top_btn {width: 50px; height: 50px; position: fixed; bottom: 20px; right: 20px; background: url('/pf/zones/images/pr/top_btn.png') no-repeat 50% rgba(0,0,0,0.5); border-radius: 50%;}
.pc_footer {display:block; width:1200px; margin:auto;}
.pc_footer > li {float:left; font-size:0.92em; line-height:1.5em; letter-spacing:1px;}
.pc_footer > li > img {margin-right:50px;}
.mobile_footer {display:none;}


@media all and (max-width:1024px) {
	header > nav, #bx-pager, .platform > h4, .platform > ul, .useinfo > h4, .useinfo > ul, .faq > h4, .faq > ul, .Apply > h4, footer > ul {width:100%; font-size:1.4em;}
	.platform > p, .useinfo > p, .faq > p, .Apply > p {font-size:0.8em; margin-top:10px;}
	.platform > h2, .useinfo > h2, .faq > h2, .Apply > h2 {font-size:1.2em;}

	header {position:fixed; width:100%; background-color:#fff; z-index:999; top:0}
	header > nav > #logo {margin-left:2px; display:block; overflow:hidden; float:left; width:100px; position:absolute; top:50%; margin-top:-10px;}
	header > nav > #logo > img {width:100%;}
	header > nav > ul {display:none;}
	header > nav > ul#m_gnb {position:absolute; z-index:100; right:0; background-color:#FFF; margin-right:2px; border-radius:0 0 5px 5px; display:none; top:72px; box-shadow: 0 3px 10px -2px #777}
	header > nav > ul#m_gnb > a {display:block; text-align:center; margin:0 20px; border-bottom:1px dashed #1f5ab2; font-size:0.8em;}
	header > nav > ul#m_gnb > a:last-child {border:none;}
	header > nav > li {display:block; float:right; margin-top:10px;}
	header > nav > li > img#close_nav {display:none;}

	/** 메인슬라이드 **/
	#slide {margin-top:80px;}
	.coSelect {display:none !important;}
	/* 로그인 */
	#slide > section {display:block; overflow:hidden; position:initial; left:0; width:90%; padding:1% 5%; z-index:62; height:auto;}
	#login_area {margin-top:-12px; display:block; overflow:hidden;}
	#login_area > h2 {display:none;}
	#login_area > ul {float:left; display:block; overflow:hidden;}
	#login_area > ul > li {float:left; overflow:hidden; margin:0;}
	#login_area > ul > li > h4 {float:left; padding:8px 5px; font-size:0.75em;}

	#login_area > ul > li > input {margin-top:1px; float:left; width:65px; border:1px solid #efefef; background:rgba(255, 255, 255, 0.9);}
	#login_area > .login_area_btn {width:55px; margin:1px 0; font-size:0.8em; float:left;
		border:1px solid #4285f4;
		background-color:#4285f4; 
		background:-webkit-linear-gradient(top,#4387fd,#4683ea); 
		background: linear-gradient(top,#4387fd,#4683ea);
		padding:7px 0;
		margin-left:3px;
		border-radius: 3px;
	}
	#login_area > ul.login_prtap {text-align:center;}
	#login_area > ul.login_prtap > span {width:33%;}
	#login_area > ul.login_prtap > span > label {font-size:0.75em; background-size:11%;}

	.bxslider1 > li > img {width:100%;}
	.bxslider > li > img {width:100%;}

	.bx-controls > .bx-controls-direction {top:45%;}
	.bx-controls > .bx-controls-direction > a {background-size:50% !important;}

	.scon {display:none;}
	.sconm {display:block;}


	/** 홀세일장터 **/
	.platform {padding-top:50px;}
	.platform > ul {    padding: 20px 0; border-top: 1px dashed#c5c5c5; margin-top: 50px; margin-bottom: -20px;}
	.platform > ul > li {width:100%; margin-bottom:30px; background-size:30% !important; background-position:0% !important; padding:0;}
	.platform > ul > li > h4 {margin-left:31%; font-size:1em; text-align:left;}
	.platform > ul > li > p {margin-left:31%; font-size:0.75em; text-align:left;}

	/** 가입절차 **/
	.useinfo {margin-top:0; padding:50px 0 130px;}
	.useinfo > h2 {border-bottom: 1px dashed #cecece; padding-bottom: 30px;}
	.useinfo > h2:nth-of-type(3) {border-bottom:none;}
	.useinfo > ul {margin:10px auto; padding:30px 0; width:95%;}
	.useinfo > ul#coico {background:none;}
	.useinfo > ul#coico > li {margin:20px 5px !important; background:none; box-shadow:none;}
	.useinfo > ul#coico > li > i {float:right; margin-top:-42%;}
	.useinfo > ul#coico > li > img {width:50%; margin-top:15%;}
	.useinfo > ul#coico > li > h4 {font-size:0.75em; margin-top:10px; color:#444;}
	
	.useinfo > ul#additional {width:95%; margin:0 auto;}
	.useinfo > ul#additional > h2 {font-size:1em; margin:10px 0;} 
	.useinfo > ul#additional > li {margin:5px 0; padding:10px; font-size:0.5em;}
	.useinfo > ul#additional > li:nth-child(2) {border-right:none;}
	.useinfo > ul#additional > h4 > a {font-size:1em;}

	/** .faq **/
	.faq {padding-top:30px; width:75%; top:50%; margin-top:-298px;}
	.faq > li {font-size:0.8em; margin:20px 0;}
	.faq > ul {margin:0 auto;}
	.faq > ul > div#faq_list > h4 > span {font-size:0.9em;}
	.faq > ul > div#faq_list > ul {margin:0 0px 20px;}
	.faq > ul > div#faq_list > ul > li {font-size:0.7em;}
	.faq > ul > div#faq_list > h4 > span {padding:11px 20px;}
	.faq > ul > div#faq_list > ul > li > p {font-size:0.9em; display:block; overflow:hidden;}
	.faq > ul > div#faq_list > ul > li > p > b {font-size:1em;}
	.faq > ul > div#faq_list > ul > li > span {width:20px; height:20px; margin-right:20px; display:block; float:left; line-height:1.2em; text-align:center;}
	.faq > ul > div#faq_list > ul > li.que > span {background-color:#1f5ab2; color:#fff; border-radius:50%;}
	.faq > ul > div#faq_list > ul > li.ans > span {background:url('/pf/zones/images/pr/arrow_002.png') no-repeat 0px 50%; text-indent:10px;height:100%;}
	.FAQCloseBtn {margin-left:0; left:80%;}
	/** 가입신청  **/
	.useinfo > ul#additional2 > h2 {font-size:1em; margin:30px 0;}
	.useinfo > ul#additional2 > h4 > a {font-size:1.2em;}
	.Apply > a {width:96%; font-size:1em; margin:auto;}
	.useinfo > ul#additional2 > p {font-size:0.5em; margin:15px 0;}
	#join { width:95%; margin:48px 2.5% 0; font-size:1em;
			border:1px solid #000;
			background-color:#000;
	}
	
	/** 회원가입 **/
	#sign > #sign_up {width:90%; margin:10px auto; padding:50px 3%;}
	#sign > #sign_up > h2 {font-size:1.2em;}
	#sign > #sign_up > .company {}
	#sign > #sign_up > .company > h2 {text-align:left; font-size:0.75em; }
	#sign > #sign_up > .company > h2 > span {font-size:0.6em;}
	#sign > #sign_up > .company > ul {}
	#sign > #sign_up > .company > ul > li {margin-right:0; width:100%;}
	#sign > #sign_up > .company > ul > li > input, #sign > #sign_up > .company > ul > div > input, #sign > #sign_up > .company > ul > div > textarea {padding:3px}
	.Checkbtn, #self_btn_on, #self_btn_off {padding:6px; font-size:0.7em; margin:0;}
	.Checkbtn {top:5px;}
	
	#sign_upN {width:88%; margin:1%; padding:14% 5%; height:83%; overflow-y:scroll;}
	#sign_upN p {}
	#sign_upN ul {}
	#sign_upN ul li {}
	#sign_upN ul li input[type="text"] {}
	#sign_upN ul li textarea {}
	#sign_upN .Apply {}


	.small {margin-bottom:5px; width:30px;}
	.medium {margin-bottom:5px; width:48px;}
	.large {width:60%;}
	.Xlarge {width:90%;}
	.company > ul > div > textarea {width:90%;}
	#sign > #sign_up > .company > ul > h4 {font-size:0.7em; float:left; margin-top:7px; width:80px;}
	#sign > #sign_up > .company > ul > h4.company_ttl {width:100%;}
	.no_hangul {margin-top:3px;}
	#sign > #sign_up > .company > ul > div {font-size:0.8em; margin:0; width:98%; }
	
	.email_check {width:240px;}
	.passwordcheck {width:240px;}
	
	#sign > #sign_up > .company > ul > div > hr {margin:1px;}
	#sign > #sign_up > .company > ul > div > label {margin-top:0; padding:10px 5px;}
	#sign > #sign_up > .company > ul > div > span {font-size:0.9em; display:block; margin-top:5px;}
	#sign > #sign_up > .company > ul > h4 > span > label {float:right; margin-right:15px;}
	#sign > #sign_up > ul > a {margin:5px auto;}
	.company > ul > div > select {width:90px; padding:3px; font-size:13px !important;}
	.company > ul > div > select > option {font-size:13px !important;}
	.email_a {width:60px; margin-top:5px;}
	#self_btn_on, #self_btn_off {margin:0;}

	.custom_pre {}
	.custom_pre > pre {padding:10px; line-height:1.1em;}
	.custom_pre > pre > h2 {font-size:1em; margin-bottom:-25px;}
	.custom_pre > pre > h3 {font-size:0.9em;}

	.Bcheck_box {width:96%; margin:2%;}
	.ApplyBtn {font-size:1em; padding:5px 0;}
	input[type="password"], input[type="text"] {text-indent:5px; position:relative; margin-top:7px; font-size:13px;}
	/** 푸터 **/
	footer {padding:30px 0;}
	.pc_footer {display:none;}
	.mobile_footer {display:block; font-size:1em; text-align:center;}
	.mobile_footer > li {font-size:0.8em; width:100%; text-align:center;}
	.mobile_footer > li > p {font-size:1em;}
	.mobile_footer > li > span {font-size:12px; display:block; overflow:hidden; margin-top:10px;}
	.mobile_footer > li > p > a {font-size:inherit;}
	.mobile_footer > li > img {margin-right:0; margin-bottom:30px;}
}