@charset "utf-8";
@import url('./common.css');

@font-face {
	font-family:'Nanum Gothic';
	src:url('./font/NanumGothic.eot');
	src:url('./font/NanumGothic.eot?#iefix') format('embeded-opentype'),
		url('./font/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'Nanum Gothic Bold';
	src:url('./font/NanumGothicBold.eot');
	src:url('./font/NanumGothicBold.eot?#iefix') format('embeded-opentype'),
		url('./font/NanumGothicBold.woff') format('woff');
}


/*****************************/
/* Publisher olibu. Reset CSS */
/*****************************/

/* ---------------------
base
---------------------- */

.sub_img.sub_img3 {background: url('/img/sub/sub_img3.jpg')no-repeat 50% 0; background-size: cover;}
.sub_img.sub_img4 {background: url('/img/sub/sub_img4.jpg')no-repeat 50% 0; background-size: cover;}
.sub_img.sub_img5 {background: url('/img/sub/sub_img5.jpg')no-repeat 50% 0; background-size: cover;}

.sub_img_title,
.sub_img_title .h2,
.sub_img_title .h3 {color: #fff;}



/* Input Reset */
input[type="checkbox"]{margin:0; vertical-align:middle; margin-right:2px}
input[type="radio"]{margin:0; vertical-align:middle; margin-right:2px}
input[type="file"] {border:0px solid #ccc;padding:2px 5px}
input[type=text] {border-radius: 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}

input {margin:0;vertical-align:middle;color:#666;background:#fff;border:1px solid #d2d2d2;border-radius:0px;transition: all 0.3s ease-out}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
input:focus {outline: none;border-radius:0px;border-color:#e50112;}

input::-webkit-input-placeholder { color:#424242;font-family:'Nanum Gothic'; font-size: 13px;  }
input::-moz-placeholder { color:#424242;font-family:'Nanum Gothic'; font-size: 13px;  }


/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select{-webkit-border-radius:0}


select {background:url('/img/board/select_arrow.png') right center no-repeat #fff; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */border:1px solid #cccccc;height:30px;padding:0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;color:#666;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}


button {padding:0; margin:0; border:0; vertical-align:middle; background:none; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}

/* Input Reset */

.png24 {tmp:expression(setPng24(this));}
@media print {.noprint { display:none; }}

a {color:#404040; text-decoration:none;cursor:pointer;}
a:hover {
	color:#e50112;
	text-decoration:none;
}
a.hover:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	}

a.active { color:#e50112;}
a:focus {text-decoration: none;}

/*	text-align styles
-------------------------------------------------------------------*/
.center	{ text-align: center !important; }
.left {	text-align: left !important; }
.right { text-align: right !important; }
.middle { vertical-align: middle !important; }
.top { vertical-align: top !important; }

.pointer {cursor:pointer;}
.blind {position:absolute; left:-9999em; overflow:hidden; width:0; height:0; line-height:0;}

.btn_left{display: block; text-align:left;}
.btn_center{clear:both; float:none; display: block; text-align:center}
.btn_right{display: block; text-align:right;}

/*	size styles
-------------------------------------------------------------------*/
.f10 { font-size:10px; }  /*renders 10px */
.f11 { font-size:11px; }  /*renders 11px */
.f12 { font-size:12px; }  /*renders 12px */
.f13 { font-size:13px; }  /*renders 12px */
.f14 { font-size:14px; } /*renders 14px */
.f15 { font-size:15px; } /*renders 15px */
.f16 { font-size:16px; } /*renders 16px */
.f18 { font-size:18px; } /*renders 18px */
.f20 { font-size:20px; } /*renders 20px */
.f22 { font-size:22px; } /*renders 22px */
.f24 { font-size:24px; } /*renders 24px */
.f26 { font-size:26px; } /*renders 26px */
.f30 { font-size:30px; } /*renders 30px */
.f34 { font-size:34px; } /*renders 34px */
.f36 { font-size:36px; } /*renders 36px */
.f38 { font-size:38px; } /*renders 38px */

.fEB {font-family:'Nanum Gothic EB';}
.fBold {font-family:'Nanum Gothic Bold';}
.fNormal {font-family:'Nanum Gothic';}
.fLight {font-family:'Nanum Gothic Light';}

.NSL{font-family:'NanumSquareL';}
.NSR{font-family:'NanumSquareR';}
.NSB{font-family:'NanumSquareB';}
.NSEb{font-family:'NanumSquareEB';}

.GothamB{font-family:'GothamBold';}
.GothamM{font-family:'GothamMedium';}
.GothamL{font-family:'GothamLight';}

/*	color styles
-------------------------------------------------------------------*/
.red { color: #C00 !important; }
.blue { color: #0063b6 !important; }
.lblue { color: #12a8d9 !important; }
.dblue { color: #126fb6 !important; }
.red01 { color: #cb1430 !important; }
.white { color: #ffffff; }
.dgray { color: #424242; }
.gray { color: #AAA; }
.gray1 { color: #d9dee5; }
.gray2 { color: #bbb; }
.gray3 { color: #777; }
.gray4 { color: #333; }
.gray5 { color: #9f9f9f; }
.gray6 { color: #5f5f5f; }
.gray7 { color: #1a1a1a; }
.green { color: #487328; }
.green2 { color: #9dc675; }
.yellow { color: #FC0; }
.brown { color: #826844; }
.orange { color: #fa993b; }
.gblack { color: #2a2a2a; }
.black { color: #000; }
.dred { color: #c92026;}
.red02 { color: #d11222 !important; }
.black { color: #000; }

.line-through {text-decoration: line-through}
 
/* clearFix */
.clearFix:before,
.clearFix:after { content:" "; display:table; clear:both; height:0;}
* html .clearFix {height:1%}
.clear { clear:both; }

/* float */
.floatL { float:left;}
.floatR { float:right;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

/* drag color */
::selection {background:#e50112; color:#FFF; text-shadow:none;}
::-moz-selection {background:#e50112; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#e50112/*1eb875*/; color:#FFF; text-shadow:none;} 

/*==================================================================
	padding setting
===================================================================*/

.p0{padding:0px !important; }
.p1{padding:1px !important; }
.p2{padding:2px !important; }
.p3{padding:3px !important; }
.p4{padding:4px !important; }
.p5{padding:5px !important; }
.p6{padding:6px !important; }
.p7{padding:7px !important; }
.p8{padding:8px !important; }
.p9{padding:9px !important; }
.p10{padding:10px !important; }
.p11{padding:11px !important; }
.p12{padding:12px !important; }
.p13{padding:13px !important; }
.p14{padding:14px !important; }
.p15{padding:15px !important; }
.p16{padding:16px !important; }
.p17{padding:17px !important; }
.p18{padding:18px !important; }
.p19{padding:19px !important; }
.p20{padding:20px !important; }
.p21{padding:21px !important; }
.p22{padding:22px !important; }
.p23{padding:23px !important; }
.p24{padding:24px !important; }
.p25{padding:25px !important; }
.p26{padding:26px !important; }
.p27{padding:27px !important; }
.p28{padding:28px !important; }
.p29{padding:29px !important; }
.p30{padding:30px !important; }
.p31{padding:31px !important; }
.p32{padding:32px !important; }
.p33{padding:33px !important; }
.p34{padding:34px !important; }
.p35{padding:35px !important; }
.p36{padding:36px !important; }
.p37{padding:37px !important; }
.p38{padding:38px !important; }
.p39{padding:39px !important; }
.p40{padding:40px !important; }
.p41{padding:41px !important; }
.p42{padding:42px !important; }
.p43{padding:43px !important; }
.p44{padding:44px !important; }
.p45{padding:45px !important; }
.p46{padding:46px !important; }
.p47{padding:47px !important; }
.p48{padding:48px !important; }
.p49{padding:49px !important; }
.p50{padding:50px !important; }

.pt0{padding-top:0px !important; }
.pt1{padding-top:1px !important; }
.pt2{padding-top:2px !important; }
.pt3{padding-top:3px !important; }
.pt4{padding-top:4px !important; }
.pt5{padding-top:5px !important; }
.pt6{padding-top:6px !important; }
.pt7{padding-top:7px !important; }
.pt8{padding-top:8px !important; }
.pt9{padding-top:9px !important; }
.pt10{padding-top:10px !important; }
.pt11{padding-top:11px !important; }
.pt12{padding-top:12px !important; }
.pt13{padding-top:13px !important; }
.pt14{padding-top:14px !important; }
.pt15{padding-top:15px !important; }
.pt16{padding-top:16px !important; }
.pt17{padding-top:17px !important; }
.pt18{padding-top:18px !important; }
.pt19{padding-top:19px !important; }
.pt20{padding-top:20px !important; }
.pt21{padding-top:21px !important; }
.pt22{padding-top:22px !important; }
.pt23{padding-top:23px !important; }
.pt24{padding-top:24px !important; }
.pt25{padding-top:25px !important; }
.pt26{padding-top:26px !important; }
.pt27{padding-top:27px !important; }
.pt28{padding-top:28px !important; }
.pt29{padding-top:29px !important; }
.pt30{padding-top:30px !important; }
.pt31{padding-top:31px !important; }
.pt32{padding-top:32px !important; }
.pt33{padding-top:33px !important; }
.pt34{padding-top:34px !important; }
.pt35{padding-top:35px !important; }
.pt36{padding-top:36px !important; }
.pt37{padding-top:37px !important; }
.pt38{padding-top:38px !important; }
.pt39{padding-top:39px !important; }
.pt40{padding-top:40px !important; }
.pt41{padding-top:41px !important; }
.pt42{padding-top:42px !important; }
.pt43{padding-top:43px !important; }
.pt44{padding-top:44px !important; }
.pt45{padding-top:45px !important; }
.pt46{padding-top:46px !important; }
.pt47{padding-top:47px !important; }
.pt48{padding-top:48px !important; }
.pt49{padding-top:49px !important; }
.pt50{padding-top:50px !important; }
.pt55{padding-top:55px !important; }
.pt60{padding-top:60px !important; }
.pt70{padding-top:70px !important; }
.pt80{padding-top:80px !important; }
.pt90{padding-top:90px !important; }
.pt100{padding-top:100px !important; }


.pr0{padding-right:0px !important; }
.pr1{padding-right:1px !important; }
.pr2{padding-right:2px !important; }
.pr3{padding-right:3px !important; }
.pr4{padding-right:4px !important; }
.pr5{padding-right:5px !important; }
.pr6{padding-right:6px !important; }
.pr7{padding-right:7px !important; }
.pr8{padding-right:8px !important; }
.pr9{padding-right:9px !important; }
.pr10{padding-right:10px !important; }
.pr11{padding-right:11px !important; }
.pr12{padding-right:12px !important; }
.pr13{padding-right:13px !important; }
.pr14{padding-right:14px !important; }
.pr15{padding-right:15px !important; }
.pr16{padding-right:16px !important; }
.pr17{padding-right:17px !important; }
.pr18{padding-right:18px !important; }
.pr19{padding-right:19px !important; }
.pr20{padding-right:20px !important; }
.pr21{padding-right:21px !important; }
.pr22{padding-right:22px !important; }
.pr23{padding-right:23px !important; }
.pr24{padding-right:24px !important; }
.pr25{padding-right:25px !important; }
.pr26{padding-right:26px !important; }
.pr27{padding-right:27px !important; }
.pr28{padding-right:28px !important; }
.pr29{padding-right:29px !important; }
.pr30{padding-right:30px !important; }
.pr31{padding-right:31px !important; }
.pr32{padding-right:32px !important; }
.pr33{padding-right:33px !important; }
.pr34{padding-right:34px !important; }
.pr35{padding-right:35px !important; }
.pr36{padding-right:36px !important; }
.pr37{padding-right:37px !important; }
.pr38{padding-right:38px !important; }
.pr39{padding-right:39px !important; }
.pr40{padding-right:40px !important; }
.pr41{padding-right:41px !important; }
.pr42{padding-right:42px !important; }
.pr43{padding-right:43px !important; }
.pr44{padding-right:44px !important; }
.pr45{padding-right:45px !important; }
.pr46{padding-right:46px !important; }
.pr47{padding-right:47px !important; }
.pr48{padding-right:48px !important; }
.pr49{padding-right:49px !important; }
.pr50{padding-right:50px !important; }

.pb0{padding-bottom:0px !important; }
.pb1{padding-bottom:1px !important; }
.pb2{padding-bottom:2px !important; }
.pb3{padding-bottom:3px !important; }
.pb4{padding-bottom:4px !important; }
.pb5{padding-bottom:5px !important; }
.pb6{padding-bottom:6px !important; }
.pb7{padding-bottom:7px !important; }
.pb8{padding-bottom:8px !important; }
.pb9{padding-bottom:9px !important; }
.pb10{padding-bottom:10px !important; }
.pb11{padding-bottom:11px !important; }
.pb12{padding-bottom:12px !important; }
.pb13{padding-bottom:13px !important; }
.pb14{padding-bottom:14px !important; }
.pb15{padding-bottom:15px !important; }
.pb16{padding-bottom:16px !important; }
.pb17{padding-bottom:17px !important; }
.pb18{padding-bottom:18px !important; }
.pb19{padding-bottom:19px !important; }
.pb20{padding-bottom:20px !important; }
.pb21{padding-bottom:21px !important; }
.pb22{padding-bottom:22px !important; }
.pb23{padding-bottom:23px !important; }
.pb24{padding-bottom:24px !important; }
.pb25{padding-bottom:25px !important; }
.pb26{padding-bottom:26px !important; }
.pb27{padding-bottom:27px !important; }
.pb28{padding-bottom:28px !important; }
.pb29{padding-bottom:29px !important; }
.pb30{padding-bottom:30px !important; }
.pb31{padding-bottom:31px !important; }
.pb32{padding-bottom:32px !important; }
.pb33{padding-bottom:33px !important; }
.pb34{padding-bottom:34px !important; }
.pb35{padding-bottom:35px !important; }
.pb36{padding-bottom:36px !important; }
.pb37{padding-bottom:37px !important; }
.pb38{padding-bottom:38px !important; }
.pb39{padding-bottom:39px !important; }
.pb40{padding-bottom:40px !important; }
.pb41{padding-bottom:41px !important; }
.pb42{padding-bottom:42px !important; }
.pb43{padding-bottom:43px !important; }
.pb44{padding-bottom:44px !important; }
.pb45{padding-bottom:45px !important; }
.pb46{padding-bottom:46px !important; }
.pb47{padding-bottom:47px !important; }
.pb48{padding-bottom:48px !important; }
.pb49{padding-bottom:49px !important; }
.pb50{padding-bottom:50px !important; }

.pl0{padding-left:0px !important; }
.pl1{padding-left:1px !important; }
.pl2{padding-left:2px !important; }
.pl3{padding-left:3px !important; }
.pl4{padding-left:4px !important; }
.pl5{padding-left:5px !important; }
.pl6{padding-left:6px !important; }
.pl7{padding-left:7px !important; }
.pl8{padding-left:8px !important; }
.pl9{padding-left:9px !important; }
.pl10{padding-left:10px !important; }
.pl11{padding-left:11px !important; }
.pl12{padding-left:12px !important; }
.pl13{padding-left:13px !important; }
.pl14{padding-left:14px !important; }
.pl15{padding-left:15px !important; }
.pl16{padding-left:16px !important; }
.pl17{padding-left:17px !important; }
.pl18{padding-left:18px !important; }
.pl19{padding-left:19px !important; }
.pl20{padding-left:20px !important; }
.pl21{padding-left:21px !important; }
.pl22{padding-left:22px !important; }
.pl23{padding-left:23px !important; }
.pl24{padding-left:24px !important; }
.pl25{padding-left:25px !important; }
.pl26{padding-left:26px !important; }
.pl27{padding-left:27px !important; }
.pl28{padding-left:28px !important; }
.pl29{padding-left:29px !important; }
.pl30{padding-left:30px !important; }
.pl31{padding-left:31px !important; }
.pl32{padding-left:32px !important; }
.pl33{padding-left:33px !important; }
.pl34{padding-left:34px !important; }
.pl35{padding-left:35px !important; }
.pl36{padding-left:36px !important; }
.pl37{padding-left:37px !important; }
.pl38{padding-left:38px !important; }
.pl39{padding-left:39px !important; }
.pl40{padding-left:40px !important; }
.pl41{padding-left:41px !important; }
.pl42{padding-left:42px !important; }
.pl43{padding-left:43px !important; }
.pl44{padding-left:44px !important; }
.pl45{padding-left:45px !important; }
.pl46{padding-left:46px !important; }
.pl47{padding-left:47px !important; }
.pl48{padding-left:48px !important; }
.pl49{padding-left:49px !important; }
.pl50{padding-left:50px !important; }
.pl55{padding-left:55px !important; }
.pl60{padding-left:60px !important; }
.pl70{padding-left:70px !important; }
.pl80{padding-left:80px !important; }
.pl90{padding-left:90px !important; }
.pl95{padding-left:95px !important; }
.pl100{padding-left:100px !important; }
.pl110{padding-left:110px !important; }
.pl120{padding-left:120px !important; }
.pl125{padding-left:125px !important; }
.pl350{padding-left:350px !important; }

/*==================================================================
	margin setting
===================================================================*/

.m0{margin:0px !important; }
.m1{margin:1px !important; }
.m2{margin:2px !important; }
.m3{margin:3px !important; }
.m4{margin:4px !important; }
.m5{margin:5px !important; }
.m6{margin:6px !important; }
.m7{margin:7px !important; }
.m8{margin:8px !important; }
.m9{margin:9px !important; }
.m10{margin:10px !important; }
.m11{margin:11px !important; }
.m12{margin:12px !important; }
.m13{margin:13px !important; }
.m14{margin:14px !important; }
.m15{margin:15px !important; }
.m16{margin:16px !important; }
.m17{margin:17px !important; }
.m18{margin:18px !important; }
.m19{margin:19px !important; }
.m20{margin:20px !important; }
.m21{margin:21px !important; }
.m22{margin:22px !important; }
.m23{margin:23px !important; }
.m24{margin:24px !important; }
.m25{margin:25px !important; }
.m26{margin:26px !important; }
.m27{margin:27px !important; }
.m28{margin:28px !important; }
.m29{margin:29px !important; }
.m30{margin:30px !important; }
.m31{margin:31px !important; }
.m32{margin:32px !important; }
.m33{margin:33px !important; }
.m34{margin:34px !important; }
.m35{margin:35px !important; }
.m36{margin:36px !important; }
.m37{margin:37px !important; }
.m38{margin:38px !important; }
.m39{margin:39px !important; }
.m40{margin:40px !important; }
.m41{margin:41px !important; }
.m42{margin:42px !important; }
.m43{margin:43px !important; }
.m44{margin:44px !important; }
.m45{margin:45px !important; }
.m46{margin:46px !important; }
.m47{margin:47px !important; }
.m48{margin:48px !important; }
.m49{margin:49px !important; }
.m50{margin:50px !important; }


.mt0{margin-top:0px !important; }
.mt1{margin-top:1px !important; }
.mt2{margin-top:2px !important; }
.mt3{margin-top:3px !important; }
.mt4{margin-top:4px !important; }
.mt5{margin-top:5px !important; }
.mt6{margin-top:6px !important; }
.mt7{margin-top:7px !important; }
.mt8{margin-top:8px !important; }
.mt9{margin-top:9px !important; }
.mt10{margin-top:10px !important; }
.mt11{margin-top:11px !important; }
.mt12{margin-top:12px !important; }
.mt13{margin-top:13px !important; }
.mt14{margin-top:14px !important; }
.mt15{margin-top:15px !important; }
.mt16{margin-top:16px !important; }
.mt17{margin-top:17px !important; }
.mt18{margin-top:18px !important; }
.mt19{margin-top:19px !important; }
.mt20{margin-top:20px !important; }
.mt21{margin-top:21px !important; }
.mt22{margin-top:22px !important; }
.mt23{margin-top:23px !important; }
.mt24{margin-top:24px !important; }
.mt25{margin-top:25px !important; }
.mt26{margin-top:26px !important; }
.mt27{margin-top:27px !important; }
.mt28{margin-top:28px !important; }
.mt29{margin-top:29px !important; }
.mt30{margin-top:30px !important; }
.mt31{margin-top:31px !important; }
.mt32{margin-top:32px !important; }
.mt33{margin-top:33px !important; }
.mt34{margin-top:34px !important; }
.mt35{margin-top:35px !important; }
.mt36{margin-top:36px !important; }
.mt37{margin-top:37px !important; }
.mt38{margin-top:38px !important; }
.mt39{margin-top:39px !important; }
.mt40{margin-top:40px !important; }
.mt41{margin-top:41px !important; }
.mt42{margin-top:42px !important; }
.mt43{margin-top:43px !important; }
.mt44{margin-top:44px !important; }
.mt45{margin-top:45px !important; }
.mt46{margin-top:46px !important; }
.mt47{margin-top:47px !important; }
.mt48{margin-top:48px !important; }
.mt49{margin-top:49px !important; }
.mt50{margin-top:50px !important; }
.mt60{margin-top:60px !important; }
.mt65{margin-top:65px !important; }
.mt70{margin-top:70px !important; }
.mt80{margin-top:80px !important; }
.mt90{margin-top:90px !important; }
.mt100{margin-top:100px !important; }
.mt120{margin-top:120px !important; }

.mr0{margin-right:0px !important; }
.mr1{margin-right:1px !important; }
.mr2{margin-right:2px !important; }
.mr3{margin-right:3px !important; }
.mr4{margin-right:4px !important; }
.mr5{margin-right:5px !important; }
.mr6{margin-right:6px !important; }
.mr7{margin-right:7px !important; }
.mr8{margin-right:8px !important; }
.mr9{margin-right:9px !important; }
.mr10{margin-right:10px !important; }
.mr11{margin-right:11px !important; }
.mr12{margin-right:12px !important; }
.mr13{margin-right:13px !important; }
.mr14{margin-right:14px !important; }
.mr15{margin-right:15px !important; }
.mr16{margin-right:16px !important; }
.mr17{margin-right:17px !important; }
.mr18{margin-right:18px !important; }
.mr19{margin-right:19px !important; }
.mr20{margin-right:20px !important; }
.mr21{margin-right:21px !important; }
.mr22{margin-right:22px !important; }
.mr23{margin-right:23px !important; }
.mr24{margin-right:24px !important; }
.mr25{margin-right:25px !important; }
.mr26{margin-right:26px !important; }
.mr27{margin-right:27px !important; }
.mr28{margin-right:28px !important; }
.mr29{margin-right:29px !important; }
.mr30{margin-right:30px !important; }
.mr31{margin-right:31px !important; }
.mr32{margin-right:32px !important; }
.mr33{margin-right:33px !important; }
.mr34{margin-right:34px !important; }
.mr35{margin-right:35px !important; }
.mr36{margin-right:36px !important; }
.mr37{margin-right:37px !important; }
.mr38{margin-right:38px !important; }
.mr39{margin-right:39px !important; }
.mr40{margin-right:40px !important; }
.mr41{margin-right:41px !important; }
.mr42{margin-right:42px !important; }
.mr43{margin-right:43px !important; }
.mr44{margin-right:44px !important; }
.mr45{margin-right:45px !important; }
.mr46{margin-right:46px !important; }
.mr47{margin-right:47px !important; }
.mr48{margin-right:48px !important; }
.mr49{margin-right:49px !important; }
.mr50{margin-right:50px !important; }

.mb0{margin-bottom:0px !important; }
.mb1{margin-bottom:1px !important; }
.mb2{margin-bottom:2px !important; }
.mb3{margin-bottom:3px !important; }
.mb4{margin-bottom:4px !important; }
.mb5{margin-bottom:5px !important; }
.mb6{margin-bottom:6px !important; }
.mb7{margin-bottom:7px !important; }
.mb8{margin-bottom:8px !important; }
.mb9{margin-bottom:9px !important; }
.mb10{margin-bottom:10px !important; }
.mb11{margin-bottom:11px !important; }
.mb12{margin-bottom:12px !important; }
.mb13{margin-bottom:13px !important; }
.mb14{margin-bottom:14px !important; }
.mb15{margin-bottom:15px !important; }
.mb16{margin-bottom:16px !important; }
.mb17{margin-bottom:17px !important; }
.mb18{margin-bottom:18px !important; }
.mb19{margin-bottom:19px !important; }
.mb20{margin-bottom:20px !important; }
.mb21{margin-bottom:21px !important; }
.mb22{margin-bottom:22px !important; }
.mb23{margin-bottom:23px !important; }
.mb24{margin-bottom:24px !important; }
.mb25{margin-bottom:25px !important; }
.mb26{margin-bottom:26px !important; }
.mb27{margin-bottom:27px !important; }
.mb28{margin-bottom:28px !important; }
.mb29{margin-bottom:29px !important; }
.mb30{margin-bottom:30px !important; }
.mb31{margin-bottom:31px !important; }
.mb32{margin-bottom:32px !important; }
.mb33{margin-bottom:33px !important; }
.mb34{margin-bottom:34px !important; }
.mb35{margin-bottom:35px !important; }
.mb36{margin-bottom:36px !important; }
.mb37{margin-bottom:37px !important; }
.mb38{margin-bottom:38px !important; }
.mb39{margin-bottom:39px !important; }
.mb40{margin-bottom:40px !important; }
.mb41{margin-bottom:41px !important; }
.mb42{margin-bottom:42px !important; }
.mb43{margin-bottom:43px !important; }
.mb44{margin-bottom:44px !important; }
.mb45{margin-bottom:45px !important; }
.mb46{margin-bottom:46px !important; }
.mb47{margin-bottom:47px !important; }
.mb48{margin-bottom:48px !important; }
.mb49{margin-bottom:49px !important; }
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.ml0{margin-left:0px !important; }
.ml1{margin-left:1px !important; }
.ml2{margin-left:2px !important; }
.ml3{margin-left:3px !important; }
.ml4{margin-left:4px !important; }
.ml5{margin-left:5px !important; }
.ml6{margin-left:6px !important; }
.ml7{margin-left:7px !important; }
.ml8{margin-left:8px !important; }
.ml9{margin-left:9px !important; }
.ml10{margin-left:10px !important; }
.ml11{margin-left:11px !important; }
.ml12{margin-left:12px !important; }
.ml13{margin-left:13px !important; }
.ml14{margin-left:14px !important; }
.ml15{margin-left:15px !important; }
.ml16{margin-left:16px !important; }
.ml17{margin-left:17px !important; }
.ml18{margin-left:18px !important; }
.ml19{margin-left:19px !important; }
.ml20{margin-left:20px !important; }
.ml21{margin-left:21px !important; }
.ml22{margin-left:22px !important; }
.ml23{margin-left:23px !important; }
.ml24{margin-left:24px !important; }
.ml25{margin-left:25px !important; }
.ml26{margin-left:26px !important; }
.ml27{margin-left:27px !important; }
.ml28{margin-left:28px !important; }
.ml29{margin-left:29px !important; }
.ml30{margin-left:30px !important; }
.ml31{margin-left:31px !important; }
.ml32{margin-left:32px !important; }
.ml33{margin-left:33px !important; }
.ml34{margin-left:34px !important; }
.ml35{margin-left:35px !important; }
.ml36{margin-left:36px !important; }
.ml37{margin-left:37px !important; }
.ml38{margin-left:38px !important; }
.ml39{margin-left:39px !important; }
.ml40{margin-left:40px !important; }
.ml41{margin-left:41px !important; }
.ml42{margin-left:42px !important; }
.ml43{margin-left:43px !important; }
.ml44{margin-left:44px !important; }
.ml45{margin-left:45px !important; }
.ml46{margin-left:46px !important; }
.ml47{margin-left:47px !important; }
.ml48{margin-left:48px !important; }
.ml49{margin-left:49px !important; }
.ml50{margin-left:50px !important; }
.ml60{margin-left:60px !important; }
.ml70{margin-left:70px !important; }
.ml80{margin-left:80px !important; }
.ml100{margin-left:100px !important; }
.ml150{margin-left:150px !important; }

.mr_2{margin-right:2% !important; }

/* btn-type -------------------------------------------------------------------*/
.btn-type {display:inline-block;position:relative;cursor:pointer;transition:all 0.3s}
.btn-type.btn1 {height:40px;line-height:40px;padding:0px 50px;font-size:16px; font-weight:600; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:middle}
.btn-type.btn1.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn1.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn1.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn1.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn1.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn1.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7}
.btn-type.btn1.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn1.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn1.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn1.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn1.white{color:#454545 !important;border:1px solid #707070;background:#fff}

.btn-type.btn2 {height:40px;line-height:38px;padding:0px 40px;font-size:16px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn2.white {color:#fff !important;border:1px solid #fff;background: none;}
.btn-type.btn2.white01 {color:#fff !important;border:1px solid #fff;background: none;}
.btn-type.btn2.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn2.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn2.green {color:##6aae4f !important;border:1px solid #6aae4f;background: none;}
.btn-type.btn2.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn2.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn2.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7}
.btn-type.btn2.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn2.dgray {color:#fff !important;border:1px solid #383939;background:#383939}
.btn-type.btn2.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn2.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn2.red {color:#fff !important;border:1px solid #c61322;background:#c61322}

.btn-type.btn3 {width:100%; height:48px;line-height:44px;text-align:center; font-size:16px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn3.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn3.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn3.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn3.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn3.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn3.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9}
.btn-type.btn3.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn3.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn3.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn3.lgray {color:#fff !important;border:1px solid #989898;background:#989898}
.btn-type.btn3.gray {color:#c7c5c5 !important;border:1px solid #c7c5c5;background:#fff}
.btn-type.btn3.gray img{height:100%;}

.btn-type.btn3-1 {width:49%; height:48px;line-height:46px;text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn3-1.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn3-1.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn3-1.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn3-1.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn3-1.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn3-1.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9}
.btn-type.btn3-1.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn3-1.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn3-1.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn3-1.gray {color:#c7c5c5 !important;border:1px solid #c7c5c5;background:#fff}
.btn-type.btn3-1.gray01 {color:#5b5b5b !important;border:1px solid #d0d0d0;background:#f0f0f0}

.btn-type.btn4 {height:80px;line-height:78px;width:100%;text-align:center;font-size:16px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn4.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn4.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn4.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn4.cyan {color:#fff !important;border:1px solid #45b4bf;background:#36c4d2}
.btn-type.btn4.orange {color:#fff !important;border:1px solid #fb8638;background:#fb8638}
.btn-type.btn4.cred {color:#fff !important;border:1px solid #f06247;background:#f06247}
.btn-type.btn4.gray {color:#fff !important;border:1px solid #a8a8a8;background:#999}
.btn-type.btn4.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e}

.btn-type.btn5 {width:100%; height:55px;line-height:50px; text-align:center; font-size:16px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn5.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn5.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn5.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn5.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn5.orange {color:#fff !important;border:1px solid #f47320;background:#f47320}
.btn-type.btn5.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9}
.btn-type.btn5.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn5.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn5.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn5.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn5.dgray {color:#fff !important;border:1px solid #424242;background:#424242}


.btn-type.btn6 {height:22px;line-height:18px;padding:0px 10px;font-size:11px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-right:3px;}
.btn-type.btn6.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn6.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn6.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn6.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn6.orange {color:#fff !important;border:1px solid #f47320;background:#f47320}
.btn-type.btn6.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7}
.btn-type.btn6.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn6.cian {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn6.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn6.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn6.lgray {color:#424242 !important;border:1px solid #cdd0d1;}
.btn-type.btn6.lgray_on{color:#f47320 !important;border:1px solid #f47320;background:#f9fbfb}
.btn-type.btn6.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e}

.btn-type.btn7 {height:36px;line-height:32px;padding:0px 20px;font-size:14px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn7.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn7.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn7.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn7.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn7.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn7.lblue {color:#fff !important;border:1px solid #35a5d7;background:#35a5d7}
.btn-type.btn7.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn7.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e}
.btn-type.btn7.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn7.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}

.btn-type.lgray:hover {cursor:pointer;background:#fff !important;color:#989898 !important;}
.btn-type.lgreen:hover {cursor:pointer;background:#fff !important;color:#63c627 !important;}
.btn-type.black:hover {cursor:pointer;background:#fff !important;color:#262729 !important;}
.btn-type.blue:hover {cursor:pointer;background:#fff !important;color:#0063b6 !important;}
.btn-type.green:hover {cursor:pointer;background:#fff !important;color:#11a23d !important;}
.btn-type.purple:hover {cursor:pointer;background:#fff !important;color:#954eb3 !important;}
.btn-type.orange:hover {cursor:pointer;background:#fff !important;color:#ea520c !important;}
.btn-type.lblue:hover {cursor:pointer;background:#fff !important;color:#12a8d9 !important;}
.btn-type.yellow:hover {cursor:pointer;background:#fff !important;color:#e2c319 !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#1a1a1a !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;}
.btn-type.gray01:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;}
.btn-type.white:hover {cursor:pointer;background:#707070 !important;color:#fff !important;}

.btn-type.btn2.white:hover {cursor:pointer;border:1px solid #6aae4f; background:#6aae4f !important;color:#fff !important;}
.btn-type.btn2.white01:hover {cursor:pointer;border:1px solid #fff; background:#fff !important;color:#6aae4f !important;}



.btn-type.btna {height:26px;line-height:150%;padding:0px 7px;font-size:14px;text-transform:uppercase;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius: 3px; -ms-border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px}
.btn-type.btna.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btna.black:hover {color:#262729 !important;}


/* shop icon */
.icon-type {display:inline-block;position:relative; transition:all 0.3s}
.icon-type.icon1 {width:80px; height:22px;line-height:20px; text-align:center; font-size:12px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.icon-type.icon1.blue {color:#fff !important;background:#1c90cb}
.icon-type.icon1.green {color:#fff !important;background:#608d42}
.icon-type.icon1.gray {color:#fff !important;background:#585858}
.icon-type.icon1.orange {color:#fff !important;background:#e58700}
.icon-type.icon1.red {color:#fff !important;background:#e54100}

.icon-type.icon2 {width:150px; height:28px;line-height:25px; text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.icon-type.icon2.blue {color:#fff !important;background:#12a8d9}

.icon-type.icon3 {width:80px; height:28px;line-height:26px; text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';color:#666 !important;background:#fff; border:1px solid #666;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}
.icon-type.icon3.on {color:#fff !important;background:#0063b6;}

.icon-type.icon4 {padding:0px 10px; height:30px;line-height:28px; text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';color:#0063b6 !important; border:1px solid #0063b6; background:#fff;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-type.icon4.off {color:#fff !important;background:#828282; border:1px solid #828282;}

.icon-type.icon4.off:hover {background:#828282 !important; border:1px solid #828282; color:#fff !important;}
.icon-type.icon4:hover {cursor:pointer;background:#0063b6 !important; border:1px solid #0063b6; color:#fff !important;}
/* UI JS CSS */

.fadeinUp{opacity:1; animation:fadeInUpAni 0.6s ease; -webkit-animation:fadeInUpAni 0.6s}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}








/* board list-table */
.list-table {table-layout:fixed; width:100%;margin:10px auto 30px; border-top:2px solid #507ed6; border-bottom:1px solid #507ed6; white-space: nowrap; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-table th {padding:12px 0px; font-size:14px;color:#2a2a2a;line-height:15px;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600; background:#f9f9f9; text-align: center;}
.list-table tr {background-color: #fff;}
.list-table tr.nbg{background-color: #f9eff0;}
.list-table tr:hover {background-color: rgba(228,228,228,.1);}
.list-table td {font-size:14px; font-family:'NanumGothic','Nanum Gothic',sans-serif; letter-spacing:-0.5px; font-weight:400; padding:12px 0px; text-align: center;vertical-align:middle;color:#393939;border-top: 1px solid #e7e7e7;}
.list-table td.left {text-align: left; font-size:14px;letter-spacing:-0.2px; font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600; padding-left:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.list-table td.date {font-size:14px;color:#858585;letter-spacing:-0.5px;font-family:'NanumGothic','Nanum Gothic',sans-serif;}
.list-table td.notice {font-size:14px;color:#bf1423;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;}
.list-table td:first-child, .list-table th:first-child {border-left: none;}
.list-table input[type="checkbox"],.list-table input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #e7e7e7; margin:0; padding:0; cursor:pointer;}
.list-table .tx_hidden {width:15%}
.list-table .tx_date {width:17%}

.list-table01 {table-layout:fixed; width:100%;margin:0px auto 20px; border-top:1px solid #507ed6; border-bottom:1px solid #507ed6; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-table01 th {padding:12px 5px; font-size:14px;color:#fff;line-height:15px;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600; background:#f15c22; text-align: center; border-left: 1px solid #e7e7e7;letter-spacing:-0.05em;}
.list-table01 .grbg{background-color: #f5f5f5; color:#424242;}
.list-table01 .yebg{background-color: #fcfc4e; color:#424242;}
.list-table01 tr {background-color: #fff;}
.list-table01 .gbg{background: #fcfbf3;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;}
.list-table01 td {font-size:14px;line-height:1.2;font-family:'NanumGothic','Nanum Gothic',sans-serif; letter-spacing:-0.05em; padding:12px 5px; text-align: center;vertical-align:middle;color:#5b5b5b;border-top: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;}
.list-table01 td:first-child, .list-table01 th:first-child {border-left: none;}
.list-table01 .fbold{font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;}
.list-table01 .ybg{border-right: 1px solid #e7e7e7;background: #fcfbf3;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;}
.list-table01 td.lbr{border-left: 1px solid #e7e7e7;}

.search_area {float:right; margin-right:0px; width: 100%; text-align:right;margin-bottom:10px;}
.search_area ul{display: inline-block;}
.search_area li.select_type_seach {float:left; width:127px;height:28px; margin-right:10px; }
.search_area li.select_type_seach select{display: inline-block;background: url(/img/board/select_arrow.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border-bottom:1px solid #d5d5d5;border-top:0px solid #d5d5d5;border-left:0px solid #d5d5d5;border-right:0px solid #d5d5d5;height:28px;padding:0 0 0 5px;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'NanumGothic','Nanum Gothic',sans-serif; FONT-SIZE: 12px; COLOR: #8a8a8a;cursor:pointer;}
.search_area li.select_type_seach select::-ms-expand {display: none;}
.search_area li.sbox{float:left; color:#5b5b5b;width: 200px; height:30px; border:1px solid #d4d4d5;BACKGROUND-COLOR: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area li img{margin:0px;padding-top:6px;}
.search_area .input01{margin:0px; width: 170px;height:28px;vertical-align:middle; font-size:14px; color:#999; padding:0px 0px 0px 5px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area .input_btn{margin: 0 5px 0 0; border:0; width:14px; height:14px; padding:0; vertical-align:middle}

.board-txt {display:block; font-size:14px; color:#666;font-family:'NanumGothic','Nanum Gothic',sans-serif;line-height:1.2; margin-bottom:5px}
.board-box-txt {display:inline-block; font-size:14px;background:#484d56; color:#fff;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;line-height:1;padding:6px 20px 8px;margin-bottom:10px; margin-top:20px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; }
.pc_mt10{margin-top:10px;}
.board-box-txt01 {float:left;font-size:14px;background:#484d56; color:#fff;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;line-height:1;padding:8px 40px 10px;margin-bottom:10px; margin-top:20px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; }




/* pagination --------------------------------------------- */
.paging {clear:both;  position:relative;clear:both;text-align:center;vertical-align:middle;padding:30px;z-index:1;}
.paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; text-align:center;margin-left:-1px;border:1px solid #dddddd;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span img {vertical-align:middle; max-width:100%;border:0px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span a {vertical-align:middle;display:block;width:30px;height:30px;color:#424242;font-size:14px; font-family:'NanumGothic','Nanum Gothic',sans-serif;}
.paging span.on {vertical-align:middle;border-bottom:2px solid #507ed6; color:#424242;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;}
.paging span.on a {color:#fff;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;}
.paging span:first-child {margin-left:0px;}

/* boardView */
.boardtb {width:100%;margin:0px auto;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; overflow: hidden; background:#ffffff;border: 1px solid #dfdede;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .news_view {border-top:0px solid #555;margin:0px 10px;}
.boardtb .news_view > dt {padding:30px 15px 20px;border-bottom:1px solid #d1d1d1; text-align:left;}
.boardtb .news_view .subject {margin-bottom:20px;font-size:16px;color:#222;line-height:150%;font-family:'Nanum Gothic Bold'}
.boardtb .news_view .date {margin-right:15px; font-size:14px;color:#888;line-height:1 }
.boardtb .news_view .date .mr15 {letter-spacing:-1px;vertical-align:top}
.boardtb .news_view .name {line-height:1;margin-right:15px;color:#333;font-size:14px;}
.boardtb .news_view .name .mr15 {letter-spacing:-1px;vertical-align:top;}
.boardtb .news_view > dd {padding:20px 15px 30px;color:#555;font-size:13px;line-height:22px; text-align:left; font-size:14px; }

.boardtb .page_move {width:100%; border-bottom:0px solid #555;line-height:1;padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .page_move > li {width:100%; padding:15px 15px;border-top:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .page_move > li > p {float:left}
.boardtb .page_move > li > p > a {display:inline-block;font-size:14px;font-family:'Nanum Gothic Bold'}
.boardtb .page_move .prev {font-size:14px;width:50px;margin-right:20px;background:url(/img/board/ico_up.png) no-repeat 100% 50%}
.boardtb .page_move .next {font-size:14px;width:50px;margin-right:20px;background:url(/img/board/ico_dn.png) no-repeat 100% 50%}
.boardtb .page_move .prev_tit,
.boardtb .page_move .next_tit {color:#999;font-size:14px;}
.boardtb .btn_r {margin-top:20px;text-align:right}




.wr_type-wrap {width:100%; margin:20px auto 0px auto;overflow:hidden; text-align:center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; background:#fafafa;border: 1px solid #dfdede;word-wrap:break-word;padding:30px 40px 20px;}
.wr_type-mwrap {width:80%; margin:20px auto 0px auto; }
.wr_type {width:100%;margin-bottom: 20px;}
.wr_type .row {margin-bottom:0px; text-align:left;}
.wr_type .row:after {display: table; content: " "; clear: both; }
.wr_type .col_left {width: 45%;margin-right: 5%; float: left; text-align:left;font-size:14px; }
.wr_type .col_right {width: 45%;margin-left: 5%; float: left; text-align:left;font-size:14px;}
.wr_type label {display: block;width: 100%;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600;color: white;line-height: 17px;vertical-align: middle; margin-bottom: 10px;}
.wr_type label span {display: inline-block; color: #f2f2f2;line-height: 17px;font-size:14px;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600; margin-bottom:5px;}
.wr_type label p {display: inline-block; color: #4b4b4b;line-height: 17px;font-size:14px;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600; margin-bottom:5px; }
.wr_type label input {width: 100%;border:1px solid #d2d2d2;height:30px; padding: 5px 10px;color:#666; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.wr_type label textarea {border:1px solid #d2d2d2;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.wr_type label .textarea01 {width: 100%;padding: 10px 10px;resize: none; overflow-y: scroll; font-size:13px; font-family:'NanumGothic','Nanum Gothic',sans-serif;  height: 150px;line-height: 1.6em;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.textarea_box {width: 100%;padding-left:5%;padding-right:5%;padding-top:15px;padding-bottom:15px;resize: none; line-height: 22px; font-size:13px; background:#f1f1f1; color: #444; overflow-y: hidden;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.wr_type input[type="radio"]{ width:14px; height:14px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer;}
.wr_type textArea:focus {outline: none;border-color:#e9510e}
.wr_type input:focus {outline: none;border-color:#e9510e}
.wtxt {display: inline-block;padding:0px 0px 0px 0px; color: #f2f2f2;line-height: 20px;font-size:14px;}
.btxt {display: inline-block;padding:0px 0px 0px 0px; color: #555;line-height: 20px;font-size:14px;}

.wr_type  input[type=checkbox] { display: none;}
.wr_type  input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 25px;margin-right: 15px;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600; font-size: 13px; line-height:13px;vertical-align:top;}
.wr_type  input[type=checkbox] + label:before {content: "";  display: inline-block;width: 15px;height: 15px;margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #cccccc; background-color: #FFF;}
.wr_type  input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 16px; font-weight:800; color: #507ed6;border:1px solid #cccccc; background:#FFF;text-align: center;line-height: 16px;  } 

.wr_type  select { background: url(/images/select_arrow.png) right center no-repeat #fff; border:1px solid #cccccc;height:30px;padding:0 0 0 5px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
/* IE 10, 11의 네이티브 화살표 숨기기 */
.wr_type  select::-ms-expand {display: none;}


/* 갤러리 */
/* box-wrap */
.box-wrap {max-width: 1200px; width:100%; margin: 0px auto; text-align:left; position: relative; overflow: hidden;font-size:0; padding:0px;}
.box-wrap .box{display: inline-block; width:23%; height:auto; margin:1%; padding:0; outline:1px solid #d8d8d8; text-align:left; background:#fff;position: relative; font-size:0;}
.box-wrap .box img{width:100%; height:auto}
.box .thumb_over{position: absolute; display:inline-block; top:0; left:0; width:100%; height:100%; background-color:transparent; -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0;overflow: hidden; }
.box .thumb_over p{ font-family:'Nanum Gothic Bold'; color: #fff;line-height:14px;font-size:14px;text-align:center; padding-top:38%; filter: Alpha(opacity=0); opacity: 0; }
.box .thumb2:hover .thumb_over{background:#000; -ms-filter: alpha(opacity=70); filter: Alpha(opacity=70); opacity: 0.7; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.box .thumb2:hover .thumb_over p{ filter: Alpha(opacity=100); opacity: 1; }
.box .thumb{display: inline-block; width:100%; height:200px;cursor:pointer;border:1px solid #d8d8d8; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/* .box .thumb img{width:100%; height:100%;} */
.box .subject{display: block;width:100%; padding:20px 5px 0px 5px; text-align:center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Nanum Gothic'; color: #666;line-height:13px;font-size:13px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}

.btn_simg {padding-bottom:50px}


.frm_file.frm_input {padding:0; height:30px}





@media screen and (max-width:976px) {
.box-wrap .box{width:48%; height:auto; margin:1%;}
}

@media all and (max-width:760px){
	.wr_type-wrap {padding:0; padding-top:20px; border:0; border-top:1px solid #c7c7c7; background:#fff; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
	.wr_type .col_left {width: 100%;margin-right: 0%; float: none; font-size:12px}
	.wr_type .col_right {width: 100%;margin-left: 0%; float: none; font-size:12px}	
}



/*mobile 520 이하 */
@media all and (max-width:520px){

.btn-type.btn1 {width:100%; margin-top:10px; margin-left:0 !important;}
.btn-type.btn1:first-child {margin-top:0}

.search_area ul {width:100%;}	
.search_area li.select_type_seach {float:none; width:100%; margin-bottom:10px}
.search_area li.sbox{float:none; width:100%;}

.frm_file.frm_input {width:100%}

.ckMobile {display:none;}


.list-table .txt_subject img,
.list-table .tx_name span {display:none;} 
.list-table .tx_name {width:0% !important}
.list-table .tx_date {width:27% !important}
.list-table th {font-size:13px !important;}
.list-table td,
.list-table td a {font-size:12px !important}		

.boardtb .news_view > dd {padding:10px 5px;}
}


@media (max-width:370px) {
	.boardtb .news_view * {font-size:12px !important; }
	.clearFix * {font-size:12px !important}
	.boardtb .news_view .subject {font-size:14px}

	.box-wrap .box{width:47.5%; height:auto; margin:1%; margin-top:10px}
	.btn_simg img {width:80px}

	.boardtb .news_view > dd {padding:5px 0;}
}