@charset "utf-8";

/* CSS RESET */
html,body{width:100%;height:100%;font-family:'NanumGothic';line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,em,img,
ins,q,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,a,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/* outline:0;*/ font-size:100%;font-family:'NanumGothic';vertical-align:baseline;-webkit-text-size-adjust:none;background-color:transparent;/*세로모드에서 가로모드로 전환할때 텍스트가 약간 커지는 현상 방지*/}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block}
audio, canvas, progress, video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
iframe{overflow:scroll;width:100%}

ul,ol,li,dl{list-style:none}
blockquote,q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
a{color:inherit;text-decoration:none}
a:link{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
a:hover{color:inherit;text-decoration:none;/* outline:0;*/}
a:active{color:inherit;text-decoration:none;/* outline:0;*/}
em,i,address{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0;vertical-align:middle;table-layout:fixed}
img,fieldset{border:0}
img{border:0;vertical-align:middle;max-width:100%;width:auto}
fieldset{min-width:0}
hr,legend,caption{position:absolute;left:-99999px;width:0;height:0}

input,button,optgroup,select,textarea{color:inherit;font-family:'NanumGothic'} 
button,input{background:none;border:none;/* outline:none;*/}
button{cursor:pointer}
/* input,textarea,select:focus{outline:none} */
input, select{vertical-align:middle}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
option[disabled]{display:none}
textarea{width:100%;padding:10px;font-size:14px;vertical-align:top;border:1px solid #cacaca;resize:none}
textarea,input{-webkit-border-radius:1px;-webkit-appearance:none /*form요소의 기본 스타일을 없앰*/ ;box-sizing:border-box}
label,button,input[type="submit"],input[type="reset"]{cursor:pointer}
button, input[type="button"]{-webkit-appearance:button}
button[disabled], html input[disabled]{cursor:default} /* disabled된 요소의 기본 커서를 재설정 */
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* Firefox 4+에서 내부 `padding`과 `border`를 제거 */
input[type="checkbox"], input[type="radio"]{width:0;height:0;margin:0;border:none;box-sizing:border-box;padding:0} /** * Chrome의 증가/감소 버튼의 커서 모양을 수정. * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다. */ 
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;-webkit-appearance:none} /** * OS X의 Safari, Chrome에서 내부(inner) `padding`과 검색 취소 버튼을 제거. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input[type="number"]{-moz-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} 

select::-ms-expand{display:none}
::placeholder{/* Chrome, Firefox, Opera, Safari 10.1+ */color:#cacaca;opacity:1;/* Firefox */}
:-ms-input-placeholder{/* Internet Explorer 10-11 */color:#cacaca;vertical-align:top}
::-ms-input-placeholder{/* Microsoft Edge */color:#cacaca}
input[type="text"]:-ms-clear{display:none}
input[type="text"]::-ms-clear{display:none}
input[readonly]{outline:none;cursor:default}
input[type="text"][readonly], textarea[readonly], textarea[disabled]{color:#808080;background-color:#f8fafb}
input{height:33px;padding:0 10px;font-size:14px;line-height:31px;border:1px solid #cacaca}

b, strong{font-weight:bold}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em}



/* 전체적용 /////////////////// */
body{color:#373737;font-size:15px;letter-spacing:-0.5px;background-color:#fff}
.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both}
.clearfix>*{float:left}

/* DISPLAY 속성 /////////////////// */
.dp-n{display:none !important}
.dp-b{display:block !important}
.dp-i{display:inline !important}
.dp-ib{display:inline-block !important}
.v-hd{visibility:hidden !important}
.v-v{visibility:visible !important}

.sr-only{display:block;overflow:hidden;position:absolute;left:-9999px;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px}

/* BOX MODEL */
.bd0{border:0  !important}
.br0{border-right:0 !important}
.bl0{border-left:0 !important}
.bt0{border-top:0 !important}
.bb0{border-bottom:0 !important}

/* ALIGN 정렬 /////////////////// */
.tl{text-align:left !important}
.tr{text-align:right !important}
.tc{text-align:center !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vs{vertical-align:sub !important}
.vsp{vertical-align:super !important}
.fl{float:left !important}
.fr{float:right !important}

/* MARGIN & PADDING /////////////////// */
.mg0{margin:0 !important} .pd0{padding:0 !important}

.mt0{margin-top:0!important}.mt3{margin-top:3px!important}.mt5{margin-top:5px !important}.mt8{margin-top:8px !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}

.mb0{margin-bottom:0 !important}.mb5{margin-bottom:5px !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}

.ml0{margin-left:0!important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml12{margin-left:12px !important}.ml15{margin-left:15px !important}.ml17{margin-left:17px !important}.ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml35{margin-left:35px !important}
.mr0{margin-right:0!important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr17{margin-right:17px !important}.mr20{margin-right:20px !important} .mr25{margin-right:25px !important} .mr30{margin-right:30px !important} .mr35{margin-right:35px !important}

.pt0{padding-top:0!important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}.pt65{padding-top:65px !important}.pt70{padding-top:70px !important}

.pb0{padding-bottom:0!important}.pb3{padding-bottom:3px !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}.pb65{padding-bottom:65px !important}.pb70{padding-bottom:70px !important}.pb100{padding-bottom:100px !important}

.pl0{padding-left:0!important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl48{padding-left:48px !important}.pl50{padding-left:50px !important}
.pr0{padding-right:0!important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr48{padding-right:48px !important}.pr50{padding-right:50px !important}

/* 	WIDTH 값*/
.w100{width:100% !important} .w90{width:90% !important} .w80{width:80% !important} .w70{width:70% !important} .w60{width:60% !important} .w50{width:50% !important}
.w40{width:40% !important} .w33{width:33.3333% !important} .w30{width:30% !important} .w25{width:25% !important} .w20{width:20% !important} .w10{width:10% !important} .w0{width:0 !important}
.w50px{width:50px !important} .w75px{width:75px !important} .w84px{width:84px !important} .w120px{width:120px !important} .w125px{width:125px !important} .w130px{width:130px !important} .w150px{width:150px !important}.w160px{width:160px !important}.w170px{width:170px !important} .w190px{width:190px !important} .w210px{width:210px !important} .w280px{width:280px !important} .w360px{width:360px !important}.w524px{width:524px !important}
.inp_w200{width:200px}

/* HEIGHT 값 */
.h100px{height:100px}.h125px{height:125px}.h180px{height:180px}

/* FONT SIZE 폰트 크기 /////////////////// */
.font10{font-size:10px !important}.font11{font-size:11px !important}.font12{font-size:12px !important}.font13{font-size:13px !important}.font14{font-size:14px !important}.font14{font-size:14px !important}.font15{font-size:15px !important}
.font16{font-size:16px !important}.font17{font-size:17px !important}.font18{font-size:18px !important}.font19{font-size:19px !important}.font20{font-size:20px !important}.font21{font-size:21px !important}.font22{font-size:22px !important}
.font23{font-size:23px !important}.font24{font-size:24px !important}.font25{font-size:25px !important}.font26{font-size:26px !important}.font27{font-size:27px !important}.font28{font-size:28px !important}.font29{font-size:29px !important}.font30{font-size:30px !important}

/* FONT WEIGHT */
.fw900{font-weight:900}
.fw700{font-weight:700}
.fwbd{font-weight:bold}

/* FONT COLOR */
.blue{color:#3272d1 !important}
.red{color:#ef151e !important}
.darkgray{color:#4a4a4a !important}

/* Letter Spacing */
.s0{letter-spacing:0}.s05{letter-spacing:-.5px}.s1{letter-spacing:-1px}.s2{letter-spacing:-2px}.s3{letter-spacing:-3px}.s4{letter-spacing:-4px}.s5{letter-spacing:-5px}

/* Border Readius */
.r1{border-radius:1px}.r2{border-radius:2px}.r3{border-radius:3px}.r4{border-radius:4px}.r5{border-radius:5px}.r10{border-radius:10px}.r15{border-radius:15px}.r20{border-radius:20px}
.r25{border-radius:25px}.r50{border-radius:50px}.r100{border-radius:100px}.r200{border-radius:200px}.r300{border-radius:300px}.r400{border-radius:400px}.round{border-radius:50%}

/* :AFTER & :BEFORE */
.no_after:after{display:none !important}
.no_before:before{display:none !important}

/* ELLIPSIS PLUGIN*/
.eps span, .eps3 span{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
.ellip{display:block;height:100%}
.ellip-line{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:100%}
.ellip, .ellip-line{position:relative;overflow:hidden}

/* 메인 Focus in trend와 신규과정의 제목 수직 정렬을 위한 class */
.ellip_table{display:table !important} /*ellipsis 스크립트와 display table이 함께 작동하지 않기 때문에  ·····이 붙지 않는, 20자 이내의 제목들을 세로 가운데정렬로 만들어줄 수 있도록 만든 클래스. */
.ellip_table .ellip{display:table-cell !important;vertical-align:middle !important}

/* BORDER RADIUS */
.bdrs5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.bdrs10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.bdrs15{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.bdrs20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}

/*** pagination ***/
/*.pagination_area{padding-top:30px;text-align:center}
.pagination{display:inline-block;vertical-align:top}
.pagination a{display:block;width:32px;height:32px;margin:0 2px;font-size:14px;line-height:30px;text-align:center;border:1px solid transparent}
.pagination a.active{color:#1e735f;border-color:#1e735f}
.pagination .page_nav{height:32px;background:url(/pc/images/button/pagi_arr_sp.png) no-repeat}
.pagination .page_nav.disabled{cursor:default}
.pagination .first{width:11px;margin:0;background-position:0 50%}
.pagination .prev{width:7px;margin:0 15px;background-position:-20px 50%}
.pagination .next{width:7px;margin:0 15px;background-position:-36px 50%}
.pagination .last{width:11px;margin:0;background-position:-52px 50%}
*/

#equipment span:not(:first-child)::before {content: " & ";}
.dn {display:none}

.head_dot3{font-size:18px !important; padding-left: 18px; background: transparent url("../../../img/co/blue/common/img_win_arr.gif") no-repeat scroll 0px center !important;  font-family: 'Malgun Gothic', sans-serif !important;  font-weight: normal; color: #444 !important; margin-top:0 !important; font-weight:bold !important; }
.btns_01{display:block; float:right; padding:10px 20px; }
.btn_w{display:inline-block; border:1px solid #d6d6d6; padding:2px 10px; background:#fff;}


/* 팝업 (앱 다운로드)*/
.app_down li.txt{padding-left:0 !important;}
.app_down li label{display:inline-block;}
.app_down li label input.apps{float:left !important;  margin:0 !important; border-right:none;}
.app_down li label button{display:block; float:left; background:#3377ff; color:#fff;  font-size:14px;  height:30px; padding:0px 5px;  font-weight:bold;}
.app_down .sub_text{text-align:center; margin-top:10px; font-size:14px; color:#666;}