@charset "utf-8";

/* Common */

html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:13px;font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif;}
img,fieldset{border:0;}
img{vertical-align:middle}
ul,ol{list-style:none;}
em,address{font-style:normal}
a{color:black;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
select{padding:4px 2px;border:1px solid #e4eaec;vertical-align:middle}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
/* // Common */
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}


.clearfix:before, .clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.container{position:relative;width:919px;margin:0px auto}
#wrppaer{}
#header {overflow:hidden;padding:0 0 0}
#header .logo{float:left; margin-top:17px; }
#header .banner{float:left;}
#header .tnb{position:absolute;top:-5px;right:0;overflow:hidden}
#header .tnb li{float:left;padding-left:10px;color:#b2b2b2}
#header .tnb li a{font-size:12px;font-weight:bold}
#menu{ background-color:#de1921;}
#menu ul{overflow:hidden}
#menu ul li{float:left; text-align:center}
#menu ul li a{display:inline-block;width:100%;height:43px;line-height:50px;font-size:15px;font-weight:700;color:#fff}
#menu ul li a:hover{ color:#ffff00; font-weight:700;}

#container{}
#container .visual{margin-bottom:8px}
#container .colgroup_01{overflow:hidden;margin-bottom:20px}
#container .colgroup_01 .col_01{float:left;width:598px;}
#container .colgroup_01 .col_01 ul{overflow:hidden}
#container .colgroup_01 .col_01 ul li {float:left}
#container .colgroup_01 .col_02{float:right;width:310px}
#container .banner_slide{margin-bottom:22px}
#container .colgroup_02{overflow:hidden;margin:15px 0 40px}
#container .colgroup_02 .col_01{float:left;width:193px;}
#container .colgroup_02 .col_01 ul{overflow:hidden}
#container .colgroup_02 .col_01 ul li {}
#container .colgroup_02 .col_02{float:right;width:716px}

#footer{height:281px; background-image:url(../../new/img/sub/foot_bg.gif); background-position:top center; background-repeat:no-repeat;}
#footer #left_f{ float:left; width:548px;}
#footer #right_f{ float:left; padding-top:30px;}

#footer .foot{overflow:hidden;padding:33px 0 0px}
#footer .foot .logo{float:left;}
#footer .foot .address{ margin-top:20px;float:left;font-size:12px;line-height:20px;letter-spacing:-0.5px; color:#FFF;}
#footer .foot .address .bar{display:inline-block;padding:0 10px;color:#a1a1a1}
#footer .foot .escrow{float:left;}

/* 바뀌기전
#footer{border-top:2px solid #c4c4c4;}
#footer .foot{overflow:hidden;padding:33px 0 50px}
#footer .foot .logo{float:left;}
#footer .foot .address{float:left;font-size:12px;line-height:17px;letter-spacing:-0.5px}
#footer .foot .address .bar{display:inline-block;padding:0 10px;color:#a1a1a1}
#footer .foot .escrow{float:right;}
*/

.quick {
position:absolute;top:165px; margin-top:30px;
}
.quick.sub {
position:absolute;top:560px;
}

.quick_left{left:50%;margin-left:-570px}
.quick_left2{left:50%;margin-left:-670px}
.quick_right{left:50%;margin-left:480px}

.line {padding:20px 0 40px 0; }

.borad_tab{}
.borad_tab .tab_title{}
.borad_tab .tab_title ul{overflow:hidden;height:39px;background:url(/assets/img/main/bg_tab.png) repeat-x}
.borad_tab .tab_title ul:after{display:block;clear:both;content:""}
.borad_tab .tab_title ul li{float:left;width:151px;margin-left:4px;padding:12px 0 5px;border:1px solid #c9c9c9;border-bottom:0;background:#e9e9e9;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;}
.borad_tab .tab_title ul li:first-child{margin-left:0}
.borad_tab .tab_title ul li a{display:inline-block;font-size:13px;color:#4e4e4e;font-weight:bold;letter-spacing:-1px}
.borad_tab .tab_title ul li.active{height:40px;background:#fff;}
.borad_tab .tab_title ul li.active a{color:#000}
.borad_tab .tab_cont{display:none;padding:0;height:150px}
.borad_tab .tab_cont ul li{position:relative;padding-left:25px;background:url(/assets/img/main/bg_list.png) 10px 12px no-repeat;line-height:25px}
.borad_tab .tab_cont ul li a{font-size:13px;color:#000}
.borad_tab .tab_cont ul li .date{font-size:12px;color:#6a6a6a;margin-right:10px;}
.borad_tab .tab_cont ul li .state{position:absolute;top:5px;right:0;width:50px;padding:2px 0;font-family:Dotum;font-size:11px;color:#fff;font-weight:bold;line-height:normal;text-align:center;letter-spacing:-1px}
.borad_tab .tab_cont ul li .state_1{background:#E8A019;}
.borad_tab .tab_cont ul li .state_2{background:#7db800;}
.borad_tab .tab_cont ul li .state_3{background:#CD181F;}
.borad_tab .tab_cont ul li .order-date{position:absolute;top:3px;right:80px;padding:2px 0;font-size:13px;line-height:normal;text-align:center;}


.tab{}
.sub_tab{}
.tab .logo, .tab .package, .tab .naming, .tab .character, .tab .homepage, .tab .card, .tab .leaflet{height:62px;}
.tab .logo ul li.tab_step{float:left;width:230px;height:62px;background:url(/new/img/sub/tab_logo.png)}
.tab .package ul li.tab_step{float:left;width:230px;height:62px;background:url(/new/img/sub/tab_package.png)}
.tab .naming ul li.tab_step{float:left;width:184px;height:62px;background:url(/new/img/sub/tab_naming.png)}
.tab .character ul li.tab_step{float:left;width:230px;height:62px;background:url(/new/img/sub/tab_character.png)}
.tab .homepage ul li.tab_step{float:left;width:230px;height:62px;background:url(/new/img/sub/tab_homepage.png)}
.tab .card ul li.tab_step{float:left;width:131px;height:62px;background:url(/new/img/sub/tab_card.png)}
.tab .leaflet ul li.tab_step{float:left;width:230px;height:62px;background:url(/new/img/sub/tab_leaflet.png)}
.tab .tab_title ul li.tab_01{background-position:0 0}
.tab .tab_title ul li.tab_01.active{background-position:0 -62px}
.tab .tab_title ul li.tab_02{background-position:-230px 0px}
.tab .tab_title ul li.tab_02.active{background-position:-230px -62px}
.tab .tab_title ul li.tab_03{background-position:-459px 0px}
.tab .tab_title ul li.tab_03.active{background-position:-459px -62px}
.tab .tab_title ul li.tab_04{background-position:-689px 0px}
.tab .tab_title ul li.tab_04.active{background-position:-689px -62px}

.tab .naming ul li.tab_01{background-position:0 0}
.tab .naming ul li.tab_01.active{background-position:0 -62px}
.tab .naming ul li.tab_02{background-position:-184px 0}
.tab .naming ul li.tab_02.active{background-position:-184px -62px}
.tab .naming ul li.tab_03{background-position:-367px 0}
.tab .naming ul li.tab_03.active{background-position:-367px -62px}
.tab .naming ul li.tab_04{background-position:-551px 0}
.tab .naming ul li.tab_04.active{background-position:-551px -62px}
.tab .naming ul li.tab_05{background-position:-734px 0}
.tab .naming ul li.tab_05.active{background-position:-734px -62px}

.tab .card ul li.tab_01{background-position:0 0}
.tab .card ul li.tab_01.active{background-position:0 -62px}
.tab .card ul li.tab_02{background-position:-131px 0}
.tab .card ul li.tab_02.active{background-position:-131px -62px}
.tab .card ul li.tab_03{background-position:-262px 0}
.tab .card ul li.tab_03.active{background-position:-262px -62px}
.tab .card ul li.tab_04{background-position:-393px 0}
.tab .card ul li.tab_04.active{background-position:-393px -62px}
.tab .card ul li.tab_05{background-position:-525px 0}
.tab .card ul li.tab_05.active{background-position:-525px -62px}
.tab .card ul li.tab_06{background-position:-656px 0}
.tab .card ul li.tab_06.active{background-position:-656px -62px}
.tab .card ul li.tab_07{background-position:-787px 0}
.tab .card ul li.tab_07.active{background-position:-787px -62px}

.tab .tab_title{ text-align:center}
.tab .tab_title a{display:inline-block;width:100%;/*height:100%;*/}

.tab .tab_title3{ text-align:center}
.tab .tab_title3 a{display:inline-block;width:100%;/*height:100%;*/}


.sub_tab > h1{
	margin-top:30px;
	text-align:center;
	display:none;
}
.logo-title{
	font-family: "Noto Sans KR", sans-serif;
	font-size: 46px;
	color:#111111;
	/*font-weight: bold;*/
	margin-bottom: 48px;
}
.logo-title2{
	font-family: "Noto Sans KR", sans-serif;
	font-size: 46px;
	color:#111111;
	/*font-weight: bold;*/
	margin-bottom: 48px;
	display: block !important;
}


.sub_tab .tab_title{margin:40px 0 0 0px}
.sub_tab .tab_title ul{overflow:hidden; width:1000px;}
.sub_tab .tab_title ul li{float:left;width:224px; margin-right:6px; margin-bottom:2px;}
.sub_tab .tab_title ul li a{border:2px solid #f4f4f4; background:#f4f4f4; }
.sub_tab .tab_title ul li.active a {border:2px solid #000000; background:#FFFFFF;}

.sub_tab .tab_title a{width:auto;border:2px solid #f4f4f4; background:#f4f4f4;  margin-right:5px; margin-bottom:2px; display:inline-block;}
.sub_tab .tab_title a.active {border:2px solid #000000; background:#FFFFFF;}


/*********************** 서브메뉴_로고,로고패키지,네이밍 추가 */
.borad_tab .tab_title3{}
.borad_tab .tab_title3 ul{overflow:hidden;height:39px;background:url(/assets/img/main/bg_tab.png) repeat-x}
.borad_tab .tab_title3 ul:after{display:block;clear:both;content:""}
.borad_tab .tab_title3 ul li{float:left;width:151px;margin-left:4px;padding:12px 0 10px;border:0px solid #c9c9c9;border-bottom:0;background:#e9e9e9;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;}
.borad_tab .tab_title3 ul li:first-child{margin-left:0}
.borad_tab .tab_title3 ul li a{display:inline-block;font-size:13px;color:#4e4e4e;font-weight:bold;letter-spacing:-1px}
.borad_tab .tab_title3 ul li.active{height:40px;background:#fff;}
.borad_tab .tab_title3 ul li.active a{color:#000}


.sub_tab .tab_title3{margin:10px 0 50px 0px}
.sub_tab .tab_title3 ul{overflow:hidden; }
.sub_tab .tab_title3 ul li{float:left; width:131px;}
.sub_tab .tab_title3 ul li a{border:0px solid #f4f4f4; background:#f4f4f4; }
.sub_tab .tab_title3 ul li.active a {border:0px solid #000000; background:#FFFFFF;}

.sub_tab .tab_title3 a{width:auto;border:0px solid #f4f4f4; background:#f4f4f4;  margin-right:5px; margin-bottom:2px; display:inline-block;}
.sub_tab .tab_title3 a.active {border:0px solid #000000; background:#FFFFFF;}

.board_tab_title3 {
	text-align:center;
	margin:10px 0;
}
.board_tab_title3 a{
display:inline-block ;
border:0px solid #f4f4f4; 
}

.board_tab_title3 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}
.board_tab_title3 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}


.borad_tab .tab_title4{}
.borad_tab .tab_title4 ul{overflow:hidden;height:39px;background:url(/assets/img/main/bg_tab.png) repeat-x}
.borad_tab .tab_title4 ul:after{display:block;clear:both;content:""}
.borad_tab .tab_title4 ul li{float:left;width:151px;margin-left:4px;padding:12px 0 10px;border:0px solid #c9c9c9;border-bottom:0;background:#e9e9e9;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;}
.borad_tab .tab_title4 ul li:first-child{margin-left:0}
.borad_tab .tab_title4 ul li a{display:inline-block;font-size:13px;color:#4e4e4e;font-weight:bold;letter-spacing:-1px}
.borad_tab .tab_title4 ul li.active{height:40px;background:#fff;}
.borad_tab .tab_title4 ul li.active a{color:#000}


.sub_tab .tab_title4{margin:10px 0 50px 0px}
.sub_tab .tab_title4 ul{overflow:hidden; }
.sub_tab .tab_title4 ul li{float:left; width:114px;}
.sub_tab .tab_title4 ul li a{border:0px solid #f4f4f4; background:#f4f4f4; }
.sub_tab .tab_title4 ul li.active a {border:0px solid #000000; background:#FFFFFF;}

.sub_tab .tab_title4 a{width:auto;border:0px solid #f4f4f4; background:#f4f4f4;  margin-right:5px; margin-bottom:2px; display:inline-block;}
.sub_tab .tab_title4 a.active {border:0px solid #000000; background:#FFFFFF;}

.board_tab_title4 {
	text-align:center;
	margin:10px 0;
}
.board_tab_title4 a{
display:inline-block ;
border:0px solid #f4f4f4; 
}

.board_tab_title4 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}
.board_tab_title4 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}


.borad_tab .tab_title5{}
.borad_tab .tab_title5 ul{overflow:hidden;height:39px;background:url(/assets/img/main/bg_tab.png) repeat-x}
.borad_tab .tab_title5 ul:after{display:block;clear:both;content:""}
.borad_tab .tab_title5 ul li{float:left;width:151px;margin-left:4px;padding:12px 0 10px;border:0px solid #c9c9c9;border-bottom:0;background:#e9e9e9;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;}
.borad_tab .tab_title5 ul li:first-child{margin-left:0}
.borad_tab .tab_title5 ul li a{display:inline-block;font-size:13px;color:#4e4e4e;font-weight:bold;letter-spacing:-1px}
.borad_tab .tab_title5 ul li.active{height:40px;background:#fff;}
.borad_tab .tab_title5 ul li.active a{color:#000}


.sub_tab .tab_title5{margin:10px 0 50px 0px}
.sub_tab .tab_title5 ul{overflow:hidden; }
.sub_tab .tab_title5 ul li{float:left; width:102px;}
.sub_tab .tab_title5 ul li a{border:0px solid #f4f4f4; background:#f4f4f4; }
.sub_tab .tab_title5 ul li.active a {border:0px solid #000000; background:#FFFFFF;}

.sub_tab .tab_title5 a{width:auto;border:0px solid #f4f4f4; background:#f4f4f4;  margin-right:5px; margin-bottom:2px; display:inline-block;}
.sub_tab .tab_title5 a.active {border:0px solid #000000; background:#FFFFFF;}

.board_tab_title5 {
	text-align:center;
	margin:10px 0;
}
.board_tab_title5 a{
display:inline-block ;
border:0px solid #f4f4f4; 
}

.board_tab_title5 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}
.board_tab_title5 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}

.borad_tab .tab_title6{}
.borad_tab .tab_title6 ul{overflow:hidden;height:39px;background:url(/assets/img/main/bg_tab.png) repeat-x}
.borad_tab .tab_title6 ul:after{display:block;clear:both;content:""}
.borad_tab .tab_title6 ul li{float:left;width:151px;margin-left:4px;padding:12px 0 10px;border:0px solid #c9c9c9;border-bottom:0;background:#e9e9e9;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;}
.borad_tab .tab_title6 ul li:first-child{margin-left:0}
.borad_tab .tab_title6 ul li a{display:inline-block;font-size:13px;color:#4e4e4e;font-weight:bold;letter-spacing:-1px}
.borad_tab .tab_title6 ul li.active{height:40px;background:#fff;}
.borad_tab .tab_title6 ul li.active a{color:#000}


.sub_tab .tab_title6{margin:10px 0 50px 0px}
.sub_tab .tab_title6 ul{overflow:hidden; }
.sub_tab .tab_title6 ul li{float:left; width:114px;}
.sub_tab .tab_title6 ul li a{border:0px solid #f4f4f4; background:#f4f4f4; }
.sub_tab .tab_title6 ul li.active a {border:0px solid #000000; background:#FFFFFF;}

.sub_tab .tab_title6 a{width:auto;border:0px solid #f4f4f4; background:#f4f4f4;  margin-right:5px; margin-bottom:2px; display:inline-block;}
.sub_tab .tab_title6 a.active {border:0px solid #000000; background:#FFFFFF;}

.board_tab_title6 {
	text-align:center;
	margin:10px 0;
}
.board_tab_title6 a{
display:inline-block ;
border:0px solid #f4f4f4; 
}

.board_tab_title6 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}
.board_tab_title6 a:hover, .board_tab_title a.active{
border:0px solid #000000; 
}



.tab_title2{margin:40px 0; height:54px;  border-bottom:3px solid #000}
.tab_title2 ul li{float:left;}
.tab_title2 ul li a{}
.tab_title2 ul li.active a {}



.page-tab{padding-bottom:40px}
.page-tab ul{overflow:hidden}
.page-tab ul li{float:left}

.tab .tab_cont{padding-bottom:30px;}
.tab .tab_cont .title{padding:45px 0 30px}
.tab .tab_cont .title3{padding:45px 0 30px}
.tab .tab_cont .title02{padding:0 0 30px 0}
.tab .tab_cont .table{width:100%}
.tab .tab_cont .table thead th{height:64px;background:url(/logopaper/img/sub/title_table.png) no-repeat;text-align:left;padding-left:45px;font-size:26px;font-weight:bold;color:#fff;letter-spacing:-0.5px}


.textarea-gr{margin:0 0 20px}
.textarea-gr .textarea-btn{text-align:right}
.textarea-gr .textarea-btn label{padding-left:15px}
.textarea-gr .textarea-btn input{vertical-align:middle;margin:1px}
.textarea{background:#fff;border:1px solid #ddd;margin:10px 0 5px;padding:15px;width:96%}

.advice{}
.advice .type{margin-bottom:40px}
.advice .type ul{overflow:hidden}
.advice .type ul li{float:left;margin-bottom:10px;width:16.6%;text-align:center;font-family: Dotum}
.advice .type ul li label{display:inline-block}
.advice .type ul li label img{pointer-events:none}
.advice .type ul li .radio{margin:15px 0 10px}
.advice-title-box{margin-top:20px;font-size:20px;}
.advice .advice-title{float:left;height:47px;line-height:47px;color:#fff;font-size:20px;font-weight:bold;background:url('/new/img/sub/advice_title.png') no-repeat;width:180px;padding-right:20px;text-align:center;}
.advice-title-box div.add-txt{float:right;font-size:12px; font-weight:bold;margin-top:25px;}
.advice table{width:100%;border-top:2px solid #363636;border-bottom:2px solid #363636;background:#fafafa;font-family:Dotum;padding:25px 35px;margin:0 0 40px 0;border-collapse: inherit}
.advice table th{padding:12px 0;color:#363636;text-align:left;border-bottom:1px solid #e3e3e3;}
.advice table td{padding:5px;border-bottom:1px solid #e3e3e3}
.advice table td.total{font-size:13px}
.advice table td.total .price{font-size:14px;color:#ff0000;font-weight:bold}
.advice table td .input-text{height:24px;line-height:24px;padding:0px 4px;margin:1px 0;border:1px solid #dadada;background:#fff}
.advice table td .textarea{padding:5px;border:1px solid #dadada;width:100%;}
.orderer th{font-size:14px}
.orderer label{padding-right:10px}
.orderer .radio{margin:1px;vertical-align:middle}
.design th{font-size:12px;font-weight:normal;padding:18px 0 !important;vertical-align:top}
.design td .radio{margin:0 15px 0 0;vertical-align:middle}
.advice-btn{text-align:center;}
.advice-btn a{display:inline-block;padding:0 4px}


.btn,
.btn-box
{overflow:hidden;padding:20px 0 25px}
.btn .btn-left,
.btn-box .btn-left
{float:left}
.btn .btn-right,
.btn-box .btn-right{float:right}
.btn-close{float:right;display:inline-block;margin:5px 0;padding:5px 10px;background:#464646;font-weight:bold;color:#fff}


.hide{display:none}
.center{padding:0 0 30px;}
.center2{padding:50px 0 30px;}
.group{padding:0 0 0 0}
.prod{overflow:hidden;clear: both}
.prod .prod_img{float:left;width: 358px; position: relative}
.prod .prod_txt{float:right;width: 460px; position: relative}


#bigThumb {position:relative;height:230px}
#bigThumb img{position:absolute;left:0;top:0;opacity:0;	}
.images {margin: 3px 0}
.images img {cursor: pointer; margin:2px 0}


.show_price table{width:100%;margin:15px 0;border-top:2px solid #E50B2B}
.show_price th{padding:5px;font-size:14px;background:#FCFCFC;border-bottom:1px solid #E2E2E2;}
.show_price td{text-align:center;padding:3px 5px;border-bottom:1px solid #E2E2E2;}

.clsBannerScreen {overflow: hidden;position:relative; height:0px; width:917px; clear:both; z-index:50;}
.clsBannerScreen .images {position:absolute; display:none; text-align:right;}
ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }
.clsBannerButton {	cursor: pointer;	width: 100%;	text-align: left;	position:absolute;	z-index: 100000;	left: 10px;	bottom: 10px;}
.clsBannerButton li.labelOverClass {font-weight:bold;}
.clsBannerButton li{display:inline; }

.board-tbl{}
.board-tbl table{width:100%;border-top:2px solid #E50B2B}
.board-tbl th{padding:10px;text-align:left;font-weight:normal;border-bottom:1px solid #ddd}
.board-tbl td{padding:10px 15px;border-bottom:1px solid #ddd}
.board-tbl td .input{padding:4px 5px;border:1px solid #d0d0d0;margin:1px}
.board-tbl td .radio{padding:2px;vertical-align:middle;margin:0 4px}


.pf-type{overflow:hidden;margin-bottom:40px}
.pf-type .all{float:left;box-sizing:border-box; width:190px;padding:10px;font-size:14px;font-family:Dotum;letter-spacing:-1px;font-weight:bold;border:2px solid #61a62e; margin-right:10px;}
.pf-type .all.active {
	color:#ffffff; background-color:#61a62e;
}
.pf-type ul{float:left;overflow:hidden;width:700px;}
.pf-type ul li{float:left;width:22%; border:2px solid #61a62e; margin:0 10px 10px 0; font-weight:bold; }
/*pf-type ul li{float:left;width:25%;background:url(/new/img/sub/pf-type.png) 5px 10px no-repeat; }*/
.pf-type ul li a{display:block;padding:10px;font-size:14px;font-family:Dotum;letter-spacing:-1px;}
.pf-type ul li a.active,
.pf-type ul li a:hover{color:#ffffff; background-color:#61a62e;padding:10px;}
.pf-list{}
.pf-list ul{}
.pf-list ul li{margin:10px 0;text-align:center}

.logo-pf{}
.logo-pf 
.logo-pf .pf-banner{margin:40px 0;}
.logo-pf .pf-list{}
.logo-pf .pf-list ul{overflow:hidden}
.logo-pf .pf-list ul li{float:left;width:19%;margin:10px 3px;border-bottom:1px solid #ddd;text-align:center}
.logo-pf .pf-list ul li .img{height:110px;}
.logo-pf .pf-list ul li .img img{width:170px;}
.logo-pf .pf-list ul li .name{padding:5px 0;min-height: 40px; display: flex; align-items: center; justify-content: center}
.logo-pf .pf-list ul li .url{padding:0 0 5px; color:#999; font-size:12px}

.paging{text-align:center;margin:10px 0}
.paging a:hover{color:#f66901;text-decoration:none}
.paging .bbs_list_page{color:#f66901;text-decoration:none}

#bpopup {
	position:absolute;
	left:50%;
	margin-top:-250px;
	margin-left:-360px;
	z-index:99999;
	background-color:#fff;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
    box-shadow: 5px 5px 5px 0px #333;
	-webkit-box-shadow: 5px 5px 5px 0px #333;
	-moz-shadow: 5px 5px 5px 0px #333;
	display:none;
	padding:20px;
	border:1px solid #ccc;
}
#bpopup .b-close {
	color:#000;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	cursor:pointer;
}
#backDiv {
	position:fixed;
	background-color:#000;
	left:0;
	top:0;
	z-index:100;
	display:none;
}


.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.board-title{
	margin:50px 0 40px;
	text-align:center;
}
.board_tab_title {
	text-align:center;
	margin:10px 0;
}
.board_tab_title a{
display:inline-block ;
border:2px solid #f4f4f4; 
}

.board_tab_title a:hover, .board_tab_title a.active{
border:2px solid #000000; 
}

/* 웹폰트 작업 */
.pre_title{font-family: 'pretendardvariable', sans-serif; 
font-size: 33px; 
color: #000000;
font-weight: 600;
}

.pre_45{font-family: 'pretendardvariable', sans-serif; 
font-size: 45px; 
color: #000000;
font-weight: 100;
}

.pre_40{font-family: 'pretendardvariable', sans-serif; 
font-size: 40px; 
color: #373737;
font-weight: 800;
line-height: 120%;
}
.pre_30{font-family: 'pretendardvariable', sans-serif; 
font-size: 30px; 
color: #000000;
font-weight: 400;
line-height: 120%;
}
.pre_30_b{font-family: 'pretendardvariable', sans-serif; 
font-size: 30px; 
color: #000000;
font-weight: 800;
line-height: 120%;
}
.pre_27_w{font-family: 'pretendardvariable', sans-serif; 
font-size: 27px; 
color: #ffffff;
font-weight: 600;
}
.pre_22{font-family: 'pretendardvariable', sans-serif; 
font-size: 22px; 
color: #000000;
font-weight: 600;
}

.pre_18_w{font-family: 'pretendardvariable', sans-serif; 
font-size: 18px; 
color: #ffffff;
font-weight: 600;
}
.pre_17{font-family: 'pretendardvariable', sans-serif; 
font-size: 17px; 
color: #373737;
font-weight: 400;
}
.pre_17_b{font-family: 'pretendardvariable', sans-serif; 
font-size: 17px; 
color: #000000;
font-weight: 400;
}
.pre_17_red{font-family: 'pretendardvariable', sans-serif; 
font-size: 17px; 
color: #e7002c;
font-weight: 800;
}
.pre_16_w{font-family: 'pretendardvariable', sans-serif; 
font-size: 16px; 
color: #ffffff;
font-weight: 400;
}

.pre_15_b{font-family: 'pretendardvariable', sans-serif; 
font-size: 17px; 
color: #6392c6;
font-weight: 400;
}
.pre_14_red{font-family: 'pretendardvariable', sans-serif; 
font-size: 14px; 
color: #e7002c;
font-weight: 600;
}
.gmark_52{font-family: 'Gmarket Sans', sans-serif; 
font-size: 52px; 
color: #ffffff;
font-weight: 700;
}

#gray_line{ width: 100%; height: 1px; background-color: #bdbdbd;}
#gray_line2{ width: 100%; height: 1px; background-color: #e8e8e8;}
#gray_line3{ width: 100%; height: 1px; background-color: #dedede;}
#black_line{ width: 100%; height: 1px; background-color: #000000;}