@charset "utf-8";

/***** font *****/
@font-face{
	font-family:'NanumGothic';/*NanumGothic Light*/
	font-weight:300;
	src:url('/inc/font/t09/NanumGothicLight.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/inc/font/t09/NanumGothicLight.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/inc/font/t09/NanumGothicLight.ttf') format('truetype'),
	url('/inc/font/t09/NanumGothicLight.woff') format('woff'),
	url('/inc/font/t09/NanumGothicLight.woff2') format('woff2');
}
@font-face{
	font-family:'NanumGothic';/*NanumGothic Regular*/
	font-weight:400;
	src:url('/inc/font/t09/NanumGothic.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/inc/font/t09/NanumGothic.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/inc/font/t09/NanumGothic.ttf') format('truetype'),
	url('/inc/font/t09/NanumGothic.woff') format('woff'),
	url('/inc/font/t09/NanumGothic.woff2') format('woff2');
}
@font-face{
	font-family:'NanumGothic';/*NanumGothic Bold*/
	font-weight:700;
	src:url('/inc/font/t09/NanumGothicBold.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/inc/font/t09/NanumGothicBold.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/inc/font/t09/NanumGothicBold.ttf') format('truetype'),
	url('/inc/font/t09/NanumGothicBold.woff') format('woff'),
	url('/inc/font/t09/NanumGothicBold.woff2') format('woff2');
}
@font-face{
	font-family:'NanumGothic';/*NanumGothic ExtraBold*/
	font-weight:900;
	src:url('/inc/font/t09/NanumGothicExtraBold.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/inc/font/t09/NanumGothicExtraBold.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/inc/font/t09/NanumGothicExtraBold.ttf') format('truetype'),
	url('/inc/font/t09/NanumGothicExtraBold.woff') format('woff'),
	url('/inc/font/t09/NanumGothicExtraBold.woff2') format('woff2');
}

