/* 나눔고딕스타일 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 



/*프린트 영역 감추기*/
@media print {
#header, #footer_wrap, #snb, #cont-foot-wrap, #pgChargeInfo, #pgSatisfaction, .site_link, #sns, #sitelink_cont, #w3c, #sns { display: none !important;}
body {
    background: #ffffff none repeat scroll 0 0;
    border-top: 0 none;
    margin: 0;
    padding: 0;
	width:100% !important;

}
#contents {min-width:100%  !important;}

}


input[type=text],textarea{ime-mode:active;}

/* 요소(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;} 


label,button{cursor:pointer;}
button{position:relative;}
button{border:none;}
.blind{display:block;overflow:hidden;top:-1000em;position:absolute;}





.skip, .hide, hr, fieldset legend {position: absolute;width: 1px;height: 1px;font-size: 0px;line-height: 0;overflow: hidden;z-index: -1;}

#w3c {position:absolute;top:10px;right:0;z-index:999;}

table{border-collapse:collapse;border-spacing:0;}

html,body,input,button,select,textarea {color:#595959; font-size:14px; font-family: '나눔 고딕', 'Nanum Gothic', 'Nanum Gothic', 'Dotum', '돋움', 'Gulim', '굴림', 'Sans-serif';}
a {color:#595959; text-decoration: none;}
a:hover, a:active, a:focus {color:#000; text-decoration:underline; }
img {border:0; vertical-align:top;}

p {line-height:160%;color:#595959; font-size:14px;}

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

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal; font-style:normal;}

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


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

/* 전역클래스 */
.hidden {position:absolute; top:-10000em; visibility:hidden; overflow:hidden; height:0px; width:0px;}
.ir {display:block; width:0; height:0; text-indent:100%; white-space:nowrap; overflow:hidden; line-height:0; }
.dt_none {display:none;}

/* align */
.tal {text-align: left;}
.tc {text-align: center;}
.tar {text-align: right;}

.fl {float:left;}
.fr {float:right;}

