@charset "UTF-8";
/* CSS Document */

/*****************************************************************************************************************************************
생성일: 2018/11/20
수정일: 
수정자: hello@dx2.kr
주석간 간격 두줄 구분은 한줄사용
*****************************************************************************************************************************************/
 
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@font-face {
	font-family: 'NanumGothic', 'sans-serif';
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family:'tvnB';
	font-style: normal;
	font-weight: 400;
	src: url(../font/tvNBold.eot);
	src: local('.'),
		 url(../font/tvNBold.eot?#iefix) format('embedded-opentype'),
		 url(../font/tvNBold.woff) format('woff'),
		 url(../font/tvNBold.ttf) format('truetype');
}


/* css reset */
html, body { margin:0; height:100%; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:15px; color:#3c3c3c; line-height:1.3em; } /* 나눔고딕 기본값을 초기값으로 지정 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;}
a:link, a:hover, a:visited { text-decoration:none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
ol, ul { list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:none; }
table {  border-spacing:0; word-break:break-all; /*border-collapse:collapse; */ }
a { color:#3c3c3c; }
**html input, *html input {margin:-1px 0px -1px 0px;}

hr { border:none; border-top:1px dashed #ccc; height:0px; }

/*@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
.normal     { font-weight: 400 }
.bold       { font-weight: 700 }
.bolder     { font-weight: 800 }
.light      { font-weight: 300 }
body{ font-family: 'NanumSquare','NanumGothic', 'sans-serif';  }*/


/*데코 속성****************************************************************************************************************************************/
/*텍스트 데코*/
.underline { text-decoration:underline; }


/*색상속성****************************************************************************************************************************************/
/*font color*/
.color_orange { color:#f29528 !important; }
.color_lightgreen {color:#61b12b !important; }
.color_black { color:#3c3c3c !important; }
.color_deepblue { color:#317fa4 !important; }
.color_purple { color:#d26bca !important; }
.color_gray { color:#666 !important; }
.color_blue { color:#256de5 !important; }
.color_red { color:#F00 !important; }
.color_lightgray { color:#999 !important;}

/*bg color*/
.bg_white { background:#FFF !important;}
.bg_gray { background:#f9f9f9 !important;}
.bg_lemon { background:#faf58c !important; }
.bg_lightgray { background:#f3f3f3 !important; }

/*new*/
.bg_ivory { background:#eff1e6 !important; }
.bg_sky { background:#c0defa !important; }
.bg_pink { background:#f6cdd3 !important; }
.bg_green { background:#b4e6d8 !important; }
.bg_olive { background:#daebbe !important; }

.bg_blue {background:#164f82 !important;}
.bg_blue:hover {background:#2d6da7 !important;}
.bg_lightblue {background:#10b6ce !important;}
.bg_lightblue:hover {background:#08ceea !important;}
.bg_yellow { background:#efa822 !important;}
.bg_yellow:hover { background:#efc422 !important;}


/*button****************************************************************************************************************************************/
button { border:0; box-sizing:border-box; }
.btn_l { display:inline-block; padding:0 30px!important; height:40px!important; font-size:15px!important; box-sizing:border-box; color:#666; text-align:center; border:1px solid #ccc; background:#f1f1f1; cursor:pointer; border-radius:0!important; }
.btn_m { display:inline-block; padding:0 15px!important; height:32px!important; font-size:14px!important; box-sizing:border-box; color:#666; text-align:center; border:1px solid #ccc; background:#f1f1f1; cursor:pointer; border-radius:0!important; }
.btn_s { display:inline-block; padding:0 10px!important; height:29px!important; font-size:11px!important; color:#666; text-align:center; border:1px solid #ccc; background:#f1f1f1; cursor:pointer; border-radius:0!important;  }

.btn_ss { display:inline-block; padding:0 5px; height:23px; box-sizing:border-box; color:#666; text-align:center; border:1px solid #ccc; background:#f1f1f1; cursor:pointer; font-size:10px!important; }
.btn_ss:hover { border:1px solid #666; background:#666; color:#fff; transition-duration:0.5s; }


/*정렬속성****************************************************************************************************************************************/
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clear {clear:both !important;}


/*input 디자인****************************************************************************************************************************************/
.inputText, .selectText, .textArea, .inputFile { font-size:15px; border:1px solid #ccc; font-family:'NOB'; font-weight:400; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding:5px; display:inline-block} /* 익스 9부터 적용가능, 아이폰 둥근 모서리 설정빼기 */
.inputText:hover, .selectText:hover, .textArea:hover, .inputFile:hover { border:1px solid #666; transition-duration:0.5s; }
.inputFile { padding:2px !important; }
label { cursor:pointer; }
.inputText[readonly], .selectText[readonly], .textArea[readonly] { background:#f1f1f1; }
.inputText[readonly]:hover, .selectText[readonly]:hover, .textArea[readonly]:hover { border:1px solid #ccc; }


/*select 디자인****************************************************************************************************************************************/
select { padding-left:5px; background:url(../img/bg_select.png) right 50% no-repeat #fff;
 -webkit-appearance: none;  /* 화살표 없애기 for chrome */
   -moz-appearance: none;    /* 화살표 없애기 for firefox */
   appearance: none;         /* 화살표 없애기 공통 */ }
select::-ms-expand {
   display: none;           /* 화살표 없애기 for firefox */
}


/*scrollbar 디자인****************************************************************************************************************************************/
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #none; }
::-webkit-scrollbar-track {background: none;  }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(25,25,25,0.5); -webkit-border-radius: 8px; border-radius: 8px; }



/*가로,세로,마진,패딩 설정****************************************************************************************************************************************/
/* 가로사이즈% (테이블 col class로 사용 필요할 경우 class 추가) */
.widthauto { width:auto !important;}
.width5p { width:5% !important; }
.width10p { width:10% !important; }
.width15p { width:15% !important; }
.width20p { width:20% !important; }
.width25p { width:25% !important; }
.width30p { width:30% !important; }
.width35p { width:35% !important; }
.width40p { width:40% !important; }
.width45p { width:45% !important; }
.width50p { width:50% !important; }
.width55p { width:55% !important; }
.width60p { width:60% !important; }
.width65p { width:65% !important; }
.width70p { width:70% !important; }
.width75p { width:75% !important; }
.width80p { width:80% !important; }
.width85p { width:85% !important; }
.width90p { width:90% !important; }
.width95p { width:95% !important; }
.width100p { width:100% !important; }


/* 가로사이즈px (테이블 col class로 사용 필요할 경우 class 추가) */ 
.width5 { width:5px !important;}
.width10 { width:10px !important;} 
.width15 { width:15px !important;}
.width20 { width:20px !important;}
.width25 { width:25px !important;}
.width30 { width:30px !important;}
.width35 { width:35px !important;}
.width40 { width:40px !important;}
.width45 { width:45px !important;}
.width50 { width:50px !important;}
.width55 { width:55px !important;}
.width60 { width:60px !important;}
.width65 { width:65px !important;}
.width70 { width:70px !important;}
.width75 { width:75px !important;}
.width80 { width:80px !important;}
.width85 { width:85px !important;}
.width90 { width:90px !important;}
.width95 { width:95px !important;}
.width100 { width:100px !important;}
.width110 { width:110px !important;}
.width120 { width:120px !important;}
.width130 { width:130px !important;}
.width140 { width:140px !important;}
.width150 { width:150px !important;}
.width160 { width:160px !important;}
.width170 { width:170px !important;}
.width180 { width:180px !important;}
.width190 { width:190px !important;}
.width200 { width:200px !important;}
.width210 { width:210px !important;}
.width220 { width:220px !important;}
.width230 { width:230px !important;}
.width240 { width:240px !important;}
.width250 { width:250px !important;}
.width260 { width:260px !important;}
.width270 { width:270px !important;}
.width280 { width:280px !important;}
.width290 { width:290px !important;}
.width300 { width:300px !important;}
.width310 { width:310px !important;}
.width320 { width:320px !important;}
.width330 { width:330px !important;}
.width340 { width:340px !important;}
.width350 { width:350px !important;}
.width360 { width:360px !important;}
.width370 { width:370px !important;}
.width380 { width:380px !important;}
.width390 { width:390px !important;}
.width400 { width:400px !important;}
.width500 { width:500px !important;}
.width550 { width:550px !important;}
.width600 { width:600px !important;}
.width650 { width:650px !important;}
.width700 { width:700px !important;}
.width750 { width:750px !important;}
.width800 { width:800px !important;}
.width850 { width:850px !important;}
.width900 { width:900px !important;}
.width950 { width:950px !important;}
.width1000 { width:1000px !important;}

/* 세로사이즈px (테이블 row class로 사용 필요할 경우 class 추가) */ 
.height5 { height:5px !important;}
.height10 { height:10px !important;}
.height15 { height:15px !important;}
.height20 { height:20px !important;}
.height25 { height:25px !important;}
.height30 { height:30px !important;}
.height35 { height:35px !important;}
.height40 { height:40px !important;}
.height45 { height:45px !important;}
.height50 { height:50px !important;}
.height55 { height:55px !important;}
.height60 { height:60px !important;}
.height65 { height:65px !important;}
.height70 { height:70px !important;}
.height75 { height:75px !important;}
.height80 { height:80px !important;}
.height85 { height:85px !important;}
.height90 { height:90px !important;}
.height95 { height:95px !important;}
.height100 { height:100px !important;}
.height110 { height:110px !important;}
.height120 { height:120px !important;}
.height130 { height:130px !important;}
.height140 { height:140px !important;}
.height150 { height:150px !important;}
.height160 { height:160px !important;}
.height170 { height:170px !important;}
.height180 { height:180px !important;}
.height190 { height:190px !important;}
.height200 { height:200px !important;}
.height210 { height:210px !important;}
.height220 { height:220px !important;}
.height230 { height:230px !important;}
.height240 { height:240px !important;}
.height250 { height:250px !important;}
.height260 { height:260px !important;}
.height270 { height:270px !important;}
.height280 { height:280px !important;}
.height290 { height:290px !important;}
.height300 { height:300px !important;}
.height310 { height:310px !important;}
.height320 { height:320px !important;}
.height330 { height:330px !important;}
.height340 { height:340px !important;}
.height350 { height:350px !important;}
.height360 { height:360px !important;}
.height370 { height:370px !important;}
.height380 { height:380px !important;}
.height390 { height:390px !important;}
.height400 { height:400px !important;}
.height410 { height:410px !important;}
.height420 { height:420px !important;}
.height430 { height:430px !important;}
.height440 { height:440px !important;}
.height450 { height:450px !important;}
.height460 { height:460px !important;}
.height470 { height:470px !important;}
.height480 { height:480px !important;}
.height490 { height:490px !important;}
.height500 { height:500px !important;}
.height510 { height:510px !important;}
.height520 { height:520px !important;}
.height530 { height:530px !important;}
.height540 { height:540px !important;}
.height550 { height:550px !important;}
.height600 { height:600px !important;}
.height650 { height:650px !important;}
.height700 { height:700px !important;}
.height750 { height:750px !important;}
.height800 { height:800px !important;}
.height850 { height:850px !important;}
.height900 { height:900px !important;}
.height950 { height:950px !important;}
.height1000 { height:1000px !important;}

/*공간주기*/
.space5 { clear:both; width:100%; height:5px !important;}
.space10 { clear:both; width:100%; height:10px !important;}
.space15 { clear:both; width:100%; height:15px !important;}
.space20 { clear:both; width:100%; height:20px !important;}
.space25 { clear:both; width:100%; height:25px !important;}
.space30 { clear:both; width:100%; height:30px !important;}
.space35 { clear:both; width:100%; height:35px !important;}
.space40 { clear:both; width:100%; height:40px !important;}
.space45 { clear:both; width:100%; height:45px !important;}
.space50 { clear:both; width:100%; height:50px !important;}
.space55 { clear:both; width:100%; height:55px !important;}
.space60 { clear:both; width:100%; height:60px !important;}
.space65 { clear:both; width:100%; height:65px !important;}
.space70 { clear:both; width:100%; height:70px !important;}
.space75 { clear:both; width:100%; height:75px !important;}
.space80 { clear:both; width:100%; height:80px !important;}
.space85 { clear:both; width:100%; height:85px !important;}
.space90 { clear:both; width:100%; height:95px !important;}
.space100 { clear:both; width:100%; height:100px !important;}
.space110 { clear:both; width:100%; height:110px !important;}
.space120 { clear:both; width:100%; height:120px !important;}
.space130 { clear:both; width:100%; height:130px !important;}
.space140 { clear:both; width:100%; height:140px !important;}
.space150 { clear:both; width:100%; height:150px !important;}
.space200 { clear:both; width:100%; height:200px !important;}
.space250 { clear:both; width:100%; height:250px !important;}
.space300 { clear:both; width:100%; height:300px !important;}
.space350 { clear:both; width:100%; height:350px !important;}
.space400 { clear:both; width:100%; height:400px !important;}
.space450 { clear:both; width:100%; height:450px !important;}
.space500 { clear:both; width:100%; height:500px !important;}

/*마진top 설정*/
.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;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt85 { margin-top:85px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt100 { margin-top:100px !important;}
.mt150 { margin-top:150px !important;}
.mt200 { margin-top:200px !important;}
.mt250 { margin-top:250px !important;}
.mt300 { margin-top:300px !important;}
.mt-5 {margin-top:-5px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-13 {margin-top:-13px !important;}


/*마진right 설정*/
.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;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mr70 { margin-right:70px !important;}
.mr75 { margin-right:75px !important;}
.mr80 { margin-right:80px !important;}
.mr85 { margin-right:85px !important;}
.mr90 { margin-right:90px !important;}
.mr95 { margin-right:95px !important;}
.mr100 { margin-right:100px !important;}
.mr150 { margin-right:150px !important;}
.mr200 { margin-right:200px !important;}
.mr250 { margin-right:250px !important;}
.mr300 { margin-right:300px !important;}


/*마진bottm 설정*/
.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;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb85 { margin-bottom:85px !important;}
.mb90 { margin-bottom:90px !important;}
.mb95 { margin-bottom:95px !important;}
.mb100 { margin-bottom:100px !important;}
.mb150 { margin-bottom:150px !important;}
.mb200 { margin-bottom:200px !important;}
.mb250 { margin-bottom:250px !important;}
.mb300 { margin-bottom:300px !important;}

/*마진left 설정*/
.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;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml55 { margin-left:55px !important;}
.ml60 { margin-left:60px !important;}
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;}
.ml75 { margin-left:75px !important;}
.ml80 { margin-left:80px !important;}
.ml85 { margin-left:85px !important;}
.ml90 { margin-left:90px !important;}
.ml95 { margin-left:95px !important;}
.ml100 { margin-left:100px !important;}
.ml150 { margin-left:150px !important;}
.ml200 { margin-left:200px !important;}
.ml250 { margin-left:250px !important;}
.ml300 { margin-left:300px !important;}



.pb0 { padding-bottom:0px !important;  }
.pt0 { padding-top:0px !important; }
.pt10 { padding-top:10px !important; }



.cb {clear:both;}

/*보더 설정*/
.bd_r_no {border-right:0 !important;}
.bd_b_no {border-bottom:0 !important;}
.bd_r_9 {border-right:1px solid #999 !important;}