/* 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;box-sizing:border-box;-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{width:100%;height:43px;padding:0 20px 0 10px;color:#4a4a4a;font-size:15px;font-weight:700;border:1px solid #ccc;background:url(../images/common/bg_select.png) no-repeat 100% 50%;background-size:16px;-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{padding:0}
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"]{position:absolute;width:0;height:0;margin:0;border:none;box-sizing:border-box;padding:0;opacity: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:#808080;opacity:1;/* Firefox */}
:-ms-input-placeholder{/* Internet Explorer 10-11 */overflow:hidden;color:#808080;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
::-ms-input-placeholder{/* Microsoft Edge */overflow:hidden;color:#808080;text-overflow:ellipsis;white-space:nowrap}
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{width:100%;height:30px;padding:0 10px;font-size:14px;line-height:30px;text-overflow:ellipsis;border:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset;-webkit-text-fill-color:#000}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}

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}
.dp-t{display:table !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}.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}.pt12{padding-top:12px !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}

/* 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}
.fwbd{font-weight:bold}

/* FONT COLOR */
.blue{color:#3272d1 !important}
.red{color:#ef151e !important}
.darkgray{color:#4a4a4a !important}
.lightgray{color:#808080 !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}

/* line height */
.lh140{line-height:140%}

/* word break */
.wbk{word-break:keep-all}

/* 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{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* .eps span, .eps3 span{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:top}
.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}

/********** btn **********/
.btn{display:inline-block;position:relative;vertical-align:top;border:1px solid;box-sizing:border-box}
.btn.arr:after{content:'';position:absolute;top:50%;right:25px;width:4px;height:7px;margin-top:-4px;background:url(../images/contents/arr_4x7_sp.png) no-repeat 0 0}
.btn.arr_white:after{content:'';position:absolute;top:50%;right:25px;width:4px;height:7px;margin-top:-4px;background:url(../images/contents/arr_4x7_sp.png) no-repeat -14px 0}
.btn.arr_ib:after{content:'';display:inline-block;width:4px;height:7px;margin-left:4px;background:url(../images/contents/arr_4x7_sp.png) no-repeat 0 0}
.btn.arr_ib:hover:after{background-position:-14px 0}
/* 기본 사각 버튼 */
.btn_basic{width:138px;height:42px;padding:0 10px;font-size:15px;font-weight:700;line-height:40px}
/* 작은 사각 버튼 */
.btn_sm{min-width:68px;padding:0 10px;font-size:12px;line-height:26px;text-align:center}
/* 알약 버튼 */
.btn_pill{border-radius:24px}
/* 버튼 컬러 */
.btn_white{color:#808080 !important;border-color:#e7e8e9;background-color:#fff}
.btn_blue{color:#fff !important;border-color:#3272d1;background-color:#3272d1}
.btn_lightblue{color:#fff !important;border-color:#5486d1;background-color:#5486d1}
.btn_gray{color:#808080 !important;border-color:#e7e8e9;background-color:#e7e8e9}
.btn_lightgray{color:#4a4a4a !important;border-color:#cacaca;background-color:#f8fafb}
.btn_darkgray{color:#fff !important;border-color:#373737;background-color:#4a4a4a}
.btn_darkgray.disabled{border-color:#808080;background-color:#808080;cursor:default}
.btn_red{color:#fff !important;border-color:#e52229;background-color:#e52229}
/* 버튼 영역 */
.btn_area{padding-top:30px;text-align:center}
.btn_area.right{text-align:right}
.btn_area.left{text-align:left;float:left;width:50%}
.btn_area.clearfix .btn{width:calc(50% - 5px);margin-right:10px}
.btn_area.clearfix .btn:last-child{margin-right:0}

/********** checkbox, radio **********/
.checkbox, .radio{display:inline-block;position:relative;vertical-align:top}
.checkbox input, .radio input{position:absolute;opacity:0}
.checkbox input[disabled] + label, .radio input[disabled] + label{cursor:default}
.checkbox label, .radio label{display:block;min-height:16px;padding-left:16px}
.checkbox label:after{content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url(/img/t09/common/checkbox_sp.png) no-repeat 0 0;background-size:42px}
.checkbox :checked + label:after{background-position:100% 0}
.checkbox input[disabled]:checked + label:after{background-position:100% -26px}
.radio label:after{content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url(../images/common/radio_sp.png) no-repeat 0 0;background-size:42px}
.radio :checked + label:after{background-position:100% 0}
.radio input[disabled]:checked + label:after{background-position:100% -26px}
.checkbox.txt label, .radio.txt label{padding-left:20px;line-height:18px}
.checkbox.txt label:after, .radio.txt label:after{top:1px}

/********** select **********/
.select{display:inline-block;position:relative;width:100%;vertical-align:top;cursor:pointer}
.select label{display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;padding:0 35px 0 10px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cacaca;box-sizing:border-box}
.select label:after{content:'';position:absolute;top:0;right:0;width:32px;height:32px;border-left:1px solid #cacaca;background:#f3f6f6 url(../images/button/select.png) no-repeat 50% 50%;background-size:8px}
.select select{width:100%;height:34px;opacity:0}

/********** tab **********/
.tab{display:table;width:100%;border-bottom:1px solid #3272d1}
.tab > li{display:table-cell;width:8.33%}
.tab > li a{display:block;position:relative;color:#4a4a4a;line-height:43px;text-align:center;border-top:1px solid #e7e8e9;border-right:1px solid #e7e8e9;background-color:#f8fafb}
.tab > li:first-child a{border-left:1px solid #e7e8e9}
.tab > li.active a{background-color:#fff}
.tab > li.active a:after{content:'';position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #3272d1;border-bottom-color:#fff}
.tab.tab_line2 > li a{padding:5px 0;font-size:13px;line-height:16px}
.tab.fz15 > li a{font-size:15px;font-weight:700;line-height:18px}
.tab.tab_type01{border-bottom:none}
.tab.tab_type01 > li{width:25%;margin-top:-1px}
.tab.tab_type01 > li a{font-size:13px;font-weight:700;border-bottom:1px solid #e7e8e9}
.tab.tab_type01 > li.active a:after{border-bottom-color:#3272d1;z-index:1}
.tab.tab_type01 > li:nth-child(4n-3) a{border-left:1px solid #e7e8e9}
.tab_area .tab_conts .conts{display:none}
.tab_area .tab_conts .conts.active{display:block}
.tab_area .btn_area .btn{width: calc(50% - 5px);margin: 0 0 0 10px;font-weight: 700;line-height: 40px;text-align: center}
.tab_area .btn_area .btn_basic{width: 150px;padding: 0 25px;font-size: 15px;font-weight: 700}


/********** table **********/
table tbody td.color_rd{color:#e04343}
table tbody td.color_ye{color:#d6c52b}
table tbody td.color_gn{color:#5fbf39}
table tbody td.color_bl{color:#3272d1}
/* list */
.tbl_list{width:100%;border-top:2px solid #3272d1}
.tbl_list thead th{height:49px;font-size:14px;line-height:145%;text-align:center;vertical-align:middle;border-bottom:1px solid #e7e8e9;border-right:1px solid #e7e8e9;background-color:#f8fafb}
.tbl_list thead th .checkbox{vertical-align:middle}
.tbl_list thead th sup{top:-4px;font-size:10px}
.tbl_list tbody th{font-weight:normal}
.tbl_list tbody th,
.tbl_list tbody td{height:49px;padding:7px 10px;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;word-break:break-all;border-bottom:1px solid #e7e8e9;border-right:1px solid #e7e8e9;box-sizing:border-box}
.tbl_list thead th:last-child, .tbl_list tbody td:last-child{border-right:none}
.tbl_list tbody td.txt_term{line-height:17px}
.tbl_list tbody td.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbl_list tbody td.pdrl0{padding-right:0;padding-left:0}
.tbl_list tbody td.bdr{border-right:1px solid #e7e8e9}
.tbl_list tbody td .link{display:inline-block;overflow:hidden;max-width:100%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.tbl_list tbody td .line{text-decoration:underline}
.tbl_list tbody td .btn_sm{min-width:auto;padding:0 5px}
.tbl_list tbody td .btn_lightgray:hover{color:#fff !important;border-color:#373737;background-color:#4a4a4a}
.tbl_list tbody td .checkbox:not(.txt), .tbl_list tbody td .radio:not(.txt){margin-top:2px}
.tbl_list tbody td .select{text-align:left}
.tbl_list tbody td .txt_w{display:inline-block;width:55px}
.tbl_list tbody tr.row_none{display:none}
.tbl_list tbody tr.tfoot th,
.tbl_list tbody tr.tfoot td{background-color:#f8fafb}
.tbl_list tbody tr.tfoot th{font-weight:700}
.tbl_list tbody tr.tfoot td{font-weight:900}
.tbl_list tbody .no_data td{padding:100px 0}
.tbl_list tfoot tr th,.tbl_list tfoot tr td{height:49px;font-size:14px;font-weight:700;line-height:145%;text-align:center;vertical-align:middle;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.tbl_list tfoot tr th{border-right:1px solid #e7e8e9}
.tbl_list tfoot tr td{color:#3272d1}
.tbl_list.type01{border-top-color:#4a4a4a}
.tbl_list.type01 thead th{font-size:16px;font-weight:normal;border-right:none;background:#fff url(../images/contents/tbl_list_line.gif) no-repeat 100% 50%}
.tbl_list.type01 thead th:first-child, .tbl_list.type01 thead th:last-child{background-image:none}
.tbl_list.type01 thead th:first-child{border-right:1px solid #e7e8e9}
.tbl_list.type01 tbody td:nth-last-child(2){border-right:none}
.tbl_list.type01 tbody td{border-left:none}
.tbl_list.td_h76 tbody td{height:76px}
.tbl_list.type02{border-top:none}
.tbl_list.type02 thead th{color:#fff;background-color:#3272d1}
.tbl_list.type02 tfoot th,
.tbl_list.type02 tfoot td{height:49px;color:#fff;font-weight:700;line-height:21px;text-align:center;vertical-align:middle;border-right:1px solid #e7e8e9;background-color:#3272d1}
.tbl_list.type02 tfoot td:last-child{margin-right:0}
.tbl_list.type03 thead th:first-child{border-bottom-color:#f8fafb}
.tbl_list.type03 tbody th:first-child{padding-bottom:50px;font-weight:700;background-color:#f8fafb}
.b_list{border-top:2px solid #3272d1}
.b_list > li{border-bottom:1px solid #e7e8e9}
.b_list > li dl{padding:20px 0}
.b_list > li dl dt{overflow:hidden;margin-bottom:9px;font-size:14px;font-weight:700;line-height:150%;text-overflow:ellipsis;white-space:nowrap}
.b_list > li dl dt .ico_lock{width:11px;margin:-4px 5px 0 0}
.b_list > li dl dd{font-size:13px;line-height:150%}
.b_list > li dl dd .fr{text-align:right}
.b_list > li.no_data{padding:60px 0;font-size:14px;text-align:center}
/* write */
.tbl_write{width:100%}
.tbl_write tbody th{height:54px;padding-top:25px;line-height:20px;text-align:left;vertical-align:top}
.tbl_write tbody th.th_select{padding-top:21px}
.tbl_write tbody th .aster{display:table-cell;padding-right:5px;color:#3272d1;font-weight:700}
.tbl_write tbody th .aster + *{display:table-cell}
.tbl_write tbody td{position:relative;height:54px;padding-top:14px;color:#4a4a4a;line-height:20px;vertical-align:middle}
.tbl_write tbody td .line{padding:9px 0;border-bottom:1px solid #4a4a4a}
.tbl_write tbody td .line input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=file]):not([type=submit]){height:38px;margin:-9px 0;line-height:38px}
.tbl_write tbody td .line .inp_btn .btn{top:-8px}
.tbl_write tbody td .tip{margin-top:5px;padding-left:14px;text-indent:-14px;color:#3272d1;font-size:12px;line-height:145%;word-break:keep-all}
.tbl_write tbody td .tip.emph{color:#ef151e}
.tbl_write tbody td input{padding:0;font-size:15px}
.tbl_write tbody td input[readonly]{background-color:#fff}
.tbl_write tbody td .checkbox,
.tbl_write tbody td .radio{vertical-align:middle}
.tbl_write tbody tr.row_none{display:none}
.tbl_write tbody tr.row_none.active{display:table-row}
.tbl_tip{margin-bottom:15px;color:#3272d1;font-size:12px;font-weight:700;line-height:145%}
/* view */
.tbl_view{width:100%}
.tbl_view tbody tr:first-child th, .tbl_view tbody tr:first-child td{border-top:1px solid #e7e8e9}
.tbl_view tbody th{height:50px;line-height:20px;text-align:center;vertical-align:middle;border-right:1px solid #e7e8e9;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.tbl_view tbody td{height:50px;padding:0 17px;line-height:20px;vertical-align:middle;border-bottom:1px solid #e7e8e9}
.tbl_view.bdt tbody tr:first-child th, .tbl_view.bdt tbody tr:first-child td{border-top:2px solid #3272d1}
.board_view > dt{padding-bottom:20px;font-size:13px;line-height:145%;border-bottom:1px solid #e7e8e9}
.board_view > dt .tit{display:block;margin-bottom:10px;font-size:14px;font-weight:700;vertical-align:middle;word-break:break-all}
.board_view > dt .clearfix{display:block}
.board_view > dd{min-height:200px;padding:20px 0;font-size:13px;line-height:150%;border-bottom:1px solid #e7e8e9}
.board_view > dd.attached_file{min-height:auto;padding-top:10px;padding-bottom:10px}
.board_view > dd.attached_file .file_tit{margin-right:30px}
.board_view > dd.answer{margin:0 -20px;padding:20px;border-top:1px solid #e7e8e9;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.board_prev_next > li{border-bottom:1px solid #e7e8e9}
.board_prev_next > li dl{position:relative;padding-left:100px;font-size:13px}
.board_prev_next > li dl dt{position:absolute;top:0;left:0;width:100px;height:42px;color:#4a4a4a;line-height:42px;text-align:center}
.board_prev_next > li dl dt:after{content:'';position:absolute;top:50%;right:0;width:7px;height:5px;margin-top:-2px;background:url(../images/contents/arr_up_down_bold_sp.png) no-repeat 0 0}
.board_prev_next > li dl dd{padding:12px 15px;color:#808080;line-height:18px}
.board_prev_next > li dl dd a{display:inline-block;overflow:hidden;max-width:100%;color:#4a4a4a;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.board_prev_next > li:first-child dl dt:after{background-position:-17px 0}

/********** form **********/
.inp_btn{position:relative;padding-right:78px}
.inp_btn .btn{position:absolute;top:-1px;right:0}
/* 휴대전화 폼 */
.phone_form{display:inline-block;vertical-align:top}
.phone_form input{width:64px}
.phone_form .select{width:84px}
.phone_form .bar{margin:0 10px;line-height:33px}
/* 이메일 폼 */
.email_form{display:inline-block;vertical-align:top}
.email_form input{width:200px}
.email_form .select{width:170px}
.email_form .at{margin:0 10px;line-height:33px}
.email_form .email_inp{display:none;margin-left:10px}
.email_form .email_inp.active{display:block}
/* 주소 폼 */
.address_form .row + .row{margin-top:8px}
.address_form .row input{width:524px}
.address_form .row .inp_w200{width:200px}
.address_form .row .btn_zipcode{margin-left:10px;color:#4a4a4a !important;border-color:#cacaca}
.address_form .row .btn_zipcode:before{content:'';display:inline-block;width:13px;height:13px;margin-right:2px;vertical-align:middle;background:url(../images/icon/zipcode.gif) no-repeat 0 0}
/* 파일첨부 폼 */
.file_form{display:inline-block;position:relative;vertical-align:top}
.file_form .file_name{overflow:hidden;width:300px;height:33px;padding:0 10px;color:#cacaca;line-height:31px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cacaca;background-color:#fff;box-sizing:border-box}
.file_form .file_name.active{color:#373737}
.file_form input{position:absolute;top:-999px;left:-999px;opacity:0}
.file_form label{width:70px;height:33px;margin-left:10px;color:#fff;font-size:12px;line-height:34px;text-align:center;border-radius:3px;background-color:#808080}
.file_form .btn_file_del{width:70px;height:33px;margin-left:5px;color:#4a4a4a;font-size:12px;line-height:32px;text-align:center;border:1px solid #cacaca;border-radius:3px;background-color:#f8fafb;box-sizing:border-box}
/* 첨부 파일 리스트 */
.file_list li{position:relative;margin-right:20px;padding-left:20px}
.file_list li:before{content:'';position:absolute;top:3px;left:0;width:14px;height:14px;background:url(../images/icon/attached_file.gif) no-repeat 0 0;background-size:100%}
.file_list li a{color:#4a4a4a;font-size:13px}
/* 검색폼 */
.search{display:inline-block;position:relative;width:100%;vertical-align:top}
.search input{width:100%;height:34px;padding-right:34px;padding-left:10px;border:1px solid #e7e8e9;background-color:#f8fafb}
.search ::placeholder{color:#cacaca}
.search :-ms-input-placeholder{color:#cacaca}
.search ::-ms-input-placeholder{color:#cacaca}
.search .btn_search{position:absolute;top:50%;right:1px;width:34px;height:32px;margin-top:-16px;background:url(../images/button/search.png) no-repeat 50% 50%;background-size:16px}

/********** pagination **********/
.pagination{padding-top:30px;text-align:center}
.pagi_num{display:inline-block;vertical-align:top}
.pagi_num a{display:block;padding:0 6px;color:#808080;font-size:13px;line-height:23px}
.pagi_num a.active{color:#3272d1;text-decoration:underline}
.pagi_num .pagiArr{width:23px;height:23px;background:url(../images/button/pagi_arr_sp.png) no-repeat;background-size:122px}
.pagi_num .pagiArr.disabled{cursor:default}
.pagi_num .mostprev{margin:0;background-position:0 0}
.pagi_num .prev{margin:0 14px 0 10px;background-position:-33px 0}
.pagi_num .next{margin:0 10px 0 14px;background-position:-66px 0}
.pagi_num .mostnext{margin:0;background-position:-99px 0}


/********** list ***********/
.list_type01 > li{position:relative;width:100%;padding:25px 0;border-bottom:1px solid #e7e8e9}
.list_type01 > li:last-child{border-bottom:none}
.list_type01 > li > dl{display:table-cell;vertical-align:middle}
.list_type01 > li > dl > dt{font-weight:700}
.list_type01 > li > dl > dd{margin-top:19px;color:#4a4a4a;font-size:13px;line-height:150%}
.list_type01 > li > dl > dd li:first-child{margin-top:0}
.list_type01 > li > dl > dd li{margin-top:12px}
/* 블릿 타입 */
.bull_list > li{position:relative;margin-top:8px;padding-left:8px;line-height:145%;text-align:left}
.bull_list > li:first-child{margin-top:0}
.bull_list > li:before{content:'';position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:50%;background-color:#373737}
.bull_list.li_mt0 > li{margin-top:0}
/* 약관 */
.policy_area .tr .btn_sm{line-height:31px}
.policy_area .policy_list > li + li{margin-top:30px}
.policy_area .policy_list > li .policy_tit{display:block;margin-bottom:15px;font-size:17px;font-weight:700}
.policy_area .policy_list > li .policy_sec > dt{font-weight:700;line-height:130%}
.policy_area .policy_list > li .policy_sec > dd{padding-top:10px;font-size:14px;line-height:24px}
.policy_area .policy_list > li .policy_sec > dd > .mt{margin-top:10px}
.policy_area .policy_list > li .policy_sec > dd a{text-decoration:underline}
.policy_area .policy_list > li .policy_sec strong{display:block;margin:10px 0 -5px;font-weight:normal}
.policy_area .policy_list > li .policy_sec li{word-break:keep-all}
.policy_area .policy_list > li .policy_sec .alpha_list > li > *,
.policy_area .policy_list > li .policy_sec .num_list > li > *,
.policy_area .policy_list > li .policy_sec .dash_list > li > *{padding-left:0;text-indent:0}
.policy_area .policy_list > li .policy_sec .alpha_list > li{margin-top:10px;padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list.parenthesis > li{margin-top:0;padding-left:27px;text-indent:-27px}
.policy_area .policy_list > li .policy_sec .num_list > li{padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list > li ol,
.policy_area .policy_list > li .policy_sec .dash_list{margin-top:5px}
.policy_area .policy_list > li .policy_sec .dash_list > li{padding-left:10px;text-indent:-10px}
.policy_area .notice{}
.policy_area .notice > dt{font-size:13px;font-weight:700;line-height:160%}
.policy_area .notice > dd{font-size:12px;line-height:160%}
.policy_area .notice > dd strong{display:block;color:#3272d1}
.policy_area .notice > dd strong span{color:#f00}
.policy_area .notice > dd .next_tit{margin:10px 0 5px;color:#000;font-size:13px}
.policy_area .notice > dd li + li{margin-top:10px;padding-top:10px;border-top:1px solid #cacaca}
.policy_area .notice > dd p + p{margin-top:6px}


/********** no page **********/
.no_page{margin:60px 0;text-align:center;background:url(../images/contents/no_page.gif) no-repeat 50% 0;background-size:150px}
.no_page > dt{padding-top:190px;font-size:20px;font-weight:700}
.no_page > dd{margin-top:15px;font-size:14px;line-height:24px}


/********** loading **********/
.loading_area{display:table;position:relative;width:100%;height:calc(100vh - 653px);min-height:500px}
.loading_area .loading{display:table-cell;padding-top:50px;font-size:18px;line-height:150%;text-align:center;vertical-align:middle}
.loading_area .loading .loading_bar{position:relative;overflow:hidden;width:120px;height:120px;margin:0 auto 100px;color:#3272d1;font-size:110px;text-indent:-9999px;border-radius:50%;transform:translateZ(0);animation:loading 1.7s infinite ease, round 1.7s infinite ease}


/* 공통 레이어 팝업 */
.layer_popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}
.layer_popup.active{display:block}
.layer_popup .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7)}
.layer_popup .popup{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:visible;max-height:82%;padding:30px 45px;margin:auto 20px;border-radius:10px;background-color:#fff;box-sizing:border-box}
.layer_popup .popup .btn_close{position:absolute;top:-34px;right:0;width:34px;height:34px}
.layer_popup .popup .btn_close:after{content:'';position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:url(../images/icon/ico_header_sp.png) no-repeat -24px -27px;background-size:100px}
.layer_popup .popup .btn_close2{position:absolute;top:20px;right:20px;width:20px;height:20px;background:url(../images/button/x_grey.png) no-repeat 50% 50%}
.layer_popup .popup .pop_tit{display:block;font-size:17px;font-weight:700}
.layer_popup .popup .pop_tit.bg{margin-bottom:20px;padding-top:80px;text-align:center;background:url(../images/contents/bg_pop_tit.gif) no-repeat 50% 0;background-size:76px}
.layer_popup .popup .pop_tit.line{margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #4a4a4a}
.layer_popup .popup .pop_txt{margin-bottom:10px;text-align:center}
.layer_popup .popup .pop_cont{overflow-y:auto;max-height:100%}

/* 팝업 - 평가 */
.layer_popup .examPop{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:visible;max-height:82%;padding:30px 10px;margin:auto 20px;border-radius:10px;background-color:#fff;box-sizing:border-box}
.layer_popup .examPop .btn_close{position:absolute;top:-34px;right:0;width:34px;height:34px}
.layer_popup .examPop .btn_close:after{content:'';position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:url(../images/icon/ico_header_sp.png) no-repeat -24px -27px;background-size:100px}
.layer_popup .examPop .btn_close2{position:absolute;top:20px;right:20px;width:20px;height:20px;background:url(../images/button/x_grey.png) no-repeat 50% 50%}
.layer_popup .examPop .pop_tit{display:block;font-size:17px;font-weight:700}
.layer_popup .examPop .pop_tit.bg{margin-bottom:20px;padding-top:80px;text-align:center;background:url(../images/contents/bg_pop_tit.gif) no-repeat 50% 0;background-size:76px}
.layer_popup .examPop .pop_tit.line{margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #4a4a4a}
.layer_popup .examPop .pop_txt{margin-bottom:10px;text-align:center}
.layer_popup .examPop .pop_cont{overflow-y:auto;max-height:100%}

/* 팝업 - 약관 */
.layer_popup .policy_popup{padding:10px}
.policy_popup iframe{height:100%}
.ovh{overflow:hidden}
.policy_area{overflow-y:auto;height:100%;padding:10px}
.policy_area > .tit{display:block;margin-bottom:15px;padding-bottom:10px;font-size:18px;border-bottom:1px solid #4a4a4a}
/* 팝업 -  메인 > 관심분야 선택 */
.popup.interest_popup{height:440px;padding:0}
.interest_popup iframe{overflow:hidden;height:100%;vertical-align:top}
.interest_pop_cont{position:relative;height:100%;padding-bottom:42px;background-color:#fff;box-sizing:border-box}
.interest_pop_cont .btn_area{position:fixed;bottom:0;left:0;width:100%}
.interest_pop_cont .btn_area .btn{width:100%;margin:0;font-weight:900;line-height:42px;text-align:center}
.interest_pop_cont .btn_area .btn_gray{color:#808080;border-color:#f2f2f2;background-color:#f2f2f2}
.interest_pop_cont .btn_area.clearfix .btn{width:50%;margin-right:0}
.interest_pop_cont .interest_txt{height:100%;padding-top:30px;text-align:center;background:url(../images/contents/bg_interest_pop.jpg) no-repeat 50% 100%;background-size:320px}
.interest_pop_cont .interest_txt dt strong{display:block;font-weight:900}
.interest_pop_cont .interest_txt dd{display:inline-block;margin:10px auto 0;padding:0 8px;font-size:13px;line-height:30px;border-top:1px solid #e7e8e9;border-bottom:1px solid #e7e8e9}
.interest_pop_cont .interest_txt dd b{color:#3272d1}
.interest_pop_cont .interest_area{overflow-y:auto;height:100%;padding:30px 17px;text-align:center}
.interest_pop_cont .interest_area > dd > .txt{margin:7px 0 14px;font-size:12px}
.interest_pop_cont .interest_list{height:52px}
.interest_pop_cont .interest_list.active{height:auto}
.interest_pop_cont .interest_list > li{width:calc(50% - 5px);margin-top:10px}
.interest_pop_cont .interest_list > li .tit{display:block;position:relative;width:100%;height:42px;line-height:40px;text-align:center;border:1px solid #e7e8e9}
.interest_pop_cont .interest_list > li .step{display:none;position:relative;width:calc(200% + 10px);margin:19px 0 7px;border-top:2px solid #3272d1;border-bottom:2px solid #3272d1}
.interest_pop_cont .interest_list > li:nth-child(2){margin-left:10px}
.interest_pop_cont .interest_list > li:nth-child(2) .step{left:calc((100% + 10px)  * -1)}
.interest_pop_cont .interest_list > li .step > li{display:none;border-top:1px solid #eee}
.interest_pop_cont .interest_list > li .step > li:first-child{display:block;border-top:none}
.interest_pop_cont .interest_list > li .step > li.active{display:block}
.interest_pop_cont .interest_list > li .step > li dl{padding:20px 0;text-align:left}
.interest_pop_cont .interest_list > li .step > li dl dt{font-size:13px}
.interest_pop_cont .interest_list > li .step > li dl dt a{font-weight:700}
.interest_pop_cont .interest_list > li .step > li dl dd{margin-top:5px}
.interest_pop_cont .interest_list > li .step > li dl dd .checkbox{margin:10px 27px 0 0;font-size:13px}
.interest_pop_cont .interest_list > li .tit:hover,
.interest_pop_cont .interest_list > li.active .tit,
.interest_pop_cont .interest_list > li.selected .tit{color:#3272d1;font-weight:700;border-color:#3272d1}
.interest_pop_cont .interest_list > li.active .tit:before{content:'';position:absolute;bottom:-22px;left:50%;margin-left:-4px;border-right:4px solid transparent;border-bottom:6px solid #3272d1;border-left:4px solid transparent;z-index:1}
.interest_pop_cont .interest_list > li.active .tit:after{content:'';position:absolute;bottom:-22px;left:50%;margin-left:-3px;border-right:3px solid transparent;border-bottom:3px solid #f7f8fb;border-left:3px solid transparent;z-index:1}
.interest_pop_cont .interest_list > li.active .step{display:block}
/* 팝업 - 역량진단 > 자기개발계획수립 > 과정상세 */
.popup.class_detail_popup{width:830px;height:692px}
.popup.class_detail_popup .pop_tit{font-size:18px;font-weight:700;text-align:center}
.class_detail_popup .btn_area{padding-top:30px}
.class_detail_popup .btn_area .btn{width:102px}
/* 팝업 - 나의 강의실 > 수료증 출력 */
.certificate_popup{width:280px;height:255px;margin:auto !important;padding:35px 0 !important;text-align:center}
.certificate_popup p{color:#808080;letter-spacing:-1px}
.certificate_popup p .ico{display:block;position:relative;width:83px;height:83px;margin:0 auto 15px;border:3px solid #3272d1;border-radius:50%}
.certificate_popup p .ico:before,
.certificate_popup p .ico:after{content:'';position:absolute;left:50%;width:6px;margin-left:-3px;background-color:#3272d1}
.certificate_popup p .ico:before{top:26px;height:16px}
.certificate_popup p .ico:after{bottom:26px;height:6px}
/* 팝업 - Q&A > 비밀번호 입력 */
.pw_input_popup{height:296px}
.pw_input_popup .pw_input{padding-top:50px}
.pw_input_popup .pw_input dt{margin-bottom:10px;font-size:19px;font-weight:700;text-align:center}
.pw_input_popup .pw_input .inp_area{border-bottom:1px solid #4a4a4a}
.pw_input_popup .pw_input .inp_area input{height:38px;padding:0}

@keyframes loading{
	0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}
	5%, 95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}
	10%,59% {box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}
	20% {box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}
	38% {box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}
	100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}
}
@keyframes round{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

@media (max-width:359px){
	.tbl_list tbody th, .tbl_list tbody td{padding-right:5px;padding-left:5px}
}


/********** 로그인 **********/
/*** pc ***/
@media (min-width:769px){
    .login_container .mo, .login_container .tip{display:none}
    .login_wrap{display:table;padding:0 !important;background-color:#e7e8e9}
    .login_container{display:table-cell;padding:100px 0;vertical-align:middle}
    .login_box{max-width:1240px;height:700px;margin:0 auto;padding:0 20px}
    .login_box .left_conts{width:50%;height:100%;padding:70px;background:#3272d1 url(/img/t09/contents/bg_login.gif) no-repeat 0 100%;box-sizing:border-box}
    .login_box .left_conts .logo_fn{display:block;width:30px;height:30px;margin-top:138px;background:url(/img/t09/contents/logo_fn.png) no-repeat 0 0}
    .login_box .left_conts .txt{margin-top:17px;color:#fff;font-size:36px;font-weight:300;line-height:41px}
    .login_box .left_conts .txt b{display:block;font-weight:900}
    .login_box .right_conts{position:relative;width:50%;height:100%;padding:70px 110px;background-color:#fff;box-sizing:border-box}
    .login_box .right_conts .logo{height:67px;text-align:center}
    .login_box .right_conts .logo img{vertical-align:top}
    .login_box .right_conts .login_area .login_form{position:relative}
    .login_box .right_conts .login_area .login_form .row{position:relative;margin-bottom:13px}
    .login_box .right_conts .login_area .login_form .row i{position:absolute;top:12px;left:26px;color:#9c9c9c;font-size:26px}
    .login_box .right_conts .login_area .login_form .row .ico_pw{top:14px;left:27px;font-size:22px}
    .login_box .right_conts .login_area .login_form .row input{width:100%;height:50px;padding-right:25px;padding-left:63px;line-height:48px;border-radius:25px;border:1px solid #cacaca}
    .login_box .right_conts .login_area .login_form .btn_login{display:block;width:100%;height:50px;color:#fff;font-size:17px;font-weight:900;line-height:50px;text-align:center;border-radius:25px;background: #3272d1 /*url(/img/t09/button/bg_login.png)*/ no-repeat 0 0;background-size:cover}
    .login_box .right_conts .login_area .login_form .checkbox{position:absolute;bottom:-30px;left:10px;font-size:14px}
    .login_box .right_conts .login_area .chk_area{margin-top:13px;padding:0 10px;font-size:14px}
    .login_box .right_conts .login_area .chk_area .id_pw_find{float:right}
    .login_box .right_conts .login_area .chk_area .id_pw_find li{position:relative;padding-left:16px}
    .login_box .right_conts .login_area .chk_area .id_pw_find li:before{content:'';position:absolute;top:1px;left:8px;width:1px;height:13px;background-color:#808080}
    .login_box .right_conts .login_area .chk_area .id_pw_find li:first-child:before{display:none}
    .login_box .right_conts .login_area .chk_area .id_pw_find li a{color:#808080}
    .login_box .right_conts .notice_area{position:relative;margin-top:136px;padding:16px 5px 0;border-top:1px solid #e7e8e9;box-sizing:border-box}
    .login_box .right_conts .notice_area dt{font-size:17px;font-weight:700}
    .login_box .right_conts .notice_area dd .more{position:absolute;top:19px;right:5px;padding-right:10px;color:#808080;font-size:14px;background:url(/pc/images/contents/more_arr.gif) no-repeat 100% 50%}
    .login_box .right_conts .notice_area dd .notice_list{overflow:hidden;height:110px;margin-top:10px}
    .login_box .right_conts .notice_area dd .notice_list li{position:relative;padding:0 80px 0 7px;color:#808080;font-size:13px;line-height:22px}
    .login_box .right_conts .notice_area dd .notice_list li:before{content:'';position:absolute;top:50%;left:0;width:2px;height:2px;margin-top:-1px;background-color:#808080}
    .login_box .right_conts .notice_area dd .notice_list li .tit{display:block;overflow:hidden;font-weight:normal;text-overflow:ellipsis;white-space:nowrap}
    .login_box .right_conts .notice_area dd .notice_list li .date{position:absolute;top:0;right:0}
    .logoV .login_box .right_conts .logo img{height:50px}
    .logoH .login_box .right_conts .logo img{height:30px}
    .login_container .util_area{max-width:1240px;margin:25px auto 0;padding:0 20px}
    .login_container .util_area ul{margin-bottom:10px}
    .login_container .util_area .util li{position:relative;padding-left:30px}
    .login_container .util_area .util li:before{content:'';position:absolute;top:2px;left:14px;width:1px;height:13px;background-color:#808080}
    .login_container .util_area .util li:first-child{padding-left:0}
    .login_container .util_area .util li:first-child:before{display:none}
    .login_container .util_area .util li a{color:#808080;font-size:14px}
    .login_container .util_area .cs{float:right}
    .login_container .util_area .cs li{margin-left:20px;color:#4a4a4a;font-size:14px}
    .login_container .util_area .cs li dl dd{margin-left:5px;font-weight:900}
    .login_container .copyright{max-width:1240px;margin:0 auto;padding:0 20px;color:#808080;font-size:13px}
    /* 팝업 - 로그인 > 아이디, 비밀번호 찾기 */
    .find_layer .popup{max-height:90%;margin:auto;padding:50px;border-radius:20px}
    .find_layer .popup .btn_close{top:20px;right:20px;width:39px;height:39px;background:url(/pc/images/button/pop_close.png) no-repeat 50% 50%}
    .find_layer .popup .btn_close:after{display:none}
    .find_layer .popup .pop_tit{font-size:27px;font-weight:900}
    .find_layer .popup .bull_list > li{margin-top:0;padding-left:13px;line-height:23px;word-break:keep-all}
	.find_layer .popup .btn_area .btn{float:none;width:150px;height:48px;padding:0 25px;text-align:left;line-height:46px}
	.find_layer .popup .btn_area .btn_white{margin-right:17px;text-align:center}
	.find_layer .radio label:after{top:2px;background:url(/pc/images/common/radio_sp.png) no-repeat 0 0}
	.find_layer .radio :checked + label:after{background-position:100% 0}
	.find_layer .tbl_write .th_w{width:25%}
	.find_layer .tbl_write .td_w{width:75%}
	.find_layer .tbl_write tbody tr:first-child th, .tbl_write tbody tr:first-child td{border-top:2px solid #3272d1}
	.find_layer .tbl_write tbody th{height:48px;padding:16px 0;line-height:1;vertical-align:middle;text-align:center;border-right:1px solid #e7e8e9;border-bottom:1px solid #e7e8e9;background-color:#f8fafb;box-sizing:border-box}
	.find_layer .tbl_write tbody th span, .find_layer .tbl_write tbody th label{display:inline-block}
	.find_layer .tbl_write tbody th .aster{display:inline-block;padding-right:0;color:#3272d1;font-weight:700}
	.find_layer .tbl_write tbody td{height:48px;padding:8px 30px;color:#4a4a4a;font-size:14px;line-height:20px;vertical-align:middle;border-bottom:1px solid #e7e8e9;box-sizing:border-box}
	.find_layer .tbl_write tbody td .btn_sm{line-height:31px}
	.find_layer .tbl_write tbody td .tip{margin-top:5px;padding-left:16px;color:#4a4a4a;font-size:14px;line-height:20px;text-indent:-16px;word-break:keep-all}
	.find_layer .tbl_write tbody td .tip.emph{color:#ef151e}
	.find_layer .tbl_write tbody td + th{border-left:1px solid #e7e8e9}
	.find_layer .tbl_write tbody tr.row_none{display:none}
	.find_layer .tbl_write tbody tr.row_none.active{display:table-row}
	.find_layer .tbl_write tbody td .line{padding:0;border-bottom:none}
	.find_layer .tbl_write tbody td input{height:33px !important;margin:0 !important;padding:0 10px;font-size:14px;line-height:31px !important;border:1px solid #cacaca}
	.find_layer .tbl_write tbody td .inp_w200{width:200px}
	.find_layer .tbl_write tbody td .inp_btn{padding-right:0}
	.find_layer .tbl_write tbody td .inp_btn .btn{position:static;min-width:75px;margin-left:17px;color:#fff;font-size:13px;line-height:31px;border-color:#373737;background-color:#4a4a4a}
    .layer_popup .id_find_popup{width:720px;height:518px}
    .layer_popup .id_find_popup .result_box{display:table;width:100%;height:90px;padding:10px;text-align:center;border:1px solid #4a4a4a;box-sizing:border-box}
    .layer_popup .id_find_popup .result_box p{display:table-cell;font-size:16px;font-weight:700;vertical-align:middle}
    .layer_popup .id_find_popup .result_tip{margin-top:10px;padding-left:12px;line-height:150%;word-break:keep-all;text-indent:-12px}
    .layer_popup .pw_find_popup{top:50%;bottom:auto;width:720px;transform:translateY(-50%)}
    .layer_popup .pw_find_popup .email_form .email_inp{width:100%;margin:5px 0 0}
    /* 팝업 - 로그인 > 회원가입 */
    .layer_popup .join_popup{overflow:hidden;width:1200px;height:725px}
    .layer_popup .join_popup .result_box{display:table;width:100%;height:90px;padding:10px;text-align:center;border:1px solid #4a4a4a;box-sizing:border-box}
    .layer_popup .join_popup .result_box p{display:table-cell;font-size:16px;font-weight:700;vertical-align:middle}
    .layer_popup .join_popup .result_tip{margin-top:10px;padding-left:12px;line-height:150%;word-break:keep-all;text-indent:-12px}
    .layer_popup .join_popup .pop_cont{max-height:550px}
}
@media (min-width:769px) and (max-width:1200px){
    .login_box .right_conts{padding-right:70px;padding-left:70px}
}
@media (min-width:769px) and (max-width:1024px){
    .login_box .left_conts{display:none}
    .login_box .right_conts{float:none;width:600px;margin:0 auto;padding-right:110px;padding-left:110px}
}

/*** mobile ***/
@media (max-width:768px){
    .login_container .pc, .login_box .left_conts, .login_box .notice_area, .login_container .util_area{display:none}
    .login_wrap{padding-top:0 !important;padding-bottom:70px !important;background:url(../images/contents/bg_login.jpg) no-repeat 0 0;background-size:cover}
    .login_box .right_conts{float:none}
    .login_container{padding:57px 17px 60px}
    .login_container .logo{width:83px;margin:0 auto}
    .login_container .login_area{width:286px;margin:62px auto 0}
    .login_container .login_area .login_form .row{position:relative;height:52px;margin-top:15px;padding:11px 20px 11px 40px;border-radius:52px;background:rgba(255,255,255,0.15);box-shadow:inset 0 2px 3px rgba(0,0,0,0.1)}
    .login_container .login_area .login_form .row i{position:absolute;top:50%;left:20px;color:#fff;font-size:21px;margin-top:-11px}
    .login_container .login_area .login_form .row input{color:#fff;font-size:14px}
    .login_container .login_area .login_form .row ::placeholder{color:#fff}
    .login_container .login_area .login_form .row :-ms-input-placeholder{color:#fff}
    .login_container .login_area .login_form .row ::-ms-input-placeholder{color:#fff}
    .login_container .login_area .login_form .checkbox{margin-top:17px;color:#fff;font-size:13px;font-weight:700}
    .login_container .login_area .login_form .checkbox label:after{top:2px;background-position:0 -52px}
    .login_container .login_area .login_form .checkbox :checked + label:after{background-position:-27px -52px}
    .login_container .login_area .login_form .btn_login{display:block;overflow:hidden;width:100%;height:52px;margin-top:15px;color:#1182ef;font-size:17px;font-weight:900;line-height:52px;text-align:center;border-radius:52px;background:#fff url(../images/contents/bg_login.png) no-repeat 0 0;background-size:100%}
    .login_container .login_area .id_pw_find{float:none;margin-top:12px}
    .login_container .login_area .id_pw_find li{position:relative;width:50%;text-align:center}
    .login_container .login_area .id_pw_find li a{color:#fff;font-size:13px}
    .login_container .login_area .id_pw_find li:first-child:after{content:'';position:absolute;top:1px;right:0;width:1px;height:100%;background:#fff}
    .login_container .tip{position:absolute;right:0;bottom:40px;left:0;color:#fff;font-size:11px;line-height:145%;text-align:center}
    .login_container .tip a{color:#ccc}
    .login_container .copyright{position:absolute;right:0;bottom:20px;left:0;color:#fff;font-size:11px;text-align:center}
    /* 팝업 - 로그인 > 아이디, 비밀번호 찾기 */
	.find_layer .popup{max-height:100%;margin:0;padding:47px 0 0;border-radius:0}
	.find_layer .popup .btn_close{top:0;left:0;width:46px;height:47px;z-index:110}
	.find_layer .popup .btn_close:after{left:20px;width:9px;height:15px;margin:-8px 0 0;background:url(../images/icon/ico_header_sp.png) no-repeat -58px 0;	background-size:100px}
	.find_layer .popup .pop_tit{position:fixed;top:0;right:0;left:0;height:47px;margin-bottom:0 !important;padding:9px 0 0 !important;font-size:19px;line-height:150%;text-align:center;border-bottom:1px solid #999 !important;background-color:#fff;z-index:100}
	.find_layer .popup .pop_cont{padding:25px 20px}
	.find_layer .popup .pop_cont .btn.arr_white:after{display:none}
	.find_layer .tbl_write .th_w{width:90px}
	.find_layer .tbl_write .td_w{width:auto}
	.find_layer .tbl_write tbody th{width:90px}
	.find_layer .tbl_write tbody td{width:auto}
	.find_layer .tbl_write tbody td .inp_btn .btn{color:#4a4a4a;border-color:#cacaca;background-color:#f8fafb}
    .result_box{display:table;width:100%;height:90px;padding:10px;text-align:center;border:1px solid #4a4a4a}
    .result_box p{display:table-cell;font-size:16px;font-weight:700;vertical-align:middle}
    .result_tip{margin-top:10px;padding-left:12px;font-size:14px;line-height:140%;word-break:keep-all;text-indent:-12px}
}