/* vertical align */
.vat {vertical-align:top;}
.ValignTop {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/* font family */
.ff1 {font-family:dotum;}
.ff2 {font-family:gulim;}
.ff3 {font-family:verdana;}
.ff4 {font-family:tahoma;}
.ff5 {font-family:arial;}

/* font size */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fn { font-weight:normal;}
.bold {font-weight:bold;}

/* font color */
.orange {color:#f96f00;}
.black {color:#000000;}
.white {color:#ffffff;}
.sky_blue {color:#0085c9;}
.blue {color:#0773c7;}
.gray {color:#C2C2C2;}
.gray2 {color:#9B9B9B;}

/* Line */
.underline {text-decoration:underline;}

.inp_box {vertical-align:middle; border:1px solid #dedede;}
.clear_box {overflow:hidden; }
.over_y { overflow-y:scroll; }

.clear {clear:both;}


/* skipnavigation */
#skipnavigation {position:relative; z-index:9999;} 
#skipnavigation ul li {position:absolute;  width:100%; text-align:center;} 
#skipnavigation ul li a {display:block; height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipnavigation ul li a:hover, #skipnavigation ul li a:focus, #skipnavigation ul li a:active { display:block; height:auto; width:100%; padding:10px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:#111; text-align:center; } 





/* Padding */
.pt0 {padding-top:0px;}
.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;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}


.pr0 {padding-right:0px;}
.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;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr22 {padding-right:22px;}
.pr30 {padding-right:30px;}

.pl0 {padding-left:0px;}
.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;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl31 {padding-left:31px;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

.pb0 {padding-bottom:0px;}
.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;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}


/* Margin */
.mt1 {margin-top:1px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt_5 {margin-top:-5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt_8 {margin-top:-8px;}
.mt10 {margin-top:10px;}
.mt_10 {margin-top:-10px;}
.mt15 {margin-top:15px;}
.mt_15 {margin-top:-15px;}
.mt_20 {margin-top:-20px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt65 {margin-top:65px;}

.ml2 {margin-left:2px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml_10 {margin-left:-10px;}
.ml_15 {margin-left:-15px;}
.ml_20 {margin-left:-18px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml42 {margin-left:42px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml92 {margin-left:92px;}
.ml100 {margin-left:100px;}
.ml110 {margin-left:110px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb_5 {margin-bottom:-5px;}
.mb10 {margin-bottom:10px;}
.mb13 {margin-bottom:13px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}


/*모서리둥글기*/
.br3 {border-radius:3px;}
.br5 {border-radius:5px;}
.br7 {border-radius:7px;}
.br10 {border-radius:10px;}
.br15 {border-radius:15px;}


/*기본설정*/
.button {clear:both;display:inline-block;cursor: pointer;color:#fff;background:#777;font-weight:bold;text-align:center;padding:3px 10px;height:15px;line-height:1.0;border:1px solid #555;margin-right:5px;}
a.button:hover{color:#fff;background:#666; transition: all 0.2s ease 0s;}

input.button{height:25px;vertical-align:middle;padding-top:0;font-size:12px; }
button.button {height:20px;vertical-align:middle;padding-top:0;font-size:12px;}
.button:focus {cursor: pointer;}

/*색상설정*/
.blue {border:1px solid #1e4a9c;background:#2762c6;}
.green {border:1px solid #338819;background:#47b126;}
.red {border:1px solid #c22f12;background:#e54c2f;}
.skyblue {border:1px solid #7babdb;background:#88baec;}
.white {border:1px solid #bebebe;background:#fbfbfb;color:#333;}
.deepblue {border:1px solid #143665;background:#234879;}
.black {border:1px solid #383838;background:#59595a;}
.gray {border:1px solid #979797;background:#cdd1cf;color:#555;}


/**/
a.blue:hover,a.blue:active, .blue:focus {border:1px solid #0c256d;background:#11399f;}
a.green:hover,a.green:active, .green:focus {border:1px solid #17580a;background:#22910e;}
a.red:hover, a.red:active,.red:focus {border:1px solid #991607;background:#d01606;}
a.skyblue:hover, a.skyblue:active,.skyblue:focus {border:1px solid #5184c0;background:#5f96da;}
a.white:hover,a.white:active, .white:focus {border:1px solid #bebebe;background:#ecebeb;color:#333;}
a.deepblue:hover, a.deepblue:active,.deepblue:focus {border:1px solid #071938;background:#0f244a;}
a.black:hover,a.black:active, .black:focus {border:1px solid #191919;background:#383839;}
a.gray:hover, a.gray:active,.gray:focus {border:1px solid #979797;background:#c1c1c1;color:#fff;}


/* 아이콘 버튼*/
.down {margin-top:1px;padding:8px 40px 8px 20px;background:#555 url(/images/common/btn_down_white.png) no-repeat 90% 50%; color:#fff; font-weight:bold;display:inline-block;line-height:1.5;}
.down_b {margin-top:1px;padding:8px 40px 8px 20px;background:#255BA5 url(/images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff;font-weight:bold;display:inline-block;line-height:1.5;}
.down_w {margin-top:1px;padding:7px 40px 7px 20px;background:#fff url(/images/common/btn_down_black.png) no-repeat 90% 50%; color:#555;border:1px solid #979797;font-weight:bold;display:inline-block;line-height:1.5;}
a.down:hover, a.down:active,.down:focus {background:#444 url(/images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.down_b:hover, a.down_b:active,.down_b:focus {background:#1F4B87 url(/images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.down_w:hover, a.down_w:active,.down_w:focus {background:#fff url(/images/common/btn_down_black.png) no-repeat 90% 50%;color:#555;}

.blank{ margin-top:1px;padding:8px 40px 8px 20px;background:#555 url(/images/common/ico_window_w.gif) no-repeat 90% 50%; color:#fff; font-weight:bold;display:inline-block;line-height:1.5;}
.blank_b {margin-top:1px;padding:8px 40px 8px 20px;background:#255BA5 url(/images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff;font-weight:bold;display:inline-block;line-height:1.5;}
.blank_w {margin-top:1px;padding:7px 40px 7px 20px;background:#fff url(/images/common/ico_window.gif) no-repeat 90% 50%; color:#555;border:1px solid #979797;font-weight:bold;display:inline-block;line-height:1.5;}
a.blank:hover, a.blank:active,.blank:focus {background:#444 url(/images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.blank_b:hover, a.blank_b:active,.blank_b:focus {background:#1F4B87 url(/images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.blank_w:hover, a.blank_w:active,.blank_w:focus {background:#fff url(/images/common/ico_window.gif) no-repeat 90% 50%;color:#555;}




/*크기설정*/
.xxs {padding:2px 10px;height:15px;}
.xs {padding:5px 10px;height:15px;}
.xl {padding:8px 15px;height:15px;}
.xxl {padding:15px 50px;height:15px;}
input.xl{height:33px;padding-top:5px;}
button.xl {height:33px;padding-top:5px;}
input.xxl{height:47px;padding-top:12px;}
button.xxl {height:50px;padding-top:12px;}



.wd50{width:50%;}
.wd40{width:40%;}
.wd30{width:30%;}
.wd20{width:20%;}
.wd10{width:10%;}
.wd8{width:8%;}

.text-danger{color:#da1c18;}
.text-warning{color:#efae40;}