@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&subset=korean');
@import url("https://use.typekit.net/lml6nuy.css");
@import url(font_noto/font.css);

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
/*{margin:0;padding:0;font-family:'Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;font-size:16px;line-height:1.6;color:#0f0f0f;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}*/
{margin:0;padding:0;font-family:'Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}
b, span, strong, input, a, button {font-size:inherit;font-family:inherit;color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display:block;}
cite {display:inline}
html, body {height:100%;}
body {overflow-x:hidden;margin:0px;}
a:link,
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul {list-style:none;}
table {border-collapse:collapse;table-layout:fixed;}
fieldset {border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button {margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;}
.date-picker-control:link,
.date-picker-control:visited {top:-6px !important;}
.txtHidden {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)}

/* placeholder 클릭 시 감춤 */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important; }

/*** Layout ***/
.alt_hidden, legend,
caption>p {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)}
caption>p {display:inline;}

#dim,
#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
#dim.on {visibility:visible;opacity:0.4;z-index:1200;} /*header 위로*/
#gnb_dim.on {visibility:visible;opacity:0.4;z-index:900;} /*header 아래로*/

#skip_menu a{position:absolute;opacity:0}
#skip_menu a:focus{display:inline-block;padding:10px;background:#000;font-size:15px;color:#fff;opacity:1;z-index:9999}

