@charset "utf-8";
/*==== reset ====*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {
	margin: 0; padding: 0;
}
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, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, 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, section, summary,
time, mark, audio, video { margin: 0; padding: 0;}

article, aside, footer, header, nav, section, main, figure, figcaption { display: block;}
body{ min-width: 1200px !important;font-family: "Open Sans", sans-serif; }
iframe { border: 0;}
fieldset,img { border:0 none;}
dl, ul, ol, menu, li { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
input, select, textarea, button { font-size:100%; vertical-align: middle;}
button { border:0 none; background-color: transparent; cursor: pointer;}
table { border-collapse: collapse; border-spacing: 0;}

input[type='text'], input[type='password'], input[type='submit'], input[type='search'] { padding: 0; border-radius: 0;}
input:checked[type='checkbox'] { background: #999;}
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { padding: 0; border-radius: 0;}

body { background: #fff;}
html,body{ -webkit-text-size-adjust: 100%; height:100%; color: #555; letter-spacing: -0.5px;}
body, th, td, input, select, textarea, button { font-size: 16px; line-height:1; }
th, td { word-break: keep-all; box-sizing: border-box;}
input[type="text"]:disabled { background-color: #eee;}
input[readonly="readonly"] { background-color: #eee;}
b, strong { font-weight: 700;}
p{ word-wrap: break-word; word-break:keep-all;}

select:disabled { background-color: #eee;}
a { color:#555; text-decoration: none;}
a:active, a:hover { text-decoration: none;}
a:focus{outline:1px auto #90B5CF;}

address,caption,legend,cite,code,dfn,em,var { font-style:normal; font-weight:normal;}
textarea{ resize: none;}
caption, legend { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;}
input[data-type='number'] {text-align: right;}
input[type='text'], select, textarea { font-family: "Open Sans", sans-serif;}

/* float --------------------------*/
.fl-left { float: left !important;}
.fl-right { float: right !important;}

/* display --------------------------*/
.dis-in { display: inline-block !important;}
.dis-bl { display: block !important;}

/* text --------------------------*/
/* align */
.textl { text-align: left !important;}
.textr { text-align: right !important;}
.textc { text-align: center !important;}

/* ellipsis --- */
.row01-crop{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.row02-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.row03-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}


/* vertical-align*/
.ver-mi{vertical-align: middle !important;}
.ver-tp{vertical-align: top !important;}

