@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(Notosans.css); 
@import url(/Fonts/NanumGothic.css); 
@import url(/Fonts/NanumMyeongjo.css); 
@import url(/Fonts/NanumMyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

html{overflow:auto;}
body{background-color:#fff;}

body, input, textarea, select, button, table{margin:0; font-size:14px; font-family:'Noto Sans KR','Malgun Gothic', 맑은 고딕, AppleSDGothic, Century Gothic, '돋움', Dotum, Helvetica, Sans-serif; color:#303030}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, /*blockquote,*/ form, fieldset, legend, button { margin: 0; padding: 0; }

img, fieldset{border:0 none}
dl, ul, ol, li {list-style: none outside none;}
button{border:0 none; cursor:pointer; display: block;}

table, th, td { border-collapse:collapse;} /*결합보더모델을 사용 표전체의 보더와 각셀의 보다가 결합, 셀사의의 그리드 선을 중앙축으로 하여 표시   */
div{border-collapse:separate} /*  분리보더모델사용 표전체의 보더와 각셀의 보더가 분리 */  


/* global */
/*padding 값 포함 태그 : box-sizing: border-box; */
/*
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:after, :before {box-sizing:border-box;}
*/

/*table, th, td, div{border-collapse:separate}*/

a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}
.png24 { tmp:expression(setPng24(this));} 
area {outline:0;}

li img { vertical-align:top;}
td img { vertical-align:middle}
.cursor { cursor: pointer;}

strong, .strong , b { font-weight: bold; }
address, caption, cite, code, dfn, em, var {font-style:normal;}


hr { clear: both; display: none; }
.blind, legend, caption, {display:none !important}


a {text-decoration:none; color:#444;}
a:hover, a:active, a:focus {color:#ff9000; text-decoration:none; background-color:transparent}
a.underline {text-decoration:none; color:#444;}
a.underline:hover, a.underline:active, a.underline:focus {color:#dd0000; text-decoration:underline;}

table a:link, table a:visited {/*color:#444;*/}
table a:hover, table a:active {/*color:#000; text-decoration:underline;*/}


input, select, textarea {vertical-align:middle; font-size:1em; line-height:130%}
input, textarea, select { border-width:1px; border-style: solid; border-color:#ddd; background:#fff; outline:0;}
select{height:28px;}
input.text {padding:0px 2px; height:28px;  font-family:'Noto Sans KR','Malgun Gothic', 맑은 고딕, AppleSDGothic, Century Gothic, '돋움', Dotum, Helvetica, Sans-serif; color:#666}
input.file {border:1px solid #ddd; padding:2px 6px;}
input.check	{border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:2px 0;}

.button {border:0 none; cursor:pointer}

.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.center{text-align:center !important}
.right {text-align:right !important;}
.left {text-align:left !important;}
.clearfix{*zoom:1}
.clearfix:after {content:'';display:block;clear:both}
.middle {vertical-align:middle !important;}

.png24 {tmp:expression(setPng24(this));}
.hand {cursor:pointer;}
.clear {clear:both}
.justify { text-align:justify }
.under {text-decoration:underline;}




/* skip navigation */
a.skipNavi { position:absolute; display:block; width:980px; padding:5px 0; text-align:center; font-size:15px; color:#fff; font-weight:bold; top:-1000px; z-index:10; }
a.skipNavi:hover,
a.skipNavi:focus,
a.skipNavi:active { position:absolute; top:0; background:#63C5BD; font-weight:bold; color:#fff }
/* //skip navigation */

/*
caption, .blind, legend, .location dt {
	position:absolute;
	visibility:hidden;*/ /* 첨엔 이거 없었는데 익스에서 캡션부분이 작게 보여서 추가해줌 */
/*	overflow:hidden;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	left:-1000px;
}

*/


caption, .blind, legend, .location dt {
	visibility:hidden; 
	overflow:hidden;
	width:0px;
	height:0px;
	font-size:0;
	line-height:0;

}



/* 히든텍스트 */
.hidden_text {position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;overflow:hidden;}
.hidden_text h3 {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dt {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dd {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text table {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text thead th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody td {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}




/* margin */
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px; }
.mt7 { margin-top:7px; }
.mt8 { margin-top:8px; }
.mt9 { margin-top:9px; }
.mt10 { margin-top:10px;}
.mt11 { margin-top:11px;}
.mt12 { margin-top:12px;}
.mt13 { margin-top:13px;}
.mt14 { margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 { margin-top:16px;}
.mt17 { margin-top:17px;}
.mt18 { margin-top:18px;}
.mt19 { margin-top:19px;}
.mt20 { margin-top:20px;}
.mt21 { margin-top:21px;}
.mt22 { margin-top:22px;}
.mt23 { margin-top:23px;}
.mt24 { margin-top:24px;}
.mt25 { margin-top:25px;}
.mt26 { margin-top:26px;}
.mt27 { margin-top:27px;}
.mt28 { margin-top:28px;}
.mt29 { margin-top:29px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt36 { margin-top:36px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}
.mt110 { margin-top:110px;}
.mt120 { margin-top:120px;}
.mt150 { margin-top:150px;}
.mt200 { margin-top:200px;}
.mt250 { margin-top:250px;}




.mb1 { margin-bottom:1px; }
.mb2 { margin-bottom:2px; }
.mb3 { margin-bottom:3px; }
.mb4 { margin-bottom:4px; }
.mb5 { margin-bottom:5px; }
.mb6 { margin-bottom:6px; }
.mb7 { margin-bottom:7px; }
.mb8 { margin-bottom:8px; }
.mb9 { margin-bottom:9px; }
.mb10 { margin-bottom:10px; }
.mb11 { margin-bottom:11px; }
.mb12 { margin-bottom:12px; }
.mb13 { margin-bottom:13px; }
.mb14 { margin-bottom:14px; }
.mb15 { margin-bottom:15px; }
.mb16 { margin-bottom:16px; }
.mb17 { margin-bottom:17px; }
.mb18 { margin-bottom:18px; }
.mb19 { margin-bottom:19px; }
.mb20 { margin-bottom:20px; }
.mb21 { margin-bottom:21px; }
.mb22 { margin-bottom:22px; }
.mb23 { margin-bottom:23px; }
.mb24 { margin-bottom:24px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }


.ml1 { margin-left:1px; }
.ml2 { margin-left:2px; }
.ml3 { margin-left:3px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px; }
.ml6 { margin-left:6px; }
.ml7 { margin-left:7px; }
.ml8 { margin-left:8px; }
.ml9 { margin-left:9px; }
.ml10 { margin-left:10px; }
.ml11 { margin-left:11px; }
.ml12 { margin-left:12px; }
.ml13 { margin-left:13px; }
.ml14 { margin-left:14px; }
.ml15 { margin-left:15px; }
.ml16 { margin-left:16px; }
.ml17 { margin-left:17px; }
.ml18 { margin-left:18px; }
.ml19 { margin-left:19px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml55 { margin-left:55px; }
.ml60 { margin-left:60px; }
.ml65 { margin-left:65px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }
.ml200 { margin-left:200px; }
.ml250 { margin-left:250px; }
.ml300 { margin-left:300px; }
.ml310 { margin-left:310px; }
.ml320 { margin-left:320px; }
.ml330 { margin-left:330px; }
.ml340 { margin-left:340px; }
.ml350 { margin-left:350px; }
.ml360 { margin-left:360px; }
.ml370 { margin-left:370px; }
.ml380 { margin-left:380px; }
.ml390 { margin-left:390px; }
.ml400 { margin-left:400px; }
.ml410 { margin-left:410px; }
.ml420 { margin-left:420px; }
.ml430 { margin-left:430px; }
.ml440 { margin-left:440px; }
.ml450 { margin-left:450px; }
.ml460 { margin-left:460px; }
.ml470 { margin-left:470px; }
.ml480 { margin-left:480px; }
.ml490 { margin-left:490px; }
.ml500 { margin-left:500px; }
.ml550 { margin-left:550px; }

.mr1 { margin-right:1px; }
.mr2 { margin-right:2px; }
.mr3 { margin-right:3px; }
.mr4 { margin-right:4px; }
.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr7 { margin-right:7px; }
.mr8 { margin-right:8px; }
.mr9 { margin-right:9px; }

.mr10 { margin-right:10px; }
.mr11 { margin-right:11px; }
.mr12 { margin-right:12px; }
.mr13 { margin-right:13px; }
.mr14 { margin-right:14px; }
.mr15 { margin-right:15px; }
.mr16 { margin-right:16px; }
.mr17 { margin-right:17px; }
.mr18 { margin-right:18px; }
.mr19 { margin-right:19px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr26 { margin-right:26px; }
.mr27 { margin-right:27px; }
.mr28 { margin-right:28px; }
.mr29 { margin-right:29px; }
.mr30 { margin-right:30px; }
.mr31 { margin-right:31px; }
.mr32 { margin-right:32px; }
.mr33 { margin-right:33px; }
.mr34 { margin-right:34px; }
.mr35 { margin-right:35px; }
.mr36 { margin-right:36px; }
.mr37 { margin-right:37px; }
.mr38 { margin-right:38px; }
.mr39 { margin-right:39px; }
.mr40 { margin-right:40px; }

/* padding */
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb11 {padding-bottom:11px;}
.pb12 {padding-bottom:12px;}
.pb13 {padding-bottom:13px;}
.pb14 {padding-bottom:14px;}
.pb15 {padding-bottom:15px;}
.pb16 {padding-bottom:16px;}
.pb17 {padding-bottom:17px;}
.pb18 {padding-bottom:18px;}
.pb19 {padding-bottom:19px;}
.pb20 {padding-bottom:20px;}
.pb21 {padding-bottom:21px;}
.pb22 {padding-bottom:22px;}
.pb23 {padding-bottom:23px;}
.pb24 {padding-bottom:24px;}
.pb25 {padding-bottom:25px;}
.pb26 {padding-bottom:26px;}
.pb27 {padding-bottom:27px;}
.pb30 {padding-bottom:30px;}

.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt11 {padding-top:11px;}
.pt12 {padding-top:12px;}
.pt13 {padding-top:13px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt16 {padding-top:16px;}
.pt17 {padding-top:17px;}
.pt18 {padding-top:18px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px;}
.pt21 {padding-top:21px;}
.pt22 {padding-top:22px;}
.pt23 {padding-top:23px;}
.pt24 {padding-top:24px;}
.pt25 {padding-top:25px;}
.pt26 {padding-top:26px;}
.pt27 {padding-top:27px;}
.pt30 {padding-top:30px;}
.pt35{padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl13 {padding-left:13px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl17 {padding-left:17px;}
.pl18 {padding-left:18px;}
.pl19 {padding-left:19px;}
.pl20 {padding-left:20px;}
.pl21 {padding-left:21px;}
.pl22 {padding-left:22px;}
.pl23 {padding-left:23px;}
.pl24 {padding-left:24px;}
.pl25 {padding-left:25px;}
.pl26 {padding-left:26px;}
.pl27 {padding-left:27px;}
.pl30 {padding-left:30px;}

.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr11 {padding-right:11px;}
.pr12 {padding-right:12px;}
.pr13 {padding-right:13px;}
.pr14 {padding-right:14px;}
.pr15 {padding-right:15px;}
.pr16 {padding-right:16px;}
.pr17 {padding-right:17px;}
.pr18 {padding-right:18px;}
.pr19 {padding-right:19px;}
.pr20 {padding-right:20px;}
.pr21 {padding-right:21px;}
.pr22 {padding-right:22px;}
.pr23 {padding-right:23px;}
.pr24 {padding-right:24px;}
.pr25 {padding-right:25px;}
.pr26 {padding-right:26px;}
.pr27 {padding-right:27px;}
.pr30 {padding-right:30px;}






.LbCsP { cursor:pointer; }



.title{margin:10px 0px 10px 0px;}
.w40{width:40%; float:left;}
.w50{width:50%; float:left;}
.w70{width:70%; float:left;}
.w100{width:100%; float:left;}
.close{position:relative; float:left; margin-left:280px; top:-50px}
.close2{position:relative; float:left; margin-left:300px; }
.close3{position:relative; float:left; margin-left:540px; }
.close4{position:relative; float:left; margin-left:265px;}
.close5{position:relative; float:left; margin-left:265px; padding-top:30px;}

.gray{color:#717171; font-size:13.5px}
.red {color:#c40000; font-weight:bold;}
.blue {color:#0793b6; font-weight:bold;}
.black {color:#000000; font-weight:bold;}
.text_c_01{color:#7779b2; font-weight:bold;}


.right01{float:right:; text-align:right;} 


.wright { text-align:right; vertical-align:right; float:right:}
.wcenter {position:relative; float:left; text-align:center; vertical-align:middle; width:100%; }

.fs_01	 {font-size:1.1em;}
.fs_02	 {font-size:1.2em;}
.fs_03 {font-size:1.3em;}
.fs_04 {font-size:1.4em;}
.fs_05 {font-size:1.5em;}

.fc_00 {color:#000000;}
.fc_01{ color:#f50000;}
.fc_02{ color:#00429f;}
.fc_03{ color:#00c7e5;}
.fc_04 {color:#345daa;}
.fc_05 {color:#4c9cd8;}
.fc_06 {color:#e80041;}




.inputbox1       { IME-MODE: disabled; }
.inputbox2       { IME-MODE: disabled; text-align:right; }
.inputbox3       { border:0px solid; height:12; BACKGROUND: #E7EEFD; }
.inputbox4       { IME-MODE: disabled; BACKGROUND: #E7EEFD; }
.radio           {  }
.radio_main      { BACKGROUND-COLOR:#FFF2E0; border: 0px; }
.button          { BACKGROUND-COLOR:#E0E0E0; border:1px solid #666666; cursor:pointer; }
.buttonSmall     { font-size:11px; }
.radio1          { BACKGROUND-COLOR:E9E2D8; border: 0px; }
.radio2          { BACKGROUND-COLOR:#f7f7f7; border: 0px; }



#EditorTable { float:left; text-align:left; vertical-align:middle; border:1px solid #c8c8c8; margin:2px 2px 2px 2px;}
#EditorTable td {padding:2px 2px 2px 2px; vertical-align:middle; border:0px;}

#EditorTableTool { float:left; text-align:left; vertical-align:middle; margin:2px 2px 2px 2px;}
#EditorTableTool td {padding:2px 2px 2px 2px; vertical-align:middle; border:0px;}




a.btn01 {/*float:left;*/  padding:5px 15px;  text-align:center; background:#9ac56f;  color:#ffffff;	text-decoration:none; font-size:14px; font-weight:500; margin:5px 0;}
a.btn01:hover, a.btn01:active {/*float:left;*/ padding:5px 15px; text-align:center; background:#9e9e9e; color:#ffffff; margin:5px 0px; font-size:14px;  font-weight:500; }
a.btn01:visited	, a.btn01:focus	{color:#ffffff;}

a.btn02 {padding:15px 150px 18px 150px; border:2px solid; text-align:center; color:#fff; ; font-size:18px; font-weight:600; }
a.btn02:hover{padding:15px 150px 18px 150px; border:2px solid #292929; text-align:center; background:#f1f1f1;  color:#292929;	 text-decoration:none; font-size:18px; font-weight:600; }

a.btn03 {padding:5px 30px; border:1px solid; text-align:center; background:#005aaa; color:#fff; margin:30px 0; font-size:13px; }
a.btn03:hover{ padding:5px 30px; border:1px solid #898989; text-align:center; background:#f1f1f1;  color:#222;	margin:10px 0 0px 0; text-decoration:none; font-size:13px; }

a.btn04 {padding:15px 25px; border:1px solid; text-align:center; background:#d23535; color:#fff; margin:30px 0; font-size:15px; }
a.btn04:hover{  padding:15px 25px; border:1px solid #898989; text-align:center; background:#f1f1f1;  color:#222;	margin:30px 0; text-decoration:none; font-size:15px; }

a.btn05 {padding:10px 40px 10px 40px; border:1px solid #218c72; text-align:center; background:#218c72; color:#ffffff; font-size:18px; font-weight:600; }
a.btn05:hover, a.btn05:active	{border:1px solid #898989;  background:#f1f1f1;  color:#222;	}
a.btn05:visited, a.btn05:focus {color:#ffffff;}

a.btn06 {padding:15px 100px 18px 100px; border:1px solid; text-align:center; color:#fff; ; font-size:16px; font-weight:600; }
a.btn06:hover{padding:15px 100px 18px 100px; border:1px solid #292929; text-align:center; background:#f1f1f1;  color:#292929;	 text-decoration:none; font-size:16px; font-weight:600; }

a.btn07 {/*float:left;*/ /*display: block;*/    /*width: 150px;    height: 50px; */ padding:7px 25px 7px 25px;   border-radius: 25px;    background-color: #bf202c;    line-height: 50px;    color: #fff;    font-size:18px;    font-weight: 500;    text-align: center;   }
a.btn07:hover,	 a.btn07:active {/*float:left; */ /*display: block;*/  /*  width: 150px;    height: 50px;*/ padding:7px 25px 7px 25px;    border-radius: 25px;    background-color: #efefef;    line-height: 50px;    color: #222;    font-size: 18px;    font-weight: 500;    text-align: center;   }
a.btn07:visited {color:#ffffff;}


a.btn08 {padding:8px 20px 8px 20px;   border-radius: 20px;    background-color: #222222;      color: #ffffff;    font-size:18px; line-height:40px;    font-weight: 500;    text-align: center;   }
a.btn08:hover,	 a.btn08:active {   background-color: #efefef;       color: #222222;     }
a.btn08:visited,  a.btn08:focus{color:#ffffff;}

a.btn_more {/*float:left;*/ /*display: block;*/ padding:7px 16px 7px 16px;   border-radius: 16px;    background-color: #23cbbe;    line-height: 32px;    color: #fff;    font-size:16px;    font-weight: 600;    text-align: center;   font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 맑은 고딕,'Nanum Gothic', Sans-serif;}
a.btn_more:hover,	 a.btn_more:active {background-color: #006782;       color: #fff;     }
a.btn_more:visited {color:#ffffff;}

.btn09 {padding:7px 30px 7px 30px;   border-radius: 15px;    background-color: #23cbbe; color:#ffffff;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease; line-height: 30px;        font-size:15px;    font-weight: 600;    text-align: center; }
.btn09:hover {background-color: #006782;       color: #ffffff;     }
.btn09:active {background-color: #006782;       color: #ffffff;     }
.btn09:visited {color:#ffffff;}
.btn09:focus {color:#ffffff;}


a.btn10 {padding:7px 30px 7px 30px;   border-radius: 15px;    background-color: #222222;      color: #ffffff;    font-size:15px; line-height:30px;    font-weight: 500;    text-align: center;   }
a.btn10:hover,	 a.btn10:active {   background-color: #006782;     color: #222222;     }
a.btn10:visited,  a.btn10:focus	{color:#ffffff;}



a.btn_support {/*float:left;*/ /*display: block;*/    /*width: 150px;    height: 50px; */ padding:7px 40px 7px 40px;   border-radius: 25px;    background-color: #1b9c92;    line-height: 50px;    color: #fff;    font-size:22px;    font-weight: 500;    text-align: center;   }
a.btn_support:hover,	 a.btn_support:active { background-color: #efefef;   color: #1b9c92;  }
a.btn_support:visited {color:#ffffff;}

.preline { white-space: pre-line;  }


.box01	{float:left; width:93.8%; font-size:1.35em; line-height:1.6em; margin:1% 0 3% 0; padding:3%; border:1px solid #afafaf; background:#eee;}
.box02	{float:left; width:93.8%; font-size:1.2em; color:#222;line-height:1.2em; margin:1% 0 2% 0; padding:3%; border:1px solid #afafaf; background:#efefef;}
.box03	{float:left; width:100%; font-size:1.35em; color:#222;line-height:1.6em; margin:1% 0 2% 0; text-align:center;}
.box03 span {font-size:1.1em; }
.box03 b {color:#1a968d;}


.box04	{float:left; width:96.8%; font-size:1.15em; color:#0b0b0b;line-height:1.6em; text-align:center; margin:0 0 1% 0; padding:1.5%; /*border:1px solid #d0d0d0;*/ background:#efefef; }
.box04	b {font-size:1.2em; color:#006ab5; font-weight:500;}
.box05	{float:left; width:96.8%; font-size:1.12em; color:#0b0b0b;line-height:1.6em; text-align:center; margin:0 0 1% 0; padding:1.5%; /*border:1px solid #d0d0d0;*/ background:#fff; border:1px solid #afafaf;}


/*======================= Tablet 1024 px ~ =======================*/
@media only screen and (max-width:1024px){
body, input, textarea, select, button, table{font-size:14px;}
input, select, textarea {font-size:13px;}
select{height:35px; line-height:35px;}
input.text {height:35px; line-height:35px;}

	

/* input-radio */
.comm_radio_label {font-size:16px;}

/* input-checkbox */
.comm_check_label .ico_check {width:15px; height:15px; background-size:15px;}
.comm_check_label .ico_check2 {width:15px; height:15px; background-size:15px;}

/* 게시판 view, list 버튼 */
.btn_black {width:95px; height:35px; font-size:16px; line-height:35px;}
.btn_gray {width:95px; height:35px; font-size:16px; line-height:35px;}
.btn_red {width:95px; height:35px; font-size:16px; line-height:35px;}

/* 게시판 form */
.btn_search {height:35px; line-height:35px;}

/* BtnStyle */
.BtnType01 {min-width:140px; height:50px; padding:0 20px; margin:20px auto; font-size:19px; line-height:50px;}
.BtnType02 {min-width:140px; height:50px; padding:0 20px; font-size:19px; line-height:50px;}
.BtnType01_s_02 {width:260px; height:45px; font-size:18px; line-height:45px;}
.BtnType02_s_02 {width:260px; height:45px; font-size:18px; line-height:45px;}
.BtnSArea .BtnType01 {min-width:100px;}
.BtnSArea .BtnType02 {min-width:100px;}

.btn_gray01 {height:65px; line-height:65px; font-size:22px;}
.btn_blue01 {height:65px; line-height:65px; font-size:22px;}
.btn_gray02 {height:35px; line-height:35px; font-size:15px;}
.btn_grayLine01 {height:35px; line-height:35px; font-size:15px;}

/* icon */
.icon_reply01 {width:75px; height:30px; font-size:15px; line-height:30px;}
.icon_reply02 {width:75px; height:30px; font-size:15px; line-height:30px;}
.icon_reply03 {width:75px; height:30px; font-size:15px; line-height:30px;}

}

/*======================= Tablet 850 px ~ =======================*/
@media only screen and (max-width:850px){

/* BtnStyle */
.BtnType01_s_02 {width:240px; height:45px; font-size:17px; line-height:45px;}
.BtnType02_s_02 {width:240px; height:45px; font-size:17px; line-height:45px;}

}


/*======================= Mobile 640 px ~ =======================*/
@media only screen and (max-width:640px){
body, input, textarea, select, button, table{font-size:14px;}
input, select, textarea {font-size:14px;}
select{height:30px; line-height:30px;}
input.text {height:30px; line-height:30px;}

/* input-radio */
.comm_radio_label {margin-right:15px; font-size:15px;}
.comm_radio_label .ico_radio {width:16px; height:16px; background:url('/images/common/icon/icon_radio_m.png') no-repeat left top; background-size:16px;}
.radio_on .ico_radio {background-position:left bottom}

/* 게시판 view, list 버튼 */
.btn_black {width:85px; height:30px; line-height:30px; font-size:15px;}
.btn_gray {width:85px; height:30px; line-height:30px; font-size:15px;}
.btn_red {width:85px; height:30px; line-height:30px; font-size:15px;}

/* 게시판 form */
.btn_search {width:85px; height:30px; line-height:30px;}

/* BtnStyle */
.BtnType01_s {width:200px; height:35px; font-size:16px; line-height:35px;}
.BtnType02_s {width:200px; height:35px; font-size:16px; line-height:35px;}
.BtnType01_s_02 {width:220px; height:37px; font-size:16px; line-height:37px;}
.BtnType02_s_02 {width:220px; height:37px; font-size:16px; line-height:37px;}
.BtnSArea .BtnType02 {margin-left:5px;}
.btn_plus {background:url('/images/common/btn/btn_plus_m.png') no-repeat 0 0; background-size:24px;}
.btn_minus {background:url('/images/common/btn/btn_minus_m.png') no-repeat 0 0; background-size:24px;}

.btn_gray01 {height:55px; line-height:55px; font-size:20px;}
.btn_blue01 {height:55px; line-height:55px; font-size:20px;}
.btn_gray02 {width:100px; height:35px; line-height:35px; font-size:14px;}
.btn_grayLine01 {width:100px; height:35px; line-height:35px; font-size:14px;}
.btn_gray03 {width:45px; height:28px; line-height:28px;}

/* icon */
.icon_reply01 {width:70px; height:25px; font-size:13px; line-height:25px;}
.icon_reply02 {width:70px; height:25px; font-size:13px; line-height:25px;}
.icon_reply03 {width:70px; height:25px; font-size:13px; line-height:25px;}
.icon_message01 {height:23px; padding:0 8px; margin-right:8px; line-height:23px; font-size:13px;}
.icon_message02 {height:23px; padding:0 8px; margin-right:8px; line-height:23px; font-size:13px;}

/* layerpop 공통 */
.layerpop_header {padding:20px 0;}
.layerpop_header h1 {padding-right:5px; font-size:30px;}
.layerpop_header p {margin-top:12px; padding:0 20px; font-size:14px; line-height:25px;}
.layerpop_header span.for {font-size:20px;}
.layerpop_header .btn_close {width:20px; height:20px; margin-top:-10px; background-size:20px;}

a.btn01 {/*float:left;*/  padding:5px 5px;  text-align:center; background:#9ac56f;  color:#ffffff; text-decoration:none; font-size:13px; font-weight:500; margin:5px 0;}
a.btn01:hover, a.btn01:active {/*float:left;*/ padding:5px 5px; text-align:center; background:#9e9e9e; color:#ffffff; margin:5px 0px; font-size:13px;  font-weight:500; }
a.btn01:visited	, a.btn01:focus	{color:#ffffff;}


a.btn_more {font-size:12px;  }

a.btn09 { font-size:15px; }


}


/*======================= Mobile 480 px ~ =======================*/
@media only screen and (max-width:480px){
body, input, textarea, select, button, table{font-size:14px;}
input, select, textarea {font-size:14px;}
label {font-size:12px;}

/* 게시판 view, list 버튼 */
.btn_black {width:auto; height:25px; line-height:25px; font-size:14px;}
.btn_gray {width:auto; height:25px; line-height:25px; font-size:14px;}
.btn_red {width:auto; height:25px; line-height:25px; font-size:14px;}

/* 게시판 form */
.btn_search {width:70px;}

.btn_prnext {width:25px; height:25px; line-height:23px; font-size:10px;}

/* input-radio */
.comm_radio_label {font-size:14px;}

/* input-checkbox */
.comm_check_label .ico_check2 {width:13px; height:13px; background-size:13px;}

/* BtnStyle */
.BtnType01 {min-width:120px; height:40px; padding:0 15px; margin:15px auto; font-size:15px; line-height:40px;}
.BtnType02 {min-width:120px; height:40px; padding:0 15px; font-size:15px; line-height:40px;}
.BtnType01_s_02 {width:200px; height:35px; font-size:15px; line-height:35px;}
.BtnType02_s_02 {width:200px; height:35px; font-size:15px; line-height:35px;}
.BtnSArea .BtnType01 {min-width:80px;}
.BtnSArea .BtnType02 {min-width:80px; margin-left:2px;}
.BtnType01_s {width:190px; height:35px; font-size:15px; line-height:35px;}
.BtnType02_s {width:190px; height:35px; font-size:15px; line-height:35px;}

.btn_gray01 {height:50px; line-height:50px; font-size:18px;}
.btn_blue01 {height:50px; line-height:50px; font-size:18px;}
.btn_gray02 {width:90px; height:30px; line-height:30px; font-size:13px;}
.btn_grayLine01 {width:90px; height:30px; line-height:30px; font-size:13px;}

/* icon */
.icon_message01 {height:20px; padding:0 5px; margin-right:5px; line-height:20px;}
.icon_message02 {height:20px; padding:0 5px; margin-right:5px; line-height:20px;}

/* layerpop 공통 */
.layerpop_header h1 {font-size:24px;}
.layerpop_header p {margin-top:9px; padding:0 15px; font-size:13px; line-height:23px;}
.layerpop_header span.for {display:block; font-size:16px; line-height:100%;}
.layerpop_header .btn_close {width:18px; height:18px; margin-top:-9px; background-size:18px;}




	.btn_orangeLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#f82a2a; font-weight:bold; border:3px solid #f82a2a; border-radius:30px; }
	.btn_orangeLine:hover {background-color:#f82a2a; color:#fff; }
	.btn_whiteLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#fff; font-weight:bold; border:3px solid #fff; border-radius:30px; }
	.btn_whiteLine:hover {background-color:#fff; color:#f82a2a; }
	.btn_grayLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#aaa; font-weight:bold; border:3px solid #aaa; border-radius:30px; }
	.btn_grayLine:hover {background-color:#aaa; color:#fff; }
	.btn_greenLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#8dc035; font-weight:bold; border:3px solid #8dc035; border-radius:30px; }
	.btn_greenLine:hover {background-color:#8dc035; color:#fff; }
	.btn_redLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#e22331; font-weight:bold; border:3px solid #e22331; border-radius:30px; }
	.btn_redLine:hover {background-color:#e22331; color:#fff; }
	.btn_bbLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#5cd5e6; font-weight:bold; border:3px solid #5cd5e6; border-radius:30px; }
	.btn_bbLine:hover {background-color:#5cd5e6; color:#fff; }
	.btn_brLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#dac986; font-weight:bold; border:3px solid #dac986; border-radius:30px; }
	.btn_brLine:hover {background-color:#dac986; color:#fff; }
	.btn_ggrLine {display:inline-block; min-width:120px; height:50px; padding:0 30px; line-height:50px; text-align:center; font-size:20px; color:#84b500; font-weight:bold; border:3px solid #84b500; border-radius:30px; }
	.btn_ggrLine:hover {background-color:#84b500; color:#fff; }



.box01	{font-size:1.25em; line-height:1.45em; }
.box02	{font-size:1.15em; line-height:1.45em; }
.box03	{font-size:1.25em; line-height:1.45em;}
.box04	{font-size:1.0em; line-height:1.35em;}
.box04	b {font-size:1.2em; }


}
