@charset "utf-8";

@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(./font.css);


/* mobile style */

/* 아이폰 가로모드 글자 크기 확대 방지 */
* {-webkit-text-size-adjust:none}
html.body {width:100%;overflow-x:hidden}
body {font-family: '나눔고딕', NanumGothic, Nanum Gothic, '맑은 고딕', Malgun Gothic,'돋움', dotum, sans-serif;font-weight:normal;word-break:keep-all;word-wrap:break-word;color:#444;line-height:1.5;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0;padding:0}
ul,ol,li {list-style:none}
fieldset {border:none;vertical-align:top}
legend,
caption {display:none}
table {border-collapse:collapse;border-spacing:0}
a {color:#66686a;text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true)}
a:hover, a:active, a:focus {color:#000;text-decoration:none}
img {border:0;vertical-align: middle;max-width: 100%;}
input[type=radio],input[type=checkbox],input[type=image] {border:none;padding:0}
input[type=text],
input[type=password],
input[type=file] {background:#fff}
input[type=file],
input[type=submit] {border:none}
input, select {padding:5px;color:#555;vertical-align:middle;font-size:0.9em;background:#fff;border:1px solid #d8d8d8}
label {cursor:pointer}
select {padding:3px}
textarea {padding:4px;font-weight:normal;font-size:0.9em;font-family: '나눔고딕', NanumGothic, Nanum Gothic, '맑은 고딕', Malgun Gothic,'돋움', dotum, sans-serif;color:#444;background:#fff;border:1px solid #c9c9c9}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}

/* Layout --------------------------------------------------------------------------------------*/
html {overflow-y:auto;background-color:#333; }
#wrap {width:100%;min-width:320px;overflow-x:hidden;}
#header {position:absolute;width:100%;height:60px; background:rgba(0,0,0,.6); z-index:9000}
#container {width:100%}
#footer {width:100%;padding:15px 0;background-color:#333; text-align:center}

/* Header */
#header h1 {position:absolute;top:3px;left:0;width:100%; height:60px;text-align:center}
#header h1 img {height:45px}
#header .btn_back {position:absolute;top:18px;left:8px;width:30px;height:25px;text-align:center;z-index:9995}
#header .gnb_open {position:absolute;top:15px;right:8px;width:30px;height:20px;text-align:center;z-index:9995}
#header .gnb_open a,
#header .gnb_close a,
#header .search_open a,
#header .search_close a {display:block}
#header .btn_back img{height:25px;}
#header .gnb_open img{height:20px;}
#header .gnb_close img {width:40px}
#header .gnb_close {position:absolute;top:0;right:55%;width:40px;z-index:9999}


/* gnb */
#gnb {width:55%;position:fixed;top:0px;right:-55%;background-color:#aaa;height:100%;z-index:9998;overflow-y:auto}
#gnb > ul {height:100%;overflow-y:auto}
#gnb > ul > li > a {padding:10px 0 10px 20px;display:block;color:#333;font-size:1em;font-weight:600;letter-spacing:-0.5px;border-bottom:1px solid #ccc;background:#eee}
#gnb > ul > li.active > a,
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus {color:#fff;background:#666}
#gnb > ul > li > .gnb_2dep { background:#fff;padding:10px 20px;border-bottom:1px solid #dddddd}
#gnb > ul > li > .gnb_2dep > li {padding:3px 0}
#gnb > ul > li > .gnb_2dep > li a {display:block;color:#595959;font-size:0.9em; }
#gnb > ul > li > .gnb_2dep > li a:hover,
#gnb > ul > li > .gnb_2dep > li a:focus {text-decoration:underline;font-weight:600;color:#222}
#gnbBg {display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity:0.5;filter:Alpha(opacity=50);z-index:9997}

/* Footer */
#footer address {font-size:0.8em;color:#dedede;line-height:1.3em;letter-spacing:-0.5px;word-break:keep-all}
#footer address span { display:block;font-size:0.9em; letter-spacing:-0.5px;}
#footer .btn_pcsite {margin-left:7px;display:inline-block;border:1px solid #ababab;padding:1px 5px;font-size:0.9em;color:#dedede;line-height:1.1em}

/* Index --------------------------------------------------------------------------------------*/
/* MAIN VISUAL */ 
.mainvisualSec {position:relative;width:100%;}
.mainvisualSec .mtext{position: absolute; top:40%; left:50%; width:50%; margin-left:-25%;z-index: 2000;}



/* MAIN VISUAL */ 

.bx-wrapper img {width:100%; height: auto; }
/** main image slider **/
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	position:absolute;
	bottom:5%;
	left:50%;
	width: 110px;
	margin-left:-55px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	z-index: 2000;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #128dcc;
	
}

/* DIRECTION CONTROLS (NEXT / PREV)
.bx-wrapper .bx-prev {
	left: 0;
	background: url('/m/images/controls.png') no-repeat 0 0;
	
}

.bx-wrapper .bx-next {
	right:0;
	background: url('/m/images/controls.png') no-repeat  -30px 0;
	
} */

 

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 45%;
	margin-top: -10px;
	outline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}




/* 공통 --------------------------------------------------------------------------------------*/
.bgWhitegray {background-color:#f3f3f3;padding:10px; margin-bottom:2px;}

/* Sub --------------------------------------------------------------------------------------*/
/* sub visual */ 
.subvisualSec {position: relative;height:110px;background:url(/m/images/sub_visual.jpg) no-repeat center top;background-size:100% 110px}
.subvisualSec > h2 { position:absolute; top:75px; right:15px; text-align:right;font-size:1.1em;color:#fff;font-weight:600; }

/* sub 공통 */ 
.subContent {padding:15px 0 30px;background-color:#fff;}
.subContent > h3 {border-bottom:1px solid #dddddd; text-align:center}
.subContent > h3 > strong {display:inline-block;margin:-1px 10px;padding-bottom:8px;font-size:1.2em;color:#444444;font-weight:600;letter-spacing:-0.8px;border-bottom:1px solid #5a5a5a}

.contSec {margin:20px 10px;font-size:0.9em;letter-spacing:-0.5px;}
.contSec h4{font-size:1.2em;font-weight:600;color:#333;   margin :0 0 10px 0; border-bottom:2px solid #666;display: inline-block}
.contSec p{word-break:keep-all;padding-bottom:20px;font-size:1em; }
.contSec p em{ color:#00274e; }
.contSec .conimg{ display:block; text-align:center; margin-bottom:20px}
.launching .headline{font-size:1.4em;font-weight:600;color:#333;border-bottom:1px solid #ddd;  text-align:center;padding:0 0 15px 0;}
.launching .headline em{color:#006da0;font-weight:600;}
.launching p {font-size:1.1em; font-weight:500;line-height:1.6; }





/* 온라인 */
.privacy {height:135px;padding:10px;border:1px solid #ccc;border-bottom:3px solid #999;background:#f5f5f5;overflow-y:scroll}
.privacy p {font-size:0.8em;color:#666;line-height:1.5}
.agree {display:block;padding-top:10px;font-size:0.8em;text-align:center}
.partner{border-bottom:2px solid #ccc;  margin-bottom:10px}
.call-tel{ float:left; width:38%;padding-left:15%;background:url(../images/call_tel.png) no-repeat left 50%; background-size:43px auto;}
.call-tel a{ display:block;font-size:1.5em;font-weight: bold;color:#004875; line-height:1.2em ;}
.call-center{float:left;width:47%;font-size:0.8em; letter-spacing:-1px;padding-bottom:10px}
.call-center dl{ overflow:hidden}
.call-center dl dt {float:left;margin-right:4px;font-weight:600;color:#333}

/* launching */
.launching-list { position:relative;padding:5%; }
.launching-list ul {*zoom:1;}
.launching-list ul:after {content:"";clear:both;display:block}
.launching-list ul li {position:relative;float:left; width:23%;margin:0 1%;}
.launching-list ul li a {display:block;position:relative}
.launching-list .arrow-left {position:absolute;top:40%;left:0;}
.launching-list .arrow-right {position:absolute;top:40%;right:0; }
.launching-list .arrow-left img,
.launching-list .arrow-right img{ width:10px;}

.launching-view {position:relative;width:100%;text-align:center; display:block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.launching-view img{ width:80%}
.launching-view .btn_prev {position:absolute;top:40%;left:5%;}
.launching-view .btn_next {position:absolute;top:40%;right:5%; }
.tit_default {display: inline-block; margin-top:20px }


/* model */
.model-list {position:relative;width:103%; margin-left:-1%;*zoom:1}
.model-list:after {content:'';display:block;clear:both}
.model-list .modelBox {float:left;width:43%;padding:1%;margin:0 2% 15px; border:1px solid #ddd;border-bottom:2px solid #ddd;background:#fff; text-align:center}
.model-list .modelBox > a {display:block}
.model-list .modelBox > a .thumb {display:block;width:100%;}
.model-list .modelBox > a .thumb > img {width:100%;}
.model-list .modelBox > a .name {display:block; color:#333;padding-top:10px;font-size:0.9em;}

.defaultImg .sImg li{ float:left;width:20%;margin:0 5px 10px 0}
.defaultImg .bImg{ display: inline-block}

/* 탭메뉴 */
.subTabs {position:relative;}
.subTabs ul{ overflow:hidden; }
.subTabs ul li {float:left; width:25%}
.subTabs ul li a {position:relative;display:block;margin-left:-1px;padding:5px 0;border:1px solid #ddd;font-size:0.8em;color:#555;
 letter-spacing:-1px;text-align:center;background:#f7f7f7; }
.subTabs ul li a:hover {text-decoration:underline}
.subTabs ul li a.on {position:relative;color:#fff;background:#999;font-weight:bold;}
.subTabs ul li:first-child a,
.subTabs ul li:nth-child(5) a{margin-left:0 }
.subTabs ul li+li+li+li+li a{margin-top:-1px;}

/* table 기본 */
table.basic_table {position:relative;width:100%;border-top:2px solid #b77800;  background:#fff;font-size:0.9em;}
table.basic_table.counsel{border-top: none;letter-spacing:-1px; }
table.basic_table thead th {padding:5px ;color:#fff;font-weight:600;text-align:center;border-top:1px solid #999;border-right:1px solid #999;background:#777}
table.basic_table thead th.r {border-right:none}
table.basic_table tbody th,
table.basic_table tbody td {padding:5px 10px;color:#555;vertical-align:middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
table.basic_table tbody th {text-align:center;font-weight:600;color:#333;background:#eee;}
table.basic_table tbody th.poin{font-weight:600;color:#00548d;background:#ecf2f5;}
table.basic_table tbody th.total{font-weight:600;color:#fff;background:#aaa;font-size:1em;}
table.basic_table tbody th.r {border-right:none}
table.basic_table tbody td.r {border-right:none}
table.basic_table.tc tbody td{ text-align:center}
table.basic_table.counsel tbody th{padding:12px 0;}
table.basic_table.counsel tbody td {padding:12px 0; text-align: center; }



/* Common --------------------------------------------------------------------------------------*/
.alert-ie {margin:0;padding:1em;font-size:12px;letter-spacing:-1px;color:#ebebeb;background:#808080}
.alert-ie a {color:#ffd6c2}
.alert-ie a:hover {color:#ffd6c2}
.alert-ie a:focus {color:#ffd6c2}
.alert-ie a:active {color:#ffd6c2}

.accessibility a {position:absolute;text-align:center;width:200px;display:block;background:#c52227;color:#fff;left:-9999px}
.accessibility a:hover {z-index:999999;margin-left:-100px;left:50%}
.accessibility a:focus {z-index:999999;margin-left:-100px;left:50%}
.accessibility a:active {z-index:999999;margin-left:-100px;left:50%}

/* BOARD : 리스트 */
.board_list {position:relative}
.board_list table {width:100%;}
.board_list thead {color:#333;border:1px solid #aaa;border-bottom:1px solid #666;background:#fff}
.board_list thead th {height:45px;line-height:45px;font:bold 14px NanumGothic, 나눔고딕, Nanum Gothic;text-align:center}
.board_list tbody {background:#fff}
.board_list tbody td {height:30px;padding:5px 0;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd}
.board_list tbody td span.reply {margin-left:20px;margin-right:-10px}
.board_list tbody tr.notice {background:#f5f5f5;}
.board_list tbody td.rl {border-right:1px solid #e3e3e3}
.board_list tbody a {font-weight:normal;color:#333}
.board_list tbody a:hover {color:#000}
.board_list tbody a.btn_view {margin-right:0}
.board_list tbody a.btn_modify {margin-left:0;margin-right:5px}
.board_list tbody a.attached {padding-left:20px;margin:0;font-family:segoe UI, tahoma;font-size:10px;color:#666}
.board_list tbody a.attached:hover {color:#000;text-decoration:underline}
.board_list tbody a.attached.hwp {background:url(../images/board/attached_hwp.png) no-repeat left 50%}
.board_list tbody a.attached.zip {background:url(../images/board/attached_zip.png) no-repeat left 50%}
.board_list tbody a.attached.pdf {background:url(../images/board/attached_pdf.png) no-repeat left 50%}
.board_list tbody tr:hover {background:#f5f5f5;*cursor:pointer}
.board_list tbody .tl {padding-left:10px;text-align:left}
.board_list tbody .subject {padding-left:10px;text-align:left;color:#333}
.board_list .tNote {margin-top:10px;text-align:right;font-family:dotum, 돋움;font-size:11px;color:#999;letter-spacing:-1px}


/* BOARD : 상세 */
.board_view {position:relative;width:100%; }
.board_view .tit_sec {border:1px solid #aaa;border-bottom:1px solid #666;padding:10px 20px;font-weight:bold;font-size:14px;color:#333;}
.board_view .tit_sec .tit {font-weight:bold;font-size:1em;color:#333;}
.board_view .date {height:30px;line-height:30px;font-weight: normal;font-size:0.8em;color:#666;border-bottom:1px solid #ddd; text-align:right}
.board_view .date span {margin-left:10px}
.board_view .con {position:relative;padding:20px 0;min-height:200px;border-bottom:1px solid #ccc;background:#fff;}
.board_view .con .attached {position:relative;padding:10px;margin-top:-35px;margin-bottom:25px;background:#f5f5f5; border-bottom:1px solid #ddd;}
.board_view .con .attached a {margin-left:10px;color:#1c76b1}
.board_view .con .attached a:hover {text-decoration:underline}




/* BOARD : 글쓰기, 입력폼 */
.write {width:100%;border-top:2px solid #999;}
.write th,.write td {border-bottom:1px solid #dadada;text-align:left;padding:10px 0 10px 10px;vertical-align:middle}
.write th {font-weight:bold; text-align:center;border-bottom:1px solid #999;padding:10px 0;}
.write th em {color:#ff7800; margin-left:5px; }
.write th.blank {padding-left:15px !important;background:#eee !important}
.write td.comment {padding:10px 0}
.write td p{ padding-top:5px ;}
.write .add_tx {margin-left:5px;padding-left:15px;font-family:dotum, 돋움;font-size:11px;color:#999;letter-spacing:-1px;background:url(../images/icon/icon_check.png) no-repeat left 50%}
.write .edit_sec {position:relative}
.write .edit_sec .exp_tx {position:absolute;top:10px;left:10px}
.write select option {padding:4px 10px 4px 0}
.write button {cursor:pointer}
.write .edit_file {display:none}
.write label {margin-right:15px}

/* BOARD : 이전글, 다음글 */
.prev_next {border-top:1px solid #999}
.prev_next table {width:100%;background:#fff}
.prev_next th {padding:8px 0;border-bottom:1px solid #ccc;background:#f0f0f0}
.prev_next td {vertical-align:middle;padding:0 10px;border-bottom:1px solid #ccc}
.btn {text-align:right;margin-top:30px}
.btn .update {font-size:14px;font-weight:bold;color:#333;padding:10px 0 30px}

/* BOARD : 페이징 */
div.pagination {position:relative;padding:10px 0;text-align:center}
div.pagination a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
div.pagination a:hover {color:#333;font-weight:bold;background:#f9f9f9}
div.pagination strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
div.pagination a.first, 
div.pagination a.prev, 
div.pagination a.next, 
div.pagination a.last {border:0;padding-top:0px;border:0}
div.pagination .button {position:absolute;right:0;top:30px}
div.pagination .button a {border:none;width:auto;height:auto;padding:0}

/* 버튼 */
.btn-sec {margin-top:20px;text-align:center}

/* BOARD : 버튼 */
.btnSec {text-align:center}
.btnSec a {position:relative;display:inline-block;height:40px;color:#fff; background:#555;}
.btnSec a strong {display:block;height:38px;line-height:38px;padding:0 15px;font-size:14px;text-align:center;}
.btnSec a:hover {color:#fff;background-color:#333}
.btnSec input {position:relative;display:inline-block;color:#333;border:3px solid #333;height:40px;line-height:27px !important;padding:0 15px;font-size:14px;text-align:center;cursor:pointer;background:url(../images/icon/bullet_btn.png) no-repeat center 29px}
.btnSec input:hover {color:#fff;background-color:#333}

/* Button Reset */
.button,
.button a,
.button button,
.button input {position:relative;margin:0;display:-moz-inline-stack;display:inline-block;text-decoration:none !important;border:0;font-size:12px;white-space:nowrap;background-size:cover;overflow:visible;color:#fff}
.button {height:23px;padding:0;vertical-align:middle;margin:0 8px;background-position:left top}
.button a,
.button button,
.button input{left:0;vertical-align:top;cursor:pointer;}

/* Button Size */
.button.large {height:35px;background-position:left 0}
.button.middle {height:29px;background-position:left 0}
.button.xLarge {height:43px;background-position:left 0}
.button.small {height:24px;background-size:auto 24px}
.button a,
.button button,
.button input {height:23px;padding:0 10px 0 8px;font-size:12px;line-height:23px;background-position:right top;border-radius:3px;}
.button.middle a,
.button.middle button,
.button.middle input {height:29px;padding:0 15px;font-size:12px;color:#fff;line-height:29px;background-position:right 0;border-radius:3px;}
.button.large a,
.button.large button,
.button.large input {height:35px;padding:0 17px;font-weight:600;font-size:14px;color:#fff;line-height:35px;background-position:right 0;border-radius:3px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input {height:43px;padding:0 21px;font-weight:600;font-size:18px; line-height:43px;background-position:right 0;border-radius:3px;}
.button.small a,
.button.small button,
.button.small input {height:24px;padding:0 12px;font-size:12px;line-height:24px;background-position:right 0;border-radius:3px;}
/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{color:#ccc}

.button.red,
.button.red a,
.button.red button,
.button.red input {background:#f16600;color:#fff;border-radius:3px;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{background:#333;color:#fff}

.button.sblue,
.button.sblue a,
.button.sblue button,
.button.sblue input {background:#006fae;color:#fff;border-radius:3px;}
.button.sblue *:hover,
.button.sblue *:active,
.button.sblue *:focus{background:#333;color:#fff}

.button.blue,
.button.blue a,
.button.blue button,
.button.blue input {background:#00306c;color:#fff;border-radius:3px;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{background:#333;color:#fff}

.button.gray,
.button.gray a,
.button.gray button,
.button.gray input {background:#666;color:#fff;border-radius:3px;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{background:#00306c;color:#fff}

.button.black,
.button.black a,
.button.black button,
.button.black input {background:#222;color:#fff;border-radius:3px;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{background:#00306c;color:#fff}

/* Button Text Strong */
.button.strong * {font-weight:bold !important}

/* margin 간격 */
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px}
.mt100 {margin-top:100px}

.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}
.ml55 {margin-left:55px}
.ml108 {margin-left:108px}

.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px}
.mr90 {margin-right:90px}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb8 {margin-bottom:8px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb35 {margin-bottom:35px}
.mb40 {margin-bottom:40px}
.mb55 {margin-bottom:55px !important}
.mb70 {margin-bottom:70px !important}

.mt-10 {margin-top:-10px !important}
.mt-20 {margin-top:-20px}
.mt-30 {margin-top:-30px}
.mt-50 {margin-top:-50px}
.mt-60 {margin-top:-60px}

.mtb20 {margin-top:20px;margin-bottom:20px}

/* padding 간격 */
.pt10 {padding-top:10px}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}

.pl0 {padding-left:0 !important}
.pl5 {padding-left:5px}
.pl13 {padding-left:13px}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}

.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}

.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px}

.ptb10 {padding-top:10px;padding-bottom:10}
.ptb20 {padding-top:20px;padding-bottom:20}


.plpr15 {padding-left:15px !important;padding-right:15px !important}
.plpr20 {padding-left:20px !important;padding-right:20px !important}
.ptpb15 {padding-top:15px !important;padding-bottom:15px !important}

.padding30 {padding:30px}

/* 정렬 */
.tc {text-align:center !important}
.tr {text-align:right !important}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}

/* Input Box */
.ib15 {width:15px}
.ib25 {width:25px}
.ib30 {width:30px}
.ib40 {width:40px}
.ib50 {width:50px}
.ib50 {width:60px}
.ib75 {width:75px}
.ib80 {width:80px}
.ib100 {width:100px}
.ib110 {width:110px}
.ib150 {width:150px}
.ib160 {width:160px}
.ib170 {width:170px}
.ib200 {width:200px}
.ib250 {width:250px}
.ib220 {width:220px}
.ib300 {width:300px}
.ib370 {width:370px}
.ib400 {width:400px}
.ib450 {width:450px}
.ib500 {width:500px}
.ib550 {width:550px}
.ib600 {width:600px}
.ib700 {width:700px}
.ib750 {width:750px}
.ib800 {width:800px}
.ib800 {width:900px}
.ib70per {width:70%}
.ib90per {width:90%}

/* UTIL - 속성해제 */
.clear_border {border:none !important;padding:0;margin:0;background:none}
.input_clear {border:0;background:none}
.blind {position:absolute;left:-1000000px}
.overflow-y_no {overflow-y:hidden !important}
.clbh {clear:both}

/* font 스타일 */
.color_sky {color:#009bd8 !important}

.main_text-cut {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	color:#ffffff;
}