/*** style_guide ***/
/* button */
.btnC {display:inline-block;overflow:hidden;min-width:240px;margin:0 0 5px 0;padding:0 15px;border:1px solid #212e4e;box-sizing:border-box;padding:0;border-radius:2px;background:#fff;vertical-align:top;transition:0.2s;}
.btnC>span {display:block;overflow:hidden;height:54px;color:#212e4e;font-size:18px;font-weight:500;line-height:54px;text-align:center;letter-spacing:-0.5px;transition:0.2s;}
.btnC:hover {background-color:#212e4e !important;}
.btnC:hover>span {color:#fff !important;}

.btnC.Navy {background:#212e4e;}
.btnC.Navy>span {color:#fff;}
.btnC.Navy:hover {border:1px solid #4286ea !important;background:#4286ea !important;}
.btnC.Navy:hover>span {color:#fff !important;}

.btnC.Blue {border:1px solid #4286ea;background:#4286ea !important;}
.btnC.Blue>span {color:#fff;}
.btnC.Blue:hover {border:1px solid #4286ea !important;background:#4286ea !important;}
.btnC.Blue:hover>span {color:#fff !important;}

.btnC.lineGray {border:1px solid #9a9a9a;}
.btnC.lineGray>span {color:#666;}
.btnC.lineGray:hover {border:1px solid #9a9a9a !important;background:#fff !important;}
.btnC.lineGray:hover>span {color:#666 !important;}

.btnC.lineGray2 {border:1px solid #888;}
.btnC.lineGray2>span {color:#666;}
.btnC.lineGray2:hover {border:1px solid #9a9a9a !important;background:#fff !important;}
.btnC.lineGray2:hover>span {color:#666 !important;}

.btnR {display:inline-block;overflow:hidden;min-width:220px;margin:0 0 5px 0;box-sizing:border-box;padding:0 15px;border:1px solid #ddd;border-radius:23px;background:#fff;font-size:0;text-align:center;vertical-align:top;transition:0.2s;}
.btnR>span {display:inline-block;overflow:hidden;height:45px;box-sizing:border-box;padding:0;color:#0f0f0f;font-size:15px;line-height:45px;text-align:left;letter-spacing:-0.5px;vertical-align:top;transition:0.2s;}
.btnR:hover {background-color:#ddd !important;}
.btnR:hover>span {color:#000 !important;}

.btnR.Arr>span {position:relative;padding:0 20px 0 0}
.btnR.Arr>span:before {content:'';position:absolute;right:0;top:50%;margin-top:-3.5px;display:block;width:13px;height:7px;background: url(../img/common/sprite_component.png) no-repeat -209px -383px;}
.btnR.Arr.on>span:before {background-position:-179px -383px;}

.btnI {display:inline-block;overflow:hidden;margin:0 0 5px 0;box-sizing:border-box;padding:0 20px;border:1px solid #ddd;border-radius:2px;background:#fff;font-size:0;text-align:center;vertical-align:top;transition:0.2s;}
.btnI>span {display:inline-block;overflow:hidden;height:38px;box-sizing:border-box;padding:0;color:#212e4e;font-size:15px;line-height:38px;text-align:left;letter-spacing:-0.5px;vertical-align:top;transition:0.2s;}
.btnI:hover {background-color:#fff !important;}
.btnI:hover>span {color:#4286ea !important;}

.btnI.fileDown {border:1px solid #212e4e;}
.btnI.fileDown>span {position:relative;padding:0 22px 0 0;}
.btnI.fileDown>span:before {content:'';position:absolute;right:0;top:50%;display:block;width:14px;height:16px;margin-top:-8px;background: url(../img/common/sprite_component.png) no-repeat -394px -187px;}
.btnI.fileDown:hover {background:#212e4e !important;}
.btnI.fileDown:hover>span {color:#fff !important;}
.btnI.fileDown:hover>span:before {background-position:-394px -373px;}

.btnI.fileDown.Navy {border:1px solid #212e4e;background:#212e4e !important;}
.btnI.fileDown.Navy>span {padding:0 22px 0 0;color:#fff !important;}
.btnI.fileDown.Navy>span:before {background-position:-394px -373px;}
.btnI.fileDown.Navy:hover>span:before {background-position:-394px -373px;}
.btnI.fileDown.Blue {border:1px solid #4286ea;background:#4286ea !important;}
.btnI.fileDown.Blue>span {padding:0 22px 0 0;color:#fff !important;}
.btnI.fileDown.Blue>span:before  {background-position:-394px -373px;}
.btnI.fileDown.Blue:hover>span:before  {background-position:-394px -373px;}
.btnI.fileDown.lineGray {border:1px solid #d9d9d9;}
.btnI.fileDown.lineGray:hover {background:#212e4e !important;}
.btnI.fileDown.lineGray:hover>span:before  {background-position:-394px -373px;}

.btnC_s {display:inline-block;overflow:hidden;min-width:77px;margin:0 0 5px 0;padding:0 20px;border:1px solid #212e4e;box-sizing:border-box;border-radius:2px;background:#fff;vertical-align:top;transition:0.2s;}
.btnC_s>span {display:block;overflow:hidden;height:38px;color:#212e4e;font-size:15px;font-weight:400;line-height:38px;text-align:center;letter-spacing:-0.5px;transition:0.2s;}
.btnC_s:hover {background-color:#212e4e !important;}
.btnC_s:hover>span {color:#fff !important;}

.btnC_s.Navy {background:#212e4e !important;}
.btnC_s.Navy>span {color:#fff;}
.btnC_s.Navy:hover {border:1px solid #4286ea !important;background:#4286ea !important;}
.btnC_s.Navy:hover>span {color:#fff !important;}

.btnC_s.Blue {background:#4286ea !important;border:1px solid #4286ea !important;}
.btnC_s.Blue>span {color:#fff;}
.btnC_s.Blue:hover {background:#4286ea !important;}
.btnC_s.Blue:hover>span {color:#fff !important;}

.btnC_s.lineGray {border:1px solid #888888 !important;}
.btnC_s.lineGray>span {color:#666 !important;}
.btnC_s.lineGray:hover {background:#fff !important;}

.btnC_s.lineBlack {border:1px solid #222 !important;}
.btnC_s.lineBlack>span {color:#222 !important;}
.btnC_s.lineBlack:hover {background:#fff !important;}

.btnC_s.lineBlue {min-width:120px !important;border:1px solid #4286ea !important;}
.btnC_s.lineBlue>span {color:#4286ea !important;}
.btnC_s.lineBlue:hover {background:#fff !important;}

.btnC_s.lineGray2 {border:1px solid #888;}
.btnC_s.lineGray2>span {color:#666;}
.btnC_s.lineGray2:hover {border:1px solid #9a9a9a !important;background:#fff !important;}
.btnC_s.lineGray2:hover>span {color:#666 !important;}

.btnC_s.Gray {background:#666666 !important;border:1px solid #666666 !important;}
.btnC_s.Gray>span {color:#fff;}
.btnC_s.Gray:hover {background:#666666 !important;}
.btnC_s.Gray:hover>span {color:#fff !important;}

.btnC_s.White {background:transparent !important;border:1px solid #9097a7 !important;}
.btnC_s.White>span {color:#fff;}
.btnC_s.White:hover {border:1px solid #9097a7 !important;background:transparent !important;}
.btnC_s.White:hover>span {color:#fff !important;} 

.btnC_s.compare {padding:0 15px;border:1px solid #008580  !important;}
.btnC_s.compare>span {position:relative;padding-right:30px;color:#008580  !important;}
.btnC_s.compare>span:before {content:'';position:absolute;right:0;top:50%;display:block;width:19px;height:17px;margin-top:-8.5px;background: url(../img/common/sprite_component.png) no-repeat  -167px -303px;}
.btnC_s.compare:hover {background:#fff !important;}

.btnC_s.typeChk>span {position:relative;padding-right:21px;transition:.2s all;}
.btnC_s.typeChk:hover>span {color:#fff !important;}
.btnC_s.typeChk>span:before  {content:'';position:absolute;right:0;top:50%;margin-top:-6px;display:block;width:15px;height:12px;background: url(../img/common/sprite_component.png) no-repeat -346px -498px}
.btnC_s.typeChk:hover {background:#4286ea !important}
.btnC_s.typeChk:hover>span:before {background-position:-380px -460px}
.btnC_s.typeChk.on {background:#4286ea !important}
.btnC_s.typeChk.on>span  {color:#fff !important;}
.btnC_s.typeChk.on>span:before {background-position:-380px -460px}

.btnC_s.arrR>span {position:relative;padding-right:20px;}
.btnC_s.arrR>span:before  {content:'';position:absolute;right:0;top:50%;margin-top:-6px;display:block;width:8px;height:12px;background: url(../img/common/sprite_component.png) no-repeat -225px -545px;}

.btn_infoOpen {position:relative;display:block;width:18px;height:18px;background: url(../img/common/sprite_component.png) no-repeat -178px -544px;}
.btn_infoOpen>span {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)}


/* .btnC_s.listSolo {padding:0 15px;border:1px solid #4286ea !important;} */
/* .btnC_s.listSolo>span {position:relative;padding-left:30px;color:#4286ea !important;} */
.btnC_s.listSolo {padding:0 15px;border:1px solid #008580 !important;}
.btnC_s.listSolo>span {position:relative;padding-right:30px;color:#008580 !important;}
.btnC_s.listSolo>span:before {content:'';position:absolute;right:0;top:50%;display:block;width:21px;height:21px;margin-top:-10.5px;background: url(../img/common/sprite_component.png) no-repeat -312px -180px;}
.btnC_s.listSolo:hover {background:#fff !important;}

.btn_downC {display:inline-block;width:46px;height:46px;border-radius:50%;background-color:#eeeff1;background-image:url(../img/common/ico_downS_black.png);background-repeat:no-repeat;background-position:center;vertical-align:top;transition:.2s all;}
.btn_downC>span {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)}
.btn_downC:hover {background-color:#212e4e;background-image:url(../img/common/ico_downS_white.png);}

.btn_scrap {position:relative;display:inline-block;overflow:hidden;height:40px;box-sizing:border-box;padding:0 13px 0 40px;border:1px solid #4286ea;border-radius:2px;color:#4286ea;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:41px;text-align:left;transition:0.2s;}
.btn_scrap:before {content:'';position:absolute;left:16px;top:50%;display:block;width:17px;height:19px;margin-top:-9.5px;background:url(../img/common/sprite_component.png) no-repeat -222px -207px}
.btn_scrap:hover {color:#fff;background:#4286ea}
.btn_scrap:hover:before {background-position:-262px -342px;}
.btn_scrap.on {background-color:#4286ea;color:#fff;}
.btn_scrap.on:before  {background-position:-299px -342px;}
.btn_subReport {display:inline-block;overflow:hidden;height:40px;box-sizing:border-box;padding:0 13px 0 40px;border:1px solid #4286ea;border-radius:2px;background:url(../img/board/ico_report_blue.png) no-repeat left 15px top 7px;color:#4286ea;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:41px;text-align:left;transition:0.2s;}
.btn_subReport:hover {color:#fff;background:#4286ea url(../img/board/ico_report_white.png) no-repeat left 15px top 7px;}


.btn_recommAi {display:inline-block;overflow:hidden;height:40px;padding:0 20px;border:1px solid #4286ea;box-sizing:border-box;border-radius:2px;background:#fff;vertical-align:top;transition:0.2s;}
.btn_recommAi>span {position:relative;display:block;overflow:hidden;height:38px;padding-left:35px;color:#4286ea;font-size:15px;font-weight:400;line-height:38px;text-align:center;letter-spacing:-0px;transition:0.2s;}
.btn_recommAi>span:before {content:'';display:block;position:absolute;left:0;top:0;width:26px;height:100%;background:url(../img/common/sprite_component.png) no-repeat -123px -536px;}


.boxS_del {position:relative;display:inline-block;overflow:hidden;min-width:50px;height:32px;margin:0 0 5px 0;padding:0 40px 0 10px;border:1px solid #4286ea;box-sizing:border-box;border-radius:4px;background:#fff;vertical-align:top;transition:0.2s;line-height:32px;font-size:15px;color:#4286ea;}
.boxS_del .btn_del {position:absolute;display:block;top:9px;right:12px;width:12px;height:12px;background:url(../img/common/sprite_component.png) no-repeat -358px -404px;font-size:1px;text-indent:-9999px;overflow:hidden;}

.btn_reset {display:inline-block;padding-left:19px;background:url(../img/common/ico_reset_gray.png) no-repeat left top;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:22px;}

.btnSq_add  {overflow:hidden;width:40px;height:40px;border:1px solid #d9d9d9;color:#555;border-radius:2px;box-sizing:border-box;background:#fff url(../img/common/sprite_component.png) no-repeat -344px -331px;font-size:14px;font-weight:normal;line-height:40px;text-indent:-999px;}
.btnSq_del  {overflow:hidden;width:40px;height:40px;border:1px solid #d9d9d9;color:#555;border-radius:2px;box-sizing:border-box;background:#fff url(../img/common/sprite_component.png) no-repeat -344px -362px;font-size:14px;font-weight:normal;line-height:40px;text-indent:-999px;}

.btn_linkBox {display:inline-block;overflow:hidden;margin:0 0 5px 0;box-sizing:border-box;padding:0 20px;border:1px solid #212e4e;border-radius:2px;background:#fff;font-size:0;text-align:center;vertical-align:top;transition:0.2s;}
.btn_linkBox>span {display:inline-block;overflow:hidden;height:52px;box-sizing:border-box;padding:0 25px 0 0;background:url(../img/common/ico_b_link.png) no-repeat right top 18px !important;color:#212e4e;font-size:15px;line-height:52px;text-align:left;letter-spacing:-0.5px;vertical-align:top;transition:0.2s;}

.btn_txtDown {display:inline-block;vertical-align:top;}
.btn_txtDown>span {position:relative;display:block;padding-right:25px;color:#222;font-size:16px;}
.btn_txtDown>span:before {content:'';position:absolute;right:0;top:50%;display:block;width:12px;height:17px;margin-top:-7.5px;background: url(../img/common/sprite_component.png) no-repeat -395px -115px;}

.fileAdd_R {text-align:right;margin-bottom:10px;}
.fileAdd_R button+button {margin-left:5px;}

.sympathy {float:left;font-size:0;}

.btn_sym {display:inline-block;min-width:76px;height:40px;padding:0 16px;border: 1px solid #ccc;border-radius:2px;box-sizing:border-box;line-height:40px;vertical-align:top;}
.btn_sym>em {position:relative;padding-left:25px;color:#4286eb;font-size:16px;font-style:normal;}
.btn_sym>em:before  {content:'';position:absolute; left:0;top:50%;display:block;width:17px;height:17px;margin-top:-8.5px;background: url(../img/common/sprite_component.png) no-repeat  -309px -499px;}

.hidden{position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)} 

/* progressbar */
.loadingBarWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
.loading_title {display:block;margin-bottom:15px;}
/*.loadingBar {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:320px;height:58px;border-radius:5px;padding:25px 30px 30px;background:#fff;z-index: 9999;border:1px solid #e6e6e6;box-shadow: 4px 3px 20px 0px rgba(0, 0, 0, 0.08);}*/
.loadingbar {height:20px;width:320px;border-radius:50px;position: relative;}
.loadingbar div {width:100%;height:100%;border-radius:50px;position: absolute;top: 0px;left: 0px;}
.loadingbar .grayBar {background: #dfdfdf;}
.loadingbar .colorBar {background: linear-gradient( to right, #8167d1, #4485e9);animation: bar 1.5s linear infinite;}
.btn_loadClose {position:absolute;top:15px;right:15px;width:22px;height:22px;}
.btn_loadClose .line1 {width: 22px;height: 1px;background: #222;position: absolute;left: 0px;top:10px;transform: rotate(45deg);}
.btn_loadClose .line2 {width: 22px;height: 1px;background: #222;position: absolute;left: 0px;top:10px;transform: rotate(-45deg);}
.btn_loadClose span {position: absolute;width: 1px;height: 1px;top: 0;left: 0;margin: 1px;border: none;overflow: hidden;clip: rect(0, 0, 0, 0);}

@keyframes bar {
	from  { width:0; }
	to  { width:100%; }
}

/* button 영역 */
.btnArea {margin:0 !important;padding:25px 0 0 !important;font-size:0;text-align:center !important;}
.btnArea a+a,
.btnArea button+button {margin:0 0 0 10px !important;}
.pagination+.btnArea {margin:0 !important;padding:30px 0 0 !important;font-size:0;text-align:center !important;}
.pagination+.btnAreaL,
.pagination+.btnAreaR,
.pagination+.btnAreaC {position:relative !important;margin:0 !important;padding:0 !important;}
.pagination+.btnAreaL>a,
.pagination+.btnAreaL>button {position:absolute !important;left:0 !important;right:auto !important;top:auto !important;bottom:25px !important;}
.pagination+.btnAreaR>a,
.pagination+.btnAreaR>button {position:absolute !important;left:auto !important;right:0 !important;top:auto !important;bottom:25px !important;}
.pagination+.btnAreaC>.fL>a,
.pagination+.btnAreaC>.fL>button {position:absolute !important;left:0 !important;right:auto !important;top:auto !important;bottom:25px !important;}
.pagination+.btnAreaC>.fR>a,
.pagination+.btnAreaC>.fR>button {position:absolute !important;left:auto !important;right:0 !important;top:auto !important;bottom:25px !important;}
.tbArea_btn {font-size:0;margin-top:40px;text-align:center;}
.tbArea_btn > a {margin-bottom:0;}
.tbArea_btn > a + a {margin-left:10px}

.btn_titR {margin-top:-52px;margin-bottom:20px;text-align:right;font-size:0;}
.btn_titR .tit_mail {display:inline-block;margin-right:10px;vertical-align:top;line-height: 40px;}
.btn_titR a+a {margin-left:5px;}

/* paging */
.pagination {position:relative;clear:both;overflow:hidden;height:30px;margin:0 auto;padding:40px 0 0;font-size:0;text-align:center;letter-spacing:-0.5px;}
.pagination .num_paging {position:absolute;left:0;top:0;}
.pagination>button,
.pagination>a {display:inline-block;overflow:hidden;width:18px;height:30px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;line-height:30px;vertical-align:top;}
.pagination>button>span,
.pagination>a>span {display:block;width:18px;height:30px;background-repeat:no-repeat;background-position:center;text-indent:-999px;}
.pagination>.btn_first,
.pagination>.btn_prev {margin-right:7px;}
.pagination>.btn_next,
.pagination>.btn_end {margin-left:7px;}
.pagination>.btn_first>span,
.pagination>.btn_first>span {background:url(../img/common/sprite_component.png) no-repeat -110px -374px;}
.pagination>.btn_prev>span {background:url(../img/common/sprite_component.png) no-repeat -426px -72px;}
.pagination>.btn_next>span {background:url(../img/common/sprite_component.png) no-repeat -426px -39px;}
.pagination>.btn_end>span {background:url(../img/common/sprite_component.png) no-repeat -77px -374px;}
.pagination .paging {display:inline-block;overflow:hidden;height:30px;padding:0;font-size:0;text-align:center;}
.pagination .paging>li {display:inline-block;padding:0 5px;}
.pagination .paging>li>button,
.pagination .paging>li>a {display:inline-block;overflow:hidden;min-width:30px;height:30px;padding:0 5px;box-sizing:border-box;border-radius:3px;color:#666;font-family:'Roboto',sans-serif;font-size:15px;line-height:30px;transition:0.2s;}
.pagination .paging>li>:hover,
.pagination .paging>li>.on {background:#212e4e;color:#fff;font-weight:500;}

.typeNoArticle {height:auto !important;padding:0 !important;}
.no_article {display:block;width:100%;padding:165px 0 65px;background:url(../img/board/ico_noArticle.png) no-repeat 50% 60px;color:#72737a;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;line-height:25px;text-align:center;}
.no_article_box {padding:20px;border:1px solid #e8e8e8;text-align:center;}
/* input */
/* [참고] 사각라디오버튼,원형체크박스는 접근성에 맞지않아 사용불가 */
.inp_r {display:inline-block;position:relative;margin-right:10px;font-size:0;}
.inp_r>input[type=radio] {position:absolute;left:0;top:0;width:24px;height:24px;z-index:0;}
.inp_r>label {position:relative;display:inline-block;position:relative;overflow:hidden;min-height:20px;padding:4px 0 0 34px;background:none;color:#222;font-size:16px;line-height:20px;text-align:left;z-index:1;cursor:pointer;}
.inp_r>label:before {content:'';position:absolute;left:0;top:0px;display:block;width:24px;height:24px;background:url(../img/common/sprite_component.png) no-repeat -186px -259px;}
.inp_r>input[type=radio]:checked+label:before {background-position:-312px -10px;}
.inp_r>input[type=radio]:disabled+label:before {background-position:-230px -259px;cursor:default;color:#b6b6b6;}
.inp_r>input[type=radio]:disabled:checked+label:before {background-position:-312px -54px;cursor:default;color:#b6b6b6;}

.inp_c {display:inline-block;position:relative;margin-right:10px;font-size:0;}
.inp_c>input[type=checkbox] {position:absolute;left:-1px;top:0px;width:26px;height:23px;z-index:0;border:none;}
.inp_c>label {display:inline-block;position:relative;overflow:hidden;min-height:20px;padding:4px 0 0 34px;background:none;color:#222;font-size:16px;line-height:20px;text-align:left;z-index:1;cursor:pointer;}
.inp_c>label:before {content:'';position:absolute;left:0;top:0px;display:block;width:24px;height:24px;background:url(../img/common/sprite_component.png) no-repeat -10px -259px;}
.inp_c>input[type=checkbox]:checked+label:before {background-position:-98px -259px;}
.inp_c>input[type=checkbox]:disabled+label {cursor:default;color:#b6b6b6;}
.inp_c>input[type=checkbox]:disabled+label:before {background-position:-54px -259px;}
.inp_c>input[type=checkbox]:disabled:checked+label{cursor:default;color:#b6b6b6;}
.inp_c>input[type=checkbox]:disabled:checked+label:before {background-position:-142px -259px;}
.inp_c.only {margin:0;}
.inp_c.only>label {height:24px;padding:2px 0 0 24px;}
.inp_c.bookmark>input[type=checkbox] {width:16px;height:13px;}
.inp_c.bookmark>label {position:relative;min-height:19px;padding:0 0 0 24px;background:url(../img/common/ico_bookmark.png) no-repeat 0 0;line-height:19px;}
.inp_c.bookmark>label:before {content:'';position:absolute;right:0;top:0px;display:block;width:14px;height:19px;background: url(../img/common/sprite_component.png) no-repeat -80px -344px;}
.inp_c.bookmark>input[type=checkbox]:checked+label{color:#4286ea;}
.inp_c.bookmark>input[type=checkbox]:checked+label:before {background-position:-114px -344px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#777;}
::-moz-placeholder { /* Firefox 19+ */color:#777;}
:-ms-input-placeholder { /* IE 10+ */color:#777;}
:-moz-placeholder { /* Firefox 18- */color:#777;}

/* select박스 스타일 */
.inp_s {
    /*vertical-align:text-top;*/
    width:100%;/* 원하는 너비설정 */
    height:40px;
    padding:0 30px 0 12px;/* 여백으로 높이 설정 */
    color:#666;
    font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;
    background:#fff url(../img/common/inp_selArrB.png) no-repeat right 13px top 50%;/* 네이티브 화살표를 커스텀 화살표로 대체 */
    border:1px solid #d9d9d9;
    border-radius:0px;/* iOS 둥근모서리 제거 */
    -webkit-appearance:none;/* 네이티브 외형 감추기 */
    -moz-appearance:none;
    appearance:none;
}
.inp_s:disabled  {background-color:#f1f1f1;}
.inp_s::-ms-expand {display:none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.inp_s:focus {outline:none !important;border:1px solid #4286ea;} 
.inp_t {width:100%;height:40px;box-sizing:border-box;padding:0 12px;border:1px solid #d9d9d9;color:#222;font-size:15px;line-height:42px;
    border-radius:0px;/* iOS 둥근모서리 제거 */
    -webkit-appearance:none;/* 네이티브 외형 감추기 */
    -moz-appearance:none;
    appearance:none;
}
.searchOpt_wrap .inp_s:disabled {background-color:#fff;opacity: 1;color:#b3b2b2;}
.inp_t:disabled  {background-color:#f1f1f1;}
.inp_t:focus {outline:none !important;border:1px solid #4286ea;}
.inp_area {width:100%;box-sizing:border-box;padding:5px 10px;border:1px solid #d9d9d9;color:#222;font-size:15px;resize:none;text-align:left;}
.inp_area:disabled  {background-color:#f1f1f1;}
.inp_area:focus {outline:none !important;border:1px solid #4286ea;}
.inp_t.half {width:50%;}
.inp_t.w_short {width:400px;}

.calByte {text-align:right;}
.calByte>span {display:inline-block;font-size:14px;color:#999;vertical-align:top;}
.calByte>span b {display:inline-block;color:#0f0f0f;font-weight:400;vertical-align:top;;}

/* datepicker */
/* .date-picker-control:link {margin-top:8px !important;} */
.date-picker {z-index:1500 !important}
.picker_txt {display:inline-block;padding-left:5px;vertical-align:top;line-height:40px;text-align:center;}
.date-picker .prev-but,
.date-picker .next-but {font-size:18px !important;}
.ui-datepicker td a {padding:0 !important;font-size:12px !important;text-align:center !important;letter-spacing:-0.5px !important;}

input.timepicker {padding-right:30px;background:#fff url(../img/common/ico_clock_black.png) no-repeat right 10px top 11px !important;}
input.inp_t~.timepicker {margin-left:5px;}
.ui-timepicker-standard a {text-align:left !important;}

.multipickerBox {display:inline-block;position:relative;vertical-align:top;}
.multipickerBox>input {padding-right:30px;background:#fff url(../js/multidatepicker/datepicker-calendar.png) no-repeat right 10px top 10px !important;cursor:pointer;}
.multipickerBox .multidatepicker {position:absolute;left:0;top:35px;z-index:5000;box-shadow:0 0 10px -5px #000;}
.multipickerBox .multidatepicker .btn_close {display:none;}
.multipickerBox .multidatepicker.hasDatepicker .btn_close {display:block;position:absolute;right:-20px;top:0;overflow:hidden;width:21px;height:20px;box-sizing:border-box;border:1px solid #c5c5c5;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#fff url(../js/multidatepicker/datepicker-close.png) no-repeat center;background-size:auto 10px;text-indent:-999px;z-index:5000;}
.multipickerBox+.picker_txt {padding-left:0;}

.yearPickerBox  {display:inline-block;position:relative;vertical-align:top;}
.yearPickerBox >input {padding-right:30px;background:#fff url(../js/multidatepicker/datepicker-calendar.png) no-repeat right 10px top 10px !important;cursor:pointer;}

/* TAB */
/*pageTab과 contTab_fix는 동일, 소스 위치가 article 밖이냐 안이냐에 따른 여백의 차이*/
#pageTab {/*overflow:hidden;*/width:100%;max-width:1440px;margin:20px auto 40px;box-sizing:border-box;padding:0;}
#pageTab .tabList {width:calc(100% - 1px);/*overflow:hidden;*/padding-bottom:1px;border-left:1px solid #d7d7d7;box-sizing:border-box;font-size:0;}
#pageTab .tabList li {display:inline-table;margin:0 0 -1px 0;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;border-left:none;vertical-align:top;}
#pageTab .tabList li a {display:table-cell;height:49px;padding:0 10px;box-sizing:border-box;border:1px solid #d7d7d7;border-left:none !important;background:#fff;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:20px;text-align:center;letter-spacing:-0.5px;vertical-align:middle;transition:0.2s;}
#pageTab .tabList li a.on,
#pageTab .tabList li a:hover {background:#8366d0;border:1px solid #8366d0;color:#fff;font-weight:500;box-shadow:5px 5px 15px -10px #333;}
#pageTab .tabList.tab1>li {width:100%;}
#pageTab .tabList.tab2>li {width:50%;}
#pageTab .tabList.tab3>li {width:33.3%;}
#pageTab .tabList.tab4>li {width:25%;}
#pageTab .tabList.tab5>li {width:20%;}
#pageTab .tabList.tab6>li {width:16.666%;}
#pageTab .tabList.tab7>li {width:14.285%;}
#pageTab .tabList.tab8>li {width:25%;}
#pageTab .tabList.tab9>li {width:33.333%}
#pageTab .tabList.tab10>li,
#pageTab .tabList.tab11>li,
#pageTab .tabList.tab12>li,
#pageTab .tabList.tab13>li,
#pageTab .tabList.tab14>li,
#pageTab .tabList.tab15>li,
#pageTab .tabList.tab16>li,
#pageTab .tabList.tab17>li,
#pageTab .tabList.tab18>li,
#pageTab .tabList.tab19>li,
#pageTab .tabList.tab20>li {width:20%;}

#contTab_fix {/*overflow:hidden;*/width:100%;max-width:none;margin-bottom:40px;padding:0;}
#contTab_fix .tabList {width:calc(100% - 1px);/*overflow:hidden;*/padding-bottom:1px;border-left:1px solid #d7d7d7;font-size:0;}
#contTab_fix .tabList>li {display:inline-table;margin:0 0 -1px 0;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;border-left:none;vertical-align:top;}
#contTab_fix .tabList>li a {display:table-cell;height:49px;padding:0 10px;border:1px solid #d7d7d7;border-left:none !important;background:#fff;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:20px;text-align:center;letter-spacing:-0.5px;vertical-align:middle;transition:0.2s;}
#contTab_fix .tabList>li a.on,
#contTab_fix .tabList>li a:hover {background:#8366d0;color:#fff;font-weight:500;box-shadow:5px 5px 15px -10px #333;}
#contTab_fix .tabList.tab1>li {width:100%;}
#contTab_fix .tabList.tab2>li {width:50%;}
#contTab_fix .tabList.tab3>li {width:33.3%;}
#contTab_fix .tabList.tab4>li {width:25%;}
#contTab_fix .tabList.tab5>li {width:20%;}
#contTab_fix .tabList.tab6>li {width:16.666%;}
#contTab_fix .tabList.tab7>li {width:14.285%;}
#contTab_fix .tabList.tab8>li {width:20%;}
#contTab_fix .tabList.tab9>li {width:33.333%;}
#contTab_fix .tabList.tab10>li,
#contTab_fix .tabList.tab11>li,
#contTab_fix .tabList.tab12>li,
#contTab_fix .tabList.tab13>li,
#contTab_fix .tabList.tab14>li,
#contTab_fix .tabList.tab15>li,
#contTab_fix .tabList.tab16>li,
#contTab_fix .tabList.tab17>li,
#contTab_fix .tabList.tab18>li,
#contTab_fix .tabList.tab19>li,
#contTab_fix .tabList.tab20>li {width:20%;}

#contTab_line {overflow:hidden;width:100%;margin-bottom:40px;}
#contTab_line .btn_mSelect {display:none;}
#contTab_line .tabList {width:100%;box-sizing:border-box;border-bottom:1px solid #dbdee1;font-size:0;}
#contTab_line .tabList li {display:inline-block;;margin:0;vertical-align:top;}
#contTab_line .tabList li a {display:block;position:relative;min-width:150px;box-sizing:border-box;padding:12px 15px;color:#777;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:28px;text-align:center;letter-spacing:-0.5px;white-space:nowrap;}
#contTab_line .tabList li a::before {content:'';display:block;position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:#ddd;transition:0.2s;}
#contTab_line .tabList li a.on,
#contTab_line .tabList li a:hover {color:#8366d0;font-weight:700;}
#contTab_line .tabList li a.on::before,
#contTab_line .tabList li a:hover::before {left:0;width:calc(100% - 1px);background:#8366d0;}
#contTab_line .tabList.tab1>li {width:100%;}
#contTab_line .tabList.tab2>li {width:50%;}
#contTab_line .tabList.tab3>li {width:33.3%;}
#contTab_line .tabList.tab4>li {width:25%;}
#contTab_line .tabList.tab5>li {width:20%;}
#contTab_line .tabList.tab6>li {width:16.666%;}
#contTab_line .tabList.tab7>li {width:14.285%;}
#contTab_line .tabList.tab8>li {width:12.5%;}
#contTab_line .tabList.tab9>li {width:11.111%}
#contTab_line .tabList.tab10>li,
#contTab_line .tabList.tab11>li,
#contTab_line .tabList.tab12>li,
#contTab_line .tabList.tab13>li,
#contTab_line .tabList.tab14>li,
#contTab_line .tabList.tab15>li,
#contTab_line .tabList.tab16>li,
#contTab_line .tabList.tab17>li,
#contTab_line .tabList.tab18>li,
#contTab_line .tabList.tab19>li,
#contTab_line .tabList.tab20>li {width:20%;}

#contTab_fix+#contTab_line {margin-top:-20px;}

/* .selectTab_wrap {height:80px;margin-top:-10px;margin-bottom:35px;}
#selectTab {position:relative;overflow:hidden;width:100%;padding-top:20px;background:#fff;z-index:400;}
#selectTab.fix {position:fixed;left:0;top:128px;}
#selectTab>ul {position:relative;font-size:0;text-align:center;white-space:nowrap;}
#selectTab>ul:after {content:'';position:absolute;display:block;width:3000px;height:1px;bottom:3px;left:0;background:#c5c6c9;z-index:1;}
#selectTab>ul:before {content:'';position:absolute;display:block;width:3000px;height:4px;bottom:0px;left:0;background:#e6e7e8;z-index:1;}
#selectTab>ul>li {position:relative;display:inline-block;padding:0 15px;vertical-align:top;}
#selectTab>ul>li>button {position:relative;display:block;padding-bottom:24px;padding-left:8px;padding-right:8px;font-size:20px;font-weight:700;transition:.2s all;}
#selectTab>ul>li>button>span {font-size:inherit;}
#selectTab>ul>li>button:before {content:'';display:block;position:absolute;left:50%;bottom: 0;width:0;height: 5px;background:#4286ea;transition:0.2s;z-index:2;}
#selectTab>ul>li>button.on,
#selectTab>ul>li>button:hover {color:#4286ea;}
#selectTab>ul>li>button.on:before,
#selectTab>ul>li>button:hover:before {left:0;width:100%;background:#4286ea;} */

.selectTab_wrap {margin-bottom:40px;}
#selectTab {/*overflow:hidden;*/position:relative;width:100%;margin:0px auto;box-sizing:border-box;padding:0;background:#fff;}
#selectTab.fix {position:fixed;left:0;top:234px;z-index:9;}
#selectTab ul {width:calc(100% - 1px);/*overflow:hidden;*/padding-bottom:1px;border-left:1px solid #d7d7d7;box-sizing:border-box;font-size:0;}
#selectTab ul li {display:inline-table;margin:0 0 -1px 0;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;border-left:none;vertical-align:top;}
#selectTab ul li a {display:table-cell;width:100%;height:49px;padding:0 10px;box-sizing:border-box;border:1px solid #d7d7d7;border-left:none !important;background:#fff;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:20px;text-align:center;letter-spacing:-0.5px;vertical-align:middle;transition:0.2s;}
#selectTab ul li a.on,
#selectTab ul li a:hover {background:#8366d0;border:1px solid #8366d0;color:#fff;font-weight:500;box-shadow:5px 5px 15px -10px #333;}
#selectTab ul.tab1>li {width:100%;}
#selectTab ul.tab2>li {width:50%;}
#selectTab ul.tab3>li {width:33.3%;}
#selectTab ul.tab4>li {width:25%;}
#selectTab ul.tab5>li {width:20%;}
#selectTab ul.tab6>li {width:16.666%;}
#selectTab ul.tab7>li {width:14.285%;}
#selectTab ul.tab8>li {width:25%;}
#selectTab ul.tab9>li {width:33.333%}
#selectTab ul.tab10>li,
#selectTab ul.tab11>li,
#selectTab ul.tab12>li,
#selectTab ul.tab13>li,
#selectTab ul.tab14>li,
#selectTab ul.tab15>li,
#selectTab ul.tab16>li,
#selectTab ul.tab17>li,
#selectTab ul.tab18>li,
#selectTab ul.tab19>li,
#selectTab ul.tab20>li {width:20%;}

.contTab_s {padding:20px 30px;background:#f4f5f7;}
.contTab_s>ul {margin-top:-10px;}
.contTab_s>ul>li {display:inline-block;margin-top:10px;vertical-align:top;}
.contTab_s>ul>li>a {display:block;padding:5px 15px;font-size:15px;color:#666;transition:.2s all;border-radius:20px;}
.contTab_s>ul>li>a:hover,
.contTab_s>ul>li>a.on {background:#212e4e;color:#fff;}

/* sub util */
.sub_util {position:relative;margin-bottom:20px;text-align:right;z-index:1;overflow:hidden;}
.sub_util .btnGrp {display:inline-block;vertical-align:top;font-size:0;margin-right:-0px;}
.sub_util .btnGrp .btnEtc {display:inline-block;vertical-align:top;font-size:0;}

.sub_util .btnGrp button,
.sub_util .btnGrp a,
.sub_util .btnGrp .inp_s {margin-right:4px;margin-bottom:0;}
.sub_util .btnGrp .inp_s {display:inline-block;width:auto;width:auto;min-width:170px;vertical-align:top;}
.sub_util .btnGrp .btnC_s {min-width:110px;}
.sub_util .btnGrp>*:last-child {margin-right:0;}
.sub_util .url_link{display:inline-block;margin-right:15px;padding-right:19px;background:url(../img/common/ico_newWin_black.png) no-repeat right center;vertical-align:top;}
.sub_util .url_link>span{display:block;font-size:15px;color:#666;line-height:40px;letter-spacing:-0.5px;}
.sub_util .url_link>span>b{color:#0f0f0f;font-weight:400;}
.sub_util .btn_original {position:relative;display:inline-block;overflow:hidden;width:83px;height:30px;margin-top:5px;margin-left:0px;box-sizing:border-box;padding-right:15px;border:1px solid #000;border-radius:2px;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:30px;text-align:center;vertical-align:top;transition:0.2s;}
.sub_util .btn_original:before {content:'';position:absolute;right:10px;;top:50%;display:block;width:5px;height:9px;margin-top:-4.5px;background: url(../img/common/sprite_component.png) no-repeat  -313px -424px;}
.sub_util .btn_original:hover {color:#fff;background-color:#212e4e;}
.sub_util .btn_original:hover:before {background-position:-339px -424px;}
.sub_util .urlArea {float:left;vertical-align:top;font-size:0;}
.sub_util .nationList {padding:0 10px !important;}
.sub_util .radioGrp {display:inline-block;margin-right:8px;vertical-align:top;font-size:0;;}
.sub_util .radioGrp .sort {display:inline-block;padding-right:15px;vertical-align:top;line-height:40px;font-size:16px;color:#0f0f0f;font-weight:500;}
.sub_util .radioGrp .inp_r {margin-top:7px;margin-right:30px;}
.sub_util .util_l {float:left;}

/* title */
.tit_dot{display:block;position:relative;margin-bottom:20px;padding-top:20px;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:36px;font-weight:400;color:#000;letter-spacing:-0.5px;/*line-height:1.3em;*/line-height:40px;text-align:left;}
.tit_dot:before {content:'';position:absolute;left:1px;top:0;width:10px;height:10px;border-radius:50%;background:#b9193f;}

.contTit_g {display:block;margin:0 0 20px;color:#0f0f0f;font-size:34px;font-weight:700 !important;line-height:1.2em;letter-spacing:-0.5px;}
.contTit_g+.contTit_line {margin-top:0 !important;}
.contTit {display:block;margin:0 0 20px;color:#0f0f0f;font-size:26px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;}
.contTit_line {position:relative;display:block;margin:0 0 30px;padding-bottom:18px;font-size:26px;font-weight:700;color:#0f0f0f;letter-spacing:-0.5px;line-height:1.2em;}
.contTit_line:before {content:'';display:block;position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg, rgba(131,102,208,1) 0%, rgba(67,134,234,1) 100%);}
.contTit_s {display:block;margin:0 0 12px;font-size:22px;font-weight:700;color:#132f75;letter-spacing:-0.5px;line-height:1.6em;}
.contTit_s.Black {color:#111 !important}
.contTit_ss {display:block;margin:0 0 8px;font-size:18px;font-weight:700;color:#0f0f0f;letter-spacing:-0.5px;line-height:1.6em;}

.contTit.typeInfo {position:relative;display:inline-block;padding-right:25px;}
.contTit.typeInfo .btn_infoOpen {position:absolute;right:0;top:50%;margin-top:-10px;}
.mTit_check {display:block;margin-bottom:25px;padding-left:24px;background:url(../img/common/ico_cirCheck_b_black.png) no-repeat left top 5px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:19px;font-weight:400;line-height:1.3em;text-align:left;}

.pointExclam {display:block;margin-top:15px;color:#fe4455;}
.pointBlue {color:#4286eb;}

.telTxt {min-height:20px;padding-left:20px;background:url(../img/common/ico_tel.png) no-repeat left 0 top 4px;}
.telTxt>a {display:inline-block;vertical-align:top;}

.titS {font-weight:500;}

.info_bubble {position:absolute;right:-390px;top:-20px;display:none;width:370px;padding:20px 20px;background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);box-sizing:border-box;z-index: 10;}
.info_bubble:before {content:'';position:absolute;left:-10px;top:25px;display:block;width:10px;height:13px;background: url(../img/common/sprite_component.png) no-repeat -91px -544px;}
.info_bubble ul.list_dotBlack>li {font-size:14px}

.btn_infoOpen.on+.info_bubble {display:block;}

/* text & list*/
p.txt{font-size:16px;color:#0f0f0f;line-height:1.9em;}

p.exclam{padding-left:25px;margin-top:5px;background:url(../img/common/ico_exclam.png) no-repeat 0 4px;font-size:16px;color:#666;line-height:1.9em;letter-spacing:-0.5px;font-weight:400;}
p.exclam.Orange {position:relative;display:inline-block;color:#666;vertical-align:top;font-size:15px;background:none;}
p.exclam.Orange:before {content:'';position:absolute;left:0;top:5px;display:block;width:18px;height:18px;background: url(../img/common/sprite_component.png) no-repeat -356px -124px;
}
p.exclam.Orange .dot {position:relative;display:block;padding-left:8px;font-size:14px;color:#666;line-height:1.6em;}
p.exclam.Orange .dot+.dot {margin-top:3px;}
p.exclam.Orange .dot:before {content:'';position:absolute;left:0;top:9px;display:block;width:2px;height:2px;background:#666;border-radius:50%;}
p.exclam+p.exclam {margin-top:0;}

.urlTxt {display:inline-block;padding-right:17px;margin-right:2px;background:url(../img/common/ico_s_link.png) no-repeat right 0 top 8px;vertical-align:top;}

.list_cirBlue>li {position:relative;padding-left:18px;box-sizing:border-box;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;font-weight:500;line-height:1.9em;text-align:left;vertical-align:top;letter-spacing:-0.2px}
.list_cirBlue>li::before {content:'';display:block;position:absolute;left:1px;top:10px;width:11px;height:11px;border-radius:50%;box-sizing:border-box;border:3px solid #4286e9;background:#fff;}
.list_cirBlue>li+li {margin-top:6px}
.list_cirBlue>li>.list_dotBlack {margin-top:2px;}
.list_cirBlue>li p.txt {padding-top:2px;font-size:16px;font-weight:400;}

.list_dotBlack>li {position:relative;padding-left:9px;box-sizing:border-box;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:1.9em;text-align:left;vertical-align:top;letter-spacing:-0.2px}
.list_dotBlack>li::before {content:'';display:block;position:absolute;left:0;top:12px;width:3px;height:3px;border-radius:50%;box-sizing:border-box;background:#212121;}
.list_dotBlack>li+li {margin-top:1px;}

.list_dotBlack>li .list_lineBlack {padding-bottom:20px;}
.list_hyphen>li {position:relative;padding-left:11px;color:#555;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:1.9em;text-align:left;vertical-align:top;}
.list_hyphen>li::before {content:'';display:block;position:absolute;left:0;top:12px;width:4px;height:1px;box-sizing:border-box;background:#000;}
.list_hyphen>li+li {margin-top:4px;}

.list_lineBlack>li {position:relative;padding-left:8px;box-sizing:border-box;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:1.9em;text-align:left;vertical-align:top;letter-spacing:-0.2px}
.list_lineBlack>li::before {content:'';display:block;position:absolute;left:0;top:12px;width:5px;height:1px;box-sizing:border-box;background:#101010;}

.ol_numList>li {position:relative;padding-left:22px;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:1.9em;text-align:left;vertical-align:top;}
.ol_numList>li .numTit {margin-left:-18px;margin-bottom:5px;}
.ol_numList>li+li {margin-top:35px;}

.txtNumList>li {position:relative;padding-left:20px;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:1.9em;text-align:left;vertical-align:top;}
.txtNumList>li>.num {position:absolute;left:0;top:3px;}
.txtNumList>li+li {margin-top:4px;}

.noticeTit {display:inline-block;height:23px;padding:0px 9px;box-sizing:border-box;border:1px solid #4286ea;border-radius:15px;font-size:13px;color:#4286ea;vertical-align:top;text-align:center;line-height:23px;}

.btnTitArea {position:relative;overflow:hidden;min-height:40px;}
.btnTitArea .contTit {font-size:34px;}
.btnTitArea .btnGrp {float:right;margin-top:-60px;}

/*needs*/
.needs {display:inline-block;padding:0 0 0 17px;background:url(../img/common/ico_check_green.png) no-repeat 0 5px;color:#555;line-height:17px;letter-spacing:-1px;}
th .needs,
td .needs {font-weight:bold;color:#272727;}

/* table */
.lineTop_tbArea {overflow:auto;border-top:1px solid #080808;}
.lineTop_tbArea .lineTop_tb {max-width:none;width:calc(100% - 1px);min-width:100%;border-collapse:collapse;table-layout:fixed;border-left:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tb thead th {min-height:24px;padding:11px 5px;background:#f4f5f7;color:#222;font-weight:500;line-height:20px;letter-spacing:-0.5px;text-align:center;vertical-align:middle;font-size:16px;}
.lineTop_tbArea .lineTop_tb thead th>span {color:#222;font-weight:bold;line-height:26px;letter-spacing:-0.5px;}
.lineTop_tbArea .lineTop_tb td,
.lineTop_tbArea .lineTop_tb th {height:36px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tb tbody td {padding:11px 30px;letter-spacing:-0.5px;font-size:16px;line-height:26px;text-align:center;}
.lineTop_tbArea .lineTop_tb.txtL tbody td {text-align:left;}
.lineTop_tbArea .lineTop_tb th[rowspan],
.lineTop_tbArea .lineTop_tb td[rowspan] {border-right:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tb th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tb td[rowspan]:last-child {border-right:none;border-left:1px solid #d9d9d9;}

.lineTop_tbArea .lineTop_tb2 {max-width:none;width:calc(100% - 1px);border-collapse:collapse;table-layout:fixed;}
.lineTop_tbArea .lineTop_tb2 th,
.lineTop_tbArea .lineTop_tb2 td {height:36px;padding:0 5px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;}
.lineTop_tbArea .lineTop_tb2 thead th {min-height:24px;padding:11px 5px;background:#f4f5f7;color:#222;font-size:16px;font-weight:500;line-height:26px;letter-spacing:-0.5px;vertical-align:middle;}
.lineTop_tbArea .lineTop_tb2 thead th>span {color:#222;font-weight:bold;line-height:26px;letter-spacing:-0.5px;}
.lineTop_tbArea .lineTop_tb2 tbody th {background:#f4f5f7;font-weight:500;color:#222;letter-spacing:-0.5px;}
.lineTop_tbArea .lineTop_tb2 td:last-child,
.lineTop_tbArea .lineTop_tb2 th:last-child {border-right:0;}
.lineTop_tbArea .lineTop_tb2 td.line,
.lineTop_tbArea .lineTop_tb2 th.line {border-right:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tb2 tbody td {padding:11px 30px;letter-spacing:-0.5px;;line-height:26px;text-align:center;font-weight:400;word-break:break-all;}
.lineTop_tbArea .lineTop_tb2.txtL tbody td {text-align:left;}
.lineTop_tbArea .lineTop_tb2 th[rowspan],
.lineTop_tbArea .lineTop_tb2 td[rowspan] {border-right:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tb2 th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tb2 td[rowspan]:last-child {border-right:none;border-left:1px solid #d9d9d9;}

.lineTop_tbArea .lineTop_tbL {max-width:none;width:calc(100% - 1px);min-width:calc(100% - 1px);table-layout:fixed;border-left:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tbL td,
.lineTop_tbArea .lineTop_tbL th {height:36px;border-right:1px solid #e7e7e7;border-bottom:1px solid #d9d9d9}
.lineTop_tbArea .lineTop_tbL th {padding:11px 30px;background:#f4f5f7;font-weight:500;line-height:26px;text-align:center;letter-spacing:-0.5px;}
.lineTop_tbArea .lineTop_tbL th>span {color:#222;font-weight:bold;line-height:26px;text-align:center;letter-spacing:-0.5px;}
.lineTop_tbArea .lineTop_tbL td {padding:11px 30px;line-height:26px;letter-spacing:-0.5px;text-align:center;}
.lineTop_tbArea .lineTop_tbL.txtL tbody td {padding-left:10px;text-align:left;}
.lineTop_tbArea .lineTop_tbL th[rowspan],
.lineTop_tbArea .lineTop_tbL td[rowspan] {border-right:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tbL th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tbL td[rowspan]:last-child {border-right:none;border-left:1px solid #d9d9d9;}

.lineTop_tbArea .lineTop_tbL2 {max-width:none;width:calc(100% - 1px);table-layout:fixed;}
.lineTop_tbArea .lineTop_tbL2 tr.bg_beige th{background-color:#f5f5f5}
.lineTop_tbArea .lineTop_tbL2 td,
.lineTop_tbArea .lineTop_tbL2 th {height:36px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tbL2 td:last-child,
.lineTop_tbArea .lineTop_tbL2 th:last-child {border-right:0;}
.lineTop_tbArea .lineTop_tbL2 th {background:#f4f5f7;padding:11px 30px;color:#222;font-size:16px;font-weight:500;line-height:26px;text-align:center;letter-spacing:-0.5px;}
.lineTop_tbArea .lineTop_tbL2 th>span {color:#000;font-weight:bold;line-height:26px;text-align:center;letter-spacing:-0.5px;}
.lineTop_tbArea .lineTop_tbL2 td {padding:11px 30px;font-size:16px;line-height:24px;letter-spacing:-0.5px;text-align:center;}
.lineTop_tbArea .lineTop_tbL2.txtL tbody td {padding-left:10px;text-align:left;}
.lineTop_tbArea .lineTop_tbL2 th[rowspan],
.lineTop_tbArea .lineTop_tbL2 td[rowspan] {border-right:1px solid #d9d9d9;}
.lineTop_tbArea .lineTop_tbL2 th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tbL2 td[rowspan]:last-child {border-right:none;border-left:1px solid #d9d9d9;}

.lineTop_tbArea .lineTop_tb tbody td .inp_c.only {margin-left:-12px;}
.lineTop_tbArea .lineTop_tb2 tbody td .inp_c.only {margin-left:-12px;}

.limit {overflow-x:hidden;overflow-y:auto;}

/* 에러페이지 */
.conts_error {width:100%;height:100%;margin-top:100px;max-width:100%;max-height:100%;background:#fff;}
.conts_error.typeFull {position:fixed;left:0;top:0;z-index:9999;margin-top:0;}
.conts_error .errorBox {position:relative;left:50%;width:720px;box-sizing:border-box;padding-top:140px;background:#fff url(../img/common/ico_errorMark.png) no-repeat 50% 0px;transform:translateX(-50%);}
.conts_error.typeFull .errorBox {top:50%;transform:translate(-50%, -50%);}
.conts_error .errorBox strong {display:block;overflow:hidden;width:80%;margin:0 auto 17px;color:#0f0f0f;font-family:'Noto Sans KR';font-size:30px;font-weight:400;line-height:40px;text-align:center;letter-spacing:-0.2px;}
.conts_error .errorBox p {display:block;overflow:hidden;width:80%;margin:0 auto 45px;color:#666;font-size:16px;line-height:27px;text-align:center;}
.conts_error .errorBox .btn_area {border-top:1px solid #ddd;padding-top:40px;text-align:center;font-size:0;;}
.conts_error .errorBox .btn_area>.btnC {min-width:135px;}
.conts_error .errorBox .btn_area>.btnC+.btnC {margin-left:10px;}
.conts_error .errorBox.type2 {max-width:820px;width:100%;background-image:url(../img/common/ico_errorMark2.png);}
.conts_error .info {padding:20px 15px 20px 23px;margin:0 20px;background:#f2f3f5;color:#666;letter-spacing:-0.2px;}
.conts_error .info>b {display:block;margin-bottom:3px;color:#0f0f0f;font-weight:500;}
.conts_error .info>b:nth-child(n+2) {margin-top:3px;}
.conts_error .info>span {display:inline-block;vertical-align:top;}
.noCont_msg{width:100%;min-height:220px;border:1px solid #d9d9d9;box-sizing:border-box;text-align:center;font-size:0;margin-top:50px;}
.noCont_msg > img{display:inline-block;margin-bottom:30px;margin-top:50px;}
.noCont_msg > p{font-size:32px;letter-spacing:-1px;line-height:1em;font-weight:500;}

.icoLineBox.noArticle {margin-bottom:0;padding-top:35px;padding-bottom:35px;background-position:left 39px top 50%;}
.icoLineBox.noArticle p.txt {font-size:17px;}
.icoLineBox.noArticle p.txt br {display:none;}
.icoLineBox .btn_original {position: relative;display: inline-block;overflow: hidden;width: 83px;height: 30px;margin-left:10px;margin-right:5px;box-sizing: border-box;padding-right: 15px;border: 1px solid #000;border-radius: 2px;color: #0f0f0f;font-family: 'Roboto','Noto Sans KR',sans-serif;font-size: 13px;font-weight: 400;line-height: 30px;text-align: center;vertical-align: top;transition: 0.2s;}
.icoLineBox .btn_original:before {content: '';position: absolute;right: 10px;top: 50%;display: block;width: 5px;height: 9px;margin-top: -4.5px;background: url(../img/common/sprite_component.png) no-repeat -313px -424px;transition: none;}

/* snb */
#snb {position:relative;height:121px;background:linear-gradient(90deg, #8568ce 50%, #427fd9 50%);z-index:0;}
#snb::before {content:'';display:block;position:absolute;left:50%;top:0;width:1920px;height:121px;margin-left:-960px;background:url(../img/common/snb_bg.png) no-repeat center;background-size:auto 121px;z-index:0;}
#snb .snb_wrap {display:block;position:relative;overflow:hidden;width:100%;max-width:1500px;height:121px;margin:0 auto;box-sizing:border-box;padding:0 30px;z-index:1;}
#snb .snb_mem {display:inline-block;float:left;vertical-align:top;}
#snb .snb_mem>div {display:table-cell;height:121px;font-size:0;text-align:left;vertical-align:middle;}
#snb .snb_mem .name {display:inline-block;margin-right:9px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:32px;font-weight:500;line-height:42px;vertical-align:middle;}
#snb .snb_mem .name>em {display:inline-block;font-style:normal;font-size:18px;font-weight:400;}
#snb .snb_mem .level {display:inline-block;overflow:hidden;height:23px;box-sizing:border-box;padding:0 11px;border:1px solid #fff;border-radius:12px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:24px;vertical-align:middle;}
#snb .snb_memInfo {float:right;overflow:hidden;padding:38px 0;}
#snb .snb_memInfo>li {float:left;height:45px;box-sizing:border-box;padding:0 59px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:20px;}
#snb .snb_memInfo>li+li {border-left:1px solid rgba(255,255,255,0.2);}
#snb .snb_memInfo>li b {display:block;margin-bottom:12px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:17px;}

#snb_board {position:relative;height:59px;border-bottom:1px solid #ededed;background:#fff;}
#snb_board .snb_wrap {display:block;position:relative;overflow:hidden;width:100%;max-width:1500px;height:59px;margin:0 auto;box-sizing:border-box;padding:0 30px;z-index:1;}
#snb_board .snb_bookmark {float:left;width:60%;max-width:630px;height:29px;padding:15px 0;text-align:left;}
#snb_board .snb_bookmark>strong {display:block;float:left;width:72px;margin-right:19px;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:500;line-height:29px;vertical-align:top;}
#snb_board .snb_bookmark .list {float:left;width:calc(100% - 91px);padding:0 18px;vertical-align:top;}
#snb_board .snb_bookmark .list .unit {padding:0 2px;}
#snb_board .snb_bookmark .list .unit a {display:block;overflow:hidden;text-overflow:ellipsis;max-width:145px;height:29px;box-sizing:border-box;padding:0 14px;border-radius:15px;background:#f2f2f2;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:30px;}
#snb_board .snb_bookmark .slick-arrow {display:block;position:absolute;top:50%;overflow:hidden;width:8px;height:13px;margin-top:-7px;text-indent:-999px;}
#snb_board .snb_bookmark .slick-prev {left:0;background:url(../img/common/sprite_component.png) no-repeat -430px -114px;}
#snb_board .snb_bookmark .slick-next {right:0;background:url(../img/common/sprite_component.png) no-repeat -430px -147px;}
#snb_board .snb_nav {float:right;overflow:hidden;padding-top:22px;}
#snb_board .snb_nav>a {display:block;float:left;overflow:hidden;width:16px;height:15px;background:url(../img/common/nav_home.png) no-repeat center;text-indent:-999px;}
#snb_board .snb_nav>ul {float:left;overflow:hidden;white-space:nowrap;}
#snb_board .snb_nav>ul>li {float:left;padding-left:30px;background:url(../img/common/nav_arrR.png) no-repeat left 12px center;}
#snb_board .snb_nav>ul>li>a {display:block;overflow:hidden;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:17px;}
#snb_board .snb_nav>ul>li>span {display:block;overflow:hidden;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:17px;}
#snb_board .snb_nav>ul>li:last-child>a {color:#000;font-weight:500;}
#snb_board .snb_nav>ul>li:last-child>span {color:#000;font-weight:500;}

#snb_totalSearch {position:relative;height:164px;background:linear-gradient(90deg, #8568ce 50%, #427fd9 50%);z-index:0;}
#snb_totalSearch::before {content:'';display:block;position:absolute;left:50%;top:0;width:1920px;height:164px;margin-left:-960px;background:url(../img/common/snb_bg.png) no-repeat center;background-size:auto 164px;z-index:0;}

/* pnb */
#pnb {position:relative;width:100%;min-height:42px;margin-bottom:20px;box-sizing:border-box;padding:0 200px 0 0;z-index:200;}
#pnb .pnb_menu {display:inline-block;vertical-align:top;}
#pnb .pnb_menu .pnbTit,
#pnb .pnb_menu .pnbList .btnTit {display:inline-block;overflow:hidden;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:32px;font-weight:700;line-height:42px;vertical-align:top;text-align:left;}
#pnb .pnb_menu .pnbList .menu {display:inline-block;margin-right:10px;position:relative;vertical-align:top;}
#pnb .pnb_menu .pnbList .menu .btnTit {position:relative;padding-right:36px;}
#pnb .pnb_menu .pnbList .menu .btnTit:before {content:'';position:absolute;right:2px;top:50%;display:block;width:26px;height:26px;margin-top:-13px;background: url(../img/common/sprite_component.png) no-repeat -245px -380px;}
#pnb .pnb_menu .pnbList .menu .btnTit:hover:before {background-position:-259px -161px}
#pnb .pnb_menu .pnbList.on .menu .btnTit:before {background-position:-259px -207px;}
#pnb .pnb_menu .pnbList .menu>ul {display:none;position:absolute;left:0;top:47px;min-width:200px;max-width:360px;box-sizing:border-box;padding:24px 20px 5px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 5px 15px -10px rgba(0,0,0,0.5);}
#pnb .pnb_menu .pnbList .menu>ul>li {margin-bottom:17px;font-size:0;text-align:left;}
#pnb .pnb_menu .pnbList .menu>ul>li>a {display:inline-block;overflow:hidden;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;vertical-align:top;transition:0.2s;}
#pnb .pnb_menu .pnbList .menu>ul>li>a:hover {color:#4286ea;text-decoration:underline;}
#pnb .pnb_menu .pnbList .menu_txt {display:inline-table;}
#pnb .pnb_menu .pnbList .menu_txt>span {display:table-cell;height:42px;padding-left:10px;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;text-align:left;vertical-align:bottom;}
#pnb .pnb_func {position:absolute;right:0;top:5px;width:200px;height:33px;font-size:0;text-align:right;z-index:1;}
#pnb .pnb_func>button {display:inline-block;overflow:hidden;width:33px;height:33px;margin-left:8px;box-sizing:border-box;;text-indent:-999px;vertical-align:top;transition:none;}
#pnb .pnb_func .btn_copy {background-image:url(../img/common/func_cirCopy.png);}
#pnb .pnb_func .btn_down {background-image:url(../img/common/func_cirFileDown.png);}
#pnb .pnb_func .btn_print {background:url(../img/common/sprite_component.png) no-repeat -63px -206px}
#pnb .pnb_func .btn_share {background:url(../img/common/sprite_component.png) no-repeat -169px -206px}
#pnb .pnb_func .btn_bookmark {background:url(../img/common/sprite_component.png) no-repeat -70px -146px}
#pnb .pnb_func .btn_bookmark.on {background-position:-123px -146px;}
#pnb .pnb_func .btn_copy:hover {background-image:url(../img/common/func_cirCopy_on.png);}
#pnb .pnb_func .btn_down:hover {background-image:url(../img/common/func_cirFileDown_on.png);}
#pnb .pnb_func .btn_bookmark:hover {background-position:-123px -146px;}
#pnb .pnb_func .btn_print:hover {background:url(../img/common/sprite_component.png) no-repeat -116px -206px;}
#pnb .pnb_func .btn_share:hover,
#pnb .pnb_func .btn_share.on {background-position:-259px -10px;}
#pnb .pnb_func .shareBox {display:none;position:absolute;right:0;top:45px;width:360px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 5px 15px -10px rgba(0,0,0,0.5);}
#pnb .pnb_func .shareBox.on {display:block;}
#pnb .pnb_func .shareBox .shareBox_wrap {position:relative;padding:20px 10px 10px;}
#pnb .pnb_func .shareBox .btn_close {display:block;position:absolute;right:20px;top:13px;overflow:hidden;width:13px;height:13px;background:url(../img/common/sprite_component.png) no-repeat -145px -383px;text-indent:-999px;}
#pnb .pnb_func .shareBox strong {display:block;margin-bottom:18px;padding:0 15px 0 10px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:500;line-height:19px;text-align:left;}
#pnb .pnb_func .shareBox ul {overflow:hidden;}
#pnb .pnb_func .shareBox ul>li {float:left;width:25%;margin-bottom:10px;padding:0 10px;box-sizing:border-box;font-size:0;}
#pnb .pnb_func .shareBox ul>li>a {display:inline-block;min-width:48px;min-height:48px;box-sizing:border-box;padding-top:55px;background-repeat:no-repeat;background-position:center top;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:17px;letter-spacing:-0.5px;vertical-align:top;white-space:nowrap;text-align:center;}
#pnb .pnb_func .shareBox ul>li.etc {float:none;width:100% !important;}
#pnb .pnb_func .shareBox ul>li.etc input {float:left;width:calc(100% - 76px);height:30px;box-sizing:border-box;padding:0 10px;border:1px solid #d9d9d9;border-right:none;background:#fafafa;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:30px;}
#pnb .pnb_func .shareBox ul>li.etc .btn_urlCopy {display:block;float:left;width:76px;height:30px;box-sizing:border-box;border:1px solid #ccc;background:#fff;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:30px;text-align:center;}
#pnb .pnb_func .shareBox ul>li>a {position:relative;}
#pnb .pnb_func .shareBox ul>li>a:before {content:'';position:absolute;left:50%;top:0px;display:block;width:48px;height:48px;margin-left:-24px;background: url(../img/common/sprite_component.png) no-repeat -10px -10px;}
#pnb .pnb_func .shareBox .btn_facebook:before {background-position:-10px -10px;}
#pnb .pnb_func .shareBox .btn_twitter:before {background-position:-78px -78px;}
#pnb .pnb_func .shareBox .btn_kakaotalk:before {background-position: -78px -10px;}
#pnb .pnb_func .shareBox .btn_nBlog:before {background-position:-10px -78px;}
#pnb .link {position:relative;display:inline-block;margin-top:10px;font-size:0;vertical-align:top;z-index:2;}
#pnb .link img {margin-right:6px;vertical-align:top;}
#pnb .link img+img {margin-left:5px;}
#pnb .link .btn_shortcut {display:inline-block;overflow:hidden;padding-right:25px;background:url(../img/board/ico_shortcut_cirGray.png) no-repeat right 0 center;}

#pnb .pnb_nav {display:inline-block;margin-right:20px;vertical-align:top;}
#pnb .pnb_nav>a {display:block;float:left;overflow:hidden;width:16px;height:15px;margin-top:13px;background:url(../img/common/sprite_component.png) no-repeat -394px -45px;text-indent:-999px;}
#pnb .pnb_nav>ul {float:left;white-space:nowrap;}
#pnb .pnb_nav>ul>li {float:left;padding-left:30px;background:url(../img/common/nav_arrR.png) no-repeat left 12px center;}
#pnb .pnb_nav>ul>li>a {display:block;overflow:hidden;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:42px;letter-spacing:-.5px;}
#pnb .pnb_nav>ul>li>span {display:block;overflow:hidden;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:42px;letter-spacing:-.5px;}
#pnb .pnb_nav>ul>li:last-child>a {color:#0f0f0f;}
#pnb .pnb_nav>ul>li:last-child>span {color:#0f0f0f;}

#pnb .pnb_nav .pnbTit,
#pnb .pnb_nav .navList .btnTit {display:inline-block;overflow:hidden;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;vertical-align:top;text-align:left;font-weight:400;line-height:42px;letter-spacing:-.5px;}
#pnb .pnb_nav .navList .menu {display:inline-block;position:relative;vertical-align:top;}
#pnb .pnb_nav .navList .menu>ul {display:none;position:absolute;left:0;top:47px;min-width:200px;max-width:360px;box-sizing:border-box;padding:24px 20px 5px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 5px 15px -10px rgba(0,0,0,0.5);}
#pnb .pnb_nav .navList .menu>ul>li {margin-bottom:17px;font-size:0;text-align:left;}
#pnb .pnb_nav .navList .menu>ul>li>a {display:inline-block;overflow:hidden;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;vertical-align:top;transition:0.2s;}
#pnb .pnb_nav .navList .menu>ul>li>a:hover {color:#4286ea;text-decoration:underline;}


/*사이트맵*/
.sitemapBox {position:fixed;right:-1090px;top:0;display:none;width:100%;max-width:1080px;height:100%;z-index:1200;}
.sitemapBox.on {display:block;right:0;}
.sitemapBox .sitemap_wrap {position:relative;box-sizing:border-box;background:#fff;}
.sitemapBox .btn_close {display:block;position:absolute;right:40px;top:25px;overflow:hidden;width:29px;height:29px;background:url(../img/common/sprite_component.png) no-repeat  -259px -63px;text-indent:-999px;}
.sitemapBox .box_tit {display:block;overflow:hidden;height:76px;box-sizing:border-box;padding:0 100px 0 40px;background:linear-gradient(90deg, #8568ce 30%, #427fd9 70%);color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:30px;font-weight:700;line-height:76px;}
.sitemapBox .box_ct {overflow:hidden;box-sizing:border-box;padding:56px 70px;}
.sitemapBox .map_gnb {overflow:hidden;margin-bottom:30px;margin-top:-20px;}
.sitemapBox .map_gnb>li {float:left;width:20%;margin-top:20px;}
.sitemapBox .map_gnb>li>a {display:inline-block;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:30px;font-weight:700;line-height:40px;vertical-align:top;transition:.2s all;}
.sitemapBox .map_gnb>li>a:hover {color:#1c75f7;}
.sitemapBox .map_gnb>li>a.on {color:#1c75f7;}
.sitemapBox .map_nav {overflow-x:hidden;overflow-y:auto;}
.sitemapBox #sitemap {overflow:hidden;}
.sitemapBox #sitemap>li {width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
.sitemapBox #sitemap>li:last-child {margin:0;padding:0;border-bottom:none;}
.sitemapBox #sitemap .menuM {font-size:0;}
.sitemapBox #sitemap .menuM>li {display:inline-table;width:20%;vertical-align:top;}
.sitemapBox #sitemap .menuM>li:nth-child(n+6) {margin-top:30px;}
.sitemapBox #sitemap .menuM>li>a {display:inline-block;margin-bottom:24px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;line-height:22px;vertical-align:top;transition:.3s all;}
.sitemapBox #sitemap .menuM.menuStep>li>a {color:#146ff5;transition:.2s all;}
.sitemapBox #sitemap .menuM.menuStep>li>a:hover {font-weight:700}
.sitemapBox #sitemap .menuS>li {position:relative;padding-left:10px;}
.sitemapBox #sitemap .menuS>li::before {content:'';display:block;position:absolute;left:0;top:7px;overflow:hidden;width:3px;height:3px;box-sizing:border-box;border-radius:50%;background:#000;}
.sitemapBox #sitemap .menuS>li>a {display:inline-block;margin-bottom:17px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;line-height:19px;vertical-align:top;transition:.2s all;}
.sitemapBox #sitemap .menuS>li>a:hover {font-weight:700}
.sitemapBox #sitemap .menuSS {padding-bottom:6px;}
.sitemapBox #sitemap .menuSS>li {position:relative;margin-bottom:1px;padding-left:7px;}
.sitemapBox #sitemap .menuSS>li::before {content:'';display:block;position:absolute;left:0;top:9px;overflow:hidden;width:4px;height:1px;box-sizing:border-box;background:#929292;}
.sitemapBox #sitemap .menuSS>li>a {display:inline-block;margin-bottom:1px;color:#888;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;line-height:16px;vertical-align:top;transition:.2s all;}
.sitemapBox #sitemap .menuSS>li>a:hover {font-weight:700;}
.sitemapBox #sitemap a:hover {text-decoration:underline;}
.sitemapBox.off {animation:siteBoxAni_off 0.2s forwards ease-out;}
.sitemapBox.on {animation:siteBoxAni_on 0.4s forwards ease-out;}

.sitemapBox_reN {position:fixed;right:-910px;top:0;display:none;width:100%;max-width:900px;height:100%;z-index:3000;background:#fff;}
.sitemapBox_reN.on {display:block;right:0;}
.sitemapBox_reN .sitemap_wrap {position:relative;box-sizing:border-box;background:#fff;}
.sitemapBox_reN .btn_close {display:block;position:absolute;right:40px;top:25px;overflow:hidden;width:29px;height:29px;background:url(../../www/img/layout/reN/layout_sprite.png) no-repeat -304px -505px;}
.sitemapBox_reN .box_tit {display:block;overflow:hidden;height:76px;box-sizing:border-box;padding:0 100px 0 40px;background:linear-gradient(90deg, #8568ce 30%, #427fd9 70%);color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:30px;font-weight:700;line-height:76px;}
.sitemapBox_reN .box_ct {overflow:hidden;box-sizing:border-box;}
.sitemapBox_reN .map_nav {max-height:calc(100vh - 100px);overflow-y:auto;}
.sitemapBox_reN .map_gnb {width:100%;height:80px;padding:0px 50px;box-sizing:border-box;background:linear-gradient(90deg, #8568ce 30%, #427fd9 70%);font-size:0;}
.sitemapBox_reN .map_gnb>li {position:relative;display:inline-block;height:100%;padding:25px 0;box-sizing:border-box;vertical-align:top;}
.sitemapBox_reN .map_gnb>li>a {position:relative;display:block;height:100%;font-size:22px;color:rgba(255,255,255,0.6);font-weight:500;transition:.2s all;}
.sitemapBox_reN .map_gnb>li>a.on:before {content:'';display:block;position:absolute;left: 50%;margin-left: -7.5px;bottom: -25px;width: 0;height: 0;border-style: solid;border-width: 0 7.5px 8px 7.5px;border-color: transparent transparent #ffffff transparent;}
.sitemapBox_reN .map_gnb>li>a:hover,
.sitemapBox_reN .map_gnb>li>a.on  {color:#fff;}
.sitemapBox_reN .map_gnb>li+li {margin-left:70px;}
.sitemapBox_reN #sitemap {position:relative;margin-top:-10px;}
.sitemapBox_reN #sitemap>li {position:relative;}
.sitemapBox_reN #sitemap>li>a {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)}
.sitemapBox_reN #sitemap .menuM>li {margin-top:10px;}
.sitemapBox_reN #sitemap .menuM>li>a {display:block;width:100%;padding:10px 50px;background:#eff6fd;box-sizing:border-box;font-size:18px;font-weight:700;color:#222;}
.sitemapBox_reN #sitemap .menuS {margin-top:-25px;padding:30px 50px;font-size:0;}
.sitemapBox_reN #sitemap .menuS>li {display:inline-block;width:25%;margin-top:25px;vertical-align:top;}
.sitemapBox_reN #sitemap .menuS>li>a {font-size:17px;color:#222;font-weight:500;transition:.2s all;}
.sitemapBox_reN #sitemap .menuS>li>a:hover {color:#4286eb;}
.sitemapBox_reN #sitemap .menuSS {margin-top:5px;}
.sitemapBox_reN #sitemap .menuSS>li>a {position:relative;padding-left:8px;color:#777;transition:.2s all;}
.sitemapBox_reN #sitemap .menuSS>li>a:hover {color:#4286eb}
.sitemapBox_reN #sitemap .menuSS>li>a:before  {content:'';position:absolute;left:0;top:7px;display:block;width:2px;height:2px;background:#777;transition:.2s all;}
.sitemapBox_reN #sitemap .menuSS>li>a:hover:before  {background:#4286eb}
.sitemapBox_reN #sitemap .menuSS>li+li {margin-top:9px;}
.sitemapBox_reN .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px;}
.sitemapBox_reN .mCSB_scrollTools .mCSB_draggerContainer {margin:10px 0;}
.sitemapBox_reN .mCSB_inside > .mCSB_container {margin-right:0;}
.sitemapBox_reN .mCSB_scrollTools .mCSB_draggerRail {opacity:0;}
.sitemapBox_reN.off {animation:siteBoxAni_off 0.2s forwards ease-out;}
.sitemapBox_reN.on {animation:siteBoxAni_on 0.4s forwards ease-out;}


@keyframes siteBoxAni_on {
    0% {
        right:-1090px;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
    100% {
        right:0;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
}
@keyframes siteBoxAni_off {
    0% {
        right:0;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
    100% {
        right:-1090px;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
}

.sitemapBox .mCSB_scrollTools .mCSB_draggerContainer::before {content:'';display:block;position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:rgba(220,220,220,0.4);}
.sitemapBox .mCSB_scrollTools .mCSB_draggerRail {background:rgba(220,220,220,0);}

/* 컨텐츠 하단 */
.pageBtm_bnr {display:block;position:relative;margin:80px auto 40px;box-sizing:border-box;}
.pageBtm_bnr .bnrArea {font-size:0;}
.pageBtm_bnr .bnrArea+.bnrArea {margin-top:40px;}
.pageBtm_bnr .bnrArea .item {display:inline-block;max-height:260px;vertical-align:top;font-size:0;}
.pageBtm_bnr .bnrArea.type1 .item {width:100%;}
.pageBtm_bnr .bnrArea.type2,
.pageBtm_bnr .bnrArea.type3 {width:calc(100% + 40px);margin-left:-40px;}
.pageBtm_bnr .bnrArea.type2 .item {width:calc(50% - 40px);margin-left:40px;}
.pageBtm_bnr .bnrArea.type3 .item {width:calc(33.333% - 40px);margin-left:40px;}

/* 사이트맵 (페이지) */
.sitemapArea {position:relative;padding-top:30px;}
.sitemapArea .mCSB_scrollTools .mCSB_draggerRail {background:#fff;}
.sitemapArea.on {right:0;}
.sitemapArea .sitemap_wrap {position:relative;box-sizing:border-box;background:#fff;}
.sitemapArea .btn_close {display:block;position:absolute;right:40px;top:25px;overflow:hidden;width:29px;height:29px;background:url(../img/common/sitemapArea_close.png) no-repeat center;text-indent:-999px;}
.sitemapArea .box_tit {display:block;overflow:hidden;height:76px;box-sizing:border-box;padding:0 100px 0 40px;background:linear-gradient(90deg, #8568ce 30%, #427fd9 70%);color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:30px;font-weight:700;line-height:76px;}
.sitemapArea .map_gnb {overflow:hidden;margin-bottom:30px;margin-top:-20px;}
.sitemapArea .map_gnb>li {float:left;width:25%;margin-top:20px;}
.sitemapArea .map_gnb>li>a {display:inline-block;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:30px;font-weight:700;line-height:40px;vertical-align:top;}
.sitemapArea .map_gnb>li>a.on {color:#1c75f7;}
.sitemapArea .map_nav {overflow-x:hidden;overflow-y:auto;}
.sitemapArea #sitemap {overflow:hidden;}
.sitemapArea #sitemap>li {width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
.sitemapArea #sitemap>li:last-child {margin:0;padding:0;border-bottom:none;}
.sitemapArea #sitemap .menuM {font-size:0;}
.sitemapArea #sitemap .menuM>li {display:inline-table;width:20%;vertical-align:top;}
.sitemapArea #sitemap .menuM>li>a {display:inline-block;margin-bottom:24px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;line-height:22px;vertical-align:top;}
.sitemapArea #sitemap .menuM.menuStep>li>a {color:#146ff5;}
.sitemapArea #sitemap .menuS>li {position:relative;padding-left:10px;}
.sitemapArea #sitemap .menuS>li::before {content:'';display:block;position:absolute;left:0;top:7px;overflow:hidden;width:3px;height:3px;box-sizing:border-box;border-radius:50%;background:#000;}
.sitemapArea #sitemap .menuS>li>a {display:inline-block;margin-bottom:17px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;line-height:19px;vertical-align:top;}
.sitemapArea #sitemap .menuSS {padding-bottom:6px;}
.sitemapArea #sitemap .menuSS>li {position:relative;margin-bottom:1px;padding-left:7px;}
.sitemapArea #sitemap .menuSS>li::before {content:'';display:block;position:absolute;left:0;top:9px;overflow:hidden;width:4px;height:1px;box-sizing:border-box;background:#929292;}
.sitemapArea #sitemap .menuSS>li>a {display:inline-block;margin-bottom:1px;color:#888;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;line-height:16px;vertical-align:top;}
.sitemapArea #sitemap a:hover {text-decoration:underline;}

/*로그인*/
.login{max-width:450px;padding-top:30px;width:100%;margin:0 auto;}
.login .loginTit {display:block;font-size:42px;font-weight:700;letter-spacing:-1.5px;color:#0f0f0f;text-align:center;}
.login .info {position:relative;font-size:0;padding-top:13px;font-size:15px;color:#666;text-align:center;}
.login .loginFid{width:100%;max-width:450px;margin:0 auto;font-size:0;padding:25px 0 25px 0;}
.login .loginFid+.loginFid {padding-top:0;}
.login .loginFid .label {margin-bottom:10px;font-weight:500;}
.loginFid .inp_t {height:48px;}
.login .linkGrp {width:100%;height:auto;margin-top:20px;font-size:0;text-align:center;}
.login .linkGrp li {display:inline-block;vertical-align:middle;position:relative;}
.login .linkGrp li::before {position:absolute;top:4px;right:0;content:"";display:block;width:1px;height:17px;background-color:#d9d9d9;}
.login .linkGrp li:last-of-type::before {display:none;}
.login .linkGrp li a {padding:0 23px;text-decoration:underline;text-underline-position:under;line-height:1em;}
.login .lineInfo  {margin-top:35px;padding-top:25px;border-top:1px solid #d9d9d9;font-size:15px;color:#666;text-align:center;}
.login .btnC.Blue {width:100%;margin-top:5px;}

/* 로그아웃 팝업 */
#pop_logout {width:90%;max-width:500px;height:90%;max-height:380px;background:#fff;-webkit-font-smoothing:subpixel-antialiased;}
#pop_logout .logout>p {padding-top:90px;background:url(../img/common/ico_logout.png) no-repeat left 50% top 0;font-size:26px;line-height:1.4em;text-align:center;}
#pop_logout .logout>strong {display:block;font-size:32px;font-weight:500;text-align:center;color:#4286ea;letter-spacing:-1px;line-height:44px;}
#pop_logout.popLayout .btnArea {padding-top:30px !important;}

/* 용어사전 팝업 */
#pop_investGlossary {width:90%;max-width:1000px;max-height:90%;background:#fff;}
#pop_investGlossary .popInner.limit {max-height:600px;}
#pop_investGlossary .lineTop_tbArea .lineTop_tb2 {min-width:700px !important;}

/*검색조건*/
.searchOptBox {position:relative;margin-bottom:60px;background:#fff;}
.searchOptBox .searchOpt_wrap {margin-bottom:22px;box-sizing:border-box;padding:0 40px;border-bottom:1px solid #74acff;}
.searchOptBox .searchOpt {display:block;margin-bottom:25px;padding-top:10px;}
.searchOptBox .searchOpt>form>ul>li {padding:20px 0 10px;font-size:0;text-align:center;}
.searchOptBox .searchOpt>ul>li {padding:20px 0 10px;font-size:0;text-align:center;}
.searchOptBox .searchOpt>ul>li+li {border-top:1px solid #e0e1e3;}
.searchOptBox .searchOpt .optGrp {display:inline-block;position:relative;width:100%;box-sizing:border-box;padding:0 10px;vertical-align:top;}
.searchOptBox .searchOpt .optGrp>.sort {display:block;position:absolute;left:0;top:10px;width:30px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:20px;text-align:left}
.searchOptBox .searchOpt .optGrp>.opt {display:block;text-align:left;vertical-align:middle;}
.searchOptBox .searchOpt .btn {padding-top:10px;text-align:center;font-size:0;}
.searchOptBox .searchOpt .btn a+a {margin-left:7px;}
.searchOptBox .searchOpt>ul>li.typeHalf {text-align:left;}
.searchOptBox .searchOpt>ul>li.typeHalf .optGrp {width:calc(50% - 20px);}
.searchOptBox .searchOpt>ul>li.typeHalf .optGrp+.optGrp {margin-left:40px;}
.searchOptBox .searchOpt>ul>li.typeHalf .optSearch {width:100%;margin-left:0;}
.searchOptBox .searchOpt>ul>li.typeHalf .optGrp+.optSearch {width:calc(50% - 20px);margin-left:40px;}
.searchOptBox .searchOpt>ul>li.typeHalf2 {text-align:left;}
.searchOptBox .searchOpt>ul>li.typeHalf2 .optGrp {width:calc(30% - 20px);}
.searchOptBox .searchOpt>ul>li.typeHalf2 .optGrp+.optGrp {width:calc(70% - 20px);margin-left:40px;}
.searchOptBox .searchOpt>ul>li.typeHalf2 .optSearch {width:100%;margin-left:0;}
.searchOptBox .searchOpt>ul>li.typeHalf2 .typeFindCode2 {max-width:100%;}
.searchOptBox .searchOpt>ul>li.typeHalf2 .optGrp+.optSearch {width:calc(70% - 20px);margin-left:40px;}
.searchOptBox .searchOpt>ul>li.typeHalf2 .optCode {width:100%;margin-left:0;}
.searchOptBox .searchOpt>ul>li.typeHalf2 .optGrp+.optCode {width:calc(70% - 20px);margin-left:40px;}

.searchOptBox .searchOpt>ul>li.typeHalf3 .optGrp {width:calc(50% - 20px);}
.searchOptBox .searchOpt>ul>li.typeHalf3 .optGrp+.optGrp {margin-left:40px;}
.searchOptBox .searchOpt>ul>li.typeHalf3 .optSetDate {font-size:0;}
.searchOptBox .searchOpt>ul>li.typeHalf3 .optSetDate .inp_t {width:45%}
.searchOptBox .searchOpt>ul>li.typeHalf3 .optSetDate .picker_txt {padding-left: 6px;width: 30px;text-align:center;font-size:16px;}
.searchOptBox .searchOpt>ul>li.typeTriple {text-align:left;}
.searchOptBox .searchOpt>ul>li.typeTriple .optGrp {width: 380px;}
.searchOptBox .searchOpt>ul>li.typeTriple .optGrp+.optGrp {width:calc(100% - 710px);margin-right:20px;}
.searchOptBox .searchOpt>ul>li.typeTriple .optGrp+.optGrp+.optGrp {width:280px;}
.searchOptBox .searchOpt>ul>li.typeTriple2 {text-align:left;}
.searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp {width: 380px;margin-right:20px;}
.searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp+.optGrp {width:280px;margin-right:20px;}
.searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp+.optGrp+.optGrp {width:calc(100% - 710px);margin-right:0;}

.searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp {width:calc(50% - 20px);}
.searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp+.optGrp {margin-left:40px;}
.searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp+.optGrp .opt {font-size:0;}
.searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp+.optGrp .opt select {width:calc(50% - 5px);}
.searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp+.optGrp .opt select+select {margin-left:10px;}



.searchOptBox .searchOpt>ul>li.typeTriple3 .optGrp {width: 380px;margin-right:20px;}
.searchOptBox .searchOpt>ul>li.typeTriple3 .optGrp+.optGrp {width:calc(100% - 780px);margin-right:20px;}
.searchOptBox .searchOpt>ul>li.typeTriple3 .optGrp+.optGrp+.optGrp {width:350px;margin-right:0;}

.searchOptBox .searchOpt .txtArea {padding-bottom:14px;}
.searchOptBox .T4 .optSetDate {margin-left:55px;}
 
.searchOptBox.on .searchOpt_wrap {border-bottom:1px solid #fff;}
.searchOptBox.on .searchOpt_wrap {background:#f2f3f5;}
.searchOptBox .boxBtn {position:relative;height:45px;margin-bottom:-46px;;transition:0.2s all;font-size:0;text-align:center;}
.searchOptBox .searchOpt+.boxBtn {margin-bottom:-23px;}
.searchOptBox .boxBtn>button {position:relative;display:inline-block;width:100%;max-width:220px;height:45px;box-sizing:border-box;padding:0 20px;border:1px solid #74acff;border-radius:23px;background:#fff;font-size:0;text-align:center;vertical-align:top;transition:0.2s;z-index:1;}
.searchOptBox .boxBtn>button:hover {background:#4286ea;}
.searchOptBox .boxBtn>button>span {display:inline-block;overflow:hidden;padding-right:20px;background:url(../img/common/ico_arrB_s_blue.png) no-repeat right center;color:#4286ea;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:46px;}
.searchOptBox .boxBtn>button:hover>span {color:#fff;}
.searchOptBox .boxBtn .btn_optBoxOpen>span {background-image:url(../img/common/ico_arrB_s_blue.png) !important;}
.searchOptBox .boxBtn .btn_optBoxOpen:hover>span {background-image:url(../img/common/ico_arrB_s_white.png) !important;}
.searchOptBox .boxBtn .btn_optBoxClose>span {background-image:url(../img/common/ico_arrT_s_black.png) !important;}
.searchOptBox .boxBtn .btn_optBoxClose {display:none;}
.searchOptBox.on .boxBtn .btn_optBoxOpen {display:none;}
.searchOptBox.on .boxBtn .btn_optBoxClose {display:inline-block;border:1px solid #ddd;}
.searchOptBox.on .boxBtn>button:hover {background:#ddd;}
.searchOptBox.on .boxBtn .btn_optBoxClose>span {color:#000;}
.searchOptBox.typeNoBtn .searchOpt {margin-bottom:20px;}

.searchOptBox .inp_s,
.searchOptBox .inp_t,
.searchOptBox .inp_area {margin-bottom:10px;}
.searchOptBox .radioNcheck {font-size:0;text-align:left;}
.searchOptBox .radioNcheck>li {display:inline-block;margin:0 10px 0 0;vertical-align:top;}
.searchOptBox .inp_r,
.searchOptBox .inp_c {margin:7px 0;vertical-align:top;}
.searchOptBox .inp_r>label,
.searchOptBox .inp_c>label {white-space:nowrap;}
.compare_Btn{display:inline-block;padding:0 15px;border:1px solid #111111;box-sizing:border-box;border-radius:3px;}
.compare_Btn>span{display:block;height:38px;padding-right:35px;font-size:15px;line-height:40px;color:#111;background:url(../../common/img/common/icon_compare_Btn.png) no-repeat right center;}
.searchOptBox .searchOpt>ul>li.compare {position:relative;padding-right:220px;}
.searchOptBox .searchOpt>ul>li.compare .compare_Btn{position:absolute;right:0px;top:13px;}

.searchOptBox .T2 .sort {width:30px !important;}
.searchOptBox .T2 .opt {width:calc(100% - 35px) !important;margin-left:35px;}
.searchOptBox .T3 .sort{width:45px !important;}
.searchOptBox .T3 .opt {width:calc(100% - 50px) !important;margin-left:50px;}
.searchOptBox .T4 .sort {width:70px !important;}
.searchOptBox .T4 .opt {width:calc(100% - 75px) !important;margin-left:75px;}
.searchOptBox .T4_2 .sort {width:60px !important;}
.searchOptBox .T4_2 .opt {width:calc(100% - 65px) !important;margin-left:65px;}
.searchOptBox .T5 .sort {width:75px !important;}
.searchOptBox .T5 .opt {width:calc(100% - 80px) !important;margin-left:80px;}
.searchOptBox .T6 .sort {width:90px !important;}
.searchOptBox .T6 .opt {width:calc(100% - 95px) !important;margin-left:95px;}
.searchOptBox .T7 .sort {width:105px !important;}
.searchOptBox .T7 .opt {width:calc(100% - 110px) !important;margin-left:110px;}
.searchOptBox .T8 .sort {width:120px !important;}
.searchOptBox .T8 .opt {width:calc(100% - 125px) !important;margin-left:125px;}

.searchOptBox .P30 .optGrp {width:30%}
.searchOptBox .P30 .optGrp+.optGrp {width:70%}
.searchOptBox .P40 .optGrp {width:40%}
.searchOptBox .P40 .optGrp+.optGrp {width:50%}
.searchOptBox .P50 .optGrp {width:50%}
.searchOptBox .P50 .optGrp+.optGrp {width:50%}
.searchOptBox .P60 .optGrp {width:60%}
.searchOptBox .P60 .optGrp+.optGrp {width:40%}
.searchOptBox .P70 .optGrp {width:70%}
.searchOptBox .P70 .optGrp+.optGrp {width:30%}
.searchOptBox .L200 .optGrp {width:200px}
.searchOptBox .L200 .optGrp+.optGrp {width:calc(100% - 200px)}
.searchOptBox .L300 .optGrp {width:300px}
.searchOptBox .L300 .optGrp+.optGrp {width:calc(100% - 300px)}
.searchOptBox .L400 .optGrp {width:400px}
.searchOptBox .L400 .optGrp+.optGrp {width:calc(100% - 400px)}
.searchOptBox .L500 .optGrp {width:500px}
.searchOptBox .L500 .optGrp+.optGrp {width:calc(100% - 500px)}
.searchOptBox .R200 .optGrp {width:calc(100% - 200px)}
.searchOptBox .R200 .optGrp+.optGrp {width:200px}
.searchOptBox .R300 .optGrp {width:calc(100% - 300px)}
.searchOptBox .R300 .optGrp+.optGrp {width:300px}
.searchOptBox .R400 .optGrp {width:calc(100% - 400px)}
.searchOptBox .R400 .optGrp+.optGrp {width:400px}
.searchOptBox .R500 .optGrp {width:calc(100% - 500px)}
.searchOptBox .R500 .optGrp+.optGrp {width:500px}

.searchOptBox .optSetDate .inp_t {width:135px;}

.searchOptBox .optSet01 .inp_s {float:left;width:150px !important;margin-right:5px;}
.searchOptBox .optSet01 .inp_t {float:left;width:calc(100% - 155px) !important;}

.searchOptBox .radioNcheck.typeFindCode .inp_r {margin-right:5px;}
.searchOptBox .radioNcheck.typeFindCode .inp_r>label {font-weight:500;}

.searchOptBox .typeFindCode2 {max-width:600px;}
.searchOptBox .typeFindCode2 .inp_t:nth-of-type(1) {width:calc(40% - 43.5px) !important;}
.searchOptBox .typeFindCode2 .inp_t:nth-of-type(2) {width:calc(60% - 43.5px) !important;}

.searchOptBox .searchOpt .optGrp>.opt .w300 {width:300px;}
.searchOptBox .searchOpt .optGrp>.opt .w400 {width:400px;}
.searchOptBox .searchOpt .optGrp>.opt .w500 {width:500px;}

.topSearchOptBox {padding:30px;margin-bottom:30px;background:#ecf4ff;}
.topSearchOptBox .radioNcheck {font-size:0;text-align:center;}
.topSearchOptBox .radioNcheck>li {display:inline-block;margin:0 20px 0 0;vertical-align:top;}
.topSearchOptBox .inp_r,
.topSearchOptBox .inp_c {margin:7px 0;vertical-align:top;}
.topSearchOptBox .inp_r>label,
.topSearchOptBox .inp_c>label {white-space:nowrap;}

/* 마이드림 */
.searchOptBox .searchOpt .searchSite {font-size:0;text-align:left;}
.searchOptBox .searchOpt .searchSite>li {display:inline-block;margin-right:50px;}

.myDream .topTxt {padding-left:25px;margin-bottom:30px;background:url(../img/common/ico_exclamOrange.png) no-repeat 0 5px;font-size:16px;color:#666;line-height:1.9em;letter-spacing:-0.5px;font-weight:400;}
.myDream .topBtn {margin-bottom:-15px;text-align:right;}
.myDream .topBtn .btnC_s {padding:0 20px;margin-bottom:0;}

.lineList_tbW .w_address {font-size:0;}
.lineList_tbW .w_address .zipCode {display:inline-block;margin-right:10px;vertical-align:top;font-size:0;}
.lineList_tbW .w_address .zipCode .inp_t {width:140px;margin-right:10px;}
.lineList_tbW .w_address .detailCode {width:calc(100% - 237px);}
#pop_reason {max-width:600px;width:90%;max-height:90%}
#pop_reason p.exclam {background-position:0 3px;line-height:1.6em;}
#pop_reason .lineBox {padding:10px;border:1px solid #d9d9d9;box-sizing:border-box;}
#pop_reason .info {margin-top:10px;font-size:0px;text-align:right;}
#pop_reason .info>span {display:inline-block;position:relative;margin-left:9px;padding-left:10px;color:#666;font-size:14px;font-weight:400;line-height:25px;letter-spacing:-0.5px;vertical-align:top;}
#pop_reason .info>span.date {display:block;}
#pop_reason .info>span.date+span {margin-left:0;padding-left:0;}
#pop_reason .info>span.date+span::before {display:none;}
#pop_reason .info>span::before {content:'';display:block;position:absolute;left:0;top:6px;width:1px;height:11px;background:#d7d7d7;}
#pop_reason .info>span:first-child {margin-left:0;padding-left:0;}
#pop_reason .info>span:first-child::before {display:none;}

#pop_reportView {max-width:650px;width:90%;max-height:90%}
#pop_reportView p.exclam {background-position:0 3px;line-height:1.6em;}
#pop_reportView .lineTop_tbArea .lineTop_tbL2 th br {display:none;}

.myDream .lineList_tb td.navigation {color:#0f0f0f;}
.myDream .lineList_tb td .navi:last-child:after {display:none;}
.myDream .lineList_tb tr.disabled td {color:#b6b6b6;}
.myDream .lineList_tb tr.disabled td.txtL a {color:#b6b6b6;}
.myDream .lineList_tb tr.disabled td.txtL .info_comment {color:#b6b6b6;}
.myDream .lineList_tb+.btnL {margin-top:25px;}
.myDream .btnL+.tbArea_btn {margin-top:-45px;}
.myDream .btnI.btnBookMark {min-width:77px;border:1px solid #4286ea}
.myDream .btnI.btnBookMark:hover {background:#4286ea !important;}
.myDream .btnI.btnBookMark>span {color:#4286ea;}
.myDream .btnI.btnBookMark:hover>span {color:#fff !important;}
.myDream.infoDream .noDataInfo .iconTop_infoBox .txt {margin-bottom:0;text-align:center}
.myDream.infoDream .noDataInfo .iconTop_infoBox .btnC_s {padding:0 20px;}
.myDream.interestInfo .state .btnC_s.lineGray2 {border-color:#fe4354;}
.myDream.interestInfo .state .btnC_s.lineGray2:hover {border-color:#fe4354 !important;}
.myDream.interestInfo .state .btnC_s.lineGray2>span {color:#fe4354}
.myDream.interestInfo .state .btnC_s.lineGray2:hover>span {color:#fe4354 !important}
.myDream.talk .searchOptBox .searchOpt {margin-bottom:20px;}
.myDream.talk .listNum {margin-bottom:15px;color:#666;}
.myDream.talk .listNum b {margin-left:3px;font-weight:500;color:#111;}
.myDream.account p.exclam.Orange {display:block;margin-bottom:30px !important;}
.myDream.partner_write .write_guide {margin-top:-40px;}
.myDream.stepInfo .searchOptBox {margin-bottom:100px}

.myDream.likePartner .gray_Icon_box {margin-bottom:40px;}
.myDream.likePartner .gray_Icon_box .innerBox {padding-top:10px;}
.myDream.likePartner .gray_Icon_box .list_dotBlack>li {color:#0f0f0f}
.myDream.likePartner .gray_Icon_box .btn {margin-top:20px;}
.myDream.likePartner .gray_Icon_box .btn .btnC_s {padding:0 20px;}

.myDream .lineList_tb td .status b {color:#222;font-weight:500;}
.myDream .lineList_tb td .status b.typeRed {color:#f43e3e;}
.myDream .lineList_tb td .status b.typeBlue {color:#2f4cff;}

.myDream .contTit {font-weight:500}
.myDream .contTit:nth-of-type(n+2) {margin-top:75px;}
.myDream.partner_write .contTit {font-weight:500}

.myDream.partner_write .gray_Icon_box {margin-bottom:40px;}
.myDream.partner_write .gray_Icon_box .innerBox {padding-top:10px;}
.myDream.partner_write .gray_Icon_box .list_dotBlack>li {color:#0f0f0f}
.myDream.partner_write .gray_Icon_box .btn {margin-top:20px;font-size:0;}
.myDream.partner_write .gray_Icon_box .btn a+a {margin-left:5px;}
.myDream.partner_write .gray_Icon_box .btn .btnC_s {padding:0 20px;}
.myDream.partner_write .lineList_tbW .area>div {position:relative;padding-left:55px;padding-top:10px;padding-bottom:10px;}
.myDream.partner_write .lineList_tbW .area>div .tit {position:absolute;left:0;top:10px;font-weight:500;}
.myDream.partner_write .lineList_tbW .area>div .line+.line {border-top:1px solid #e2e2e2;}
.myDream.partner_write .lineList_tbW .area>div .line {margin-top:-5px;padding:5px 0 10px 0;}
.myDream.partner_write .lineList_tbW .area>div .line .inp_c {margin-top:5px;margin-bottom:5px;}
.myDream.partner_write .agreeArea .chk_radio {margin-left:25px;}
/* .myDream.findParter_view .lineList_ul {border-left:1px solid #ccc;border-right:1px solid #ccc;} */

.findPartner .gray_Icon_box {margin-bottom:40px;margin-top:0;}
.findPartner .gray_Icon_box .innerBox {padding-top:15px;}

.logStatus .date {display:inline-block;height:40px;margin-right:15px;line-height:40px;vertical-align:top;}
.logStatus .ip {display:inline-block;height:40px;margin-right:15px;line-height:40px;vertical-align:top;}
.logStatus em {font-style:normal;font-size:inherit;}

.inpW_set {font-size:0;}
.inpW_set .inp_t {width:300px;margin-right:10px;}
.inpW_set .inp_s {width:300px;margin-right:10px;}
.inpW_id {font-size:0;}
.inpW_id .inp_t {width:300px;}
.inpW_findPw {font-size:0;}
.inpW_findPw .inp_t {width:300px;margin-right:10px;}

.lineList_tbW.typeInterstInfo colgroup>col:nth-child(1)  {width:280px;}
.lineList_tbW.typeInterstInfo .selCode {display:inline-block;;vertical-align:top;}
.lineList_tbW.typeInterstInfo .selCode .inp_r {top:-8px;margin-right:7px;}
.lineList_tbW.typeInterstInfo .selIndustry {padding:10px 0;margin-top:-25px;font-size:0;}
.lineList_tbW.typeInterstInfo .selIndustry .inp_c {width:16.666%;margin:25px 0 0 0;padding-right:10px;box-sizing:border-box;vertical-align:top;}
.lineList_tbW.typeInterstInfo .selCountry {padding:10px 0;margin-top:-25px;font-size:0;}
.lineList_tbW.typeInterstInfo .selCountry .inp_c {width:20%;margin:25px 0 0 0;padding-right:10px;box-sizing:border-box;vertical-align:top;}
.lineList_tbW.typeInterstInfo .findCodeArea {position:relative;padding-left:100px;}
.lineList_tbW.typeInterstInfo .findCodeArea .btnFind {position:absolute;left:0;top:50%;margin-top:-20px;}
.lineList_tbW.typeInterstInfo .findCodeArea .btnDel {margin-top:10px;margin-left:15px;}
.lineList_tbW.typeInterstInfo .borBNone {border-bottom:none !important;}
.lineList_tbW.typeInterstInfo .typeCodeTb {margin-top:20px;margin-bottom:20px;border-top:1px solid #e2e2e2;}
.lineList_tbW.typeInterstInfo .typeCodeTb .lineTop_tb2 thead th {background:#f4f5f7;}
.lineList_tbW.typeInterstInfo .typeCodeTb colgroup>col:nth-child(1) {width:10%}
.lineList_tbW.typeInterstInfo .typeCodeTb .lineTop_tb2 tbody td .inp_c.only {margin-left:0;}
.lineList_tbW.typeInterstInfo .innerBtn {padding-top:20px;}

.dropDown_infoArea {font-size:0;border:1px solid #e2e2e2;border-top:1px solid #333;box-sizing:border-box;;}
.dropDown_infoArea:nth-of-type(n+2) {margin-top:30px;}
.dropDown_infoArea .titBtn {position:relative;width:100%;height:70px;padding:15px 70px 15px 30px;box-sizing:border-box;text-align:left;background-color:#eff0f3;}
.dropDown_infoArea .titBtn .default {position:absolute;left:0;top:0;width:100%;height:100%;}
.dropDown_infoArea .default::before{content:"";position:absolute;right:30px;top:30px;width:21px;height:11px;background:url(../../www/img/layout/dropDown_Arr.png) no-repeat;transition:all 0.2s;}
.dropDown_infoArea .default>.tit{display:block;box-sizing:border-box;font-size:24px;font-weight:500;color:#0f0f0f;line-height:28px;letter-spacing:-0.5px;}
.dropDown_infoArea .default>em {font-style:normal;}
.dropDown_infoArea .default.on::before{transform:rotate(180deg);-webkit-transform:rotate(180deg);background:url(../../www/img/layout/dropDown_Arr_on.png) no-repeat;}
.dropDown_infoArea .wrap {display:none;padding:30px 30px 20px 30px ;}
.dropDown_infoArea .infoArea {box-sizing:border-box;background-color:#fff;}
.dropDown_infoArea .infoArea .state {min-height:40px;margin-bottom:10px;}
.dropDown_infoArea .infoArea .state .btnC_s {float:right;}
.dropDown_infoArea .infoArea .info:nth-child(n+2) {margin-top:40px}
.dropDown_infoArea .titBtn .tit {position:relative;display:inline-block;font-size:24px;font-weight:500;vertical-align:top;z-index:1;}
.dropDown_infoArea .titBtn .date{position:Relative;display:inline-block;margin-top:8px;margin-left:15px;font-size:15px;color:#666;vertical-align:top;z-index:1;}
.dropDown_infoArea .titBtn .inp_c {margin-right:25px;}
.dropDown_infoArea .titBtn .inp_c>label {font-size:24px;font-weight:500;color:#0f0f0f;}
.dropDown_infoArea .findSel {font-size:0;}
.dropDown_infoArea .findSel .inp_t {width:calc(100% - 87px);margin-right:10px;}
.dropDown_infoArea .findSelCode {padding:5px 0;font-size:0;}
.dropDown_infoArea .findSelCode .btnC_s {margin-bottom:0;}
.dropDown_infoArea .findSelCode1 .inp_t {width:calc(40% - 48.5px);margin-left:10px;}
.dropDown_infoArea .findSelCode1 .inp_t+.inp_t {width:calc(60% - 48.5px);}
.dropDown_infoArea .findSelCode2 .inp_t {width:calc(40% - 5px);margin-right:10px;}
.dropDown_infoArea .findSelCode2 .inp_t+.inp_t {width:calc(60% - 5px);margin-right:0;}
.dropDown_infoArea .findSelCode3 {max-width:100%;}
.dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(1) {width:calc(28% - 36.333px);margin-left:10px;}
.dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(2) {width:calc(36% - 36.333px);margin-left:10px;}
.dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(3) {width:calc(36% - 36.333px);margin-left:10px;}
.dropDown_infoArea .findAddress {padding:5px 0;font-size:0;}
.dropDown_infoArea .findAddress .btnC_s {margin-right:10px;margin-bottom:0;}
.dropDown_infoArea .findAddress>span {display:block;}
.dropDown_infoArea .findAddress>span+span {margin-top:10px;}
.dropDown_infoArea .findAddress>.find {font-size:0;}
.dropDown_infoArea .findAddress>.find .btnC_s+.inp_t {width:calc(100% - 110px);}
.dropDown_infoArea .labelSel {display:inline-block;max-width:300px;width:100%;margin-right:30px;vertical-align:top;font-size:0;}
.dropDown_infoArea .labelSel:last-child {margin-right:0;}
.dropDown_infoArea .labelSel em {display:inline-block;margin-right:10px;font-weight:500;vertical-align:top;line-height:40px;font-size:16px;font-style:normal;}
.dropDown_infoArea .labelSel .inp_t {width:calc(100% - 40px);}
.dropDown_infoArea .labelSel .inp_s {width:calc(100% - 40px);}
.dropDown_infoArea .issueSel {position:relative;padding:5px;font-size:0;}
.dropDown_infoArea .issueSel+.issueSel {margin-top:20px;}
.dropDown_infoArea .issueSel .btn {float:right;vertical-align:top;}
.dropDown_infoArea .issueSel .inp_area {margin-top:10px;}
.dropDown_infoArea .btnArea {padding-top:20px !important}
.dropDown_infoArea .btnArea .btnC_s {margin-bottom:0;}
.dropDown_infoArea .titBtn .inp_c>label {min-height:24px;padding-top:3px;font-size:24px !important;}

.myDream.talk .contTit:nth-child(n+2) {margin-top:100px;}

/* 국기리스트 */
.flagList .flagTit {display:block;width:100%;height:60px;margin-top:50px;background:#2d4054;line-height:60px;text-align:center;font-size:18px;color:#fff;font-weight:500;}
.flagList .flagTit .inp_c {display:inline-block;margin-right:5px;vertical-align:middle;}
.flagList .flagTit:nth-of-type(1) {margin-top:0px;}
.flagList>ul {padding:60px 40px;box-sizing:border-box;border:1px solid #ddd;border-top:0;font-size:0;}
.flagList>ul>li {position:relative;display:inline-block;width:16.666%;box-sizing:border-box;vertical-align:top;}
.flagList>ul>li a {display:block;}
.flagList>ul>li:nth-child(n+7) {margin-top:50px;}
.flagList>ul>li>a img {margin-right:5px;vertical-align:top;}
.flagList>ul>li>a span {line-height:40px;font-weight:500;font-size:20px;letter-spacing:-.3px;}
.flagList>ul.long>li>a span {font-size:17px;}
.flagList.typeChk>ul>li {padding-left:35px;}
.flagList.typeChk>ul>li .inp_c.only {position:absolute;left:0;top:7px;}
.flagList.typeChk>ul>li>a span {font-size:18px;}
.flagList2>ul>li>a span {display:block;line-height:inherit;}
.topExclam.txtR {margin-bottom:10px;}

#pop_commentReport {width:90%;max-width:1000px;max-height:90%;background:#fff;-webkit-font-smoothing:subpixel-antialiased;}
#pop_commentReport .lineTop_tbArea th {text-align:center;}
#pop_commentReport .selResonArea {margin-bottom:20px;}
#pop_commentReport .selResonArea .inp_r {display:block;text-align:left;}
#pop_commentReport .selResonArea .inp_r+.inp_r {margin-top:15px;}

/*로그인 팝업*/
#pop_myDream_account_logInfo {width:90%;max-width:795px;max-height:90%;}
#pop_myDream_account_logInfo.popLayout .popConts .popInner.limit {max-height:600px !important;}

/* 뉴스레터신청 팝업 */
#pop_applyNewsLetter  {width:90%;max-width:1100px;max-height:90%;background:#fff;-webkit-font-smoothing:subpixel-antialiased;}
#pop_applyNewsLetter .topTxt {margin-bottom:15px;font-size:15px;color:#666;}
#pop_applyNewsLetter .lineList_tbW colgroup>col:nth-child(1) {width:120px}
#pop_applyNewsLetter .sel_addTxt {display:inline-block;margin-left:10px;font-size:14px;color:#888;font-style:normal;vertical-align:bottom;}
#pop_applyNewsLetter .selIndustry {padding:15px 0;font-size:0;}
#pop_applyNewsLetter .selIndustry>.inp_c {width:calc(25% - 10px);box-sizing:border-box;}
#pop_applyNewsLetter .selIndustry>.inp_c:nth-child(n+5) {margin-top:15px;}
#pop_applyNewsLetter .agreeArea {margin-top:20px;border:1px solid #e2e2e2;border-top:0;}
#pop_applyNewsLetter .agreeArea fieldset legend {float:left;display:inline;width:auto;height:auto;position:inherit;top:0;margin-right:20px;color:#0f0f0f;font-size:16px;line-height:inherit;font-weight:500;}
#pop_applyNewsLetter .agreeArea .btn_agreeArr {float:right;}
#pop_applyNewsLetter .agreeArea .btn_agreeArr>span {display:block;padding-right:20px;background:url(../img/common/ico_arrB_s_black.png) no-repeat right 0 top 50%;font-size:15px;font-weight:500;}
#pop_applyNewsLetter .agreeBox {padding:20px;border-top:1px solid #e2e2e2;margin:0;background:#f4f5f7;}
#pop_applyNewsLetter .agreeArea.on .agreeBox {border-bottom:1px solid #e2e2e2;}
#pop_applyNewsLetter .agreeArea.on .btn_agreeArr>span {background-image:url(../img/common/ico_arrT_s_black.png);}
#pop_applyNewsLetter .agreeBox .inp_r {vertical-align:top;}
#pop_applyNewsLetter .agreeCont {padding:20px;}
#pop_applyNewsLetter .agreeCont>div {color:#666;letter-spacing:-0.5px;;}
#pop_applyNewsLetter .agreeCont>div+div {margin-top:15px;}
#pop_applyNewsLetter .agreeCont>div b {display:block;margin-bottom:5px;color:#0f0f0f;font-weight:500;}
#pop_applyNewsLetter .agreeCont>div .list_hyphen {padding-left:10px;}
#pop_applyNewsLetter .agreeArea .agreeCont {display:none;}
#pop_applyNewsLetter .agreeArea.on .agreeCont {display:block;}

/* 신고하기 팝업 */
#pop_commentReport {width:90%;max-width:1000px;max-height:90%;background:#fff;-webkit-font-smoothing:subpixel-antialiased;}
#pop_commentReport .lineTop_tbArea th {text-align:center;}
#pop_commentReport .selResonArea {margin-bottom:20px;}
#pop_commentReport .selResonArea .inp_r {display:block;text-align:left;}
#pop_commentReport .selResonArea .inp_r+.inp_r {margin-top:15px;}

/* 코드검색 팝업 */
#pop_hskNmtiCode {max-width:940px;width:90%;max-height:90%;}
#pop_hskNmtiCode p.exclam {margin-top:0;margin-bottom:15px;}
#pop_hskNmtiCode .lineTop_tbArea.selTable caption>p {display:none;}

#pop_hskNmtiCode .optBoxWrap{position:relative;padding:20px 40px;box-sizing:border-box;background-color:#f2f3f5;margin-bottom:30px;font-size:0}
#pop_hskNmtiCode .optBoxWrap ul>li:nth-of-type(n+2){margin-top:10px;}
#pop_hskNmtiCode .optBoxWrap ul>li .optBox{position:relative;font-size:0;padding-left:120px;box-sizing:border-box}
#pop_hskNmtiCode .optBoxWrap ul>li .optBox .sort{position:absolute;left:0px;top:11px;width:120px;font-size:16px;line-height:1em;color:#0f0f0f;font-weight:500;letter-spacing:-0.5px;}
#pop_hskNmtiCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {width:calc(35% - 5px);margin-right:10px;}
#pop_hskNmtiCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:calc(65% - 5px);}
#pop_hskNmtiCode .optBoxWrap ul {display:inline-block;width:calc(100% - 180px);}
#pop_hskNmtiCode .optBoxWrap .btnArea {display:inline-block;width:165px;padding:0 !important;margin-left:10px !important;vertical-align:top;}
#pop_hskNmtiCode .optBoxWrap .btnArea button+button {margin-left:5px !important}

#pop_hskNmtiCode.reN_pop .lineTop_tbArea.codeTable .lineTop_tb2 tbody td.txtL {padding-right:20px;}
#pop_hskNmtiCode.reN_pop .optBoxWrap {padding:0;background-color:#fff;}
#pop_hskNmtiCode .code_selStep .hscode {font-size:0;}
#pop_hskNmtiCode .code_selStep .hscode .code {display:inline-block;padding-right:21px;background:url(../img/common/ico_hscode.png) no-repeat right 0 top 3px;;vertical-align:top;color:#222;font-size:16px;}
#pop_hskNmtiCode .code_selStep .hscode .btn_open {display:inline-block;width:25px;height:25px;margin-left:4px;margin-top:-1px;background:url(../img/common/ico_hscode_plus.png) no-repeat center;}
#pop_hskNmtiCode .code_selStep .hscode .btn_open.close {background-image:url(../img/common/ico_hscode_minus.png);}
#pop_hskNmtiCode .code_selStep>ul>li>ul {position:relative;padding-left:46px;margin-top:4px;}
#pop_hskNmtiCode .code_selStep>ul>li ul {position:relative;display:none;}
#pop_hskNmtiCode .code_selStep>ul>li ul:before {content:'';display:block;position:absolute;left:30px;top:1px;width:1px;height:12px;background:#4286eb;}
#pop_hskNmtiCode .code_selStep>ul>li ul:after {content:'';display:block;position:absolute;left:30px;top:12px;width:12px;height:1px;background:#4286eb;}
#pop_hskNmtiCode .code_selStep>ul>li>ul>li>ul {padding-left:46px;margin-top:4px;}
#pop_hskNmtiCode .code_selStep>ul>li>ul>li>ul>li>ul {padding-left:46px;margin-top:4px;}
#pop_hskNmtiCode .code_selStep .hscode:last-child .code {font-weight:500}
#pop_hskNmtiCode .code_selStep {font-size:0;}
#pop_hskNmtiCode .lineTop_tb2 tbody td.name {position:relative;padding-right:115px !important;}
#pop_hskNmtiCode .lineTop_tb2 tbody td.name .btnSel {position:absolute;right:20px;top:50%;margin-top:-20px;}
#pop_hskNmtiCode .lineTop_tb2 tbody td.name .btnSel .btnC_s {min-width:70px;}

#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 thead .select {display:none !important;}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 tbody tr {position:relative;}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 tbody tr:hover td {background-color:#f4f5f7}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 tbody tr:hover .select {background-color:transparent}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 tbody tr.typeNoArticle:hover td {background-color:transparent}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 tbody td{position:relative;padding-left:10px;padding-right:10px;font-size:15px;word-break:break-word;font-size:15px;}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 tbody td:nth-last-child(2) {border-right:none;}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 .select {position:absolute;left:0;top:0;display:block;width:100%;height:100%;box-sizing:border-box;border:none;background-color:transparent}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 .select button {position:relative;display:block;width:100%;height:100%;}
#pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 .select button>span{position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0 ,0)}

#pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td {font-size:15px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td ul.list_dotBlack li {font-size:15px;line-height:1.6em;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td.txtL {position:relative;padding-right:150px;padding-left:20px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .btnSelect {margin-top:5px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .btnLow {position:absolute;right:0;bottom:10px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .btnLow .btnC_s {margin-bottom:0;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .btnLow .btnC_s>span {height:25px;line-height:27px;font-size:14px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .arrBtn {position:absolute;right:15px;top:10px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(../../www/img/layout/dropDown_Arr.png) no-repeat center center;transition:all 0.2s;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .arrBtn.on{transform:rotate(180deg);-webkit-transform:rotate(180deg);background:url(../../www/img/layout/dropDown_Arr_on.png) no-repeat center center;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap {display:none;padding-top:20px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .codeInfo:nth-child(n+2) {margin-top:15px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .tit {display:block;font-weight:500;font-size:15px;;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .tit .code_s {margin-left:10px;font-size:14px;color:#666;font-weight:400;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .inp_r>label {font-size:15px;line-height:17px;}
#pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .info {margin-top:10px;padding:10px;background:#f4f5f7;font-size:15px;}

#pop_hskCode {max-width:940px;width:90%;max-height:780px;}
#pop_hskCode p.exclam {margin-top:0;margin-bottom:15px;}
#pop_hskCode .optBoxWrap{position:relative;padding:20px 40px;box-sizing:border-box;background-color:#f2f3f5;margin-bottom:30px;}
#pop_hskCode .optBoxWrap ul>li:nth-of-type(n+2){margin-top:10px;}
#pop_hskCode .optBoxWrap ul>li .optBox{position:relative;font-size:0;padding-left:95px;box-sizing:border-box}
#pop_hskCode .optBoxWrap ul>li .optBox .sort{position:absolute;left:0px;top:11px;width:95px;font-size:16px;line-height:1em;color:#0f0f0f;font-weight:500;letter-spacing:-0.5px;}
#pop_hskCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {width:calc(35% - 5px);margin-right:10px;}
#pop_hskCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:calc(65% - 5px);}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 thead .select {display:none !important;}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 tbody tr {position:relative;}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 tbody tr:hover td {background-color:#f4f5f7}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 tbody tr:hover .select {background-color:transparent}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 tbody tr.typeNoArticle:hover td {background-color:transparent}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 tbody td{padding-left:10px;padding-right:10px;font-size:15px;word-break:break-word;font-size:15px;}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 tbody td:nth-last-child(2) {border-right:none;}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 .select {position:absolute;left:0;top:0;display:block;width:100%;height:100%;box-sizing:border-box;border:none;background-color:transparent}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 .select button {position:relative;display:block;width:100%;height:100%;}
#pop_hskCode .lineTop_tbArea .lineTop_tb2 .select button>span{position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0 ,0)}


#pop_kiscCode {max-width:960px;width:90%;max-height:90%;}
#pop_kiscCode p.exclam {margin-top:0;margin-bottom:15px;}
#pop_kiscCode .lineTop_tbArea.selTable caption>p {display:none;}
#pop_kiscCode .btnSel {margin-bottom:15px;margin-top:20px;text-align:right;font-size:0;}
#pop_kiscCode .btnSel>a {min-width:97px;margin-bottom:0;}
#pop_kiscCode a.disabled {background:#666666 !important;border-color:#666666 !important;cursor:default}
#pop_kiscCode .lineTop_tbArea .code {font-weight:500}
#pop_kiscCode .lineTop_tbArea {border-top:1px solid #d9d9d9;}
#pop_kiscCode .limit {overscroll-behavior: contain;}
#pop_kiscCode .no_article>span {position:relative;display:block;width:420px;margin:0 auto;padding-left:15px;text-align:left;}
#pop_kiscCode .no_article>span:before {content:'';display:block;position:absolute;left:0;top:12px;width:3px;height:3px;background:#72737a;border-radius:50%;}

.schCodeArea {position:relative;}
.schCodeArea .schList {font-size:0;}
.schCodeArea .schList>li {position:relative;display:inline-block;width:25%;vertical-align:top;border:1px solid #e2e2e2;box-sizing:border-box;}
.schCodeArea .schList>li+li {margin-left:-1px;}
.schCodeArea .schList>li .tit {width:100%;padding:10px 10px;background:#f4f5f7;box-sizing:border-box;border-bottom:1px solid #e2e2e2;text-align:center;font-weight:500;}
.schCodeArea .schResult ul>li {border-bottom:1px solid #dbdee1;box-sizing:border-box;}
.schCodeArea .schResult ul>li:last-child {border-bottom:0;}
.schCodeArea .schResult ul>li>a {position:relative;display:block;padding:15px;transition:.1s all;}
.schCodeArea .schResult ul>li>a span {display:block;font-size:15px;letter-spacing:-.3px;}
.schCodeArea .schResult ul>li>a .code {position:absolute;left:15px;top:15px;font-weight:500;word-break:break-all;}
.schCodeArea .schResult ul>li>a .info {padding-left:30px;}
.schCodeArea .lv2 .schResult ul>li>a .info {padding-left:45px;}
.schCodeArea .lv3 .schResult ul>li>a .info {padding-left:60px;}
.schCodeArea .lv3 .schResult ul>li>a .code {max-width:50px;width:100%;text-align:left}
.schCodeArea .lv4 .schResult ul>li>a .info {padding-left:55px;}
.schCodeArea .lv4 .schResult ul>li>a .code {max-width:50px;text-align:left;}
.schCodeArea .schResult ul>li>a.on {background:#e7effc}
.schCodeArea .schResult ul>li>a:hover {background:#e7effc}
    /* etc */
.schCodeArea .schResult {max-height:500px;overscroll-behavior: contain;}
.schCodeArea .schResult .mCSB_inside > .mCSB_container {margin-right:0;}
.schCodeArea .schResult .mCSB_scrollTools {width:5px;}
.schCodeArea .schResult .mCSB_scrollTools .mCSB_dragger {max-height:45px;}
#pop_kiscCode .optBoxWrap{position:relative;box-sizing:border-box;background-color:#fff;margin-bottom:30px;font-size:0}
#pop_kiscCode .optBoxWrap ul>li:nth-of-type(n+2){margin-top:10px;}
#pop_kiscCode .optBoxWrap ul>li .optBox{position:relative;font-size:0;padding-left:90px;box-sizing:border-box}
#pop_kiscCode .optBoxWrap ul>li .optBox .sort{position:absolute;left:0px;top:11px;width:85px;font-size:16px;line-height:1em;color:#0f0f0f;font-weight:500;letter-spacing:-0.5px;}
#pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {width:calc(35% - 5px);margin-right:10px;}
#pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:calc(65% - 5px);}
#pop_kiscCode .optBoxWrap ul {display:inline-block;width:calc(100% - 180px);}
#pop_kiscCode .optBoxWrap .btnArea {display:inline-block;width:165px;padding:0 !important;margin-left:10px !important;vertical-align:top;}
#pop_kiscCode .optBoxWrap .btnArea button+button {margin-left:5px !important}

/* 주소찾기 팝업 */
#pop_findAddress {max-width:606px;width:90%;max-height:90%;overflow:hidden;}
#pop_findAddress .topTxt {margin-bottom:10px;font-size:15px;color:#666;}
#pop_findAddress .findAddress {margin-bottom:10px;font-size:0;}
#pop_findAddress .findAddress .inp_s {width:120px;margin-right:10px;}
#pop_findAddress .findAddress .inp_t {width:calc(100% - 220px);margin-right:10px;}
#pop_findAddress .findAddress .btnC_s {margin:0}
#pop_findAddress .infoTxt .dotInfo {position:relative;padding-left:10px;font-size:14px;color:#666;}
#pop_findAddress .infoTxt .dotInfo:before {content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;background:#666;border-radius:50%;;}
#pop_findAddress .infoTxt .dotInfo+.dotInfo {margin-top:5px;}
#pop_findAddress .infoTxt .dotInfo .pointBlue {color:#4286ea}
#pop_findAddress .infoTxt .exclam {padding-left:24px;background-position:left 0 top 0px;font-size:14px;}
#pop_findAddress .boardOptBox {min-height:inherit;margin-bottom:10px;margin-top:10px;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td {padding:15px;font-size:15px;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address {position:relative;padding-left:48px;font-size:15px;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address+.address {margin-top:8px;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address .sort {position:absolute;left:0;top:0;display:block;width:40px;height:20px;border:1px solid #4286ea;box-sizing:border-box;font-size:12px;line-height:20px;text-align:center;color:#4286ea;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address>a {display:block;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address>a:hover {text-decoration:underline;}
#pop_findAddress .innerPopArea .reSearch {color:#fff;}
#pop_findAddress .no_address {display:block;width:100%;border:1px solid #e2e2e2;box-sizing:border-box;padding:140px 0 90px 0;background:url(../img/common/ico_noAddress.png) no-repeat 50% 95px;text-align:center;color:#9a9a9a;letter-spacing:-0.5px;font-size:15px;;}

#pop_articleView {max-width:960px;width:90%;max-height:90%;overflow:hidden;}
#pop_articleView.popLayout .popConts .popInner.limit{max-height:calc(100vh - 400px) !important;}
#pop_articleView .btn_fix {position:relative;margin-bottom:15px;font-size:0;text-align:left;}
#pop_articleView .btn_fix .btnC_s {margin-bottom:0;}
#pop_articleView .btn_fix .btn_r {float:right;}
#pop_articleView .btn_fix>p {display:inline-block;vertical-align:top;}

.kockDream_tit {margin-bottom:10px;text-align:center;font-size:28px;font-weight:700;border-top:1px solid #333;padding-top:10px;}
.kockDream_tit em {padding-right:5px;margin-left:2px;font-weight: 700;font-style: italic;background: linear-gradient(90deg, rgba(130,102,208,1) 0%, rgba(68,133,233,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:34px;letter-spacing: 3px;}

.kock_dream .tit_btn {margin-top:-64px;margin-bottom:20px;text-align:right;}
.kock_dream .list_btn {margin:20px 0;text-align:right;}
.kock_dream .contTit_b:nth-child(n+2) {margin-top:60px;}
.kock_dream .searchOpt .schGrp .grp {position:relative;padding-left:50px;min-height:38px;}
.kock_dream .searchOpt .schGrp .grp+.grp {margin-top:7px;}
.kock_dream .searchOpt .schGrp .grp .tit_s {position:absolute;left:0;top:6px;font-weight:500;}
.kock_dream .searchOptBox .T6 .opt {width:calc(100% - 110px) !important;margin-left:110px;}
.kock_dream .searchOptBox .T3 .opt {width:calc(100% - 75px) !important;margin-left:75px;}
.kock_dream .schSel {display:inline-block;width:100%;vertical-align:top;margin-right:15px;}
.kock_dream .searchOptBox .radioNcheck>li {margin-right:30px;}
.kock_dream .contTit_b {font-size:34px;font-weight:700}
.kock_dream .btnC_s {padding:0 25px;}
.searchOptBox .sort.disabled {color:rgba(0,0,0,0.5)}

#pop_kockDream {width:90%;max-width:1000px;max-height:90%;background:#fff;}
#pop_kockDream .lineList_tb td.txtL a {overflow:Visible;white-space:inherit;}

.flowBox+.flowBox {margin-top:30px;}
.flowBox {background:#f4f5f7;padding:17px 30px;padding-right:0;box-sizing:border-box;}
.flowBox a {display:block;font-size:0;}
.flowBox a .tit {display:inline-block;vertical-align:top;margin-right:29px;font-weight:500;color:#222;}
.flowBox a .info {display:inline-block;vertical-align:top;font-size:0;}
.flowBox a .info span {position:relative;color:#666;font-size:15px;}
.flowBox a .info span+span {margin-left:10px;padding-left:10px;}
.flowBox a .info span+span:before {content:'';position:absolute;left:0;top:2px;display:block;width:1px;height:14px;background:#d7d7d7;}
.flowBox .unit {margin-right:67px;}
.flowBox .no_info {text-align:center;color:#666}

.outlineArea {padding-top:40px;text-align:center;}
.outlineArea ul.list_dotBlack {display:inline-block;vertical-align:top;text-align:left;}

/* etc */
.fileArray {font-size:0;margin-top:-10px;}
.fileArray>a {display:inline-block;width:33.333%;margin-top:10px;}
.pdfFrame {height:850px;}

.fileI.exel {padding-left:28px;background-image:url(../img/common/file_exel.png)}
.fileI.excel {padding-left:28px;background-image:url(../img/common/file_exel.png)}
.fileI.hwp {padding-left:28px;background-image:url(../img/common/file_hwp.png)}
.fileI.hwpx {padding-left:28px;background-image:url(../img/common/file_hwp.png)}
.fileI.pdf {padding-left:28px;background-image:url(../img/common/file_pdf.png)}
.fileI.ppt {padding-left:28px;background-image:url(../img/common/file_ppt.png)}
.fileI.word {padding-left:28px;background-image:url(../img/common/file_word.png)}
.fileI.img {padding-left:28px;background-image:url(../img/common/file_img.png)}
.fileI.video {padding-left:28px;background-image:url(../img/common/file_video.png)}
.fileI.etc {padding-left:28px;background-image:url(../img/common/file_etc.png)}
.fileI.zip {padding-left:28px;background-image:url(../img/common/file_zip.png)}
.fileI.xlsx {padding-left:28px;background-image:url(../img/common/file_xlsx.png)}
.fileI.xls {padding-left:28px;background-image:url(../img/common/file_xls.png)}
.fileI.txt {padding-left:28px;background-image:url(../img/common/file_txt.png)}
.fileI.swf {padding-left:28px;background-image:url(../img/common/file_swf.png)}
.fileI.svg {padding-left:28px;background-image:url(../img/common/file_svg.png)}
.fileI.pptx {padding-left:28px;background-image:url(../img/common/file_pptx.png)}
.fileI.png {padding-left:28px;background-image:url(../img/common/file_png.png)}
.fileI.mp4 {padding-left:28px;background-image:url(../img/common/file_mp4.png)}
.fileI.jpg {padding-left:28px;background-image:url(../img/common/file_jpg.png)}
.fileI.jpeg {padding-left:28px;background-image:url(../img/common/file_jpeg.png)}
.fileI.gif {padding-left:28px;background-image:url(../img/common/file_gif.png)}
.fileI.docx {padding-left:28px;background-image:url(../img/common/file_docx.png)}
.fileI.doc {padding-left:28px;background-image:url(../img/common/file_doc.png)}
.fileI.csv {padding-left:28px;background-image:url(../img/common/file_csv.png)}
.fileI.bmp {padding-left:28px;background-image:url(../img/common/file_bmp.png)}
.fileI.avi {padding-left:28px;background-image:url(../img/common/file_avi.png)}

@media all and (max-width:1500px){
    /* 마이드림 */
    .dropDown_infoArea .findSelCode1 .inp_t {width:calc(100% - 87px)}
    .dropDown_infoArea .findSelCode1 .inp_t+.inp_t {width:100%;margin-left:0;margin-top:10px;}
    .dropDown_infoArea .findSelCode2 .inp_t {width:100%;}
    .dropDown_infoArea .findSelCode2 .inp_t+.inp_t {width:100%;margin-top:10px;}

    /* 국기리스트 */
    .flagList.typeChk>ul>li {width:20%;}
    .flagList.typeChk>ul>li:nth-child(n+6) {margin-top:50px;}
    .flagList.typeChk>ul>li>a span {font-size:17px;}


}

@media all and (max-width:1400px){
    /* 공통 */
    .agreeArea>p br {display:none;}

    /* 마이드림 */
    .lineList_tbW.typeInterstInfo .selIndustry .inp_c {width:25%;}
    .lineList_tbW.typeInterstInfo .selCountry .inp_c {width:33.333%}
    .lineList_tbW.typeInterstInfo .typeCodeTb colgroup>col:nth-child(1) {width:15%;}
    .dropDown_infoArea .labelSel {max-width:250px;}

    /* 국기리스트 */
    .flagList>ul>li {width:20%;}
    .flagList>ul>li:nth-child(n+6) {margin-top:50px;}
}

@media all and (max-width:1300px){
    .searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp {width:280px;margin-right:10px;}
    .searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp+.optGrp {width:200px;margin-right:10px;}
    .searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp+.optGrp+.optGrp {width: calc(100% - 500px);}
}

@media all and (max-width:1200px){
    .searchOptBox .searchOpt>ul>li.typeTriple .optGrp {width:100%;}
    .searchOptBox .searchOpt>ul>li.typeTriple .optGrp+.optGrp {width:calc(100% - 320px);}

    .searchOptBox .searchOpt>ul>li.typeTriple3 .optGrp+.optGrp {width:calc(100% - 400px);margin-right:0;}
    .searchOptBox .searchOpt>ul>li.typeTriple3 .optGrp+.optGrp+.optGrp {width:100%;}
}
    
@media all and (max-width:1100px){
    /* 뉴스레터 팝업 */
    #pop_applyNewsLetter .selInfo {padding:15px 0;}
    #pop_applyNewsLetter .selInfo .inp_c {width:100%;}
    #pop_applyNewsLetter .selInfo .inp_c+.inp_c {margin-top:15px;}

    /* 국기리스트 */
    .flagList.typeChk>ul>li {width:25%;}
    .flagList.typeChk>ul>li:nth-child(n+5) {margin-top:30px;}
}

@media all and (max-width:1041px){
    html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
    {font-size:14px;line-height:1.4;}

    #skip_menu a:nth-child(n+2){display:none;}

    /*** style_guide ***/
    /*button*/
    .btnC {min-width:120px;}
    .btnC>span {height:32px;font-size:13px;line-height:32px;}
    .btnR {min-width:110px;}
    .btnR>span {height:33px;font-size:13px;line-height:33px;}

    .btnR.Arr>span {padding-right:15px;}
    .btnR.Arr>span:before {background-size:380px auto;margin-top:-3px;width:11px;height:6px;background-position:-176px -323px;}
    .btnR.Arr.on>span:before {background-position:-150px -323px;}

    .btnI {padding:0 15px;}
    .btnI>span {height:28px;font-size:13px;line-height:28px;}

    .btnI.fileDown>span,
    .btnI.fileDown:hover>span,
    .btnI.fileDown.Navy>span,
    .btnI.fileDown.Navy:hover>span,
    .btnI.fileDown.Blue>span,
    .btnI.fileDown.Blue:hover>span,
    .btnI.fileDown.lineGray>span, 
    .btnI.fileDown.lineGray:hover>span {padding-right:17px;background-size:auto 12px !important;background-position:right top 7px !important;}

    .btnI.fileDown>span:before,
    .btnI.fileDown:hover>span:before,
    .btnI.fileDown.Navy>span:before,
    .btnI.fileDown.Navy:hover>span:before,
    .btnI.fileDown.Blue>span:before,
    .btnI.fileDown.Blue:hover>span:before,
    .btnI.fileDown.lineGray>span:before, 
    .btnI.fileDown.lineGray:hover>span:before {width:12px;height:15px;margin-top:-7.5px;background-size:350px auto;background-position:-305px -144px;;}
    .btnI.fileDown.Navy>span:before,
    .btnI.fileDown.Blue>span:before {background-position:-305px -287px}

    .btnC_s {min-width:60px;padding:0 10px;}
    .btnC_s>span {height:28px;font-size:12px;line-height:28px;}

    .btn_scrap {height:30px;padding-left:31px;background-size:13px auto !important;background-position:left 13px center !important;font-size:13px;line-height:30px;}
    .btn_scrap:before {left:14px;margin-top:-7.5px;background-size:300px auto;width:14px;height:16px;background-position:-147px -137px}
    .btn_scrap:hover {background-color:#fff;color:#4286ea;}
    .btn_scrap:hover:before {left:14px;margin-top:-7.5px;background-size:300px auto;width:14px;height:16px;background-position:-147px -137px}
    .btn_scrap.on:before {background-position:-198px -227px}
    .btn_subReport  {width:71px;height:30px;padding-left:31px;background-size:13px auto !important;background-position:left 13px center !important;font-size:13px;line-height:30px;}

    .boxS_del {height:28px ;padding:0 25px 0 5px;line-height:28px;font-size:13px;}
    .boxS_del .btn_del {right:5px;top:6px;}

    .btnArea {padding:12px 0 0 !important}
    
    .tbArea_btn > a + a {margin-left:5px}

    .btnSq_add {width:30px;height:30px;background-position:-349px -336px;}
    .btnSq_del {width:30px;height:30px;background-position:-349px -367px;}

    .btnArea a+a,
    .btnArea button+button {margin:0 0 0 5px !important}

    .btn_downC {width:35px;height:35px;background-size:11px auto;}

    .btn_linkBox {padding:0 10px;}
    .btn_linkBox>span {height:32px;padding-right:20px;background-size:13px auto !important;background-position:right top 9px !important;font-size:13px;line-height:32px;}

    .fileAdd_R {margin-bottom:5px;}

    #pnb .pnb_func>button.btn_print {display:none;}

    .btnC_s.lineBlue {min-width:76px !important}
    .btnC_s.compare>span {padding-right:20px;background-size:16px auto}
    .btnC_s.compare>span:before {width:15px;height:14px;margin-top:-7px;background-size:330px auto;background-position:-122px -222px}

    .btn_sym {height:30px;line-height:30px;padding-top:1px;}
    .btn_sym>em {padding-left:20px;background-size:14px auto;font-size:14px;}

    .btn_sym>em:before {background-size:360px auto;background-position:-246px -399px}

    .btn_txtDown>span {padding-right:20px;font-size:14px;background-size:12px auto;}
    .btn_txtDown>span:before {background-size:350px auto;background-position:-306px -87px;}

    .btnC_s.listSolo>span {padding-right:22px;}
    .btnC_s.listSolo>span:before{width:16px;height:16px;margin-top:-8px;background-size:330px auto;background-position:-228px -132px}

    .btnC_s.typeChk {padding:0 15px;}
    .btnC_s.typeChk>span:before  {background-size: 360px auto !important;background-position:-277px -398px}
    .btnC_s.typeChk:hover {background:#fff !important;}
    .btnC_s.typeChk:hover>span {color:#4286ea !important}
    .btnC_s.typeChk:hover>span:before  {background-size: 360px auto !important;background-position:-277px -398px}
    .btnC_s.typeChk.on>span:before {background-position:-304px -368px;}

    .btn_recommAi {position:relative;padding:0 15px;height:30px;}
    .btn_recommAi>span {height:28px;padding-left:25px;font-size:12px;line-height:28px;}
    .btn_recommAi>span:before {width:20px;background-size:340px auto;background-position:-93px -406px;}

    .btn_titR {margin-top:-39px;margin-bottom:15px;}
    .btn_titR .tit_mail {line-height: 30px;}

    .info_bubble {width:250px;right:-320px;padding:10px;}
    .info_bubble br {display:none;}
    .info_bubble ul.list_dotBlack>li {font-size:13px;}

    .moreVideoArea .file-download img {height:17px;}

    /* paging */
    .pagination>button,
    .pagination>a,
    .pagination>button>span,
    .pagination>a>span {width:14px;height:28px;}
    .pagination .paging {height:28px;}
    .pagination .paging>li {padding:0 3px;}
    .pagination .paging>li>button,
    .pagination .paging>li>a {min-width:28px;height:28px;padding:0 3px;font-size:13px;line-height:28px;}

    .no_article_box {padding:10px 20px;}
    .no_article {display:block;width:100%;padding:95px 0 33px;background:url(../img/board/ico_noArticle.png) no-repeat 50% 30px;background-size:auto 50px;font-size:15px;line-height:16px;}

    /* input */
    .inp_r>input[type=radio] {left:1px;top:2.3px;width:17px;height:17px;}
    .inp_r>label {min-height:18px;padding:2px 0 0 28px;background-size:auto 20px !important;font-size:13px !important;line-height:17px !important;}
    .inp_r>label:before {width:20px;height:20px;background-size:340px auto;background-position:-140px -194px;}
    .inp_r>input[type=radio]:checked+label:before {background-position:-235px -7px}
    .inp_r>input[type=radio]:disabled+label:before {background-position:-174px -194px;}
    .inp_r>input[type=radio]:disabled:checked+label:before {background-position:-235px -40px;}


    .inp_c>input[type=checkbox] {top:1px;left:1px;width:17px;height:17px;}
    .inp_c>label {min-height:18px;padding:2px 0 0 29px;background-size:auto 20px !important;font-size:13px !important;line-height:17px !important;}
    .inp_c>label:before {width:20px;height:20px;background-size:340px auto;background-position:-7px -195px;}
    .inp_c>input[type=checkbox]:checked+label:before {background-position:-74px -195px;}
    .inp_c>input[type=checkbox]:disabled+label:before {background-position:-41px -195px;}
    .inp_c>input[type=checkbox]:disabled:checked+label:before {background-position:-107px -195px;}

    .inp_c.only>label {height:17px;}
    .inp_c.bookmark>label {padding:1px 0 0 19px;background-size:14px auto !important;}

    .inp_s,
    .inp_t {height:30px;line-height:30px;}
    .inp_t,
    .inp_s,
    .inp_area {font-size:13px;}

    .picker_txt {padding-left:8px;line-height:30px;}
    .date-picker-control:link,
    .date-picker-control:visited {top:5px !important;vertical-align:top !important;}
    input.timepicker {background-position:right 10px top 7px !important;}
    .multipickerBox+.picker_txt {height:30px;}
    .multipickerBox>input {background-position:right 10px top 5px !important;}

    /*TAB*/
    #pageTab,
    #contTab_fix {margin-bottom:30px;}
    #contTab_line {margin-bottom:20px;font-size:15px;line-height:19px;}
    #pageTab .tabList>li a,
    #contTab_fix .tabList>li a {height:40px;font-size:14px;line-height:16px;}
    #contTab_line .tabList>li a {font-size:13px;line-height:17px;}
    #contTab_line .tabList>li a::before {height:2px;}
    #selectTab .tabList>li a  {height:40px;font-size:14px;line-height:16px;}
    
    #pageTab {max-width:100%;margin-top:0;margin-bottom:30px;border-bottom:1px solid #d9d9d9;padding-bottom:1px;touch-action:none;}
    #pageTab .tabList {padding:0 15px;border:none;}
    #pageTab .tabList li a {position:relative;height:42px;padding:0 13px;border:none;}
    #pageTab .tabList li a.on,
    #pageTab .tabList li a:hover {border:none;;background:none;color:#0f0f0f;box-shadow:none;color:#8366d0;font-weight:700;}
    #pageTab .tabList li a.on:before,
    #pageTab .tabList li a:hover:before {content:'';display:block;width:100%;height:3px;background:#8366d0;position:absolute;left:0;bottom:0;}

    #contTab_line {touch-action:none;}
    #contTab_line .tabList {padding:0px;border:none;padding-left:15px;}
    #contTab_line .tabList li {box-sizing:border-box;}
    #contTab_line .tabList li+li {padding-left:23px;}
    #contTab_line .tabList .tab2 li+li {margin-left:0;}
    #contTab_line .tabList li a {position:relative;display:inline-block;min-width:auto;height:25px;padding:3px 0 ;box-sizing:border-box;line-height:18px;font-size:14px;}
    #contTab_line .tabList li a::before {display:none;}
    #contTab_line .tabList li a.on:before,
    #contTab_line .tabList li a:hover:before {content:'';display:block;width:100%;height:3px;background:#8366d0;position:absolute;left:0;bottom:0;}
    #contTab_line.nTab .tabList {padding-left:0;white-space: nowrap;overflow-x:auto;}
    #contTab_line.nTab .tabList li+li {padding-left:12px;}

    #pageTab .tabList.tab1>li {width:auto;}
    #pageTab .tabList.tab2>li {width:auto;}
    #pageTab .tabList.tab3>li,
    #pageTab .tabList.tab6>li {width:auto;}
    #pageTab .tabList.tab4>li,
    #pageTab .tabList.tab7>li,
    #pageTab .tabList.tab8>li {width:auto;}
    #pageTab .tabList.tab5>li,
    #pageTab .tabList.tab9>li,
    #pageTab .tabList.tab10>li,
    #pageTab .tabList.tab11>li,
    #pageTab .tabList.tab12>li,
    #pageTab .tabList.tab13>li,
    #pageTab .tabList.tab14>li,
    #pageTab .tabList.tab15>li,
    #pageTab .tabList.tab16>li,
    #pageTab .tabList.tab17>li,
    #pageTab .tabList.tab18>li,
    #pageTab .tabList.tab19>li,
    #pageTab .tabList.tab20>li {width:auto;}

    #contTab_line .tabList.tab1>li {width:auto;}
    #contTab_line .tabList.tab2>li {width:auto;}
    #contTab_line .tabList.tab3>li,
    #contTab_line .tabList.tab6>li {width:auto;}
    #contTab_line .tabList.tab4>li,
    #contTab_line .tabList.tab7>li,
    #contTab_line .tabList.tab8>li {width:auto}
    #contTab_line .tabList.tab5>li,
    #contTab_line .tabList.tab9>li,
    #contTab_line .tabList.tab10>li,
    #contTab_line .tabList.tab11>li,
    #contTab_line .tabList.tab12>li,
    #contTab_line .tabList.tab13>li,
    #contTab_line .tabList.tab14>li,
    #contTab_line .tabList.tab15>li,
    #contTab_line .tabList.tab16>li,
    #contTab_line .tabList.tab17>li,
    #contTab_line .tabList.tab18>li,
    #contTab_line .tabList.tab19>li,
    #contTab_line .tabList.tab20>li {width:auto}

    .contTab_s {padding:10px 15px;}
    .contTab_s>ul {margin-top:-5px;}
    .contTab_s>ul>li {margin-top:5px;;}
    .contTab_s>ul>li>a {font-size:13px;padding:5px 10px;}
    .kock_dream .list_btn {margin:10px 0;}


    /* 
    #contTabFix .tabList.tab2>li {width:50%;}
    #contTabFix .tabList.tab3>li,
    #contTabFix .tabList.tab6>li {width:33.3%;}
    #contTabFix .tabList.tab4>li,
    #contTabFix .tabList.tab7>li,
    #contTabFix .tabList.tab8>li {width:25%;}
    #contTabFix .tabList.tab5>li,
    #contTabFix .tabList.tab9>li,
    #contTabFix .tabList.tab10>li,
    #contTabFix .tabList.tab11>li,
    #contTabFix .tabList.tab12>li,
    #contTabFix .tabList.tab13>li,
    #contTabFix .tabList.tab14>li,
    #contTabFix .tabList.tab15>li,
    #contTabFix .tabList.tab16>li,
    #contTabFix .tabList.tab17>li,
    #contTabFix .tabList.tab18>li,
    #contTabFix .tabList.tab19>li,
    #contTabFix .tabList.tab20>li {width:20%;}

    #contTab_line .tabList.tab2>li {width:50%;}
    #contTab_line .tabList.tab3>li,
    #contTab_line .tabList.tab6>li {width:33.3%;}
    #contTab_line .tabList.tab4>li,
    #contTab_line .tabList.tab7>li,
    #contTab_line .tabList.tab8>li {width:25%;}
    #contTab_line .tabList.tab5>li,
    #contTab_line .tabList.tab9>li,
    #contTab_line .tabList.tab10>li,
    #contTab_line .tabList.tab11>li,
    #contTab_line .tabList.tab12>li,
    #contTab_line .tabList.tab13>li,
    #contTab_line .tabList.tab14>li,
    #contTab_line .tabList.tab15>li,
    #contTab_line .tabList.tab16>li,
    #contTab_line .tabList.tab17>li,
    #contTab_line .tabList.tab18>li,
    #contTab_line .tabList.tab19>li,
    #contTab_line .tabList.tab20>li {width:20%;} */

    /* .selectTab_wrap {height:45px;}
    #selectTab {padding-top:12px;transition:.2s all;}
    #selectTab.fix {top:85px;}
    #selectTab>ul>li {padding:0 10px;}
    #selectTab>ul>li>button {padding-bottom:10px;font-size:16px;font-weight:500;}
    #selectTab>ul>li>button:before {height:3px;}
    #selectTab>ul:before {height:3px;}
    #selectTab>ul:after {bottom:2px;}
    #selectTab>ul>li>button:hover {color:#0f0f0f;}
    #selectTab>ul>li>button.on {color:#4286ea}
    #selectTab>ul>li>button:hover:before {left:50%;width:0;}
    #selectTab>ul>li>button.on:before {left:0;width:100%;} */

    .selectTab_wrap {margin-bottom:30px;}
    #selectTab {max-width:100%;margin-top:0;border-bottom:1px solid #d9d9d9;padding-bottom:1px;touch-action:none;}
    #selectTab.fix {top:181px;}
    #selectTab .tabList {padding:0 15px;border:none;white-space:nowrap;}
    #selectTab .tabList li {width:auto !important}
    #selectTab .tabList li a {position:relative;height:42px;padding:0 13px;border:none;}
    #selectTab .tabList li a:hover {border:inherit;;background:inherit;box-shadow:none;color:inherit;font-weight:inherit;}
    #selectTab .tabList li a.on {border:none;;background:none;color:#0f0f0f;box-shadow:none;color:#8366d0;font-weight:700;}
    #selectTab .tabList li a:hover:before {display:none;}
    #selectTab .tabList li a.on:before {content:'';display:block;width:100%;height:3px;background:#8366d0;position:absolute;left:0;bottom:0;}


     /* sub util */
    .sub_util .url_link {margin-right:10px;}
    .sub_util .url_link>span {font-size:14px;line-height:30px;}
    .sub_util .btn_original {width:83px;height:30px;margin-top:0;line-height:30px;font-size:13px;}
    .sub_util .radioGrp .sort {padding-right:10px;line-height:30px;font-size:14px;}
    .sub_util .radioGrp .inp_r {margin-right:8px;margin-top:4px;}

    /* 하단 컨텐츠 */
    .pageBtm_bnr {margin:40px auto 20px;}
    .pageBtm_bnr .bnrArea+.bnrArea {margin-top:20px;}
    .pageBtm_bnr .bnrArea.type2,
    .pageBtm_bnr .bnrArea.type3 {width:calc(100% + 20px);margin-left:-20px;}
    .pageBtm_bnr .bnrArea.type2 .item {width:calc(50% - 20px);margin-left:20px;}
    .pageBtm_bnr .bnrArea.type3 .item {width:calc(33.333% - 20px);margin-left:20px;}
 
    /*title, list*/
    .pageTit {font-size:30px;line-height:40px;}
    .contTit_g {margin-bottom:15px;font-size:25px;}
    .contTit {margin-bottom:15px;font-size:21px;}
    .contTit_line {margin-bottom:20px;padding-bottom:12px;font-size:21px;}
    .contTit_line:before {width:30px;height:2px;}
    .contTit_s {margin:0px 0 10px 0;font-size:17px;line-height:1.5em;}
    .contTit_ss {margin:0 0 5px;font-size:16px;font-weight:500;}

    .pointExclam {margin-top:8px;}

    p.txt {font-size:14px;}

    .urlTxt {padding-right:15px;background-size:11px auto;background-position:right 0 top 6px;}

    .list_cirBlue>li {padding-left:14px;font-size:15px;line-height:1.5em;}
    .list_cirBlue>li::before {top:6px;width:8px;height:8px;border-width:2px;}
    .list_cirBlue>li p.txt {padding:5px 0;font-size:14px;}
    .list_cirBlue>li>.list_dotBlack {padding:5px 0;}

    .list_dotBlack>li {font-size:14px;line-height:1.5em;}
    .list_dotBlack>li+li {margin-top:4px;}
    .list_dotBlack>li::before {top:8px;}
    .list_dotBlack>li .list_lineBlack {padding-bottom:15px;}
    
    .list_lineBlack>li {font-size:14px;;line-height:1.5em;}
    .list_lineBlack>li+li {margin-top:4px;}
    .list_lineBlack>li::before {width:4px;}
    
    .txtNumList>li {padding-left:18px;font-size:14px;;line-height:1.5em;}
    .txtNumList>li>.num {position:absolute;left:0;top:1px;}

    .ol_numList>li {padding-left:18px;font-size:14px;line-height:1.5em;}
    .ol_numList>li .numTit {margin-left:-17px;margin-bottom:3px;}
    .ol_numList>li+li {margin-top:20px;}

    .noticeTit {height:20px;padding:0 7px;font-size:12px;line-height:20px;}

    .btnTitArea .contTit {font-size:25px;}
    .btnTitArea .btnGrp {margin-top:-45px;}

    p.exclam {padding-left:20px;background-position:left 0 top 2px;background-size:15px auto;font-size:14px;line-height:1.5em;}
    p.exclam+p.exclam {margin-top:3px;}
    p.exclam.Orange {background-position:0 2px;font-size:13px;}
    p.exclam.Orange:before {background-size:360px auto;background-position:-284px -98px;top:1px;}
    p.exclam.Orange .dot {padding-left:5px;font-size:13px;}
    p.exclam.Orange .dot:first-child {margin-top:3px;}
    p.exclam.Orange .dot:before {top:8px;}

    .telTxt {padding-left:17px;background-size:14px auto;background-position:left 0 top 3px;}

    /*table*/
    .lineTop_tbArea .lineTop_tb thead th,
    .lineTop_tbArea .lineTop_tb tbody td,
    .lineTop_tbArea .lineTop_tb2 thead th,
    .lineTop_tbArea .lineTop_tb2 thead td,
    .lineTop_tbArea .lineTop_tbL2 th,
    .lineTop_tbArea .lineTop_tbL2 td {font-size:14px;line-height:20px;}
    .lineTop_tbArea .lineTop_tb thead th {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tb tbody td {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tb2 thead th {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tb2 tbody td {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tbL th {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tbL td {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tbL2 th {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tbL2 td {padding:10px 15px;line-height:20px;}
    .lineTop_tbArea .lineTop_tb tbody td .inp_c.only {margin-left:6px;}
    .lineTop_tbArea .lineTop_tb2 tbody td .inp_c.only {margin-left:6px;}

    /*** 공통컨텐츠 ***/
    /* 사이트맵 */
    .sitemapArea {margin-top:0;}
    .sitemapArea .map_gnb {margin-top:-15px;margin-bottom:15px;}
    .sitemapArea .map_gnb>li {margin-top:15px;}
    .sitemapArea .map_gnb>li>a {font-size:22px;}
    .sitemapArea #sitemap .menuM>li:nth-child(n+5) {margin-top:15px;}
    .sitemapArea #sitemap .menuM>li>a {margin-bottom:15px;font-size:16px;}
    .sitemapArea #sitemap .menuS>li>a {margin-bottom:10px;font-size:14px;line-height:17px;}
    .sitemapArea #sitemap .menuSS>li>a {font-size:13px;line-height:20px;}

    /* 에러페이지 */
    .conts_error {margin-top:40px;}
    .conts_error .errorBox {width:650px;height:auto;padding-top:75px;background-size:62px auto;}
    .conts_error .errorBox strong {margin-bottom:10px;font-size:20px;line-height:28px;}
    .conts_error .errorBox p {margin-bottom:30px;font-size:14px;line-height:23px;}
    .conts_error .btnC>span {min-width:120px;min-height:38px;font-size:14px;line-height:40px;}
    .conts_error .errorBox .btn_area {padding-top:20px;}
    .conts_error .errorBox .btn_area>.btnC+.btnC {margin-left:5px;}
    .conts_error .info {padding:15px;}
    .conts_error .info>b:nth-child(n+2) {margin-top:10px;}

    /*snb*/
    #snb,
    #snb::before,
    #snb .snb_wrap,
    #snb .snb_mem>div {height:60px;}
    #snb::before {left:0;width:100%;margin-left:0;background:#8568ce url(../img/common/m/menuSearch_bg.png) no-repeat right top;background-size:auto 60px;}
    #snb .snb_wrap {padding:0 15px;}
    #snb .snb_mem .name {margin-right:5px;font-size:16px;line-height:21px;}
    #snb .snb_mem .name>em {font-size:12px;}
    #snb .snb_mem .level {height:15px;padding:0 7px;border-radius:8px;font-size:11px;line-height:15px;}
    #snb .snb_memInfo {padding:14px 0;}
    #snb .snb_memInfo>li {height:32px;padding:0 30px;font-size:12px;line-height:16px;text-align:right;}
    #snb .snb_memInfo>li b {margin:0;font-size:12px;line-height:16px;text-align:left;}

    #snb_board {height:42px;}
    #snb_board .snb_wrap {height:42px;padding:0 15px;}
    #snb_board .snb_bookmark {width:100%;max-width:none;height:22px;padding:10px 0;}
    #snb_board .snb_bookmark .slick-arrow {display:none !important}
    #snb_board .snb_bookmark>strong {margin-right:10px;font-size:12px;line-height:22px;}
    #snb_board .snb_bookmark .list {padding:0;}
    #snb_board .snb_bookmark .list .unit a {height:21px;font-size:12px;line-height:23px;}
    #snb_board .snb_nav {display:none;}

    #snb_totalSearch {height:124px;}
    #snb_totalSearch::before {height:124px;background-position:left center;}

    /*snb*/
    #pnb .pnb_menu {padding-top:4px;}
    #pnb .pnb_menu .pnbTit,
    #pnb .pnb_menu .pnbList {position:relative;z-index:10;}
    #pnb .pnb_menu .pnbList .btnTit {font-size:25px;line-height:35px;}
    #pnb .pnb_menu .pnbList .menu .btnTit {padding-right:26px;}
    #pnb .pnb_menu .pnbList .menu .btnTit:before {right:0;width:21px;height:21px;margin-top:-10.5px;background-size:350px auto;background-position:-190px -295px;}
    #pnb .pnb_menu .pnbList .menu .btnTit:hover:before {background-position:-201px -125px;}
    #pnb .pnb_menu .pnbList.on .menu .btnTit:before {background-position:-201px -161px;}
    #pnb .pnb_menu .pnbList .menu_txt>span {height:35px;padding-left:0;font-size:13px;line-height:17px;}
    #pnb .pnb_menu .pnbList .menu>ul {top:35px;}
    #pnb .pnb_menu .pnbList .menu>ul {min-width:150px;max-width:310px;padding:12px 10px 3px;}
    #pnb .pnb_menu .pnbList .menu>ul>li {margin-bottom:9px;}
    #pnb .pnb_menu .pnbList .menu>ul>li>a {font-size:13px;line-height:17px;}
    #pnb .pnb_func .shareBox strong {margin-bottom:9px;font-size:13px;line-height:17px;}
    #pnb .pnb_func .shareBox ul>li>a {min-width:35px;min-height:35px;padding-top:39px;font-size:12px;line-height:16px;}
    #pnb .pnb_func .shareBox ul>li>a:before {width:35px;height:35px;margin-left:-17.5px;background-size:300px auto;background-position:-7px -5px;}
    #pnb .pnb_func .shareBox .btn_facebook:before {background-position:-5px -5px;}
    #pnb .pnb_func .shareBox .btn_twitter:before {background-position:-50px -50px;}
    #pnb .pnb_func .shareBox .btn_kakaotalk:before {background-position:-50px -5px;}
    #pnb .pnb_func .shareBox .btn_nBlog:before {background-position:-5px -50px;}
    #pnb .link img {height:15px;margin-right:0;}
    #pnb .link .btn_shortcut {padding-right:20px;background-size:auto 15px;}

    #pnb .pnb_nav {margin-right:15px;padding-top:5px;}
    #pnb .pnb_nav>a {margin-top:8px;}
    #pnb .pnb_nav>ul>li {padding-left:22px;background-position:left 9px top 11px;}
    #pnb .pnb_nav>ul>li>span {font-size:15px;line-height:35px;}

    #pnb .pnb_nav .navTit,
    #pnb .pnb_nav .navList .btnTit {font-size:15px;line-height:35px;}
    #pnb .pnb_nav .navList .menu>ul {top:35px;}
    #pnb .pnb_nav .navList .menu>ul {min-width:150px;max-width:310px;padding:12px 10px 3px;}
    #pnb .pnb_nav .navList .menu>ul>li {margin-bottom:9px;}
    #pnb .pnb_nav .navList .menu>ul>li>a {font-size:13px;line-height:17px;}

    /*로그인*/
    .login{max-width:450px;padding-top:15px;}
    .login .info {padding-top:8px;font-size:13px;}
    .login .loginTit {font-size:25px;}
    .login .loginFid{padding:15px 0;}
    .login .loginFid .label {margin-bottom:5px;}
    .login .linkGrp {margin-top:15px;}
    .login .linkGrp li::before {height:13px;}
    .login .linkGrp li:last-child {display:none;}
    .login .linkGrp li:nth-child(2)::before {display:none;}
    .login .linkGrp li a {padding:0 13px;}
    .login .lineInfo {margin-top:25px;padding-top:15px;font-size:13px;}
    .login .btnC.Blue {width:100%;margin-top:5px;}
    .loginFid .inp_t {height:34px;}

    /* 로그아웃 팝업 */
    #pop_logout {max-width:350px;max-height:265px;}
    #pop_logout .logout>p {padding-top:60px;background-size:32px auto;font-size:20px;}
    #pop_logout .logout>strong {font-size:23px;line-height:33px;}
    #pop_logout.popLayout .btnArea {padding-top:20px !important}
    
    /*검색옵션*/
    .searchOptBox {margin-bottom:47px;}
    .searchOptBox .searchOpt {margin-bottom:25px;}
    .searchOptBox .searchOpt .btn {padding-top:10px;}
    .searchOptBox .searchOp>form>ul>li {padding:15px 0 5px;}
    .searchOptBox .searchOpt>ul>li {padding:15px 0 5px;}
    .searchOptBox .searchOpt .optGrp {width:100% !important;padding:0;font-size:0;text-align:left;}
    .searchOptBox .searchOpt .optGrp>.sort {display:inline-table;position:relative;top:1px;overflow:hidden;width:100px !important;font-size:13px;line-height:17px;}
    .searchOptBox .searchOpt .optGrp>.opt {display:inline-table;width:calc(100% - 100px) !important;margin-left:0 !important;}
    .searchOptBox .searchOpt .optGrp>.optSetDate {display:inline-table;width:calc(100% - 100px) !important;margin-left:0 !important;vertical-align:middle;}
    .searchOptBox .searchOpt .optGrp>.opt .inp_s {width:100% !important;}
    .searchOptBox .searchOpt .optGrp>.opt .optSet01 .inp_s {width:150px !important}
    .searchOptBox .searchOpt .optGrp>.opt .w300 {width:100%;}
    .searchOptBox .searchOpt+.boxBtn {margin-bottom:-15px;}
    .searchOptBox .searchOpt>ul>li.typeHalf .optGrp+.optGrp {margin-left:0px;}
    .searchOptBox .searchOpt>ul>li.typeHalf2 .optGrp+.optGrp {margin-left:0px;}
    
    .searchOptBox .searchOpt>ul>li.typeHalf3 .optGrp+.optGrp {margin-left:0;}
    .searchOptBox .searchOpt>ul>li.typeHalf3 .optSetDate .inp_t {width:135px}
    .searchOptBox .searchOpt>ul>li.typeHalf3 .optSetDate .picker_txt {padding-left: 5px;width:20px;text-align:center;font-size:14px;}
    
    .searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp+.optGrp {margin-left:0;}
    .searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp+.optGrp .opt select {width:calc(50% - 2.5px) !important;}
    .searchOptBox .searchOpt>ul>li.typeHalf4 .optGrp+.optGrp .opt select+select {margin-left:5px;}
    

    .searchOptBox .searchOpt>ul>li.compare{padding-right:150px;}
    .searchOptBox .searchOpt>ul>li.compare .compare_Btn{top:18px;}
    .searchOptBox .searchOpt .txtArea {padding-bottom:4px;}
    .searchOptBox .boxBtn {height:33px;margin-bottom:-35px;}
    .searchOptBox .boxBtn>button {width:149px;height:33px;border-radius:17px;}
    .searchOptBox .boxBtn>button>span {padding-right:15px;font-size:13px;line-height:33px;background-size:auto 6px !important;}
    .searchOptBox .inp_r,
    .searchOptBox .inp_c {margin:4px 0;}
    .searchOptBox .P70 .optGrp+.optGrp {margin-top:10px;}
    .searchOptBox .radioNcheck>li {width:25%;padding-right:10px;margin:0;box-sizing:border-box;}
    .searchOptBox .radioNcheck.typeFindCode {position:relative;padding-bottom:45px;margin-top:5px;}
    .searchOptBox .radioNcheck.typeFindCode>li {width:100px;}
    .searchOptBox .radioNcheck.typeFindCode .inp_r {width:80px;margin-right:10px;}
    .searchOptBox .radioNcheck.typeFindCode .inp_t {position:absolute;left:0;bottom:10px;width:calc(100% - 65px) !important;margin-bottom:0;}
    .searchOptBox .radioNcheck.typeFindCode .btnC_s {position:absolute;right:0;bottom:10px;margin-bottom:0;}
    .searchOptBox .typeFindCode2 {max-width:100%;}
    .searchOptBox .typeFindCode2 .inp_t:nth-of-type(1) {width:calc(40% - 35px);margin-right:5px;}
    .searchOptBox .typeFindCode2 .inp_t:nth-of-type(2) {width:calc(60% - 35px);margin-right:5px;}
    .topSearchOptBox {padding:15px;margin-bottom:15px;}
    .searchOptBox .searchOpt>ul>li.typeTriple3 .radioNcheck>li {width:auto;}

    .compare_Btn>span{padding-right:17px;background-size:13px auto !important;height:28px;line-height:30px;font-size:13px;}

    /* 마이드림 */
    .btnL+.tbArea_btn {margin-top:-35px;}

    .myDream .topTxt {margin-bottom:15px;padding-left:20px;background-position:left 0 top 2px;background-size:15px auto;font-size:14px;line-height:1.5em;}
    .myDream .topBtn .btnC_s {padding:0 15px;}
    .myDream .tit {margin-bottom:10px !important;font-size:20px !important;}
    .myDream .tit .sub_tit {font-size:13px !important;}
    .myDream .lineList_tb td .navi {padding-right:17px;}
    .myDream .lineList_tb td .navi:after {top:4px;right:4px;}
    .myDream.talk .listNum {margin-bottom:10px;}
    .myDream.account p.exclam.Orange {margin-bottom:15px !important;}
    .myDream.findParter_view .area>p .tit {margin-bottom:0 !important;font-size:14px !important}
    .myDream.findParter_view .area>p+p {margin-top:5px;}
    .myDream.findParter_view .area>p:before {top:7px;}
    .myDream.stepInfo .searchOptBox {margin-bottom:50px}


    .searchOptBox .searchOpt .searchSite>li {margin-right:25px;}
    .searchOptBox .searchOpt .optGrp.searchSolo>.sort {width:40px !important}

    .lineList_tbW.typeInterstInfo .selIndustry {margin-top:-10px;}
    .lineList_tbW.typeInterstInfo .selIndustry .inp_c {margin-top:10px;}
    .lineList_tbW.typeInterstInfo .selCountry {margin-top:-10px;}
    .lineList_tbW.typeInterstInfo .selCountry .inp_c {margin-top:10px;}
    .lineList_tbW.typeInterstInfo .findCodeArea .btn_reset {height:30px;background-position:left 0 top 5px;line-height:30px;}
    .lineList_tbW.typeInterstInfo .findCodeArea {padding-left:0;}
    .lineList_tbW.typeInterstInfo .findCodeArea .btnFind {position:inherit;left:0;top:0;margin-top:0;}
    .lineList_tbW.typeInterstInfo .findCodeArea .btnDel {margin-left:0;}
    .lineList_tbW.typeInterstInfo .selCode .inp_r {top:-5px;margin-right:4px;}
    .lineList_tbW.typeInterstInfo .selCode .inp_r>label {font-size:14px !important}
    .lineList_tbW.typeInterstInfo .typeCodeTb {margin-top:10px;margin-bottom:0;}
    .lineList_tbW.typeInterstInfo .typeCodeTb .lineTop_tb2 tbody td .inp_c.only {margin-left:6px;}
    .lineList_tbW.typeInterstInfo colgroup>col:nth-child(1) {width:225px;}

    .icoLineBox.noArticle {padding-top:23px;padding-bottom:23px;background-position: left 25px top 50%;}
    .icoLineBox.noArticle p.txt {font-size:15px;}
    .icoLineBox .btn_original {margin-top:2px;height:23px;;line-height:23px;font-size:12px;}

    .dropDown_infoArea .titBtn {height:50px;padding:13px 50px 15px 20px}
    .dropDown_infoArea .titBtn .tit {font-size:18px !important;}
    .dropDown_infoArea .titBtn .date {margin-top:3px;font-size:13px;}
    .dropDown_infoArea .titBtn .inp_c>label {font-size:18px !important;}
    .dropDown_infoArea .titBtn .inp_c {margin-right:15px;}
    .dropDown_infoArea .default.on::before {right:20px;top:17px;background-size:15px auto;}
    .dropDown_infoArea .default::before {right:20px;top:17px;background-size:15px auto;}
    .dropDown_infoArea .wrap {padding:20px;}
    .dropDown_infoArea .default::before {top:18px;}
    .dropDown_infoArea .findSel .inp_t {width:calc(100% - 65px);margin-right:5px;}
    .dropDown_infoArea .labelSel {display:block;}
    .dropDown_infoArea .labelSel+.labelSel {margin-top:5px;}
    .dropDown_infoArea .labelSel em {line-height:30px;font-size:13px;}
    .dropDown_infoArea .lineList_tbW tr:last-child {padding-bottom:0;}
    .dropDown_infoArea .titBtn .inp_c+.inp_r {margin-right:0;}
    .dropDown_infoArea .findAddress>.find .btnC_s {margin-right:5px;}
    .dropDown_infoArea .findAddress>.find .btnC_s+.inp_t {width:calc(100% - 94px);}
    .dropDown_infoArea .findAddress>span+span {margin-top:5px;}
    .dropDown_infoArea .findSelCode {max-width:100%;padding:0;}
    .dropDown_infoArea .findSelCode1 .inp_t {width:calc(100% - 69px);margin-left:5px;}
    .dropDown_infoArea .findSelCode1 .inp_t+.inp_t {margin-top:5px;}
    .dropDown_infoArea .findSelCode2 .inp_t+.inp_t {margin-top:5px;}
    .dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(1) {width:calc(100% - 70px);margin-left:5px;}
    .dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(2) {width:calc(60% - 5px);margin-right:5px;margin-left:0;margin-top:5px;}
    .dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(3) {width:40%;margin-left:0;margin-top:5px;}
    .dropDown_infoArea .issueSel .btn {float:inherit;position:absolute;right:0;top:5px;}
    .dropDown_infoArea .infoArea .state {min-height:30px;}

    .myDream.talk .contTit:nth-child(n+2) {margin-top:50px;}
    .myDream .contTit:nth-of-type(n+2) {margin-top:50px;}

    .logStatus {width:300px;}
    .logStatus .date {display:block;height:30px;line-height:30px;vertical-align:top;}
    .logStatus .ip {display:block;height:30px;line-height:30px;vertical-align:top;}
    .inpW_set .inp_t {width:200px;margin-right:5px;}
    .inpW_set .inp_s {width:200px;margin-right:5px;}
    .inpW_id .inp_t {width:200px;}
    .inpW_findPw .inp_t {width:200px;margin-right:5px;}

    .kock_dream .searchOptBox .radioNcheck>li {margin-right:0;}
    .kock_dream .searchOpt .schGrp .grp {padding-left:40px;}
    .kock_dream .searchOpt .schGrp .grp .tit_s {top:5px;margin-bottom:5px;font-size:13px;}
    /* .kock_dream .schSel {max-width:250px;} */
    .outlineArea {padding:20px;}

    .kock_dream .tit_btn {margin-top:-45px;margin-bottom:15px;}
    .kock_dream .btnC_s {padding:0 15px;}
    .btnC_s.arrR>span {padding-right:12px;}
    .btnC_s.arrR>span:before {background-position:-340px -425px;width:4px;margin-top:-4px;}
    .kock_dream .contTit_b {font-size:25px;}
    .kock_dream .contTit_b:nth-child(n+2) {margin-top:40px;}
    .flowBox a .info span {font-size:14px;}
    .flowBox {padding-left:20px;}
    .flowBox a .tit {margin-right:15px;}
    .flowBox .unit {margin-right:30px;}
    .flowBox a .info span+span:before {height:12px;}

    /* 국기리스트 */
    .flagList .flagTit {height:40px;margin-top:25px;line-height:40px;font-size:16px;}
    .flagList>ul {padding:30px 20px;}
    .flagList>ul>li {width:25%;}
    .flagList>ul>li:nth-child(n+5) {margin-top:30px;}
    .flagList>ul>li>a span {line-height:30px;font-size:17px;}
    .flagList>ul>li>a img {width:30px;height:30px;}
    .flagList2>ul>li>a img {width:100px;height:65px;}
    .flagList .flagTit .inp_c  {margin-right:2px;}

    /* 코드검색 팝업 */
    #pop_hskNmtiCode {max-height:90%}
    #pop_hskNmtiCode .lineTop_tbArea.selTable .lineTop_tb2 tbody td {font-size:13px;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox .sort {top:8px;width:100px;font-size:14px;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox {padding-left:100px;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {width:calc(35% - 2.5px);margin-right:5px;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:calc(65% - 2.5px);}
    #pop_hskNmtiCode .optBoxWrap .btnArea {width:125px;margin-left:5px !important}
    #pop_hskNmtiCode .optBoxWrap ul {width:calc(100% - 130px)}

    #pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td {font-size:14px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td ul.list_dotBlack li {font-size:14px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td.txtL {padding-left:15px;padding-right:95px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .btnLow {right:15px;bottom:10px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .btnLow .btnC_s>span {height:23px;line-height:25px;font-size:12px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .arrBtn {right:30px;width:30px;height:30px;right:10px;top:11px;background-size:15px auto !important;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .tit {font-size:14px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .info {font-size:14px;}



    /* 뉴스레터 신청 팝업 */
    #pop_applyNewsLetter .sel_addTxt {font-size:13px;}
    #pop_applyNewsLetter .selInfo {padding:10px 0;}
    #pop_applyNewsLetter .selInfo .inp_c+.inp_c {margin-top:10px;}
    #pop_applyNewsLetter .selIndustry {padding:10px 0;}
    #pop_applyNewsLetter .selIndustry>.inp_c {width:calc(33.333% - 10px)}
    #pop_applyNewsLetter .selIndustry>.inp_c:nth-child(n+4) {margin-top:10px;}
    #pop_applyNewsLetter .agreeCont .list_hyphen>li {font-size:14px;}
    #pop_applyNewsLetter .agreeCont .list_hyphen>li+li {margin-top:0;}
    #pop_applyNewsLetter .agreeCont>div {line-height:22px;}
    #pop_applyNewsLetter .agreeCont>div br {display:none;}
    #pop_applyNewsLetter .agreeArea fieldset legend {font-size:14px;}
    #pop_applyNewsLetter .inp_c>input[type=checkbox] {width:19px;}
    #pop_applyNewsLetter .agreeArea .btn_agreeArr>span {font-size:13px;}
    #pop_applyNewsLetter .topTxt {margin-bottom:10px;font-size:14px;}
    #pop_applyNewsLetter .agreeBox {padding:15px;}
    #pop_applyNewsLetter .agreeArea.on .agreeCont {padding:15px;}
    #pop_applyNewsLetter .agreeCont>div+div {margin-top:10px;}

    /* 신고하기 팝업 */
    #pop_commentReport colgroup col:nth-child(1) {width:70px !important;}
    #pop_commentReport .lineTop_tbArea th {padding-left:5px;padding-right:5px;}
    #pop_commentReport .selResonArea {margin-bottom:10px;}
    #pop_commentReport .selResonArea .inp_r+.inp_r {margin-top:8px;}

    /* etc */
    .pcBr {display:none;}
    .pdfFrame {height:400px;}
    .fileI {padding-left:23px !important;background-size:auto 17px !important}

    .sub_util .btnGrp .btnC_s {min-width:76px;}
    .schCodeArea .schResult ul>li>a span {font-size:14px;}
    .schCodeArea .schResult ul>li>a {padding:10px 15px;}
    .schCodeArea .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv2 .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv3 .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv3 .schResult ul>li>a .code {max-width:100%;text-align:left;}
    .schCodeArea .lv4 .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv4 .schResult ul>li>a .code {max-width:100%;text-align:left;}
    .schCodeArea .schResult ul>li>a .code {position:relative;display:block;left:0;top:0;}

    #pop_kiscCode .optBoxWrap {margin-bottom:20px;}
    #pop_kiscCode .optBoxWrap ul>li .optBox .sort {top:8px;width:75px;font-size:14px;}
    #pop_kiscCode .optBoxWrap ul>li .optBox {padding-left:75px;}
    #pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {margin-right:5px;}
    #pop_kiscCode .optBoxWrap .btnArea {width:145px;}
    #pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:65%}
    #pop_kiscCode .optBoxWrap .btnArea {margin-left:5px;}
    #pop_kiscCode .optBoxWrap ul {width:calc(100% - 155px)}
    #pop_kiscCode .no_article>span {width:210px;}

    .kockDream_tit {font-size:23px;}
    .kockDream_tit em {font-size:27px;letter-spacing:0;}

    .findPartner .gray_Icon_box {margin-bottom:20px;}

    .myDream.partner_write .agreeArea .chk_radio {margin-left:20px;}
}

@media all and (max-width:900px){
    /* 국기리스트 */
    .flagList.typeChk>ul>li {width:33.333%;}
    .flagList.typeChk>ul>li:nth-child(n+4) {margin-top:30px;}
    .flagList.typeChk>ul>li>a span {font-size:16px;}
}

@media all and (max-width:768px){
    /*** style_guide ***/
    /* paging */
    .pagination .paging {width:160px;}
    .pagination .paging>li {padding:0 1px;}
    .pagination .paging>li:nth-child(n+6) {display:none;}
    .pagination+.btnAreaL,
    .pagination+.btnAreaR,
    .pagination+.btnAreaC {padding:30px 0 0 !important;text-align:center !important;}
    .pagination+.btnAreaL>a, .pagination+.btnAreaL>button,
    .pagination+.btnAreaR>a, .pagination+.btnAreaR>button,
    .pagination+.btnAreaC>.fL>a,.pagination+.btnAreaC>.fl>button,
    .pagination+.btnAreaC>.fR>a,.pagination+.btnAreaC>.fR>button {position:relative !important;}

    .mbHdn {display:none;}

    .sub_util {margin-bottom:10px}
    .sub_util .btnGrp .btnEtc {margin-right:-75px;margin-top:35px;}
    .sub_util .btnGrp .btnEtc a:last-child {margin-right:0;}
    .findPartner .sub_util .btnGrp .btnEtc {margin-right:0;}

    /* TAB */
    #pageTab {margin-bottom:20px;}
    
    .selectTab_wrap {margin-bottom:20px;} 
    /* #pageTab .tabList.tab2>li,
    #pageTab .tabList.tab3>li,
    #pageTab .tabList.tab6>li,
    #pageTab .tabList.tab4>li,
    #pageTab .tabList.tab7>li,
    #pageTab .tabList.tab8>li,
    #pageTab .tabList.tab5>li,
    #pageTab .tabList.tab9>li,
    #pageTab .tabList.tab10>li,
    #pageTab .tabList.tab11>li,
    #pageTab .tabList.tab12>li,
    #pageTab .tabList.tab13>li,
    #pageTab .tabList.tab14>li,
    #pageTab .tabList.tab15>li,
    #pageTab .tabList.tab16>li,
    #pageTab .tabList.tab17>li,
    #pageTab .tabList.tab18>li,
    #pageTab .tabList.tab19>li,
    #pageTab .tabList.tab20>li {width:33.3%;} */
    /* #pageTab .tabList.tab2>li {width:50%} */

    #contTab_fix {margin-bottom:20px;}
    /* #contTab_fix .tabList.tab2>li,
    #contTab_fix .tabList.tab3>li,
    #contTab_fix .tabList.tab6>li,
    #contTab_fix .tabList.tab4>li,
    #contTab_fix .tabList.tab7>li,
    #contTab_fix .tabList.tab8>li,
    #contTab_fix .tabList.tab5>li,
    #contTab_fix .tabList.tab9>li,
    #contTab_fix .tabList.tab10>li,
    #contTab_fix .tabList.tab11>li,
    #contTab_fix .tabList.tab12>li,
    #contTab_fix .tabList.tab13>li,
    #contTab_fix .tabList.tab14>li,
    #contTab_fix .tabList.tab15>li,
    #contTab_fix .tabList.tab16>li,
    #contTab_fix .tabList.tab17>li,
    #contTab_fix .tabList.tab18>li,
    #contTab_fix .tabList.tab19>li,
    #contTab_fix .tabList.tab20>li {width:33.3%;} */
    /* #contTab_fix .tabList.tab2>li {width:50%;} */

    /* #contTab_line {margin-bottom:15px;}
    #contTab_line .tabList {border-bottom:1px solid #ddd;}
    #contTab_line .tabList li a {min-width:130px;padding:10px 15px;} */

    /* 하단 컨텐츠 */
    .pageBtm_bnr .bnrArea .item {max-height:inherit;}
    .pageBtm_bnr .bnrArea.type2,
    .pageBtm_bnr .bnrArea.type3 {width:100%;margin-left:0;}
    .pageBtm_bnr .bnrArea+.bnrArea {margin-top:15px;}
    .pageBtm_bnr .bnrArea.type2 .item {width:100%;margin-left:0;}
    .pageBtm_bnr .bnrArea.type2 .item+.item {margin-top:10px;}
    .pageBtm_bnr .bnrArea.type3 .item {width:100%;margin-left:0;}
    .pageBtm_bnr .bnrArea.type3 .item+.item {margin-top:10px;}
    .pageBtm_bnr .bnrArea.type3 .item img {width:100%;}

    /* title */
    .pageTit {margin:0 0 25px;font-size:23px;line-height:33px;}
    
    /* text & list*/
    p.txt{font-size:14px;line-height:1.5em;}

    ul.list_dotBrown>li {font-size:14px;line-height:20px;}
    ul.list_num>li {font-size:14px;line-height:1.5em;}
    ul.list_dotLine>li {font-size:14px;line-height:1.5em;}

    .list_dotBlack>li {line-height:1.5em}

    .list_hyphen>li {line-height:1.5em}

    .ol_numList>li {line-height:1.5em}

	.exclam2{font-size:14px;background:url(../img/common/ico_cirExclam2.png) no-repeat 0 2px;background-size:15px 15px;padding-left:20px;}

    .topExclam.txtR {margin-bottom:10px;text-align:left !important;}

    /* 사이트맵 */
    .sitemapArea .map_gnb>li {width:50%;margin-top:0;}
    .sitemapArea #sitemap .menuM>li {width:50%;}
    .sitemapArea #sitemap .menuM>li:nth-child(n+3) {margin-top:15px;}

    /*snb*/
    #snb,
    #snb::before,
    #snb .snb_wrap {height:121px;}
    #snb {box-sizing:border-box;padding-top:5px;}
    #snb::before {background-size:auto 121px;}
    #snb .snb_mem>div {height:50px;}
    #snb .snb_memInfo {float:none;width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,0.2);}
    #snb .snb_memInfo>li {display:block;float:none;width:100%;height:auto;padding:0;border:none !important;}
    #snb .snb_memInfo>li+li {margin-top:5px;}
    #snb .snb_memInfo>li b {float:left;width:70px;margin:0;font-size:12px;line-height:16px;text-align:left;}

    /*pnb*/
    #pnb {margin-bottom:13px;padding:0;}
    #pnb .pnb_menu {margin-bottom:15px;}
    #pnb .pnb_menu .pnbList .menu_txt {display:block;width:100% !important;}
    #pnb .pnb_menu .pnbList .menu_txt>span {display:block;height:auto;}
    #pnb .pnb_menu .pnbList .menu>ul {z-index:50;}
    #pnb .pnb_func {position:relative;right:auto;top:auto;width:100%;margin-top:-40px;text-align:right;}
    #pnb .pnb_func>button {margin:0 5px 0 0;}
    #pnb .pnb_func>button {width:28px;height:28px;background-size:28px auto;}

    #pnb .pnb_func .btn_print {background-position:-53px -169px;background-size:370px auto;}
    #pnb .pnb_func .btn_share {background-position:-138px -169px ;background-size:370px auto;}
    #pnb .pnb_func .btn_bookmark {background-position:-57px -120px ;background-size:370px auto;}
    #pnb .pnb_func .btn_bookmark.on {background-position:-101px -120px;}
    #pnb .pnb_func .btn_copy:hover {background-position:-138px -169px ;background-size:370px auto;}
    #pnb .pnb_func .btn_down:hover {background-position:-138px -169px ;background-size:370px auto;}
    #pnb .pnb_func .btn_bookmark:hover {background-position:-101px -120px;}
    #pnb .pnb_func .btn_print:hover {background:url(../img/common/sprite_component.png) no-repeat -116px -206px;}
    #pnb .pnb_func .btn_share:hover,
    #pnb .pnb_func .btn_share.on {background-position:-213px -8px;}

    #pnb .pnb_func .shareBox {width:290px;z-index:40;}
    #pnb .pnb_func .shareBox .shareBox_wrap {padding-top:15px;}
    #pnb .pnb_func .shareBox ul>li {width:auto;}
    #pnb .pnb_func .shareBox ul>li.etc input {width:calc(100% - 66px);height:25px;font-size:12px;}
    #pnb .pnb_func .shareBox ul>li.etc .btn_urlCopy {width:66px;height:25px;font-size:12px;line-height:25px;}
    #pnb .pnb_func .shareBox .btn_close {right:10px;}
    #pnb .link {display:block;width:160px;}

    #pnb .pnb_nav {position:relative;display:block;padding-top:0;z-index:10;}
    #pnb .pnb_menu {position:relative;top:9px;padding-top:0;}
    #pnb .pnb_nav>a {margin-top:9px;}
    #pnb .pnb_nav>ul>li {padding-left:17px;background-position:left 6px top 12px;background-size:5px auto;}
    #pnb .pnb_nav>ul>li>span {font-size:14px;line-height:35px;}

    #pnb .pnb_nav .navTit,
    #pnb .pnb_nav .navList .btnTit {font-size:14px;line-height:35px;}

    #pnb .pnb_nav {overflow:visible;}
    #pnb .pnb_nav>a {float:inherit;display:inline-block;vertical-align:top;}
    #pnb .pnb_nav>ul {float:inherit;display:inline-block;vertical-align:top;}

    /* 에러페이지 */
    .conts_error .errorBox {width:380px;padding-top:70px;}
    .conts_error .errorBox strong {width:90%;font-size:17px;line-height:25px;}
    .conts_error .errorBox p {width:90%;font-size:13px;line-height:20px;}
    .conts_error .errorBox p br {display:none;}
    .conts_error .errorBox .btn_area>.btnC {min-width:110px;}

    .login{max-width:350px;}
    .login .loginFid {max-width:350px;}

    /*검색옵션*/
    .searchOptBox {margin-bottom:35px;}
    .searchOptBox .searchOpt_wrap {padding:0 20px;}
    .searchOptBox .radioNcheck>li {width:50%} 
    .searchOptBox .searchOpt .optGrp>.opt {width:100% !important}
    .searchOptBox .searchOpt .optGrp>.optSetDate {width:100% !important}
    .searchOptBox .searchOpt .optGrp>.sort {width:auto !important;margin-bottom:5px;}

    .searchOptBox .searchOpt>ul>li.compare .compare_Btn{position:static;float:right;margin:5px 0;}

    .searchOptBox .searchOpt .optGrp>.opt .optSet01 .inp_s {width:120px !important}  
    .searchOptBox .optSet01 .inp_t {width:calc(100% - 125px) !important}
    .searchOptBox .optSetDate .inp_t {width:115px !important;}

    .topSearchOptBox .radioNcheck {text-align:left;}
    .topSearchOptBox .inp_r, .topSearchOptBox .inp_c {margin:3px 0;}

    .sub_util .btnGrp .inp_s {display:block;min-width:243px;margin-right:0;margin-bottom:5px;}

    .icoLineBox.noArticle {padding-top:65px;background-position: left 50% top 15px;}
    .icoLineBox .btn_original {margin-left:7px;margin-right:5px;}
    .icoLineBox.noArticle p.txt br {display:block;}
    .icoLineBox.noArticle p.txt {text-align:center;line-height:26px;}
    .icoLineBox .btn_original {margin-top:0;}

    /* 마이드림 */
    .myDream .lineList_tb.typeBookMark tr {padding:15px 0 10px;}
    .myDream .tit .sub_tit {display:block;}
    .myDream .lineList_tb td .navi {line-height:17px;font-size:13px;}
    .myDream .lineList_tb td .navi:after {top:3.2px;background-size:5px auto;}
    .myDream .lineList_tb td.navigation {position:relative;top:0;}
    .myDream .lineList_tb td.navigation {padding-left:58px;}
    .myDream .lineList_tb td.navigation .mSort {position:absolute;left:5px;top:5px;font-size:13px;}
    .myDream .interestInfo .topTxt br {display:none;}
    .myDream.partner_write .gray_Icon_box .innerBox {padding-top:60px;}
    .myDream.findParter_view .lineList_tb.noCateg tr {padding-top:10px;}
    .myDream .lineList_tb.noCateg.reportList tr {padding-top:10px;}
    .myDream.infoStatus .btn_titR {margin-top:-10px;}
    .reN .lineList_tb.typeBookMark  .txtL.navigation {padding-left:5px;}


    .kockDream_tit em {display:block;margin-left:0;}


    .inpW_set .inp_t {width:calc(50% - 2.5px);margin-right:0;}
    .inpW_set .inp_t:first-child {margin-right:5px;}
    .inpW_set .inp_s {width:calc(50% - 2.5px);}
    .inpW_set .inp_s:first-child {margin-right:5px;margin-right:0;}
    .inpW_findPw .inp_t {width:200px;}

    .lineList_tbW.typeInterstInfo .typeCodeTb colgroup {display:block;}
    .lineList_tbW.typeInterstInfo .typeCodeTb colgroup col:nth-child(1) {width:100px !important;} 
    .lineList_tbW.typeInterstInfo .typeCodeTb {table-layout:fixed}
    .lineList_tbW.typeInterstInfo .typeCodeTb tr {display:table-row;}
    .lineList_tbW.typeInterstInfo .typeCodeTb th,
    .lineList_tbW.typeInterstInfo .typeCodeTb td {display:table-cell;width:auto;padding:10px 8px;font-size:13px;}
    .kock_dream .schSel {max-width:100%;margin-right:0;}

    /* 코드팝업 */
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td {padding:10px;font-size:13px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .lineTop_tb2 tbody td ul.list_dotBlack li {font-size:13px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .tit {font-size:13px;}
    #pop_hskNmtiCode .lineTop_tbArea.codeTable .codeInfoWrap .info {font-size:13px;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox {padding-left:0;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox .sort {position:inherit;left:0;top:0;display:block;margin-bottom:7px;}
    #pop_hskNmtiCode .optBoxWrap .btnArea {margin-top:19px !important}


    /* 국기리스트 */
    .flagList>ul>li {width:33.333%;}
    .flagList>ul>li:nth-child(n+4) {margin-top:30px;}
    .flagList.typeChk>ul>li {width:50%;padding-left:27px;}
    .flagList.typeChk>ul>li:nth-child(n+3) {margin-top:30px;}
    .flagList.typeChk>ul>li .inp_c.only {top:5px;}

    /* 로그인 팝업 */
    #pop_myDream_account_logInfo .lineTop_tbArea .lineTop_tb2 tbody td {padding-left:5px;padding-right:5px;font-size:13px;letter-spacing:-.5px;word-break:break-word;}
    #pop_myDream_account_logInfo.popLayout .popConts .popInner.limit {max-height:400px !important;}

    .flowBox {padding-right:20px;}
    .flowBox a .info {display:block;margin-top:5px;}
    .flowBox a .info span {font-size:13px;}
    .flowBox a .info span+span:before {height:11px;}

    .findPartner .gray_Icon_box .innerBox {padding-top:60px;}
}

@media all and (max-width:600px){
    .sub_util .btnGrp a,
    .sub_util .btnGrp button {margin:0 4px 0 0;}
    .sub_util .btnGrp a+button {margin-right:0;}
    .sub_util .urlArea {float:inherit;display:block;margin-bottom:7px;text-align:left;}


    /* 국기리스트 */
    .flagList>ul>li {width:50%;}
    .flagList>ul>li:nth-child(n+3) {margin-top:30px;}

    #pop_kiscCode .optBoxWrap ul>li .optBox .sort {position:relative;display:block;left:0;top:0;margin-bottom:5px;}
    #pop_kiscCode .optBoxWrap ul>li .optBox {padding-left:0;}
    #pop_kiscCode .optBoxWrap ul {width:100%;}
    #pop_kiscCode .optBoxWrap .btnArea {display:block;text-align:center;width:auto;margin-left:0 !important;margin-top:10px !important;}
    #pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {width:100%;margin-left:0;margin-bottom:5px;}
    #pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:100%;margin-left:0;}
    #pop_kiscCode .btnSel>a {min-width:80px;}
    #pop_kiscCode .btnSel {margin-top:10px;margin-bottom:10px;}
}

@media all and (max-width:560px){

    .btnTitArea {margin-bottom:10px;}
    .btnTitArea .contTit {margin-bottom:10px;}
    .btnTitArea .btnGrp {margin-top:0;float:inherit;text-align:right;;}

    /* 뉴스레터 신청 팝업 */
    #pop_applyNewsLetter .sel_addTxt {display:block;margin-left:28px;}
    #pop_hskNmtiCode .optBoxWrap {padding:20px;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox .sort {width:100%;}
    #pop_hskNmtiCode .optBoxWrap ul>li:nth-child(n+2) {margin-top:15px;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox {padding-left:0;}
    #pop_hskNmtiCode .optBoxWrap .btnC {min-width:90px}

    /* 마이드림 */
    .lineList_tbW.typeInterstInfo .findCodeArea .inp_code {width:100%;margin-right:0;margin-bottom:5px;}
    .lineList_tbW.typeInterstInfo .findCodeArea .inp_search {width:100%;margin-right:0;margin-bottom:5px;}
    .btnL+.tbArea_btn {margin-top:0;}
    .lineList_tbW.typeInterstInfo .selIndustry .inp_c {width:50%;}
    .lineList_tbW.typeInterstInfo .selCountry .inp_c {width:50%;}

    #pop_findAddress .infoTxt .exclam br {display:none;}

    #pop_reason .info>span {font-size:13px;line-height:20px;}
    #pop_reason .info>span::before {top:4px;}
    #pop_reason .info>span.categ {display:block;}
    #pop_reason .info>span.categ+span {padding-left:0;margin-left:0;}
    #pop_reason .info>span.categ+span::before {display:none;}

    .schCodeArea .schList>li {width:50%;}
    .schCodeArea .schList {border-left:1px solid #e2e2e2;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
    .schCodeArea .schResult ul>li>a:hover {background:#fff;}
    .schCodeArea .schResult ul>li>a.on {background:#e7effc !important}
    .schCodeArea .schList>li.lv1 {border-left:0;}
    .schCodeArea .schList>li.lv3 {border-left:0;border-bottom:0;}
    .schCodeArea .schList>li.lv2 {border-right:0;border-bottom:0;}
    .schCodeArea .schList>li.lv4 {border-right:0;border-bottom:0;}
    .schCodeArea .schList>li+li {margin-left:0;}
    .schCodeArea .schResult {max-height:180px;}
}

@media all and (max-width:500px){
    /* 에러페이지 */
    .conts_error .errorBox {width:300px;}

    /* 검색옵션 */
    .searchOptBox .inp_r>label, .searchOptBox .inp_r>label {padding-left:23px;}
    .searchOptBox .inp_r>label, .searchOptBox .inp_c>label {padding-left:25px;}
    #pop_hskNmtiCode .optBoxWrap ul {width:100%;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {width:100%;margin-right:0;}
    #pop_hskNmtiCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:100%;margin-top:5px;}
    #pop_hskNmtiCode .optBoxWrap .btnArea {width:100%;margin-top:15px !important}
    .sub_util .radioGrp {display:block;margin-bottom:3px;}
    .sub_util .radioGrp .inp_r:last-child {margin-right:0;}

    /* 마이드림 */
    .logStatus .btnC_s {display:block;}

    /* 뉴스레터 팝업 */
    #pop_applyNewsLetter .agreeArea .btn_agreeArr {float:inherit;display:block;margin-top:10px;}

    .flagList.typeChk>ul>li {width:50%;}
    .flagList.typeChk>ul>li:nth-child(n+3) {margin-top:30px;}

    .info_bubble {width:200px;right:-172px;top:32px;}
    .info_bubble:before {transform:rotate(90deg);left:15px;top:-11px;}

    .icoLineBox .btn_original {width:67px;padding-right:0;}
    .icoLineBox .btn_original:before {display:none;}
}


@media all and (max-width:450px){
    /* 로그인 */
    .login{max-width:300px;}
    .login .loginFid {max-width:300px;}

    /* 마이드림 */
    .dropDown_infoArea .labelSel {max-width:175px;}
    #pop_reportView .lineTop_tbArea .lineTop_tbL2 th br {display:block;} 
    #pop_reportView p.exclam {line-height:1.3em;margin-top:5px;}
    #pop_reason p.exclam {line-height:1.3em;margin-top:5px;}

    /* 국기리스트 */
    .flagList>ul {padding:20px 10px;}
    .flagList>ul>li>a img {width:25px;height:25px;margin-right:3px;}
    .flagList>ul>li>a span {font-size:15px;letter-spacing:-.5px}
    .flagList>ul>li:nth-child(n+3) {margin-top:20px;}
    .flagList.typeChk>ul>li .inp_c.only {top:3px;}
    .flagList.typeChk>ul>li>a span {font-size:14px;}
    .flagList.typeChk>ul>li:nth-child(n+3) {margin-top:20px;}


}

@media all and (max-width:380px){
    #startDt,
    #endDt {width:115px !important;}

    /* sub util */
    .sub_util .btnGrp {margin-right:0px;}
    .sub_util .btnGrp a,
    .sub_util .btnGrp button {margin:0 3px 0 0;}
    .sub_util .btnGrp .btnI {padding:0 7px;font-size:12px;}

    /* 로그아웃 */
    #pop_logout .logout>p {font-size:18px;}

    /* 마이드림 */
    .dropDown_infoArea .titBtn .tit {letter-spacing:-1px;}
    .dropDown_infoArea .titBtn .inp_c>label {letter-spacing:-1px;}

    /* 국기리스트 */
    .flagList.typeChk>ul>li {padding-left:55px;}
    .flagList.typeChk>ul>li>a img {position:absolute;left:25px;}
    .flagList.typeChk>ul>li>a span {display:inline-block;padding-top:7px;font-size:13px;line-height:14px;vertical-align:top;}

    .btn_titR {margin-top:-10px;}
}

@media all and (max-width:360px){
    #pnb .pnb_nav>ul>li {padding-left:15px;background-position:left 6px top 13px;}
    #pnb .pnb_nav>ul>li:last-child>span {font-size:13px;letter-spacing:-1px;}
    #pnb .pnb_nav>a {margin-top:10px;}
}

@media all and (max-width:330px){
    .searchOptBox .optSetDate .inp_t {width:110px !important;}
}

/*** popup ***/
/* pop layout */
.pop_iframe {display:none;position:fixed !important;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:2000;}
.pop_iframe.on {display:block;}
.pop_wrap {width:100%;height:100%;}

.popBody {position:absolute;width:100%;height:100%;overflow-y:auto;text-align:center;box-sizing:border-box;}
.popBody:before {content:'';position:relative;top:0;display:inline-block;width:0;height:100%;vertical-align:middle;}

/* pop layer */
.popLayout {position:relative;top:auto;display:inline-block;width:100%;background:#fff;z-index:1100;vertical-align:middle;}
.popLayout.popWin {left:0;top:0;} /* 일반팝업용(팝업 스크립트 중앙정렬 제거) */
/* .popLayout.popLayer {left:50%;top:50%;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}  */
/* 레이어팝업용(팝업 스크립트 중앙정렬 추가) */
.popLayout .popTit {display:block;padding:15px 40px 10px 40px;margin-bottom:0px;box-sizing:border-box;background:linear-gradient(-90deg, rgba(66,134,234,1) 0%, rgba(131,102,208,1) 100%);color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:25px;font-weight:500;line-height:30px;letter-spacing:-0.5px;text-align:left;}
.popLayout .btn_popClose {display:block;position:absolute;right:30px;top:20px;overflow:hidden;width:17px;height:17px;background:url(../img/common/sprite_component.png) no-repeat -365px -425px;text-indent:-200px;}
.popLayout .btnArea {padding-top:40px !important;padding-bottom:2px !important;}
.popLayout .btnArea .btnC_s {margin-bottom:0;}

/* pop 공통 */
.popLayout .topTxt {margin-bottom:15px;font-size:15px;color:#666;}
.popLayout .popConts {padding-bottom:45px;}
.popLayout .popConts .popInner {overflow:hidden;padding:40px 40px 0 40px;text-align:left;}
.popLayout .popConts .popInner .txt {letter-spacing:-0.5px;}
.popLayout .popConts .popInner.limit {overflow-x:hidden;overflow-y:auto;}
.popLayout .popConts .popInner.limit:focus {outline:none}

/* pop 내부의 pop */
.innerPopArea {position:absolute;bottom:0;left:0;width:100%;padding:35px 15px 40px 15px;box-sizing:border-box;background:#212e4e;text-align:center;letter-spacing:-0.2px;transition:0.3s all;color:#fff;animation:innerPopAni 0.5s forwards ease-out}
.innerPopArea .btnArea {padding-top:25px !important}
.innerPopArea .btnArea button {margin-bottom:0;}

@keyframes innerPopAni {
    0% {
        -webkit-transform:translateY(100px);
        -khtml-transform:translateY(100px);
        -moz-transform:translateY(100px);
        -ms-transform:translateY(100px);
        -o-transform:translateY(100px);
        transform:translateY(100px);
        -webkit-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        opacity:0;
    }
    100% {
        -webkit-transform:translateY(0);
        -khtml-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        -webkit-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        opacity:1;
    }
}


/* pop 개별 */

/* 팝업전용 미디어쿼리 */
@media all and (max-width:1041px){
    /* pop layout */
    .popLayout .popTit {padding:10px 40px 10px 25px;font-size:20px;line-height:25px;}
    .popLayout .btn_popClose {right:15px;top:15px;width:15px;height:15px;}
    .popLayout .popConts {padding-bottom:25px;}
    .popLayout .popConts .popInner{padding:25px 25px 0 25px;}
    .innerPopArea {padding:20px 10px 20px 10px}
    .popLayout .btnArea {padding-top:20px !important;}

    /* 주소찾기 팝업 */
    #pop_findAddress .no_address {padding:65px 0 33px;background-position:50% 30px;background-size:25px auto;font-size:14px;}
    #pop_findAddress .topTxt {font-size:14px;}
    #pop_findAddress .findAddress .inp_s {width:90px;margin-right:5px;}
    #pop_findAddress .findAddress .inp_t {width:calc(100% - 160px);margin-right:5px;}
    #pop_findAddress .infoTxt .dotInfo {font-size:13px;}
    #pop_findAddress .infoTxt .exclam {font-size:13px;}
    #pop_findAddress .boardOptBox {margin:7px 0;}
    #pop_findAddress .lineTop_tbArea .lineTop_tb tbody td {padding:10px;font-size:14px;}
    #pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address {padding-left:45px;font-size:14px;}
    

    /* pop 개별 */
    #pop_articleView.popLayout .popConts .popInner.limit {max-height: calc(100vh - 200px) !important;}
}

@media all and (max-width:768px){
    /*관심정보북마크 팝업*/
    #pop_interestBookmark .bookmark_list ul>li {width:calc(33.3% - 10px);}
    #pop_interestBookmark .addArea {padding-top:15px;text-align:center;}
    #pop_interestBookmark .addArea .btn_reset {position:relative;left:auto;bottom:auto;}

    /* 뉴스레터 신청 팝업 */
    #pop_applyNewsLetter .selInfo {padding:0;}
    #pop_applyNewsLetter .selIndustry {padding:0;}
    #pop_applyNewsLetter .selIndustry>.inp_c {width:calc(50% - 10px)}
    #pop_applyNewsLetter .selIndustry>.inp_c:nth-child(n+3) {margin-top:10px;vertical-align:top;}
    #pop_applyNewsLetter .agreeArea fieldset legend {float:inherit;margin-bottom:10px;}
    #pop_applyNewsLetter .agreeArea .btn_agreeArr {float:inherit;display:block;margin-top:10px;}
}

@media all and (max-width:520px){
    #pop_findAddress .findAddress .inp_s {width:100%;margin-bottom:5px;margin-right:0;}
    #pop_findAddress .findAddress .inp_t {width:100%;margin-bottom:5px;margin-right:0;}
    #pop_findAddress .findAddress .btnC_s.Navy {width:100%;}
}

@media all and (max-width:450px){
    /* 주소 찾기 팝업 */
    #pop_findAddress .lineTop_tbArea .lineTop_tb  colgroup col:nth-child(2) {width:70px !important}
    #pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address {padding-left:0;}
    #pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address .sort {position:inherit;left:0;top:0;display:block;margin-bottom:5px;}

    /* pop 개별 */
}

/*** Component ***/
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

.fL {float:left !important;}
.fR {float:right !important;}
.cB {clear:both !important;}
.cB::after{content:"";display:block;clear:both;}

.vT_top {vertical-align:top !important;}
.vT_mid {vertical-align:middle !important;}

.mT0 {margin-top:0px !important;}
.mT1 {margin-top:1px !important;}
.mT2 {margin-top:2px !important;}
.mT3 {margin-top:3px !important;}
.mT4 {margin-top:4px !important;}
.mT5 {margin-top:5px !important;}
.mT6 {margin-top:6px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT11 {margin-top:11px !important;}
.mT12 {margin-top:12px !important;}
.mT13 {margin-top:13px !important;}
.mT14 {margin-top:14px !important;}
.mT15 {margin-top:15px !important;}
.mT16 {margin-top:16px !important;}
.mT17 {margin-top:17px !important;}
.mT18 {margin-top:18px !important;}
.mT19 {margin-top:19px !important;}
.mT20 {margin-top:20px !important;}
.mT21 {margin-top:21px !important;}
.mT22 {margin-top:22px !important;}
.mT23 {margin-top:23px !important;}
.mT24 {margin-top:24px !important;}
.mT25 {margin-top:25px !important;}
.mT26 {margin-top:26px !important;}
.mT27 {margin-top:27px !important;}
.mT28 {margin-top:28px !important;}
.mT29 {margin-top:29px !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;}
.mT70 {margin-top:70px !important;}

.mR0 {margin-right:0px !important;}
.mR1 {margin-right:1px !important;}
.mR2 {margin-right:2px !important;}
.mR3 {margin-right:3px !important;}
.mR4 {margin-right:4px !important;}
.mR5 {margin-right:5px !important;}
.mR6 {margin-right:6px !important;}
.mR7 {margin-right:7px !important;}
.mR8 {margin-right:8px !important;}
.mR9 {margin-right:9px !important;}
.mR10 {margin-right:10px !important;}
.mR11 {margin-right:11px !important;}
.mR12 {margin-right:12px !important;}
.mR13 {margin-right:13px !important;}
.mR14 {margin-right:14px !important;}
.mR15 {margin-right:15px !important;}
.mR16 {margin-right:16px !important;}
.mR17 {margin-right:17px !important;}
.mR18 {margin-right:18px !important;}
.mR19 {margin-right:19px !important;}
.mR20 {margin-right:20px !important;}
.mR21 {margin-right:21px !important;}
.mR22 {margin-right:22px !important;}
.mR23 {margin-right:23px !important;}
.mR24 {margin-right:24px !important;}
.mR25 {margin-right:25px !important;}
.mR26 {margin-right:26px !important;}
.mR27 {margin-right:27px !important;}
.mR28 {margin-right:28px !important;}
.mR29 {margin-right:29px !important;}
.mR30 {margin-right:30px !important;}
.mR35 {margin-right:35px !important;}
.mR40 {margin-right:40px !important;}
.mR45 {margin-right:45px !important;}
.mR50 {margin-right:50px !important;}

.mB0 {margin-bottom:0px !important;}
.mB1 {margin-bottom:1px !important;}
.mB2 {margin-bottom:2px !important;}
.mB3 {margin-bottom:3px !important;}
.mB4 {margin-bottom:4px !important;}
.mB5 {margin-bottom:5px !important;}
.mB6 {margin-bottom:6px !important;}
.mB7 {margin-bottom:7px !important;}
.mB8 {margin-bottom:8px !important;}
.mB9 {margin-bottom:9px !important;}
.mB10 {margin-bottom:10px !important;}
.mB11 {margin-bottom:11px !important;}
.mB12 {margin-bottom:12px !important;}
.mB13 {margin-bottom:13px !important;}
.mB14 {margin-bottom:14px !important;}
.mB15 {margin-bottom:15px !important;}
.mB16 {margin-bottom:16px !important;}
.mB17 {margin-bottom:17px !important;}
.mB18 {margin-bottom:18px !important;}
.mB19 {margin-bottom:19px !important;}
.mB20 {margin-bottom:20px !important;}
.mB21 {margin-bottom:21px !important;}
.mB22 {margin-bottom:22px !important;}
.mB23 {margin-bottom:23px !important;}
.mB24 {margin-bottom:24px !important;}
.mB25 {margin-bottom:25px !important;}
.mB26 {margin-bottom:26px !important;}
.mB27 {margin-bottom:27px !important;}
.mB28 {margin-bottom:28px !important;}
.mB29 {margin-bottom:29px !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;}
.mB70 {margin-bottom:70px !important;}

.mL0 {margin-left:0px !important;}
.mL1 {margin-left:1px !important;}
.mL2 {margin-left:2px !important;}
.mL3 {margin-left:3px !important;}
.mL4 {margin-left:4px !important;}
.mL5 {margin-left:5px !important;}
.mL6 {margin-left:6px !important;}
.mL7 {margin-left:7px !important;}
.mL8 {margin-left:8px !important;}
.mL9 {margin-left:9px !important;}
.mL10 {margin-left:10px !important;}
.mL11 {margin-left:11px !important;}
.mL12 {margin-left:12px !important;}
.mL13 {margin-left:13px !important;}
.mL14 {margin-left:14px !important;}
.mL15 {margin-left:15px !important;}
.mL16 {margin-left:16px !important;}
.mL17 {margin-left:17px !important;}
.mL18 {margin-left:18px !important;}
.mL19 {margin-left:19px !important;}
.mL20 {margin-left:20px !important;}
.mL21 {margin-left:21px !important;}
.mL22 {margin-left:22px !important;}
.mL23 {margin-left:23px !important;}
.mL24 {margin-left:24px !important;}
.mL25 {margin-left:25px !important;}
.mL26 {margin-left:26px !important;}
.mL27 {margin-left:27px !important;}
.mL28 {margin-left:28px !important;}
.mL29 {margin-left:29px !important;}
.mL30 {margin-left:30px !important;}
.mL35 {margin-left:35px !important;}
.mL40 {margin-left:40px !important;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}

.pT0 {padding-top:0px !important;}
.pT1 {padding-top:1px !important;}
.pT2 {padding-top:2px !important;}
.pT3 {padding-top:3px !important;}
.pT4 {padding-top:4px !important;}
.pT5 {padding-top:5px !important;}
.pT6 {padding-top:6px !important;}
.pT7 {padding-top:7px !important;}
.pT8 {padding-top:8px !important;}
.pT9 {padding-top:9px !important;}
.pT10 {padding-top:10px !important;}
.pT11 {padding-top:11px !important;}
.pT12 {padding-top:12px !important;}
.pT13 {padding-top:13px !important;}
.pT14 {padding-top:14px !important;}
.pT15 {padding-top:15px !important;}
.pT16 {padding-top:16px !important;}
.pT17 {padding-top:17px !important;}
.pT18 {padding-top:18px !important;}
.pT19 {padding-top:19px !important;}
.pT20 {padding-top:20px !important;}
.pT21 {padding-top:21px !important;}
.pT22 {padding-top:22px !important;}
.pT23 {padding-top:23px !important;}
.pT24 {padding-top:24px !important;}
.pT25 {padding-top:25px !important;}
.pT26 {padding-top:26px !important;}
.pT27 {padding-top:27px !important;}
.pT28 {padding-top:28px !important;}
.pT29 {padding-top:29px !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;}

.pR0 {padding-right:0px !important;}
.pR1 {padding-right:1px !important;}
.pR2 {padding-right:2px !important;}
.pR3 {padding-right:3px !important;}
.pR4 {padding-right:4px !important;}
.pR5 {padding-right:5px !important;}
.pR6 {padding-right:6px !important;}
.pR7 {padding-right:7px !important;}
.pR8 {padding-right:8px !important;}
.pR9 {padding-right:9px !important;}
.pR10 {padding-right:10px !important;}
.pR11 {padding-right:11px !important;}
.pR12 {padding-right:12px !important;}
.pR13 {padding-right:13px !important;}
.pR14 {padding-right:14px !important;}
.pR15 {padding-right:15px !important;}
.pR16 {padding-right:16px !important;}
.pR17 {padding-right:17px !important;}
.pR18 {padding-right:18px !important;}
.pR19 {padding-right:19px !important;}
.pR20 {padding-right:20px !important;}
.pR21 {padding-right:21px !important;}
.pR22 {padding-right:22px !important;}
.pR23 {padding-right:23px !important;}
.pR24 {padding-right:24px !important;}
.pR25 {padding-right:25px !important;}
.pR26 {padding-right:26px !important;}
.pR27 {padding-right:27px !important;}
.pR28 {padding-right:28px !important;}
.pR29 {padding-right:29px !important;}
.pR30 {padding-right:30px !important;}
.pR35 {padding-right:35px !important;}
.pR40 {padding-right:40px !important;}
.pR45 {padding-right:45px !important;}
.pR50 {padding-right:50px !important;}

.pB0 {padding-bottom:0px !important;}
.pB1 {padding-bottom:1px !important;}
.pB2 {padding-bottom:2px !important;}
.pB3 {padding-bottom:3px !important;}
.pB4 {padding-bottom:4px !important;}
.pB5 {padding-bottom:5px !important;}
.pB6 {padding-bottom:6px !important;}
.pB7 {padding-bottom:7px !important;}
.pB8 {padding-bottom:8px !important;}
.pB9 {padding-bottom:9px !important;}
.pB10 {padding-bottom:10px !important;}
.pB11 {padding-bottom:11px !important;}
.pB12 {padding-bottom:12px !important;}
.pB13 {padding-bottom:13px !important;}
.pB14 {padding-bottom:14px !important;}
.pB15 {padding-bottom:15px !important;}
.pB16 {padding-bottom:16px !important;}
.pB17 {padding-bottom:17px !important;}
.pB18 {padding-bottom:18px !important;}
.pB19 {padding-bottom:19px !important;}
.pB20 {padding-bottom:20px !important;}
.pB21 {padding-bottom:21px !important;}
.pB22 {padding-bottom:22px !important;}
.pB23 {padding-bottom:23px !important;}
.pB24 {padding-bottom:24px !important;}
.pB25 {padding-bottom:25px !important;}
.pB26 {padding-bottom:26px !important;}
.pB27 {padding-bottom:27px !important;}
.pB28 {padding-bottom:28px !important;}
.pB29 {padding-bottom:29px !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;}

.pL0 {padding-left:0px !important;}
.pL1 {padding-left:1px !important;}
.pL2 {padding-left:2px !important;}
.pL3 {padding-left:3px !important;}
.pL4 {padding-left:4px !important;}
.pL5 {padding-left:5px !important;}
.pL6 {padding-left:6px !important;}
.pL7 {padding-left:7px !important;}
.pL8 {padding-left:8px !important;}
.pL9 {padding-left:9px !important;}
.pL10 {padding-left:10px !important;}
.pL11 {padding-left:11px !important;}
.pL12 {padding-left:12px !important;}
.pL13 {padding-left:13px !important;}
.pL14 {padding-left:14px !important;}
.pL15 {padding-left:15px !important;}
.pL16 {padding-left:16px !important;}
.pL17 {padding-left:17px !important;}
.pL18 {padding-left:18px !important;}
.pL19 {padding-left:19px !important;}
.pL20 {padding-left:20px !important;}
.pL21 {padding-left:21px !important;}
.pL22 {padding-left:22px !important;}
.pL23 {padding-left:23px !important;}
.pL24 {padding-left:24px !important;}
.pL25 {padding-left:25px !important;}
.pL26 {padding-left:26px !important;}
.pL27 {padding-left:27px !important;}
.pL28 {padding-left:28px !important;}
.pL29 {padding-left:29px !important;}
.pL30 {padding-left:30px !important;}
.pL35 {padding-left:35px !important;}
.pL40 {padding-left:40px !important;}
.pL45 {padding-left:45px !important;}
.pL50 {padding-left:50px !important;}
.alignPre {white-space:pre-wrap !important;word-break:break-all !important;}

/* print */
@media print  {
    html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td {
        margin: 0; 
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    .kockDream_tit em {background:none;color:#8266d0}
}

/* 오픈공지 */
.open_intro {position:fixed;width:100%;height:100%;background:#fff url(../img/common/openIntro_bg.png) left 50% top 120px no-repeat;background-size:cover;z-index:999999;}
.open_intro .logo img+img {margin-left:20px;}
.open_intro .inner {height:100%;min-height:100vh;padding-top:90px;text-align:center;}
.open_intro .tit {margin-top:85px;margin-bottom:30px;font-size:56px;font-weight:300;line-height:72px;letter-spacing:-1px;}
.open_intro .tit b {font-weight:700}
.open_intro .txt {font-size:18px;line-height:32px;}
.open_intro .date {margin-top:47px;margin-bottom:55px;padding:18px 40px;background: #4286ea;display:inline-block;vertical-align:top;color:#fff;color:#fff;border-radius:50px;font-size:18px;}
.open_intro .date br {display:none;}
.typeTopNotice  .open_intro {margin-top:-70px;}


@media all and (max-width:1041px){
    .open_intro .inner {display:flex;justify-content:center;flex-direction:column;padding: 0 20px;}
    .open_intro .logo img:nth-child(1) {height:40px}
    .open_intro .logo img:nth-child(2) {height:35px}
    .open_intro .tit {margin-top:40px;margin-bottom:20px;font-size:25px;line-height: 37px;}
    .open_intro .txt {font-size:16px;line-height:26px;}
    .open_intro .date {width:500px;margin:0 auto;margin-top:20px;margin-bottom:20px;font-size:16px;padding:12px 25px;}
}

@media all and (max-width:768px){
    .open_intro {background-size:contain;background-position:left 50% top 38%;}
    .open_intro .txt br {display:none;}
    .open_intro .date {width:200px;border-radius:25px;font-size:15px;}
    .open_intro .date br {display:block;}
}

@media all and (max-width:560px){
    .typeTopNotice  .open_intro {margin-top:-85px;}

}

@media all and (max-width:380px){
    .open_intro .tit {font-size:22px;line-height:32px;}
}