@charset "utf-8";
/* NanumGothic  */
/* 나눔고딕 */
@font-face{
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('font/NanumGothic-Regular.eot'); 
  src: local('※'), url('font/NanumGothic-Regular.woff') format('woff'); 
}

@font-face{
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 600;
  src: url('font/NanumGothic-Bold.eot'); 	
  src: local('※'), url('font/NanumGothic-Bold.woff') format('woff'); 
}

@font-face{
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url('font/NanumSquareR.eot'); 
  src: local('※'), url('font/NanumSquareR.woff') format('woff'); 
}

@font-face{
  font-family: 'Nanum SquareB';
  font-style: normal;
  font-weight: 600;
  src: url('font/NanumSquareB.eot'); 	
  src: local('※'), url('font/NanumSquareB.woff') format('woff'); 
}

/* 요소(element) 여백 초기화  */
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{word-wrap:break-word;margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

html {-webkit-text-size-adjust: none;} 

body {color:#626262; font-family:'Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; }
a:link,a:visited { color:#626262; text-decoration: none;}
a:hover, a:active, a:focus { /* text-decoration:underline; */ }
img {border:0; vertical-align:top;}

/* 목록 */
ol, ul {list-style:none;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal; font-style:normal;}
caption, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; display:none;}

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:none; margin:0; padding:0;} 

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table { border-collapse:collapse; border-spacing:0;}
legend {position:absolute; width:0; height:0; line-height:0; font-size:0; visibility:hidden; text-indent:-9999em;  }

select {font-size:12px; height:30px; padding:0 2px 0 10px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/images/user/common/bul_select.png') no-repeat right;}
select.foot_select {font-size:12px; height:30px; padding:0 30px 0 10px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/images/user/common/bul_select.png') no-repeat right;}

/* 수평선*/
hr { display:none; }

/* 나눔고딕 볼드 설정 */
b, strong {font-weight:600;}

/* 윗첨자 아래첨자 */
sup, sub {font-size:10px;}

/* button 초기화 */
button {border:0; vertical-align:middle; cursor:pointer; font-family:'Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif;}
button.s_btn {border:none; background:#eaeaea; color:#333; font-size:12px; padding:3px 0 3px 0; width:130px; cursor:pointer;}

button::-moz-focus-inner {padding:0; border:0; }

.hidden {position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
.cb { clear:both;}
.fl { float:left;}
.fr { float:right;}
.bg_none { background:none !important;}
.br_none { border-right:none !important;}
.block { display:block;}
.dn { display:none;}
.line { border-top:1px solid #e5e5e5; padding:20px 0 0; margin-top:20px; }

.contans li {font-size:14px; line-height:1.8em; padding-left:15px;}
.contans1 li {font-size:14px; line-height:1.8em; padding-left:15px; background:url('/images/user/common/sub_bult_03.jpg') no-repeat 0 14px; margin-left:10px;}
.contans_1 li {font-size:18px; line-height:1.8em; padding-left:15px;  }
.contans_1 li span{ color:#06F; font-weight: 700;}



/* input, select, radio, checkbox */
.input { height:17px; line-height:17px; padding:1px 2px 0; border:#e1e1e1 solid 1px; color:#707070; font-size:13px; }
.radio { position:relative;}
.textarea {width:100%; height:100px; padding:10px; resize:none; font-size:12px; box-sizing:border-box; }
.upload { height:22px; }
.ckbox { position:relative;}
.select { height:20px; line-height:20px; border:#e1e1e1 solid 1px; color:#707070; font-size:13px; }
radio, checkbox { width:13px; height:13px; overflow:hidden;}


/* page_info */

h3 { clear:both; font-size:24px; font-weight:600; color:#333; margin:50px 0 20px; line-height:34px; display:inline-block; width:100%;}
h3 span { font-size:16px; color:#e03025; }

h4 { clear:both; font-size:18px; color:#000; margin:30px 0 10px; line-height:1.8em; font-weight:normal; }
h5 { clear:both; font-size:15px; color:#666; margin:0 0 10px; line-height:1.8em; }

/* bl style */

.bl01 {background:url('/images/user/common/sub_bult_01.jpg') no-repeat 0 6px; padding-left:60px; box-sizing:border-box; }
.bl02 {background:url('/images/user/common/sub_bult_02.jpg') no-repeat 0 12px; padding-left:20px; box-sizing:border-box; }
.bl03 {background:url('/images/user/common/sub_bult_03.jpg') no-repeat 0 12px; padding-left:10px; box-sizing:border-box; }
.bl04 {background:url('/images/user/contents/bul_cont_title_etc.gif') no-repeat 0 12px; padding-left:13px; box-sizing:border-box; color:#0d7e9c;}


/* skipToContent */
#skipToContent { position:absolute; top:0px; left:0; width:100%; z-index:999; }
#skipToContent a { display:block; height:0px; width:0px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#001; }
#skipToContent a:focus, #skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }

/* returnToPageTop */
#returnToPageTop { position:absolute; bottom:0px; left:0; width:100%; z-index:999; }
#returnToPageTop a { display:block; height:0px; width:0px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#001; }
#returnToPageTop a:focus, #returnToPageTop a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }

/* element block clear */
.xb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .xb { height: 1%; }


/* button1 reset */
.btnblock {width:100%; text-align: center;}
.button1 { height:30px; line-height:30px; font-size:12px; background:url(../images/button/btn2_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:2px;}
.button1 a { white-space:nowrap; font-size:12px; font-weight:normal; background:url(../images/button/btn2_right.gif) no-repeat right top; color:#525252 !important; cursor:pointer; padding:1px 27px 0 25px; height:30px; line-height:30px; display:inline-block; font-family:Dotum,Helvetica,AppleGothic,Sans-serif !important;}
.button1 input {white-space:nowrap; font-size:12px; font-weight:normal; background:url(../images/button/btn2_right.gif) no-repeat right top; color:#525252 !important;cursor:pointer; padding:1px 27px 0 25px; height:30px; line-height:30px; display:inline-block; overflow:visible; border:0;font-family:Dotum,Helvetica,AppleGothic,Sans-serif !important;}

.button1_gray { background:url(../images/button/btn2_gray_left.gif) no-repeat left top; }
.button1_gray a { background:url(../images/button/btn2_gray_right.gif) no-repeat right top; color:#fff !important; }

.button2 {background:#198fb6; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:1px;}
.button2 a { white-space:nowrap; font-size:16px; font-weight:bold; color:#fff !important; cursor:pointer; padding:15px 20px; display:inline-block; }
.button2 input { white-space:nowrap; font-size:13px; font-weight:bold; background:url('../images/button/btn2_right.gif') no-repeat right top;color:#fff !important; cursor:pointer; padding:1px 20px 0 19px; height:30px; line-height:30px; display:inline-block; overflow:visible; border:0; font-family:"NanumGothic";}

/* button */
.button {padding:5px 15px 8px; background:#198fb6; margin-right:10px; color:#fff !important; font-size:14px; display:inline-block;}
.button a {color:#fff; font-size:14px; }

.button1 { height:30px; line-height:30px; font-size:12px; background:url(../img/button/btn1_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:2px; }
.button1 a { white-space:nowrap; font-size:12px; font-weight:bold; background:url(../img/button/btn1_right.gif) no-repeat right top; color:#000 !important; cursor:pointer; padding:1px 10px 0 10px; height:30px; line-height:30px; display:inline-block; font-family:Dotum,Helvetica,AppleGothic,Sans-serif !important;}
.button1 input {white-space:nowrap; font-size:12px; font-weight:bold; background:url(../img/button/btn1_right.gif) no-repeat right top; color:#000 !important;cursor:pointer; padding:1px 10px 0 10px; height:30px; line-height:30px; display:inline-block; overflow:visible; border:0;font-family:Dotum,Helvetica,AppleGothic,Sans-serif !important;}

.nbutton {display:inline-block;background:#ea347e;border:none;color:#fff !important;padding:0 22px;height:36px;line-height:36px;font-size:15px;font-weight:400;vertical-align:middle;}
.nbutton.small {padding:0 15px !important;height:30px !important;line-height:30px !important;font-size:13px !important; border-radius:3px;}
.nbutton img{height:16px;margin-right:2px;margin-bottom:1px;}
.nbutton.gray{color:#fff;background:#595959;}
.nbutton.gray_post{color:#fff;background:#595959;line-height:30px;height:30px; font-size:13px;}
.nbutton.red{color:#fff;background:#dc2425;}
.nbutton.green{color:#fff;background:#22a275;}
.nbutton.orange{color:#fff;background:#ff8527;}
.nbutton.blue{color:#fff;background:#198fb6;}
.nbutton.line{color:#666 !important;background:#f5f5f5;border:1px solid #999999;margin:0;}
.nbutton.line2{color:#666 !important;background:#f5f5f5;border:1px solid #999999;margin:0;}

.btn {display:inline-block !important; padding:0 20px 4px 20px; text-align:center; line-height:30px; font-size:14px;}
.btn_s {display:inline-block !important; padding:0 10px; text-align:center; line-height:24px; font-size:13px;}
.btnBlue {border:1px solid #198fb6; color:#fff !important; background:#198fb6}
.btnBlue:hover {border:1px solid #198fb6; background:#198fb6; text-decoration:none !important}
.btnGreen {border:1px solid #22a275; color:#fff !important; background:#22a275}
.btnGreen:hover {border:1px solid #22a275; background:#22a275; text-decoration:none !important}

.btn_base { background:#198fb6 url('/images/user/contents/icon_arrow_white.png') no-repeat 92% 10px; padding-right:30px; }
.btn_base:hover { background:#10537c url('/images/user/contents/icon_arrow_white.png') no-repeat 92% 10px; padding-right:30px; border:1px solid #10537c;}




/* ======= common style ========= */
/* padding */
.pd_tb2 {padding:2px 0 !important;}
.pd_tb5 {padding:5px 0 !important;}
.pd_tb10 {padding:10px 0 !important;}
.pd_tb20 {padding:20px 0 !important;}
.pd_tb30 {padding:30px 0 !important;}
.pd_tb40 {padding:40px 0 !important;}

.pd_t2 {padding-top:2px !important;}
.pd_t3 {padding-top:3px !important;}
.pd_t5 {padding-top:5px !important;}
.pd_t7 {padding-top:7px !important;}
.pd_t8 {padding-top:8px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t12 {padding-top:12px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t17 {padding-top:17px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t22 {padding-top:22px !important;}
.pd_t25 {padding-top:25px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t32 {padding-top:32px !important;}
.pd_t35 {padding-top:35px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t50 {padding-top:50px !important;}

.pd_b2 {padding-bottom:2px !important;}
.pd_b3 {padding-bottom:3px !important;}
.pd_b5 {padding-bottom:5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b50 {padding-bottom:50px !important;}

.pd_l2 {padding-left:2px !important;}
.pd_l5 {padding-left:5px !important;}
.pd_l7 {padding-left:7px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l12 {padding-left:12px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l17 {padding-left:17px !important;}
.pd_l18 {padding-left:18px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l33 {padding-left:33px !important;}
.pd_l35 {padding-left:35px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l50 {padding-left:50px !important;}
.pd_l60 {padding-left:60px !important;}
.pd_l87 {padding-left:87px !important;}
.pd_l90 {padding-left:90px !important;}
.pd_l130 {padding-left:130px !important;}

.pd_r2 {padding-right:2px !important;}
.pd_r5 {padding-right:5px !important;}
.pd_r9 {padding-right:9px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_r30 {padding-right:30px !important;}
.pd_r40 {padding-right:40px !important;}

.pd_all5 {padding:5px !important;}
.pd_all10 {padding:10px !important;}
.pd_all20 {padding:20px !important;}
.pd_all30 {padding:30px !important;}
.pd_all40 {padding:40px !important;}


.mg_t3 {margin-top:3px !important;}
.mg_t5 {margin-top:5px !important;}
.mg_t7 {margin-top:7px !important;}
.mg_t8 {margin-top:8px !important;}
.mg_t10 {margin-top:10px !important;}
.mg_t15 {margin-top:15px !important;}
.mg_t20 {margin-top:20px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t40 {margin-top:40px !important;}
.mg_t50 {margin-top:50px !important;}
.mg_t70 {margin-top:70px !important;}

.mg_b5 {margin-bottom:5px !important;}
.mg_b7 {margin-bottom:7px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b30 {margin-bottom:30px !important;}
.mg_b50 {margin-bottom:50px !important;}

.mg_l10 {margin-left:10px !important;}
.mg_l30 {margin-left:30px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pt10 { padding-top:10px !important;}

/* text align */
.txt_left { text-align:left !important;}
.txt_right { text-align:right !important;}
.txt_center { text-align:center !important;}
.txt_v_c {vertical-align:middle !important;}

/* text style */
.text_bold {font-weight:bold;}
.text_none {font-weight:normal;}
.text_small {font-size:0.95em;}
.text_small2 {font-size:11px;}
.text_big {font-size:1.4em;}
.text_red {color:#bd1313;}
.text_blue {color:#1592d7;}
.text_blue2 {color:#7f95c7;}
.text_blue3 {color:#0864c3;}
.text_sky {color:#389eb7;}
.text_big {font-size:1.25em;}
.text_black {color:#000;}
.text_black2 {color:#222;}
.text_yellow {color:#ffb300;}
.text_green {color:#1ebb00;}
.text_brown {color:#e47a53;}
.text_mint {color:#38b6b3;}
.text_gray {color:#919191;}
.text_gray2 {color:#505050;}
.text_orange{color:#ff7800;}

.text_sns01 {color:#0d8890;}
.text_sns02 {color:#2a9d36;}
.text_sns03 {color:#305099;}
.text_sns04 {color:#d02020;}
.text_sns05 {color:#2e1518;}

.fs_12{font-size:12px !important;line-height:22px;}
.fs_13{font-size:13px !important;line-height:22px;}
.fs_14{font-size:14px !important;line-height:22px;}
.fs_16{font-size:16px !important;line-height:26px;}

.wd50 { width:50px !important; }
.wd60 { width:60px !important; }
.wd70 { width:70px; !important; }
.wd100 { width:100px !important; }
.wd150 { width:150px !important; }
.wd200 { width:200px !important; }
.wd300 { width:300px !important; }
.wd45p { width:45% !important; }
.wd50p { width:50% !important; }
.wd70p { width:70% !important; }
.wd80p { width:80% !important; }
.wd90p { width:90% !important; }
.wd100p { width:100% !important; }

.no_data {background: url('/inc/img/common/no_search_data.gif') no-repeat center 1.5em;font-size:20px;overflow:hidden !important;height:100px;line-height:60px;clear:both !important;text-align:center;padding-top:140px !important;width:100%}

/* 텍스트 강조 */
.bold { font-weight:bold;}
.bold * { font-weight:bold;}
.cGreen {color:#26742d !important}
.cGreen * {color:#26742d !important}
.cBrown {color:#9e4f09 !important}
.cBrown * {color:#9e4f09 !important}
.cBlack {color:#333 !important;}
.cRed {color:#f44242 !important;}
.cBlue {color:#0d7e9c !important}
.cBlue * {color:#0d7e9c !important}

.dis_block { display:block; line-height:25px; }