/* notice */
.notice-text { color: #ff451a;}
.note-text { position: absolute; display: inline-block; color: #555; vertical-align: middle;}

/* notice */
.notice-text-step { color: #ff451a;}

/* input --------------------------*/
input[type=text] { padding: 2px;}
input[type=text].right { text-align: right;}

/* margin --------------------------*/
.mgt-small { margin-top: 10px !important;}
.mgt-middle { margin-top: 40px !important;}
.mgt-no { margin-top: 0 !important;}
.mgt-20 { margin-top: 20px !important;}
.mgt-10 { margin-top: 10px !important;}
.mgl-5 { margin-left: 5px !important;}
.mgl-10 { margin-left: 10px !important;}
.mgr-15 { margin-right: 15px !important;}
.mgb-0 { margin-bottom: 0px !important;}
.mgb-10 { margin-bottom: 10px !important;}
.mgb-20 { margin-bottom: 20px !important;}

/* width 값 뒤에 붙는 마진 10*/
.mgl-w145 { margin-left: 155px !important;} /* w145 뒤에 붙는 마진 left 10 */
.mgl-w200 { margin-left: 210px !important;} /* w200 뒤에 붙는 마진 left 10 */
.mgl-w300 { margin-left: 310px !important;} /* w300 뒤에 붙는 마진 left 10 */
.mgl-w400 { margin-left: 410px !important;} /* w400 뒤에 붙는 마진 left 10 */
.mgl-wmd { margin-left: 250px !important;} /* 다중(input, button) 뒤에 붙는 마진 left 10 */

/* padding --------------------------*/
.pdr-0 { padding-right: 0 !important;}
.pdr-5 { padding-right: 5px !important;}
.pdr-10 { padding-right: 10px !important;}
.pdl-center { padding-left: 170px !important}
.pdt-5 { padding-top: 5px !important;}
.pdt-10 { padding-top: 10px !important;}
.pdt-15 { padding-top: 15px !important;}
.pdt-20 { padding-top: 20px !important;}
.pdt-25 { padding-top: 25px !important;}
.pdt-30 { padding-top: 30px !important;}

.pdl-0 { padding-left: 0 !important;}
.pdl-5 { padding-left: 5px !important;}
.pdl-10 { padding-left: 10px !important;}
.pdl-15 { padding-left: 15px !important;}
.pdr-30 { padding-right: 30px !important;}
.pdb-10 { padding-bottom: 10px !important;}
.pdtb-20 { padding: 20px 0 !important;}
.pdtb-15 { padding-top: 15px; padding-bottom: 15px;}
.pdtb-10 { padding-top: 10px; padding-bottom: 10px;}
.pdtb-5 { padding-top: 5px; padding-bottom: 5px;}

/* background-color ------------------*/
.bg-colorf7{background-color: #f7f7f7}

/* text color ------------------------*/
.red { color: #dc0032;}
.org { color: #ff451a;}

/* privacy test color */
.priv { color: #be343a !important;}

/* font size ------------------------*/
.f20 { font-size: 20px !important;}
.f17 { font-size: 17px !important;}
.f16 { font-size: 16px !important;}
.f15 { font-size: 15px !important;}
.f14 { font-size: 14px !important;}
.f13 { font-size: 13px !important;}


/* width -----------------------------*/
.w70 { width: 70px !important;}
.w120 { width: 120px !important;}
.w145 { width: 145px !important;}
.w200 { width: 200px !important;}
.w290 { width: 290px !important;}
.w300 { width: 300px !important;}
.w400 { width: 400px !important;}
.w500 { width: 500px !important;}
.w90per { width: 90% !important;}
.w100per { width: 100% !important;}
.w50per { width: 50% !important;}


/*----------------------
    비밀번호변경 안내
------------------------*/

#diPwUpdateWrap { display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 8000;}
#diPwUpdateWrap .dcBgModal { position: fixed; background-color:#000; opacity:0.5; width: 100%; height: 100%;}
#diPwUpdateWrap .dcModalWrap { position: absolute; width: 700px; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 10; background-color:#fff; padding:50px; border:solid 1px #d3d3d3;}

#diPwUpdateWrap .dcModalWrap .dcModalBox h5 { font-size:18px; font-weight:300; color:#0080ff; line-height:21px; margin:0 0 10px 0;}
#diPwUpdateWrap .dcModalWrap .dcModalBox h3 { font-size:32px; font-weight:700; color:#000; line-height:37px; margin:0 0 20px 0;}
#diPwUpdateWrap .dcModalWrap .dcModalBox h6 { font-size:18px; font-weight:500; color:#ff5c0f; line-height:27px; margin:0 0 20px 0;}
#diPwUpdateWrap .dcModalWrap .dcModalBox p { font-size:16px; font-weight:300; color:#000; line-height:19px; margin:0 0 40px 0;}
#diPwUpdateWrap .dcModalWrap .dcModalBox .dcReSignInBox {}
#diPwUpdateWrap .dcModalWrap .dcModalBox .dcReSignInBox dl { overflow:hidden;}
#diPwUpdateWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dt { float:left;}
#diPwUpdateWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dt p {}
#diPwUpdateWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dd { float:right; overflow:hidden;}
#diPwUpdateWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dd a.dcBtnTimeReset {float:left; width:200px; line-height:35px; background-color:#0080c0; border:solid 1px #0080c0; text-align:center; font-size:16px; font-weight:500; color:#fff; margin:0 10px 0 0;}
#diPwUpdateWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dd a.dcBtnLogout { float:left; width:200px; line-height:35px; background-color:#f1f1f1; border:solid 1px #ccc; text-align:center; font-size:16px; font-weight:500; color:#000; margin:0 10px 0 0;}

/*----------------------
     자동로그아웃 안내
------------------------*/

#diReSignInWrap { display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;}
#diReSignInWrap .dcBgModal { position: fixed; background-color:#000; opacity:0.5; width: 100%; height: 100%;}
#diReSignInWrap .dcModalWrap { position: absolute; width: 700px; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 10; background-color:#fff; padding:50px; border:solid 1px #d3d3d3;}

#diReSignInWrap .dcModalWrap .dcModalBox h5 { font-size:18px; font-weight:300; color:#0080ff; line-height:21px; margin:0 0 10px 0;}
#diReSignInWrap .dcModalWrap .dcModalBox h3 { font-size:32px; font-weight:700; color:#000; line-height:37px; margin:0 0 20px 0;}
#diReSignInWrap .dcModalWrap .dcModalBox h6 { font-size:18px; font-weight:500; color:#ff5c0f; line-height:27px; margin:0 0 20px 0;}
#diReSignInWrap .dcModalWrap .dcModalBox p { font-size:16px; font-weight:300; color:#000; line-height:19px; margin:0 0 40px 0;}
#diReSignInWrap .dcModalWrap .dcModalBox .dcReSignInBox {}
#diReSignInWrap .dcModalWrap .dcModalBox .dcReSignInBox dl { overflow:hidden;}
#diReSignInWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dt { float:left;}
#diReSignInWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dt p {}
#diReSignInWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dd { float:right; overflow:hidden;}
#diReSignInWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dd a.dcBtnTimeReset {float:left; width:300px; line-height:35px; background-color:#0080c0; border:solid 1px #0080c0; text-align:center; font-size:16px; font-weight:500; color:#fff; margin:0 10px 0 0;}
#diReSignInWrap .dcModalWrap .dcModalBox .dcReSignInBox dl dd a.dcBtnLogout { float:left; width:200px; line-height:35px; background-color:#f1f1f1; border:solid 1px #ccc; text-align:center; font-size:16px; font-weight:500; color:#000;}

/*----------------------
    관심항목안내 레이어 팝업
------------------------*/
.diMyFavoriteWrap { display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 8000;}
.diMyFavoriteWrap .dcBgModal { position: fixed; background-color:#000; opacity:0.5; width: 100%; height: 100%;}
.diMyFavoriteWrap .dcModalWrap { position: absolute; width: 700px; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 10; background-color:#fff; padding:50px; border:solid 1px #d3d3d3;}
.diMyFavoriteWrap .dcModalWrap.info { position: absolute; width: 550px; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 10; background-color:#fff; padding:50px; border:solid 1px #d3d3d3;}
.diMyFavoriteWrap .dcModalWrap .dcModalBox h5 { font-size:18px; font-weight:300; color:#0080ff; line-height:21px; margin:0 0 10px 0;}
.diMyFavoriteWrap .dcModalWrap.info .dcModalBox h5 {color:#6b1e74;font-weight: 600;}
.diMyFavoriteWrap .dcModalWrap .dcModalBox h3 { font-size:32px; font-weight:700; color:#000; line-height:37px; margin:0 0 20px 0;}
.diMyFavoriteWrap .dcModalWrap .dcModalBox h6 { font-size:18px; font-weight:500; color:#ff5c0f; line-height:27px; margin:0 0 20px 0;}
.diMyFavoriteWrap .dcModalWrap.info .dcModalBox h6 {color: #555 !important;}
.diMyFavoriteWrap .dcModalWrap.info .dcModalBox h6 span{color:#ff5c0f}

.diMyFavoriteWrap .dcModalWrap .dcModalBox p { font-size:16px; font-weight:300; color:#000; line-height:19px; margin:0 0 40px 0;}

.diMyFavoriteWrap .dcModalWrap.info .dcModalBox .dcReSignInBox div {float:right}
.diMyFavoriteWrap .dcModalWrap.info .dcModalBox .dcReSignInBox div .inner a.dcBtnSubmit {float:left; width:200px; line-height:35px; background-color:#6b1e74; border:solid 1px #6b1e74; text-align:center; font-size:16px; font-weight:500; color:#fff; margin:0 10px 0 0;}
.diMyFavoriteWrap .dcModalWrap.info .dcModalBox .dcReSignInBox div .inner a.dcBtnClose { float:left; width:200px; line-height:35px; background-color:#f1f1f1; border:solid 1px #ccc; text-align:center; font-size:16px; font-weight:500; color:#000; margin:0 10px 0 0;}